@charset "utf-8";
/* CSS Document */
html {overflow-y: scroll;}

/* ----------------------------------------
				all page
   ---------------------------------------- */
a { color:#bd1a20; }
a:hover { color:#333; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; -ms-transition:0.5s;}
html{ font-size: 15px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
dt , dd { line-height:1.5em;}
.floatLeft{float:left;}
.clear{clear:both;}
#modoru .btnY{
	width:50%;
	margin:0 0 0 25%;
}

#modoru { display:block; height:55px;}

/*前のページへ戻るボタンと契約店専用ページTOPへボタン*/
.pageModoru { display:block; height:120px;}
/*前のページへ戻る*/
#pageBack .btnY{
	width:50%;
	margin:0 0 0 25%;
}
/*契約店専用ページTOPへ*/
#pageBack { display:block; height:60px;}
#pageTop .btnY{
	width:50%;
	margin:0 0 0 25%;
}
#pageTop { display:block; height:60px;}

.modoruBtn { float:left;}

.parent ,
.parentIndex{ width:100%;  }
.inner , #footerRight {
    max-width: 960px;
	padding:0 2%;
    height: auto;
    top: 10%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;}
.fadein.scrollin { opacity : 1; transform : translate(0, 0);}
h1 img{ padding:2% 0 20px 10%; max-width:31%; min-width:200px; height:auto;}

@media screen and (max-width: 960px) {
.parent{ margin-top:40px; }
.parentIndex{ margin-top:0; }
}

/* ----------------------------------------
					scroll bar
   ---------------------------------------- */
.scroll{overflow-x:scroll;}
.scroll::-webkit-scrollbar{width:12px;}
.scroll::-webkit-scrollbar-track{background:#dddddd;}
.scroll::-webkit-scrollbar-thumb{background:#999;}

/* ----------------------------------------
					footer
   ---------------------------------------- */
#footer { height:420px; background:url(../images/footerCoin.png) no-repeat top center;}
#footer p {	text-align:center; }
#footer #footerLeft {
	float:left;
	margin-top:150px;
	width:44%;
	height:100%;
	padding:20px 2% 0 2%;
	background:url(../about/images/alphabg_footer.png) repeat;
}
#footer #footerRight {
	float:left;
	margin-top:150px;
	width:50%;
	height:100%;
	padding:20px 1% 0 1%;
	background:#fff;
}
#footerLogo {
	display: block;
	margin:0 auto 20px auto;
	max-width:303px;
}
#footer ul { clear:both;}
.inline { text-align: center; overflow:hidden; } /* バナー中央寄 */
#footer .inline li {
	display: inline-block;
	vertical-align:middle;
	margin:auto;	
}
#footer .inline .footerImgWaku {
	padding:5px 4%;
	margin:0 1% 10px 1%;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	background:#fff;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(border-radius.htc);
}
#footer .inline #secomWaku {
	padding:1px 3%;
	margin:0 0 10px 0;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	background:#fff;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(border-radius.htc);
}
#footer .inline #kikinborder {
	padding:9px 3%;
	margin:0 1% 10px 0;
	background:#fff;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(border-radius.htc);
	border:3px #f9c solid;
}
#footer .inline #footerCovid19 {
	margin-bottom: 8px;
}
#footerRight dl {
	width:40%;
	float:left;
	display:block;
	margin:0 0 0 6%;
	padding:0 0 5px 0;
	line-height:1.5em;
}
#footerRight a dt{
	padding:7px 0 0 0px;
	margin:10px 0;
	width:auto;
	background:#fff;
	border-bottom:3px solid #bbb;
	font-weight:bold;
    -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; -ms-transition:0.5s;
}
#footerRight a dt:hover{
	padding:7px 0 0 8px;
	border-bottom:3px solid #bd1a20;
}
#footerRight a dd {
	padding:3px 0 0 20px;
    -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; -ms-transition:0.5s;
}
#footerRight a dd:hover {
	padding:3px 0 0 28px;
}
#footerRight p {
	font-size:20px;
	font-weight:bold;
	color:#333;
}
#footerCopy {
	clear:both;
	width:80%;
	padding:10px 10%;
	font-size:14px;
	line-height:1.5em;
	color:#fff;
	background:#fff;
	text-align:center;
}
#footerCopy p{
	padding-bottom:5px;
	color:#000;
}
#footerCopy a{
	font-size:14px;
	color:#fff;
	line-height:1.5em;
}
#enjoyText {
	display: block;
	font-size:18px;
	font-weight:bold;
	padding: 9px 3%;
	background: #fff;
	border-radius: 5px;
	border: 3px #ddd solid;
	width: 270px;
	margin: auto;

}
#cardText {
	display: block;
	font-size:13px;
	font-weight:bold;
	padding: 9px 3%;
	background: #fff;
	border-radius: 5px;
	border: 3px #ddd solid;
	width: 270px;
	margin: 0 auto 10px;
	text-align:left !important;
	line-height: 1.5em;
}

#footerLeft ol{ display:block; }

#fotterHome {
	float:left;
	margin-top:10px;
	padding:5px 15px 5px 0;
	color:#d00;
	background:#fff;
	border:2px solid #d00;
	font-size:14px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(border-radius.htc);
    -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; -ms-transition:0.5s;
}
#fotterHome:hover {
	background:#f66;
	color:#fff;
}
#fotterHome img{
	float:left;
	padding:2px 5px 0 10px;
}

@media screen and (max-width: 1000px) {
#footer { height:650px;}
#footerLogo {
	width:75%;
}
#footerRight dl {
	width:85%;
	float:none;
	padding:0;
}
#fotterHome { display:none;}

}
@media screen and (max-width: 680px) {
h1 img{ padding:2% 0 0 10%; }

#footer { height:auto; padding:12px 0 0 0;}
#footerLogo {float:none;}
#footer .inline li {padding:5px 4.6%;}
#footer #footerLeft {
	float:none;
	width:96%;
	height:420px;
	padding:30px auto;
	text-align:center;
}
#footer #footerRight {
	width:100%;
	padding:30px 0;
	background:#fff;
	margin-top:0;
}
#footerRight p { display:none; }
#footerRight dl {
	width:88%;
}
#footerRight a dt{
	padding:7px 0 3px 20px;
	margin:10px 0;
	background:#fdd;
	border-bottom:none
}
#footerRight a dt:hover{
	padding:7px 0 3px 25px;
	background:#f66;
	color:#fff;
	border:none;
}
#enjoyText { padding:10px 3% ;}
#footer .inline .footerImgWaku img { max-height:70px; padding:0 6%;}
}
@media screen and (max-width: 480px) {
#footer .inline #kikinborder img{ max-height:40px;}
#footer .inline .footerImgWaku {
	max-height:90px;
}
}


/* ----------------------------------------
					delay
   ---------------------------------------- */
.delay { opacity: 0;}
.delay:nth-child(1) {
  -webkit-animation: example 0.5s ease 0.5s 1 forwards;
  animation: example 1s ease 0.5s 1 forwards;
}
.delay:nth-child(2) {
  -webkit-animation: example 0.5s ease 0.7s 1 forwards;
  animation: example 1s ease 0.7s 1 forwards;
}
.delay:nth-child(3) {
  -webkit-animation: example 0.5s ease 0.9s 1 forwards;
  animation: example 1s ease 0.9s 1 forwards;
}
.delay:nth-child(4) {
  -webkit-animation: example 0.5s ease 1.1s 1 forwards;
  animation: example 1s ease 1.1s 1 forwards;
}
.delay:nth-child(5) {
  -webkit-animation: example 0.5s ease 1.3s 1 forwards;
  animation: example 1s ease 1.3s 1 forwards;
}
@-webkit-keyframes example {
  100% { opacity: 1;}
}
@keyframes example {
  100% { opacity: 1; }
}

/* ----------------------------------------
				page top
   ---------------------------------------- */
#page-top {
    position: fixed;
    bottom: 0;
    right: 0;
	z-index:999;
}
#page-top a {
	background:#aaa;
	text-decoration: none;
	color: #fff;
	font-size:20px;
	padding: 10px;
	text-align: center;
	display: block;
	opacity:1.0;
}
#page-top a:hover {
	padding: 10px 10px 30px 10px;
	text-decoration: none;
	opacity:1;
}


/* ako-dexion */
.arrowYelow { padding-right:5px; color:#ffca12; font-weight:bold; font-size:13px;}
.displayNone {display: none;}
.switch {
	padding:10px 0 ;
	cursor:pointer;
}
.accordion {
	width:95%;
	padding: 10px 0 10px 5%;
	color:#fff;
	font-size:16px;
	border-bottom:1px dotted #ececec;
	background:url(../images/tesssss.png) no-repeat right top;
    -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; -ms-transition:0.5s;
}
.accordion:hover { background-color:#fff; color:#bd1a20;}
.acOnmouse {
	display:inline-block;
	width:84%;
	margin-top:10px;
	padding:10px 0 10px 10px;
	background:#fff;
	color:#bd1a20;
    -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; -ms-transition:0.5s;
}
.acOnmouse:hover { background:#f66;color:#fff; padding:10px 0 10px 15px;}

#slideMenu a:hover {color:#bd1a20;}
#contentWrap span  { padding:10px 0;}