@charset "utf-8";
.modaal-wrapper sup{vertical-align:middle;}
.modaal-wrapper .table__caution{color:#fff;}
@media only screen and (max-width:768px){
  .modaal-wrapper .modal-compare__inner{padding:10px;}
}
.mod-note-ol{margin-top:10px;}
.mod-note-ol:first-child{margin-top:0;}
.mod-section-title_1st + .mod-note-ol,.mod-section-title_2nd + .mod-note-ol,.mod-section-title_3rd + .mod-note-ol,.mod-section-title_4th + .mod-note-ol,.mod-section-title_5th + .mod-note-ol{margin-top:0;}
.mod-note-ol > li{position:relative;padding-left:2em;zoom:1;}
.mod-note-ol > li > span:first-child{position:absolute;top:0;left:0;zoom:1;}
.section_main_visual{min-height:0;margin-bottom:0;padding-bottom:12px;background:none;}
.section_main_visual:before,.section_main_visual:after{content:none;}
.box-horizontal{overflow:hidden;  /* height: 3em; 可視領域の高さ */width:100%;}
.box-horizontal .mask{  /* height: 5em; 横スクロールする理屈上の高さ */
width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;  /* 慣性スクロール */}
.box-horizontal .list{max-width:100%;margin:0 auto;border-top:1px solid #dedede;border-left:1px solid #dedede;}
.list__row{display:flex;justify-content:center;}
.box-horizontal .list .list__col{width:25%;border-right:1px solid #dedede;border-bottom:1px solid #dedede;padding:10px;}
@media only screen and (max-width:768px){
  .box-horizontal .list .list__col{width:215px;}
}
.box-horizontal .list .list__col.head{position:relative;}
.box-horizontal .list .list__col h2{font-size:16px;text-align:center;}
.box-horizontal .list .list__col.head p{margin-top:0;font-size:13px;font-weight:normal;line-height:1.4;text-align:center;}
.box-horizontal .list .list__col.head .img{text-align:center;margin:10px 0;}
.box-horizontal .list .list__col.head .img.cardface img{width:115px;}
.box-horizontal .list .list__col{text-align:left;}
.td-content dt{font-weight:bold;position:relative;}

/* .td-content dd {
  font-weight: 1.3rem;
} */
.td-content strong{color:#c00;}
.td-content .note{margin-top:3px;font-size:11px;}
.li_card li{float:left;margin:0 5px 5px 0;}
.list__row .list__col:nth-child(1){background:#e8e9e9;}
.list__row .list__col:nth-child(2){background:#fbedb5;}
.list__row .list__col:nth-child(3){background:#f6f4c2;}
.list__row .list__col:nth-child(4){background:#e9ebef;}
.mod-note-ol li{margin-top:10px;color:#555;font-size:1.2rem;}
.mod-note-ol li:frist-child{margin-top:0;}

/* tooltip */
.balloon{position:relative;display:inline-block;margin:0 0 0 10px;padding:0 3px;min-width:20px;max-width:100%;min-height:20px;max-height:100%;color:#fff;font-size:12px;background:#555;border-radius:3px;box-sizing:border-box;}
@media only screen and (max-width:768px){
  .balloon{margin-left:26px;}
}
.balloon:before{content:"";position:absolute;top:50%;left:0px;margin-top:-12px;border:15px solid transparent;border-right:0px solid #FFF;z-index:2;}
.balloon:after{content:"";position:absolute;top:80%;left:-9px;margin-top:-9px;border:3px solid transparent;border-right:7px solid #555;z-index:1;}
.balloon p{margin:0;padding:0;}
.bonusBox .bonus_img{position:absolute;display:table;left:110px;top:0px;color:#fff;}
.bonusBox .bonus_img2{left:140px;}
.bonusBox .bonus_img .txt_bonus{display:table-cell;vertical-align:middle;font-size:11px;position:relative;}
.tooltip{top:-60px;left:-64px;width:150px;position:absolute;height:50px;padding:10px;line-height:1.2;background:#000;border-radius:10px;        /* CSS3草案 */-webkit-border-radius:10px;    /* Safari,Google Chrome用 */-moz-border-radius:10px;   /* Firefox用 */display:none;z-index:10;}
.tooltip2{left:-95px;width:215px;}
.tooltip:before{content:"";position:absolute;bottom:-10px;left:46%;margin-left:-10px;width:0;height:0;border-top:10px solid #000;border-left:10px solid transparent;border-right:10px solid transparent;}
.tooltip.on{display:block;}
.bonusBox .bonus_img p{margin-top:0;}
.bonusBox .bonus_img .txt_bonus{cursor:pointer;}

/**************
brand_box
**************/
.brand_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;padding-left:16px;margin-top:10px;}
.brand_list li{border:1px solid #efefef;border-radius:5px;background:#fff;}
.brand_list li img{width:auto;height:24px;vertical-align:bottom;}
.cardlistBtn{width:940px;margin-top:9px;padding:10px 0px;color:#fff;font-weight:bold;font-size:22px;line-height:24px;border:#d0cece solid 1px;background:#696969;cursor:pointer;text-align:center;}
.cardlistBtn .close{display:none;}
.cardlistBtn.open .close{display:inline-block;*display:inline;*zoom:1;}
.cardlistBtn.open .open{display:none;}
.cardlistBtn .icon{display:inline-block;*display:inline;*zoom:1;width:24px;height:24px;margin:0px 0 0 10px;vertical-align:top;background:url('/afl/common/img/icon__open_w.png') center center no-repeat;}
.cardlistBtn.open .icon{background:url('/afl/common/img/icon__close_w.png') center center no-repeat;}