@charset "utf-8";

/* --------------------------------------------------------------
	CSSの再定義
-------------------------------------------------------------- */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

html {
	width: 100%;
	height: 100%;
	font-size: 62.5%;
}

body {
	width: 100%;
	height: 100%;
	color: #333;
	font-size: 1.4rem;
	font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
	/*-webkit-text-size-adjust: 100%;*/
	-webkit-text-size-adjust: none;
}

img {
	max-width: 100%;
	height: auto;
	/* vertical-align: bottom; */
}

table {
	width: 100%;
}

strong {
	font-weight: bold;
}

a:hover,
a:active,
a:focus {
	text-decoration: none;
}

a:hover,
a img:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
button:hover,
.hover_effect:hover {
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

input[type="button"],
input[type="submit"],
button {
	border: none;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
}

@media print,
screen and (min-width: 768px) {

	body {
		min-width: 1000px;
		font-size: 1.6rem;
	}

}


/* --------------------------------------------------------------
	共通クラス・部品
-------------------------------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*/
	/*/
	height: auto;
	overflow: hidden;
	/**/
}

.aligncenter {
	display: block;
	margin: 10px auto;
}

.alignright {
	float: right;
	margin: 5px 0 5px 10px;
}

.alignleft {
	float: left;
	margin: 5px 10px 5px 0;
}

/* 画像トリミング（長方形） */
.trim_wrap.rect {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.trim_wrap.rect:before {
	/* 3:2 */
	content: "";
	display: block;
	padding-top: 66%;
}

.trim_wrap.rect .trim_img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.trim_wrap.square {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.trim_wrap.square:before {
	/* 1:1 */
	content: "";
	display: block;
	padding-top: 100%;
}

.trim_wrap.square .trim_img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

/* 20191023 変更 noimageファイル変更 ここから↓ */
.trim_wrap.square .trim_img.no_img_bd {
	box-sizing: border-box;
	border: 1px solid #E9E9E9;
}

/* 20191023 変更 noimageファイル変更 ここまで↑ */
/* 画像トリミング（正方形） */
/* リンク範囲を親要素全体に */
.link_area {
	position: relative;
}

a.link_wrap {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}

/* 下margin調整 */
.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

/* 軽微な装飾 */
.red {
	color: #f00;
}

.bold {
	font-weight: bold;
}

/* datepicker
---------------------------------------- */

/* カレンダー本体 */
#ui-datepicker-div {
	z-index: 1000 !important;
}

/* 年月を1行に収める */
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 40% !important;
}

.ui-datepicker select.ui-datepicker-month {
	margin-left: 5px;
}

.ui-widget-header {
	color: #000;
}

.ui-datepicker-title {
	display: flex;
}

table.ui-datepicker-calendar {
	line-height: 1.5;
}


/* --------------------------------------------------------------
	レイアウト
-------------------------------------------------------------- */

.wrap {
	margin-top: 60px;
}

header.before.top + .wrap,
header.after.top + .wrap {
	margin-top: 110px;
}

.container {
	padding: 15px 0 0 0;
}

section.pickup + .container {
	padding: 0;
}

.main {
	padding: 0 0 30px 0;
}

.side {
	padding: 0 0 30px 0;
}

.container_single {
	/* 記事ページ（1カラム） */
	padding: 0 10px 30px;
}

.container_single_page {
	/* 固定ページ（1カラム） */
	padding: 15px 0 30px;
}

@media print,
screen and (min-width: 768px) {

	.wrap,
	header.before.top + .wrap,
	header.after.top + .wrap {
		margin-top: 0;
	}

	.container {
		display: flex;
		width: 1000px;
		margin: 0 auto;
		padding: 30px 0 0;
	}

	section.pickup + .container {
		padding: 30px 0 0;
	}

	.main {
		width: 720px;
		margin-right: auto;
		padding: 0 0 60px 0;
	}

	.side {
		width: 220px;
		padding: 0 0 60px 0;
	}

	.container_single {
		width: 800px;
		margin: 0 auto;
		padding: 0 0 60px 0;
	}

	.container_single_page {
		width: 800px;
		margin: 0 auto;
		padding: 40px 0 60px;
	}

}


/* --------------------------------------------------------------
	汎用パーツ
-------------------------------------------------------------- */

/* 見出し
---------------------------------------- */
.hl_page {
	height: 70px;
	line-height: 70px;
	padding: 0 20px;
	background-color: #00418F;
	color: #fff;
	font-weight: bold;
	font-size: 1.7rem;
}

.hl_a {
	/*display: flex;*/
	padding: 13px 10px 11px;
	background: -moz-linear-gradient(top, #1A549A, #1A549A 50%, #00418F 50%, #00418F);
	background: -webkit-linear-gradient(top, #1A549A, #1A549A 50%, #00418F 50%, #00418F);
	background: linear-gradient(to bottom, #1A549A, #1A549A 50%, #00418F 50%, #00418F);
	color: #fff;
	font-weight: bold;
	font-size: 1.7rem;
	line-height: 1.5;
}

.hl_b {
	/*display: flex;*/
	padding: 7px 10px;
	background-color: #E5ECF4;
	border-top: solid 3px #00418F;
	border-bottom: solid 1px #00418F;
	color: #00418F;
	font-weight: bold;
	font-size: 1.6rem;
	line-height: 1.5;
}

.hl_c {
	/*display: flex;*/
	padding: 7px 10px 3px;
	background-color: #E5ECF4;
	border-bottom: solid 2px #C9D6E5;
	color: #014190;
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1.5;
}

.hl_d {
	/*display: flex;*/
	padding: 0 0 2px 0;
	border-bottom: dotted 2px #A1B9D5;
	color: #014190;
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1.5;
}

.hl_e {
	/*display: flex;*/
	color: #014190;
	font-weight: bold;
	font-size: 1.4rem;
	line-height: 1.5;
}

.hl_f {
	position: relative;
	padding-left: 15px;
	font-weight: bold;
	font-size: 1.7rem;
}

.hl_f::before {
	display: block;
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 6px;
	height: 100%;
	background-color: #b2c6dd;
	border-radius: 3px;
}

.hl_bm {
	/* 太字 + 文字サイズ中 */
	font-weight: bold;
	font-size: 1.6rem;
}

.hl_bl {
	/* 太字 + 文字サイズ大 */
	font-weight: bold;
	font-size: 1.8rem;
}

.hl_bxl {
	/* 太字 + 文字サイズ特大 */
	font-weight: bold;
	font-size: 2.0rem;
}

.hl_bxxl {
	/* 太字 + 文字サイズ超特大 */
	font-weight: bold;
	font-size: 2.2rem;
}

@media print,
screen and (min-width: 768px) {

	.hl_page {
		height: 122px;
		line-height: 122px;
		padding: 0;
		font-size: 2.8rem;
	}

	.hl_page > span {
		display: block;
		width: 1000px;
		margin: 0 auto;
	}

	.hl_a {
		padding: 15px 15px 11px;
		font-size: 2.3rem;
	}

	.hl_b {
		padding: 10px 15px 7px;
		border-top: solid 4px #00418F;
		font-size: 1.9rem;
	}

	.hl_c {
		padding: 8px 15px 4px;
		font-size: 1.8rem;
	}

	.hl_d {
		font-size: 1.8rem;
	}

	.hl_e {
		font-size: 1.7rem;
	}

	.hl_f {
		font-size: 1.8rem;
	}

	.hl_bm {
		font-size: 1.8rem;
	}

	.hl_bl {
		font-size: 2.0rem;
	}

	.hl_bxl {
		font-size: 2.2rem;
	}

	.hl_bxxl {
		font-size: 2.4rem;
	}

}

/* ボタン
---------------------------------------- */
.btn {
	display: block;
	height: 50px;
	border-style: solid !important;
	border-width: 2px !important;
	font-weight: bold;
	text-align: center;
	line-height: 46px;
	border-radius: 6px;
}

.btn.light {
	background-color: #DEE6F1;
	border-color: #DEE6F1;
	color: #00418F;
}

.btn.white {
	background-color: #fff;
	border-color: #00418F;
	color: #00418F;
}

.btn.dark {
	background-color: #00418F;
	border-color: #00418F;
	color: #fff;
}

@media print,
screen and (min-width: 768px) {

	.btn {
		height: 54px;
		line-height: 50px;
	}

}

/* テーブル（非レスポンシブ）
---------------------------------------- */
table.basic {
	width: 100%;
	border-collapse: collapse;
	border-top: solid 1px #ccc;
	font-size: 1.3rem;
}

table.basic th {
	padding: 8px 15px;
	background-color: #F2F2F2;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
}

table.basic td {
	padding: 8px 15px;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	line-height: 1.5;
	word-break: break-all;
}

@media print,
screen and (min-width: 768px) {

	table.basic {
		font-size: 1.6rem;
	}

	table.basic th,
	table.basic td {
		padding: 8px 25px;
	}

}

/* テーブル（レスポンシブ）
---------------------------------------- */
table.responsive {
	width: 100%;
	border-top: solid 1px #ccc;
}

table.responsive th {
	display: block;
	width: 100%;
	padding: 3px 10px;
	background-color: #f2f2f2;
	border-bottom: solid 1px #ccc;
	font-weight: bold;
	text-align: left;
}

table.responsive td {
	display: block;
	padding: 10px;
	border-bottom: solid 1px #ccc;
}

@media print,
screen and (min-width: 768px) {

	table.responsive {}

	table.responsive th {
		display: table-cell;
		width: 25%;
		padding: 12px 20px;
	}

	table.responsive td {
		display: table-cell;
		width: 75%;
		padding: 12px 20px;
	}

}

/* 記事が無い場合
---------------------------------------- */
.no_content {
	padding: 30px 10px;
	line-height: 1.5;
	text-align: center;
}

@media print,
screen and (min-width: 768px) {

	.no_content {
		padding: 30px 0;
		text-align: left;
	}

}

/* スマホでは縦積み、PCでは段組み
---------------------------------------- */
.block_layout.center {
	text-align: center;
}

@media print,
screen and (min-width: 768px) {

	.block_layout {
		display: flex;
		justify-content: space-between;
	}

	.block_layout .col2 {
		width: 48.5%;
	}

}

/* スマホでもPCでも段組み
---------------------------------------- */
.block_layout_all {
	display: flex;
	justify-content: space-between;
}

.block_layout_all .col2 {
	width: 48.5%;
}


/* --------------------------------------------------------------
	ヘッダー
-------------------------------------------------------------- */

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 320px;
	background-color: #fff;
	z-index: 5;
	-webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
}

.h_container {
	display: flex;
}

.h_site_logo img {
	height: 60px;
}

@media print,
screen and (min-width: 768px) {

	header {
		position: relative;
	}

	header.top {
		box-shadow: none;
	}

	.h_inner {
		display: flex;
		width: 1000px;
		margin: 0 auto;
	}

	.h_l_col {
		display: flex;
		width: 480px;
	}

	.h_r_col {
		flex: 1;
		text-align: right;
	}

	/* ロゴ */
	header.before .h_site_logo {
		width: 290px;
	}

	header.after .h_site_logo {
		width: 261px;
	}

	.h_site_logo img {
		height: 104px;
	}

	/* 日付 */
	.h_date {
		flex: 1;
		height: 104px;
		padding: 20px 0 0 20px;
	}

	.h_date table {
		width: 160px;
	}

	.h_date table td {
		border: solid 1px #ccc;
		text-align: center;
		font-size: 1.5rem;
	}

	.h_date table td.y {
		padding: 5px 0;
	}

	.h_date table td.md {
		padding: 9px 0;
		font-weight: bold;
	}

	.h_date table td.md span {
		padding: 0 0 0 3px;
		font-size: 2.2rem;
	}

	/* 検索メニュー */
	.h_search_menu {
		padding: 20px 0 0 0;
	}

	header.after .h_search_menu {
		display: flex;
		justify-content: flex-end;
	}

	/* 検索フォーム */
	form#searchform {
		margin-right: 10px;
		padding: 0;
	}

	form#searchform .search {
		position: relative;
	}

	form#searchform .search input[type="text"][name="s"] {
		/* テキストボックス */
		width: 220px;
		height: 28px;
		line-height: 28px;
		padding: 0 35px 0 10px;
		border: 1px solid #014190;
		font-size: 1.4rem;
		border-radius: 3px;
		box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2) inset;
	}

	form#searchform .search #searchsubmit {
		/* 検索ボタン */
		position: absolute;
		top: 0;
		right: 0;
		background: url(../img/common/btn_search_pc.png) no-repeat left bottom;
		width: 30px;
		height: 28px;
		border: none;
		display: inline-block;
	}

	/* 過去記事検索 */
	.past_search {
		height: 30px;
		margin-top: -1px;
		padding: 3px 3px 3px 28px;
		background: url(../img/common/icon_cal_light.png) no-repeat left 8px center;
		border: solid 1px #C1D0E3;
		color: #014190;
		font-size: 1.4rem;
		border-radius: 3px;
	}

	.past_search > span {
		padding-right: 4px;
	}

	.past_search button.ui-datepicker-trigger {
		height: 22px;
		/*padding-left: 10px;*/
		padding: 0 6px 0 10px;
		background-color: #fff;
		border: solid 1px #5E89BF;
		color: #014190;
		border-radius: 3px;
		font-size: 1.3rem;
	}

	.past_search button.ui-datepicker-trigger::after {
		display: inline-block;
		margin-top: -2px;
		padding-left: 5px;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f0dd";
		vertical-align: top;
	}

	/* ユーザーメニュー */
	.h_user_menu {
		padding: 10px 0 0 0;
	}

	.h_user_menu ul {
		font-size: 0;
	}

	.h_user_menu ul li {
		display: inline-block;
		height: 28px;
		line-height: 28px;
		font-size: 1.4rem;
	}

	.h_user_menu ul li a {
		display: block;
		height: 100%;
		border-radius: 3px;
	}

	/* カート */
	.h_user_menu ul li.cart a {
		width: 80px;
		margin-right: 10px;
		padding-right: 8px;
		background: #DEE6F1 url(../img/common/icon_cart.png) no-repeat left 9px center;
		color: #014190;
	}

	/* 購読申し込み */
	.h_user_menu ul li.koudoku a {
		width: 140px;
		margin-right: 40px;
		background-color: #FF8A00;
		color: #fff;
		text-align: center;
	}

	/* ログイン */
	.h_user_menu ul li.login a {
		width: 120px;
		padding-right: 20px;
		background: #014190 url(../img/common/icon_login.png) no-repeat left 20px center;
		background-size: 12px 14px;
		color: #fff;
	}

	/* ログアウト */
	.h_user_menu ul li.logout a {
		width: 120px;
		padding-right: 15px;
		background: #014190 url(../img/common/icon_logout.png) no-repeat left 15px center;
		color: #fff;
	}

	/* お気に入り */
	.h_user_menu ul li.favorite a {
		width: 110px;
		margin-right: 10px;
		padding-right: 10px;
		background: #DEE6F1 url(../img/common/icon_fav.png) no-repeat left 9px center;
		background-size: 14px 12px;
		color: #014190;
	}

	/* 電子新聞の使い方 */
	.h_user_menu ul li.tukaikata {
		text-align: center;
	}

	.h_user_menu ul li.tukaikata a {
		width: 152px;
		margin-right: 20px;
		background-color: #DEE6F1;
		color: #014190;
	}

}

/* ハンバーガーメニュー
---------------------------------------- */
#toggle {
	margin-left: auto;
	width: 60px;
	height: 60px;
}

.trigger,
.trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	vertical-align: bottom;
}

.trigger {
	position: relative;
	width: 60px;
	height: 60px;
	cursor: pointer;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color:transparent;
}

.trigger span {
	position: absolute;
  -webkit-tap-highlight-color:transparent;
}

.trigger span:not(:nth-of-type(4)) {
	left: 18px;
	width: 24px;
	height: 3px;
	border-radius: 3px;
}

.trigger span:nth-of-type(1) {
	top: 15px;
}

.trigger span:nth-of-type(2) {
	top: 22px;
}

.trigger span:nth-of-type(2)::after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 3px;
	border-radius: 3px;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.trigger span:nth-of-type(3) {
	top: 29px;
}

.trigger span:nth-of-type(4) {
	position: relative;
	display: inline-block;
	width: 100%;
	top: 33px;
	color: #fff;
	font-size: 1.0rem;
	text-align: center;
}

/* ログイン前 */
.trigger.before {
	background-color: #fff;
}

.trigger.before span:not(:nth-of-type(4)),
.trigger.before span:nth-of-type(2)::after {
	background-color: #014190;
}

.trigger.before span:nth-of-type(4) {
	color: #014190;
}

/* ログイン後 */
.trigger.after {
	background-color: #014190;
}

.trigger.after span:not(:nth-of-type(4)),
.trigger.after span:nth-of-type(2)::after {
	background-color: #fff;
}

.trigger.after span:nth-of-type(4) {
	color: #fff;
}

/* クリック時の動作 */
.trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(8px) scale(0);
	transform: translateY(8px) scale(0);
}

.trigger.active span:nth-of-type(2) {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.trigger.active span:nth-of-type(2)::after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-8px) scale(0);
	transform: translateY(-8px) scale(0);
}

/* 購読申し込み＆ログイン（SP）
---------------------------------------- */
/*header.after .h_user_menu_sp {
	display: none !important;
}*/
.h_user_menu_sp ul {
	display: flex;
}

.h_user_menu_sp ul li {
	width: 50%;
	height: 50px;
	line-height: 50px;
	font-weight: bold;
	text-align: center;
}

.h_user_menu_sp ul li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}

.h_user_menu_sp ul li.koudoku {
	background-color: #FF8A00;
	border-right: solid 1px #fff;
}

.h_user_menu_sp ul li.login,
.h_user_menu_sp ul li.logout {
	background-color: #014190;
}

.h_user_menu_sp ul li.login span {
	padding-left: 25px;
	background: url(../img/common/icon_login.png) no-repeat left center /12px 14px;
}

/* グローバルメニュー
---------------------------------------- */
.bg_fixed {
	/* メニューを開いている間は背景固定 */
	overflow: hidden;
	position: fixed;
	/*z-index: -1;*/
	width: 100%;
	height: 100%;
}

nav#g_nav {
	display: none;
}

nav#g_nav.sp {
	display: none;
	position: fixed;
	top: 60px;
	bottom: 0;
	width: 100%;
	height: 92%;
	height: -webkit-calc( 100% - 60px);
	height: calc( 100% - 60px);
	overflow-y: auto;
	z-index: 1;
}

nav#g_nav.sp .search_sp {
	padding: 20px 20px 10px 21px;
	background-color: #00418f;
}

/* 検索フォーム */
nav#g_nav.sp .search_sp form {
	padding: 0;
}

nav#g_nav.sp .search_sp form .search {
	position: relative;
}

nav#g_nav.sp .search_sp form .search input[type="text"][name="s"] {
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 45px 0 10px;
	border: none;
	font-size: 1.6rem;
	border-radius: 3px;
}

nav#g_nav.sp .search_sp form .search #searchsubmit {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	background: url(../img/common/btn_search_sp.png) no-repeat center center;
	background-size: contain;
	border: none;
	display: inline-block;
}

/* 過去記事検索 */
nav#g_nav.sp .search_sp .past_search {
	height: auto;
	margin-top: 20px;
	padding: 5px 0 5px 30px;
	background: url(../img/common/icon_cal_dark.png) no-repeat left 10px center;
	background-size: 14px 13px;
	border: solid 1px #396CA8;
	color: #fff;
	font-size: 1.4rem;
	border-radius: 3px;
}

nav#g_nav.sp .search_sp .past_search > span {
	padding-right: 4px;
}

nav#g_nav.sp .search_sp .past_search button.ui-datepicker-trigger {
	height: 30px;
	/* padding: 0 9px; */
	background-color: #00418f;
	border: solid 1px #C3D4E5;
	color: #C3D4E5;
	border-radius: 3px;
	font-size: 1.3rem;
}

nav#g_nav.sp .search_sp .past_search button.ui-datepicker-trigger::after {
	display: inline-block;
	margin-top: -2px;
	padding-left: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0dd";
	vertical-align: top;
}

nav#g_nav.sp .search_sp .past_search form.shimen button.ui-datepicker-trigger {
	width: 24%;
}

nav#g_nav.sp .search_sp .past_search form.kiji button.ui-datepicker-trigger {
	width: 34%;
}

nav#g_nav.sp > ul {
	padding: 0 20px;
	background-color: #00418f;
	border-bottom: solid 1px #4071AB;
}

nav#g_nav.sp > ul > li {
	border-bottom: solid 1px #4071AB;
}

nav#g_nav.sp > ul > li:last-of-type {
	border-bottom: none;
}

nav#g_nav.sp > ul li > a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 15px 0 15px 5px;
	color: #fff;
	font-weight: bold;
}

nav#g_nav.sp > ul li > a::before {
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 1.2rem;
	content: "\f138";
	color: #189FD5;
	margin-right: 8px;
}

/* 子孫メニューがある場合 */
nav#g_nav.sp > ul li.menu-item-has-children > a {
	/* 開閉ボタン（＋） */
	background: url(../img/common/open.png) no-repeat right 5px center;
	background-size: 20px 20px;
	cursor: pointer;
}

nav#g_nav.sp > ul li.menu-item-has-children.open > a {
	/* 開閉ボタン（－） */
	background: url(../img/common/close.png) no-repeat right 5px center;
	background-size: 20px 20px;
	cursor: pointer;
}

/* 子孫メニュー */
nav#g_nav.sp ul.sub-menu {
	display: none;
}

/* 子メニュー */
nav#g_nav.sp ul.sub-menu > li {
	cursor: pointer;
}

nav#g_nav.sp ul.sub-menu > li > a {
	padding: 15px 0 15px 25px;
	font-weight: normal;
	cursor: pointer;
}

/* 孫メニュー */
nav#g_nav.sp ul.sub-menu > li > ul.sub-menu li > a {
	padding: 15px 0 15px 45px;
	cursor: pointer;
}

@media print,
screen and (min-width: 768px) {

	nav#g_nav {
		display: block;
	}

	nav#g_nav .search_sp {
		display: none;
	}

	.before nav#g_nav {
		background-color: #E5ECF4;
		border-top: solid 1px #C1D0E3;
	}

	nav#g_nav > ul {
		width: 1000px;
		margin: 0 auto;
		font-size: 0;
	}

	.after nav#g_nav > ul {
		border-top: solid 1px #C1D0E3;
	}

	nav#g_nav > ul > li {
		position: relative;
		display: inline-block;
		height: 60px;
		line-height: 60px;
		font-size: 1.6rem;
		font-weight: bold;
		text-align: center;
		cursor: pointer;
	}

	nav#g_nav > ul > li > a {
		display: block;
		width: 100%;
		height: 100%;
		color: #014190;
	}

	nav#g_nav > ul > li > a::before {
		position: absolute;
		top: 20px;
		left: 0;
		display: inline;
		content: "";
		width: 1px;
		height: 20px;
		background-color: #CECECE;
	}

	nav#g_nav > ul > li:last-of-type > a::after {
		position: absolute;
		top: 20px;
		right: 0;
		display: inline;
		content: "";
		width: 1px;
		height: 20px;
		background-color: #CECECE;
	}

	nav#g_nav > ul > li.home {
		width: 70px;
		text-indent: -9999px;
		background: url(../img/common/menu_home.png) no-repeat center center;
	}

	nav#g_nav > ul > li.shimen {
		width: 170px;
	}

	nav#g_nav > ul > li.digitalnews {
		width: 170px;
	}

	nav#g_nav > ul > li.column {
		width: 140px;
	}

	nav#g_nav > ul > li.keicho {
		width: 140px;
	}

	nav#g_nav > ul > li.konomachi {
		width: 140px;
	}

	nav#g_nav > ul > li.kikaku {
		width: 170px;
	}

	/* ログイン後メニュー */
	.after nav#g_nav > ul > li > a > span {
		position: relative;
		padding-left: 33px;
	}

	.after nav#g_nav > ul > li > a > span::before {
		content: "";
		display: inline-block;
		position: absolute;
		left: 0;
		top: -3px;
		width: 27px;
		height: 28px;
	}

	/* メニューアイコン */
	.after nav#g_nav > ul > li.shimen > a > span::before {
		/* きょうの紙面 */
		background: url(../img/common/menu_shimen.png) no-repeat left center;
	}

	.after nav#g_nav > ul > li.digitalnews > a > span::before {
		/* ニュース一覧 */
		background: url(../img/common/menu_digitalnews.png) no-repeat left center;
	}

	.after nav#g_nav > ul > li.column > a > span::before {
		/* コラム */
		background: url(../img/common/menu_column.png) no-repeat left center;
	}

	.after nav#g_nav > ul > li.keicho > a > span::before {
		/* おくやみ */
		background: url(../img/common/menu_keicho.png) no-repeat left center;
	}

	.after nav#g_nav > ul > li.konomachi > a > span::before {
		/* このまち */
		background: url(../img/common/menu_konomachi.png) no-repeat left center;
	}

	.after nav#g_nav > ul > li.kikaku > a > span::before {
		/* 企画・特集 */
		background: url(../img/common/menu_kikaku.png) no-repeat left center;
	}

	/* 子孫メニューがある場合 */
	nav#g_nav > ul li.menu-item-has-children > a > span::after {
		/* 開閉ボタン（▼） */
		display: inline-block;
		margin-top: -4px;
		padding-left: 10px;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f0dd";
		vertical-align: top;
	}

	/* 子メニュー */
	ul.sub-menu.child {
		display: none;
		position: absolute;
		top: 27px;
		left: 50%;
		margin-left: -90px;
		padding-top: 20px;
		font-size: 1.5rem;
		width: 180px;
	}

	ul.sub-menu.child > li {
		z-index: 100;
		cursor: pointer;
	}

	ul.sub-menu.child > li:first-child {
		padding-top: 12px;
		background: url(../img/common/menu_bg.png) no-repeat center top;
	}

	ul.sub-menu.child > li:last-child {
		border-bottom: solid 1px #014190;
	}

	ul.sub-menu.child > li > a {
		display: block;
		height: 40px;
		line-height: 40px;
		border-left: solid 1px #014190;
		border-right: solid 1px #014190;
		border-bottom: solid 1px #d2d2d2;
		background-color: #fff;
		color: #014190;
		filter: alpha(opacity=100);
		opacity: 1;
		cursor: pointer;
	}

	ul.sub-menu.child > li:first-child > a {
		position: relative;
		border-top: solid 1px #014190;
	}

	ul.sub-menu.child > li:first-child > a::before {
		position: absolute;
		top: -1px;
		left: 81px;
		content: "";
		display: block;
		width: 16px;
		height: 1px;
		background-color: #fff;
	}

	/* 孫メニュー */
	ul.sub-menu.grandson {
		display: none;
	}

	ul.sub-menu.grandson li > a {
		display: block;
		height: 40px;
		line-height: 40px;
		background-color: #fff;
		border-left: solid 1px #014190;
		border-right: solid 1px #014190;
		border-bottom: dotted 1px #d2d2d2;
		color: #014190;
		font-weight: normal;
		font-size: 1.5rem;
		filter: alpha(opacity=100);
		opacity: 1;
	}

	/* 現在地メニュー */
	nav#g_nav > ul > li.current-menu-item::after {
		content: "";
		display: block;
		position: absolute;
		left: 10%;
		bottom: 10px;
		width: 80%;
		height: 2px;
		background-color: #014190;
	}

}
/* --------------------------------------------------------------
	ぱんくずリスト
-------------------------------------------------------------- */
.breadcrumb{
	width: 100%;
	padding: 0;
	margin: 0;
	background: #e5ecf4;
	font-size: 0;
	line-height: 0;
	position: relative;
}
.breadcrumb .inner{
	width: 100%;
	padding: 12px 10px 11px;
	margin: 0;
	overflow-x: scroll;
	word-break: keep-all;
    white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
.breadcrumb ul{
	width: 100%;
	padding: 0 0 0 0;
	margin: 0;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;

}
.breadcrumb ul li{
	display: inline-block;
	width: auto;
	padding: 0 6px 2px 16px ;
	margin: 0;
	flex:0 0 auto;
	position: relative;
	font-size:1.4rem;
	line-height: 1.4rem;
}
.breadcrumb ul li:before{
	position: absolute;
	content:'';
	top:0;
	left: 0;
	width: 10px;
	height: 15px;
	background: url(../img/common/brc_li.png) no-repeat center center;
	background-size: 10px 11px;
}
.breadcrumb ul li:first-of-type{
	padding-left: 0;
}
.breadcrumb ul li:last-of-type{
	padding-right: 15px;
	font-weight: bold;
}
.breadcrumb ul li:first-of-type::before{
	display: none;
}
.breadcrumb ul li a {
	font-size:1.4rem;
	line-height: 1.6rem;
	color: #00418f;
	display: block;
	position: relative;
}
.breadcrumb ul li a:after {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background:#00418f;
}
.breadcrumb .scroll_grd{
	opacity: 0;
}
.breadcrumb .scroll_grd.right,
.breadcrumb .scroll_grd.left{
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;;
	transition: 0.3s;
	opacity: 1;
}
.breadcrumb .scroll_grd.left:before{
	position: absolute;
	content: '';
	top:0;
	left: 0;
	width: 30px;
	height: 100%;
	background :url(../img/common/brc_grd_l.png) repeat-y top left;
	background-size: 100%;
}

.breadcrumb .scroll_grd.right:after{
	position: absolute;
	content: '';
	top:0;
	right: 0;
	width: 30px;
	height: 100%;
	background :url(../img/common/brc_grd_r.png) repeat-y top right;
	background-size: 100%;
}
@media print,
screen and (min-width: 768px) {
	.breadcrumb .inner{
		width: 1000px;
		padding: 12px 0 8px;
		margin: 0 auto;
		overflow-x: inherit;
		word-break: inherit;
		white-space: inherit;
		-webkit-overflow-scrolling: touch;
	}
	.breadcrumb ul{
		/* flex-wrap: wrap; */
		align-items: stretch;
	}
	.breadcrumb ul li  a {
		color: #00418f;
		position: relative;
	}
	.breadcrumb ul li:last-of-type{
		padding-right: 0;
		flex: 0 1 auto;
	}
	.breadcrumb ul li {
		line-height: 1.6rem;
	}
	.breadcrumb .scroll_grd{
		display: none !important;
	}
}
/* --------------------------------------------------------------
	サイドバー
-------------------------------------------------------------- */

.widget_wrap {
	padding: 0 20px;
	text-align: center;
}

.sidebar_item {
	padding: 0 0 10px 0;
}

.widget_wrap:last-of-type .sidebar_item {
	padding: 0;
}

@media print,
screen and (min-width: 768px) {

	.widget_wrap {
		padding: 0;
	}

}
/* Google AdSense (サイドバー用) */
.widget_menu_wrap.gad {
	padding: 0 20px;
	margin: 0;
	border: none;
	width: 100%;
	font-size: 0;
	box-sizing: border-box;
}
.widget_menu_wrap.gad .widget_menu{
	width: 100%;
	box-sizing: border-box;
}
/* 20200301 add start */
/* Google広告を追加
---------------------------------------- */
.item_gad{
	padding: 0;
	margin: 0;
	/* height: 180px; */ /* test用 */
	/*background: #ccf; *//* test用 */
	margin: 0 0 10px 0;
}
.item_gad:last-child{
	margin: 0;
}
.item_gad ins{
	padding: 0;

}
/* 20200301 add end */
@media print,
screen and (min-width: 768px) {
	.widget_menu_wrap.gad {
		padding: 0;
	}
	
}
/* あすの暦
---------------------------------------- */
section.koyomi {
	border: solid 1px #014190;
	text-align: left;
}

section.koyomi h3,
section.koyomi .hl_koyomi {
	position: relative;
	height: 46px;
	line-height: 46px;
	padding: 0 10px;
	background-color: #014190;
	color: #fff;
	font-weight: bold;
	font-size: 1.5rem;
}

section.koyomi h3 span,
section.koyomi .hl_koyomi span {
	position: absolute;
	right: 10px;
	display: inline-block;
	font-weight: normal;
	text-align: right;
}

section.koyomi .date {
	height: 38px;
	line-height: 38px;
	padding: 0 10px;
	background-color: #fff;
}

section.koyomi dl dt {
	float: left;
	clear: left;
	padding: 6px 0 6px 10px;
	font-weight: bold;
	line-height: 1.8;
}

section.koyomi dl dd {
	padding: 6px 10px 6px 80px;
	line-height: 1.8;
	text-align: right;
}

section.koyomi dl dt:nth-of-type(odd),
section.koyomi dl dd:nth-of-type(odd) {
	background-color: #E5ECF4;
}

section.koyomi dl dt:nth-of-type(even),
section.koyomi dl dd:nth-of-type(even) {
	background-color: #fff;
}

@media print,
screen and (min-width: 768px) {

	section.koyomi {
		font-size: 1.4rem;
	}

	section.koyomi h3,
	section.koyomi .hl_koyomi  {
		height: 36px;
		line-height: 36px;
		font-size: 1.4rem;
	}

	section.koyomi .date {
		height: 30px;
		line-height: 30px;
	}

	section.koyomi dl dt {
		padding: 4px 0 4px 10px;
		line-height: 1.6;
	}

	section.koyomi dl dd {
		padding: 4px 10px 4px 80px;
		line-height: 1.6;
	}

}


/* --------------------------------------------------------------
	フッター
-------------------------------------------------------------- */

footer {
	background-color: #E5ECF4;
	padding-bottom: 70px;/* 20211019 */
}

.f_container {
	padding: 0 60px;
}

.f_logo {
	text-align: center;
}

.f_nav ul {
	padding: 0 0 35px 0;
	border-top: solid 1px #B7CBE2;
}

.f_nav ul li {
	height: 40px;
	line-height: 40px;
	background: url(../img/common/listmark.png) no-repeat left 1px center;
	background-size: 12px 12px;
	border-bottom: solid 1px #B7CBE2;
}

.f_nav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 0 0 20px;
	color: #19418B;
}

.copy {
	padding: 10px 20px;
	background-color: #B2C6DD;
}

.copy > p {
	color: #19418B;
	font-size: 1.1rem;
	line-height: 1.6;
}

#scrolltop {
	position: fixed;
	bottom: 0;
	right: 0;
}

#scrolltop a {
	display: block;
	width: 80px;
	height: 80px;
	background: url(../img/common/f_pagetop_sp.png) no-repeat center center;
	background-size: contain;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.print_footer {
	display: none;
}

@media print,
screen and (min-width: 768px) {

	.f_container {
		display: flex;
		width: 1000px;
		margin: 0 auto;
		/* padding: 0; */
		padding: 0 0 80px;/* 20211019 */
	}

	.f_logo {
		width: 304px;
		text-align: center;
	}

	.f_nav {
		flex: 1;
	}

	.f_nav ul {
		padding: 32px 0 25px 50px;
		border-top: none;
		font-size: 0;
	}

	.f_nav ul li {
		display: inline-block;
		height: 30px;
		line-height: 30px;
		border-bottom: none;
		font-size: 1.4rem;
	}

	.f_nav ul li a {
		padding: 0 50px 0 20px;
	}

	.copy {
		padding: 0;
	}

	.copy > p {
		width: 1000px;
		margin: 0 auto;
		height: 50px;
		line-height: 50px;
		font-size: 1.2rem;
	}

	#scrolltop a {
		width: 120px;
		height: 120px;
		background: url(../img/common/f_pagetop_pc.png) no-repeat center center;
		background-size: contain;
	}

}
/* ----------------------------------------
	フッター帯 20211019
---------------------------------------- */
#hover_f_banner {
	position: fixed;
	bottom: -70px;
	left: 0;
	width: 100%;
	min-width: 320px;
	height: 70px;
	background: #E5ECF4;
	color: #fff;
	border-top: 1px solid #C9C9C9;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index: 1;
  }
  #hover_f_banner._isSlide {
	bottom: 0;
	z-index: 999;
  }

  #hover_f_banner .inner {
	position: relative;
	width: 100%;
	padding: 0 20px;
	height: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0;
	line-height: 0;
	/* font-weight: bold; */
	vertical-align: middle;
  }

  #hover_f_banner .inner .left_box {
	width: 150px;
	flex-shrink:1;
	flex-grow: 1;
  }

  #hover_f_banner .right_box {
	width: 115px;
	margin: 0 0 0 5px;
	flex-shrink:0;
	flex-grow:0;
  }

  #hover_f_banner .hfb_btn_wrap {
	width: 100%;
	height: 40px;
	padding: 0 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
  }
  
  #hover_f_banner .hfb_btn_wrap .hfb_btn {
	background: #014190;
	color: #fff;
	border-radius: 5px;
	padding: 5px;
	margin-left: 7px;
	/*	width: 110px;*/
	width: 100px;
	height: 40px;
	font-size: 1.2rem;
	line-height: 1.6rem;
	text-align: center;
	/* font-weight: bold; */
	position: relative;
	flex-shrink:1;
	flex-grow: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
  }
  #hover_f_banner .hfb_btn_wrap .hfb_btn.small {
	font-size: 0.9rem;
	line-height: 1.2rem;
  }
  #hover_f_banner .hfb_btn_wrap .hfb_btn.kodoku{
	background: #FF8A00;
  } 

  #hover_f_banner .hfb_btn_wrap .hfb_btn:hover {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
  }
  #hover_f_banner .hfb_btn_wrap .hfb_btn a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  }
   #hover_f_banner .hfb_btn_wrap .hfb_btn:first-of-type {
	margin-left: 0;
  }
  
  #hover_f_banner .hfb_btn_wrap .hfb_btn > span {
	margin: auto 0;
  }
@media (min-width: 340px) {
	#hover_f_banner .inner {
	   padding: 0 20px;
	}
	#hover_f_banner .right_box {
		margin: 0 0 0 15px;
    }
	#hover_f_banner .hfb_btn_wrap .hfb_btn {
		font-size: 1.4rem;
		line-height: 1.5rem;
	}
	#hover_f_banner .hfb_btn_wrap .hfb_btn.small {
		font-size: 1.1rem;
		line-height: 1.6rem;
	  }
}
@media (min-width: 768px) {
	#hover_f_banner {
		height: 80px;
		bottom: -80px;
	}
  
	#hover_f_banner .inner {
	  width: 1000px;
	  padding: 0;
	}
  
	#hover_f_banner .inner .left_box {
	  width: 840px;
	  flex:0 0 auto;
	}

	#hover_f_banner .inner .right_box {
	  width: 150px;
	  flex: 0 0 auto;
	}
	#hover_f_banner .hfb_btn_wrap {
	  /* justify-content: space-between; */
	  padding: 0;
	}
  
	#hover_f_banner .hfb_btn_wrap .hfb_btn {
	  width: 280px;
	  height: 50px;
	  padding: 10px;
	  font-size: 1.8rem;
	  line-height: 2.1rem;
	  /* margin-left: 0; */
	  flex-wrap: nowrap;
	}
	#hover_f_banner .hfb_btn_wrap .hfb_btn.small {
		font-size: 1.8rem;
		line-height: 2.1rem;
	}

}
#scrolltop3 {
	/* position: fixed;
	bottom: 0;
	right: 0; */
}

#scrolltop3 a {
	display: block;
	width: 112px;
	height: 40px;
	background: url(../img/common/f_pagetop3_sp.png) no-repeat center center;
	background-size: contain;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0 0 0 auto;
}
@media (min-width: 768px) {
	#scrolltop3 a {
		width: 140px;
		height: 50px;
		background: url(../img/common/f_pagetop3_pc.png) no-repeat center center;
		background-size: contain;
	}
}
/* --------------------------------------------------------------
	TOPページ
-------------------------------------------------------------- */

/* 緊急情報
---------------------------------------- */
.emergency_wrap {
	padding: 10px;
}

.emergency {
	border: solid 4px #D00000;
}

.emergency .em_title {
	padding: 0 0 2px 30px;
	background: #D00000 url(../img/top/icon_emergency.png) no-repeat 5px 1px;
	background-size: 16px 14px;
	color: #fff;
	line-height: 1.3;
}

.emergency .em_content {
	padding: 10px 10px 5px 10px;
	line-height: 1.3;
}

.emergency .em_content p {
	padding: 0 0 5px 0;
}

@media print,
screen and (min-width: 768px) {

	.emergency_wrap {
		width: 1000px;
		margin: 0 auto;
		padding: 2px 0 14px;
	}

	.emergency .em_title {
		padding: 1px 0 3px 35px;
		background: #D00000 url(../img/top/icon_emergency.png) no-repeat 9px 3px;
		background-size: 16px 14px;
	}

	.emergency .em_content {
		padding: 15px 15px 10px 15px;
	}

	header.before + .wrap .emergency_wrap {
		padding: 14px 0 14px;
	}
}

/* スライダー（おすすめ記事）
---------------------------------------- */
.slider_wrap {
	background-color: #014190;
}

.slick-dotted.slick-slider {
	margin-bottom: 0;
}

.slide_unit {
	position: relative;
}

.slide_unit .slide_img {
	position: relative;
}

.slide_unit .slide_img::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-box-shadow: 0px 6px 4px -4px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow: 0px 6px 4px -4px rgba(0, 0, 0, 0.2) inset;
	box-shadow: 0px 6px 4px -4px rgba(0, 0, 0, 0.2) inset;
}

.slide_unit .slide_hl {
	position: absolute;
	left: 10px;
	bottom: 10px;
	width: 98%;
	width: -webkit-calc(100% - 20px);
	width: calc(100% - 20px);
}

.slide_unit .slide_hl span {
	display: inline-block;
	padding: 0 5px;
	background: rgba(255, 255, 255, 0.8);
	font-weight: bold;
	font-size: 1.3rem;
	line-height: 1.7;
}

.slide_unit .slide_hl span ~ span {
	margin-top: 4px;
}

/* 前後矢印 */
.slider_arrows {
	display: none;
}

/* ページャー */
.slick-dots {
	position: relative;
	top: 0px;
	height: 40px;
	padding: 8px 0 0 0;
}

.slick-dots li {
	width: 10px;
	height: 10px;
	margin: 0 15px;
}

.slick-dots li button {
	width: 10px;
	height: 10px;
}

.slick-dots li button:before {
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #6D8CB2;
	content: '';
	opacity: 1;
}

.slick-dots li.slick-active button:before {
	background-color: transparent;
	border: solid 1px #ccc;
	opacity: 1;
}

@media print,
screen and (min-width: 768px) {

	.slider_wrap {
		position: relative;
		padding: 30px 0 0;
	}

	.slider_wrap::after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		height: 20px;
		-webkit-box-shadow: 0px 6px 4px -4px rgba(0, 0, 0, 0.2) inset;
		-moz-box-shadow: 0px 6px 4px -4px rgba(0, 0, 0, 0.2) inset;
		box-shadow: 0px 6px 4px -4px rgba(0, 0, 0, 0.2) inset;
	}

	.slider_container {
		position: relative;
		width: 100%;
		margin: 0 auto;
	}

	.slide_unit {
		width: 965px;
		padding: 0 7.5px;
	}

	.slide_unit .slide_img::after {
		content: none;
	}

	.slide_unit .slide_hl {
		left: 58px;
		bottom: 50px;
		width: 90%;
		width: -webkit-calc(100% - 100px);
		width: calc(100% - 100px);
	}

	.slide_unit .slide_hl span {
		display: inline-block;
		padding: 0 10px;
		font-size: 2.3rem;
		line-height: 1.6;
	}

	.slide_unit .slide_hl span ~ span {
		margin-top: 6px;
	}

	/* 前後矢印 */
	.slider_arrows {
		display: block;
	}

	.slick-prev,
	.slick-next {
		width: 40px;
		height: 80px;
	}

	.slick-prev:before,
	.slick-next:before {
		content: "";
	}

	button.slick-prev,
	button.slick-next {
		z-index: 1;
	}

	.slick-prev {
		top: 315px;
		left: 0;
	}

	.slick-next {
		top: 315px;
		right: 0;
	}

	.slick-arrow {
		z-index: 1;
	}

	/* ページャー */
	.slick-dots {
		height: 50px;
		padding: 12px 0 0 0;
	}

	.slick-dots li {
		margin: 0 10px;
	}

}

/* スクロール（インフォメーション）
---------------------------------------- */
.marquee {
	position: relative;
	width: 100%;
	height: 34px;
	line-height: 34px;
	overflow: hidden;
	background-color: #072D5D;
	color: #fff;
}

.marquee p {
	padding-right: 300px;
	display: inline-block;
}

@media print,
screen and (min-width: 768px) {

	.marquee_wrap {
		padding: 0 0 36px 0;
		background-color: #014190;
	}

	.marquee {
		width: 1000px;
		margin: 0 auto;
	}

	.marquee p {
		padding-right: 1000px;
	}

}

/* 3記事（ピックアップ）
---------------------------------------- */
section.pickup {
	padding: 0 10px;
	background-color: #E5ECF4;
}

h2.pickup_hl {
	height: 52px;
	line-height: 52px;
	color: #00418F;
	font-weight: bold;
	font-size: 2rem;
	text-align: center;
}

li.pickup_unit {
	position: relative;
	display: flex;
	padding: 10px 0;
	border-top: solid 1px #B7CBE2;
}

li.pickup_unit .pickup_thumb {
	width: 50%;
	padding: 0 10px 0 0;
}

ul.pickup_list li.pickup_unit .pickup_caption {
	flex: 1;
	padding: 0 0 0 5px;
}

ul.pickup_list li.pickup_unit .pickup_caption .pickup_cat {
	position: relative;
	height: 15px;
	line-height: 15px;
	margin: 0 0 3px 0;
	padding: 1px 0 0 10px;
	color: #00418F;
	font-weight: bold;
	font-size: 1.3rem;
}

ul.pickup_list li.pickup_unit .pickup_caption .pickup_cat::before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 5px;
	height: 15px;
	background-color: #00418F;
	border-radius: 3px;
}

ul.pickup_list li.pickup_unit .pickup_caption .pickup_cap {
	font-weight: bold;
	line-height: 1.5;
}

@media print,
screen and (min-width: 768px) {

	section.pickup {
		margin: 0 0 30px 0;
		padding: 0 0 35px 0;
	}

	h2.pickup_hl {
		height: 95px;
		line-height: 95px;
		font-size: 3rem;
	}

	ul.pickup_list {
		display: flex;
		/* justify-content: space-between; */
		width: 1000px;
		margin: 0 auto;
	}

	ul.pickup_list li.pickup_unit {
		display: block;
		width: 300px;
		margin: 0 50px 0 0;
		padding: 0;
		border-top: none;
	}

	ul.pickup_list li.pickup_unit:nth-of-type(3) {
		margin: 0;

	}

	ul.pickup_list li.pickup_unit .pickup_thumb {
		width: 100%;
		padding: 0 0 13px 0;
	}

	ul.pickup_list li.pickup_unit .pickup_caption {
		padding: 0;
	}

	ul.pickup_list li.pickup_unit .pickup_caption .pickup_cat {
		height: 18px;
		line-height: 18px;
		margin: 0 0 10px 0;
		padding: 1px 0 0 13px;
		font-size: 1.6rem;
	}

	ul.pickup_list li.pickup_unit .pickup_caption .pickup_cat::before {
		width: 6px;
		height: 18px;
	}

	ul.pickup_list li.pickup_unit .pickup_caption .pickup_cap {
		font-size: 1.7rem;
	}

}

/* ヘッドライン
---------------------------------------- */
section.headline {
	padding: 0 10px 20px;
}

h2.headline_hl {
	height: 43px;
	padding: 22px 0 0;
	color: #00418F;
	font-weight: bold;
	font-size: 2rem;
	text-align: center;
}

ul.headline {
	display: flex;
	flex-wrap: wrap;
}

ul.headline li.headline_item_pc {
	display: none;
}

ul.headline li.headline_item_sp {
	position: relative;
	width: 50%;
	display: inline-block;
	font-size: 1.4rem;
	vertical-align: top;
	border-bottom: solid 1px #E5E5E5;
}

ul.headline li.headline_item_sp:nth-of-type(odd) {
	padding: 10px 10px 10px 0;
}

ul.headline li.headline_item_sp:nth-of-type(4n+3) {
	padding: 10px 0 10px 10px;
}

ul.headline li.headline_item_sp:nth-of-type(4n+1)::after {
	position: absolute;
	top: 10px;
	right: 0;
	display: block;
	content: "";
	width: 1px;
	height: calc(100% - 20px);
	background-color: #E5E5E5;
}

ul.headline li.headline_item_sp .headline_thumb {
	padding: 0 0 10px 0;
}

ul.headline li.headline_item_sp .headline_cat {
	position: relative;
	height: 15px;
	line-height: 15px;
	margin: 0 0 3px 0;
	padding: 1px 0 0 10px;
	color: #00418F;
	font-weight: bold;
	font-size: 1.3rem;
}

ul.headline li.headline_item_sp .headline_cat::before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 5px;
	height: 15px;
	background-color: #00418F;
	border-radius: 3px;
}

ul.headline li.headline_item_sp .headline_title {
	padding: 0 0 5px 0;
	font-weight: bold;
	line-height: 1.5;
}

ul.headline li.headline_item_sp.no_img .headline_title {
	color: #004090;
}

ul.headline li.headline_item_sp .headline_date {
	color: #838383;
	font-size: 1.2rem;
	line-height: 1.4;
}

/* B案対応 */
.trim_b {
	overflow: hidden;
	width: 100%;
	position: relative;
	background-color: #E9E9E9;
}

.trim_b:before {
	content: "";
	display: block;
	padding-top: 66%;
	/* 3:2 */
}

.trim_b img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}

@media print,
screen and (min-width: 768px) {

	section.headline {
		padding: 0;
	}

	h2.headline_hl {
		height: 50px;
		padding: 0;
		border-bottom: solid 1px #E5E5E5;
		font-size: 3rem;
		text-align: left;
	}

	ul.headline {
		border-bottom: none;
	}

	ul.headline li.headline_item_sp {
		display: none;
	}

	ul.headline li.headline_item_pc {
		/* position: relative; */
		display: block;
		width: 100%;
	}

	ul.headline li.headline_item_pc .headline_meta {
		display: flex;
		height: 44px;
		padding: 16px 0 0;
	}

	ul.headline li.headline_item_pc .headline_meta .headline_cat {
		position: relative;
		height: 18px;
		line-height: 18px;
		margin: 0;
		padding: 1px 0 0 15px;
		color: #00418F;
		font-weight: bold;
		font-size: 1.6rem;
	}

	ul.headline li.headline_item_pc .headline_meta .headline_cat::before {
		position: absolute;
		left: 0;
		top: 0;
		content: "";
		width: 6px;
		height: 18px;
		background-color: #00418F;
		border-radius: 3px;
	}

	ul.headline li.headline_item_pc .headline_meta .headline_date {
		margin-left: auto;
		padding: 4px 0 0;
		color: #838383;
		font-size: 1.4rem;
		line-height: 1;
	}

	ul.headline li.headline_item_pc .headline_title {
		padding: 5px 10px;
		background-color: #00418F;
		color: #fff;
		font-weight: bold;
		font-size: 1.7rem;
		line-height: 1.5;
	}

	ul.headline li.headline_item_pc .headline_body {
		display: flex;
		padding: 16px 0 20px;
		border-bottom: solid 1px #E5E5E5;
	}

	ul.headline li.headline_item_pc .headline_body .headline_thumb {
		width: 210px;
		padding: 0 20px 0 0;
	}

	ul.headline li.headline_item_pc .headline_body .headline_excerpt {
		position: relative;
		flex: 1;
		padding: 0 0 50px 0;
		font-size: 1.6rem;
		line-height: 1.6;
	}

	ul.headline li.headline_item_pc .headline_body .headline_excerpt .more {
		position: absolute;
		right: 0;
		bottom: 0;
		display: block;
		width: 100px;
		height: 25px;
		line-height: 25px;
		background-color: #DEE6F1;
		color: #00418F;
		font-size: 1.3rem;
		text-align: center;
		border-radius: 3px;
	}

}

/* このまち
---------------------------------------- */
h2.konomachi_hl {
	width: calc(100% - 20px);
	height: 60px;
	line-height: 60px;
	margin: 0 auto;
	border-bottom: solid 1px #E5E5E5;
	font-weight: bold;
	font-size: 1.8rem;
}

h2.konomachi_hl.gourmet {
	background: url(../img/top/kono_gourmet_hl_sp.png) no-repeat right center;
	background-size: contain;
	border-top: solid 4px #FE9627;
	color: #FE9627;
}

h2.konomachi_hl.beauty {
	background: url(../img/top/kono_beauty_hl_sp.png) no-repeat right center;
	background-size: contain;
	border-top: solid 4px #39B6DF;
	color: #39B6DF;
}

h2.konomachi_hl.life {
	background: url(../img/top/kono_life_hl_sp.png) no-repeat right center;
	background-size: contain;
	border-top: solid 4px #5FC468;
	color: #5FC468;
}

ul.konomachi {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% - 5px);
	margin: 0 auto;
}

li.konomachi_item {
	position: relative;
	width: calc(100% / 3);
	margin: 10px 0 0 0;
	padding: 0 7.5px 10px;
	border-bottom: solid 1px #E5E5E5;
}

li.konomachi_item:nth-of-type(3n+2)::before,
li.konomachi_item:nth-of-type(3n)::before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: "";
	width: 1px;
	height: calc(100% - 10px);
	background-color: #E5E5E5;
}

ul.konomachi li.konomachi_item .konomachi_summary h3 {
	padding: 8px 0 0 0;
	font-weight: bold;
	line-height: 1.3;
}

ul.konomachi li.konomachi_item .konomachi_summary .excerpt {
	padding: 5px 0 0 0;
	font-size: 1.2rem;
	line-height: 1.3;
}

.konomachi_col > .more {
	padding: 20px 0 30px;
}

.konomachi_col > .more a {
	display: block;
	width: 120px;
	height: 30px;
	line-height: 30px;
	margin: 0 auto;
	background-color: #DEE6F1;
	color: #00418F;
	font-size: 1.3rem;
	text-align: center;
	border-radius: 3px;
}

@media print,
screen and (min-width: 768px) {

	section.konomachi {
		display: flex;
		justify-content: space-between;
		padding: 60px 0 0 0;
	}

	section.konomachi .konomachi_col {
		width: 230px;
	}

	h2.konomachi_hl {
		width: 100%;
		height: 109px;
		padding: 25px 0 0 0;
		line-height: 1.4;
	}

	h2.konomachi_hl.gourmet {
		background: url(../img/top/kono_gourmet_hl_pc.png) no-repeat right center;
		border-top: solid 6px #FE9627;
	}

	h2.konomachi_hl.beauty {
		background: url(../img/top/kono_beauty_hl_pc.png) no-repeat right center;
		border-top: solid 6px #39B6DF;
	}

	h2.konomachi_hl.life {
		background: url(../img/top/kono_life_hl_pc.png) no-repeat right center;
		border-top: solid 6px #5FC468;
	}

	ul.konomachi {
		display: block;
		padding: 0;
		border-bottom: none;
	}

	ul.konomachi li.konomachi_item {
		display: flex;
		width: 100%;
		margin: 0;
		padding: 10px 0;
		border-bottom: solid 1px #E5E5E5;
	}

	ul.konomachi li.konomachi_item .konomachi_thumb {
		width: 60px
	}

	ul.konomachi li.konomachi_item .konomachi_summary {
		flex: 1;
		padding: 0 0 0 10px;
	}

	ul.konomachi li.konomachi_item:nth-of-type(1),
	ul.konomachi li.konomachi_item:nth-of-type(3) {
		padding: 10px 0;
	}

	ul.konomachi li.konomachi_item:nth-of-type(2)::before,
	ul.konomachi li.konomachi_item:nth-of-type(3)::before {
		content: none;
	}

	ul.konomachi li.konomachi_item .konomachi_summary h3 {
		padding: 0;
		font-size: 1.5rem;
	}

	ul.konomachi li.konomachi_item .konomachi_summary .excerpt {
		padding: 3px 0 0 0;
		font-size: 1.4rem;
		line-height: 1.4;
	}

	.konomachi_col > .more {
		padding: 20px 0 0 0;
	}

}

/* ほいねっとたうんニュース
---------------------------------------- */
h2.hoinet_hl {
	width: calc(100% - 20px);
	height: 60px;
	line-height: 60px;
	margin: 0 auto;
	background: url(../img/top/hoi_hl_sp.png) no-repeat right center;
	background-size: contain;
	border-top: solid 4px #FF6699;
	border-bottom: solid 1px #E5E5E5;
	color: #FF6699;
	font-weight: bold;
	font-size: 1.8rem;
}

ul.hoinet {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% - 5px);
	margin: 0 auto;
}

li.hoinet_item {
	position: relative;
	width: calc(100% / 3);
	margin: 10px 0 0 0;
	padding: 0 7.5px 10px;
	border-bottom: solid 1px #E5E5E5;
}

li.hoinet_item:nth-of-type(3n+2)::before,
li.hoinet_item:nth-of-type(3n)::before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: "";
	width: 1px;
	height: calc(100% - 10px);
	background-color: #E5E5E5;
}

li.hoinet_item .hoinet_summary h3 {
	padding: 8px 0 0 0;
	font-weight: bold;
	line-height: 1.3;
}

li.hoinet_item .hoinet_summary .hoinet_excerpt {
	padding: 5px 0 0 0;
	font-size: 1.2rem;
	line-height: 1.3;
}

.link_hoinet {
	padding: 20px 0 0 0;
}

.link_hoinet a {
	display: block;
	width: 260px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	padding: 0 0 0 20px;
	background: #DEE6F1 url(../img/common/open_new_window.png) no-repeat right 20px center;
	background-size: 14px 12px;
	border-radius: 3px;
	color: #00418F;
}

@media print,
screen and (min-width: 768px) {

	section.hoinet {
		padding: 60px 0 0 0;
	}

	h2.hoinet_hl {
		width: 100%;
		height: 83px;
		line-height: 83px;
		background: url(../img/top/hoi_hl_pc.png) no-repeat right center;
		background-size: contain;
		border-top: solid 6px #FF6699;
		border-bottom: none;
	}

	ul.hoinet {
		justify-content: space-between;
		width: 100%;
	}

	li.hoinet_item {
		display: flex;
		width: 350px;
		margin: 0;
		padding: 10px 0;
	}

	li.hoinet_item:nth-of-type(3n+2)::before,
	li.hoinet_item:nth-of-type(3n)::before {
		content: none;
	}

	li.hoinet_item:nth-of-type(1),
	li.hoinet_item:nth-of-type(2) {
		border-top: solid 1px #E5E5E5;
	}

	li.hoinet_item .hoinet_thumb {
		width: 70px
	}

	li.hoinet_item .hoinet_summary {
		flex: 1;
		padding: 0 0 0 10px;
	}

	li.hoinet_item .hoinet_summary h3 {
		padding: 5px 0 0 0;
		font-size: 1.5rem;
	}

	li.hoinet_item .hoinet_summary .hoinet_excerpt {
		padding: 3px 0 0 0;
		font-size: 1.4rem;
		line-height: 1.4;
	}

	.link_hoinet a {
		width: 280px;
		height: 50px;
		line-height: 50px;
		padding: 0 0 0 25px;
		background: #DEE6F1 url(../img/common/open_new_window.png) no-repeat right 25px center;
		background-size: 14px 12px;
		font-weight: bold;
		font-size: 1.4rem;
	}

}

/* 号外（TOPページ）
---------------------------------------- */
section.top_extra {
	padding: 15px 10px;
}

section.top_extra img {
	margin: 10px 0 0 0;
	border: solid 1px #E5E5E5;
}

section.top_extra p.top_extra_pdf {
	padding: 10px 0 0 0;
	text-align: right;
}

section.top_extra p.top_extra_pdf a {
	padding-left: 20px;
	background: url(../img/common/icon_pdf.png) no-repeat left center;
	background-size: 16px 16px;
	text-decoration: underline;
}

@media print,
screen and (min-width: 768px) {

	section.top_extra {
		padding: 0 0 40px 0;
	}

	section.top_extra img {
		margin: 20px 0 0 0;
	}

	section.top_extra p.top_extra_pdf {
		padding: 15px 0 0 0;
	}

}

/* 動画号外
---------------------------------------- */
.top_video {
	padding: 15px 10px 0;
}

.top_video .top_video_cat {
	position: relative;
	height: 15px;
	line-height: 15px;
	margin: 0 0 5px 0;
	padding: 1px 0 0 10px;
	color: #00418F;
	font-weight: bold;
	font-size: 1.3rem;
}

.top_video .top_video_cat::before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 5px;
	height: 15px;
	background-color: #00418F;
	border-radius: 3px;
}

.top_video .top_video_title {
	margin: 0 0 10px 0;
	padding: 5px 10px;
	background-color: #00418F;
	color: #fff;
	font-weight: bold;
	line-height: 1.5;
}

.top_video .video_wrap {
	padding: 0 0 15px 0;
}

.top_video .wp-video {
	margin: 0 auto;
}

.top_video .youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.top_video .youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

@media print,
screen and (min-width: 768px) {

	.top_video {
		padding: 0 0 30px 0;
	}

	.top_video .top_video_cat {
		height: 18px;
		line-height: 18px;
		margin: 0 0 10px 0;
		padding: 1px 0 0 15px;
		font-size: 1.6rem;
	}

	.top_video .top_video_cat::before {
		width: 6px;
		height: 18px;
	}

	.top_video .top_video_title {
		margin: 0 0 15px 0;
		font-size: 1.7rem;
	}

	.top_video .video_wrap {
		padding: 0 0 25px 0;
	}

}


/* --------------------------------------------------------------
	記事一覧ページ
-------------------------------------------------------------- */

section.news_list {
	padding: 0 10px;
}

@media print,
screen and (min-width: 768px) {

	section.news_list {
		padding: 0;
	}

}

/* ページ送り
---------------------------------------- */
.paging_pc {
	display: none;
}

.paging_sp {
	font-size: 1.3rem;
}

.paging_sp .pagenum {
	height: 40px;
	line-height: 40px;
	margin-top: -1px;
	border-top: solid 1px #E5E5E5;
	border-bottom: solid 1px #E5E5E5;
	text-align: center;
}

.paging_sp .pager {
	display: flex;
	justify-content: space-between;
	padding: 10px 0 0 0;
}

.paging_sp .pager .prev,
.paging_sp .pager .next {
	width: 47%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 3px;
}

.paging_sp .pager .prev {
	background: #DEE6F1 url(../img/common/arrow_prev.png) no-repeat left 20px center;
	background-size: 12px 17px;
}

.paging_sp .pager .next {
	margin-left: auto;
	background: #DEE6F1 url(../img/common/arrow_next.png) no-repeat right 20px center;
	background-size: 12px 17px;
}

.paging_sp .pager .prev a,
.paging_sp .pager .next a {
	display: block;
	width: 100%;
	height: 100%;
}

@media print,
screen and (min-width: 768px) {

	.paging_sp {
		display: none;
	}

	.paging_pc {
		display: block;
		width: 100%;
		margin: 40px auto 35px;
		font-size: 1.5rem;
		text-align: center;
	}

	.paging_pc ul li {
		display: inline-block;
	}

	.paging_pc ul li a.page-numbers {
		display: block;
		width: 40px;
		height: 28px;
		margin: 0 5px;
		background-color: #fff;
		border: solid 1px #00418F;
		color: #00418F;
		line-height: 28px;
		text-decoration: none;
		border-radius: 3px;
	}

	.paging_pc ul li a.page-numbers.prev,
	.paging_pc ul li a.page-numbers.next {
		display: inline-block;
		width: 50px;
		margin: 0;
		border: none;
		background-color: transparent;
		color: #00418F;
		text-decoration: underline;
	}

	.paging_pc ul li a.page-numbers.prev {
		text-align: left;
	}

	.paging_pc ul li a.page-numbers.next {
		text-align: right;
	}

	.paging_pc ul li span.current {
		display: block;
		width: 40px;
		height: 28px;
		margin: 0 5px;
		background-color: #00418F;
		color: #fff;
		border: solid 1px #00418F;
		line-height: 28px;
		border-radius: 3px;
	}

}


/* --------------------------------------------------------------
	個別記事ページ
-------------------------------------------------------------- */

/* 記事ヘッダ
---------------------------------------- */
.article_head .utility {
	display: flex;
	border-bottom: solid 1px #E5E5E5;
}

.article_head .utility .tool {
	width: 55px;
	padding: 14px 0 8px;
}

/* お気に入り */
.article_head .utility .tool .fav {
	display: inline-block;
	width: 55px;
	height: 40px;
	text-align: center;
}

.article_head .utility .tool .fav a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 17px 0 0 0;
	background: #fff url(../img/common/icon_fav.png) no-repeat center top 3px;
	background-size: 14px 12px;
	border: solid 1px #014190;
	color: #014190;
	font-size: 1rem;
	text-decoration: none;
	border-radius: 3px;
	cursor: pointer;
}

/* SNS */
.article_head .utility .sns {
	flex: 1;
}

.sns_wrap {
	width: 100%;
	padding: 24px 0 15px 0;
	font-size: 0;
	text-align: right;
}

.sns_wrap .sns_btn_fb,
.sns_wrap .sns_btn_tw,
.sns_wrap .sns_btn_ln {
	display: inline-block;
	margin: 0 2.5px;
	font-size: 1.4rem;
}

.sns_wrap .sns_btn_ln {
	margin: 0 0 0 2.5px;
}

.fb_iframe_widget > span {
	vertical-align: baseline !important;
}

.article_head .meta {
	display: flex;
	height: 35px;
	padding: 10px 0 0;
}

.article_head .meta .cat {
	position: relative;
	height: 15px;
	line-height: 15px;
	margin: 0;
	padding: 0 0 0 12px;
	color: #00418F;
	font-weight: bold;
}

.article_head .meta .cat::before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 5px;
	height: 15px;
	background-color: #00418F;
	border-radius: 3px;
}

.article_head .meta .update {
	margin-left: auto;
	padding: 2px 0 0;
	color: #838383;
	font-size: 1.2rem;
}

.article_head h1.title {
	margin: 0 0 10px 0;
	padding: 5px 10px;
	background-color: #00418F;
	color: #fff;
	font-weight: bold;
	font-size: 1.7rem;
	line-height: 1.5;
}

@media print,
screen and (min-width: 768px) {

	.article_head .utility .tool {
		width: 50%;
		padding: 26px 0 10px;
		font-size: 0;
	}

	.article_head .utility .tool .fav {
		width: 154px;
		height: 28px;
		line-height: 28px;
		margin-right: 10px;
	}

	.article_head .utility .tool .fav a {
		padding: 0 0 0 10px;
		background: #fff url(../img/common/icon_fav.png) no-repeat left 10px center;
		background-size: 14px 12px;
		font-size: 1.3rem;
	}

	.article_head .utility .tool .print {
		display: inline-block;
		width: 74px;
		height: 28px;
		line-height: 28px;
		font-size: 1.3rem;
	}

	.article_head .utility .tool .print a {
		display: block;
		width: 100%;
		height: 100%;
		padding-left: 34px;
		background: #fff url(../img/common/icon_print_light.png) no-repeat left 9px center;
		border: solid 1px #014190;
		color: #014190;
		border-radius: 3px;
	}

	/* SNS */
	.sns_wrap {
		padding: 34px 0 10px 0;
	}

	.sns_wrap .sns_btn_fb,
	.sns_wrap .sns_btn_tw,
	.sns_wrap .sns_btn_ln {
		margin: 0 5px;
	}

	.sns_wrap .sns_btn_ln {
		margin: 0 0 0 5px;
	}

	.article_head .meta {
		height: 37px;
	}

	.article_head .meta .cat {
		height: 18px;
		line-height: 18px;
		padding: 0 0 0 15px;
	}

	.article_head .meta .cat::before {
		width: 6px;
		height: 18px;
	}

	.article_head .meta .update {
		font-size: 1.4rem;
	}

	.article_head h1.title {
		margin: 0 0 18px 0;
		padding: 8px 10px 4px;
		font-size: 2.3rem;
		line-height: 1.4;
	}

}

/* メイン写真
---------------------------------------- */
.img_outer {
	margin: 0 0 10px 0;
	border: solid 1px #E5E5E5;
}

.img_outer .img {
	position: relative;
}

a.photo_cart_btn {
	display: block;
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 40px;
	height: 40px;
	background: url(../img/common/btn_cart.png) no-repeat 0 0;
	background-size: contain;
	z-index: 1;
}

.img_outer .img_cap {
	padding: 5px;
	font-size: 1.2rem;
	line-height: 1.4;
}
/* 20191024 「会員限定の写真もしくは動画あり」のスタイル変更 ここから↓ */
/*
.ex_photo {
	padding: 0 0 10px 0;
	font-size: 1.2rem;
}
*/
.ex_photo {
	width: 80%;
	display:block;
	min-height:30px;
	background-color:#FF8A00;
	color:#fff;
	border-radius:3px;
	padding:10px;
	text-align: center;
	margin: 0 auto 10px;
}
/* 20191024 「会員限定の写真もしくは動画あり」のスタイル変更 ここまで↑ */
.sub_img_link {
	padding: 5px 0 15px;
}

.sub_img_link a {
	display: block;
	width: 180px;
	height: 30px;
	line-height: 30px;
	margin: 0 auto;
	padding-left: 50px;
	background: #fff url(../img/common/icon_img.png) no-repeat left 15px center;
	background-size: 21px 16px;
	border: solid 1px #014190;
	color: #014190;
	border-radius: 3px;
}

@media print,
screen and (min-width: 768px) {

	.main_img_wrap {
		padding: 0 0 10px 0;
	}

	.main_img_wrap.half {
		/* メイン写真1/2 */
		width: 50%;
		float: left;
		margin-right: 40px;
	}

	.main_img_wrap.quarter {
		/* メイン写真1/4 */
		width: 25%;
		float: left;
		margin-right: 40px;
	}

	.main_img.inline {
		display: flex;
		justify-content: space-between;
	}

	.main_img.inline .img_wrap {
		/* メイン画像2枚の場合 */
		width: 49%;
	}

	.img_outer .img_cap {
		padding: 8px 10px;
		font-size: 1.4rem;
		line-height: 1.5;
	}
/* 20191024 「会員限定の写真もしくは動画あり」のスタイル変更 ここから↓ */
/*
	.ex_photo {
		padding: 0 0 10px 0;
		font-size: 1.4rem;
	}
*/
	.ex_photo {
		width: 100%;
		max-width: 19em;
		padding:10px 15px;
		margin: 0 0 10px;
		line-height: 1.3;
			
	}
/* 20191024 「会員限定の写真もしくは動画あり」のスタイル変更 ここまで↑ */
	.sub_img_link {
		padding: 5px 0 10px;
	}

	.sub_img_link a {
		font-size: 1.4rem;
	}

}

/* 記事本文
---------------------------------------- */
.contents {
	padding: 0 0 15px 0;
	line-height: 1.5;
}

.contents p {
	line-height: 1.5;
}

.contents ul {
	display: block;
	list-style-type: disc;
	margin: 0 0 0.5em 1.5em;
}

.contents ol {
	display: block;
	list-style-type: decimal;
	margin: 0 0 0.5em 1.5em;
}

.contents ul li,
.contents ol li {
	display: list-item;
	padding: 0 0 0.5em 0;
}

/* スタイル無し */
.contents ul.no_style,
.contents ol.no_style {
	list-style-type: none;
	margin: 0 0 0.5em 0;
}

/* サブリスト */
.contents ul.sub_list,
.contents ol.sub_list {
	margin: 0.5em 0 0 1em;
}

.contents ul.sub_list li:last-of-type,
.contents ol.sub_list li:last-of-type {
	padding: 0;
}

/* シングルページのコンテンツ内の見出しのmargin調整 */
article.single .hl_a,
article.single .hl_b,
article.single .hl_c,
article.single .hl_d,
article.single .hl_f {
	margin: 10px 0 10px 0;
}

article.single .hl_e,
article.single .hl_bm,
article.single .hl_bl,
article.single .hl_bxl,
article.single .hl_bxxl {
	margin: 10px 0 5px 0;
}

@media print,
screen and (min-width: 768px) {

	.contents {
		line-height: 1.7;
	}

	.contents p {
		line-height: 1.7;
	}

	.contents ul,
	.contents ol {
		/*padding-inline-start: 40px;*/
	}

}

/* サブ写真
---------------------------------------- */
#sub_img_wrap {
	margin: 0 0 20px 0;
	padding: 10px 10px 0 10px;
	border: solid 1px #E5E5E5;
}

#sub_img_wrap > h5,
#sub_img_wrap .hl_subimg  {
	padding: 0 0 8px 0;
	font-weight: bold;
}

ul.sub_img_list {
	display: flex;
	flex-wrap: wrap;
}

/* トリミングする外側の枠 */
ul.sub_img_list li.trim {
	overflow: hidden;
	width: 22.5%;
	/* トリミングしたい枠の幅 */
	position: relative;
	margin: 0 3.3% 10px 0;
	background-color: #E9E9E9;
}

ul.sub_img_list li.trim:nth-of-type(4n) {
	margin: 0 0 10px 0;
}

ul.sub_img_list li.trim:before {
	content: "";
	display: block;
	padding-top: 100%;
	/* 1:1 */
}

/* 画像の縦と横、大きいほうに合わせてリサイズ */
ul.sub_img_list li.trim img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}

@media print,
screen and (min-width: 768px) {

	#sub_img_wrap {
		clear: both;
		padding: 17px 45px 10px 45px;
	}

	#sub_img_wrap > h5,
	#sub_img_wrap .hl_subimg {
		padding: 0 0 15px 0;
	}

	ul.sub_img_list li.trim {
		overflow: hidden;
		width: 18%;
		position: relative;
		margin: 0 2.5% 15px 0;
		background-color: #E9E9E9;
	}

	ul.sub_img_list li.trim:nth-of-type(4n) {
		margin: 0 2.5% 15px 0;
	}

	ul.sub_img_list li.trim:nth-of-type(5n) {
		margin: 0 0 15px 0;
	}

}

/* 動画
---------------------------------------- */
.post_movie {
	margin: 0 0 20px 0;
	text-align: center;
	clear:both;
}

.post_movie > div {
	margin: 0 auto;
}

.post_movie .youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.post_movie .youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/* 記事フッタ
---------------------------------------- */
.article_foot {
	border-top: solid 1px #E5E5E5;
}

.article_foot .paging .next,
.article_foot .paging .prev {
	position: relative;
	border-bottom: solid 1px #E5E5E5;
	line-height: 1.5;
}

.article_foot .paging .next a,
.article_foot .paging .prev a {
	display: block;
	width: 100%;
	height: 100%;
}

.article_foot .paging .next a {
	padding: 10px 0 10px 30px;
}

.article_foot .paging .prev a {
	padding: 10px 30px 10px 0;
}

.article_foot .paging .next a::before,
.article_foot .paging .prev a::before {
	display: block;
	content: "";
	position: absolute;
	top: 10px;
	bottom: 10px;
	width: 20px;
	background-color: #DEE6F1;
	border-radius: 2px;
}

.article_foot .paging .next a::before {
	left: 0;
}

.article_foot .paging .prev a::before {
	right: 0;
}

.article_foot .paging .next a::after,
.article_foot .paging .prev a::after {
	display: block;
	position: absolute;
	top: 50%;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 1.6rem;
	color: #00418F;
	margin-top: -8px;
	line-height: 1;
}

.article_foot .paging .next a::after {
	left: 5px;
	content: "\f104";
}

.article_foot .paging .prev a::after {
	right: 5px;
	content: "\f105";
}

.article_foot .return {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 20px 0 0 0;
}

/* 前のページへ戻る */
.article_foot .return .back {
	width: 60%;
	height: 40px;
	line-height: 40px;
	background: #DEE6F1 url(../img/common/arrow_square.png) no-repeat left 13px center;
	background-size: 14px 14px;
	border-radius: 3px;
}

/* 一覧へ戻る */
.article_foot .return .list {
	width: 35%;
	height: 40px;
	line-height: 40px;
	background-color: #DEE6F1;
	border-radius: 3px;
}

/* スポーツTOPへ戻る */
.article_foot .return .sports_top {
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin-top: 10px;
	background-color: #DEE6F1;
	border-radius: 3px;
}

.article_foot .return .back a,
.article_foot .return .list a,
.article_foot .return .sports_top a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
}

@media print,
screen and (min-width: 768px) {

	.article_foot {
		border-top: none;
	}

	.article_foot .paging {
		display: flex;
		justify-content: space-between;
		padding: 20px 0;
		border-bottom: solid 1px #E5E5E5;
		font-size: 1.5rem;
	}

	.article_foot .paging .next,
	.article_foot .paging .prev {
		width: 50%;
		height: 66px;
		/* 削除すれば文字数連動になる */
		border-bottom: none;
	}

	.article_foot .paging .prev {
		margin-left: auto;
	}

	.article_foot .paging .next a,
	.article_foot .paging .prev a {
		padding: 0 40px;
	}

	.article_foot .paging .next a {
		border-right: solid 1px #E5E5E5;
	}

	.article_foot .paging .prev a {
		border-left: solid 1px #E5E5E5;
	}

	.article_foot .paging .next + .prev a {
		border-left: none;
	}

	.article_foot .paging .next a::before,
	.article_foot .paging .prev a::before {
		top: 0;
		bottom: 0;
		width: 24px;
		height: 66px;
	}

	.article_foot .paging .next a::after,
	.article_foot .paging .prev a::after {
		font-size: 1.8rem;
		margin-top: -9px;
	}

	.article_foot .paging .next a::after {
		left: 8px;
	}

	.article_foot .paging .prev a::after {
		right: 7px;
	}

	.article_foot .return {
		display: flex;
		justify-content: flex-start;
		padding: 20px 0 0 0;
	}

	/* 前のページへ戻る */
	.article_foot .return .back {
		width: 160px;
		height: 24px;
		line-height: 24px;
		background: #DEE6F1 url(../img/common/arrow_square.png) no-repeat left 6px center;
		background-size: 14px 14px;
	}

	/* 一覧へ戻る */
	.article_foot .return .list {
		width: 100px;
		height: 24px;
		line-height: 24px;
		margin-left: 20px;
	}

	/* スポーツTOPへ戻る */
	.article_foot .return .sports_top {
		width: 160px;
		height: 24px;
		line-height: 24px;
		margin-left: 20px;
		margin-top: 0;
	}

	.article_foot .return .back a,
	.article_foot .return .list a,
	.article_foot .return .sports_top a {
		font-size: 1.3rem;
	}

	.article_foot .return .back a {
		padding: 0 0 0 15px;
	}

}

/* Lightboxのカートボタン
---------------------------------------- */
#lightbox .lb-dataContainer {
	position: relative;
}

#lightbox .lb-dataContainer span.lb-caption a {
	display: block;
	position: absolute;
	right: 10px;
	top: -50px;
	width: 40px;
	height: 40px;
	background: url(../img/common/btn_cart.png) no-repeat 0 0;
	background-size: contain;
	z-index: 100;
}

/* 関連記事
---------------------------------------- */
.rel_post {
	margin: 30px 0 0 0;
}
/* 20200831 add start */
.rel_post .no_relpost_text{
	padding: 10px 0 0 0;
}
/* 20200831 add end */
@media print,
screen and (min-width: 768px) {

	.rel_post {
		margin: 40px 0 0 0;
	}
	/* 20200831 add start */
	.rel_post .no_relpost_text{
		padding: 16px 0 0 0;
	}
	/* 20200831 add end */
}

/* 抜粋表示
---------------------------------------- */
.excerpt {
	padding: 10px 0 0 0;
}

.excerpt .ex_meta {
	display: flex;
	height: 35px;
	padding: 10px 0 0;
}

.excerpt .ex_meta .ex_cat {
	position: relative;
	height: 15px;
	line-height: 15px;
	margin: 0;
	padding: 0 0 0 12px;
	color: #00418F;
	font-weight: bold;
}

.excerpt .ex_meta .ex_cat::before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 5px;
	height: 15px;
	background-color: #00418F;
	border-radius: 3px;
}

.excerpt .ex_meta .ex_date {
	margin-left: auto;
	padding: 2px 0 0;
	color: #838383;
	font-size: 1.2rem;
}

.excerpt .ex_title {
	margin: 0 0 10px 0;
	padding: 5px 10px;
	background-color: #00418F;
	color: #fff;
	font-weight: bold;
	font-size: 1.7rem;
	line-height: 1.5;
}

.excerpt .ex_body {
	display: flex;
	padding: 0 0 10px 0;
	border-bottom: solid 1px #E5E5E5;
}

.excerpt .ex_body .ex_thumb {
	width: 50%;
	padding: 0 10px 0 0;
}

.excerpt .ex_body .ex_excerpt {
	position: relative;
	flex: 1;
	padding: 0;
	line-height: 1.5;
}

@media print,
screen and (min-width: 768px) {

	.excerpt {
		padding: 20px 0 0 0;
	}

	.excerpt .ex_meta {
		height: 44px;
		padding: 16px 0 0;
	}

	.excerpt .ex_meta .ex_cat {
		height: 18px;
		line-height: 18px;
		padding: 1px 0 0 15px;
	}

	.excerpt .ex_meta .ex_cat::before {
		width: 6px;
		height: 18px;
	}

	.excerpt .ex_meta .ex_date {
		padding: 4px 0 0;
		font-size: 1.4rem;
		line-height: 1;
	}

	.excerpt .ex_title {
		margin: 0;
	}

	.excerpt .ex_body {
		padding: 16px 0 20px;
	}

	.excerpt .ex_body .ex_thumb {
		width: 210px;
		padding: 0 20px 0 0;
	}

	.excerpt .ex_body .ex_excerpt {
		padding: 0 0 50px 0;
		line-height: 1.6;
	}

}

/* 申し込み＆ログイン誘導
---------------------------------------- */
.login_req_wrap {
	/* 単独の場合のpadding調整 */
	padding: 30px 10px;
}

.login_req {
	padding: 20px 0 30px;
	text-align: center;
}

.login_req p {
	padding: 0 0 15px 0;
	line-height: 1.5;
}

.login_req input[type="button"].subsc,
.login_req input[type="button"].login {
	width: 80%;
	margin: 0 auto 10px;
}

@media print,
screen and (min-width: 768px) {

	.login_req_wrap {
		padding: 100px 10px;
	}

	.login_req {
		padding: 40px 0 60px;
	}

	.login_req p {
		padding: 0 0 30px 0;
		line-height: 1.6;
	}

	.login_req input[type="button"].subsc,
	.login_req input[type="button"].login {
		display: inline-block;
		width: 250px;
		margin: 0 10px;
	}

}

/* 店舗情報
---------------------------------------- */
.shop_info {
	padding: 0 0 20px 0;
}


/* --------------------------------------------------------------
	ニュース一覧
-------------------------------------------------------------- */

.cat_nav {
	background-color: #00418F;
	-webkit-box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.3) inset;
	box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.3) inset;
}

.cat_nav .date_wrap {
	display: flex;
	justify-content: center;
	height: 60px;
}

/* 日付 */
.cat_nav .date_wrap .date {
	width: 145px;
	padding: 15px 0;
	color: #fff;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
}

.cat_nav .date_wrap .date span {
	font-weight: normal;
}

/* 過去記事ボタン */
.cat_nav .date_wrap .cal {
	width: 145px;
	padding: 15px 10px;
}

.cat_nav .date_wrap .cal button.ui-datepicker-trigger {
	width: 118px;
	height: 30px;
	padding: 1px 0 0 20px;
	background: url(../img/common/icon_cal_dark.png) no-repeat left 10px center;
	background-size: 14px 13px;
	border: solid 1px #5E89BF;
	color: #fff;
	border-radius: 3px;
}

.cat_nav .date_wrap .cal button.ui-datepicker-trigger::after {
	display: inline-block;
	margin-top: -4px;
	padding-left: 8px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0dd";
	vertical-align: top;
}

@media print,
screen and (min-width: 768px) {

	.cat_nav .date_wrap {
		height: 53px;
	}

	.cat_nav .date_wrap .date {
		width: auto;
		padding: 3px 0 0 0;
		line-height: 53px;
	}

	.cat_nav .date_wrap .date span {
		font-weight: bold;
	}

	.cat_nav .date_wrap .cal {
		width: auto;
		padding: 14px 10px;
	}

	.cat_nav .date_wrap .cal button.ui-datepicker-trigger {
		width: 110px;
		height: 28px;
		padding: 1px 0 0 25px;
		font-size: 1.3rem;
	}

}

/* カテゴリメニュー
---------------------------------------- */
.cat_nav .cat_wrap {
	position: relative;
	padding: 0 40px;
}

.cat_nav .cat_wrap .cat_arrow {
	position: absolute;
	top: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-color: #7998B9;
	color: #00418F;
	font-weight: bold;
	font-size: 2rem;
	text-align: center;
}

.cat_nav .cat_wrap .cat_arrow.prev {
	left: 0;
	border-right: solid 1px #4F6E8F;
}

.cat_nav .cat_wrap .cat_arrow.next {
	right: 0;
	border-left: solid 1px #4F6E8F;
}

.cat_nav .cat_inner {
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	height: 40px;
}

.cat_nav .cat_inner ul.cat_list {
	/*width: 1190px;
    overflow: hidden;*/
	display: flex;
}

.cat_nav .cat_inner ul.cat_list li {
	/*display: inline-block;*/
	flex: 0 0 auto;
	width: 70px;
	height: 40px;
	line-height: 40px;
	background-color: #C0CFDF;
	border-right: solid 1px #7998B9;
	color: #00418F;
	text-align: center;
}

.cat_nav .cat_inner ul.cat_list li:last-child {
	border-right: none;
}

.cat_nav .cat_inner ul.cat_list li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #00418F;
}

.cat_nav .cat_inner ul.cat_list li span {
	font-size: 1.2rem;
}

.cat_nav .cat_inner ul.cat_list li.current_cat {
	background-color: #fff;
	font-weight: bold;
}

.cat_nav .cat_inner ul.cat_list li.disabled {
	background-color: #C0CFDF;
	color: #8EAACA;
}

@media print,
screen and (min-width: 768px) {

	.cat_nav .cat_wrap {
		width: 1000px;
		margin: 0 auto;
		padding: 0 0 9px 0;
		text-align: center;
	}

	.cat_nav .cat_wrap .cat_arrow {
		display: none;
	}

	.cat_nav .cat_inner {
		overflow-x: auto;
		height: auto;
	}

	.cat_nav .cat_inner ul.cat_list {
		width: auto;
		overflow: auto;
		display: block;
	}

	.cat_nav .cat_inner ul.cat_list li {
		display: inline-block;
		width: auto;
		height: 28px;
		line-height: 28px;
		margin: 0 5px 7px;
		background-color: #DEE6F1;
		border-right: none;
		color: #00418F;
		font-size: 1.3rem;
		border-radius: 3px;
	}

	.cat_nav .cat_inner ul.cat_list li a {
		padding: 0 10px;
	}

	.cat_nav .cat_inner ul.cat_list li span {
		font-size: 1.3rem;
	}

	.cat_nav .cat_inner ul.cat_list li.current_cat {
		background-color: #07264B;
		font-weight: normal;
	}

	.cat_nav .cat_inner ul.cat_list li.current_cat a {
		color: #fff;
	}

	.cat_nav .cat_inner ul.cat_list li.disabled {
		padding: 0 10px;
		background-color: #4373AD;
		color: #094893;
	}

}


/* --------------------------------------------------------------
	きょうの紙面
-------------------------------------------------------------- */

.page_nav {
	width: 100%;
	background-color: #00418F;
	-webkit-box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.3) inset;
	box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.3) inset;
}

.page_nav .date_wrap {
	display: flex;
	justify-content: center;
	height: 60px;
}

/* 日付 */
.page_nav .date_wrap .date {
	width: 120px;
	padding: 15px 0;
	color: #fff;
	font-weight: bold;
	font-size: 1.2rem;
	line-height: 1.3;
	text-align: center;
}

.page_nav .date_wrap .date span {
	font-weight: normal;
}

/* 過去記事ボタン */
.page_nav .date_wrap .cal {
	width: 90px;
	padding: 15px 0;
}

.page_nav .date_wrap .cal button.ui-datepicker-trigger {
	width: 80px;
	height: 30px;
	padding: 0;
	border: solid 1px #5E89BF;
	background-color: transparent;
	color: #fff;
	font-size: 1.2rem;
	/* text-align: left; */
	border-radius: 3px;
}

.page_nav .date_wrap .cal button.ui-datepicker-trigger::after {
	display: inline-block;
	margin-top: -3px;
	padding-left: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0dd";
	vertical-align: top;
}

/* リンク表示ボタン */
.page_nav .date_wrap .tools {
	width: 110px;
	margin: 10px 0;
	padding: 5px 0 0 10px;
	border-left: solid 1px #2F65A7;
}

.page_nav .date_wrap .tools .link_switch {
	width: 90px;
	height: 30px;
	line-height: 28px;
	border: solid 1px #5E89BF;
	font-size: 1.2rem;
	text-align: center;
	border-radius: 3px;
}

.page_nav .date_wrap .tools .link_switch a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}

@media print,
screen and (min-width: 768px) {

	.page_nav.fixed {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1;
	}

	.page_nav .date_wrap {
		height: 54px;
	}

	/* 日付 */
	.page_nav .date_wrap .date {
		width: auto;
		padding: 0;
		font-size: 1.6rem;
		line-height: 54px;
	}

	.page_nav .date_wrap .date span {
		font-weight: bold;
	}

	/* 過去記事ボタン */
	.page_nav .date_wrap .cal {
		width: auto;
		padding: 13px 0 0 10px;
	}

	.page_nav .date_wrap .cal button.ui-datepicker-trigger {
		width: 110px;
		height: 28px;
		padding: 2px 0 0 20px;
		background: url(../img/common/icon_cal_dark.png) no-repeat left 10px center;
		background-size: 14px 13px;
		font-size: 1.3rem;
	}

	.page_nav .date_wrap .tools {
		width: auto;
		margin: 0;
		padding: 13px 0 0 60px;
		border-left: none;
		font-size: 0;
	}

	/* リンク表示ボタン */
	.page_nav .date_wrap .tools .link_switch {
		display: inline-block;
		width: 130px;
		height: 28px;
		background: url(../img/common/icon_link.png) no-repeat left 10px center;
		font-size: 1.3rem;
	}

	.page_nav .date_wrap .tools .link_switch a {
		padding: 0 0 0 20px;
	}

	/* 印刷ボタン */
	.page_nav .date_wrap .tools .np_print {
		display: inline-block;
		width: 74px;
		height: 28px;
		line-height: 28px;
		margin: 0 0 0 20px;
		background: url(../img/common/icon_print_dark.png) no-repeat left 10px center;
		border: solid 1px #5E89BF;
		font-size: 1.3rem;
		text-align: center;
		border-radius: 3px;
	}

	.page_nav .date_wrap .tools .np_print a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 0 0 0 20px;
		color: #fff;
	}

}

/* 紙面タブ
---------------------------------------- */

.page_nav .page_wrap {
	position: relative;
	/* padding: 0 40px; */
	padding: 0;
}

.page_nav .page_wrap .page_arrow {
	display: none;
	position: absolute;
	top: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-color: #7998B9;
	color: #00418F;
	font-weight: bold;
	font-size: 2rem;
	text-align: center;
}

.page_nav .page_wrap .page_arrow.prev {
	left: 0;
	border-right: solid 1px #4F6E8F;
}

.page_nav .page_wrap .page_arrow.next {
	right: 0;
	border-left: solid 1px #4F6E8F;
}

.page_nav .page_inner {
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
	height: 40px;
}

.page_nav .page_inner ul.page_list li {
	display: inline-block;
	width: 70px;
	height: 40px;
	line-height: 40px;
	background-color: #C0CFDF;
	border-right: solid 1px #7998B9;
	color: #00418F;
	text-align: center;
}

.page_nav .page_inner ul.page_list li:last-child {
	border-right: none;
}

.page_nav .page_inner ul.page_list li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #00418F;
}

.page_nav .page_inner ul.page_list li span {
	font-size: 1.2rem;
}

.page_nav .page_inner ul.page_list li.current_page {
	background-color: #fff;
	font-weight: bold;
}

.page_nav .page_inner ul.page_list li.disabled {
	color: #8EAACA;
}

@media print,
screen and (min-width: 768px) {

	.page_nav .page_wrap {
		width: 1000px;
		margin: 0 auto;
		padding: 0 50px;
	}

	.page_nav .page_wrap .page_arrow {
		display: block;
		width: 50px;
		height: 28px;
		line-height: 28px;
		background-color: #00418F;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		cursor: pointer;
	}

	.page_nav .page_wrap .page_arrow.prev {
		border-right: none;
		background: #00418F url(../img/shimen/page_nav_arrow_prev.png) no-repeat center center;
	}

	.page_nav .page_wrap .page_arrow.next {
		border-left: none;
		background: #00418F url(../img/shimen/page_nav_arrow_next.png) no-repeat center center;
	}

	.page_nav .page_inner {
		height: 28px;
		-ms-overflow-style: none;
		overflow-x: hidden;
		/* 横スクロールを消す */
	}

	.page_nav .page_inner::-webkit-scrollbar {
		display: none;
	}

	.page_nav .page_inner ul.page_list li {
		width: calc(900px / 14);
		height: 28px;
		line-height: 28px;
		background: #00418F url(../img/shimen/page_tab.png) no-repeat center bottom;
		border-right: none;
		color: #00418F;
		font-size: 1.4rem;
	}

	.page_nav .page_inner ul.page_list li span {
		font-size: 1.4rem;
	}

	.page_nav .page_inner ul.page_list li.current_page {
		background: #00418F url(../img/shimen/page_tab_current.png) no-repeat center bottom;
	}

	.page_nav .page_inner ul.page_list li.disabled {
		background-color: #00418F;
		color: #00418F;
	}

}

/* 紙面表示
---------------------------------------- */

.dnp_wrap {
	position: relative;
	padding: 15px 0;
	background-color: #3A3A3A;
	overflow: hidden;
}

/* ページ送りボタン */
.dnp_wrap .pager {
	position: absolute;
	bottom: 10px;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

.dnp_wrap .pager a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.dnp_wrap .pager.prev {
	/* 前のページ */
	/* 20191003 edit 拡大縮小ボタンの位置変更 start */
	/*    right: 65px;*/
	right: 10px;
	bottom: 65px;
	/* 20191003 edit 拡大縮小ボタンの位置変更 end */
	background: url(../img/shimen/page_prev_sp.png) no-repeat center center;
	background-size: 40px 40px;
}

.dnp_wrap .pager.next {
	/* 次のページ */
	right: 10px;
	background: url(../img/shimen/page_next_sp.png) no-repeat center center;
	background-size: 40px 40px;
}

.dnp_container {
	position: relative;
	width: 250px;
	margin: 0 auto;
	cursor: move;
}

/* リンクエリア */
.dnp_container a.linkarea {
	display: block;
	position: absolute;
	background: none;
}

.dnp_container a.linkarea.on {
	background-color: rgba(215, 0, 53, 0.25);
}

.dnp_container div.blankarea {
	display: block;
	position: absolute;
	background-color: #fff;
}

/* 紙面が存在しない場合 */
.dnp_no_content {
	padding: 100px 0;
	text-align: center;
}

@media print,
screen and (min-width: 431px) {
	.dnp_container {
		width: 400px;
	}
}

@media print,
screen and (min-width: 531px) {
	.dnp_container {
		width: 500px;
	}
}

@media print,
screen and (min-width: 631px) {
	.dnp_container {
		width: 600px;
	}
}

@media print,
screen and (min-width: 768px) {

	.dnp_wrap {
		/* height: 1750px; */
		padding: 40px 0 100px;
	}

	/* ページ送りボタン */
	.dnp_wrap .pager {
		top: 50%;
		margin-top: -25px;
		width: 50px;
		height: 50px;
	}

	.dnp_wrap .pager.prev {
		/* 前のページ */
		left: 20px;
		background: url(../img/shimen/page_prev_pc.png) no-repeat center center;
	}

	.dnp_wrap .pager.next {
		/* 次のページ */
		right: 20px;
		background: url(../img/shimen/page_next_pc.png) no-repeat center center;
	}

	/* 拡大縮小ボタン */
	.zoom {
		/* 20191003 拡大縮小ボタンの位置変更 ここから↓ */
		/*		position: fixed;*/
		/*		bottom: 126px;*/
		/*		right: 20px;*/
		position: absolute;
		top: 0;
		text-align: center;
		width: 100%;
		/* 20191003 拡大縮小ボタンの位置変更 ここまで↑ */
		font-size: 0;
		z-index: 1;
	}

	.zoom input {
		/* 20191003 拡大縮小ボタンの位置変更 ここから↓ */
		/* display: block;*/
		/* margin: 20px auto;*/
		margin: 5px;
		/* 20191003 拡大縮小ボタンの位置変更 ここまで↑ */
		font-size: 1.6rem;
	}

	.zoom input:hover {
		filter: alpha(opacity=90);
		-moz-opacity: 0.9;
		opacity: 0.9;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}

	/* 20191003 拡大縮小ボタンの位置変更 ここから↓ */
	.zoom.fixed {
		position: fixed;
		top: 88px;
		left: 0;
		z-index: 1;
	}

	/* 20191003 拡大縮小ボタンの位置変更 ここまで↑ */

	/* ドラッグ＆拡大・縮小対象 */
	.dnp_container {
		width: 1200px;
	}

	/* リンクエリア:hover時 */
	.dnp_container a.linkarea:hover {
		background-color: rgba(215, 0, 53, 0.25);
	}

	/* 紙面が存在しない場合 */
	.dnp_no_content {
		padding: 200px 0;
	}

}

/* ローディング
---------------------------------------- */
#loader-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 160px;
	left: 0px;
	background: #fff;
	z-index: 1000;
}

#loading {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -16px;
	margin-top: -160px;
}

@media print,
screen and (min-width: 768px) {

	#loader-bg {
		top: 247px;
	}

	#loading {
		margin-top: -247px;
	}

}


/* --------------------------------------------------------------
	イベントカレンダー
-------------------------------------------------------------- */

section.event_cal .cal_head {
	display: flex;
	padding: 10px 10px 10px 5px;
}

section.event_cal .cal_head .cal_btn a {
	display: block;
	height: 30px;
	border: solid 1px #5E89BF;
	border-radius: 3px;
}

section.event_cal .cal_head .cal_btn.prev a {
	width: 30px;
	margin: 0 0 0 5px;
	background: #fff url(../img/common/cal_arrow_prev.png) no-repeat center center;
	background-size: 9px 11px;
}

section.event_cal .cal_head .cal_btn.next a {
	width: 30px;
	margin: 0 0 0 5px;
	background: #fff url(../img/common/cal_arrow_next.png) no-repeat center center;
	background-size: 9px 11px;
}

section.event_cal .cal_head .cal_btn.current a {
	width: 50px;
	line-height: 30px;
	margin: 0 0 0 20px;
	color: #00418F;
	text-align: center;
}

section.event_cal .cal_head .current_year_month {
	padding: 7px 0 0 20px;
	font-size: 2rem;
}

section.event_cal table.cal_pc {
	display: none;
}

section.event_cal table.cal_sp {
	border-top: solid 1px #ccc;
}

section.event_cal table.cal_sp tr {
	border-bottom: solid 1px #ccc;
}

section.event_cal table.cal_sp tr {
	border-bottom: solid 1px #ccc;
}

section.event_cal table.cal_sp tr.saturday {
	background-color: #EFF6FF;
}

section.event_cal table.cal_sp tr.sunday {
	background-color: #FFF0F6;
}

section.event_cal table.cal_sp td.day {
	width: 40px;
	padding: 10px 0;
	font-size: 2.2rem;
	text-align: center;
}

section.event_cal table.cal_sp td.day span {
	font-size: 1.1rem;
}

section.event_cal table.cal_sp td.info {
	position: relative;
	padding: 6px 10px 3px 5px;
	vertical-align: top;
}

section.event_cal table.cal_sp td.info span {
	display: block;
	margin-bottom: 3px;
	padding: 3px 8px;
	background-color: #00418F;
	color: #fff;
	font-size: 1.3rem;
	line-height: 1.5;
}

section.event_cal table.cal_sp td.info > a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

@media print,
screen and (min-width: 768px) {

	section.event_cal {
		width: 1000px;
		margin: 0 auto;
		padding: 0 0 58px 0;
	}

	section.event_cal .cal_head {
		padding: 30px 0px 10px;
	}

	section.event_cal .cal_head .cal_btn.prev a {
		margin: 0;
	}

	section.event_cal .cal_head .cal_btn.current a {
		font-size: 1.4rem;
	}

	section.event_cal .cal_head .current_year_month {
		padding: 7px 0 0 25px;
		font-size: 2.2rem;
	}

	section.event_cal table.cal_sp {
		display: none;
	}

	section.event_cal table.cal_pc {
		display: table;
		table-layout: fixed;
		width: 100%;
		border-collapse: collapse;
		border: solid 1px #ccc;
	}

	section.event_cal table.cal_pc th {
		height: 29px;
		line-height: 29px;
		background-color: #E8E8E8;
		border: solid 1px #ccc;
		font-weight: bold;
		font-size: 1.5rem;
	}

	section.event_cal table.cal_pc th.saturday {
		background-color: #D9E7FA;
	}

	section.event_cal table.cal_pc th.sunday {
		background-color: #F8DEE8;
	}

	section.event_cal table.cal_pc td {
		position: relative;
		height: 139px;
		padding: 30px 2px 8px 2px;
		border: solid 1px #ccc;
		vertical-align: top;
	}

	section.event_cal table.cal_pc td.saturday {
		background-color: #EFF6FF;
		background-clip: padding-box;
	}

	section.event_cal table.cal_pc td.sunday {
		background-color: #FFF0F6;
		background-clip: padding-box;
	}

	section.event_cal table.cal_pc td span.day {
		position: absolute;
		left: 8px;
		top: 8px;
		font-size: 1.5rem;
	}

	section.event_cal table.cal_pc td span.item {
		display: block;
		margin-bottom: 2px;
		padding: 3px 8px;
		background-color: #00418F;
		color: #fff;
		font-size: 1.3rem;
		line-height: 1.5;
	}

	section.event_cal table.cal_pc td > a {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

}


/* --------------------------------------------------------------
	フォト・ムービー
-------------------------------------------------------------- */

/* 写真
---------------------------------------- */
.photo_list_wrap {
	padding: 15px 0 0 0;
}

ul.photo_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

ul.photo_list li.item {
	/* トリミングしたい枠の幅 */
	width: 48%;
	margin: 0 0 15px 0;
}

ul.photo_list li.item div.trim {
	overflow: hidden;
	width: 100%;
	position: relative;
	background-color: #E9E9E9;
}

ul.photo_list li.item div.trim:before {
	content: "";
	display: block;
	padding-top: 100%;
	/* 1:1 */
}

ul.photo_list li.item div.trim img {
	/* 画像の縦と横、大きいほうに合わせてリサイズ */
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}

ul.photo_list li.item div.trim span.watermark {
	position: absolute;
	top: calc(50% - 25px);
	left: 0;
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: rgba(255, 255, 255, 0.3);
	text-align: center;
}

/*
ul.photo_list li.item div.trim::after {
    display: block;
    content: '(C)宇部日報社';
    position: absolute;
    top: calc(50% - 25px);
    left: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: rgba(255,255,255,0.3);
    text-align: center;
}
*/

.photo_movie_body .lb-nav::before {
	content: "(C)宇部日報社";
	display: block;
	position: absolute;
	bottom: 20px;
	left: 15px;
	color: #fff;
}

ul.photo_list li.item h2 {
	padding: 10px 0 5px;
	font-weight: bold;
	line-height: 1.5;
}

ul.photo_list li.item .date {
	color: #838383;
	font-size: 1.2rem;
	line-height: 1.4;
}

@media print,
screen and (min-width: 768px) {

	.photo_list_wrap {
		padding: 30px 0 0 0;
	}

	ul.photo_list {
		justify-content: flex-start;
	}

	ul.photo_list li.item {
		/* トリミングしたい枠の幅 */
		width: 30%;
		margin: 0 5% 25px 0;
	}

	ul.photo_list li.item:nth-of-type(3n) {
		margin: 0 0 15px 0;
	}

	.photo_movie_body .lb-nav::before {
		bottom: 30px;
		left: 25px;
	}

}

/* 動画
---------------------------------------- */
.movie_list_wrap {
	padding: 15px 0 0 0;
}

ul.movie_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

ul.movie_list li.item {
	width: 48%;
	margin: 0 0 15px 0;
}

ul.movie_list li.item .youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

ul.movie_list li.item .youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

@media print,
screen and (min-width: 768px) {

	.movie_list_wrap {
		padding: 30px 0 0 0;
	}

	ul.movie_list li.item {
		width: 48.5%;
		margin: 0 0 25px 0;
	}

	/*ul.movie_list {
        justify-content: flex-start;
    }
    ul.movie_list li.item {
        width: 40%;
        margin: 0 5% 25px 0;
    }
    ul.movie_list li.item:nth-of-type(3n) {
        margin: 0 0 15px 0;
    }*/

}


/* --------------------------------------------------------------
	書籍販売
-------------------------------------------------------------- */

.book_list_wrap {
	padding: 15px 0 0 0;
}

ul.book_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

ul.book_list li.item {
	/* トリミングしたい枠の幅 */
	width: 48%;
	margin: 0 0 15px 0;
}

ul.book_list li.item div.trim {
	overflow: hidden;
	width: 100%;
	position: relative;
	/* background-color: #E9E9E9; */
	border: solid 1px #E9E9E9;
}

ul.book_list li.item div.trim:before {
	content: "";
	display: block;
	padding-top: 100%;
	/* 1:1 */
}

ul.book_list li.item div.trim img {
	/* 画像の縦と横、大きいほうに合わせてリサイズ */
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}

ul.book_list li.item h2 {
	padding: 10px 0 5px;
	font-weight: bold;
	line-height: 1.5;
}

ul.photbook_listo_list li.item .date {
	color: #838383;
	font-size: 1.2rem;
	line-height: 1.4;
}

@media print,
screen and (min-width: 768px) {

	.book_list_wrap {
		padding: 30px 0 0 0;
	}

	ul.book_list {
		justify-content: flex-start;
	}

	ul.book_list li.item {
		/* トリミングしたい枠の幅 */
		width: 30%;
		margin: 0 5% 25px 0;
	}

	ul.book_list li.item:nth-of-type(3n) {
		margin: 0 0 15px 0;
	}

}


/* --------------------------------------------------------------
	スポーツ
-------------------------------------------------------------- */

section#renofa {
	padding: 0 10px 5px 10px;
}

section#baseball {
	padding: 0 10px;
}

ul.sport_bnr_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 10px 0 0 0;
}

ul.sport_bnr_list li {
	width: 48.5%;
	margin: 0 0 10px 0;
}

/* サイドカラムメニュー */
.widget_menu_wrap {
	margin: -10px 0 15px 0;
	padding: 0 15px;
	border-bottom: solid 1px #e5e5e5;
}

.widget_menu {
	padding: 0 0 15px 0;
}

.widget_menu > h2.widgettitle {
	padding: 10px 10px 8px;
	background-color: #00418f;
	color: #fff;
	font-weight: bold;
}

.widget_menu > ul {
	border: solid 1px #00418f;
}

.widget_menu > ul li {
	position: relative;
	padding: 10px 10px 8px 20px;
	border-bottom: solid 1px #e5ecf4;
}

.widget_menu > ul li:before {
	position: absolute;
	top: 14px;
	left: 10px;
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 3px solid transparent;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 4px solid #00418f;
}

.widget_menu > ul li:last-child {
	border-bottom: none;
}

.container.sports {
	padding: 10px 0 0 0;
}

.single.sports {
	padding: 0 10px;
}

.excerpt.sports {
	padding: 0 10px;
}

@media print,
screen and (min-width: 768px) {

	section#renofa {
		padding: 0;
	}

	section#baseball {
		padding: 0;
	}

	ul.sport_bnr_list {
		justify-content: flex-start;
		padding: 20px 0;
	}

	ul.sport_bnr_list li {
		width: 230px;
		margin: 0 15px 15px 0;
	}

	ul.sport_bnr_list li:nth-of-type(3n) {
		margin: 0 0 15px 0;
	}

	.widget_menu_wrap {
		margin: 0;
		padding: 0;
		border-bottom: none;
	}

	.widget_menu {
		padding: 0 0 10px 0;
	}

	.widget_menu > h2.widgettitle {
		font-size: 1.5rem;
	}

	.widget_menu > ul li {
		padding: 8px 10px 6px 20px;
		font-size: 1.4rem;
		line-height: 1.3;
	}

	.widget_menu > ul li:before {
		top: 13px;
	}

	.container.sports {
		padding: 30px 0 0;
	}

	.single.sports {
		padding: 0;
	}

	.excerpt.sports {
		padding: 0;
	}

}


/* --------------------------------------------------------------
	固定ページ
-------------------------------------------------------------- */

.page_contents {
	padding: 0 10px;
	line-height: 1.5;
}

.page_contents p {
	padding: 0 0 10px 0;
}

.page_contents .hl_a,
.page_contents .hl_b,
.page_contents .hl_c,
.page_contents .hl_d,
.page_contents .hl_f {
	margin: 0 0 10px 0;
}

.page_contents .hl_e,
.page_contents .hl_bm,
.page_contents .hl_bl,
.page_contents .hl_bxl,
.page_contents .hl_bxxl {
	margin: 0 0 5px 0;
}

@media print,
screen and (min-width: 768px) {

	.page_contents {
		padding: 0;
		line-height: 1.7;
	}

	.page_contents .hl_a,
	.page_contents .hl_b,
	.page_contents .hl_c,
	.page_contents .hl_d,
	.page_contents .hl_f {
		margin: 0 0 20px 0;
	}

	.page_contents .hl_e,
	.page_contents .hl_bm,
	.page_contents .hl_bl,
	.page_contents .hl_bxl,
	.page_contents .hl_bxxl {}

}


/* --------------------------------------------------------------
	サンデー・ゆめ回廊
-------------------------------------------------------------- */

/* サンデーTOP
---------------------------------------- */
ul.sunday_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 0 10px 0;
}

ul.sunday_list li {
	width: 48%;
	padding: 0 0 10px 0;
}

ul.sunday_list li figure {
	padding: 0 0 5px 0;
}

ul.sunday_list li figure img {
	width: 100%;
}

ul.sunday_list li p {
	padding: 0 0 5px 0;
}

ul.sunday_list li a {
	text-decoration: underline;
}

@media print,
screen and (min-width: 768px) {

	ul.sunday_list {
		justify-content: flex-start;
		padding: 0 0 20px 0;
	}

	ul.sunday_list li {
		width: 230px;
		margin: 0 15px 0 0;
	}

	ul.sunday_list li:nth-of-type(3n) {
		width: 230px;
		margin: 0;
	}

	ul.sunday_list li figure {
		padding: 0 0 10px 0;
	}
}

/* 20220615 add start */
/* サンデーリストSP2列、PC２列 */
ul.sunday_list_col2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 0 10px 0;
}

ul.sunday_list_col2 li {
	width: 48%;
	padding: 0 0 10px 0;
}

ul.sunday_list_col2 li figure {
	padding: 0 0 5px 0;
}

ul.sunday_list_col2 li figure img {
	width: 100%;
}

ul.sunday_list_col2 li p {
	padding: 0 0 5px 0;
}

ul.sunday_list_col2 li a {
	text-decoration: underline;
}

@media print,
screen and (min-width: 768px) {

	ul.sunday_list_col2 {
		justify-content: flex-start;
		padding: 0 0 20px 0;
	}

	ul.sunday_list_col2 li {
		width: 350px;
		margin: 0 15px 0 0;
	}

	ul.sunday_list_col2 li:nth-of-type(2n) {
		width: 350px;
		margin: 0;
	}

	ul.sunday_list_col2 li figure {
		padding: 0 0 10px 0;
	}
}

/* 折込チラシ広告仕様
---------------------------------------- */

/* サンデージョブ */
#sunday_job .lead {
	color: #663333;
	font-weight: bold;
}

#sunday_job .lead em {
	color: #cc0066;
}

#sunday_job .kakomi {
	margin: 0 0 10px 0;
	padding: 3px 5px;
	border: solid 2px #cc0066;
	color: #cc0066;
	font-weight: bold;
}

@media print,
screen and (min-width: 768px) {

	#sunday_job .lead {
		padding: 0 0 20px 0;
		font-size: 2rem;
		text-align: center;
	}

	#sunday_job .kakomi {
		padding: 10px 15px;
	}

	#sunday_job .sunday_job_price {
		padding: 0 0 10px 0;
	}

	#sunday_job .sunday_job_size_wrap,
	#sunday_ube_wide .sunday_job_size_wrap {
		padding: 0 0 20px 0;
	}

	#sunday_job .sunday_job_size,
	#sunday_ube_wide .sunday_job_size {
		width: 30%;
	}

	#sunday_job .sunday_job_size .col2,
	#sunday_ube_wide .sunday_job_size .col2 {
		width: 46%;
	}

}

/* 料金表 */
table.price {
	width: 100%;
	border-collapse: collapse;
	border-top: solid 1px #999;
	font-size: 1.3rem;
}

table.price.xs {
	font-size: 1.2rem;
}

table.price th {
	padding: 3px 0;
	background-color: #e3dcd5;
	border: solid 1px #999;
	font-weight: bold;
	white-space: nowrap;
}

table.price td {
	padding: 3px 0;
	border: solid 1px #999;
	line-height: 1.5;
	text-align: center;
}

table.price td:first-child {
	background-color: #f3ede7;
}

table.price + .table_caption {
	margin: 0 0 10px 0;
	font-size: 1.2rem;
	text-align: right;
}

.orikomi ul.attention {
	padding: 0 0 20px 0;
	font-size: 1.3rem;
}

@media print,
screen and (min-width: 768px) {

	table.price th {
		padding: 5px 0;
	}

	table.price td {
		padding: 5px 0;
	}

	.orikomi ul.attention {
		padding: 0 0 30px 0;
		font-size: 1.4rem;
	}

}

/* 入稿 */
.nyuko {
	background-color: #fdffc1;
	padding: 10px;
}

.nyuko h4 {
	padding: 0 0 3px 0;
	color: #003170;
	font-weight: bold;
}

.nyuko ul {
	list-style-type: square;
	margin: 0 0 0 1.5em;
	font-size: 1.3rem;
}

.nyuko ul li {
	margin: 0;
	padding: 0 0 3px 0;
}

.dl_btn {
	width: 80%;
	margin: 0 auto;
}

@media print,
screen and (min-width: 768px) {

	.nyuko_wrap {
		width: 67%;
	}

	.dl_btn {
		width: 60%;
		padding: 0 0 20px 0;
	}

}

/* お問い合わせ */
.sunday_contact {
	margin: 0 0 20px 0;
	padding: 10px;
	border: dashed 2px #ff9933;
	text-align: center;
}

.sunday_contact h2,
.sunday_contact h3 {
	font-weight: bold;
	font-size: 1.6rem;
}

.sunday_contact h2 em {
	color: #cc0066;
}

.sunday_contact .tel {
	color: #333399;
	font-weight: bold;
	font-size: 1.6rem;
}

.sunday_contact .info {
	font-size: 1.3rem;
	text-align: left;
}

@media print,
screen and (min-width: 768px) {

	.sunday_contact {
		width: 90%;
		margin: 0 auto 30px;
		padding: 15px;
	}

	.sunday_contact h2,
	.sunday_contact h3,
	.sunday_contact .tel {
		font-size: 2rem;
	}

}

/* サンデーうべ・ワイド */
#sunday_ube_wide h3 {
	font-weight: bold;
	font-size: 1.5rem;
	color: #f00;
}

#sunday_ube_wide .lead {
	font-weight: bold;
}

#sunday_ube_wide .kakomi p {
	padding: 10px 15px;
	background-color: #f9f4ed;
}
/* 20220713 delete start
#sunday_ube_wide .sunday_ube {
	padding: 0 0 20px 0;
}
20220713 delete end */
#sunday_ube_wide .title img {
	width: 75%;
}

#sunday_ube_wide .thumb {
	padding: 0 0 10px 0;
}

dl.sunday_spec {
	text-align: left;
}

dl.sunday_spec dt {
	clear: left;
	float: left;
	padding: 3px 5px;
}

dl.sunday_spec dd {
	padding: 3px 5px 3px 100px;
}

dl.sunday_spec dd:nth-of-type(odd) {
	background-color: #f2f2f2;
}

@media print,
screen and (min-width: 768px) {

	#sunday_ube_wide h3 {
		font-size: 2rem;
	}

	#sunday_ube_wide .lead {
		font-size: 1.8rem;
	}

	#sunday_ube_wide .kakomi {
		width: 40%;
	}

	#sunday_ube_wide .kakomi p {
		font-size: 1.4rem;
	}

	#sunday_ube_wide .map {
		width: 55%;
	}

	dl.sunday_spec {
		font-size: 1.3rem;
	}

}

/* ポスティング広告仕様
---------------------------------------- */
#sunday_posting h3 {
	font-weight: bold;
	font-size: 1.5rem;
	color: #f00;
}

#sunday_posting .network {
	padding: 10px 0 25px;
	text-align: center;
}

#sunday_posting .network h4 {
	color: #489600;
	font-weight: bold;
	font-size: 1.5rem;
}

#sunday_posting .network h4 span {
	display: block;
	color: #333;
	font-weight: normal;
	font-size: 1.2rem;
}

#sunday_posting .lead {
	font-weight: bold;
}

#sunday_posting .map {
	width: 80%;
	margin: 0 auto;
	text-align: center;
}

#sunday_posting .sunday_ube_onoda {
	padding: 0 0 20px 0;
}

#sunday_posting .title img {
	width: 75%;
}

#sunday_posting .thumb {
	padding: 0 0 10px 0;
}

#sunday_posting table.posting {
	margin: 0 0 20px 0;
}

@media print,
screen and (min-width: 768px) {

	#sunday_posting h3 {
		font-size: 2rem;
	}

	#sunday_posting .lead {
		font-size: 1.8rem;
	}

	#sunday_posting .network {
		padding: 20px 0 35px;
	}

	#sunday_posting .network h4 {
		font-size: 1.7rem;
	}

	#sunday_posting table.posting {
		margin: 0 0 40px 0;
	}

	#sunday_posting table.posting th:nth-of-type(3),
	#sunday_posting table.posting th:nth-of-type(4) {
		width: 25%;
	}

}

/* サンデー紙面
---------------------------------------- */

/* 紙面タイトル（今日の紙面の日付部分） */
.page_nav .date_wrap .sunday_title {
	width: calc(100% - 110px);
	padding: 25px 10px 0 10px;
	color: #fff;
	font-weight: bold;
	font-size: 1.2rem;
	line-height: 1.3;
	text-align: left;
}

.yume_backnumber {
	padding: 0 10px 15px;
}

.yume_backnumber > ul li {
	position: relative;
	padding: 10px 10px 8px 20px;
	border-bottom: solid 1px #e5ecf4;
}

.yume_backnumber > ul li:before {
	position: absolute;
	top: 14px;
	left: 10px;
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 3px solid transparent;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 4px solid #00418f;
}

@media print,
screen and (min-width: 768px) {

	.page_nav .date_wrap .sunday_title {
		width: auto;
		padding: 0;
		font-size: 1.6rem;
		line-height: 54px;
	}

	.yume_backnumber {
		width: 100%;
		padding: 0 0 50px;
	}

}


/* --------------------------------------------------------------
	クーポン
-------------------------------------------------------------- */

.coupon_container {
	clear: both;
	padding: 0 0 20px 0;
}

.coupon_container #coupon_btn button {
	display: block;
	width: 80%;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	font-weight: bold;
	text-align: center;
	border-radius: 6px;
}

.coupon_container #coupon_btn button.ticketing {
	/* 発券可能 */
	background-color: #00418F;
	color: #fff;
}

.coupon_container #coupon_btn button.disabled {
	/* 発券不可 */
	background-color: #ccc !important;
	color: #999 !important;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#modal-bg {
	/* モーダル背景 */
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}

#modal-main {
	/* モーダルコンテンツ */
	display: none;
	width: 90%;
	height: 90%;
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #333;
	position: fixed;
	z-index: 200;
}

#modal-main .cp_body {
	position: relative;
	padding: 15px;
	line-height: 1.5;
}

#modal-main .cp_body .print {
	padding: 20px 0 0 0;
	text-align: center;
}

#modal-main > span {
	position: absolute;
	right: 15px;
	bottom: 15px;
}

@media print,
screen and (min-width: 768px) {

	.coupon_container {
		padding: 20px 0 40px;
	}

	.coupon_container #coupon_btn button {
		width: 60%;
		height: 54px;
		line-height: 54px;
	}

}


/* --------------------------------------------------------------
	お気に入り一覧
-------------------------------------------------------------- */

a.simplefavorite-button {
	/* 削除ボタン */
	display: inline-block;
	padding: 5px 0 0 0;
	text-decoration: underline;
	opacity: 1;
	cursor: pointer;
}


/* --------------------------------------------------------------
	フォーム
-------------------------------------------------------------- */

/* フォームを入れるテーブル
---------------------------------------- */

table.form_table {
	border-top: solid 1px #ccc;
}

table.form_table th {
	display: block;
	width: 100%;
	padding: 3px 10px;
	background-color: #f2f2f2;
	border-bottom: solid 1px #ccc;
	font-weight: bold;
	text-align: left;
}

table.form_table th span.required {
	margin-left: 5px;
	color: #f00;
	font-size: 1.3rem;
	font-weight: normal;
}

table.form_table td {
	display: block;
	padding: 15px 10px;
	border-bottom: solid 1px #ccc;
}

@media print,
screen and (min-width: 768px) {

	table.form_table {}

	table.form_table th {
		display: table-cell;
		width: 25%;
		padding: 12px 20px;
	}

	table.form_table td {
		display: table-cell;
		width: 75%;
		padding: 12px 20px;
	}

}

/* MW WP Formカスタマイズ
---------------------------------------- */

/* エラー表示 */
.mw_wp_form .error {
	color: #f00 !important;
	font-size: 1.4rem !important;
}

/* 入力画面で非表示 */
.mw_wp_form_input .input_hide {
	display: none;
}

/* 確認画面で非表示 */
.mw_wp_form_preview .prev_hide {
	display: none;
}

/* 入力フォーム */
.custom_form input[type="text"],
.custom_form input[type="password"],
.custom_form input[type="email"],
.custom_form select,
.custom_form textarea {
	width: 100%;
	padding: 4px;
	border: solid 1px #5685BF;
	border-radius: 3px;
}

/* ラジオボタン */
.custom_form input[type="radio"] {
	display: none;
}

.custom_form span.mwform-radio-field-text {
	position: relative;
	display: inline-block;
	padding: 2px 0 0 33px;
	cursor: pointer;
	line-height: 1.5;
}

.custom_form span.mwform-radio-field-text::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	margin-top: 0;
	background-color: #fff;
	border: solid 1px #9C9C9C;
	border-radius: 100%;
}

.custom_form input[type="radio"]:checked + span.mwform-radio-field-text::before {
	border: solid 2px #00A0E9;
}

.custom_form input[type="radio"]:checked + span.mwform-radio-field-text::after {
	position: absolute;
	content: '';
	top: 6px;
	left: 6px;
	border: 6px solid #189FD5;
	border-radius: 100%;
}

@media print,
screen and (min-width: 768px) {

	.custom_form span.mwform-radio-field-text {
		padding: 0 0 0 28px;
	}

	.custom_form span.mwform-radio-field-text::before {
		top: 2px;
		width: 20px;
		height: 20px;
	}

	.custom_form input[type="radio"]:checked + span.mwform-radio-field-text::after {
		top: 7px;
		left: 5px;
		border: 5px solid #189FD5;
	}

}

/* チェックボックス */
.custom_form input[type="checkbox"] {
	display: none;
}

.custom_form span.mwform-checkbox-field-text {
	position: relative;
	display: inline-block;
	padding: 2px 0 0 33px;
	cursor: pointer;
	line-height: 1.5;
}

.custom_form span.mwform-checkbox-field-text::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	margin-top: 0;
	background: #fff;
	border: solid 1px #9C9C9C;
	border-radius: 3px;
}

.custom_form span.mwform-checkbox-field-text::after {
	position: absolute;
	content: '';
	top: 5px;
	left: 5px;
	width: 15px;
	height: 10px;
	border-left: 3px solid #EAEAEA;
	border-bottom: 3px solid #EAEAEA;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.custom_form input[type="checkbox"]:checked + span.mwform-checkbox-field-text::before {
	background: #00A0E9;
	border: solid 1px #00A0E9;
}

.custom_form input[type="checkbox"]:checked + span.mwform-checkbox-field-text::after {
	border-left: 3px solid #fff;
	border-bottom: 3px solid #fff;
}

@media print,
screen and (min-width: 768px) {

	.custom_form span.mwform-checkbox-field-text {
		padding: 0 0 0 28px;
	}

	.custom_form span.mwform-checkbox-field-text::before {
		width: 20px;
		height: 20px;
	}

	.custom_form span.mwform-checkbox-field-text::after {
		top: 4px;
		left: 4px;
		width: 12px;
		height: 9px;
	}

}

/* 各種送信ボタン */
.custom_form input[type="submit"] {
	display: block;
	width: 60%;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	font-weight: bold;
	border-radius: 6px;
}

.custom_form input[type="submit"][name="submitConfirm"] {
	/* 送信内容確認 */
	background-color: #00418F;
	color: #fff;
}

.custom_form input[type="submit"][name="submitBack"] {
	/* 入力画面へ戻る */
	background-color: #DEE6F1;
	color: #00418F;
}

.custom_form input[type="submit"][name="submitContact"] {
	/* 送信する */
	background-color: #00418F;
	color: #fff;
}

.custom_form .my_form_submit input[type="submit"] + input[type="submit"] {
	margin: 10px auto 0;
}

@media print,
screen and (min-width: 768px) {

	.custom_form input[type="submit"][name="submitConfirm"],
	.custom_form input[type="submit"][name="submitBack"],
	.custom_form input[type="submit"][name="submitContact"] {
		width: 40%;
		height: 54px;
		line-height: 54px;
	}

}

/* --------------------------------------------------------------
	採用ガイド
-------------------------------------------------------------- */

.recruit section {
	padding-bottom: 10px;
}

.recruit section section:last-of-type {
	padding-bottom: 0;
}

.recruit p {
	line-height: 1.7;
}

.recruit .hl_a,
.recruit .hl_b {
	margin: 0 0 20px 0;
}

.recruit .portrait {
	text-align: center;
}

dl.recruit {
	line-height: 1.7;
}

dl.recruit dt {
	padding: 0 0 5px 0;
	font-weight: bold;
}

dl.recruit dd {
	padding: 0 0 15px 0;
}

.recruit_btn {
	padding: 30px 0 10px;
	border-top: solid 1px #ccc;
}

.recruit_btn p {
	padding: 0 0 20px 0;
}

.recruit_btn p a.btn {
	width: 80%;
	margin: 0 auto;
}

@media print,
screen and (min-width: 768px) {

	.recruit section {
		padding-bottom: 20px;
	}

	.recruit .block_layout .col_l {
		width: calc(100% - 240px);
		padding: 0 20px 0 0;
	}

	.recruit .block_layout .col_r {
		width: 240px;
		padding: 0 0 20px 0;
	}

	.recruit .portrait {
		padding: 0 0 25px 0;
	}

	.recruit .portrait img {
		width: 410px;
	}

	dl.recruit dd {
		padding: 0 0 30px 0;
	}

	dl.recruit dd:last-of-type {
		padding: 0 0 15px 0;
	}

	.recruit_btn {
		display: flex;
		padding: 40px 0;
	}

	.recruit_btn p {
		width: 50%;
		padding: 0;
	}

	.recruit_btn p a.btn {
		width: 240px;
		margin: 0 20px 0 auto;
	}

	.recruit_btn p a.youkou {
		margin: 0 20px 0 auto;
	}

	.recruit_btn p a.contact {
		margin: 0 auto 0 20px;
	}

}


/* --------------------------------------------------------------
	会社案内
-------------------------------------------------------------- */

.company_nav {
	padding: 0 0 5px 0;
}

.company_nav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style-type: none;
	margin: 0;
}

.company_nav ul li {
	width: 48.5%;
	height: 40px;
	line-height: 40px;
	margin: 0 0 10px 0;
	padding: 0;
	background-color: #e5ecf4;
	text-align: center;
}

.company_nav ul li.active {
	background-color: #00418f;
}

.company_nav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #00418f;
}

.company_nav ul li.active a {
	color: #fff;
}

@media print,
screen and (min-width: 768px) {

	.company_nav {
		padding: 0 0 20px 0;
	}

	.company_nav ul li {
		width: 23%;
		height: 50px;
		line-height: 50px;
	}

}

/* 会社概要
---------------------------------------- */
.company p.msg {
	padding: 15px 0 0 0;
}

.company p.img {
	padding: 15px 0 0 0;
}

@media print,
screen and (min-width: 768px) {
	.company p.msg {
		padding: 20px 0 0 0;
	}

	.company p.img {
		padding: 20px 0 0 0;
	}
}

/* 営業拠点
---------------------------------------- */
.office section {
	padding: 0 0 15px 0;
}

.office section:last-of-type {
	padding: 0;
}

.office p.img {
	text-align: center;
}

@media print,
screen and (min-width: 768px) {

	.office section {
		padding: 0 0 30px 0;
	}

	.office p.img {
		padding: 0 0 20px 0;
	}

}

/* 沿革
---------------------------------------- */
.history section {
	padding: 0 0 15px 0;
}

.history section:last-of-type {
	padding: 0;
}

.history p.img {
	text-align: center;
}

table.history {
	border-top: solid 1px #b2c6dd;
	font-size: 1.2rem;
}

table.history tr {
	border-bottom: solid 1px #b2c6dd;
}

table.history tr:nth-of-type(even) {
	background-color: #e5ecf4;
}

table.history th {
	width: 85px;
	padding: 5px 0 5px 5px;
	text-align: left;
	vertical-align: top;
}

table.history td {
	padding: 5px 5px 5px 0;
}

@media print,
screen and (min-width: 768px) {

	.history section {
		padding: 0 0 30px 0;
	}

	.history p.img {
		padding: 0 0 20px 0;
	}

	table.history {
		font-size: 1.5rem;
	}

	table.history th {
		width: 130px;
		padding: 5px 0 5px 10px;
	}

}

/* 主催事業
---------------------------------------- */
.sponsorship .hl_b {
	margin: 0 0 20px 0;
}

.sponsorship section {
	padding: 0 0 10px 0;
}

.sponsorship .event {
	padding: 0 5px;
}

.sponsorship figure {
	padding: 15px 0 0 0;
	text-align: center;
}

.sponsorship figure figcaption {
	padding: 5px 0 0 0;
}

@media print,
screen and (min-width: 768px) {

	.sponsorship .hl_b {
		margin: 0 0 30px 0;
	}

	.sponsorship figure figcaption {
		padding: 5px 0;
	}

}


/* --------------------------------------------------------------
	お問い合わせ
-------------------------------------------------------------- */

.contact .free_call .tel_num {
	font-weight: bold;
	font-size: 2.2rem;
}

.contact .kouen {
	padding: 20px 0 0 0;
}

.contact .kouen h4,
.contact .kouen h5 {
	padding: 0 0 2px 0;
}

@media print,
screen and (min-width: 768px) {

	.contact .free_call {
		text-align: center;
	}

	.contact .free_call .tel_num {
		font-size: 3.6rem;
	}

	.contact .block_layout {
		justify-content: flex-start;
	}

	.contact .block_layout div + div {
		margin-left: 30px;
	}

	.contact .kouen {
		padding: 30px 0 0 0;
	}

}

/* メールでお問い合わせ
---------------------------------------- */
.contact section {
	padding: 0 0 20px 0;
}

.contact section:last-of-type {
	padding: 0;
}

/* 進捗表示 */
.contact .progress,
.confirm .progress {
	display: none;
}

.mw_wp_form_input .progress.input,
.mw_wp_form_confirm .progress.confirm {
	display: block;
}

.progress ol {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style-type: none;
	margin: 0;
	padding: 0 30px 15px 0;
}

.progress ol li {
	position: relative;
	width: 27%;
	height: 30px;
	line-height: 30px;
	background-color: #999;
	color: #fff;
	font-size: 1.3rem;
	text-align: center;
}

.progress ol li::after {
	position: absolute;
	top: 0;
	right: -30px;
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #999;
}

.progress ol li.active {
	background-color: #00418f;
}

.progress ol li.active::after {
	border-left: 15px solid #00418f;
}

.contact .privacy_policy {
	padding: 20px 0 0 0;
}

.contact .privacy_policy h4 {
	padding: 0 0 5px 0;
	font-size: 1.6rem;
}

.contact .privacy_policy .scroll {
	border: solid 1px #ccc;
	height: 120px;
	padding: 5px;
	overflow-y: scroll;
}

.contact .consent_txt {
	padding: 10px 0;
}

.contact .consent_check {
	text-align: center;
}

.confirm .privacy_policy {
	display: none;
}

.contact .my_form_submit,
.confirm .my_form_submit {
	padding: 15px 0 0 0;
}

@media print,
screen and (min-width: 768px) {

	.contact section {
		padding: 0 0 40px 0;
	}

	.progress ol {
		padding: 5px 20px 25px 0;
	}

	.progress ol li {
		width: 30%;
		height: 40px;
		line-height: 40px;
		font-size: 1.6rem;
	}

	.progress ol li::after {
		right: -40px;
		border-top: 20px solid transparent;
		border-right: 20px solid transparent;
		border-bottom: 20px solid transparent;
		border-left: 20px solid #999;
	}

	.progress ol li.active::after {
		border-left: 20px solid #00418f;
	}

	.contact section.mail table th,
	.confirm table th {
		width: 30% !important;
	}

	.contact .privacy_policy h4 {
		font-size: 1.8rem;
	}

	.contact .privacy_policy .scroll {
		height: 150px;
		padding: 10px;
	}

	.contact .consent_txt {
		padding: 20px 0;
		text-align: center;
	}

	.contact .my_form_submit,
	.confirm .my_form_submit {
		padding: 30px 0 0 0;
	}
}

/* 送信完了画面
---------------------------------------- */
.thanks .complete_msg {
	padding: 15px 0 20px;
	text-align: center;
}

.thanks .return_top a {
	width: 60%;
	margin: 0 auto;
}

@media print,
screen and (min-width: 768px) {

	.thanks .complete_msg {
		padding: 15px 0 30px;
		text-align: center;
	}

	.thanks .return_top a {
		width: 40%;
	}

}


/* --------------------------------------------------------------
	写真購入ガイド
-------------------------------------------------------------- */

.photo-guide .mokuji {
	margin: 0 0 10px 0;
	padding: 10px 10px 0 10px;
	border: solid 1px #ccc;
}

.photo-guide .step {
	padding: 10px 0;
}

.photo-guide p.img {
	text-align: center;
}

.photo-guide section#price {
	padding: 0 0 15px 0;
}

@media print,
screen and (min-width: 768px) {

	.photo-guide .mokuji {
		width: 30%;
		margin: 0 0 20px 0;
		padding: 10px 15px 0 15px;
		border: solid 1px #ccc;
	}

	.photo-guide .step {
		padding: 20px 0;
	}

	.photo-guide section#flow {
		padding: 0 0 20px 0;
	}

	.photo-guide section#price {
		padding: 0 0 50px 0;
	}

}


/* --------------------------------------------------------------
	マイページ
-------------------------------------------------------------- */

.mypage p.uname span {
	color: #f00;
	font-weight: bold;
}

.mypage .btn {
	width: 80%;
	margin: 0 auto;
}

@media print,
screen and (min-width: 768px) {

	.mypage table {
		margin: 0 0 20px 0;
	}

	.mypage .btn {
		width: 50%;
		margin: 0 0 0 auto;
	}

}


/* --------------------------------------------------------------
	お客様情報変更
-------------------------------------------------------------- */

.customer p.uname span {
	color: #f00;
	font-weight: bold;
}

.customer table {
	margin: 0 0 15px 0;
}

.customer .btn {
	width: 80%;
	margin: 0 auto;
}

@media print,
screen and (min-width: 768px) {

	.customer table {
		margin: 0 0 20px 0;
	}

	.customer .btn {
		width: 40%;
	}

}


/* --------------------------------------------------------------
	クレジットカード情報変更完了
-------------------------------------------------------------- */

.card-change-completed .btn {
	width: 80%;
	margin: 0 auto;
}

@media print,
screen and (min-width: 768px) {

	.card-change-completed .btn {
		width: 40%;
	}

}

/* 20190829 add start */
/* --------------------------------------------------------------
	複数画像、複数動画あるときのアイコン
-------------------------------------------------------------- */
.icon_block_sp {
	padding: 0;
	font-size: 0;
}

.icon_block_sp .icon_images_sp {
	display: inline-block;
	margin: 5px 11px 12px 0;
	height: 19px;
	width: 26px
}

.icon_block_sp .icon_movies_sp {
	display: inline-block;
	margin: 5px 11px 12px 0;
	height: 19px;
	width: 26px
}

@media print,
screen and (min-width: 768px) {
	.icon_block {
		position: absolute;
		right: 120px;
		bottom: 0;
		height: 25px;
		padding: 0;
		font-size: 0;
	}

	.icon_block .icon_images {
		height: 25px;
		width: 32px;
		margin: 0 0 0 14px;
	}

	.icon_block .icon_movies {
		height: 25px;
		width: 32px;
		margin: 0 0 0 14px;
	}
}

/* ヘッドライン　「その他のニュースはこちら」ボタン */
.headline .link_digitalnews {
	padding: 20px 0 10px;
}

.headline .link_digitalnews a {
	display: block;
	width: 260px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	text-align: center;
	background: #DEE6F1;
	border-radius: 3px;
	color: #00418F;
}

@media print,
screen and (min-width: 768px) {
	.headline .link_digitalnews {
		padding: 20px 0 0;
	}
}

/* 20190829 add end */

/* 20191023 add start */
/* 申し込み＆ログイン誘導 
    に「会員限定の写真・・・」を追加
---------------------------------------- */
.login_ex_img {
	padding: 20px 0 0;
	text-align: center;
}
.login_ex_img .ex_img_msg {
	width: 80%;
	display:inline-block;
	min-height:30px;
	background-color:#FF8A00;
	color:#fff;
	border-radius:3px;
	padding:10px;
}
@media print,
screen and (min-width: 768px) {
	.login_ex_img {
/*		padding: 20px 0 0;*/
		text-align: left;
	}
	.login_ex_img .ex_img_msg {
		width: inherit;
		padding:10px 15px;
	}
}
/* 20191023 add end */
/* 20200112 add start */
/* Google広告を追加
---------------------------------------- */
.main-google-ads{
	width: 100%;
	padding: 30px 20px 0;
	font-size: 0;
}
.main-google-ads .ads-item{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	/* height: 240px; */ /*test用*/
	/* background: #cfc; */ /*test用*/
}
@media (min-width: 768px) {
	.main-google-ads{
		padding: 60px 0 0 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.main-google-ads .ads-item{
		width: 48%;
		width:-webkit-calc( (100% - 20px ) / 2 );
		width:calc( (100% - 20px ) / 2 );
		margin: 0;
	}
}

/* 20200112 add end */
/* 20200615 add start */
/* Google広告を追加
---------------------------------------- */
.container_single .main-google-ads{
	padding: 30px 0 0;
}

.main-google-ads-small{
	width: 100%;
	padding: 0;
	font-size: 0;
}
.main-google-ads-small .ads-item{
	display:block;
	width:100%;
	margin:0 0 20px;
	padding:0;
	/* height:100px;  *//*test用*/
	/* background: #cff;  *//*test用*/
}

@media (min-width: 768px) {
	.main-google-ads-small{
		padding: 0 0 20px 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.main-google-ads-small .ads-item{
		width: 48%;
		width:-webkit-calc( (100% - 20px ) / 2 );
		width:calc( (100% - 20px ) / 2 );
		margin: 0;
	}
}

.main-google-ads-req{
	width: 100%;
	padding: 0;
	font-size: 0;
}
.main-google-ads-req .ads-item{
	display:block;
	width:100%;
	margin:0 0 20px;
	padding:0;
	/* height:240px; */ /*test用*/
	/* background: #cff; */ /*test用*/
}
@media (min-width: 768px) {
	.main-google-ads-req{
		padding: 0 0 20px 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.main-google-ads-req .ads-item{
		width: 48%;
		width:-webkit-calc( (100% - 20px ) / 2 );
		width:calc( (100% - 20px ) / 2 );
		margin: 0;
	}
}
/* 20200615 add end */

/* 20200615 add start */

.container.single_col2 {
	padding: 0;
}
.container.single_col2 .main {
	padding: 0;
}
.container.single_col2 .main .single,
.container.single_col2 .main .rel_post{
	padding: 0 10px 0;
}
.container.single_col2 .main .excerpt{
	padding: 10px 10px 0;
}
.container.single_col2 .main .main-google-ads{
	padding: 30px 20px 10px;
}
.container.single_col2 .main .single .article_head .utility .tool{

}
@media print,
screen and (min-width: 768px) {

	.container.single_col2 {
		padding: 30px 0 0;
	}
	.container.single_col2 .main {
		padding: 0 0 60px;
	}
	.container.single_col2 .main .single,
	.container.single_col2 .main .rel_post{
		padding: 0 ;
	}
	.container.single_col2 .main .excerpt{
		padding:0;
	}
	.container.single_col2 .main .main-google-ads{
		padding: 60px 0 0;
	}
	.container.single_col2 .main .single .article_head {
		margin-top: -26px;
	}
}
/* 20200615 add end */