@charset "utf-8";
/*
Theme Name:AquaBank
Description: アクアバンク正規販売店株式会社明和堂
Version: 1.0-20220528-06
Author: NoithCA
Author URI: https://noith.com/
*/

/* CSS Document */

/*---------- ページ構成 ------------------------------------*/
html,body{
	width:100%;
	padding:0;
	margin:0 auto;
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
}

p{
/*
	margin:0;
	padding:0;
*/
}
img{
	max-width:100%;
	height:auto;
	vertical-align: bottom;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
iframe{ vertical-align: bottom; }

.wrap{
	width:100%;
	max-width:1080px;
	margin:0 auto;
	box-sizing: border-box;
}

header{
	width:100%;
	box-shadow: 0px -1px #eee inset;
	padding: .5em 0;
}
.header{
	width:100%;
	max-width:1080px;
	margin:0 auto;
	box-sizing: border-box;
	display:flex;
	align-items: center;
	flex-wrap: wrap;
}
.HeaderLogo{
	width:50%;
	max-width:200px;
}
.HeaderZenkoku{
	width:50%;
	max-width:100px;
	text-align:center;
}
.HeaderZenkoku p{
	color:#FFF;
	background-color:#EC7AA0;
	font-size:14pt;
}
.HeaderCatch{
	max-width: 100%;
	position:relative;
	right:0;
	margin-left: auto;
}
@media only screen and (max-width:576px){
	.HeaderLogo{ width:120px; }
	.HeaderZenkoku{ width:100px; }
	.HeaderZenkoku p{
		color:#FFF;
		background-color:#EC7AA0;
		font-size:12pt;
	}
}

main{
	max-width:1000px;
	margin:auto;
	padding:.5em;
}
.policy{
	margin:1em auto;
	padding:.5em 1em;
	border:solid 1px #808080;
}
.policyttl{
	margin:1em 0;
	font-size:14pt;
	text-align:center;
}
.policybox{
	height: 200px;
	padding:.5em;
	overflow-y: scroll;
	border:1px solid #BBB;
}
.policyaccept{
	margin:1em 0;
	color:#ff0000;
}
.required{
	font-size:10px;
	background:red;
	color:#FFF;
	border-radius:5px;
	margin: auto 1em;
	padding: .2em .5em;
	vertical-align: middle;
}
.fmsubmit .wpcf7-submit{
	display: block;
	width: 60%;
	max-width: 400px;
	font-size: 14pt;
	padding: .5em 0;
	margin: auto;
	color: #FFF;
	background: #005EAE;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}
div.wpcf7 .wpcf7-submit:disabled{
	color:#999;
	background-color:#eee;
}

footer{
	margin-top:2em;
	text-align:center;
}

.footer-infomation-wrap{
	background-color:#FFFDE8;
	margin:15px auto;
	padding:30px 10px;
}
.info-title-wrap{
	max-width:650px;
	margin: 0 auto;
	font-family: sans-serif;
	font-size: 20px;
	color:#EC7AA0;
	position: relative;
	z-index: 0;
}
.info-title {
	margin: 10px 0;
	padding:15px 5px;
}
.info-title-wrap .info-title {
	border: solid 3px #EC7AA0;
	position:relative;
	text-align: center;
	border-radius: 3px;
	background: #fff;
}
.info-title-wrap .info-title:after,
.info-title-wrap .info-title:before {
	content: '';
	position: absolute;
	bottom: -7px;
	background:#EC7AA0;
	border: solid 2px #EC7AA0;
	width: 25px;
	height: 20px;
	z-index: -1;
}
.info-title-wrap .info-title:after {
	 left: 2px;
	 transform: rotate(120deg);
}
.info-title-wrap .info-title:before {
	right: 2px;
	transform: rotate(60deg);
}


.info-subtitle{
	font-size:18pt;
}
.info-subtitle span{
	background: linear-gradient(transparent 60%, #F7EE13 60%);
}

.footer-info-block{
	display:flex;
	justify-content: center;
	align-items: center;
}
.staff-img{
	width:30%;
	margin-bottom:30px;
}
.contact-wrap{
	width:70%;
	max-width: 500px;
}
@media only screen and (max-width:576px){
	.footer-info-block{ flex-wrap:wrap; }
	.staff-img,.contact-wrap{ width:100%; }
	.staff-img img{ max-width:250px; }
}

.contact-mail{ margin:0; }
.contact-mail,.contact-line{
	border: 1px solid #7a6a56;
	background: #FFF;
	padding: .5em;
}
.contact-mail a,.contact-line a{
	color:#7a6a56;
	display:block;
	text-decoration:none;
}
.contact-tel{
	margin:0;
}


.FooterWrap,.footer-infomation{
	max-width:1000px;
	margin:auto;
}

.FooterLink{
	padding:0;
	list-style-type:none;
}
.FooterLink li{
	display: inline-block;
	margin: 0 1em;
}

.CopyWrap{
	color:#FFF;
	background-color:#E95678;
	font-size:10pt;
	padding:10px 0;
}


/*--------------------------------------------
	トップページ
--------------------------------------------*/
.fv-wrap{
	
}
.fv-bnr{
	display:block;
	margin:30px auto;
}
.kodawari,.osusume{
	margin:30px auto;
}
.FvWrap img{
	width:100%;
	max-width:1200px;
}
.bnr-list-wrap{
	margin:30px auto;
	display:flex;
	justify-content: space-between;
}
.BtnWeb{
	position: absolute;
	right:2%;
	bottom: 10%;
	width: 25%;
	max-width: 250px;
}
.BtnWeb:hover { opacity: .8; }
.BtnWrap{
	max-width:1000px;
	margin:1em auto;
}
@media only screen and (max-width:576px){
	.bnr-list-wrap{ flex-wrap:wrap; }
}

.bnr-list{
	width:calc(50% - 15px);
	margin:15px 0;
}
@media only screen and (max-width:576px){
	.bnr-list{ width:100%; }
}

.new_article_block{
	background:#F4B0BE;
	padding:15px;
}
.new_article_heading{
	text-align:center;
	color:#FFF;
	font-size:16pt;
	margin:0;
	padding-bottom:15px;
}
.new_article_list{
	background:#FFF;
	display:flex;
	flex-wrap:wrap;
}
.new_articles{
	width:calc(50% - 20px);
	padding:10px;
}
.new_articles a{
	display:flex;
	text-decoration: none;
	color: #000;
}
.new_articles a:hover{
	opacity:.8;
}
@media only screen and (max-width:576px){
	.new_articles{
		width:calc(100% - 20px);
	}
}
.article_thumb{
	width:25%;
}
.article_data{
	width:75%;
	padding:0 .5em;
}
.posted_date,.post_title{
	margin:0;
}
@media only screen and (max-width:576px){
	.posted_date{ display:none; }
}

/*---------reflection---------------*/
.reflection-box{
    overflow    :hidden;
    -webkit-mask-image: url(/wp/wp-content/uploads/2025/01/btn_web.webp);
}

.reflection {
    height      :100%;
    width       :30px;
    position: absolute;
    top         :-180px;
    left        :0;
    background-color: #fff;
    opacity     :0;
    transform: rotate(45deg);
    animation: reflection 2s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 2s ease-in-out infinite;
    -moz-transform: rotate(45deg);
    -moz-animation: reflection 2s ease-in-out infinite;
    -ms-transform: rotate(45deg);
    -ms-animation: reflection 2s ease-in-out infinite;
    -o-transform: rotate(45deg);
    -o-animation: reflection 2s ease-in-out infinite;
}

@keyframes reflection {
    0% { transform: scale(0) rotate(45deg); opacity: 0; }
    80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { transform: scale(4) rotate(45deg); opacity: 1; }
    100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
    0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
    0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}

/*--------------------------------------------
	下層ページ
--------------------------------------------*/
.page h1,.page .h1{
/* 	text-align:center; */
	color:#EC7AA0;
/* 	margin:2rem auto; */
/* 	padding: 0.2em 1em; */
	font-size:1.6rem;
}
.page h2,.page .h2{
	font-size:1.6rem;
	color:#0071bc;
	text-align: center;
	line-height: 140%;
	margin:2rem auto;
}
.page h3,.page .h3{
	font-size:1.4rem;
}
.page h4,.page .h4{
	font-size:1.2rem;
}

/*--------------------------------------------
	FAQ / Maintenance
--------------------------------------------*/
.faq-box{
	margin: 10px 5%;
	padding: 10px;
	border: 1px solid #CCC;
	box-sizing: border-box;
}
.QuestionsWrap,.MenteWrap{
	background: #F7F7F7;
	padding: 5px;
	font-size: 1.1em;
	display: flex;
	align-items: center;
}
.QuestionsWrap p,.MenteWrap p{
	margin:0;
	width: calc(100% - 60px);
}
.QuestionsWrap span.q,.MenteWrap span{
	font-size: 1.2em;
	color: #fff;
	background-color: #508BCD;
	padding: 0;
	margin: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	display: inline-block;
	border-radius: 50%;
	margin-right: 10px;
}

.MaintenanceBlock{
	display:flex;
	flex-wrap:wrap;
}
.mente-box{
	width:calc(50% - 20px);
	margin:10px;
	padding:10px;
	border:1px solid #CCC;
	box-sizing: border-box;
}
@media only screen and (max-width:576px){
	.mente-box{ width:100%; }
}

.relative{ position:relative; }
.UpperRightRed{
	position:absolute;
	top:0;
	right:0;
	color:#FFF;
	background-color:#FF0000;
	padding:2px 5px;
	text-align:center;
}

/*--------------------------------------------
	Table
--------------------------------------------*/
#breadcrumbs {
	background: #eee;
	padding: 5px;
	border-radius: 5px;
}

/*--------------------------------------------
	Table
--------------------------------------------*/

table{
	width:100%;
	margin:1em 0;
	box-sizing:border-box;
}
table, th, td,.table td, .table th{
    border-collapse: collapse;
    border: solid 1px gray;
}
th,td{ padding:.5em; }
th{
	background-color:#F5F5F5;
}
td {
}

/*--------------------------------------------
	Width
--------------------------------------------*/
.w100{ width:100%; }
.w95{ width:95%; }
.w90{ width:90%; }
.w85{ width:85%; }
.w80{ width:80%; }
.w75{ width:75%; }
.w70{ width:70%; }
.w65{ width:65%; }
.w60{ width:60%; }
.w55{ width:55%; }
.w50{ width:50%; }
.w45{ width:45%; }
.w40{ width:40%; }
.w35{ width:35%; }
.w30{ width:30%; }
.w25{ width:25%; }
.w20{ width:20%; }
.w15{ width:15%; }
.w10{ width:10%; }

.width-fit-content{ width:fit-content; }
.fit-auto{
	width:fit-content;
	margin:auto;
}
/*--------------------------------------------
	Margin
--------------------------------------------*/
.m_auto{ margin:0 auto; }
.m0{ margin:0px; }
.m3{ margin:3px; }
.m5{ margin:5px; }
.m10{ margin:10px; }
.m15{ margin:15px; }
.m20{ margin:20px; }
.m25{ margin:25px; }
.m30{ margin:30px; }
.m35{ margin:35px; }
.m40{ margin:40px; }
.m45{ margin:45px; }
.m50{ margin:50px; }

.m05em{ margin:.5em; }
.m1em{ margin:1em; }
.m1-5em{ margin:1.5em; }
.m2em{ margin:2em; }
.m2-5em{ margin:2.5em; }
.m3em{ margin:3em; }
.m3-5em{ margin:3.5em; }


.mt0{ margin-top:0px; }
.mt5,.my5{ margin-top:5px; }
.mt10,.my10{ margin-top:10px; }
.mt15,.my15{ margin-top:15px; }
.mt20,.my20{ margin-top:20px; }
.mt25,.my25{ margin-top:25px; }
.mt30,.my30{ margin-top:30px; }
.mt35,.my35{ margin-top:35px; }
.mt40,.my40{ margin-top:40px; }
.mt45,.my45{ margin-top:45px; }
.mt50,.my50{ margin-top:50px; }

.mt1em{ margin-top:1em; }
.mt1-5em{ margin-top:1.5em; }
.mt2em{ margin-top:2em; }
.mt2-5em{ margin-top:2.5em; }
.mt3em{ margin-top:3em; }
.mt3-5em{ margin-top:3.5em; }

.ml0{ margin-left:0px; }
.ml5,.ml5{ margin-left:5px; }
.ml10,.ml10{ margin-left:10px; }
.ml15,.ml15{ margin-left:15px; }
.ml20,.ml20{ margin-left:20px; }
.ml25,.ml25{ margin-left:25px; }
.ml30,.ml30{ margin-left:30px; }
.ml35,.ml35{ margin-left:35px; }
.ml40,.ml40{ margin-left:40px; }
.ml45,.ml45{ margin-left:45px; }
.ml50,.ml50{ margin-left:50px; }

.ml1em{ margin-left:1em; }
.ml1-5em{ margin-left:1.5em; }
.ml2em{ margin-left:2em; }
.ml2-5em{ margin-left:2.5em; }
.ml3em{ margin-left:3em; }
.ml3-5em{ margin-left:3.5em; }

.mb0{ margin-bottom:0; }
.mb5,.my5{ margin-bottom:5px; }
.mb10,.my10{ margin-bottom:10px; }
.mb15,.my15{ margin-bottom:15px; }
.mb20,.my20{ margin-bottom:20px; }
.mb25,.my25{ margin-bottom:25px; }
.mb30,.my30{ margin-bottom:30px; }
.mb35,.my35{ margin-bottom:35px; }
.mb40,.my40{ margin-bottom:40px; }
.mb45,.my45{ margin-bottom:45px; }
.mb50,.my50{ margin-bottom:50px; }

.mb1em{ margin-bottom:1em; }
.mb1-5em{ margin-bottom:1.5em; }
.mb2em{ margin-bottom:2em; }
.mb2-5em{ margin-bottom:2.5em; }
.mb3em{ margin-bottom:3em; }
.mb3-5em{ margin-bottom:3.5em; }

.mr0{ margin-right:0px; }
.mr5,.mx5{ margin-right:5px; }
.mr10,.mx10{ margin-right:10px; }
.mr15,.mx15{ margin-right:15px; }
.mr20,.mx20{ margin-right:20px; }
.mr25,.mx25{ margin-right:25px; }
.mr30,.mx30{ margin-right:30px; }
.mr35,.mx35{ margin-right:35px; }
.mr40,.mx40{ margin-right:40px; }
.mr45,.mx45{ margin-right:45px; }
.mr50,.mx50{ margin-right:50px; }

.mr1em{ margin-right:1em; }
.mr1-5em{ margin-right:1.5em; }
.mr2em{ margin-right:2em; }
.mr2-5em{ margin-right:2.5em; }
.mr3em{ margin-right:3em; }
.mr3-5em{ margin-right:3.5em; }

.m5_0{ margin:5px 0; }
.m10_0{ margin:10px 0; }
.m15_0{ margin:15px 0; }

.m1em_0{ margin:1em 0; }
.m2em_0{ margin:2em 0; }

.m1em_auto{ margin:1em auto; }
.m2em_auto{ margin:2em auto; }

/*--------------------------------------------
	Padding
--------------------------------------------*/
.p0{ padding:0; }
.p5{ padding:5px; }
.p10{ padding:10px; }
.p15{ padding:15px; }
.p20{ padding:20px; }
.p25{ padding:25px; }
.p30{ padding:30px; }
.p35{ padding:35px; }
.p40{ padding:40px; }
.p45{ padding:45px; }
.p50{ padding:50px; }

.p05em{ padding:.5em; }
.p1em{ padding:1em; }
.p1-5em{ padding:1.5em; }
.p2em{ padding:2em; }
.p2-5em{ padding:2.5em; }
.p3em{ padding:3em; }
.p3-5em{ padding:3.5em; }

.pt0{ padding-top:0px; }
.pt5,.py5{ padding-top:5px; }
.pt10,.py10{ padding-top:10px; }
.pt15,.py15{ padding-top:15px; }
.pt20,.py20{ padding-top:20px; }
.pt25,.py25{ padding-top:25px; }
.pt30,.py30{ padding-top:30px; }
.pt35,.py35{ padding-top:35px; }
.pt40,.py40{ padding-top:40px; }
.pt45,.py45{ padding-top:45px; }
.pt50,.py50{ padding-top:50px; }

.pl0{ padding-left:0px; }
.pl5,.px5{ padding-left:5px; }
.pl10,.px10{ padding-left:10px; }
.pl15,.px15{ padding-left:15px; }
.pl20,.px20{ padding-left:20px; }
.pl25,.px25{ padding-left:25px; }
.pl30,.px30{ padding-left:30px; }
.pl35,.px35{ padding-left:35px; }
.pl40,.px40{ padding-left:40px; }
.pl45,.px45{ padding-left:45px; }
.pl50,.px50{ padding-left:50px; }

.pr0{ padding-right:0px; }
.pr5,.px5{ padding-right:5px; }
.pr10,.px10{ padding-right:10px; }
.pr15,.px15{ padding-right:15px; }
.pr20,.px20{ padding-right:20px; }
.pr25,.px25{ padding-right:25px; }
.pr30,.px30{ padding-right:30px; }
.pr35,.px35{ padding-right:35px; }
.pr40,.px40{ padding-right:40px; }
.pr45,.px45{ padding-right:45px; }
.pr50,.px50{ padding-right:50px; }

.pb0{ padding-bottom:0px; }
.pb5,.py5{ padding-bottom:5px; }
.pb10,.py10{ padding-bottom:10px; }
.pb15,.py15{ padding-bottom:15px; }
.pb20,.py20{ padding-bottom:20px; }
.pb25,.py25{ padding-bottom:25px; }
.pb30,.py30{ padding-bottom:30px; }
.pb35,.py35{ padding-bottom:35px; }
.pb40,.py40{ padding-bottom:40px; }
.pb45,.py45{ padding-bottom:45px; }
.pb50,.py50{ padding-bottom:50px; }

.p0_5{ padding:0 5px; }

.p5_0{ padding:5px 0; }
.p10_0{ padding:10px 0; }
.p15_0{ padding:15px 0; }
.p20_0{ padding:20px 0; }


.p0_10{ padding:0 10px; }
.p5_10{ padding:5px 10px; }

.p10_40{ padding:10px 40px; }
.p15_40{ padding:15px 40px; }
.p20_40{ padding:20px 40px; }

/*--------------------------------------------
	その他
--------------------------------------------*/
.ta_c{ text-align:center; }
.ta_l{ text-align:left; }
.ta_r{ text-align:right; }

.va_c{ 
	display: table-cell;
	vertical-align:middle;
}

.flex{ display:flex; }
.align-items-center{ align-items:center; }
.justify-content-center{ justify-content:center; }
@media only screen and (max-width:576px){
	.flex{ flex-wrap:wrap; }
	.flex div{
		width:100%;
	}
}

.flex1{ flex:1; }
.flex2{ flex:2; }
.flex3{ flex:3; }
.flex4{ flex:4; }
.flex5{ flex:5; }

.red{ color:#FF0000; }
.yellow{ color:#FCEE21; }
.orange{ color: #ea5304; }
.bk{ color:black!important; }
.wt{ color:white!important; }

.fs8{ font-size:8pt; }
.fs9{ font-size:9pt; }
.fs10{ font-size:10pt; }
.fs10_5{ font-size:10.5pt; }
.fs11{ font-size:11pt; }
.fs12{ font-size:12pt; }
.fs13{ font-size:13pt; }
.fs14{ font-size:14pt; }
.fs15{ font-size:15pt; }
.fs16{ font-size:16pt; }
.fs17{ font-size:17pt; }
.fs18{ font-size:18pt; }
.fs20{ font-size:20pt; }
.fs21{ font-size:21pt; }
.fs22{ font-size:22pt; }
.fs24{ font-size:24pt; }
.fs26{ font-size:26pt; }
.fs28{ font-size:28pt; }
.fs30{ font-size:30pt; }
.fs32{ font-size:32pt; }
.fs40{ font-size:40pt; }
.small{ font-size:.9rem; }

.strong{
	font-size:1.2em;
	font-weight:bold;
}

.palt{ font-feature-settings: "palt"; }
@media only screen and (min-width:992px){
	.pc-palt{ font-feature-settings: "palt"; }
}
@media only screen and (max-width:576px){
	.sp-palt{ font-feature-settings: "palt"; }
}
/*--------------------------------------------
	PC用
--------------------------------------------*/
@media only screen and (min-width:992px){
	.pc-none{ display:none; }
	.sp-only{ display:none; }
}
/*--------------------------------------------
	TAB用
--------------------------------------------*/
@media only screen and (min-width:768px) and (max-width:991px){
	#side-icons{ display:none; }
	.sp-only{ display:none; }
	.pc-only{ display:none; }
}
/*--------------------------------------------
	ファブレット用
--------------------------------------------*/
@media only screen and (min-width:577px) and (max-width:767px){
	#side-icons{ display:none; }
	.pc-only{ display:none; }
	.sp-none{ display:none; }
}
/*--------------------------------------------
	スマホ用
--------------------------------------------*/
@media only screen and (max-width:576px){
	.dnone{ display:none; }
	.sp-none{ display:none; }
	.pc-only{ display:none; }
}


/**/
.voice-archive-block {
	display: grid;
	grid-template-columns:repeat(auto-fit, minmax(180px,1fr));
	gap: 10px;
}
.voice-archive-box {
	text-align: center;
}
.voice-archive-box .voice-author {
	position: relative;
	overflow: hidden;
	border-radius: 50%;
}
.voice-archive-box .voice-author:before {
	content: "";
	display: block;
	padding-top: 100%;
}
.voice-archive-box .voice-author img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	object-fit: cover;
}
.voice-archive-box p.author-info a {
	text-decoration: none;
	color: #1e1e1e;
}
@media only screen and (min-width:769px){
	.eraberu-block {
		background-image: url(newhp/img/eraberu-bg.webp);
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}
}