@charset "utf-8";
/* CSS Document */


#top #container {
top: -40px;
}
@media screen and (max-width: 940px){
#top #container {
top: 0px;
margin-bottom:20px;
}
#top_main{
padding: 0px 0 20px;
box-shadow: inset 0 3px 3px -3px rgb(0 0 0 / 20%);
}
}

@media screen and (max-width: 660px){
#top_main{
padding: 0px 0 10px;
}
}


#top_mainbanner {
width:100%
}

#top_mainbanner img{
width:100%
}



h3{
font-size: 128.6%;
line-height: 120%;
margin: 35px 0px 25px 5px;
padding: 0;
font-weight: lighter;
padding: 2px 0px 0px 6px;
border-left: #e56ecb solid 3px;
}

.box16 {
padding: 2em;
margin: 2em 0;
background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}

.box16 dt{
color: #e56ecb;
font-weight:bold;
}


p.yubi {
font-size: 16px;
font-weight: bold;
margin: 0 20px 10px 10px;
padding: 30px 0 10px 69px;
border-bottom: 1px dotted #CCC;
background-image:url("../images/yubi.png");
background-repeat: no-repeat;
background-position: 0;
}


#zaitaku{
margin:0 10px;
}

#zaitaku dt{
font-weight:bold;
color:red;
}

#zaitaku dd{
padding: 0px;
}

h4.icon_ttl{
clear: both;
font-size: 121.4%;
line-height: 120%;
margin: 40px 0px 10px;
font-weight: lighter;
border-bottom: 1px dotted #ccc;
padding: 5px 0 5px;
color: #e56ecb;
}



#top_info{
position: relative;
}


#top_info .info_box{
display: block;
overflow: hidden;
padding: 0px;

}
 .info_ttl{
margin: 0px 0px 5px;
padding: 0px 0px 2px;
display: block;
line-height: 1.5em;
font-size: 114.3%;
font-weight: lighter;
border-bottom: 1px dotted #ccc;
position: relative;
}
.info_ttl a{
color: #666;
text-decoration:none;
}


.rssBtn {
position: absolute;
top: 10px;
right:8px;
}

.rssBtn a {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-right: 10px;
    padding: 1px 8px;
	background: #90c0e5;
color: #fff;
    font-family: 'Lato', sans-serif;
    line-height: 24px;
    font-weight: bold;
    text-decoration: none;
    padding: 0px 10px;
    position: relative;
}


.info_date{
margin-bottom: 4px;
color:#e56ecb;
margin-right: 8px;
font-size: 14px;
}
.info_date:before {
content: "\f073";
font-family: "Font Awesome 5 Free";
font-weight: 900;
padding-right: 5px;
}

.info_text{
line-height:1.7;
font-size:16px;
}
@media screen and (max-width: 960px){
.info_text{
line-height:1.7;
font-size:14px;
}
}
.info_more a,
.go_ichiran a{
color:#666;
text-decoration: none;
text-align: center;
margin-top: 10px;
display: inline-block;
overflow: hidden;
font-size: 14px;
line-height: 1.5em;
text-decoration: none;
padding: 5px 0px;
}
.info_more a:after,
.go_ichiran a:after{
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f138";
padding: 2px 2px 0 4px;
color: #e56ecb;
}

.go_ichiran{
text-align: right;
}


#bana_cashless{
position: relative;
}

#bana_cashless a {
display:block;
font-size:16px;
font-weight:700;
letter-spacing: -0.5px;
border:#b2d3ed solid 4px;
padding:16px 20px 16px 50px;
text-align:center;
color:#222;
text-decoration:none;
background-color:#fff;
}

#bana_cashless a:hover{
background-color:#ebf6ff;
}

#bana_cashless a i{
color:#2298f2;
}

#bana_cashless img{
position: absolute;
width:86px;
z-index:999;
top: calc( 50% - 10px );
left: calc( 50% - 210px );
transform: translate(-50%, -50%);
}

@media screen and (max-width: 680px){
#bana_cashless a {
font-size:15px;
padding:6px 8px 6px 36px;
border:#b2d3ed solid 3px;
}
#bana_cashless img{
width:70px;
left: calc( 50% - 180px );
}
}

@media screen and (max-width: 480px){
#bana_cashless a {
font-size:14px;
padding:6px 8px 6px 30px;
}
#bana_cashless img{
width:70px;
left: calc( 50% - 110px );
}
}