/* CSS Document */
/*-------------------------------------------------------------
copyright MINAMI NIPPON BANK,LTD. All Rights Reserved.
-------------------------------------------------------------*/
.articleWeb .article_container {
	width: 80%;
	margin: 0 auto;
	padding-bottom: 5rem;
	margin-top: 3rem;
	min-height: 60vh;
}
.article .cateArticleBox,
.article .webArticleBox{
	width: 80%;
	margin: 0 auto;
	padding-bottom: 5rem;
}
.articleWeb .article_container p.content img{
	display: block;
	width: 70%;
	margin: 0 auto;
}
.articleWeb .article_container h4 {
	font-size: 2rem;
	font-weight: bold;
	color: #FFF;
	/*background: linear-gradient(to right, rgba(0,149,218,0.9) 0%, rgba(93,183,119,0.9) 100%);*/
	background-color: rgba(0,149,218,0.8);
	padding: 1rem 0;
	padding-left: 4rem;
	margin-bottom: 2rem;
	position: relative;
}
.articleWeb .article_container h4:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0.5rem;
	transform: translate(0 ,-50%);
	-webkit-transform: translate(0 ,-50%);
	-ms-transform: translate(0 ,-50%);
	width: 2.5rem;
	height: 3rem;
	background: url("../image/h4_stripe.svg") no-repeat 1rem center;
	background-size: 1.5rem auto;
}
.articleWeb .article_container h5 {
	font-size: 1.8rem;
	font-weight: bold;
	background-color: rgba(0,149,218,0.5);
	padding: 0.5rem 0;
	padding-left: 2.5rem;
	margin-bottom: 2rem;
	margin-left: 1rem;
	position: relative;
}
.articleWeb .article_container h5:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 1rem;
	transform: translate(0 ,-50%);
	-webkit-transform: translate(0 ,-50%);
	-ms-transform: translate(0 ,-50%);
	width: 1rem;
	height: 55%;
	border-left: 5px solid #FFF;
}

.articleWeb .article_container h6 {
	font-size: 1.6rem;
	font-weight: bold;
	background-color: rgba(0,149,218,0.3);
	padding: 0.5rem 0;
	padding-left: 1.5rem;
	margin-bottom: 2rem;
	margin-left: 3rem;
	position: relative;
}
.articleWeb .article_container h6:before {
	/*content: '';
	position: absolute;
	top: 50%;
	left: 0.5rem;
	transform: translate(0 ,-50%);
	-webkit-transform: translate(0 ,-50%);
	-ms-transform: translate(0 ,-50%);
	width: 2.5rem;
	height: 3rem;
	background: url("../image/h4_stripe.svg") no-repeat 1rem center;
	background-size: 1.5rem auto;*/
}
.articleWeb .article_container > h4.non_icon,
.articleWeb .article_container > h5.non_icon,
.articleWeb .article_container > h6.non_icon{
	padding-left: 1rem;
}
.articleWeb .article_container > h4.non_icon:before,
.articleWeb .article_container > h5.non_icon:before,
.articleWeb .article_container > h6.non_icon:before{
	content: none;
}
.articleWeb .article_container a{
	border-bottom: 1px solid #0095da;
}
.articleWeb .article_container a > span{
	color: #0095da;
}
.articleWeb .article_container a.external_link{
	display: inline-block;
	margin: 3rem 0;
	padding-left: 2.5rem;
	background: url("../image/arrow_blue.svg") 0 0.25rem no-repeat;
	background-size: 2rem;
	border: none;
}
.articleWeb .article_container a.external_link span{
	color: #0095da;
	border-bottom: 1px solid #0095da;
}

/*-------------------------------------------------------------
page contents section
-------------------------------------------------------------*/
/* --- page credit --- */
#main-contents #page-credit {
	width: 660px;
	height: 67px;
	padding-left: 20px;
	line-height: 70px;
	color: #555;
	font-size: 180%;
	font-weight: bold;
}


/* --- page eyecatch --- */
#main-contents div.page-eyecatch  {
	margin-top: 10px;
	margin-bottom: 10px;
}

#main-contents div.page-eyecatch:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* --- page section --- */
#main-contents div.page-section {
	/*margin-top: 3rem;*/
}

/*-------------------------------------------------------------
column contents
-------------------------------------------------------------*/
/* --- 1column box --- */
#main-contents div.page-section-1column div.page-column {
	/*width: 660px;
	margin-bottom: 20px;
	background-color: #fff;
	letter-spacing: 1px;
	display: block;*/
}

#main-contents div.page-section-1column div.page-column h3.entry-title {
	/*font-size: 2rem;
	font-weight: bold;
	color: #FFF;
	background-image: linear-gradient(to right, rgba(0,149,218,0.9) 0%, rgba(93,183,119,0.9) 100%);
	padding: 2rem 0;
	margin-bottom: 2rem;*/
}

#main-contents div.page-section-1column div.page-column h3.entry-title a {
	color: #fff;
	text-decoration: none;
}

.articleWeb .article_container section.mLeft{
	font-size: 1.6rem;
	margin: 1rem 3.2rem 2rem 3.2rem;
}

/*-------------------------------------------------------------
search contents (検索結果)
-------------------------------------------------------------*/
.search #main-contents div.page-section div.entry-body .search-result {
	background-color: #e6f3fb;
	border-radius: 10px;
	padding: 1rem;
	margin-bottom: 2rem;
}
.search #main-contents div.page-section div.entry-body .search-result h4{
	background-color: transparent;
}
.search #main-contents div.page-section div.entry-body .search-result h4:before{
	background: url("../image/arrow-right_blue.svg") no-repeat 1rem center;
	width: 3rem;
	height: 3rem;
	background-size: 3rem auto;
}
.search #main-contents div.page-section div.entry-body .search-result h4 a{
	color: #0095da;
	font-weight: bold;
}
.search #main-contents div.page-section div.entry-body .search-noresult,
.search #main-contents div.page-section div.entry-body .search-nosearch{
	margin-top: 2rem;
}

.search #main-contents div.page-section div.entry-body p.search-words {
	font-size: 2rem;
	margin: 4rem 0;
}
.search #main-contents div.page-section div.entry-body h4.search-words {
	color: #444;
	background-color: transparent;
	padding-left: 0;
}
.search #main-contents div.page-section div.entry-body h4.search-words:before {
	content: none;
}
.search #main-contents div.page-section div.entry-body .search-rule {
	border: 1px solid #0095da;
	background-color: #e6f3fb;
	margin: 1rem;
}
.search #main-contents .search-result .search-result-entry h4 {
	
}

.search #main-contents .search-result .search-result-entry {
	padding-left: 20px;
}


/*-------------------------------------------------------------
pager contents
-------------------------------------------------------------*/
#main-contents div.entry-pager,
#main-contents div.search-pager {
	margin-top: 30px;
	text-align: center;
}

#main-contents div.entry-pager a,
#main-contents div.entry-pager span {
	padding: 2px 5px 2px 5px;
	margin-left: 4px;
	line-height: 10px;

	border: 1px solid #ccc;
	text-decoration: none;
	background: #fff;
	color: #333;
}

#main-contents div.entry-pager span {
	background: #e6f3fb;
}

#main-contents div.entry-pager a:hover{
	background: #e6f3fb;
}

/*-------------------------------------------------------------
--共通--
 web_contact (各種お問い合わせ)
 web_guide (ご利用環境について)
-------------------------------------------------------------*/

.personal .article_container > .web_contact div.entry,
.personal .article_container > .web_guide div.entry {
	padding: 0.1rem 0.8rem 0.8rem 0.8rem;
	max-width:600px;
}

/*-------------------------------------------------------------
web_contact (各種お問い合わせ)
-------------------------------------------------------------*/
.articleWeb .web_contact img {
	width:75px;
	height:75px;
	vertical-align: top; 
}

.articleWeb .web_contact p.tel {
	display:inline-block;
	/*margin:2rem 1rem 3rem ;
	height:2rem;
	line-height:3rem;*/
	font-size:3.5rem;
	font-weight:bold;
}

/*-------------------------------------------------------------
div.web_contact
	address
-------------------------------------------------------------*/
.articleWeb div.web_contact address {
	display: inline-block;
	text-align: left;
	margin: 3rem 0;
	margin-top: 0;
	margin-left: 3.2rem;
	padding: 1rem 3rem;
	border: 1px solid #0095da;
/*	background-color: #c8e6f9;*/
}
.articleWeb div.web_contact address a{
	border-bottom: none;
}


/*-------------------------------------------------------------
web_guide (ご利用環境について)
-------------------------------------------------------------*/
.personal .entry-body > .web_guide .lst-smartphone {
	display:inline-block;
	padding: 0.5rem 0rem 1rem 5rem;
	background: url('../image/icon_smartphonepclink.png') no-repeat;
	background-size:3rem 3rem;
}

.personal .entry-body > .web_guide .pclink {
	display:inline-block;
	padding: 0.5rem 0rem 1rem 5rem;
	background: url('../image/icon_pclink.png') no-repeat;
	background-size:3rem 3rem;
	font-weight:bold;
}

.personal .entry-body > .web_guide .lst-alert {
	display:inline-block;
	padding: 0.5rem 0rem 1rem 5rem;
	background: url('../image/icon_error.svg') no-repeat;
	background-size:3rem 3rem;
}

/*-------------------------------------------------------------
cm gallery contents
-------------------------------------------------------------*/
#main-contents div.cmgallery-item {
	/*margin-bottom: 20px;*/
}

#main-contents div.cmgallery-item:after {
	/*content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;*/
}

#main-contents div.cmgallery-item div.cmgallery-item-movie {
	/*float: left;
	margin-right: 20px;
	margin-bottom: 15px;
	display: block;*/
}

#main-contents div.cmgallery-item p.cmgallery-item-summay {
}


@media screen and (max-width: 1024px) {
	.article .cateArticleBox,
	.article .webArticleBox{
		width: 90%;
	}
	.articleWeb div.web_contact address {
		/*margin-left: 1rem;*/
	}
}

@media screen and (max-width: 599px) {
	.article .cateArticleBox,
	.article .webArticleBox{
		width: 96%;
	}
	.personal .article_container {
		width: 90%;
	}
	.personal .article_container p{
		font-size: 1.6rem;
	}
	.articleWeb .article_container h5,
	.articleWeb .article_container h6{
		line-height: 2.2rem;
		margin-left: 0;
	}
	.articleWeb .article_container h5{
	}
	.search #main-contents div.page-section div.entry-body h4.search-words {
		padding-left: 0;
	}
	.articleWeb .article_container section.thumbs_center{
		text-align: center;
	}

	/*	web_contact (各種お問い合わせ)*/
	.articleWeb div.web_contact address {
		text-align: center;
		margin-left: 0;
		padding: 1rem;
	}
	.articleWeb .web_contact p.tel {
		font-size:3rem;
	}
	.articleWeb .web_contact img + a p.tel {
		margin:3rem 0.5rem 2rem ;
	}
	.articleWeb .web_contact img {
		width:75px;
		height:75px;
	}

}