@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900');
/*------------------------------------base*/
body{
font-family: 'Noto Sans JP', sans-serif;
font-size:100%;
text-align: left;
-webkit-text-size-adjust: none;
background: linear-gradient(to right, #3b3761 0%, #1f1e3b 100%);
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.flex{display:flex; justify-content: space-between; flex-flow:row wrap;}

img{width:100%;height:auto;}
a{color:#b41e28; display:inline-block;
 -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a:hover{opacity:0.6;}


/* アスタリスク　注釈用 */
ul.ast {	list-style: none;margin: 0;text-align: left;}
ul.ast li {	margin: 0 0 0.125em 0;	padding-left: 1em;	text-indent: -1em; font-size:75%;}
ul.ast li:before {	content: "\203b";	}

/* 中黒　 */
ul.dot {	list-style: none;margin:0;text-align: left;}
ul.dot li {	margin: 0 0 0.5em 0;	padding-left: 1em;	text-indent: -1em;}
ul.dot li:before {	content: "\30FB";	}


/*------------------------------------*/
#header_upper{padding:0.75em;position: absolute;margin:auto;left:0;right:0;top:0;z-index: 1}
#header_upper .inner{justify-content: space-between;z-index:1;}
#logo{width:77px;}

section{position:relative;max-width:1000px;padding: 0;	margin: 0 auto 6em auto;z-index: 2}
section .inner{padding:6%;margin:0 1em;background: #fff;}


@media screen and (max-width: 800px) {
section .inner{padding:2em;margin:0 1em;background: #fff;}
}

header{ text-align: center;margin:3em 1em 4em 1em;}
header h1{max-width:870px;  margin:auto;}

h2{font-size:123%;margin:3em 0 0.5em 0;font-weight:700;color:#b41e28;}
h3{font-size:123%;margin:0 0 1em 0;font-weight:700;color:#b41e28;text-align: center;}
P{margin:0 0 1em 0}


P.eraberu_pay{margin:2em 1em 2em 1em;}
.graywrap{background: #f0f0f0;padding:4%;}

span.notice{font-size:95%;color:#b41e28;}

/*フッター*/
footer{background: #1a1a1a;}

footer .footer_title_wrap{background: url(../img/bg_red_danon.jpg) top center no-repeat;  background-size: cover;padding:4% 2% 3% 2%;}

footer .footer_outer_wrap:before{
content: "";
    width: 100%;
    height: 4px;
    background: url(../img/footer_line.png) top center no-repeat;
    background-size: cover;
    display: block;
}
footer .footer_outer_wrap:after{
content: "";
    width: 100%;
    height: 4px;
    background: url(../img/footer_line.png) top center no-repeat;
    background-size: cover;
    display: block;
}
footer .footer_title_wrap .footer_title{max-width:980px;margin:0 auto 3.5em auto;padding:0;}
footer .footer_title_wrap p.here{margin:0 0 2em 0;}
footer .footer_title_wrap p.here a{display: block;max-width:630px;margin:0 auto 2em auto;}
footer .footer_title_wrap P.notice{font-size:66%;color:#fff;text-align: center;}

footer .inner{padding:1% 2% 2% 2%;}

footer .footer_link{font-size:88%;margin:0 auto 2em auto;font-weight:500;}
footer .footer_link ul{ justify-content:center;align-items: center;}
footer .footer_link a{text-decoration:none;color:#fff;}
footer .footer_link ul li.bar{font-size:122%;color:#fff;margin:0 0.5em;}

footer .footer_logo_copyright{max-width:1000px;margin:0 auto 1em auto;}

footer .footer_logo_copyright a{flex-basis:100px; }


footer .footer_logo_copyright .copyright{font-size:77%; color:#fff;text-align: center;padding:1%;}




#totop {z-index: 100;
    position: fixed;
    bottom:0em;
    right: 1em;
}
#totop a {
    width: 40px;
    display: block;
}