@charset "UTF-8";

.cashless-title {
	display: block;
	width: 100%;
	margin: 0 auto 20px auto;
	padding: 0;
}

.cashless-layout {
    margin: 0;
    padding: 10px;
    border: solid 1px #bbb;
    border-radius: 8px;
    background: #fff;
}

.cashless-layout ul {
    display: block;
    margin: 0;
    padding: 0;
	text-align: center;
}

.cashless-layout li {
    display: block;
    width: 60%;
    margin: 0 auto 20px auto;
    padding: 4px 10px;
    border-radius: 8px;
}

.cashless-layout li img {
    display: block;
    width: 100%;
    margin: 20px auto;
    padding: 0;
    border: solid 1px #bbb;
}


.title {
    font-size: 200%;
    color: #040;
    margin: 6px 0;
    padding: 0;
}

@media screen and (max-width: 1279px){
.cashless-layout-l {
    display: inline-block;
    width: 69%;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

.cashless-layout-r {
    display: inline-block;
    padding: 0 6px;
}

@media screen and (max-width: 600px){
.cashless-title {
	display: block;
	width: 100%;
	margin: 0 auto 10px auto;
	padding: 0;
}

.cashless-layout-l,
.cashless-layout-r {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0;
		text-align :center;
}

.cashless-layout-r {
    margin: 10px 0;
}


.cashless-layout li {
	display: block;
    width: auto;
    margin:  4px 0;
    padding: 0;
}    

.cashless-layout li img {
    width: 100%;
}    

.title {
    font-size: 160%;
    color: #040;
    margin: 6px 0;
    padding: 0;
}

.banner {
    margin: 20px 0;
}

}