/*==================================================================
	1. Base setting
===================================================================*/
/* ▼▼▼既存のスタイルを上書き▼▼▼ */
div.contents.page.no-side article.page .entry-content {
	margin: 1rem 0;
}
div.contents.page.no-side article.page a {
	text-decoration: underline;
}
div.contents.page.no-side article.page a:hover {
	text-decoration: none;
}
/* ▲▲▲既存のスタイルを上書き▲▲▲ */

.section-wrap { }
.section-inner {
	padding: 20px 10%;
}
.section-inner02 {
	padding: 0 10%;
}

/* 190607_追加_ここから */
.section-inner03 {
	padding: 0 1rem;
}
/* 190607_追加_ここまで */

/*==================================================================
	2. Common style setting
===================================================================*/

/* ------------------------------------
	Reset styles
------------------------------------*/
img {
	border-style: none;
	vertical-align: top;
	max-width: 100%;
	height: auto;
}
ol,ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
dl,dt,dd {
	margin: 0;
	padding: 0;
}

/* ------------------------------------
	Space styles
------------------------------------*/
.pt_00 { padding-top: 0 !important;}
.pt_10 { padding-top: 10px !important;}
.pt_20 { padding-top: 20px !important;}
.pt_30 { padding-top: 30px !important;}
.pt_40 { padding-top: 40px !important;}
.pt_50 { padding-top: 50px !important;}
.pb_00 { padding-bottom: 0 !important;}
.pb_10 { padding-bottom: 10px !important;}
.pb_20 { padding-bottom: 20px !important;}
.pb_30 { padding-bottom: 30px !important;}
.pb_40 { padding-bottom: 40px !important;}
.pb_50 { padding-bottom: 50px !important;}
.mt_00 { margin-top: 0 !important;}
.mt_10 { margin-top: 10px !important;}
.mt_20 { margin-top: 20px !important;}
.mt_30 { margin-top: 30px !important;}
.mt_40 { margin-top: 40px !important;}
.mt_50 { margin-top: 50px !important;}
.mb_00 { margin-bottom: 0 !important;}
.mb_10 { margin-bottom: 10px !important;}
.mb_20 { margin-bottom: 20px !important;}
.mb_30 { margin-bottom: 30px !important;}
.mb_40 { margin-bottom: 40px !important;}
.mb_50 { margin-bottom: 50px !important;}

/* ------------------------------------
	Text styles
------------------------------------*/
.f12 { font-size: 12px;}
.f14 { font-size: 14px;}
.f16 { font-size: 16px;}
.f18 { font-size: 18px;}
.f20 { font-size: 20px;}
.f24 { font-size: 24px; line-height: 1.4;}
.f30 { font-size: 30px; line-height: 1.4;}
.lh12 { line-height: 1.2;}
.lh14 { line-height: 1.4;}
.lh16 { line-height: 1.6;}
.lh18 { line-height: 1.8;}
.lh20 { line-height: 2;}

.f_color_base { color: #0679ac;}/* MAIN_COLOR */
.f_color_sub { color: #006fa3;}
.f_color_red { color: #FF0000;}

/* 190412_追加 */
.highlight_box_01 {
	background: #e8ebed;
	padding: 10px;
}
.highlight_box_02 {
	border: 1px solid #ff0000;
	background: #fdf1f1;
	padding: 10px;
}

/* ------------------------------------
	Heading styles
------------------------------------*/
.heading-type01 {
	background: #e8ebed;
	font-size: 16px;
	line-height: 1.8;
	padding: 0 10px;
	margin: 0 0 20px 0;
}
.heading-type02 {
	border-left: 5px solid #0679ac;
	font-size: 16px;
	line-height: 1.2;
	padding-left: 5px;
	margin: 0 0 10px 0;
}
.heading-type03 {
	font-size: 30px;
	line-height: 1.4;
	font-weight: bold;
	margin: 0 0 15px 0;
	color: #0679ac;
	text-align: center;
}

/* ------------------------------------
	Button styles
------------------------------------*/
.link-button-list {
	font-size: 0;
}
.link-button {
	display: inline-block;
	vertical-align: top;
}
.link-button a {
	display: block;
	text-decoration: none !important;
}
/*
.link-button-list .link-button {
	margin: 0 15px 15px 0;
}
*/

/* ------------------
	丸ボタン（青）
------------------ */
.link-button01 {
	font-size: 20px;
	line-height: 1.6;
	font-weight: bold;
	text-align: center;
}
.link-button01 a {
	width: 330px;
	background-color: #0679ac;
	color: #FFF !important;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	padding: 10px;
}
.link-button01 a:hover {
	background-color: #0047c4;
}

/* ------------------
	丸ボタン（緑）
------------------ */
.link-button02 {
	font-size: 20px;
	line-height: 1.6;
	font-weight: bold;
	text-align: center;
}
.link-button02 a {
	width: 330px;
	background-color: #4db9a4;
	color: #FFF !important;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	padding: 10px;
	/*position: relative;*/
}
.link-button02 a:hover {
	background-color: #0cc29f;
}

/* 新聞のアイコン付き */
.flag-paper a:before {
	content: "";
	display: inline-block;
	width: 40px;
	height: 30px;
	margin: -3px 10px 0 0;
	background: url(../img/add/icon_paper.png);
	background-size: 100%;
	background-repeat: no-repeat;
	vertical-align: middle;
}

/*
.link-button-01-flex { }
.link-button-01-flex a {
	width: auto;
}
*/

/* ------------------------------------
	Box styles
------------------------------------*/
.section-box { }
.section-thm {
	width: 330px;
}
.section-thm-left {
	float: left;
	margin: 0 15px 10px 0;
}
.section-thm-right {
	float: right;
	margin: 0 0 10px 15px;
}
.section-body {
	overflow: hidden;
}
.section-title {
	color: #0679ac;
	text-align: center;
	font-size: 20px;
	line-height: 1.6;
	font-weight: bold;
	margin: 0 0 15px 0;
}
.section-title-line {
	position: relative;
	padding: 5px 0;
}
.section-title-line:after {
	content: "";
	position: absolute;
	border-bottom: 1px solid #0679ac;
	width: 70%;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}

/* ------------------------------------
	Form styles
------------------------------------*/
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea,
select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	font-family: inherit;
	font-size: 16px;
	line-height: 1.4;
	vertical-align: middle;
}
select::-ms-expand {
	display: none;
}
textarea { font-size: inherit;}
button{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
}

.error-name,
.parsley-errors-list>li,
.parsley-required,
.parsley-equalto,
.parsley-custom-error-message {
	color:#F00;
}

/*-------------------------------*/
/*	オートフィル時の背景色を無効に
/*-------------------------------*/
input:-webkit-autofill {
	/* 色はinput要素の背景色（ここでは#fff）にそろえる */
	box-shadow: 0 0 0px 999px #FFF inset;
}

/*-------------------------------*/
/*	placeholder
/*-------------------------------*/
input::-webkit-input-placeholder {
	color: #757575;
}
input::-moz-placeholder {
	color: #757575;
	opacity: 1;
}
input:-ms-input-placeholder {
	color: #757575;
}

/*-------------------------------*/
/*	必須項目
/*-------------------------------*/
.form-subject { }
.form-subject-name {
	border-left: 5px solid #0679ac;
	display: inline-block;
	padding: 0 5px;
	line-height: 1.2;
}
.form-subject-req {
	display: inline-block;
	color: #ff0000;
}

/*-------------------------------*/
/*	フォームパーツ
/*-------------------------------*/
.form-item {
	margin: 10px 0;
}

/*-------------------------------*/
/*	要素を横に並べる
/*-------------------------------*/
.form-inline {
	vertical-align: middle;
}
.form-inline .form-inline-item {
	display: inline-block;
}
.form-inline .form-inline-item:not(:first-child) {
	margin-left: 5px;
}

/*-------------------------------*/
/*	text
/*-------------------------------*/
.form-text {
	border: 1px solid #b5b5b5;
	background-color: #e8ebed;
	border-radius: 10px;
	padding: 10px;
	width: 100%;
}
.form-text-1 {
	width: 280px;
	/*margin-right: 5px;*/
}

.form-text-2 {
	width: 140px;
	/*margin-right: 5px;*/
}


/*-------------------------------*/
/*	textarea
/*-------------------------------*/
.form-textarea {
	border: 1px solid #b5b5b5;
	background-color: #e8ebed;
	border-radius: 10px;
	padding: 10px;
	width: 100%;
	height: 200px;
	overflow: auto;
}

/*-------------------------------*/
/*	select
/*-------------------------------*/
.form-select-wrap{
	position: relative;
}
.form-select-wrap::before{
	/*background-color: #282e70;*/
	display: inline-block;
	font-size: 28px;
	width: 40px;
	height: 100%;
	font-family: "Font Awesome 5 Free";
	content: "\f0d7";
	font-weight: 900;
	z-index: 1;
	position: absolute;
	right: 0;
	top: 0;
	color: #333;
	pointer-events: none;
	line-height: 1.4;
	text-align: center;
}
.form-select{
	border: 1px solid #dcdcdc;
	background-color: #fff;
	border-radius: 10px;
	padding: 10px 35px 10px 10px;
	width: 100%;
}
.form-select-1{
	border: 1px solid #0679ac;
	border-radius: 0;
}

/*-------------------------------*/
/*	checkbox
/*-------------------------------*/
.form-checkbox{
	display: none;
}
.form-checkbox-parts{
	padding-left: 20px;
	position: relative;
	margin-right: 20px;
}
.form-checkbox-parts::before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #313131;
	border-radius: 3px;
}
.form-checkbox:checked + .form-checkbox-parts{
	/*color: #fe0000;*/
}
.form-checkbox:checked + .form-checkbox-parts::after{
	content: "";
	display: block;
	position: absolute;
	top: -5px;
	left: 5px;
	width: 7px;
	height: 14px;
	transform: rotate(40deg);
	border-bottom: 3px solid #fe0000;
	border-right: 3px solid #fe0000;
}

/*-------------------------------*/
/*	radio
/*-------------------------------*/
.form-radio {
	display: none;
}
.form-radio + label{
	padding-left: 20px;
	position: relative;
	margin-right: 20px;
}
.form-radio + label::before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #313131;
	border-radius: 50%;
}
.form-radio:checked + label{
	/*color: #009a9a;*/
}
.form-radio:checked + label::after{
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 11px;
	height: 11px;
	background: #0679ac;
	border-radius: 50%;
}

/*-------------------------------*/
/*	button
/*-------------------------------*/
.form-btn-wrap {
	text-align: center;
	padding: 20px 0;
}

.form-btn,
div.contents.page article.page a.form-btn {
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	display: inline-block;
	/*position: relative;*/
	background-color: #eeeeee;
	color: #333;
	border-radius: 100px;
	padding: 10px 0;
	cursor: pointer;
	font-size: 20px;
	line-height: 1.6;
	font-weight: bold;
	text-decoration: none;
}
.form-btn:hover,
div.contents.page article.page a.form-btn:hover{
	background-color: #a6a6a6;
	color: #FFF;
	text-decoration: none;
}



/* 青ボタン */
.form-btn-2 {
	background-color: #0679ac;
	color: #FFF;
}
.form-btn-2:hover {
	background-color: #0a5ad3;
}

/* 幅固定 */
.form-btn-fix {
	width: 330px;
}

/* メールのアイコン付き */
.flag-mail:before {
	content: "";
	display: inline-block;
	width: 34px;
	height: 26px;
	margin: -3px 10px 0 0;
	background: url(../img/add/icon_mail.png);
	background-size: 100%;
	background-repeat: no-repeat;
	vertical-align: middle;
}

/*-------------------------------*/
/*	同意
/*-------------------------------*/
.form-consent {
	margin-top: 10px;
	font-size: 14px;
}

/*-------------------------------*/
/*	assist
/*-------------------------------*/
.form-assist {
	margin-top: 5px;
	font-size: 14px;
	color: #7d7d7d;
}
.form-assist i {
	margin-right: 3px;
	font-size: 12px;
}

/*-------------------------------*/
/*	住所自動入力ボタン
/*-------------------------------*/
.zip-search {
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	font-weight: bold;
	margin-left: 5px;
}
.zip-search a {
	background: #0679ac;
	color: #FFF !important;
	border-radius: 100px;
	padding: 10px 20px;
	text-decoration: none !important;
}
.zip-search a:hover {
	background: #0a5ad3;
}

/* 190607_修正_ここから_丸ごと差し替え */
/* ------------------------------------
	Fluid columns styles
------------------------------------*/
/* 初期設定 */
.fluid_col {
	font-size: 0;
}
.fluid_col > li {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 2.87%;
}

.fluid_col_02 > li { width: 48.56%; margin-right: 2.88%;}/* 横並びに等分 */
.fluid_col_03 > li { width: 31.42%; margin-right: 2.87%;}/* 横並びに3等分 */
.fluid_col_04 > li { width: 22.84%; margin-right: 2.88%;}/* 横並びに4等分 */
.fluid_col_05 > li { width: 17.68%; margin-right: 2.9%;}/* 横並びに5等分 */
.fluid_col_06 > li { width: 14.25%; margin-right: 2.9%;}/* 横並びに6等分 */
.fluid_col_07 > li { width: 11.8%; margin-right: 2.9%;}/* 横並びに7等分 */
.fluid_col_08 > li { width: 9.98%; margin-right: 2.88%;}/* 横並びに8等分 */
.fluid_col_09 > li { width: 8.56%; margin-right: 2.87%;}/* 横並びに9等分 */

.fluid_col_02 > li:nth-child(2n),
.fluid_col_03 > li:nth-child(3n),
.fluid_col_04 > li:nth-child(4n),
.fluid_col_05 > li:nth-child(5n),
.fluid_col_06 > li:nth-child(6n),
.fluid_col_07 > li:nth-child(7n),
.fluid_col_08 > li:nth-child(8n),
.fluid_col_09 > li:nth-child(9n) {
	margin-right: 0;
}
/* 190607_修正_ここまで_丸ごと差し替え */

/* ------------------------------------
	VisualFormattingModel styles
------------------------------------*/
.pc_block{
	display: block !important;
}
.pc_inline{
	display: inline !important;
}
.sp_block{
	display: none !important;
}
.sp_inline{
	display: none !important;
}

.align_left { text-align: left;}
.align_right { text-align: right;}
.align_center { text-align: center;}

/* ------------------------------------
	CLEARFIX
------------------------------------*/
.section-box:after,
.content-step:after,
.content-step-sp:after,
.form-edit:after,
.tabs-panel:after,
.fluid_col:after,
.cf:after {
	content: "";
	display: block;
	clear: both;
}




/*==================================================================
	3. Page styles
===================================================================*/

/* ▼▼▼ここに各コーダーが別途作成したCSS内のスタイルをドッキングしていく▼▼▼ */

/* ------------------------------------
	ログインページここから
------------------------------------*/
.section-wrap-login {
	padding: 80px 0;
}
@media only screen and (max-width: 767px) {
	.section-wrap-login {
	padding: 0;
	}
}

/* ------------------------------------
	ログインページここまで
------------------------------------*/

/* ------------------------------------
	モバイルアプリの紹介ページここから
------------------------------------*/
.section-bg-01 {
	background: #fdfdf0;
}
.section-box-app { }
.section-box-app .section-thm {
	width: 280px;
}

@media only screen and (max-width: 767px) {
	.section-box-app .section-thm {
	width: 100%;
	}
}

/* ------------------------------------
	モバイルアプリの紹介ページここまで
------------------------------------*/

/* ------------------------------------
	岩手日報バックナンバーページここから
------------------------------------*/
.table-price {
	border: 1px solid #e6edff;
	background: #e6edff;
	width: 100%;
	font-size: 18px;
}
.table-price th {
	background: #e6edff;
	padding: 5px 10px;
}
.table-price td {
	background: #FFF;
	padding: 5px 10px;
	text-align: center;
}
.table-price .th01 {
	width: 15%;
}

@media only screen and (max-width: 767px) {
	.table-price {
	font-size: 16px;
	}
}

/* ------------------------------------
	岩手日報バックナンバーページここまで
------------------------------------*/

/* ------------------------------------
	申し込みページここから
    .guide-bg03の色を変更済み（19/6/2）
------------------------------------*/
.guide-title {
	font-weight: bold;
	font-size: 2.4em;
	color: #0679ac;
	text-align: center;
	padding: 0 0 30px 0;
	margin: 0;
	line-height:1.2em;
}

.guide-title span{
display: inline-block
}


.guide-section-list {
	font-size: 0;
	padding: 30px 0;
}
.guide-section-item {
	display: inline-block;
	width: 33%;
	font-size: 26px;
	font-weight: bold;
	color: #fff;
	padding: 20px 0;
	text-align: center;
	border-radius: 6px;
}
.guide-section-item:nth-child(2){
	margin: 0 2px;
}





.guide-bg01 {
	background: #0679ac;
}
.guide-bg02 {
	background: #4db9a4;
}
.guide-bg03 {
	background: #4b0082;
}
.guide-text-box{
	display: table;
	width: 100%;
	background: #e8ebed;
	font-size: 16px;
	margin: 0;
	padding: 20px 30px 20px 0px;
}
.guide-text-left{
	display: table-cell;
	vertical-align: middle;
	width: 33.333%;
	text-align: center;
	font-weight: bold;
}
.guide-text-right {
	display: table-cell;
	vertical-align: top;
	text-align: left;
}
.notes-title {
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	padding: 30px 0 30px 0;
	margin: 0;
}
.notes-link-list {
	padding: 0;
	margin: 0;
}
.notes-link-item {
	padding-bottom: 30px;
	font-size: 16px;
	list-style: none;
	line-height: 1.4;
}
.notes-link-item-arl-01:before {
	content: "●";
	margin-right: 5px;
	color: #000;
}

@media only screen and (max-width: 767px) {

	.guide-title {
	font-size: 24px;
	padding: 0 0 4% 0;
	}
	.guide-section-list {
	padding: 4% 0;
	}
	.guide-section-item {
	padding: 6% 0;
	font-size: 12px;
	}
	.guide-section-item:nth-child(2){
	margin: 0 1px;
	}
	.guide-text-box {
	padding: 4%;
	}
	.guide-text-left{
	border-bottom: 1px dotted #2f2f2f;
	display: block;
	width: 100%;
	padding-bottom: 2%;
	margin-bottom: 4%;
	}
	.guide-text-right {
	display: block;
	}
	.notes-title {
	font-size: 20px;
	padding: 4% 0 4% 0;
	}
	.notes-link-item {
	padding-bottom: 6%;
	}



}


/* ------------------------------------
	申し込みページここまで
------------------------------------*/

/* ------------------------------------
紙面ビューアーページここから
------------------------------------*/

/* タブ部分 */
.tabs-block {
	margin-bottom: 20px;
}
.tabs-list {
	font-size: 0;
	padding: 0;
}
.tabs-item {
	display:inline-block;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	width: 20%;
	margin: 0 10px 0 0;
	background: #e8ebed;
}
.tabs-item a {
	display: block;
	padding: 8px 0;
	color: #333333 !important;
}
.tabs-item a.active {
	background: #0679ac;
	color: #ffffff!important;
}
.tabs-panel {
	border: solid 2px #0679ac;
	padding: 10px 10px 0 10px;
}
.tabs-panel > li {
	float: left;
	width: 33.3%;
}
.tabs-title {
	border-left: 5px solid #0679ac;
	line-height: 1.2;
	padding: 0 5px;
	margin-bottom: 10px;
}
.tabs-title a {
	color: #333 !important;
}
.tabs-title a:hover {
	color: #0679ac !important;
}

/* 紙面リスト（大） */
.articles-block { }
.articles-block .fluid_col_02 > li {
	width: 47.4%;
	margin-right: 5.2%;
}
.articles-block .fluid_col_02 > li:nth-child(2n) {
	margin-right: 0;
}

/* 190627ここから追加・郵送紙面用 */

.articles-block-thm-basic {
	text-align: center;
}

.past-articles-block-thm-basic {
	text-align: center;
}

.articles-block-thm-basic img {
	position: center;
}

/* 190627ここまで追加・郵送紙面用 */


/* 190607_編集_ここから */
.articles-block-thm {
	background: #f7f7f7;
}
/* 190607_編集_ここまで */


/* 190607_追加_ここから */
.articles-block-thm a {
	display: block;
	min-height: 260px;
	position: relative;
}
.articles-block-thm img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 90%;
	max-height: 90%;
}
/* 190607_追加_ここまで */


.articles-block .link-button {
	padding: 10px 0;
}

/* 紙面リスト（小） */
.past-articles-block { }
.past-articles-block .fluid_col_04 > li {
	width: 23.7%;
	margin-right: 1.7%;
}
.past-articles-block .fluid_col_04 > li:nth-child(4n) {
	margin-right: 0;
}


/* 190607_編集_ここから */
.past-articles-block-thm {
	background: #f7f7f7;
}
/* 190607_編集_ここまで */


/* 190607_追加_ここから */
.past-articles-block-thm a {
	display: block;
	min-height: 260px;
	position: relative;
}
.past-articles-block-thm img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 90%;
	max-height: 90%;
}
/* 190607_追加_ここまで */


.past-articles-block .link-button {
	display: block;
	padding: 10px 0;
	font-size: 18px;
}
.past-articles-block .link-button a {
	width: 100%;
}
.past-articles-block .flag-paper a:before {
	width: 30px;
	height: 22px;
}

/* ㏚部分 */
.section-box-pr {
	border: solid 1px #b5b5b5;
	padding: 10px;
	margin: 0 0 20px 0;
}


/* 190607_コメントアウト（削除）_ここから */
/*
.section-box-pr .form-btn-fix,
.section-box-pr .link-button02,
.section-box-pr .link-button02 a {
	width: 100%
}
/* 190607_コメントアウト（削除）_ここまで */


/* 190607_追加_ここから */
.section-box-pr .form-btn-fix {
	width: 80%
}
.section-box-pr .link-button02 {
	width: 80%
}
.section-box-pr .link-button02 a {
	width: 100%
}
/* 190607_追加_ここまで */


.section-box-pr .section-thm-right {
	margin: 45px 0 10px 15px;
}
.section-box-pr .section-thm-right .section-title {
	font-size: 14px;
	margin: 0;
}
.section-box-pr .form-btn-wrap {
	padding: 0 0 15px 0;
}
.store-btn-list {
	font-size: 0;
}
.store-btn-item {
	display: inline-block;
	width: 48%;
	padding: 0 1%;
}


@media only screen and (max-width: 767px) {
	/* タブ部分 */
	.tabs-list {
	padding: 0 1%;
	}
	.tabs-item {
	width: 31.333%;
	margin: 0 1%;
	}
	.tabs-panel > li {
	float: none;
	width: 100%;
	}
	.tabs-panel > li a {
	display: block;
	}

	/* 紙面リスト（大） */
	.articles-block .link-button01 {
	font-size: 18px;
	}
	.articles-block .fluid_col_02 > li {
	width: 100%;
	margin: 0 0 4% 0;
	}

	/* 紙面リスト（小） */
	.past-articles-block .fluid_col_04 > li {
	width: 48.5%;
	margin-right: 3%;
	}
	.past-articles-block .fluid_col_04 > li:nth-child(even){
	margin-right: 0;
	}
	.past-articles-block .link-button01 {
	font-size: 16px;
	}
	.past-articles-block .flag-paper a:before {
	width: 24px;
	height: 18px;
	}

	/* ㏚部分 */
	.section-box-pr {
	padding: 3%;
	margin: 0 0 5% 0;
	}
	
	
	/* 190607_追加_ここから */
	.section-box-pr .form-btn-fix {
	width: 100%
	}
	.section-box-pr .link-button02 {
	width: 100%
	}
	/* 190607_追加_ここまで */
	
	
	.section-box-pr .section-thm-right {
	margin: 0% 0 3% 0;
	}
	.section-box-pr .section-thm-right .section-title {
	font-size: 12px;
	}
	.section-box-pr .form-btn-wrap {
	padding: 0 0 3% 0;
	}

}

	/* ------------------------------------
	紙面ビューアーページここまで
	------------------------------------*/

/* ------------------------------------
	会員登録ページここから
------------------------------------*/

/*-------------------------------*/
/*	登録ステップ部分
/*-------------------------------*/
.content-step {
	text-align: center;
	margin-top: 20px;
}
.content-step-item {
	float: left;
	width: 16.666%;
	padding: 0 15px;
	color: #0679ac;
	position: relative;
}
.content-step-item:after {
	font-family: "Font Awesome 5 Free";
	content: "\f0da";
	font-weight: 900;
	position: absolute;
	top: 50%;
	right: -3%;
	left: auto;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 30px;
	color: #eeeeee;
}
.content-step-item:last-child:after {
	display: none;
}
.content-step-wrap {
	background: #eeeeee;
	padding: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
	min-height: 110px;
}
.content-step-item.current .content-step-wrap {
	background: #e6edff;
}
.content-step-title {
	border-bottom: 1px dotted #0679ac;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
@media only screen and (max-width: 767px) {
	.content-step {
	display: none;
	}
}

.content-step-sp {
	display: none;
}
@media only screen and (max-width: 767px) {
	.step-title {
	background: #0679ac;
	color: #FFF;
	}
	.content-step-sp {
		display: block;
		padding: 0 3%;
		margin-bottom: 2%;
	}
	.content-step-sp-item {
		background: #eeeeee;
		border-right: 1px solid #FFF;
		float: left;
		width: 16.666%;
		padding: 2% 0;
		color: #b5b5b5;
		position: relative;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
	}
	.content-step-sp-item.current {
		background: #0679ac;
		color: #FFF;
	}
	.content-step-sp-item:first-child {
		border-top-left-radius: 10px;
		-webkit-border-top-left-radius: 10px;
		-moz-border-radius-topleft: 10px;
		border-bottom-left-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomleft: 10px;
	}
	.content-step-sp-item:last-child {
		border-top-right-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topright: 10px;
		border-bottom-right-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		border-right: none;
	}
	.content-step-sp-item.current:before {
		content: "";
		position: absolute;
		bottom: -18px;
		left: 50%;
		margin-left: -10px;
		border: 10px solid transparent;
		border-top: 10px solid #0679ac;
	}
}


/*-------------------------------*/
/*	入力ページ用のtable
/*-------------------------------*/
.table-1 {
	background: #dcdcdc;
	width: 100%;
}
.table-1 th {
	background: #FFF;
	padding: 20px 0;
	vertical-align: top;
	width: 36%;
	text-align: left;
	font-weight: normal;
}
.table-1 td {
	background: #FFF;
	padding: 10px 0;
	vertical-align: top;
	font-size: 16px;
}
.table-1 .th-0 {
	width: 20%;
}
.table-1 .td-0 {
	color: #0679ac;
	padding: 20px 0;
}

@media only screen and (max-width: 767px) {
	.table-1 th {
	display: block;
	padding: 5% 0 2% 0;
	width: 100%;
	}
	.table-1 tr:first-child th {
	padding: 0 0 2% 0;
	}
	.table-1 td {
	border-bottom: 1px solid #b5b5b5;
	display: block;
	width: 100%;
	padding: 0 0 5% 0;
	}
	.table-1 .th-0 {
	width: 100%;
	}
	.table-1 .td-0 {
	display: none;
	}
	.table-1 .td-1 {
	border-bottom: none;
	}
}

/*-------------------------------*/
/*	確認ページ用のリスト
/*-------------------------------*/
.confirm-list{
	margin-bottom: 30px;
}
.confirm-item{
	display: table;
	width: 100%;
	border: 1px solid #eeeeee;
	margin: 7px 0;
}
.confirm-subject{
	display: table-cell;
	vertical-align: top;
	width: 190px;
	padding: 10px;
	background-color: #e6edff;
}
.confirm-body{
	display: table-cell;
	vertical-align: top;
	padding: 10px;
}

.form-edit { }
.form-edit-subject {
	float: left;
	/*width: 74%;*/
}
.form-edit-btn {
	float: right;
	/*width: 24%;*/
}
.form-edit-btn .form-btn,
div.contents.page article.page .form-edit-btn a.form-btn
 {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 16px;
	padding: 10px 15px;
	margin-top: 5px;
}
.form-edit-btn .form-btn:first-child ,
div.contents.page article.page .form-edit-btn a.form-btn:first-child
{
	margin-top: 0;
}

@media only screen and (max-width: 767px) {
	.confirm-list{ }
	.confirm-item{
	display: block;
	margin: 3% 0;
	}
	.confirm-subject{
	display: block;
	width: 100%;
	padding: 2% 3%;
	}
	.confirm-body{
	display: block;
	width: 100%;
	padding: 3%;
	font-weight: bold;
	}

	.form-edit { }
	.form-edit-subject {
	float: none;
	}
	.form-edit-btn {
	float: none;
	border-top: 1px dotted #eeeeee;
	padding-top: 3%;
	margin-top: 3%;
	text-align: center;
	}
	.form-edit-btn .form-btn {
	width: 100%;
	}
}


/*-------------------------------*/
/*	フォーム内各種文言
/*-------------------------------*/
.form-info {
	padding: 20px 0;
}
.form-info-text {
	font-size: 14px;
}
.form-info-title {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.form-info-error {
	border: 2px solid #ff0000;
	background: #FFF;
	color: #ff0000;
	font-weight: bold;
	margin: 20px 10px;
	text-align: center;
}
.form-info-finish {
	border: none;
	background: none;
}

@media only screen and (max-width: 767px) {
	.form-info {
	padding: 5% 0;
	}
	.form-info-text { }
	.form-info-title {
	font-size: 16px;
	}
	.form-info-error {
	margin: 3% 0;
	font-size: 12px;
	}
}

/* ------------------------------------
	会員登録バックナンバーページここまで
------------------------------------*/

/* ------------------------------------
	マイページTOPここから
------------------------------------*/
.my_top_list {
	font-size: 0;
}
.my_top_item {
	display: inline-block;
	width: 46%;
	vertical-align: top;
	margin-right: 8%;
	padding-bottom: 10px;
}

.my_top_item:nth-child(2n) {
	margin-right: 0;
}
.my_top_inner {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.my_top_icon {
	display: table-cell;
	vertical-align: middle;
	width: 28.2%;
	text-align:center;
	background: #0679ac;
}
.my_top_title_wrap {
	display: table-cell;
	vertical-align: top;
	border: solid 1px #c9c9c9;
	padding: 6px 10px;
}
.my_top_title {
	font-size:16px;
	margin-bottom: 1%;
	padding-bottom: 1%;
}
.my_top_title::before {
	content:  '';
	border-style: solid;
	border-width: 5px 0 5px 7px;
	border-color: transparent transparent transparent #0679ac;
	display:  inline-block;
	vertical-align:  middle;
	position:  relative;
	top: -2px;
	margin-right: 3px;
}
.my_top_title_sub {
	font-size:14px;
	line-height: 1.4;
}
.border_btm {
	border-bottom: dotted 1px #2b8db8;
}

.my_top_section .my_top_list .my_top_inner .my_top_title a {
	color:#0679ac;
}

@media only screen and (max-width: 767px) {
	.my_top_item {
	width: 100%;
	margin-right: 0;
	padding-bottom: 4%;
	}
	.my_top_title_wrap {
	padding: 2%;
	}
	.my_top_icon {
	width: 22%;
	}
}
 /* ------------------------------------
	マイページTOPここまで
------------------------------------*/

/* ------------------------------------
	○○○○○ページここから
------------------------------------*/


/* ------------------------------------
	○○○○○ページここまで
------------------------------------*/

/* ▲▲▲ここに各コーダーが別途作成したCSS内のスタイルをドッキングしていく▲▲▲ */

















/*==================================================================
	99. SP
===================================================================*/

@media only screen and (max-width: 767px) {

/*==================================================================
	1. Base setting
===================================================================*/
.section-wrap { }
.section-inner {
padding: 3%;
}
.section-inner02 {
padding: 0;
}


/*==================================================================
	2. Common style setting
===================================================================*/

/* ------------------------------------
	Heading styles
------------------------------------*/
.heading-type01 {
margin: 0 0 3% 0;
}
.heading-type02 {
margin: 0 0 3% 0;
}
.heading-type03 {
font-size: 20px;
margin: 0 0 3% 0;
}

/* ------------------------------------
	Button styles
------------------------------------*/
.link-button-list { }
.link-button {
display: block;
}
.link-button a { }

/* ------------------
	丸ボタン（青）
------------------ */
.link-button01 {
font-size: 18px;
}
.link-button01 a {
width: 100%;
}

/* ------------------
	丸ボタン（緑）
------------------ */
.link-button02 {
font-size: 18px;
}
.link-button02 a {
width: 100%;
}


/* ------------------------------------
	Box styles
------------------------------------*/
.section-box { }
.section-thm {
width: 100%;
text-align: center;
}
.section-thm-left {
float: none;
margin: 0 0 3% 0;
}
.section-thm-right {
float: none;
margin: 0 0 3% 0;
}
.section-body { }
.section-title {
font-size: 18px;
margin: 0 0 3% 0;
}

/* ------------------------------------
	Form styles
------------------------------------*/

/*-------------------------------*/
/*	フォームパーツ
/*-------------------------------*/
.form-item { }

/*-------------------------------*/
/*	text
/*-------------------------------*/
.form-text { }
.form-text-1 {
width: 55%;
}

/*-------------------------------*/
/*	textarea
/*-------------------------------*/
.form-textarea { }

/*-------------------------------*/
/*	select
/*-------------------------------*/
.form-select-wrap{ }

/*-------------------------------*/
/*	checkbox
/*-------------------------------*/
.form-checkbox{ }

/*-------------------------------*/
/*	radio
/*-------------------------------*/
.form-radio { }

/*-------------------------------*/
/*	button
/*-------------------------------*/
.form-btn-wrap { }
.form-btn {
font-size: 18px;
}

/* 幅固定 */
.form-btn-fix {
width: 100%;
}

/*-------------------------------*/
/*	assist
/*-------------------------------*/
.form-assist { }

/*-------------------------------*/
/*	住所自動入力ボタン
/*-------------------------------*/
.zip-search {
font-size: 18px;
}

/* ------------------------------------
	VisualFormattingModel styles
------------------------------------*/
.pc_block{
	display: none !important;
}
.pc_inline{
	display: none !important;
}
.sp_block{
	display: block !important;
}
.sp_inline{
	display: inline !important;
}





}