@charset "utf-8";

/* base
--------------------------------------------------*/
.apple_pay img{
vertical-align:bottom;
}

.apple_pay button{
font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
}


/* structure
--------------------------------------------------*/
.apple_pay .m_hdg-6 .region .content{
font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
font-size:125%;
}

.apple_pay .section-container{
width:auto;
}

.section-1{
background:#fafafa;
}

.section-2,
.section-3{
background:#fff;
}

.section-1 > .inner,
.section-2 > .inner{
margin:0 auto;
padding:70px 0;
max-width:960px;
}

.section-1.type-1 > .inner,
.section-2.type-1 > .inner{
padding-bottom:0;
}

.section-1 > .inner > *:last-child,
.section-2 > .inner > *:last-child,
.section-3 > .inner > *:last-child,
.section-4 > .inner > *:last-child{
margin-bottom:0 !important;
}

.section-3 > .inner{
margin:0 auto;
padding:40px 0 70px;
max-width:960px;
}

.section-4 > .inner{
margin:0 auto;
max-width:960px;
}

.section-1 > .inner h2.hdg,
.section-2 > .inner h2.hdg{
margin-bottom:35px;
font-size:237.5%;
}


/* layout
--------------------------------------------------*/
.lyt-main{
margin:40px auto 0;
padding:10px 0 0 330px;
position:relative;
max-width:960px;
min-height:395px;
box-sizing:border-box;
background:#fff;
}

.lyt-main > *:last-child{
margin-bottom:0 !important;
}

.lyt-main .image{
position:absolute;
top:10px;
left:15px;
}

.lyt-main .hdg{
margin:82px 0 60px;
text-align:center;
}

.lyt-image{
display:table;
width:100%;
}

.lyt-image .image,
.lyt-image .desc{
display:table-cell;
vertical-align:middle;
}

.lyt-image.type-1 .image{
padding-right:45px;
}

.lyt-image.type-1 .image._adjust{
padding-right:0;
padding-left: 45px;
}

.lyt-image.type-1 .image img{
max-width:none;
}

.lyt-image.type-2 .image{
padding-left:45px;
}

.lyt-image.type-3{
direction:rtl;
}

.lyt-image.type-3 > *{
direction:ltr;
}

.lyt-image.type-3 .image{
padding-right:45px;
}

.lyt-image.type-3 .image img{
max-width:none;
}

.lyt-col{
margin-bottom:20px;
}

.lyt-col > *{
padding:0 15px;
display:table-cell;
vertical-align:middle;
}

.lyt-col > *:first-child{
padding-right:0;
padding-left:0;
}

.lyt-col > *:last-child{
padding-right:10px;
}

.lyt-col img{
max-width:none;
}


/* note
--------------------------------------------------*/
.note-1{
padding-left:1em;
text-indent:-1em;
font-size:75%;
}

.notes p{
font-size:75%;
}


/* list
--------------------------------------------------*/
.list-logo-1{
display:table;
text-align:center;
margin:0 auto;
}

.list-logo-1 li{
padding:20px 0 12px 32px;
border-left:1px solid #979291;
display:table-cell;
}

.list-logo-1 li:first-child{
padding-right:32px;
padding-left:0;
border-left:none;
}

.list-logo-1 li img{
vertical-align:top;
}

.list-logo-2 li{
padding-right:25px;
display:inline-block;
}

.list-logo-2 li:last-child{
padding-right:0;
}

.list-desc dt{
margin-bottom:10px;
font-size:125%;
font-weight:bold;
}

.list-desc dd{
margin-bottom:25px;
}

.list-desc dd:last-child{
margin-bottom:0;
}

.list-desc dd > *:last-child{
margin-bottom:0;
}

.list-faq{
border-bottom:1px solid #ccc;
}

.list-faq dt{
position:relative;
border-top:1px solid #ccc;
}

.list-faq dt:before{
margin-top:-15px;
position:absolute;
top:50%;
right:20px;
content:"";
width:30px;
height:30px;
box-sizing:border-box;
border-radius:15px;
border:1px solid #999;
display:block;
}

.static .list-faq dt:before{
display:none;
}

.list-faq dt > button,
.list-faq dt > span{
padding:30px 60px 30px 0;
position:relative;
display:block;
border:none;
width:100%;
box-sizing:border-box;
font-size:150%;
background:none;
text-align:left;
line-height:1.5;
}

.list-faq dt > button{
cursor:pointer;
}

.list-faq dt > button:before,
.list-faq dt > button:after{
position:absolute;
top:50%;
content:"";
display:block;
background:#999;
}

.list-faq dt > button:before{
margin-top:-1px;
right:28px;
width:14px;
height:2px;
}

.list-faq dt > button:after{
margin-top:-7px;
right:34px;
width:2px;
height:14px;
}

.list-faq dt > button.open:after{
display:none;
}

.list-faq dd{
padding-bottom:35px;
}

.list-faq dd > *:last-child{
margin-bottom:0;
}

.static .list-faq dd.tgl-content{
display:block;
}

.list-faq dd.tgl-content{
display:none;
}

.list-faq dd.tgl-content.open{
display:block;
}

.list-alignment-1,
.content .list-alignment-1{
margin:15px 0 30px;
}

.list-alignment-1 li{
vertical-align:middle;
margin:15px 20px 0 0;
display: inline-block;
}

.list-alignment-1 li:last-child{
margin-right:0;
}


/* link
--------------------------------------------------*/
.link-video-1{
background-color:#57585c;
border-radius:6px;
min-width:215px;
min-height:57px;
display:block;
overflow:hidden;
position:relative;
}

.se .link-video-1:link,
.se .link-video-1:visited{
color:#fff;
}

.link-video-1:before{
content:"";
display:block;
position:absolute;
}

.link-video-1:before{
background:url(/apple_pay/images/ico-video-1.png) no-repeat 16px center #37383d;
width:65px;
top:0;
bottom:0;
left:0;
z-index:1;
}

.link-video-1 .sub,
.link-video-1 .label{
padding:0 14px;
margin-left:65px;
display:block;
}

.link-video-1 .sub{
font-size:87.5%;
padding-top:10px;
}

.link-video-1 .label{
font-weight:bold;
font-size:112.5%;
padding-bottom:10px;
}

.link-video-1[target="_blank"] .icon-sup{
position:absolute;
top:-9999px;
left:-9999px;
}


/* table
--------------------------------------------------*/
.tbl-shop{
width:100%;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

.tbl-shop th{
padding:17px 15px;
border-left:1px solid #cccccc;
border-top:1px solid #cccccc;
font-weight:bold;
background:#fff;
}

.tbl-shop thead th{
text-align:center;
}

.tbl-shop tbody th{
width:15%;
font-size:81.25%;
}

.tbl-shop th.type-1{
width:auto;
border-left:none;
font-size:75%;
font-weight:normal;
}

.tbl-shop th.type-2{
padding-top:0;
width:auto;
border-top:none;
border-left:none;
font-size:75%;
font-weight:normal;
}

.tbl-shop th.type-3{
padding-top:0;
border-top:none;
font-size:75%;
font-weight:normal;
}

.tbl-shop th.type-4{
padding-top:0;
border-top:none;
border-left:none;
font-size:75%;
font-weight:normal;
}

.tbl-shop td{
padding:20px;
border-left:1px solid #cccccc;
border-top:1px solid #cccccc;
background:#fff;
font-size:75%;
text-align:center;
}

.tbl-shop td.type-1{
padding-top:0;
border-top:none;
}

.tbl-shop .bt{
padding-top:20px;
border-top:1px solid #cccccc;
}

.tbl-shop th p,
.tbl-shop td p,
.tbl-shop td div{
display:table-cell;
width:135px;
vertical-align:middle;
}

.tbl-shop th p{
width:300px;
}



/* unique
--------------------------------------------------*/
.apple_pay .animation{
margin-bottom:0;
position:relative;
width:387px;
height:440px;
}

.apple_pay .animation li{
margin:0;
position:absolute;
top:0;
left:0;
line-height:1;
}

.apple_pay .icon-sup{
vertical-align:middle;
}


@media screen and (max-width: 995px) {

/* structure
--------------------------------------------------*/
.se.rwd.apple_pay .section-container section{
padding-right:0;
padding-left:0;
}

.se.rwd [class*="section-"] > .inner{
padding-right:20px;
padding-left:20px;
}


/* layout
--------------------------------------------------*/
.lyt-main{
padding-right:20px;
}

}

@media screen and (max-width: 720px) {

/* structure
--------------------------------------------------*/
.se.rwd.apple_pay .m_hdg-6 .region .content{
padding-bottom:0;
font-size:87.5%;
}

.se.rwd.apple_pay .m_layout-2.m_hdg-6 .region{
padding-right:0;
padding-left:0;
}

.apple_pay .section-container{
width:auto;
}

.section-1{
overflow:hidden;
}

.section-4{
background:#fff;
}

.se.rwd .section-1 > .inner,
.se.rwd .section-2 > .inner{
padding:50px 20px;
}

.se.rwd .section-1.type-1 > .inner,
.se.rwd .section-2.type-1 > .inner{
padding-bottom:0;
}

.section-3 > .inner{
padding:40px 0 50px;
}

.section-4 > .inner{
padding:0 0 50px;
}

.section-1 > .inner h2.hdg,
.section-2 > .inner h2.hdg{
font-size:200%;
text-align:center;
}


/* layout
--------------------------------------------------*/
.lyt-main{
padding:0 20px 30px;
}

.lyt-main .image{
padding:0 26px 0 30px;
position:static;
text-align:center;
}

.lyt-main .hdg{
margin:0 0 35px;
padding:0 9px;
text-align:center;
}

.lyt-image{
display:block;
}

.lyt-image .image,
.lyt-image .desc{
display:block;
}

.lyt-image .image{
margin-bottom:35px;
text-align:center;
}

.lyt-image.type-1 .image{
padding-right:0;
}

.lyt-image.type-1 .image._adjust{
padding-left: 0;
}

.lyt-image.type-1 .image img{
max-width:100%;
}

.lyt-image.type-2 .image{
margin-bottom:0;
padding-left:0;
}

.lyt-image.type-3{
direction:ltr;
}

.lyt-image.type-3 .image{
margin:0 -20px;
padding-right:0;
overflow:hidden;
}

.lyt-image.type-3 .image img{
margin-right:-32px;
width:265px;
}

.lyt-col > *{
padding:0;
display:block;
}

.lyt-col > *:first-child{
padding-left:none;
}


/* note
--------------------------------------------------*/
.note-1{
font-size:78.571428571428571428571428571429%;
}

.notes p{
font-size:78.571428571428571428571428571429%;
}

.notes > *:last-child{
margin-bottom:0 !important;
}


/* list
--------------------------------------------------*/
.list-logo-2{
text-align:center;
}

.list-logo-2 li{
padding-right:20px;
}

.list-logo-2 li img{
height:68px;
}


.list-desc dt{
font-size:121.42857142857142857142857142857%;
}

.list-faq dt:before{
right:0;

}

.list-faq dt > button,
.list-faq dt > span{
padding:25px 40px 25px 0;
font-size:121.42857142857142857142857142857%;
}

.list-faq dt > button:before{
right:8px;
}

.list-faq dt > button:after{
right:14px;
}

.list-faq dd{
padding-bottom:25px;
font-size:85.714285714285714285714285714286%;
}

.list-alignment-1,
.content .list-alignment-1{
margin:30px 0;
}

.list-alignment-1 li{
margin:0 0 20px;
display: block;
}

.list-alignment-1 li:last-child{
margin:0;
}


/* link
--------------------------------------------------*/
.link-video-1{
font-size:16px;
width:100%;
min-width:auto;
}

.se.rwd .link-video-1:link,
.se.rwd .link-video-1:visited{
color:#fff;
}


/* table
--------------------------------------------------*/
.tbl-shop{
border-right:none;
display:block;
}

.tbl-shop thead{
display:none;
}

.tbl-shop tbody,
.tbl-shop tr{
display:block;
float:left;
width:100%;
}

.tbl-shop tr{
padding:25px 0;
border-top:1px solid #cccccc;
}

.tbl-shop th,
.tbl-shop td{
display:block;
float:left;
width:100%;
background:none;
}

.tbl-shop th{
padding:0;
border-left:none;
border-top:none;
}

.tbl-shop tbody th{
margin-bottom:10px;
width:100%;
font-size:121.42857142857142857142857142857%;
}

.tbl-shop th.type-1{
margin-bottom:20px;
font-size:85.714285714285714285714285714286%;
}

.tbl-shop th.type-2{
margin-bottom:20px;

font-size:85.714285714285714285714285714286%;
}

.tbl-shop td{
margin-bottom:8px;
padding:0;
border-left:none;
border-top:none;
font-size:85.714285714285714285714285714286%;
text-align:left;
}

.tbl-shop .bt{
padding-top:0;
border-top:none;
}

.tbl-shop th p,
.tbl-shop td p,
.tbl-shop td div{
display:block;
width:100%;
height:auto !important;
}

.tbl-shop .icon-check{
margin-right:5px;
width:11px;
height:8px;
vertical-align:middle;
}

.tbl-shop .device{
margin-bottom:10px;
font-size:141.66666666666666666666666666667%;
font-weight:bold;
}


/* unique
--------------------------------------------------*/
.apple_pay .animation{
margin:0 auto;
padding-left:35px;
width:245px;
height:279px;
box-sizing:border-box;
}

.apple_pay .animation li{
margin-left:35px;
width:245px;
height:279px;
}



.tbl-shop:after{
content:".";
height:0;
display:block;
clear:both;
visibility:hidden;
}

}

/* information
--------------------------------------------------*/
.list-operation .title {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 10px;
}
.list-operation  dd {
    margin-bottom: 40px;
}
.list-operation .ope-img {
    text-align: center;
    margin-bottom: 10px;
}
.list-operation .list-alignment-1, .list-operation .list-alignment-1 > li {
    margin-top: 0;
}
@media screen and (max-width: 720px) {
.list-operation .title {
    font-size: 16px;
}
.list-operation  dd {
    margin-bottom: 30px;
}
.list-operation ._adjust-lyt .unit {
    display: flex;
    flex-direction: row-reverse;
}
.list-operation ._adjust-lyt .unit .list_o {
    margin-right: 10px;
    min-width: 150px;
    width: 80%;
}
.list-operation .ope-img {
    margin-bottom: 0%;
}
}