@charset "utf-8";

a {outline: none;}
a:link {text-decoration: none; color: #333333;}
a:visited {text-decoration: none; color: #333333;}
a:hover {text-decoration: none; color: #af1d20;}
a:active {text-decoration: none; color: #af1d20;}
a:hover img{opacity:0.7; filter:alpha(opacity=70); -ms-filter:“alpha(opacity=70)”;}
a:focus{ outline:none; }

/*==========================================
 oder
===========================================*/
a.oder{display: inline-block;
width: 100%;
margin: 18px auto;
padding: 8px 0;
border: 1px solid #cccccc;
background-color:#1b479b;
color: #ffffff;
text-align: center;
font-size: 1.28em;
font-weight: normal;
text-decoration: none;
line-height: 2;
letter-spacing:2px;
transition: .3s;
}
a.oder span{display: block; font-size: 1em;}
a.oder .fas{margin:0 4px 0;}

/*==========================================
 oder-bt
===========================================*/
a.oder-bt{display: inline-block;
width: 100%;
margin: 18px auto;
padding: 8px 0;
border: 1px solid #af1d20;
background-color:#e81c25;
color: #ffffff;
text-align: center;
font-size: 1.48em;
font-weight: normal;
text-decoration: none;
line-height: 2;
letter-spacing:2px;
transition: .3s;
}
a.oder-bt span{display: block;}


/*==========================================
 btn000
===========================================*/
a.btn000{display: inline-block;
width: 100%;
margin: 28px auto 18px;
padding: 8px 0 8px;
border: 1px solid #af1d20;
background-color:#af1d20;
color: #ffffff;
text-align: center;
font-size: 1.48em;
font-weight: normal;
text-decoration: none;
line-height: 2;
letter-spacing:2px;
transition: .3s;
}
a.btn000 span{display: block; font-size: 0.8em;}

/*==========================================
 btn001
===========================================*/
a.btn001{display: inline-block;
width: 100%;
margin: 8px auto 8px;
padding: 18px 0 18px;
border: 1px solid #888888;
background: transparent;
color: #888888;
text-align: center;
font-size: 1.08em;
/*font-weight: bold;*/
text-decoration: none;
line-height: 2;
letter-spacing:1px;
transition: .4s;
}
a.btn001 span{display: block; font-size: 0.8em;}

/*==========================================
 btn002 iOS
===========================================*/
a.btn002{display: inline-block;
width: 100%;
margin: 4px auto;
padding: 8px 0;
border: 1px solid #ffffff;
background-color:#f29301;
color: #ffffff;
text-align: center;
font-size: 1.48em;
font-weight: bold;
text-decoration: none;
line-height: 1.5;
letter-spacing:2px;
transition: .3s;
}
a.btn002 span{display: block; font-size: 1em; font-weight:normal; color: #ffffff;}


/*==========================================
 btn003 android
===========================================*/
a.btn003{display: inline-block;
width: 100%;
margin: 4px auto;
padding: 8px 0;
border: 1px solid #ffffff;
background-color:#a3c938;
color: #ffffff;
text-align: center;
font-size: 1.48em;
font-weight: normal;
text-decoration: none;
line-height: 1.5;
letter-spacing:2px;
transition: .3s;
}
a.btn003 span{display: block; font-size: 1em; font-weight:normal;}

/*==========================================
 btn004 PC
===========================================*/
a.btn004{display: inline-block;
width: 100%;
margin: 4px auto;
padding: 8px 0;
border: 1px solid #ffffff;
background-color:#247dd7;
color: #ffffff;
text-align: center;
font-size: 1.48em;
font-weight: normal;
text-decoration: none;
line-height: 1.5;
letter-spacing:2px;
transition: .3s;
}
a.btn004 span{display: block; font-size: 1em; font-weight:normal;}

/*==========================================
 btn005
 ===========================================*/
a.btn005{display: inline-block;
width: 100%;
margin: 4px auto;
padding: 8px 0;
border: 1px solid #ffffff;
background-color:#247dd7;
color: #ffffff;
text-align: center;
font-size: 1.18em;
font-weight: bold;
text-decoration: none;
line-height: 2;
letter-spacing:3px;
transition: .3s;
}


/*==========================================
 banner000
===========================================*/
a.banner000:hover {border: 1px solid #ffffff;
background: #ffffff;
color: #ffffff;
}

/*==========================================
 banner001
===========================================*/
a.banner001 {
position: relative;
z-index: 2;
}
a.banner001::after {
display: block;
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 0;
height: 0;
margin: auto;
background: rgba(85,85,85,.4);
transition: .3s;
}
a.banner001:hover::after {
width: 100%;
height: 100%;
}
/*==========================================
 banner_ov
===========================================*/
a.banner_ov:hover {opacity: 0.4;
border: 1px solid #ffffff;
}


/*==========================================
 Bread
===========================================*/
.bread{margin-top:4px; margin-bottom:8px; margin-left:auto; margin-right:1px;}
.bread ol{margin:0; padding:0; list-style: none;}
.bread li a{display: inline-block;
padding: 5px;
color: #888888;
font-size: 0.88em;
text-decoration: none;}
.bread li a:hover{color: #be4238; text-decoration: underline;}
.bread ol:after{content: "";
display: block;
clear: both;}
.bread li{float: left; width: auto;}
.bread li:after	{content: '\003e';
margin-left: 10px;
margin-right: 10px;
color: #888888;}


/*==========================================
 pagetop
===========================================*/
#pagetop {position: fixed; bottom: 8px; right: 8px;}
#pagetop .fas{color:#ffffff;}
#pagetop a {background: #888888;
box-shadow: 1px 1px 4px #333333;
text-decoration: none;
color: #ffffff;
height:48px;
width: 48px;
text-align: center;
margin: 0 auto 0 auto;
padding: 10px 0 0 0;
border-radius: 40px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;}
#pagetop a:hover {text-decoration: none; background: #f29301;}