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

/*--  ▼  RESET */
body { -webkit-text-size-adjust: none; }
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}

ul li, ol li {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}

table {border-collapse:collapse;border-spacing:0;}
hr {display:none;}
select, input, textarea {font:99%;}



/*
-------------------------------------------------- ▼  COMMON PARTS --*/
body *{ /*outline:1px solid #eee; */font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}
body{line-height:135%; color:#333;}
article{}
h1, h2, h3, h4, h5, h6 { margin-bottom:10px;}
img{margin:10px auto; vertical-align:bottom; display:block;}

ul, ol{}
*+ul, *+ol{margin-top:10px;margin-bottom:10px}
li{ margin-bottom:.5em;}
ul li:last-child, ol li:last-child{margin-bottom:0;}
p{margin-bottom:.5em}
p a{text-decoration:none;}
a{color:#408aca; font-style:normal;}

h1 + img, h2 + img{ margin-top:0px;}
p + img{ margin-top:0px;}
article header h1{
	background:url(../guide/sp_icon_ttlMain.png) left 1px no-repeat;
	background-size:21px 21px; -moz-background-size:21px 21px;
	margin:25px 10px 10px; padding:0px 0px 0px 26px;
	font-size:137.5%; line-height:110%;
}
article header h1 span{ font-size:65%; display:block; line-height:14px; color:#555}


/*
 utility style
*/
/* display */
.u-displayBlock { display: block!important; }

/* margin */
.u-margin0 { margin: 0px!important; }
.u-margin5 { margin: 5px!important; }
.u-margin10 { margin: 10px!important; }
.u-margin15 { margin: 15px!important; }
.u-margin20 { margin: 20px!important; }
.u-margin25 { margin: 25px!important; }
.u-margin30 { margin: 30px!important; }

.u-marginT0 { margin-top: 0px!important; }
.u-marginT5 { margin-top: 5px!important; }
.u-marginT10 { margin-top: 10px!important; }
.u-marginT15 { margin-top: 15px!important; }
.u-marginT20 { margin-top: 20px!important; }
.u-marginT25 { margin-top: 25px!important; }
.u-marginT30 { margin-top: 30px!important; }

.u-marginR0 { margin-right: 0px!important; }
.u-marginR5 { margin-right: 5px!important; }
.u-marginR10 { margin-right: 10px!important; }
.u-marginR15 { margin-right: 15px!important; }
.u-marginR20 { margin-right: 20px!important; }
.u-marginR25 { margin-right: 25px!important; }
.u-marginR30 { margin-right: 30px!important; }

.u-marginB0 { margin-bottom: 0px!important; }
.u-marginB5 { margin-bottom: 5px!important; }
.u-marginB10 { margin-bottom: 10px!important; }
.u-marginB15 { margin-bottom: 15px!important; }
.u-marginB20 { margin-bottom: 20px!important; }
.u-marginB25 { margin-bottom: 25px!important; }
.u-marginB30 { margin-bottom: 30px!important; }

.u-marginL0 { margin-left: 0px!important; }
.u-marginL5 { margin-left: 5px!important; }
.u-marginL10 { margin-left: 10px!important; }
.u-marginL15 { margin-left: 15px!important; }
.u-marginL20 { margin-left: 20px!important; }
.u-marginL25 { margin-left: 25px!important; }
.u-marginL30 { margin-left: 30px!important; }

.u-marginV0 { margin-top: 0px!important; margin-bottom: 0px!important; }
.u-marginV5 { margin-top: 5px!important; margin-bottom: 5px!important; }
.u-marginV10 { margin-top: 10px!important; margin-bottom: 10px!important; }
.u-marginV15 { margin-top: 15px!important; margin-bottom: 15px!important; }
.u-marginV20 { margin-top: 20px!important; margin-bottom: 20px!important; }
.u-marginV25 { margin-top: 25px!important; margin-bottom: 25px!important; }
.u-marginV30 { margin-top: 30px!important; margin-bottom: 30px!important; }

.u-marginH0 { margin-left: 0px!important; margin-right: 0px!important; }
.u-marginH5 { margin-left: 5px!important; margin-right: 5px!important; }
.u-marginH10 { margin-left: 10px!important; margin-right: 10px!important; }
.u-marginH15 { margin-left: 15px!important; margin-right: 15px!important; }
.u-marginH20 { margin-left: 20px!important; margin-right: 20px!important; }
.u-marginH25 { margin-left: 25px!important; margin-right: 25px!important; }
.u-marginH30 { margin-left: 30px!important; margin-right: 30px!important; }

/* padding */
.u-padding0 { padding: 0px!important; }
.u-padding5 { padding: 5px!important; }
.u-padding10 { padding: 10px!important; }
.u-padding15 { padding: 15px!important; }
.u-padding20 { padding: 20px!important; }
.u-padding25 { padding: 25px!important; }
.u-padding30 { padding: 30px!important; }

.u-paddingT0 { padding-top: 0px!important; }
.u-paddingT5 { padding-top: 5px!important; }
.u-paddingT10 { padding-top: 10px!important; }
.u-paddingT15 { padding-top: 15px!important; }
.u-paddingT20 { padding-top: 20px!important; }
.u-paddingT25 { padding-top: 25px!important; }
.u-paddingT30 { padding-top: 30px!important; }

.u-paddingR0 { padding-right: 0px!important; }
.u-paddingR5 { padding-right: 5px!important; }
.u-paddingR10 { padding-right: 10px!important; }
.u-paddingR15 { padding-right: 15px!important; }
.u-paddingR20 { padding-right: 20px!important; }
.u-paddingR25 { padding-right: 25px!important; }
.u-paddingR30 { padding-right: 30px!important; }

.u-paddingB0 { padding-bottom: 0px!important; }
.u-paddingB5 { padding-bottom: 5px!important; }
.u-paddingB10 { padding-bottom: 10px!important; }
.u-paddingB15 { padding-bottom: 15px!important; }
.u-paddingB20 { padding-bottom: 20px!important; }
.u-paddingB25 { padding-bottom: 25px!important; }
.u-paddingB30 { padding-bottom: 30px!important; }

.u-paddingL0 { padding-left: 0px!important; }
.u-paddingL5 { padding-left: 5px!important; }
.u-paddingL10 { padding-left: 10px!important; }
.u-paddingL15 { padding-left: 15px!important; }
.u-paddingL20 { padding-left: 20px!important; }
.u-paddingL25 { padding-left: 25px!important; }
.u-paddingL30 { padding-left: 30px!important; }

.u-paddingH0 { padding-left: 0px!important; padding-right: 0px!important; }
.u-paddingH5 { padding-left: 5px!important; padding-right: 5px!important; }
.u-paddingH10 { padding-left: 10px!important; padding-right: 10px!important; }
.u-paddingH15 { padding-left: 15px!important; padding-right: 15px!important; }
.u-paddingH20 { padding-left: 20px!important; padding-right: 20px!important; }
.u-paddingH25 { padding-left: 25px!important; padding-right: 25px!important; }
.u-paddingH30 { padding-left: 30px!important; padding-right: 30px!important; }

/* align */
.u-textCenter { text-align: center!important; }

/* weight */
.u-textBold { font-weight: Bold!important; }

/* color */
.u-textGray { color: #858585!important; }

/* font size */
.u-fontSize10 { font-size: 10px!important; }
.u-fontSize11 { font-size: 11px!important; }
.u-fontSize12 { font-size: 12px!important; }
.u-fontSize13 { font-size: 13px!important; }
.u-fontSize14 { font-size: 14px!important; }
.u-fontSize15 { font-size: 15px!important; }
.u-fontSize16 { font-size: 16px!important; }
.u-fontSize17 { font-size: 17px!important; }
.u-fontSize18 { font-size: 18px!important; }
.u-fontSize19 { font-size: 19px!important; }
.u-fontSize20 { font-size: 20px!important; }
.u-fontSize21 { font-size: 21px!important; }
.u-fontSize22 { font-size: 22px!important; }
.u-fontSize23 { font-size: 23px!important; }
.u-fontSize24 { font-size: 24px!important; }

/* text indent */
.u-textIndent1 {
    text-indent: -1em!important;
    padding-left: 1em!important;
}


/*-- ▽ COMMON TAGS+CLASS
------------------------------*/
article.wrapDefault{}
article header:first-child h1{}
ol.decOrdList li{ list-style-type:decimal; list-style-position:inside; text-indent:-1.3em; margin-left:1em;}
ul.decUnOrdList li{list-style:disc; list-style-position:inside; text-indent:-1em; margin-left:1em;}
ul.decUnOrdList.decCapt li{
	list-style:none;
	font-size:75%; color:#858585;line-height:120%;
	text-indent:-1em; margin-left:1em;}
ul.decCapt li:before{content:"※";}

.decCapt.decImportant{color:#E60012; font-weight:bold;}

ul.decUnOrdList.decCapt li.decImportant{color:#E60012;}
ul.decCapt li.decImportant:before{content:"※";color:#E60012;}
a.decLinkUnderline {text-decoration: underline;}

/*-- ▽ COMMON ALERTBOX
------------------------------*/
.ptsAlertBox  {
	margin:10px 10px; padding:10px 10px 10px 45px;
	border:1px solid #eee;
-webkit-border-radius:6px;
   -moz-border-radius:6px;
        border-radius:6px;
	font-size:87.5%; line-height:130%;
}
.ptsAlertBox *:last-child{ margin-bottom:0;}
.ptsAlertBox a{text-decoration:underline;}

.ptsAlertBox.decAlrtWarn {
	background: #fcf5ee url(../guide/sp_icon_alertbox_warn.png) 10px 10px no-repeat;
	background-size:24px 22px; -moz-background-size:24px 22px;
	border-color:#e3981d;}
.ptsAlertBox.decAlrtError{
	background: #fae4e4 url(../guide/sp_icon_alertbox_error.png) 10px 10px no-repeat;
	background-size:24px 22px; -moz-background-size:24px 22px;
	border-color:#cf5454;
}
.ptsAlertBox.decAlrtCheck{
	background: #e6f2da url(../guide/sp_icon_alertbox_check.png) 10px 10px no-repeat;
	background-size:24px 22px; -moz-background-size:24px 22px;
	border-color:#8cbf73;
}

.ptsMsgBox{
	margin:10px 10px; padding:10px 25px 10px 25px;
	border:1px solid #eee;
-webkit-border-radius:6px;
   -moz-border-radius:6px;
        border-radius:6px;
	font-size:87.5%; line-height:130%;
	font-weight:bold; text-align:center;
}
.ptsMsgBox p:last-child{ margin-bottom:0;}
.ptsMsgBox a{position:relative; padding-left:15px; text-decoration:underline;}
.ptsMsgBox a:before{
	background:url(../guide/sp_icon_btnLinkArrwR.png) no-repeat;
	background-size:12px; -moz-background-size:12px;
	content:""; height:12px; width:12px;
	position:absolute;left:2px; top:3px;
}
.ptsMsgBox.decEmergency{background: #fae4e4;border-color:#cf5454;color:#790707;}
.ptsMsgBox.decApology  {background: #fafafa;border-color:#cfcfcf;color:#333;}
.ptsMsgBox.decEmergency a{color:#790707}
.ptsMsgBox.decApology a  {color:#333;}

/*-- ▽ COMMON PARAGRAPHS
------------------------------*/
section.secParaL h1, section.secParaL .decHead{font-size:125%; line-height:135%;}
section.secParaL p {font-size:112.5%;line-height:135%;word-break: break-all;}

section.secParaM h1, section.secParaM .decHead{font-size:112.5%; line-height:135%;}
section.secParaM p {font-size:100%; line-height:135%;}
section.secParaM .elImgTtl{margin: 10px 0; font-size: 18px; font-weight: bold;}
section.secParaM .elImgW355 img{width: 355px;}
@media screen and (max-width:374px){
	section.secParaM .elImgW355 img{width: 100%}
}
section.secParaM .decTtlLine{padding-bottom: 8px; border-bottom: 2px solid #e7e6df; color: #666; font-weight: bold;}

section.secParaS h1{font-size:100%; line-height:135%;}
section.secParaS p {font-size:87.5%; line-height:135%;}

section p.decCapt{color:#858585; font-size:75%; line-height:120%; text-indent:-1em; margin-left:1em;}
section p.decCapt:before{content:"※";}
section p.decCapt a{ text-decoration:underline;}

.secParaS, .secParaM, .secParaL {margin:0 10px 1em;}
article section:last-child{ margin-bottom:0;}

/*-- ▽ COMMON STEPS
------------------------------*/
.decStep{ }
.decStep h2 span{
	background:#f39700; position:relative;
	display:inline-block;
	height:14px;
	margin-right:15px; margin-top:3px; padding:2px 6px 0;
	vertical-align:top;
	color:#fff; font-size:12px; line-height:14px;
	font-weight:normal;
-webkit-border-radius: 3px 0px 0px 3px;
   -moz-border-radius: 3px 0px 0px 3px;
        border-radius: 3px 0px 0px 3px;
}
.decStep h2 span:after{
	content:"";
	height:0px; width:0px;
	position:absolute; right:-16px; top:0;
	border:8px solid transparent;
	border-left-color:#f39700; border-radius:0 0 0 0;
}

/*-- ▽ COMMON TABLE
------------------------------*/
.ptsTbl table{
	margin-bottom:5px;
	border-bottom:1px solid #d4d3cb;
	border-left:1px solid #d4d3cb;
	color:#66645c;
	word-break:break-all;
}
.ptsTbl table th{
	background:#f9f7e9;
	padding:8px 8px;
	border-top:1px dotted #d4d3cb;
	border-right:1px solid #d4d3cb;
	text-align:left; vertical-align:top;
	word-break:break-all;
}
.ptsTbl table tr:first-child th{border-top:1px solid #d4d3cb;}
.ptsTbl table td{
	background:#f4f3ec;
	padding:8px 8px;
	border-top:1px dotted #d4d3cb;
	border-right:1px solid #d4d3cb;
}
.ptsTbl table tr:first-child td{border-top:1px solid #d4d3cb;}
.ptsTbl table td ul li{ text-indent:-1em; padding-left:1em; font-size:87.5%; margin-bottom:5px; line-height:130%;}

.decTbl01 table th{width:25%;}
.decTbl02 table th{width:33%; text-align:center; vertical-align:middle;}
.decTbl02 table tr:nth-child(2) td{ border-top:1px solid #d4d3cb;}

/*-- ▽ COMMON NAV
------------------------------*/
nav.ptsNavDetPay{ background:#67655a;}
nav.ptsNavDetPay ul{ margin:0 5px;}
nav.ptsNavDetPay ul li{float:left; width:50%; margin:0;}
nav.ptsNavDetPay ul li a{
	background:#fff;
	display:block; position:relative;
	line-height:50px;
	margin:10px 5px;
	font-size:14px;
	text-decoration:none; color:#8c8a7e;
	text-align:center; font-weight:bold;
-webkit-border-radius: 8px;
   -moz-border-radius: 8px;
        border-radius: 8px;
-webkit-box-shadow:0px 1.5px 0px 0px #434032;
   -moz-box-shadow:0px 1.5px 0px 0px #434032;
        box-shadow:0px 1.5px 0px 0px #434032;
}
nav.ptsNavDetPay ul li a:after{ content:""; height:0; width:0;
	border:10px solid transparent;
	position:absolute; right:0; top:0;
	border-top-color:#f39700;border-right-color:#f39700; border-radius:0 8px 0 0;}

nav.ptsNavDetPay ul li.elDetail a span{
	background:url(../guide/sp_icon_hdrNavBtnDetail.png) 0 center no-repeat;
	background-size:24px 18px; -moz-background-size:24px 18px;
	padding:10px 0 10px 30px;}
nav.ptsNavDetPay ul li.elPayment a span{
	background:url(../guide/sp_icon_hdrNavBtnPaymnt.png) 0 center no-repeat;
	background-size:26px 26px; -moz-background-size:26px 26px;
	padding:10px 0 10px 30px;
}

.ptsBread{
	background:#F9F8F6;
	border-bottom:1px solid #d6d6d1;
	height:29px; font-weight:bold; color:#8c8a7e; font-size:14px;
}

.ptsBread ul{}
.ptsBread ul li{ position:relative; float:left; display:inline-block; margin-right:20px; margin-left:0;line-height:29px;}
.ptsBread ul li:after{
	position:absolute; top:0; right:-15px;
	content:""; height:34px; width:10px;
	background:url(../guide/sp_icon_breadArrow.png) 0 0 no-repeat;
	background-size:10px 29px; -moz-background-size:10px 29px;
}
.ptsBread ul li:first-child:after{right:-10px;}
.ptsBread ul li:first-child a{
	background:url(../guide/sp_icon_breadHome.png) center no-repeat;
	background-size:17px 15px; -moz-background-size:17px 15px;
	width:29px; height:29px; margin-left:0;
	text-indent:-9999px;
}
.ptsBread ul li:last-child:after{height:0; width:0;}
.ptsBread ul li a{
	display:inline-block;
	font-weight:bold; color:#8c8a7e;
	line-height:29px;text-decoration:none; }


/*-- ▽ COMMON BUTTONS
------------------------------*/
.elBtn{
	display:inline-block;
	margin:0;
	line-height:normal;
	text-decoration:none;
}
.decBtnM{
	font-size:87.5%; padding:4px 20px;
-webkit-border-radius:4px;
   -moz-border-radius:4px;
        border-radius:4px;
}
.decBtnL{
	font-size:100%; padding:7px 30px;
-webkit-border-radius:6px;
   -moz-border-radius:6px;
        border-radius:6px;
}
.decBtnNt{
	background:#e6e3cc;
	border:1px solid #ceccba;
-webkit-box-shadow:0px 1px 0px 0px rgba(184,180,157,0.3);
   -moz-box-shadow:0px 1px 0px 0px rgba(184,180,157,0.3);
        box-shadow:0px 1px 0px 0px rgba(184,180,157,0.3);
}
.decBtnNr{
	background:#f5f3e9;
	border:1px solid #d9d8d0;
-webkit-box-shadow:0px 1px 0px 0px rgba(191,189,178,0.3);
   -moz-box-shadow:0px 1px 0px 0px rgba(191,189,178,0.3);
        box-shadow:0px 1px 0px 0px rgba(191,189,178,0.3);
}
.decBtnNx{
	background:#ff9900;
	border:1px solid #e19522;
	color:#fff; font-weight:bold;
-webkit-box-shadow:0px 1px 0px 0px rgba(211,209,196,0.3);
   -moz-box-shadow:0px 1px 0px 0px rgba(211,209,196,0.3);
        box-shadow:0px 1px 0px 0px rgba(211,209,196,0.3);
}
.decBtnLink,.decBtnLink20190603{
	position:relative;
	background:#f5f3e9;
	border:1px solid #d9d8d0;
	padding:4px 21px 4px 6px;
	font-size:87.5%;
-webkit-box-shadow:0px 1px 0px 0px rgba(191,189,178,0.3);
   -moz-box-shadow:0px 1px 0px 0px rgba(191,189,178,0.3);
        box-shadow:0px 1px 0px 0px rgba(191,189,178,0.3);
-webkit-border-radius:2px;
   -moz-border-radius:2px;
        border-radius:2px;
}

.decBtnLink:after,.decBtnLink20190603:after{
	position:absolute;
	content:"";
	top:25%; right:5px;
	height:12px; width:12px;
	background-image: url(../guide/sp_icon_btnLinkArrwR.png);
	background-position:0 0;
	background-repeat: no-repeat;
	background-size:12px; -moz-background-size:12px;
}
.decBtnLink20190603:after{
	top:30%;
}
.decBtnNavR, .decBtnNavL{
	position:relative;
	background:#f5f3e9;
	border:1px solid #d9d8d0;
	font-size:87.5%;
-webkit-box-shadow:0px 1px 0px 0px rgba(191,189,178,0.3);
   -moz-box-shadow:0px 1px 0px 0px rgba(191,189,178,0.3);
        box-shadow:0px 1px 0px 0px rgba(191,189,178,0.3);
-webkit-border-radius:2px;
   -moz-border-radius:2px;
        border-radius:2px;
}

.decBtnNavL{text-align:left; padding:4px 6px 4px 20px;}
.decBtnNavR{text-align:right;padding:4px 20px 4px 6px;}
.decBtnNavL:before{
	background-image:url(../guide/sp_icon_btnNavL.png);
	background-repeat:no-repeat; left:5px;
}
.decBtnNavR:after{
	background-image:url(../guide/sp_icon_btnNavR.png);
	background-repeat:no-repeat; right:5px;
}
.decBtnNavL:before, .decBtnNavR:after{
	content:"";
	position:absolute; top:25%;
	width:9px; height:14px;
	background-size:9px 14px; -moz-background-size:9px 14px;
}
.decBtnNavL, .decBtnNavR{ color:#408aca; font-weight:bold;}

.decBtnNavL.decBtnNavLOff, .decBtnNavR.decBtnNavROff{
	background-color:#dcdcdc;
	border-color:#ccc;
	color:#aaa;
}
.decBtnNavL.decBtnNavLOff:before{background-image:url(../guide/sp_icon_btnNavLOff.png);}
.decBtnNavR.decBtnNavROff:after{background-image:url(../guide/sp_icon_btnNavROff.png);}


.decBtnGrn{
	border:1px solid #bdc887;
	background-color:#d3e190;
	font-weight:bold; color:#535931;
}

/*-- ▽ COMMON MODAL
------------------------------*/
.modalBox{
	display: block;
	background: #ffffff;
	padding: 1px;
	text-align: left;
}
.modalBox .hd{
	background: #eeeeee;
	padding: 5px;
	border-bottom: 1px solid #aaaaaa;
	font-weight: bold; font-size: 80%;
}
.modalBox .bd{padding: 5px;	font-size: 80%;}
.modalBox .ft{padding: 5px;	font-size: 80%;	text-align: center;}
.modalBox .hd .modalBoxCloseBtn{
	display: block;
	float: right;
	width: 16px; height: 16px;
	text-indent: -9999px; overflow: hidden;
}
.modalBox .ft .modalBoxCloseBtnL{
	display: block;
	background: #f4f4f4;
	width: 100px; height: 25px;
	margin: 0 auto;
	border: 1px solid #aaaaaa;
	line-height: 25px;
}

/*modalBox_type1(guide)*/
.modalBox_type1{
	display: block;
	background: #ffffff;
	border: none;
		border-radius: 6px;
   -moz-border-radius: 6px;
-webkit-border-radius: 6px;
	text-align: left;
}
.modalBox_type1 .hd{
	position: relative;
	background: #f1f0e8;
	padding: 8px 10px 6px;
	border-bottom: 2px solid #f39700;
	    border-radius: 6px 6px 0 0;
   -moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
	font-weight: bold;
}
.modalBox_type1 .bd{padding:10px 10px; margin:0;line-height: 1.5;}
.modalBox_type1 .ft{padding: 5px;font-size: 90%;text-align: center;}
.modalBox_type1 .hd .modalBoxCloseBtn{
	position: absolute;
	display: block;
	background: url(../guide/sp_btn_modalClose.png) center no-repeat;
	background-size:20px; -moz-background-size:20px;
	top: 0px; right:2px;
	width: 35px; height: 35px;
	text-indent: -9999px; overflow: hidden;
}
.modalBox_type1 .ft .modalBoxCloseBtnL{
	display: block;
	background: #e9efff;
	width: 100px; height: 25px;
	margin: 0 auto;
	border: 1px solid #9fb7d4;
	line-height: 25px;
}

/*--MODAL CUSTOMIZE--*/
.modBankSrcModal .bd .ptsTab {border-bottom: 2px solid #d8d7d3;}
.modBankSrcModal .bd .ptsTab .elInner { border-bottom: 1px solid #848173; padding: 0 5px;}
.modBankSrcModal .bd .ptsTab li {
    float: left;
	width:49%; min-height: 25px; min-width: 110px;
    margin-left: 5px; margin-bottom:0;
    font-size: 14px; text-align: center;
}
.modBankSrcModal .bd .ptsTab li:first-child {margin-left: 0;}
.modBankSrcModal .bd .ptsTab li a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f5f3e9;
    border-color: #d9d8d0 #d9d8d0 -moz-use-text-color;
    border-image: none;
    border-radius: 6px 6px 0 0;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    color: #8c8a7e;
    display: block;
    padding: 5px 19px;
    text-decoration: none;
}
.modBankSrcModal .bd .ptsTab li.decCur a {
    background-color: #999582;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color:#848173 #848173 -moz-use-text-color;
    border-image:none;
    border-style:solid solid none;
    border-width:1px 1px medium;
    color: #fff; font-weight: bold; cursor: default;
}
.modBankSrcModal .bd #page2.ptsCont .scrollArea {}
.modBankSrcModal .bd #page3.ptsCont .scrollArea {}

.modBankSrcModal .bd .ptsCont .elFiftyOnBefore .elLead { font-size: 88%; margin-top: 0px; padding:5px 0px 0;}
.modBankSrcModal .bd .ptsCont .elFiftyOnBefore .elList {margin: 0 auto; width: 100%;
}
.modBankSrcModal .bd .ptsCont .elFiftyOnBefore .elList .decFlt{margin-bottom:1em;}
.modBankSrcModal .bd .ptsCont .elFiftyOnBefore .elList .decFlt:last-child{margin-bottom:0;}
/* ClearFix */
.modBankSrcModal .bd .ptsCont .elFiftyOnBefore .elList .decFlt:after {/** for FF,Safari,Opera */	display: block;	visibility: hidden;	clear: both; height: 0;	content: ".";}.modBankSrcModal .bd .ptsCont .elFiftyOnBefore .elList .decFlt {/** for Win IE5.5-7 */ zoom: 1; }
.modBankSrcModal .bd .ptsCont .elFiftyOnBefore .elList li {
    width:20%; height: 36px;
	float:left;
	margin:0;
	font-size: 22px; font-weight: bold; line-height: 36px;
    color: #c9c9c9; text-align: center;
}
.modBankSrcModal .bd .ptsCont .elFiftyOnBefore .elList li a {
    background-color: #f1f0e8;
    display: block;
    height: 36px; width: 36px;
	margin:0 auto;
	border-radius: 4px;
    color: #666; text-decoration: none;
}
.modBankSrcModal .bd .ptsCont .elFiftyOnAfter {padding: 0 0 0 0px;}
.modBankSrcModal .bd .ptsCont .elBtn {margin-top: 10px;text-align: center;}
.modBankSrcModal .bd .ptsCont .elBtn .libBtn {width: 90px;}
.modBankSrcModal .bd .ptsCont .elBtn .libBtn:link {text-decoration: none;}
.modBankSrcModal .bd .ptsCont .elBtn .libBtn:visited {text-decoration: none;}
.modBankSrcModal .bd .ptsCont .elBtn .libBtn:hover, a.libBtn:active {text-decoration: none;}
.modBankSrcModal .bd .ptsCont .elFiftyOnAfter .bank50on h2 {margin: 7px 0 0px;font-size: 16px;font-weight: bold;}
.modBankSrcModal .bd .ptsCont .elFiftyOnAfter .bank50on p {
    background-color: #eee;
    padding: 3px 10px; margin-top: 5px; margin-bottom:0;
    font-size: 14px; font-weight: bold;
}
.modBankSrcModal .bd .ptsCont .elFiftyOnAfter .bank50on ul {margin-top: 0px;}
.modBankSrcModal .bd .ptsCont .elFiftyOnAfter .bank50on ul:after {
    clear: both; content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.modBankSrcModal .bd .ptsCont .elFiftyOnAfter .bank50on li {
    background: url("../guide/pc_icon_dott01.png") no-repeat scroll 10px 10px rgba(0, 0, 0, 0);
    float:left;
    width:100%; height: 16px;
    padding: 3px 0px 3px 0px; margin-bottom:0;
    border-bottom: 1px dotted #eee;
    font-size: 12px; text-indent:20px;
    word-break: break-all; word-wrap: break-word;
}
.modBankSrcModal .bd .ptsCont .elFiftyOnAfter .bank50on li:last-child{ border:none;}
.modBankSrcModal .bd .ptsCont .elNameCode {padding: 10px 0 0 0px;}
.modBankSrcModal .bd .ptsCont .elNameCode .decSrcFrm {
	width:170px;
    margin-right: 5px; padding: 5px 5px 4px;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 14px;
}
.modBankSrcModal .bd .ptsCont .elNameCode .libBtn {
    background-color: #f5f3e9;
    width: 70px;
    border: 1px solid #d9d8d0;
    color: #848173;
}
.modBankSrcModal .bd .ptsCont .elNameCode #notes {font-size: 88%;margin: 15px 0 5px;}
.modBankSrcModal .bd .ptsCont .elNameCode #notes.resultTxt {font-size: 16px;font-weight: bold;}
.modBankSrcModal .bd .ptsCont .elNameCode #notes.nomatchTxt{font-size: 16px;font-weight: bold;}
.modBankSrcModal .bd .ptsCont .elNameCode #bankTable {border-top: 1px dotted #aaa; margin-top: 5px;}
.modBankSrcModal .bd .ptsCont .elNameCode #bankTable:after {
    clear: both; content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.modBankSrcModal .bd .ptsCont .elNameCode #bankTable li {
    float: left;
    width:100%; height:16px;
	margin-bottom:0; padding: 3px 0px 3px 0px;
    border-bottom: 1px dotted #eee;
    font-size: 12px;
    word-break: break-all; word-wrap: break-word;
}
.modBankSrcModal .bd .ptsCont .elNameCode #bankTable .searchword {display: none;}
.modBankSrcModal .bd .ptsCont .elNameCode #bankTable .bankcode {
    width: 40px;
    padding: 0 10px;
    color: #858585;
    vertical-align: top; text-align: left;
}
.modBankSrcModal .bd .ptsCont .elNameCode #bankTable .bankname {
    display: inline-block;
    padding-right: 5px;
    text-align: left; vertical-align: top;
}
.modBankSrcModal .bd #page2.ptsCont, .modBankSrcModal .bd #page3.ptsCont {display: none;}
.modBankSrcModal .bd .ptsCont .bank50on{display: none;}
.modBankSrcModal .bd #page3 input.elBtn{margin-top:0;}



/*-----------------------------
 PAGE CLASSES
------------------------------*/
/*
-------------------------------------------------- ▼ TOP --*/
.fc666 { color:#666;}
.fs84 { font-size:84% !important;}
.ypMdTop{}
.ptsTopFigA-1{}
.ptsTopFigA-1 ul{}
.ptsTopFigA-1 ul li{
	float:left;
	width:50%; margin:0;
	text-align:center;
}
.ptsTopFigA-1 ul li div{
	padding: 20px 0;
	border-right:1px dashed #333; border-bottom:1px dashed #333;}
.ptsTopFigA-1 ul li:nth-child(even) div{ border-right:none;}
.ptsTopFigA-1 ul li:nth-child(3n) div,
.ptsTopFigA-1 ul li:nth-child(4n) div{ border-bottom:none;}

.ptsTopFigA-1 ul li p{
	background:url(../guide/sp_figTopA-1.png) no-repeat;
	background-size:275px 264px; -moz-background-size:275px 264px;
	display:block;
	margin:0 auto 15px auto;
	width:130px; height:122px;
	text-indent:-9999px; overflow:hidden;
}
.ptsTopFigA-1 .elTopFigCC  p{background-position:0px 0px;}
.ptsTopFigA-1 .elTopFigBnk p{background-position:-145px 0px;}
.ptsTopFigA-1 .elTopFigJnb p{background-position:0px -142px;}
.ptsTopFigA-1 .elTopFigOta p{background-position:-145px -142px;}

.ptsTopFigA-1 .elBtn{ display:block; margin:0 15px;}

.ypMdTop .ptsBanner{}

.ypMdTop .ptsFee .elInner{
	padding:0 15px;
}
.ypMdTop .ptsFee ul{
	display:table;
	width:100%;
}
.ypMdTop .ptsFee li{
	display:table-cell;
	vertical-align:middle;
	margin:0;
}
.ypMdTop .ptsFee .decTxt{
	width:122px;/*90+32*/
	height:50px;
	background: url(../guide/sp_figTop_fee_1.png) no-repeat 32px 0;
	-webkit-background-size:90px 50px;
	-ms-background-size:90px 50px;
	background-size:90px 50px;
	text-indent:-9999px;
}
.ypMdTop .ptsFee .decBtn{text-align:right;}
.ypMdTop .ptsFee .decBtn .elBtn.decBtnL{padding:7px 20px;}

/*無料化*/
.ypMdTop .ptsFee2 .elInner{
	margin:0 auto 0 auto;
	padding:0;
	background:url(../guide/sp_figTop_3.png) no-repeat center top;
	-webkit-background-size:300px 150px;
	-ms-background-size:300px 37px;
	background-size:300px 37px;
	width:300px;
	height:37px;

}
.ypMdTop .ptsFee2 ul{
	display:table;
	width:100%;
}
.ypMdTop .ptsFee2 li{
	display:table-cell;
	vertical-align:middle;
	margin:0;
}
.ypMdTop .ptsFee2 .decTxt{
	text-indent:-9999px;
}
.ypMdTop .ptsFee2 .elNote{text-align:right;font-size:75%;padding: 12px 5px 0 0;}

/*無料化ここまで*/

.ypMdTop .ptsPayment{
	margin-top: 18px;
}
.ypMdTop .ptsPayment .elInner h2{
	margin-bottom: 15px;
}
.ypMdTop .ptsPayment .elInner h2 img{
	width: 300px;
	height: 13px;
}
.ypMdTop .ptsPayment .elInner{
	padding:0 10px 15px;
}
.ypMdTop .ptsPayment .elPayList{
	width: 300px;
    margin: 0 auto;
}
.ypMdTop .ptsPayment li{
	width: 130px;
	height: 105px;
	margin:0 10px 15px;
	float: left;
	text-indent: -9999px;
}
.ypMdTop .ptsPayment li a{
	width: 130px;
	height: 105px;
	display: block;
}
.ypMdTop .ptsPayment .decColumn{
	display:table;
	width:100%;
}
.ypMdTop .ptsPayment p{
	display:table-cell;
	vertical-align:middle;
}
.ypMdTop .ptsPayment .elPayList li .decPaypay{
	background: url(../guide/sp_figTop_pay_1_5.png) no-repeat 0 0;
	-webkit-background-size:130px 105px;
	-ms-background-size:130px 105px;
	background-size:130px 105px;
}
.ypMdTop .ptsPayment .elPayList li .decMoney{
	background: url(../guide/sp_figTop_pay_1_1.png) no-repeat 0 0;
	-webkit-background-size:130px 105px;
	-ms-background-size:130px 105px;
	background-size:130px 105px;
}
.ypMdTop .ptsPayment .elPayList li .decCard{
	background: url(../guide/sp_figTop_pay_1_2_202112.png) no-repeat 0 0;
	-webkit-background-size:130px 105px;
	-ms-background-size:130px 105px;
	background-size:130px 105px;
}
.ypMdTop .ptsPayment .elPayList li .decBank2{/*無料化*/
	background: url(../guide/sp_figTop_pay_1_3.png) no-repeat 0 0;
	-webkit-background-size:130px 105px;
	-ms-background-size:130px 105px;
	background-size:130px 105px;
}
.ypMdTop .ptsPayment .elPayList li .decJnb2{/*無料化*/
	background: url(../guide/sp_figTop_pay_1_4_202112.png) no-repeat 0 0;
	-webkit-background-size:130px 105px;
	-ms-background-size:130px 105px;
	background-size:130px 105px;
}
.ypMdTop .ptsPayment .elPayList li .decOta{
	background: url(../guide/sp_figTop_pay_2_3.png) no-repeat 0 0;
	-webkit-background-size:130px 105px;
	-ms-background-size:130px 105px;
	background-size:130px 105px;
}

.ypMdTop .ptsPayment .elPayList li .decConv{
	background: url(../guide/sp_figTop_pay_2_1.png) no-repeat 0 0;
	-webkit-background-size:130px 105px;
	-ms-background-size:130px 105px;
	background-size:130px 105px;
}
.ypMdTop .ptsPayment .decBtn{text-align:right;}
.ypMdTop .ptsPayment .decBtn .elBtn.decBtnM{padding:6px 22px;}

.ypMdTop .ptsPayment .decBtnLink:after {top:40%;}
.ypMdTop .ptsPayment .w300 {width: 300px;margin: 0 auto;}

.ypMdTop .secCreditList {width: 300px; margin: 0 auto 27px;}
.ypMdTop .secCreditList img {width: 300px; height:auto;}

/*-- ▽ Corousel --*/
.upMdCorousel{position:relative;}
.upMdCorousel .ptCrslNav .decNavL{
	background:#848173 url(../guide/sp_icon_navSlideL.png) center no-repeat;
	background-size:8px 12px; -moz-background-size:8px 12px;
	left:10px; }
.upMdCorousel .ptCrslNav .decNavR{
	background:#848173 url(../guide/sp_icon_navSlideR.png) center no-repeat;
	background-size:8px 12px; -moz-background-size:8px 12px;
	right:10px;}
.upMdCorousel .ptCrslNav .decNavL,
.upMdCorousel .ptCrslNav .decNavR{
	height:40px; width:30px;
	text-indent:-9999px; overflow:hidden;
	position:absolute; top:35%;
-webkit-border-radius:4px;
   -moz-border-radius:4px;
        border-radius:4px;
}
.upMdCorousel .ptsCrslCnt ul li img{margin:0 auto;}
.upMdCorousel .ptCrslPager{position:absolute; top:10px; right:50%;}
.upMdCorousel .ptCrslPager ul li{
	background:white;
	float:left;
	height:8px; width:8px;
	margin-right:5px;
	text-indent:-9999px;
	border:4px;
-webkit-border-radius:4px;
   -moz-border-radius:4px;
        border-radius:4px;
}
.upMdCorousel .ptCrslPager ul li.decCrslCrnt{background:#f39700;}

/*
-------------------------------------------------- ▼ TERM --*/
.ypMdTerm{}
.ypMdTerm header h1{ background-position:0 15px;}
.ypMdTerm section h1{ background:#f1f0e8; padding:10px 15px; margin:20px 0 30px;}
.ypMdTerm section section{ margin-left:0; margin-right:0;}
.ypMdTerm section section h2{ border-bottom:1px solid #333;}
.ypMdTerm section section p{}

.ypMdTerm section section {font-size:87.5%;}
.ypMdTerm section section ol.decOrdList li{ padding:0; list-style:none; }
.ypMdTerm section section ol.decOrdList li > ol{margin-top:10px;}
.ypMdTerm section section ol.decOrdList ol li h4{ display:inline; margin:0;}

.ypMdTerm section section ol.decListL li{text-indent:-1em;}
.ypMdTerm section section ol.decListM li{text-indent:-1.8em;padding-left:.8em;}
.ypMdTerm section section ol.decListS li{text-indent:-1.5em;padding-left:0;font-size:inherit;}

.ypMdTerm .ptsTbl table ol.decOrdList li{ list-style-type:none; list-style-position:inside; text-indent:0em; margin-left:0em;}

.ypMdTerm .decTblList.decIdt{ padding-left:10px; }
.ypMdTerm .decTblList.decIdt li{ text-indent:-2.6em;}

.ypMdTerm header h1{ background-position:0 15px;}
.ypMdTerm h2{ background:#f1f0e8; padding:10px 15px; margin:20px 0 10px;}
.ypMdTerm { margin-left:0; margin-right:0;}
.ypMdTerm h3{ border-bottom:1px solid #333;}
.ypMdTerm div.elLead,.ypMdTerm div.elArticle{margin: 0 10px 1em;font-size:87.5%;}
.ypMdTerm p{font-size: 112.5%;line-height: 135%;}
.ypMdTerm div.elArticle .decListL.decIdt li{text-indent:-1em;margin-left:1em;}
.ypMdTerm div.elArticle .decListM.decIdt li{text-indent:-1.8em;margin-left:1.3em;}
.ypMdTerm div.elArticle .decListS.decIdt li{text-indent:-1.5em;}
.ypMdTerm h4{ display:inline; margin:0;}
.ypMdTerm div.elArticle .decAliR{text-align: right;}

/*
-------------------------------------------------- ▼ COMMERCIAL TRANSACTION --*/
.ypMdCmTr{}
.ypMdCmTr header h1{ background-position:0 15px;}
.ypMdCmTr section + header h1{background-position:0;}
.ypMdCmTr section h1{ margin-top:1em;}
.ypMdCmTr section h1:first-child{ margin-top:0;}

.ypMdCmTr section.ptsTbl{ margin:0 10px;}
.ypMdCmTr section.ptsTbl table{width:100%; }
.ypMdCmTr section.ptsTbl table th, .ypMdCmTr section.ptsTbl table td{vertical-align:middle; text-align:center;}
.ypMdCmTr section.ptsTbl table th p, .ypMdCmTr section.ptsTbl table td p{ margin-bottom:0;font-size:87.5%;}
.ypMdCmTr section.ptsTbl table th.decOther a{text-decoration: none;}

.ypMdCmTr section.ptsTbl table tr:first-child th{width:24%;}
.ypMdCmTr section.ptsTbl table.colThreeTbl tr:first-child th{width:36%;}
.ypMdCmTr section.ptsTbl table tr:first-child th:first-child{width:28%;}
.ypMdCmTr section.ptsTbl table th{border-bottom:1px solid #d4d3cb;}

ol.numberList {
    list-style-type: none;
    list-style-position: outside;
}
ol.numberList > li {
    padding-left: 28px; /* 2行目以降のインデント幅 */
    text-indent: -28px; /* 1行目を左に戻す */
	counter-increment: cnt;
}
ol.numberList > li:before {
    content: "("counter(cnt) ") ";
}

/*
-------------------------------------------------- ▼ CATEGORY: BUYER  --*/
.ypMdByrAbout{}
.ypMdByrAbout .secAbBox1{
	border-bottom:2px solid #e7e6df;
}
.ypMdByrAbout .secAbBox2{
	border-bottom:2px solid #e7e6df;
	margin-bottom: 0;
	padding-bottom: 10px;
}
.ypMdByrAbout .secAbBox3{
	border-bottom:2px solid #e7e6df;
}
.ypMdByrAbout .secAbBox3 img{
	margin: 0 auto;
}

.ypMdByrAbout .LinkTextBox .decAR .elText{
    font-size: 88%;
}

.securityBox{
    margin: 0 10px;
}

.securityBox .elName{
    font-size: 100%;
    font-weight: bold;
    line-height: 135%;
    margin-bottom: 10px;
    }

.securityBox dl dd.elLead{
    font-size: 88%;
    line-height: 135%;
    }


.ypMdByrAbout .elImg {width: 300px;height:auto;margin-bottom: 18px;}
.ypMdByrAbout .decBtnLink {margin-bottom: 18px;}
.ypMdByrAbout .ptsFee2 .elInner {
    margin: 0 auto 18px;
    padding: 0;
    background: url(../guide/sp_figTop_3.png) no-repeat center top;
    -webkit-background-size: 300px 150px;
    -ms-background-size: 300px 37px;
    background-size: 300px 37px;
    width: 300px;
    height: 37px;
}
.ypMdByrAbout .ptsFee2 ul {
    display: table;
    width: 100%;
}
.ypMdByrAbout .ptsFee2 .decTxt {
    text-indent: -9999px;
}
.ypMdByrAbout .ptsFee2 li {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
}
.ypMdByrAbout .ptsFee2 .elNote {
    text-align: right;
    font-size: 75%;
    padding: 12px 15px 0 0;
}
.ypMdByrAbout .elPointList {
	width: 300px;
    margin: 0 auto;
}
.ypMdByrAbout .elPointList li {
	width: 300px;
    background: url(../guide/sp_bg_topDashed_2.png) repeat-x bottom;
	background-size: 6px 1px;
}
.ypMdByrAbout .elPointList li:last-child {
    background: none;
}
.ypMdByrAbout .elPointList li div {
	height: 109px;
	position: relative;
}
.ypMdByrAbout .elPointList li .elSum1 {
	background: url(../guide/sp_figAbout_7.png) no-repeat 0 0;
	background-size: 300px 85px;
}
.ypMdByrAbout .elPointList li .elSum2 {
	height: 107px;
	margin-top: 18px;
	background: url(../guide/sp_figAbout_8.png) no-repeat 0 0;
	background-size: 300px 85px;
}
.ypMdByrAbout .elPointList li .elSum3 {
	height: 106px;
	margin-top: 18px;
	background: url(../guide/sp_figAbout_9.png) no-repeat 0 0;
	background-size: 300px 85px;
}
.ypMdByrAbout .elPointList li .decBtn {
	width: 170px;
	height: 30px;
	margin: 0;
	position: absolute;
	bottom: 15px;
	right: 28px;
	font-size: 14px;
}
.ypMdByrAbout .elPointList li .decBtn span {
	width: 170px;
	height: 30px;
	padding: 0;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.ypMdByrAbout .elPointList li .decBtn a {
	color: #fff;
}
.ypMdByrAbout .elPointList li .elSumallyLink{
	font-size: 12px;
    font-weight: bold;
    position: absolute;
    top: 33px;
    left: 111px;
}

ul.elPointList2017{ width: 320px; margin: 0 auto;}
ul.elPointList2017 li{ position: relative;
	background: url(../guide/sp_figAbout_2017_01_04.png) center bottom no-repeat;
	background-size: 305px 1px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
ul.elPointList2017 li:last-child{  padding-bottom: 0;background: none; }
ul.elPointList2017 .decBtnNx {
	display:block;
	text-align: center;
	margin: 0px 22px 0
}
ul.elPointList2017 .decBtnNx a{color:#fff;  display:block; padding: 5px 0; }
ul.elPointList2017 li .elLinkToDetail{
	display: block;
	position: absolute;
	width: 40px;
	height: 30px;
}

ul.elPointList2017 li .elLinkToDetail a{ display:block; text-indent: -9999px; overflow: hidden; height: 30px; }
ul.elPointList2017 li .elPointSum1 .elLinkToDetail{top:118px; right:48px;}
ul.elPointList2017 li .elPointSum2 .elLinkToDetail{top:118px; right:72px;}
ul.elPointList2017 li .elPointSum3 .elLinkToDetail{top:118px; right:72px;}

ul.elPointList2017 p.decNotice{ font-size:12px; text-align: center; color:#666;}


/*-- ▽ financial facilities
------------------------------*/
.ypMdByrFf{}

.ypMdByrFf .ptsBread{ border-top:1px solid #eee;}

.ypMdByrWhy{}
.ypMdByrHowto{}
.ypMdByrHowtoCC{}
.ypMdByrHowtoBank{}
.ypMdByrHowtoJNB{}
.ypMdByrHowtoOta{}


/*-- ▽ FEES
------------------------------*/
.ypMdByrFees{}
.ypMdByrFees table{width:100%;}
.ypMdByrFees table th,
.ypMdByrFees table td{vertical-align:middle; text-align:center;}
.ypMdByrFees table th p,
.ypMdByrFees table td p{ margin-bottom:0;}
.ypMdByrFees .decTbl01 table th{width:33.3%;border-bottom:1px solid #d4d3cb;}
.ypMdByrFees .decTbl02 table th{width:50%;border-bottom:1px solid #d4d3cb;}
.ypMdByrFees .decTextL{ font-size:135%; font-weight:bold;}

/*
--------------------------------------------------  ▼ CATEGORY: SELLER --*/
.ypMdSlrWhy{}
.ypMdSlrHowto{}
.ypMdSlrHowto .decTbl01{ width: 300px; margin: 0 auto;}
.ypMdSlrHowto .decTbl01 table{ width: 300px; border: 2px solid #d4d3cb;}
.ypMdSlrHowto .decTbl01 th{ width: 100px;}
.ypMdSlrHowto .decTbl01 td{ width: 99px; padding:0; text-align: center; vertical-align:middle;}
.ypMdSlrHowto .decTbl01 td img{ margin:0;}
.ypMdSlrHowto .decTbl01 td p{ margin: 0; font-size:14px;}
.ypMdSlrHowto .modSecBox {margin-bottom: 20px;}
.ypMdSlrHowto .modSecBox h4 {color:#666;margin-top: 20px; padding-bottom:5px; border-bottom:1px solid #e4e2db;}
.ypMdSlrHowto .modSecBox ul li { list-style-type: disc; margin-left: 20px;}

.ypMdSlrFaq{}

/*20170201*/
.ypMdSlrHowto .decTbl01 { position:relative;}
.ypMdSlrHowto .decTbl01 .eltoku{
	width:38px;
	display: block;
	position:absolute; top:-20px; left:34px;
}
.ypMdSlrHowto .decTbl01 .eltoku img{margin:0;}


.ypMdSlrHowto .decTbl01 .elTble2017 p{ margin:0;}
.ypMdSlrHowto .decTbl01 .elTble2017 th,.ypMdSlrHowto .decTbl01 td{ text-align: center; vertical-align: middle; padding: 10px;}
.ypMdSlrHowto .decTbl01 .elTble2017 th{ width:auto;}
.ypMdSlrHowto .decTbl01 .elTble2017 th.sbTH{font-size:13px;}
.ypMdSlrHowto .decTbl01 .elTble2017 th.elBgTh{ background: #fff;}
.ypMdSlrHowto .decTbl01 .elTble2017 th.main{color:#f39700;}
.ypMdSlrHowto .decTbl01 .elTble2017 strong span { font-size:18px}

.ypMdSlrHowto .decTbl01 .elTble2017 .sWid{ width: 17%; font-size: 14px;}
.ypMdSlrHowto .decTbl01 .elTble2017 .elBgPrem { background:#fff5b5;}
.ypMdSlrHowto .decTbl01 .elTble2017 .elTbleStr01 { background:#fff;
	border-top:3px solid #f39700;
	border-left:3px solid #f39700;
	border-right:3px solid #f39700;
}
.ypMdSlrHowto .decTbl01 .elTble2017 .elTbleStr02 {
	border-right:3px solid #f39700;
	border-left:3px solid #f39700;
}
.ypMdSlrHowto .decTbl01 .elTble2017 .elTbleStr03 {
	border-bottom:3px solid #f39700;
	border-left:3px solid #f39700;
	border-right:3px solid #f39700;
}
.ypMdSlrHowto .decTbl01 .elTble2017 .decTcube{ margin: 0 auto;}

/*20190924*/
.HowtoTransactionFee{
	width: 100%;
	margin-top:24px;
	margin-bottom:16px;
	border-collapse: collapse;
}
.HowtoTransactionFee__cell{
	height:70px;
	border:1px solid #D4D3CB;
	background: #FFF;
	color:#66645C;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.HowtoTransactionFee__cell--none{
	border:none;
	background: transparent;
}
.HowtoTransactionFee__cell--title{
	background: #F4F3EC;
}
.HowtoTransactionFee__cell--free{
	color: #F39700;
}
.SellerHowtoContents{
	margin-top:20px;
}
.SellerHowtoContents__item{
	padding-left: 1em;
	color:#333333;
	text-indent: -1em;
}
.SellerHowtoContents__item:before{
	content: "・";
}
.SellerHowtoContents__note{
	display:block;
	margin-top:.5em;
	padding-left:1em;
	color: #858585;
	text-indent: -1em;
	font-size: 75%;
	line-height: 120%;
}
.SellerHowtoContents__note:before{
	content:"※";
}

/*
--------------------------------------------------  ▼ CATEGORY: STORE --*/
.ypMdStrExm{}

/*-- ▽ howto
------------------------------*/
.ypMdStrHowto{}
.ypMdStrHowto .ptsStrRegister{
	background:#FCFCFB;
	padding:15px 10px 10px;
	border:5px solid #F3F2EF;
}
.ypMdStrHowto .ptsStrRegister h1{
	margin-bottom:20px; padding-bottom:5px;
	border-bottom:2px solid #E7E7E6;
	font-size:112%; color:#737167;
}
.ypMdStrHowto .ptsStrRegister h2{ margin-bottom:.35em;	}
.ypMdStrHowto .ptsStrRegister .elAddressBox{
    background-color:#f1f0e8;
	padding:10px 20px; margin-bottom:10px;
	font-weight:bold; color:#666;
}
.ypMdStrHowto .ptsStrRegister .decBtnYAS{
	border:1px solid #bdc887;
	background-color:#d3e190;
	font-weight:bold; color:#535931;
}
.ypMdStrHowto .ptsStrRegister .decBtnPdf{
	position:relative;
	padding-right:60px;
	color:#2163A6;
	font-weight:bold;
}
.ypMdStrHowto .ptsStrRegister .decBtnPdf:after{
	background:url(../guide/sp_icon_pdf.png) right center no-repeat;
	background-size:34px 16px; -moz-background-size:34px 16px;
	position:absolute; top:0; right:5px;
	content:"";
	height:100%; width:34px;
	padding-left:5px;
	border-left:1px solid #ceccba; line-height:15px;
}
.ypMdByrHowtoCC #conveni_atm {
	margin-top: 27px;
	padding-top: 27px;
	border-top: 2px solid #e7e6df;
}
.ypMdByrHowtoCC #convenicharge,.ypMdByrHowtoCC #conveni,.ypMdByrHowtoCC #ota {
	margin-top: 30px;
	padding-bottom: 8px;
	border-bottom: 2px solid #e7e6df;
}
.ypMdByrHowtoCC .elConvList {
	width: 300px;
	margin: 10px auto 0;
}
.ypMdByrHowtoCC .elConvList li {
	width: 130px;
	height: 105px;
	margin: 0 10px 15px;
	float: left;
	text-indent: -9999px;
}
.ypMdByrHowtoCC .elConvList li a {
	width: 130px;
	height: 105px;
	display: block;
	background:url(../guide/sp_figByrHowto_1_4.png) no-repeat 0 0;
	background-size: 280px auto;
}
.ypMdByrHowtoCC .elConvList li .lawson { background-position: 0 0;}
.ypMdByrHowtoCC .elConvList li .ministop { background-position: -150px 0;}
.ypMdByrHowtoCC .elConvList li .familymart { background-position: 0 -120px;}
.ypMdByrHowtoCC .elConvList li .circlekthanks { background-position: -150px -120px;}
.ypMdByrHowtoCC .elConvList li .seicomart { background-position: 0 -240px;}
.ypMdByrHowtoCC .elConvList li .dailyyamazaki { background-position: -150px -240px;}
.ypMdByrHowtoCC .elConvList li .threef { background-position: 0 -360px;}
.ypMdByrHowtoCC .elConvList li .seven-eleven { background-position: -150px -360px;}
.ypMdByrHowtoCC .decCapt {font-size:100%; font-weight:normal;}
.ypMdByrHowtoCC .otabtn {width: 130px;margin-left: 10px;margin-bottom: 19px;}

/*
--------------------------------------------------▼ PAGE COMMON FAQ --*/
.ypMdFaq{}
.ypMdFaq .ptsFaqList{ margin:20px 10px 0;}
.ypMdFaq .ptsFaqList li{border-bottom:1px solid #eee; margin-bottom:1em; padding-bottom:.75em;}
.ypMdFaq .ptsFaqList li:last-child{border-bottom:none; margin-bottom:0;padding-bottom:0;}
.ypMdFaq .ptsFaqList h2{border-bottom:2px solid #eee;padding-bottom:8px;margin:20px 0;}
.ypMdFaq .ptsFaqList li .elQ a{
	display:block;
	background:url(../guide/sp_icon_faqttl_sum.png) 6px 1px no-repeat;
	background-size:12px 18px; -moz-background-size:12px 18px;
	margin-bottom:.5em; padding-left:28px;
	font-size:112.5%; color:#333; font-weight:bold;
}
.ypMdFaq .ptsFaqList li.elSelect .elQ a {
	background:url(../guide/sp_icon_faqttl.png) 3px 5px no-repeat;
	background-size:18px 12px; -moz-background-size:18px 12px;
	padding-left:28px;
	color:#f39700;
}
.ypMdFaq .ptsFaqList li .elA{padding-left:28px;}
.ypMdFaq .ptsFaqList li .elA p {
    display: none;
    margin-top: 10px;
    word-break: break-all; word-wrap: break-word;
}
.ypMdFaq .ptsFaqList li .elA p:last-child{ margin-bottom:0;}
.ypMdFaq .ptsFaqList li .elA .decTitle {display: block;}
.ypMdFaq .ptsFaqList li .elA .decSummery {
    width: 100%;
	margin-bottom:0;
	overflow: hidden;
    text-overflow: ellipsis; white-space: nowrap;
}
.ypMdFaq .ptsFaqList li .elA .decEntry p{
	display:block;
}
.elA .PC{display:none;}


/*
--------------------------------------------------▼ PAGE INFORMATION --*/
.ypMdInfo{}
.ypMdInfo .ptsInfoNav{
	background:#f9f8f6;
	padding:13px 10px 12px;
	border-bottom:1px solid #e6e5dd;
}
.ypMdInfo .ptsInfoNav:first-child {border-bottom:4px solid red;}

.ptsInfoNav a{ text-decoration:none; font-weight:bold;}
.ptsInfoNav .decInfoNavPageInfo{ display:block; font-size:75%; color:#aaa; margin-top:-7px; margin-bottom:-3px; }

.ypMdInfo header h2{margin:15px 10px 5px;}

.ypMdInfo .ptsInfoCategory{ margin:15px 10px;}
.ypMdInfo .decAC a{ text-decoration:none;}

.ypMdInfoMntc{}
.ypMdInfoCmpn{}

/*-- ▽ INFOMATION LIST
------------------------------*/
.ptsInfoList{ margin:0;}
.ptsInfoList h2{ margin-left:10px; margin-bottom:5px; font-size:87.5%;}
.ptsInfoList ul{ margin-top:0;}
.ptsInfoList ul li{
	background:url(../guide/sp_icon_infoList.png) right 10px center no-repeat;
	background-size:12px 18px; -moz-background-size:12px 18px;
	border-bottom:1px solid #e6e5dd; margin-bottom:0;
}
.ptsInfoList ul li:first-child{border-top:1px solid #e6e5dd;}
.ptsInfoList ul li {}
.ptsInfoList ul li a{ display:block; padding:9px 40px 10px 10px; text-decoration:none;}
.ptsInfoList ul li a h3{ margin-bottom:0px; overflow: hidden; text-overflow:ellipsis;white-space: nowrap;}

.ptsInfoList span.decDate{ font-size:75%; color:#858585; margin-right:10px;}
.ptsInfoList span.decCat {
	background:#88a7b7;
	padding:1px 5px;
-webkit-border-radius:2px;
   -moz-border-radius:2px;
    border-radius:2px;
	font-size:75%; color:#fff;
}

/*-- ▽ INFOMATION CATEGORY
------------------------------*/
.ptsInfoCategory{text-decoration:none;}
.ypMdInfo .ptsInfoCategory header{
	background:#f1f0e8;
	border-top:1px solid #e3e1d3;
   border-left:1px solid #e3e1d3;
  border-right:1px solid #e3e1d3;
-webkit-border-radius:8px 8px 0 0;
   -moz-border-radius:8px 8px 0 0;
        border-radius:8px 8px 0 0;
	line-height:48px;
}
.ptsInfoCategory header h4{float:left; color:#8c8a7e; margin-bottom:0; margin-left:9px;}
.ptsInfoCategory header span.decBtnListOpen{
	background:url(../guide/sp_icon_btnCatLess.png) center no-repeat;
	background-size:16px 16px; -moz-backgroundi-size:16px 16px;
	float:right; display:block;
	height:48px; width:48px;
	text-indent:-9999px; overflow:hidden;
}
.ptsInfoCategory header span.decBtnListOpen:hover{ cursor:pointer; }
.ptsInfoCategory ul{ background:#f5f5f0;  margin:0; border-top:2px solid #b6b5ae;}
.ptsInfoCategory ul li{ margin-bottom:0;}
.ptsInfoCategory ul li a{display:block; margin:0 10px; padding:9px 0px 10px; text-decoration:none;  border-bottom:1px dotted #b6b5ae;}
.ptsInfoCategory ul li:last-child a{ border:none;}
.ptsInfoCategory ul li a .decArticleNum{ font-size:75%; color:#858585; margin-left:5px;}

.ptsInfoCategory.decInfoCatLess{border-bottom:2px solid #b6b5ae;}
.ptsInfoCategory.decInfoCatLess ul{ display:none; }
.ptsInfoCategory.decInfoCatLess header span.decBtnListOpen{
	background:url(../guide/sp_icon_btnCatMore.png) center no-repeat;
	background-size:16px 16px; -moz-backgroundi-size:16px 16px;
}

/*-- ▽ INFOMATION LATEST ARTICLE


/*
--------------------------------------------------▼ FOOTER --*/
.wrapFooterNav{ margin:30px 0 0;}

/*--  ▽ FOOTER  NAV Guide
------------------------------*/
.ptsNavTop{
	vertical-align: bottom;
	display: inline-block;
	float: right;
	position: relative;
}
.ptsNavTop a{
	background:#e3e2da url(../guide/sp_icon_btnToptoLink.png) center no-repeat;
	background-size:21px 15px; -moz-backgroundi-size:21px 15px;
	display:inline-block;
	float:right;
	width:40px; height:26px;
	text-indent:-9999px; overflow:hidden;
-webkit-border-radius:3px 3px 0 0;
   -moz-border-radius:3px 3px 0 0;
        border-radius:3px 3px 0 0;
        position: absolute;
        top:-26px;
        right: 10px;
}



.ptsNavList{margin:0;}
.ptsNavList h1{
	background:#f8f5ed url(../guide/sp_icon_ttlFoot.png) 10px center no-repeat;
	background-size:4px 16px; -moz-background-size:4px 16px;
	border-top:1px solid #d8d7cc; border-bottom:1px solid #d8d7cc;
	margin:0; padding:0 0 0 20px;
	line-height:41px; color:#666;}
.ptsNavList ul{background:#f0eee2;  margin:0;}
.ptsNavList ul li{
	background:url(../guide/sp_icon_btnLinkArrwR.png) 10px 15px no-repeat;
	background-size:12px; -moz-background-size:12px;
	border-bottom:1px solid #d8d7cc;
	margin:0; padding-left:16px;
}
.ptsNavList ul li a{ display:block; padding:10px; font-size:87.5%; color:#8c8a7e; text-decoration:none;}

.ptsNavList + .ptsNavList h1{ border-top:0;}

/*-- footerDefault 2.0.0
------------------------------*/
.footerDefault {
	font-size: 14px;
	line-height: 1;
	text-align: center;
}
.footerDefault .changeDevice {
	margin: 10px;
	font-size: 14px;
}
.footerDefault .changeDevice dl {
	display: inline-block;
	padding: 5px 5px 5px 10px;
	border: 1px solid #e7e7e7;
	background: #f9f9f9;
}
.footerDefault .changeDevice dt { display: inline; }
.footerDefault .changeDevice dt:after { content: ":"; }
.footerDefault .changeDevice dd { display: inline; }
.footerDefault .changeDevice dd:after { content: "|"; }
.footerDefault .changeDevice dd:last-child:after { content: ""; }
.footerDefault .changeDevice p { font-size: 12px; }
.footerDefault .changeDevice a, .footerDefault .changeDevice span { padding: 0 5px; text-decoration:none; }
.footerDefault .changeDevice span { font-weight: bold; }
.footerDefault .footerInner {
	padding: 13px 10px 15px 10px;
	border-top: 3px solid #d4d7db;
	background: #eeeeee;
}
.footerDefault .loginArea {
	margin-bottom: 15px;
	text-align: center;
}
.footerDefault .loginArea p + p { margin-top: 10px; }
.footerDefault .loginArea .loginName {
	display: inline-block;
	word-break: break-all;
	word-wrap: break-word;
	-moz-word-wrap: break-word;
	text-align: left;
}
.footerDefault .loginArea .loginStatus em { font-weight: bold; }
.footerDefault .commonLink { margin-bottom: 10px; }
.footerDefault .commonLink li { display: inline; }
.footerDefault .commonLink li:after { content: " | "; }
.footerDefault .commonLink li:last-child:after { content: ""; }
.footerDefault .subLink {
	margin-bottom: 8px;
	font-size: 12px;
}
.footerDefault .subLink li { display: inline; }
.footerDefault .subLink li:after { content: " - "; }
.footerDefault .subLink li:last-child:after { content: ""; }
.footerDefault small {
	display: block;
	font-size: 12px;
}

/*
--------------------------------------------------▼ COMMON DECO --*/
/* ClearFix */
.cf:after {/** for FF,Safari,Opera */	display: block;	visibility: hidden;	clear: both; height: 0;	content: ".";}.cf {/** for Win IE5.5-7 */ zoom: 1; }
/* Float */
.decFR{float:right;}
.decFL{float:left;}
.decPC{ margin-left:auto; margin-right:auto;}
/* Align */
.decAR{text-align:right;}
.decAC{text-align:center;}
.decAL{text-align:left;}
/* Inset */
.decInSt10{margin-left:10px; margin-right:10px;}
.decInSt15{margin-left:15px; margin-right:15px;}
.decInSt20{margin-left:20px; margin-right:20px;}

/* margins */
.mt5 {margin-top:5px;}   .mb5 {margin-bottom:5px;}
.mt10{margin-top:10px;}	 .mb10{margin-bottom:10px;}
.mt15{margin-top:15px;}	 .mb15{margin-bottom:15px;}
.mt20{margin-top:20px;}  .mb20{margin-bottom:20px;}

/*20170201*/
.mt25{margin-top:25px;}  .mb25{margin-bottom:25px;}
.mt30{margin-top:30px;}  .mb30{margin-bottom:30px;}

/*add*/
.yfokbnr_bottom{
	margin-bottom:0px;
}

.yfokbnr{
	margin: 0 0 -30px 10px;
	display:inline-block;
}
.yfokbnr_fnav{
	margin-top: 30px;
}

.AttentionInfo{
	color:#e74c3c;
}

.decTxtBlack{
	color: #333;
}

/*=================================
LinkButton
=================================*/
.LinkButton {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	margin: 0 auto 10px;
	padding: 8px;
	width: 270px;
	min-height: 71px;
	background-color: #f5f3e9;
	border: 1px solid #d9d8d0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 0 0 #ecebe8;
	-moz-box-shadow: 0 1px 0 0 #ecebe8;
	box-shadow: 0 1px 0 0 #ecebe8;
	color: #848173 !important;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
}
.LinkButton__note {
	color: #2163a6;
	font-size: 14px;
	font-weight: bold;
}
.LinkButton__icon {
	position: relative;
	display: inline-block;
	margin-right: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #408aca;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
.LinkButton__icon::before {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	left: 5px;
	width: 4px;
	height: 4px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}