@charset "UTF-8";
/* storespaySP.css */

#cashlessheader {
  margin: 0 0 46px; 
}

#cashlessMain .spVisual {
display: block;
}

#cashlessMain .spVisual img{
width: 100%;
}


#cashlessMain .pcVisual {
  display: none;
}

.cashlessread{
margin: 0 20px;
text-align: center;
}

#cashlessheader .cashlessread .readtext,
#campaignAbout .readtext{
font-size: 2.2rem;
line-height: 1.3;
}
.cashlessread .readtext p{
text-align: center;
}

.cashlessread p{
text-align: left;
}

#overviewInner{
width: auto;
margin: 30px 20px;
padding: 30px 10px;
}

#faqInner{
width: auto;
margin: 30px 20px;
padding: 30px 10px 10px 20px;
line-height: 1.6;
}

#overviewInner .joining ol{
margin: 0;
}

#overviewInner .joining li{
line-height: 1.5;
padding: 0 0 20px 30px;
}

#overviewInner .benefit{
display: block;
margin: 30px 0;
}

#overviewInner .benefit01,
#overviewInner .benefit02{
width: auto;
margin: 40px 10px;
}
#overviewInner .benefit img{
margin: 20px 0 0;
}

#overviewInner .info dl{
line-height: 1.6;
}

#overviewInner .date{
width: auto;
padding: 0;
}

#overviewInner .date dl{
font-size: 2.2rem;
padding-left: 95px;
}

#overviewInner .date dt{
font-size: 1.8rem;
padding: 4px 6px;
}

#overviewInner .benefit02Box{
display: block;
text-align: center;
}

#overviewInner .support{
text-align: left;
}

#cashlessmain h2{
font-size: 3rem;
padding: 0;
}

#cashlessmain .uline{
padding: 0;
}

.btnpink a{
width: auto;
margin: 0 20px;
font-size: 2rem;
line-height: 1.2;
}

#aboutInner .description{
display: block;
}

#aboutInner, #flowInner,
#aboutInner .descriptionText{
width: auto;
padding: 20px 0;
text-align: center;
}

#aboutInner .description{
display: block;
margin: 20px;
}

#aboutInner .reasonSection,
#aboutInner .paymentSection{
width: auto;
margin: 30px;
}

#aboutInner .reason, 
#aboutInner .payment{
display: block;
}

#campaignOverview, 
#campaignAbout, 
#campaignFlow, 
#campaignFaq, 
#application{
padding-top: 20px;
}

#flowInner li{
margin: 20px;
}

#flowInner dt{
width: 100px;
font-size: 1.5rem;
}

#flowInner dd{
width: 300px;
line-height: 1.4;
}

#flowInner li:after{
border-width:15px 40px 0 40px;
}

#applicationInner{
width: auto;
margin: 0 20px;
line-height: 1.6;
}

#applicationInner dl{
padding: 10px 0;
font-size: 26px;
margin: 0;
}
#applicationInner dd{
line-height: 1.8;
}

#applicationInner ul,
#netshopInner ul{
width: auto;
}

#applicationInner dt{
position: initial; 
}

.supportbtn{
display: block;
}

.btnblue a{
width: auto;
margin:0;
}

#flowInner h4, 
#applicationInner h4{
line-height: 1.4;
}

#applicationInner p{
margin: 10px 0;
}

#netshopInner{
margin: 20px;
width: auto;
padding: 0 20px 20px 20px;
}

#netshopInner .title{
font-size: 2rem;
width: auto;
top:-20px;
}

#netshopInner .readtext{
width: auto;
}

#netshopInner .btnpink a{
width: auto;
margin: 0;
}

#netshopInner .spVisual {
display: block;
margin-bottom: 20px;
}

#netshopInner .pcVisual {
display: none;
}