/*================================================
 * module.css (1.1.1)
================================================*/
body{font-family:-apple-system, "メイリオ", "Hiragino Kaku Gothic Pro", Meiryo, "ヒラギノ角ゴ Pro W3", "MS PGothic", "MS UI Gothic", Helvetica, Arial, sans-serif;font-size: 14px;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
/*----------------------------------------------
 * color
------------------------------------------------*/
strong,dl.table.border dt,dl.table dd,.attention ul li span,
dl.table dd strong{color:#000;}
#yjContentsBody,.buttonMedium button,.buttonMedium a,
a.btn,button.btn,
.listRowlink li dl dd,
.listRowlink li ul.list li a p,
dl.table dd dl.table dt,.black{color:#333;}
.hint,.buttonMedium .disabled a,.buttonMedium .disabled button{color:#666;}
strong .prev{color:#999;}
.prev,.edit,.listRowlink li ul.list li a strong{color:#1a75ff;}
strong.err,dl.table dd strong.err,.msgErr ul li:first-child{color:#e60013;}
em.asterisk span,em.asterisk:before{color:#cb6765;}
.gray{color:#777;}


/*----------------------------------------------
 * font
------------------------------------------------*/
.buttonMedium a,.buttonMedium button,.labelLarge .title{font-size:18px;}
/*small*/
.buttonMedium p,.buttonMedium span,.prev,.edit,.labelLarge span.edit,.labelMedium .title,.labelLarge .title.small{font-size:16px;}
a.small,p.small,span.small,div.small,em.small,strong.small,.hint,.badge,.labelSmall .title,.labelMedium .title.small,.listRowlink li .small,.list.small li,span.small,#yjContentsHeader .introduction{font-size:14px;}
.buttonMedium p .small,.buttonMedium span .small,.labelLarge .titleExplain,.labelSmall .title.small{font-size:12px;}
/*xsmall*/
.labelLarge .title.xsmall{font-size:14px;}
a.xsmall,p.xsmall,span.xsmall,div.xsmall,em.xsmall,strong.xsmall,.labelMedium .title.xsmall,.listRowlink li .xsmall,.list.xsmall li,span.xsmall{font-size:12px;}
.buttonMedium p .xsmall,.buttonMedium span .xsmall,.labelSmall .title.xsmall{font-size:10px;}

em.asterisk:before{font-size:11px;}
a#msg{font-size:0;}

.normal,.prev,.edit,
.listRowlink li ul.list li a p,
dl.table dd strong.err,
.labelLarge .titleExplain{font-weight:normal;}
.bold,.msgComplete,.msgErr,
.buttonMedium p,.buttonMedium span,.buttonMedium a,.buttonMedium button,
.labelLarge .title,.labelMedium .title,
.labelSmall .title,dl.box dt,
.listRowlink .link,.listRowlink .title,
.listRowlink li ul.list li a,.listRowlink li ul.list li strong,
dl.table dd strong{font-weight:bold;}


/*----------------------------------------------
 * parts
------------------------------------------------*/
.center{text-align:center;}
.nowrap{white-space:nowrap;}
.break{word-wrap:break-word;-moz-word-wrap:break-word;word-break:break-all}
.left{text-align:left;}
.right{text-align:right;}
.block{display:block;}
.inline{display:inline;}
.fLeft{float:left;}
.fRight{float:right;}
.clear{clear:both;}
.italic{font-style:italic;}
.ico{margin:0;margin-right:4px;vertical-align:baseline;margin-bottom:-0.13em;}
.pointer{cursor:pointer;}
.exp{margin-bottom:10px;clear:both;}
.badge{border:1px solid #bbb;background:#ffd;padding:0 3px;padding-bottom:1px;margin-right:3px;vertical-align:bottom;white-space:nowrap;}


/*----------------------------------------------
 * msg
------------------------------------------------*/
.msgComplete,.msgErr{border:1px solid #e60013;margin:0 10px 10px 10px;padding:5px 8px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;width:auto;}
.msgComplete{background-color:#effff3;border:1px solid #1f7800;color:#1f7800;text-align:center;}
.msgErr{background:#fef3f3;border:1px solid #e60013;color:#e60013;}
.msgErr ui li{margin:2px 0;}


/*----------------------------------------------
 * content > footer_link
------------------------------------------------*/
#yjContentsFooter ul.links{text-align:center;margin:0;padding:10px 0;}
#yjContentsFooter ul.links li{display:inline;list-style:none;padding:0;}
#yjContentsFooter ul.links li:after{content:" | ";}
#yjContentsFooter ul.links li:last-child:after{content:"";}


/*----------------------------------------------
 * mainFrame
------------------------------------------------*/
.mainFrame{margin:5px;padding:2px;background:#eee;border:2px solid #eee;}
.mainFrame,.itemBox{padding:5px;}


/*----------------------------------------------
 * itemBox
------------------------------------------------*/
.itemBox{
background:#fff;
border:1px solid #ddd;
margin-bottom:3px;
padding:3px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
min-height:1px;
}
.itemBox:last-child{margin-bottom:0;}

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


/*----------------------------------------------
 * asterisk
------------------------------------------------*/
em.asterisk{position:relative;padding-left:13px;line-height:1;}
em.asterisk:before{content:"\ff0a";display:block;position:absolute;top:4px;left:0;height:0;}
em.asterisk span{display:none;}


/*----------------------------------------------
 * hint
------------------------------------------------*/
.hint{padding-top:3px;}


/*----------------------------------------------
 * btn
------------------------------------------------*/
a.btn,
button.btn{
background:#e3e3e3;
-webkit-background-size:16px 16px;  
-moz-background-size:16px 16px; 
border:1px solid #bbb;
-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;
-webkit-box-shadow:inset 0 0 1px 1px #f6f6f6;
-moz-box-shadow:inset 0 0 1px 1px #f6f6f6;
-ms-box-shadow:inset 0 0 1px 1px #f6f6f6;
-o-box-shadow:inset 0 0 1px 1px #f6f6f6;
box-shadow:inset 0 0 1px 1px #f6f6f6;
vertical-align:bottom;
font:bold 12px "";
line-height:1;
margin:0;
padding:7px;
padding-bottom:8px;
text-align:center;
text-shadow:0 1px 0 #fff;
width:auto;
}


/*----------------------------------------------
 * buttonMedium
------------------------------------------------*/
.buttonMedium{text-align:center;letter-spacing:-0.4em;}
.buttonMedium p,
.buttonMedium span{
width:auto;
min-width:180px;
margin:0 auto;
display:inline-block;
*display:inline;
*zoom:1;
letter-spacing:normal;
vertical-align:top;
border:1px solid #bbb;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;background-color:#f4f4f4;background:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(0.5,#fff),to(#ccc));background:-moz-linear-gradient(center top,#fff,#fff 50%,#ccc);-moz-box-shadow:0 0 1px #f1f1f1;-webkit-box-shadow:0 0 1px #f1f1f1;}

.buttonMedium.two p{width:auto;min-width:123px;}
.buttonMedium.two p:last-child{margin-left:5px;}

.buttonMedium a,.buttonMedium button{
display:block;text-decoration:none;border:1px solid #fff;border-top:none;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;margin-bottom:0;line-height:1;border:none;background:transparent;font-family:inherit;padding:8px 0;white-space:nowrap;}

.buttonMedium p a,.buttonMedium p button,
.buttonMedium span a,.buttonMedium span button{border:1px solid #4374fb;padding-left:8px;padding-right:8px;}
.buttonMedium p.submit a,.buttonMedium p.submit button,
.buttonMedium span.submit a,.buttonMedium span.submit button{border:1px solid #fff4af;}
.buttonMedium p.alert a,.buttonMedium p.alert button,
.buttonMedium p.alert span,.buttonMedium span.alert button{border:1px solid #fdc4c0;}

.buttonMedium.two p a,.buttonMedium.two p button{padding-left:0;padding-right:0;}


.buttonMedium p.submit a, .buttonMedium p.submit button, .buttonMedium span.submit a, .buttonMedium span.submit button {
border: 1px solid #4374fb;
color: #fff;
box-shadow: 0 2px 0 rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 0 rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.1);
-o-box-shadow: 0 0 0 rgba(0,0,0,0.1);
-ms-box-shadow: 0 0 0 rgba(0,0,0,0.1);
}


.buttonMedium button{cursor:pointer;width:100%;}
.buttonMedium a, x:-moz-broken{padding:11px 8px;display:block;overflow:auto;}

.buttonMedium .submit{border:1px solid #4374fb;border-top:1px solid #5f89fb;background:#4374fb;box-shadow: 0 2px 0 rgba(0,0,0,0.1);-moz-box-shadow: 0 0 0 rgba(0,0,0,0.1);-webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.1);-o-box-shadow: 0 0 0 rgba(0,0,0,0.1);-ms-box-shadow: 0 0 0 rgba(0,0,0,0.1);}

.buttonMedium .cancel{border:1px solid #bbb;background:#f4f4f4;background:#fff;-moz-box-shadow:0 0 1px #bbb;-webkit-box-shadow:0 0 1px #bbb;}

.buttonMedium .alert{border:1px solid #ca7171;background:#fdc4c0;-moz-box-shadow:0 0 1px #ca7171;-webkit-box-shadow:0 0 1px #ca7171;}

.buttonMedium .disabled{border:1px solid #bbb;background:#ddd;-moz-box-shadow:0 0 1px #bbb;-webkit-box-shadow:0 0 1px #bbb;}

span.buttonMedium p,span.buttonMedium span{width:auto;min-width:inherit;}
span.buttonMedium a,span.buttonMedium button{padding:4px;}

/* for firefox */
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{
border:0;padding:0;margin:0;}

.buttonMedium a, x:last-of-type{padding:8px 0;}

/* div.mainFrame > .buttonMedium メインフレーム直下のボタン */
div.mainFrame > .buttonMedium{margin-top:8px;}


/*----------------------------------------------
 * icon
------------------------------------------------*/

/*help,prev,edit Icon*/
.help,.prev,.edit,.info,.warning{
display:inline;
background-repeat:no-repeat;
background-position:left center;
-webkit-background-size:16px 16px;
background-size:16px 16px;
padding-top:2px;padding-bottom:2px;
padding-left:18px;
}

/* .help{background-image:url(/images/icon/f/bsc/1.0.0/help16.png);} */
html:not(:target) .help{padding:0;background:none;line-height:normal;text-decoration:none;font-size: small}
html:not(:target) .help:before{content:"?";display:inline-block;width:14px;height:14px;margin-right:2px;padding:0;border:1px solid #3887d6;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;background:#f7f7f7;font-size:12px;font-weight:bold;line-height:15px;text-align:center;text-indent:0;}
/* for safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {html:not(:target) .help:before{line-height:16px;}}

.info{background-image:url(/images/id/img/guide/ico_info.png);}
.warning{background-image:url(/images/icon/u/bsc/1.0.0/warning16.png);}

/*iconImg read*/
.add_blue,.del_blue,.edit_blue,.chk_blue,.play_blue,.stop_blue{
  padding-left:18px;
  background:url(/images/account/sp/img/lib/module/1.0.0/ico_blue.png) no-repeat;
  -webkit-background-size:16px 112px;
  background-size:16px 112px;
}

.add_white,.del_white,.edit_white,.chk_white,.play_white,.stop_white{
  padding-left:18px;
  background:url(/images/account/sp/img/lib/module/1.0.0/ico_white.png) no-repeat;
  -webkit-background-size:16px 112px;
  background-size:16px 112px;
}

.add_gray,.del_gray,.edit_gray,.chk_gray,.play_gray,.stop_gray{
  padding-left:18px;
  background:url(/images/account/sp/img/lib/module/1.0.0/ico_gray.png) no-repeat;
  -webkit-background-size:16px 112px;
  background-size:16px 112px;
}

/*************アイコン＋リンク時のカラー調整***********************/

.add_blue,.edit_blue,.del_blue,.chk_blue,.play_blue,.stop_blue{
  color: #1a75ff;
}

.add_gray,.edit_gray,.del_gray,.chk_gray,.play_gray,.stop_gray,.flag_gray{
  color: #999;
}
.add_white,.edit_white,.del_white,.chk_white,.play_white,.stop_white,.flag_white{
  color: #fff;
}

/*****************アイコン位置調整******************************/

/*アイコンのline-hight調整*/
.add,.add_white,.add_blue,.add_gray,.edit_white,.edit_blue,.edit_gray,.del,.del_white,.del_blue,.del_gray,.chk,.chk_white,.chk_blue,.chk_gray,.play,.play_white,.play_blue,.play_gray,.stop,.stop_white,.stop_blue,.stop_gray,.help,.main,.flag,.flag_white,.flag_gray{
  line-height: 1;
}

/*addIcon*/
.add,.add_white,.add_blue,.add_gray{
  background-position:0 1px;
}
/*editIcon*/
.edit_white,.edit_blue,.edit_gray{
  background-position:0 -19px;
}
/*deleteIcon*/
.del,.del_white,.del_blue,.del_gray{
  background-position:2px -39px;
}
/*chkIcon*/
.chk,.chk_white,.chk_blue,.chk_gray{
  background-position:0 -56px;
}
/*playIcon*/
.play,.play_white,.play_blue,.play_gray{
  background-position:2px -76px;
}
/*stopIcon*/
.stop,.stop_white,.stop_blue,.stop_gray{
  background-position:0 -96px;
}


/**************************アイコンをサイズ変更に対応させる用。*********************************/



/*addIcon*/
.small.add_white, .small.add_blue, .small.add_gray{
  background-size:13px 91px;
  background-position:3px 2px;
}
.xsmall.add_white, .xsmall.add_blue, .xsmall.add_gray{
  background-size:13px 91px;
  background-position:3px 0px;
}
/*editIcon*/
.small.edit_white, .small.edit_blue, .small.edit_gray{
  background-size:13px 91px;
  background-position:4px -14px;
}
.xsmall.edit_white, .xsmall.edit_blue, .xsmall.edit_gray{
  background-size:13px 91px;
  background-position:4px -16px;
}
/*deleteIcon*/
.small.del_white, .small.del_blue, .small.del_gray{
  background-size:13px 91px;
  background-position:4px -30px;
}
.xsmall.del_white, .xsmall.del_blue, .xsmall.del_gray{
  background-size:13px 91px;
  background-position:4px -31px;
}
/*chkIcon*/
.small.chk_white, .small.chk_blue, .small.chk_gray{
  background-size:13px 91px;
  background-position:3px -45px;
}
.xsmall.chk_white, .xsmall.chk_blue, .xsmall.chk_gray{
  background-size:13px 91px;
  background-position:3px -46px;
}
/*playIcon*/
.small.play_white, .small.play_blue, .small.play_gray{
  background-size:13px 91px;
  background-position:5px -63px;
}
.xsmall.play_white, .xsmall.play_blue, .xsmall.play_gray{
  background-size:13px 91px;
  background-position:5px -62px;
}
/*stopIcon*/
.small.stop_white, .small.stop_blue, .small.stop_gray{
  background-size:13px 91px;
  background-position:3px -78px;
}
.xsmall.stop_white, .xsmall.stop_blue, .xsmall.stop_gray{
  background-size:13px 91px;
  background-position:3px -79px;
}

.help.xsmall{
font-size:12px;
background-size:12px 12px;
background-position:0px 2px;
padding-left:14px;
}


/**************************アイコンをサイズ変更に対応させる用。ここまで*********************************/




/*----------------------------------------------
 * label
------------------------------------------------*/
.labelLarge,
.labelMedium{line-height:1;}

/* h1 */
.labelLarge{margin-bottom:9px;*border-bottom:1px solid #d5d5d5;overflow:hidden;position:relative;}
.labelLarge:after{content:"";display:block;height:0;border-bottom:1px solid #dedede;box-shadow:0 1px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.2);}
.labelLarge div{padding:4px 10px 2px 10px;border-top:4px solid #2c7cf6;border-bottom:1px solid #fff;background:#f7f7f7;overflow:hidden;}
.labelLarge .title{display:inline;margin-right:12px;line-height:34px;vertical-align:middle;}
.labelLarge .titleExplain{line-height:34px;vertical-align:middle;}
.labelLarge span.edit{line-height:1;position:absolute;top:16px;right:10px;}

/* h2 */
.labelMedium{margin-bottom:5px;line-height:1;position:relative;}
.labelMedium div{padding-bottom:6px;background:#fff;overflow:hidden;}
.labelMedium .title{display:inline;margin-right:12px;padding:3px 0 0 8px;border-left:4px solid #2c7cf6;line-height:20px;vertical-align:middle;}
.labelMedium span.prev,
.labelMedium span.edit{position:absolute;top:2px;}
.labelMedium span.prev{right:-5px;}
.labelMedium span.edit{right:-1px;}

/* h3 */
.labelSmall{margin-bottom:5px}
.labelSmall div{margin: 5px 10px;padding: 0 2px;border-bottom:1px solid #d5d5d5;overflow:hidden;}
.labelSmall .title{display:inline;margin-right:12px;vertical-align:middle;}
.labelSmall+.listRowlink,.labelSmall+.listTextlink{margin-top:-5px;border-top:0;}


/*----------------------------------------------
 * div(box)
------------------------------------------------*/
div.box{padding:10px;}


/*----------------------------------------------
 * agreement,itmView(box)
------------------------------------------------*/
.agreement{padding:10px;border:1px solid #ccc;word-break:break-all;word-wrap:break-word;-moz-word-wrap:break-word;background:#f7f7f7;}


/*----------------------------------------------
 * ul,ol(list)
------------------------------------------------*/
/* ul , ol */
.list li{margin:5px 10px 5px 20px;}
.list li div.box{margin-left:-10px;}
.list li.none{list-style-type:none;margin-left:10px;}
.list li.none div.box{margin-left:0;}
.list li strong.block{display:block;}
.list li span{margin-left:-5px;}

/* ul */
ul.list li,ol.list li ul.list li{list-style:disc outside;}

/* ol */
ol.list li{list-style:decimal outside;}


/*----------------------------------------------
* introduction
------------------------------------------------*/
.introduction{padding:0 10px;margin-bottom:10px;}
.introduction ul.list li{margin:0 0 5px 20px;}


/*----------------------------------------------
 * attention
------------------------------------------------*/
.attention{border-top:1px dotted #333;margin:10px 0 0 0;padding-top:5px;}
.attention strong{display:block;}
.attention ul li{list-style:disc outside;margin-left:24px;padding:0;}
.attention ul li span{display:block;margin-top:3px;margin-left:-8px;}


/*----------------------------------------------
 * .listRowlink
------------------------------------------------*/
.listRowlink{
border-top:1px solid #e6e6e6;
border:1px solid #999;
margin-bottom:1px;
}
.listRowlink li{
border-bottom:1px solid #ccc;
background:#fff;
white-space:-moz-pre-wrap;
word-wrap:break-word;
}

.listRowlink li strong{background:#ffd;}

.listRowlink li a,
.listRowlink li span,
.listRowlink li strong{
/* overflow:hidden; */
display:block;
padding:5px 10px;
}

/* .listRowlink li dl{overflow:hidden;} */
.listRowlink li dl dd{padding-left:10px;}

.listRowlink .link,
.listRowlink .title{
margin-bottom:2px;
line-height:1;
}

div .listRowlink .title > h3{
border-bottom:1px solid #aaa;
padding:8px 10px;
background:#eee;
}

.listRowlink ul.list li a{padding:0;}
.listRowlink li ul.list li{border:none;margin:5px 0 5px 0;}
.listRowlink li ul.list li a,
.listRowlink li ul.list li strong{padding-left:0;margin-bottom:0;line-height:1;}
.listRowlink li ul.list li strong{background:none;}
.listRowlink li ul.list li strong:after{content:"\00ff1a";}
.listRowlink li ul.list li ul{margin-left:20px;}
.listRowlink li ul.list li ul li p{margin-left:-5px;}
.listRowlink .check dl dd{padding:0;margin-top:17px;line-height:1;}

.listRowlink li a,
.listRowlink li strong{
background-repeat:no-repeat;
background-position:right center;
-webkit-background-size:16px 16px;
background-size:16px 16px;
}

.listRowlink li a{background-image:url(/images/account/sp/img/lib/module/1.0.0/arrow_blue_next_l.png);}
.listRowlink li strong{background-image:url(/images/account/sp/img/lib/module/1.0.0/arrow_gray_next_l.png);}

.listRowlink li a span.prev,
.listRowlink li strong span.prev{
margin-top:-8px;
padding-right:8px;
background:none;
}


/*----------------------------------------------
 * clearfix
------------------------------------------------*/
.clearfix:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.clearfix{min-height:1px;}


/*----------------------------------------------
 * form
------------------------------------------------*/
input,select,textarea,button,label{
line-height:1;
margin:0;
padding:0;
}

input.txtbox[type=checkbox],
input.txtbox[type=text],
input.txtbox[type=password],
input.txtbox[type=email],
input.txtbox[type=tel],
input.txtbox[type=url],
input.txtbox[type=number],
input.txtbox,
textarea.txtbox,
select.txtbox{
   background: rgba(255, 255, 255, 0.9);
   background:-moz-linear-gradient(90deg, #fff, #eee); /* Firefox */
   background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff), color-stop(0.2, #fff)); /* Webkit */
   border:1px solid #7f9db9;
   -moz-border-radius:3px;
   -ms-border-radius:3px;
   -o-border-radius:3px;
   -webkit-border-radius:3px;
   border-radius: 3px;
   padding:8px;
   width:100%;
}

input.txtbox[type=checkbox]:focus,
input.txtbox[type=text]:focus,
input.txtbox[type=password]:focus,
input.txtbox[type=email]:focus,
input.txtbox[type=tel]:focus,
input.txtbox[type=url]:focus,
input.txtbox[type=number]:focus{
   border-color:#1a75ff;
   -moz-box-shadow:0 0 3px #0459b7;
   -webkit-box-shadow:0 0 3px #0459b7;
   outline:none; /* Pour enlever le contour jaune lorsque l'on sélectionne un input dans Chrome */
}

input.txtbox.err[type=checkbox],
input.txtbox.err[type=text],
input.txtbox.err[type=password],
input.txtbox.err[type=email],
input.txtbox.err[type=tel],
input.txtbox.err[type=url],
input.txtbox.err[type=number],
input.txtbox.err,
select.err{border:1px solid #e60013;}

input.txtbox[type=text]:disabled,
select:disabled,
option:disabled{
   cursor:default;
   background: #eee;
}


input.small{width:50%;}

.input[type="radio"],
.input[type="checkbox"]{vertical-align:middle;margin-top:-6px;margin-right:2px;}

/*----------------------------------------------
 * dl(box)
------------------------------------------------*/
dl.box dt,
dl.box dd{border:1px solid #999;padding:8px 6px;}
dl.box dt{background:#eee;}
dl.box dd{border-top:none;}
dl.box ul{margin:5px 0;padding:0;}
dl.box dd ul li{list-style:outside disc;margin:0;margin-left:20px;padding:0;}
dl.box dd ul li strong{border-bottom:none;margin-bottom:0;display:inline;margin-left:-5px;}


/*----------------------------------------------
 * dl(table)
------------------------------------------------*/
/*table(common)*/
dl.table{margin-bottom:10px;}
dl.table > dt,dl.table > dd{line-height:1;}

dl.table dt:after{content:"\00ff1a";}
dl.table dt,dl.table dd{word-break:break-all;word-wrap:break-word;-moz-word-wrap:break-word;}

dl.table dt{padding:6px;}
dl.table dd{padding:6px 8px;}

dl.table dd strong.err{display:block;margin-bottom:1px;}
dl.table dd strong.err.none{display:none;}
dl.table dd.empty{height:1.6em;}

/*table(border)*/
dl.table.border dt,
dl.table.border dd{border:1px solid #999;}
dl.table.border dt{background:#eee;}
dl.table.border dt:after{content:"";}
dl.table.border dd{border-top:none;margin-bottom:10px;padding:6px;background:#fff;}

dl.table.border dd input{margin-bottom:0;}
dl.table.border dd input,
dl.table.border dd label{margin-top:0;}

/*table(border+merge)*/
dl.table.merge dd{margin-bottom:0;}
dl.table.merge dt{border-top:none;}
dl.table.merge dt:after{content:"";}
dl.table.merge dt:first-child{border-top:1px solid #999;}

/*table > table*/
dl.table:last-child,dl.table.border:last-child,dl.table dd:last-child,dl.table dd dl.table:last-child{margin-bottom:0;}
dl.table dd ul.list li:first-child,dl.table dd dl.table dd ul.list li:first-child,
dl.table dd ol.list li:first-child,dl.table dd dl.table dd ol.list li:first-child{margin-top:0;}
dl.table dd ul.list li:last-child,dl.table dd dl.table dd ul.list li:last-child,
dl.table dd ol.list li:last-child,dl.table dd dl.table dd ol.list li:last-child{margin-bottom:0;}


/*----------------------------------------------
 * box-sizing
------------------------------------------------*/
#content,#header,#footer,#msg,
.badge,
a.btn,button.btn,
input,select,textarea,button,label{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing: border-box;
box-sizing:border-box;
}


/*----------------------------------------------
 * animation
------------------------------------------------*/
.anim,.fadeIn,.fadeOut{
-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:1s;
-moz-animation-duration:1s;
-ms-animation-duration:1s;
-o-animation-duration:1s;
animation-duration:1s;
}

@-webkit-keyframes fadeIn{
0%{opacity:0;}  
100%{opacity:0.99;}
}

@-moz-keyframes fadeIn{
0%{opacity:0;}  
100%{opacity:0.99;}
}

@-ms-keyframes fadeIn{
0%{opacity:0;}  
100%{opacity:0.99;}
}

@-o-keyframes fadeIn{
0%{opacity:0;}  
100%{opacity:0.99;}
}

@keyframes fadeIn{
0%{opacity:0;}  
100%{opacity:0.99;}
}

@-webkit-keyframes fadeIn_for_footer{
0%{opacity:0;}
80%{opacity:0;}
100%{opacity:0.99;}
}

.fadeIn{
-webkit-animation-name:fadeIn;
-moz-animation-name:fadeIn;
-ms-animation-name:fadeIn;
-o-animation-name:fadeIn;
animation-name:fadeIn;
}

@-webkit-keyframes fadeOut{
0%{opacity:0.99;}
100%{opacity:0;}
}

@-moz-keyframes fadeOut{
0%{opacity:0.99;}
100%{opacity:0;}
}

@-ms-keyframes fadeOut{
0%{opacity:0.99;}
100%{opacity:0;}
}

@-o-keyframes fadeOut{
0%{opacity:0.99;}
100%{opacity:0;}
}

@keyframes fadeOut{
0%{opacity:0.99;}
100%{opacity:0;}
}

.fadeOut{
-webkit-animation-name:fadeOut;
-moz-animation-name:fadeOut;
-ms-animation-name:fadeOut;
-o-animation-name:fadeOut;
animation-name:fadeOut;
}

dl.table dd .close{display:none;}

/*----------------------------------------------
 * setFooter common.js 1.0.6
------------------------------------------------*/
#footer{
-webkit-animation-name:fadeIn_for_footer;
-moz-animation-name:fadeIn_for_footer;
-ms-animation-name:fadeIn_for_footer;
-o-animation-name:fadeIn_for_footer;
animation-name:fadeIn_for_footer;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:alternate;
-webkit-animation-duration:1s;
-webkit-animation-timing-function:ease-in;
-webkit-animation-iteration-count:1;
opacity:0.99;
}

#footer.adjust{
width:100%;
position:absolute;
bottom:0;
}


/* mobile (landscape:only) & tablet (portrait & landscape) */
@media only screen and (min-width:480px) and (max-device-width:1280px){
/*----------------------------------------------
 * font
------------------------------------------------*/
.labelMedium .title.small{font-size:16px;}

/*----------------------------------------------
 * form
------------------------------------------------*/
/* normal */
input.txtbox,
select.txtbox,
textarea.txtbox{margin-top:-7px;}

/* border */
dl.table.border dd input.txtbox,
dl.table.border dd textarea.txtbox{margin-top:-3px;}

dl.table.border dd input.err,
dl.table.border dd textarea.err{margin-top:-2px;}

dl.table.border dd select.txtbox{margin-top:-2px;}


/* for pc*/
/* normal */
#pc input.txtbox,
#pc select.txtbox,
#pc textarea.txtbox{margin-top:-1px;}

/* border */
#pc dl.table.border dd input.txtbox,
#pc dl.table.border dd textarea.txtbox{margin-top:0;}

#pc dl.table.border dd input.err,
#pc dl.table.border dd textarea.err{margin-top:0;}

#pc dl.table.border dd select.txtbox{margin-top:0;}


/*----------------------------------------------
 * btnSet
------------------------------------------------*/
dl.table dd .btnSet{margin-top:-7px;}
dl.table.border dd .btnSet{margin-top:-3px;}


/*----------------------------------------------
 * dl(table)
------------------------------------------------*/
dl.table dt,dl.table dd,
dl.table.border dt,dl.table.border dd{padding:8px 5px;}

dl.table > dt{
width:192px;
margin-right:-192px;
float:left;
clear:both;
display:inline;
text-align:right;
position:absolute;
}

dl.table dd{
margin-left:192px;
}

dl.table dd:after{
content:"\00ff1a";
visibility:hidden;
height:0;
display:block;
clear:both;
}

dl.table:after{
height:0;
visibility:hidden;
content:".";
display:block;
clear:both;
}

dl.table.border{
background:#eee;
border:1px solid #999;
border-top:none;
}

dl.table.border dt,
dl.table.border dd{
line-height:1.35;
padding-bottom:6px;
}

dl.table.border dt{
width:185px;
background:none;
border:none;
border-top:1px solid #999;
margin-top:0;
}

dl.table.border dd{
margin-left:195px;
border:1px solid #999;
border-bottom:none;
border-right:none;
margin-bottom:0;
}

dl.table dd strong.err{margin-bottom:7px;}

dl.table dd dl.table,
dl.table dd dl.table dt,
dl.table dd dl.table dd{display:block;clear:both;height:auto;border:none;text-align:left;background:none;}

dl.table dd dl.table dt{position:static;}

dl.table dd dl.table:last-child,
dl.table.border dd dl.table.border dd:last-child{margin-bottom:0;}

dl.table dd dl.table dt,
dl.table dd dl.table dd{margin:0;}

dl.table dd dl.table dt:after{content:"\00ff1a";border:none;}
dl.table dd dl.table dt,
dl.table dd dl.table dd{padding:5px;}

dl.table.merge dl.table dt:first-child{border:none;}

dl.table dd dl.table.border dt,
dl.table dd dl.table.border dd,
dl.table.border dd dl.table.border dt,
dl.table.border dd dl.table.border dd{border:1px solid #999;}
dl.table dd dl.table.border dt,
dl.table.border dd dl.table.border dt{background:#eee;}
dl.table dd dl.table.border dt:after,
dl.table.border dd dl.table.border dt:after{content:"";}
dl.table dd dl.table.border dd,
dl.table.border dd dl.table.border dd{border-top:none;margin-bottom:10px;}
dl.table dd dl.table.border dd:after,
dl.table.border dd dl.table.border dd:after{content:"";}

dl.table dd dl.table.border dd input,
dl.table.border dd dl.table.border dd input{margin-bottom:0;}

dl.table dd dl.table.border dd input,
dl.table.border dd dl.table.border dd input,
dl.table dd dl.table.border dd label,
dl.table.border dd dl.table.border dd label{margin-top:0;}
dl.table dd dl.table.border dd select,
dl.table.border dd dl.table.border dd select{margin-top:1px;}

dl.table dd dl.table.merge dd,
dl.table.border dd dl.table.merge dd{margin-bottom:0;}
dl.table dd dl.table.merge dt,
dl.table.border dd dl.table.merge dt{border-top:none;}
dl.table dd dl.table.merge dt:after,
dl.table.border dd dl.table.merge dt:after{content:"";}
dl.table dd dl.table.merge dt:first-child,
dl.table.border dd dl.table.merge dt:first-child{border-top:1px solid #999;}

dl.table dd dl.table.border,
dl.table.border dd dl.table.border{margin-left:12px;}
dl.table dd dl.table.border dt,
dl.table.border dd dl.table.border dt{width:100%;margin-left:-12px;}
dl.table dd dl.table.border dd,
dl.table.border dd dl.table.border dd{margin-left:-12px;}

}














/*================================================
 * add segment.css (1.0.3)　※新UI用custom_patch
================================================*/

.close{display:none;}/*moduleにあるとバグるんだったかな？*/
/**********************************************
 * watch
 **********************************************/
.watch{text-decoration:underline;text-decoration-color:#f33; color:#f33;}

/*デザイン変更保留
.headerDefault #logo{}
*/

/**********************************************
 * module（実験用）mainFrame itemBox
 **********************************************/
/*spなら消してよいもの（reg共通）*/
#sp .sp_close{display:none}



/*色変更*/

/**********************************************
 * # Button
 **********************************************/
.buttonMedium{margin:12px 0;}
/*検索ボタンの位置微調整*/
#sp span.buttonMedium{margin-top:-1px;}
/*検索ボタンふっくらと微調整*/
#sp span.buttonMedium a#btnSearch, span.buttonMedium button#btnSearch{padding:6px 4px;}


/**********************************************
 * module（実験用） input
 **********************************************/
/*palceholderの表示位置*/
input::-webkit-input-placeholder{line-height:1.2}
input:-moz-placeholder{line-height:1.2}


/**********************************************
 * module（実験用） hint
 **********************************************/
#sp ul.hint li{font-size:12px;line-height:1.1;}


/**********************************************
 * reg/ccc（共通部品）
 * segment
 **********************************************/
#logo a,
.yjmthproplogoarea a{cursor:default}
.footerDefault .commonLink{display:none;margin:0;}


/**********************************************
 * H1（実験用）
 **********************************************/
#sp .labelLarge .title{font-size:14px; line-height:28px;}


/**********************************************
 * H2（実験用）
 **********************************************/
h2.title.none{border:none;padding-left:0}
h2.title.none img.ico_t{margin-right:5px;vertical-align:text-top}
#sp h2.title.none img.ico_t{margin:0 3px;}

#sp .labelMedium .title{
font-size:14px;
line-height:17px;
padding-top:0;
padding-left:5px;
margin-left:3px;
}

#sp .labelMedium .title.none{
margin-left:-1px;
padding-left:2px;
}

/*h2 in link pos*/
#tGuidePos{border:none; padding-top:0; margin-top:0;}
#tGuidePos,#captchaGudePos{position:relative;}
#tGuidePos a,#captchaGudePos a{position:absolute;top:0.2em;}
#tGuidePos a{left:14em;}
#captchaGudePos a{top:0.08em;left:7em;}

/*h2 custom*/
#tGuidePos .labelMedium{border-bottom:none;}
#tGuidePos .labelMedium div{border-bottom:none; padding-bottom:0;}


/**********************************************
 * H3（実験用）
 **********************************************/
#pc .labelSmall .title{font-size:86%;}


/**********************************************
 * msg（共通部品）
 **********************************************/
/*失敗*/
#sp #msg.msgErr ul li{font-size:14px;line-height:1.2;}
#sp #msg.msgErr ul li span{font-size:12px; line-height:1;}
/*成功*/
#pc .msgComplete span.xsmall.normal{margin-top:5px}


/**********************************************
 * agreement（共通部品）
 **********************************************/
#agreement .labelMedium{border-bottom:0;}
#agreement .labelMedium div{padding-bottom:4px}
#policyBox1.agreement,#policyBox2.agreement{padding:5px; margin-bottom:3px;}
#policyBox1 .attention,#policyBox2 .attention{display:block;border:1px dotted #bbb;background:#fff;padding-top:3px;}

/*h3*/
.agreement .labelSmall div{margin-top:0;padding:0 0 2px;text-align:center;background:#ddd}
#pc .agreement .labelSmall div{padding-top:5px;}

/*IE6とIE7のコロン表示させない対策*/
#policyBox1.agreement .attention dl.table dd,
#policyBox2.agreement .attention dl.table dd,
#yahooDeliver dl.table dd{*background-image:none; *padding-left:3px;}

/**********************************************
 * attention（共通部品）
 **********************************************/
.box.attention{line-height:1; font-size:12px; padding:5px;}


/**********************************************
 * # dl table
 **********************************************/
dl.table{margin-bottom:0;}
/*module.cssの上書き処理*/
dl.table dt img.ico{margin-right:0;}

/*for reg*/
#reg #pc dl.table,
#ccc #pc dl.table{margin-left:32px;}	


/**********************************************
 * 画像認証
 **********************************************/
dl.table dt span#captcha1{display:inline;color:#333;}


/**********************************************
 * コンテンツフッターリンク（buttonタグの偽リンク版）
 **********************************************/
#yjContentsFooter button{
background:none;border:none;color:#1a75ff;
}
#pc #yjContentsFooter button,#pc #yjContentsFooter button:active{
color:#00f;
cursor:pointer;
text-decoration:underline;
font-size:100%;
}
#pc #yjContentsFooter button:active{
color:#f00;outline:none;
}

/*spの縦型以外の時は表示させる*/
dl.table.fix dt span.close{display:inline;color:#333;}
em.asterisk span.sp_close{display:inline;}


/**********************************************
* チップ（custom）
**********************************************/
.tipView .tipBody{padding-right:5px;}
.tipView .tipBody .small{font-size:12px;}

/**********************************************
 * Yahoo!メールのサジェスチョン
 **********************************************/
#yahooMailTxt{background-color:#ffc;}

/**********************************************
 * ime（半角設定）
 **********************************************/
#cccModalInput,#cardNum,#yid,#em,#birth,#postalCode,#postalCode_a,#tel,#pw,#pw2,#secword{ime-mode:disabled;}

/**********************************************
 * パスワードを表示しないの位置
 **********************************************/
/*passwordの表示・非表示*/

/*入力を英数字のみ*/
#pw,#pw2{ime-mode:inactive;}

#sp #labelSet{position:relative;}

#sp dl.table dd #labelPos label{margin-left:3px;}

/*pc*/
#pc dl.table.fix dd #labelPos{margin-top:5px;}

@media screen and (max-width: 320px){
#policyBox2.agreement ul.list li{list-style-position:inside; margin:5px 0 0 2px;}
}

@media screen and (max-width: 479px){
/*================================================
 * dl.table(fix) for 320px
================================================*/
dl.table.fix:after{height:0;visibility:hidden;content:".";display:block;clear:both}
dl.table.fix dt{width:6em;margin-right:-6em;line-height:1.6;padding:0;padding-top:5px;float:left;clear:both;text-align:right}

dl.table.fix dd{margin-left:5.5em;line-height:1.6}

dl.table.fix dd input.txtbox.small{width:100%}
dl.table.fix dd input.txtbox,dl.table.fix dd input.txtbox.small{margin-top:-4px}
dl.table.fix dd .tipView .tipBody{left:-10px;font-size:12px}
dl.table.fix dd .tipView .tipBody #tipTxt{font-size:12px}

/*================================================
 * agreement
================================================*/
/*項目非表示にした分、左に詰める*/
#policyBox1.agreement .attention dl.table,
#policyBox2.agreement .attention dl.table,
#yahooDeliver dl.table{margin-left:-1.3em;}

#policyBox2.agreement ul.list li{list-style-position:inside; margin:5px 0 0 5px;}
.agreement .privacy span{line-height:1;margin-bottom:5px;/*display:inline-block*/}


#postalCode.txtbox{width:55%;}

dl.table.fix dt{width:7em;margin-right:-7em;}
dl.table.fix dd{margin-left:6.5em;line-height:1.6;}


/*captcha-min.cssの修正必要*/
input#secword{width:100%;}


/*reg/1.0.3/segment.cssから削除してfix追加*/
#tGuidePos dt{display:inline;}

dl.table dt.small{font-size:14px; white-space:nowrap}
dl.table dt.xsmall{font-size:10px; white-space:nowrap}

/*reg/ccc/1.0.5/segment.cssでチップ調整*/
#sp dl.table.fix dd #tip_creImg .tipBody {left:-105px;}
#sp dl.table.fix dd #tip_cre .tipBody{left:-20px;}
/*reg/1.0.3/segment.css：追加*/

/*spの縦型の時のみ非表示*/
em.asterisk span.sp_close{display:none;}
dl.table.fix dt span.close{display:none;}

/*項目名称を省略させる*/
#sp dl.table.fix dt span.close{display:none;}

 /*input2の場合*/
#sp dl.table.fix dd #meter{width:118px;}
#sp dl.table.fix dd #meter div{width:23px;}

/**********************************************
* チップ（custom）
**********************************************/
/*郵便番号*/
#tip_a.tipView .tipBody{left:-15px;}
}