@charset "UTF-8";

/*! html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) Richard Clark (http://richclarkdesign.com) http://cssreset.com */
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;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}

/* change colours to suit your needs */
ins{background-color:#ff9;color:#000;text-decoration:none;}

/* change colours to suit your needs */
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}

/* change border colour to suit your needs */
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}

/*============================
共通
============================*/
.asterisk{bottom:0.3em;font-size:80%;padding-right:0;position:relative;vertical-align:top;}
.bold{font-weight:bold;}
.normal{font-weight:normal!important;}
.sas-r{bottom:0.3em;padding-right:0px;font-size:80%;vertical-align:top;}
.amex_reg{color:#666;font-size:12px;margin:10px 0 20px;}
.noteList_star_num{font-size:14px;line-height:18px;}
.noteList_star_num > li{padding-left:23px;}
.noteList_star_num > li > span.listMark{display:inline-block;margin-left:-23px;width:23px;}
.contents .bigTtl{background:#49906a no-repeat center top;}
.card_st1__block{margin-left:-30px;}
.card_st1__block .noteList{font-size:12px;}
.card_st1__block .card_st1__box{width:460px;float:left;margin-left:30px;margin-top:30px;background-color:#eaeaea;}
@media only screen and (max-width:768px){
  .card_st1__block .card_st1__box{height:auto!important;width:auto;float:none;margin-top:15px;}
}
.card_st1__block .card_st1__box .cardname{color:#fff;background-color:#666666;text-align:center;padding:10px 0;font-size:18px;font-weight:bold;}
.card_st1__block .card_st1__box .cardname span{vertical-align:middle;}
.card_st1__block .card_st1__box .card_st1__box_inner{padding:17px 20px 20px;}
.card_st1__block .card_st1__box .card_st1__box_inner .txt{font-size:18px;text-align:center;}
.card_st1__block .card_st1__box .card_st1__box_inner .txt p{line-height:1.4em;}
@media only screen and (max-width:768px){
  .card_st1__block .card_st1__box .card_st1__box_inner{padding:15px 10px;}
  .card_st1__block .card_st1__box .card_st1__box_inner .txt{font-size:14px;}
  .card_st1__block .card_st1__box .card_st1__box_inner .card_info_wrap{height:auto!important;}
}
.card_st1__block .card_st1__box .card_st1__box_inner .osusume{background-color:#fff;margin-bottom:20px;margin-top:17px;}
.card_st1__block .card_st1__box .card_st1__box_inner .osusume .osusume_txt1{display:inline-block;background:url(../img/card_select/bg_arrow_g_right.png) right center no-repeat #cccccc;line-height:48px;height:48px;padding-right:20px;padding-left:20px;}
.card_st1__block .card_st1__box .card_st1__box_inner .osusume .osusume_txt2{line-height:48px;height:48px;color:#c11a00;padding-left:20px;}
@media only screen and (max-width:768px){
  .card_st1__block .card_st1__box .card_st1__box_inner .osusume{margin-top:13px;margin-bottom:15px;}
  .card_st1__block .card_st1__box .card_st1__box_inner .osusume p{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
  .card_st1__block .card_st1__box .card_st1__box_inner .osusume .osusume_txt1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:auto;padding:7px 20px 7px 17px;background-size:auto 100%;line-height:1.3;text-align:center;}
  .card_st1__block .card_st1__box .card_st1__box_inner .osusume .osusume_txt2{-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2;height:auto;padding:7px 15px;line-height:1.3;}
}
.card_st1__block .card_st1__box .card_st1__box_inner .cardimage{width:190px;float:left;}
.card_st1__block .card_st1__box .card_st1__box_inner .cardimage img{width:100%;}
@media only screen and (max-width:768px){
  .card_st1__block .card_st1__box .card_st1__box_inner .cardimage{width:35%;}
}
.card_st1__block .card_st1__box .card_st1__box_inner .card_info{width:195px;float:right;line-height:1.5;}
.card_st1__block .card_st1__box .card_st1__box_inner .card_info .appeal_txt_st1{border:1px solid #cc0000;text-align:center;margin-bottom:5px;}
.card_st1__block .card_st1__box .card_st1__box_inner .card_info .appeal_txt_st1 span{color:#cc0000;vertical-align:middle;font-size:13px;}
@media only screen and (max-width:768px){
  .card_st1__block .card_st1__box .card_st1__box_inner .card_info{width:calc(65% - 10px);}
  .card_st1__block .card_st1__box .card_st1__box_inner .card_info .appeal_txt_st1 span{font-size:11px;}
}
.card_st1__block .card_st1__box .card_st1__box_inner .appeal_txt_st1_2{clear:both;}
.card_st1__block .card_st1__box .card_st1__box_inner .fee{font-size:16px;line-height:1.5em;}
.card_st1__block .card_st1__box .card_st1__box_inner .fee .title{font-weight:bold;}
.card_st1__block .card_st1__box .card_st1__box_inner .fee2{line-height:1.35em;}
.card_st1__block .card_st1__box .card_st1__box_inner .add_btn{clear:both;padding-top:15px;}
.card_st1__block .card_st1__box .card_st1__box_inner .add_btn > span{width:198px;display:inline-block;margin-left:18px;}
.card_st1__block .card_st1__box .card_st1__box_inner .add_btn > span:first-child{margin-left:0;}
@media only screen and (max-width:768px){
  .card_st1__block .card_st1__box .card_st1__box_inner .add_btn{font-size:15px;font-weight:bold;}
}
#card_select_navi_est{margin-bottom:30px;}
@media only screen and (max-width:768px){
  #card_select_navi_est{margin-bottom:15px;}
}
#card_select_navi_est .card_st1__block .card_st1__box .card_st1__box_inner .cardimage{width:160px;}
#card_select_navi_est .card_st1__block .card_st1__box .card_st1__box_inner .card_info{width:225px;}
@media only screen and (max-width:768px){
  #card_select_navi_est .card_st1__block .card_st1__box .card_st1__box_inner .cardimage{width:35%;}
  #card_select_navi_est .card_st1__block .card_st1__box .card_st1__box_inner .card_info{width:calc(65% - 10px);}
}

/*------------------------------------------------------------ スクロールフェード用スタイル ------------------------------------------------------------*/
@-webkit-keyframes poyon{
  0%{-webkit-transform:scale(0.8,1.4) translate(0%,-100%);transform:scale(0.8,1.4) translate(0%,-100%);}
  10%{-webkit-transform:scale(0.8,1.4) translate(0%,-15%);transform:scale(0.8,1.4) translate(0%,-15%);}
  20%{-webkit-transform:scale(1.4,0.6) translate(0%,30%);transform:scale(1.4,0.6) translate(0%,30%);}
  30%{-webkit-transform:scale(0.9,1.1) translate(0%,-10%);transform:scale(0.9,1.1) translate(0%,-10%);}
  40%{-webkit-transform:scale(0.95,1.2) translate(0%,-30%);transform:scale(0.95,1.2) translate(0%,-30%);}
  50%{-webkit-transform:scale(0.95,1.2) translate(0%,-10%);transform:scale(0.95,1.2) translate(0%,-10%);}
  60%{-webkit-transform:scale(1.1,0.9) translate(0%,5%);transform:scale(1.1,0.9) translate(0%,5%);}
  70%{-webkit-transform:scale(1,1) translate(0%,0%);transform:scale(1,1) translate(0%,0%);}
  100%{opacity:1;-webkit-transform:scale(1,1) translate(0%,0%);transform:scale(1,1) translate(0%,0%);}
}
@keyframes poyon{
  0%{-webkit-transform:scale(0.8,1.4) translate(0%,-100%);transform:scale(0.8,1.4) translate(0%,-100%);}
  10%{-webkit-transform:scale(0.8,1.4) translate(0%,-15%);transform:scale(0.8,1.4) translate(0%,-15%);}
  20%{-webkit-transform:scale(1.4,0.6) translate(0%,30%);transform:scale(1.4,0.6) translate(0%,30%);}
  30%{-webkit-transform:scale(0.9,1.1) translate(0%,-10%);transform:scale(0.9,1.1) translate(0%,-10%);}
  40%{-webkit-transform:scale(0.95,1.2) translate(0%,-30%);transform:scale(0.95,1.2) translate(0%,-30%);}
  50%{-webkit-transform:scale(0.95,1.2) translate(0%,-10%);transform:scale(0.95,1.2) translate(0%,-10%);}
  60%{-webkit-transform:scale(1.1,0.9) translate(0%,5%);transform:scale(1.1,0.9) translate(0%,5%);}
  70%{-webkit-transform:scale(1,1) translate(0%,0%);transform:scale(1,1) translate(0%,0%);}
  100%{opacity:1;-webkit-transform:scale(1,1) translate(0%,0%);transform:scale(1,1) translate(0%,0%);}
}
@-webkit-keyframes poyooon{
  0%{-webkit-transform:scale(1,1) translate(0%,-20%);transform:scale(1,1) translate(0%,-20%);}
  10%{-webkit-transform:scale(1.1,0.9) translate(0%,5%);transform:scale(1.1,0.9) translate(0%,5%);}
  40%{-webkit-transform:scale(1.3,0.8) translate(0%,15%);transform:scale(1.3,0.8) translate(0%,15%);}
  50%{-webkit-transform:scale(1,1) translate(0%,0%);transform:scale(1,1) translate(0%,0%);}
  60%{-webkit-transform:scale(0.9,1.5) translate(0%,-100%);transform:scale(0.9,1.5) translate(0%,-100%);}
  75%{-webkit-transform:scale(0.9,1.2) translate(0%,-20%);transform:scale(0.9,1.2) translate(0%,-20%);}
  85%{-webkit-transform:scale(1.2,0.8) translate(0%,15%);transform:scale(1.2,0.8) translate(0%,15%);}
  100%{-webkit-transform:scale(1,1) translate(0%,0%);transform:scale(1,1) translate(0%,0%);}
}
@keyframes poyooon{
  0%{-webkit-transform:scale(1,1) translate(0%,-20%);transform:scale(1,1) translate(0%,-20%);}
  10%{-webkit-transform:scale(1.1,0.9) translate(0%,5%);transform:scale(1.1,0.9) translate(0%,5%);}
  40%{-webkit-transform:scale(1.3,0.8) translate(0%,15%);transform:scale(1.3,0.8) translate(0%,15%);}
  50%{-webkit-transform:scale(1,1) translate(0%,0%);transform:scale(1,1) translate(0%,0%);}
  60%{-webkit-transform:scale(0.9,1.5) translate(0%,-100%);transform:scale(0.9,1.5) translate(0%,-100%);}
  75%{-webkit-transform:scale(0.9,1.2) translate(0%,-20%);transform:scale(0.9,1.2) translate(0%,-20%);}
  85%{-webkit-transform:scale(1.2,0.8) translate(0%,15%);transform:scale(1.2,0.8) translate(0%,15%);}
  100%{-webkit-transform:scale(1,1) translate(0%,0%);transform:scale(1,1) translate(0%,0%);}
}
@media only screen and (min-width:769px){
  #wrapper .tamaru.js-fadein .js-fadein1st{opacity:0;-webkit-transition-delay:1500ms;-o-transition-delay:1500ms;transition-delay:1500ms;}
  #wrapper .tamaru.js-fadein.js-scrollin .js-fadein1st{opacity:1;-webkit-animation:poyon 1.5s linear 1500ms 1;animation:poyon 1.5s linear 1500ms 1;}
  #wrapper .tamaru.js-fadein .js-fadein2nd{opacity:0;-webkit-transition:all 500ms ease-in;-o-transition:all 500ms ease-in;transition:all 500ms ease-in;-webkit-transform:translateX(-150px);-ms-transform:translateX(-150px);transform:translateX(-150px);-webkit-transition-delay:2000ms;-o-transition-delay:2000ms;transition-delay:2000ms;}
  #wrapper .tamaru.js-fadein.js-scrollin .js-fadein2nd{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
  #wrapper .tamaru.js-fadein .js-fadein3rd{opacity:0;-webkit-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;-webkit-transform:translateX(-300px);-ms-transform:translateX(-300px);transform:translateX(-300px);-webkit-transition-delay:2500ms;-o-transition-delay:2500ms;transition-delay:2500ms;}
  #wrapper .tamaru.js-fadein.js-scrollin .js-fadein3rd{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
	#wrapper .tamaru.js-fadein .js-fadein4th{opacity:0;-webkit-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;-webkit-transform:translateX(-300px);-ms-transform:translateX(-300px);transform:translateX(-300px);-webkit-transition-delay:3000ms;-o-transition-delay:3000ms;transition-delay:3000ms;}
  #wrapper .tamaru.js-fadein.js-scrollin .js-fadein4th{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
  #wrapper .tamaru.js-fadein .js-fadein5th{opacity:0;-webkit-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;-webkit-transform:translateX(-300px);-ms-transform:translateX(-300px);transform:translateX(-300px);-webkit-transition-delay:3500ms;-o-transition-delay:3500ms;transition-delay:3500ms;}
  #wrapper .tamaru.js-fadein.js-scrollin .js-fadein5th{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
  #wrapper .tamaru.js-fadein .js-fadein4th-jmb{opacity:0;-webkit-transition:all 800ms ease-in-out;-o-transition:all 800ms ease-in-out;transition:all 800ms ease-in-out;-webkit-transition-delay:3000ms;-o-transition-delay:3000ms;transition-delay:3000ms;}
  #wrapper .tamaru.js-fadein.js-scrollin .js-fadein4th-jmb{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
  #wrapper .tamaru.js-fadein .js-fadein4th-jal{opacity:0;-webkit-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;-webkit-transition-delay:3000ms;-o-transition-delay:3000ms;transition-delay:3000ms;}
  #wrapper .tamaru.js-fadein.js-scrollin .js-fadein4th-jal{opacity:1;-webkit-animation:poyooon 0.9s linear 3000ms 1;animation:poyooon 0.9s linear 3000ms 1;}
  #wrapper .tamaru.js-fadein .js-fadein6th-jmb{opacity:0;-webkit-transition:all 800ms ease-in-out;-o-transition:all 800ms ease-in-out;transition:all 800ms ease-in-out;-webkit-transition-delay:3500ms;-o-transition-delay:3500ms;transition-delay:3500ms;}
  #wrapper .tamaru.js-fadein.js-scrollin .js-fadein6th-jmb{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
  #wrapper .tamaru.js-fadein .js-fadein6th-jal{opacity:0;-webkit-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;-webkit-transition-delay:3500ms;-o-transition-delay:3500ms;transition-delay:3500ms;}
  #wrapper .tamaru.js-fadein.js-scrollin .js-fadein6th-jal{opacity:1;-webkit-animation:poyooon 0.9s linear 3500ms 1;animation:poyooon 0.9s linear 3500ms 1;}
}
@media only screen and (max-width:768px){
  #wrapper .mileDiff.js-fadein .js-fadein1st{opacity:0;-webkit-transition-delay:500ms;-o-transition-delay:500ms;transition-delay:500ms;}
  #wrapper .mileDiff.js-fadein.js-scrollin .js-fadein1st{-webkit-animation:poyon 1.5s linear 500ms 1;animation:poyon 1.5s linear 500ms 1;opacity:1;}
  #wrapper .mileDiff.js-fadein .js-fadein2nd{opacity:0;-webkit-transition:all 500ms ease-in;-o-transition:all 500ms ease-in;transition:all 500ms ease-in;-webkit-transform:translateX(-150px);-ms-transform:translateX(-150px);transform:translateX(-150px);-webkit-transition-delay:1000ms;-o-transition-delay:1000ms;transition-delay:1000ms;}
  #wrapper .mileDiff.js-fadein.js-scrollin .js-fadein2nd{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
  #wrapper .mileDiff.js-fadein .js-fadein3rd{opacity:0;-webkit-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;-webkit-transform:translateX(-300px);-ms-transform:translateX(-300px);transform:translateX(-300px);-webkit-transition-delay:1500ms;-o-transition-delay:1500ms;transition-delay:1500ms;}
  #wrapper .mileDiff.js-fadein.js-scrollin .js-fadein3rd{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
  
	#wrapper .mileDiff.js-fadein .js-fadein4th{opacity:0;-webkit-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;-webkit-transform:translateX(-300px);-ms-transform:translateX(-300px);transform:translateX(-300px);-webkit-transition-delay:2000ms;-o-transition-delay:2000ms;transition-delay:2000ms;}
  #wrapper .mileDiff.js-fadein.js-scrollin .js-fadein4th{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
	
	
	
  #wrapper .mileDiff.js-fadein .js-fadein5th{opacity:0;-webkit-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;-webkit-transform:translateX(-300px);-ms-transform:translateX(-300px);transform:translateX(-300px);-webkit-transition-delay:2500ms;-o-transition-delay:2500ms;transition-delay:2500ms;}
  #wrapper .mileDiff.js-fadein.js-scrollin .js-fadein5th{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
  #wrapper .mileDiff.js-fadein .js-fadein4th-jmb{opacity:0;-webkit-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;-webkit-transform:translateY(25px);-ms-transform:translateY(25px);transform:translateY(25px);-webkit-transition-delay:2000ms;-o-transition-delay:2000ms;transition-delay:2000ms;}
  #wrapper .mileDiff.js-fadein.js-scrollin .js-fadein4th-jmb{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
  #wrapper .mileDiff.js-fadein .js-fadein4th-jal{opacity:0;-webkit-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;-webkit-transition-delay:2000ms;-o-transition-delay:2000ms;transition-delay:2000ms;}
  #wrapper .mileDiff.js-fadein.js-scrollin .js-fadein4th-jal{opacity:1;-webkit-animation:poyooon 0.9s linear 2000ms 1;animation:poyooon 0.9s linear 2000ms 1;}
}

/* clearfix */
.cf:before,.cf:after{content:" ";display:table;}
.cf:after{clear:both;}
.cf{*zoom:1;}

/* ------------------------------------------ element ------------------------------------------ */
body{font-size:14px;line-height:1.4;}
@media only screen and (max-width:768px){
  body{font-size:12px;}
}
img{max-width:100%;height:auto;vertical-align:top;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em{font-weight:bold;font-style:normal;}
sub,sup{font-size:8px;}
sup{vertical-align:top;}
.small{font-size:85%;}
a:hover{color:#c00;}
@media only screen and (max-width:768px){
  .pc{display:none!important;}
}
.sp{display:none!important;}
@media only screen and (max-width:768px){
  .sp{display:block!important;}
}

/* ------------------------------------------ layout ------------------------------------------ */
#wrapper{margin:0 auto;padding:0;}
@media only screen and (max-width:768px){
  #wrapper{min-width:0;}
}
.inner,.gHeader__inner,.lead__txt,.section__inner,.bnrTtl,.cardType,.gFooter__inner{width:950px;margin:0 auto;}
@media only screen and (max-width:768px){
  .inner,.gHeader__inner,.lead__txt,.section__inner,.bnrTtl,.cardType,.gFooter__inner{width:auto;}
}

/* ------------------------------------------ ヘッダー ------------------------------------------ */
.gHeader{background:#fff url(/afl/webticket3/img/bg_header.jpg) no-repeat center bottom;background-size:cover;}
.gHeader__inner{height:660px;padding:40px 0 0;text-align:center;}
.gHeader .logo{margin:0 0 40px;text-align:left;}
.gHeader .pageTitle{margin-bottom:10px;}
.gHeader .nenkai{margin-bottom:40px;}
.gHeader .entryBtn{margin-bottom:30px;}
.gHeader .entryBtn a{display:block;max-width:470px;margin:0 auto;padding:20px 0;background:#c00;-webkit-box-shadow:0 0 4px #001f4c;box-shadow:0 0 4px #001f4c;-webkit-transition:all 500ms;-o-transition:all 500ms;transition:all 500ms;}
.gHeader .entryBtn a:hover{background:#cb4e4e;}
.gHeader .note{font-size:13px;line-height:1.3;font-weight:bold;}
.cpn_kikan{position:absolute;top:0;right:0;width:100%;}
.cpn_kikan_inner{width:950px;margin:0 auto;}
.cpn_kikan p{text-align:right;padding:20px 0;color:#fff;}
@media only screen and (max-width:768px){
  .gHeader{background:#fff url(/afl/webticket3/img/sp-bg_header.jpg) no-repeat center bottom;}
  .gHeader__inner{height:auto;padding:20px;}
  .gHeader .logo{margin-bottom:20px;}
  .gHeader .logo img{width:130px;}
  .gHeader .pageTitle{margin:0 0 20px;}
  .gHeader .nenkai{margin:0 12px 25px;}
  .gHeader .entryBtn{margin:0 auto 15px;}
  .gHeader .entryBtn a{max-width:none;padding:4vw 10px;}
  .gHeader .entryBtn a img{height:5.5vw;}
  .gHeader .note{font-size:12px;font-weight:normal;}
  .gHeader .note br{display:none;}
  .cpn_kikan{position:relative;}
  .cpn_kikan_inner{width:100%;background:#fff;padding:3vw 0;}
  .cpn_kikan p{text-align:center;color:#000;padding:0;}
}

/* ------------------------------------------ リード文（黒い帯の所） ------------------------------------------ */
.lead{background:#333;padding:18px;}
.lead__txt{color:white;line-height:1.333;font-size:18px;text-align:center;}
@media only screen and (max-width:768px){
  .lead{padding:15px 20px;}
  .lead__txt{font-size:14px;}
  .lead__txt br{display:none;}
}

/* ------------------------------------------ メイン ------------------------------------------ */
.section__header{position:relative;padding:38px 0;}
.section__header:before{content:"";position:absolute;bottom:-40px;left:calc(50% - 86px);width:172px;height:40px;background:url(/afl/webticket3/img/bg_section_ttl.png) no-repeat;}
.section__header h2{text-align:center;}
@media only screen and (max-width:768px){
  .section__header{padding:15px 20px 20px;}
  .section__header:before{bottom:-20px;left:calc(50% - 43px);width:86px;height:20px;background-size:86px 20px;}
}
.section.-sec01 .section__body{padding:55px 0;background:#d4dcdd url(/afl/webticket3/img/bg_section_body_01.png);}
@media only screen and (max-width:768px){
  .section.-sec01 .section__body{padding:0 10px 15px;}
}
.section.-sec01 .section__inner{background:url(/afl/webticket3/img/bg_section_body_inner_01.png) repeat-y center top;}
@media only screen and (max-width:768px){
  .section.-sec01 .section__inner{background:none;}
}
.section.-sec01 .section__inner .tamaru{padding-top:25px;}
.section.-sec01 .section__inner .tamaru:after{content:"";display:block;clear:both;}
.section.-sec01 .section__inner .tamaru__item{float:left;width:450px;background:#fff;}
.section.-sec01 .section__inner .tamaru__item.-kokusai{float:right;}
.section.-sec01 .section__inner .tamaru__item.-kokusai .tamaru__ttl{background-color:#000;}
.section.-sec01 .section__inner .tamaru__item.-kokusai .tamaru__body .mileDiff__body.-jmb .graph{padding-top:160px;}
@media only screen and (max-width:768px){
  .section.-sec01 .section__inner .tamaru__item.-kokusai .tamaru__body .mileDiff__body.-jmb .graph{padding-top:125px;}
}
.section.-sec01 .section__inner .tamaru__item.-kokusai .tamaru__footer{background:#bbd676;}
.section.-sec01 .section__inner .tamaru__ttl{padding:5px 10px;background:#c00;color:white;font-size:32px;text-align:center;}
.section.-sec01 .section__inner .tamaru__nara{margin:20px 30px 30px;padding:7px 10px 5px;text-align:center;background:#e7e7e7;}
.section.-sec01 .section__inner .tamaru__nara em{font-size:22px;}
@media only screen and (max-width:768px){
  .section.-sec01 .section__inner .tamaru{padding-top:33px;}
  .section.-sec01 .section__inner .tamaru__item{float:none;width:auto;}
  .section.-sec01 .section__inner .tamaru__item.-kokusai{margin-top:15px;float:none;}
  .section.-sec01 .section__inner .tamaru__ttl{font-size:22px;}
  .section.-sec01 .section__inner .tamaru__nara{margin-top:15px;margin-bottom:15px;font-size:14px;}
  .section.-sec01 .section__inner .tamaru__nara em{font-size:18px;}
}
@media only screen and (max-width:768px) and (max-width:320px){
  .section.-sec01 .section__inner .tamaru__nara{margin:15px 15px 12px;}
}
.section.-sec01 .section__inner .tamaru__body{margin:0 30px;}
@media only screen and (max-width:768px){
  .section.-sec01 .section__inner .tamaru__body{margin:0 45px;}
}
@media only screen and (max-width:768px) and (max-width:320px){
  .section.-sec01 .section__inner .tamaru__body{margin:0 20px;}
}
.section.-sec01 .section__inner .tamaru__body .mileDiff{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.section.-sec01 .section__inner .tamaru__body .mileDiff__total{height:40px;margin-bottom:3px;padding-top:5px;text-align:center;font-weight:bold;}
.section.-sec01 .section__inner .tamaru__body .mileDiff__total em{font-size:22px;}
.section.-sec01 .section__inner .tamaru__body .mileDiff__body{width:180px;}
.section.-sec01 .section__inner .tamaru__body .mileDiff__body.-jmb .graph{padding-top:200px;}
.section.-sec01 .section__inner .tamaru__body .mileDiff__body.-jalcard .mileDiff__total{height:45px;padding-top:0;color:#c00;}
.section.-sec01 .section__inner .tamaru__body .mileDiff__body.-jalcard .mileDiff__total em{font-size:30px;}
.section.-sec01 .section__inner .tamaru__body .mileDiff__card{margin-bottom:25px;text-align:center;}
.section.-sec01 .section__inner .tamaru__body .mileDiff__card img{width:80px;margin-bottom:7px;}
.section.-sec01 .section__inner .tamaru__body .mileDiff__card img.w60{width:60px;}
.section.-sec01 .section__inner .tamaru__body .mileDiff__card span{display:block;}
@media only screen and (max-width:768px){
  .section.-sec01 .section__inner .tamaru__body .mileDiff__total{height:25px;font-size:10px;}
  .section.-sec01 .section__inner .tamaru__body .mileDiff__total em{font-size:15px;}
  .section.-sec01 .section__inner .tamaru__body .mileDiff__body{width:calc(50% - 10px);}
  .section.-sec01 .section__inner .tamaru__body .mileDiff__body.-jmb .graph{padding-top:325px;}
  .section.-sec01 .section__inner .tamaru__body .mileDiff__body.-jalcard .mileDiff__total{height:30px;padding-top:0;}
  .section.-sec01 .section__inner .tamaru__body .mileDiff__body.-jalcard .mileDiff__total em{font-size:20px;}
  .section.-sec01 .section__inner .tamaru__body .mileDiff__card{margin-bottom:15px;}
  .section.-sec01 .section__inner .tamaru__body .mileDiff__card img{width:60px;}
}
.section.-sec01 .section__inner .tamaru__body .graph{margin-bottom:16px;background:url(/afl/webticket3/img/mile_empty.png);text-align:center;color:#000;}
.section.-sec01 .section__inner .tamaru__body .graph [class^="mile"]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;padding:0 12px;}
.section.-sec01 .section__inner .tamaru__body .graph [class^="mile"] img{max-width:156px;}
.section.-sec01 .section__inner .tamaru__body .graph .mile5000{height:100px;background:#92cfe1;}
.section.-sec01 .section__inner .tamaru__body .graph .mile148{height:80px;background:#fff652;}
.section.-sec01 .section__inner .tamaru__body .graph .mile1476{height:140px;background:#ccc;}
.section.-sec01 .section__inner .tamaru__body .graph .mile1000{height:120px;background:#92cfe1;}
.section.-sec01 .section__inner .tamaru__body .graph .mile1000_2{height:80px;background:#92cfe1;}
.section.-sec01 .section__inner .tamaru__body .graph .mile500{height:100px;background:#859dc7;}
.section.-sec01 .section__inner .tamaru__body .graph .mile13000{height:275px;background:#feaac4;}
.section.-sec01 .section__inner .tamaru__body .graph .mile3000_2{height:125px;background:#feaac4;}
.section.-sec01 .section__inner .tamaru__body .graph .mile500_2{height:85px;background:#859dc7;}
.section.-sec01 .section__inner .tamaru__body .graph .mile5000_2{height:85px;background:#92cfe1;}
.section.-sec01 .section__inner .tamaru__body .graph .mile3362{height:85px;background:#fff652;}
.section.-sec01 .section__inner .tamaru__body .graph .mile942{height:80px;background:#fff652;}
.section.-sec01 .section__inner .tamaru__body .graph .mile9412{height:180px;background:#ccc;}
@media only screen and (max-width:768px){
  .section.-sec01 .section__inner .tamaru__body .graph{margin-bottom:10px;}
  .section.-sec01 .section__inner .tamaru__body .graph [class^="mile"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:5px;}
  .section.-sec01 .section__inner .tamaru__body .graph [class^="mile"] img{max-width:100%;max-height:100%;}
  .section.-sec01 .section__inner .tamaru__body .graph .mile5000{height:172px;}
  .section.-sec01 .section__inner .tamaru__body .graph .mile284{height:80px;}
  .section.-sec01 .section__inner .tamaru__body .graph .mile1134{height:78px;}
  .section.-sec01 .section__inner .tamaru__body .graph .mile2000{height:70px;}
	.section.-sec01 .section__inner .tamaru__body .graph .mile13000_2{height:150px;}
	.section.-sec01 .section__inner .tamaru__body .graph .mile3000{height:90px;}
  .section.-sec01 .section__inner .tamaru__body .graph .mile5000_2{height:85px;}
	.section.-sec01 .section__inner .tamaru__body .graph .mile500_2{height:75px;}
  .section.-sec01 .section__inner .tamaru__body .graph .mile3362{height:85px;}
  .section.-sec01 .section__inner .tamaru__body .graph .mile13446{height:170px;}
}
.section.-sec01 .section__inner .tamaru__note{margin:0 30px 30px;font-size:12px;line-height:1.7;}
@media only screen and (max-width:768px){
  .section.-sec01 .section__inner .tamaru__note{margin-bottom:18px;padding-bottom:20px;}
}
.section.-sec01 .section__inner .tamaru__footer{position:relative;padding:10px;background:#fad1bb;}
.section.-sec01 .section__inner .tamaru__footer:before{content:"";position:absolute;top:0;left:0;height:26px;width:100%;background:url(/afl/webticket3/img/bg_tamaru_bottom.png) no-repeat center top;}
.section.-sec01 .section__inner .tamaru__footerInner{padding:40px 20px 30px;background:#fff;}
.section.-sec01 .section__inner .tamaru__footerTtl{margin-bottom:15px;text-align:center;}
.section.-sec01 .section__inner .tamaru__footerImg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:15px;}
.section.-sec01 .section__inner .tamaru__footerImg.-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.section.-sec01 .section__inner .tamaru__footerNote{text-indent:-1.5em;margin-left:1.5em;}
@media only screen and (max-width:768px){
  .section.-sec01 .section__inner .tamaru__footerInner{padding-top:20px;}
  .section.-sec01 .section__inner .tamaru__footerTtl{margin-bottom:10px;}
  .section.-sec01 .section__inner .tamaru__footerImg li{width:calc(50% - 8px);}
  .section.-sec01 .section__inner .tamaru__footerImg.-center li{width:80%;}
}
.section.-sec01 .section__inner .tamaru__footerDetail{margin-top:23px;margin-right:10px;text-align:right;}
.section.-sec01 .section__inner .tamaru__footerDetail a{display:inline-block;padding:8px 15px;background:#fefefe;border:1px solid #d0d0d0;-webkit-transition:all 700ms;-o-transition:all 700ms;transition:all 700ms;}
.section.-sec01 .section__inner .tamaru__footerDetail a[target="_blank"]{padding-left:30px;background:url(/afl/webticket3/img/icon_blank.png) no-repeat 14px center;}
.section.-sec01 .section__inner .tamaru__footerDetail a:hover{text-decoration:none;border-color:#c00;}


.section.-sec01a{
	background: #F5ECD9;
	padding: 60px 0;
}
.section.-sec01a h2 {
  position: relative;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
}

.section.-sec01a h2::before, .section.-sec01a h2::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 40px;
  background: #000;
}
.section.-sec01a h2::before {
  transform: rotate(-45deg) translateX(-20px);
}
.section.-sec01a h2::after {
  transform: rotate(45deg) translateX(20px);
}
.section.-sec01a .list--benefit {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
	width: 950px;
	margin: 25px auto 0;
}
.section.-sec01a .list--benefit li {
  flex: 0 1 22.5%;
  text-align: center;
  font-weight: bold;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.6);
}

.section.-sec01a .list--benefit li .txtarea--benefit {
  padding: 10px 0 25px;
}
.section.-sec01a .list--benefit li .txt--mile{
  position: relative;
  font-size: 18px;
  color: #c00;
  margin-bottom: 20px;
}
.section.-sec01a .list--benefit li .txt--mile::after {
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(204, 0, 0, 0);
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-left-width: 14px;
  border-right-width: 14px;
  margin-left: -14px;
  border-top-color: #CC0000;
  top: 100%;
  left: 50%;
}
.section.-sec01a .list--benefit li .txt--mile-noarrow::after {
  border-top-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  margin-left: 0;
}
.section.-sec01a .list--benefit li .txt--mile-noarrow {
  margin-bottom: 5px;
}
.section.-sec01a .list--benefit li .txt--mile .num {
  font-size: 26px;
}
.section.-sec01a .list--benefit li .txt__strong {
  color: #AD9143;
}

@media only screen and (max-width: 768px){
	.section.-sec01a h2::before, .section.-sec01a h2::after {
		position: absolute;
	}
	.section.-sec01a .list--benefit {
		width: 95%;
	}
	.section.-sec01a .list--benefit {
		flex-flow: row wrap;
		width: 95%;
	}
	.section.-sec01a .list--benefit li {
		flex: 0 1 48%;
		margin: 0.625rem 0;
	}
	.section.-sec01a h2::before {
		transform: rotate(-45deg) translateX(0);
		left: 20px;
		bottom: 0;
	}
	.section.-sec01a h2::after {
		transform: rotate(45deg) translateX(0);
  	right: 20px;
  	bottom: 0;
	}
}

@media only screen and (max-width: 480px){
	.section.-sec01a{
		padding: 2.125rem 0;
	}
	.section.-sec01a h2 {
		font-size: 1.125rem;
	}
	
	
	
	.section.-sec01a .list--benefit li .txtarea--benefit {
		padding: 5px 0 10px;
		font-size: 0.75rem;
	}
	.section.-sec01a .list--benefit li .txt--mile {
		font-size: 1rem;
	}
	.section.-sec01a .list--benefit li .txt--mile .num {
		font-size: 1.4rem;
	}
	
	
}




/* .section.-sec02{margin-bottom:80px;}
@media only screen and (max-width:768px){
  .section.-sec02{margin-bottom:40px;}
} */
.section.-sec02 .section__body{padding:80px 0 56px;background:#d4dcdd url(/afl/webticket3/img/bg_section_body_02.png);}
@media only screen and (max-width:768px){
  .section.-sec02 .section__body{padding:30px 10px 15px;}
}
.section.-sec02 .section__inner .bonus3__item{margin-bottom:30px;background:#fff;}
.section.-sec02 .section__inner .bonus3__header{padding:20px;background:#333;text-align:center;color:white;}
.section.-sec02 .section__inner .bonus3__lead{margin-top:15px;}
.section.-sec02 .section__inner .bonus3__tag{display:inline-block;margin-top:15px;padding: 5px 10px;border-radius: 20px;background: #fff;color: #c00;font-weight: bold;}
.section.-sec02 .section__inner .bonus3__body{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:20px;}
.section.-sec02 .section__inner .bonus3__detail{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 28px 0 0;border-right:2px dotted #ccc;}
.section.-sec02 .section__inner .bonus3__detail.col-3{padding: 0 20px 0 0;}
.section.-sec02 .section__inner .bonus3__detail:nth-child(even){padding-left:30px;border-right:0;}
.section.-sec02 .section__inner .bonus3__detail.col-3{padding-left:20px;border-right:2px dotted #ccc;}
.section.-sec02 .section__inner .bonus3__detail.col-3:nth-child(3){border-right:0;}
.section.-sec02 .section__inner .bonus3__card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative;background:#e7e7e7;width:170px;height:100px;margin-right:40px;padding:0 2px 0 10px;text-align:center;line-height:1.42;}
.section.-sec02 .section__inner .col-3 .bonus3__card{width: 110px;margin-right: 30px;}

.section.-sec02 .section__inner .bonus3__card:before{position:absolute;top:0;right:-40px;content:"";width:0;height:0;border-left:20px solid #e7e7e7;border-bottom:50px solid transparent;border-right:20px solid transparent;border-top:50px solid transparent;}
.section.-sec02 .section__inner .bonus3__mile{text-align:right;}
.section.-sec02 .section__inner .bonus3__mile .mile_number{font-size:40px;color:#c00;font-weight:bold;}
.section.-sec02 .section__inner .bonus3__mile .mile_mile{color:#c00;font-weight:bold;}
.section.-sec02 .section__inner .bonus3__mile .mile_txt{display:block;margin-bottom:7px;font-size:14px;text-align:left;}
@media only screen and (max-width:768px){
  .section.-sec02 .section__inner .bonus3__item{margin-bottom:15px;}
  .section.-sec02 .section__inner .bonus3__header{padding:15px;}
  .section.-sec02 .section__inner .bonus3__ttl{width:auto;margin:0 auto;}
  .section.-sec02 .section__inner .bonus3__ttl img{width:auto;height:auto;max-height:5.5vw;}
  .section.-sec02 .section__inner .bonus3__lead{margin-top:8px;}
  .section.-sec02 .section__inner .bonus3__body{display:block;padding:10px 30px;}
}
@media only screen and (max-width:768px) and (max-width:320px){
  .section.-sec02 .section__inner .bonus3__body{padding:10px;}
}
@media only screen and (max-width:768px){
  .section.-sec02 .section__inner .bonus3__detail{margin-bottom:10px;padding:0 0 10px;border-right:0;border-bottom:2px dotted #ccc;}
  .section.-sec02 .section__inner .bonus3__detail:nth-child(even){margin-bottom:0;padding:0;border-bottom:0;}
  .section.-sec02 .section__inner .bonus3__card{-webkit-box-flex:5;-webkit-flex:5;-ms-flex:5;flex:5;width:auto;min-height:100px;height:auto;margin-right:25px;padding:0 2px 0 10px;}
  .section.-sec02 .section__inner .bonus3__mile{-webkit-box-flex:4;-webkit-flex:4;-ms-flex:4;flex:4;padding-right:5px;}
  .section.-sec02 .section__inner .bonus3__mile .mile_number{font-size:30px;}
  .section.-sec02 .section__inner .bonus3__mile .mile_txt{margin-bottom:4px;font-size:13px;}
	
	.section.-sec02 .section__inner .bonus3__detail.col-3 { margin-bottom: 10px; padding: 0 0 10px; border-right: 0; border-bottom: 2px dotted #ccc;}
	.section.-sec02 .section__inner .bonus3__detail:nth-child(3n) { margin-bottom: 0; padding: 0; border-bottom: 0;}
}



.section.-sec02 .note{margin:0;list-style:none;}
.section.-sec02 .note li{position:relative;margin-bottom:7px;padding-left:1.8em;line-height:1.4;}
.section.-sec02 .note li a{color:#0f56a2;text-decoration:underline;}
.section.-sec02 .note li a[target="_blank"]{padding-left:20px;background:url(/afl/webticket3/img/icon_blank.png) no-repeat 3px center;}
.section.-sec02 .note li a:hover{text-decoration:none;}
.section.-sec02 .note__mark{position:absolute;top:0;left:0;}
@media only screen and (max-width:768px){
  .section.-sec02 .note li{font-size:11px;}
}

/* バナー
------------------------------------------ */
.bnrTtl{font-size:20px;margin-bottom:10px;font-weight:bold;color:#c00;}
@media only screen and (max-width:768px){
  .bnrTtl{font-size:16px;margin-left:10px;margin-right:10px;}
}
.bnr{margin:0 auto 20px;text-align:center;}
@media only screen and (max-width:768px){
  .bnr{margin-left:10px;margin-right:10px;}
}
.bnr a{-webkit-transition:all 700ms;-o-transition:all 700ms;transition:all 700ms;}
.bnr a:hover{opacity:.8;}

/* ------------------------------------------ JALカードの種類 基本的なスタイルは、 card_select.scss に記述。 こちらは上書き、追加したスタイル。 ------------------------------------------ */
@media only screen and (max-width:768px){
  .cardType{padding-left:10px;padding-right:10px;}
}
.cardType .card_st1__block a:hover{color:white;}
.cardType .ttlLv1:after{content:"";display:block;clear:both;}
.cardType .ttlLv1 .heading{float:left;}
@media only screen and (max-width:768px){
  .cardType .ttlLv1{margin-top:30px;padding-top:0;padding-bottom:2px;margin-bottom:0;}
  .cardType .ttlLv1 .heading{font-size:20px;}
}
.cardType .ttlLv1 .serviceDiff{float:right;}
@media only screen and (max-width:768px){
  .cardType .ttlLv1 .serviceDiff{display:none;}
}
.cardType .ttlLv1 .serviceDiff a{display:inline-block;padding:8px 15px;background:#fefefe;border:1px solid #d0d0d0;-webkit-transition:all 700ms;-o-transition:all 700ms;transition:all 700ms;}
.cardType .ttlLv1 .serviceDiff a[target="_blank"]{padding-left:30px;background:url(/afl/webticket3/img/icon_blank.png) no-repeat 14px center;}
.cardType .ttlLv1 .serviceDiff a:hover{text-decoration:none;border-color:#c00;}

/* ------------------------------------------ フッター ------------------------------------------ */
.gFooter{margin-top:70px;padding:20px 0;border-top:2px solid #333;-webkit-box-shadow:inset 0 1px 0 #cf0000;box-shadow:inset 0 1px 0 #cf0000;}
.gFooter .copyright{font-size:12px;}
@media only screen and (max-width:768px){
  .gFooter{margin-top:30px;padding:15px 10px 30px;}
}

/* ------------------------------------------
修正
------------------------------------------ */
.bnr_area p{font-size:1.1rem;margin-bottom:5px;}
@media only screen and (max-width: 768px) {
  .bnr_area {
    margin-bottom: 20px;
  }
  .bnr_area p{
    font-size: 1.1rem;
    margin-bottom: 5px;
  }
  .bnr_area .bnr a{
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
  }
}
.fs10{font-size:10px!important}
.fs11{font-size:11px!important}
.fs12{font-size:12px!important}
.fs13{font-size:13px!important}
.fs14{font-size:14px!important}
.fs15{font-size:15px!important}
.fs16{font-size:16px!important}
.fs17{font-size:17px!important}
.fs18{font-size:18px!important}
.fs20{font-size:20px!important}
.fs22{font-size:22px!important}
.fs24{font-size:24px!important}
.fs26{font-size:26px!important}
.fs28{font-size:28px!important}
.fs30{font-size:30px!important}
.fs32{font-size:32px!important}
.fs34{font-size:34px!important}
.fs36{font-size:36px!important}
.fs38{font-size:38px!important}
.fs40{font-size:40px!important}
.fsXXS{font-size:10px!important;}
.fsXS{font-size:14px!important;}
.fsS{font-size:16px!important;}
.fsM{font-size:18px!important;}
.fsL{font-size:20px!important;}
.fsXL{font-size:22px!important;}
.fsXXL{font-size:28px!important;}
@media only screen and (max-width:768px){
  .fsXXS{font-size:7px!important;line-height:.5}
  .fsXS{font-size:11px!important;}
  .fsS{font-size:12px!important;}
  .fsM{font-size:15px!important;}
  .fsL{font-size:17px!important;}
  .fsXL{font-size:19px!important;}
  .fsXXL{font-size:25px!important;}
}
.black{color:#000;}
.red{color:#c00;}
.table_typeA_01 table tbody tr:first-child td {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

#campaign_about{background:#f5f5f5;margin:0;}
#campaign_about .inner_box{padding:50px 0;width:950px;margin:0 auto;}
.table_typeA_01 table {
	border: 1px solid #CCC;  
}
#family{margin-bottom:5px;margin-top:20px;}
#family table{
	background-color: #fff;
	min-height: 100px;
}
#family table th.hedding{background-color:#CC0000;color:#fff;vertical-align:middle;text-align:center;padding:10px;width:150px;font-weight:bold;}
#family table td{vertical-align:middle;padding:15px;}
#family table td span.num{font-size:20px;}
.table_typeA_01 table tbody tr td{background:#fff;}
.table_typeA_01 table tbody tr td.ic_bk{font-size:14px;font-weight:bold;background:#666;color:#fff;line-height:1.4;}
.table_typeA_01 table tbody tr td .num{font-size:20px;vertical-align:bottom;}
.table_typeA_01 table tbody tr td p{font-size:16px;}
@media only screen and (max-width:768px){
  #campaign_about .main-content{padding:50px 0;width:100％;}
  #campaign_about .main-content-inner{padding:10vw 10px;}
  #campaign_about .table_typeA{border-top:2px solid #d0d0d0;width:100%;margin-top:3vw;}
  #campaign_about .table_typeA th,.table_typeA td{text-align:center;vertical-align:middle;background:#fff;}
  #campaign_about .table_typeA th{padding:3vw 2vw 0;}
  #campaign_about .table_typeA td{padding:3vw 2vw;}
  #campaign_about .table_typeA .left{border-right:2px solid #d0d0d0;}
  #campaign_about .table_typeA .bonus{background:#f6f6f6;border-bottom:2px solid #d0d0d0;}
  #campaign_about a:link,#campaign_about a:visited,#campaign_about a:hover,#campaign_about a:active{color:#0f56a2;text-decoration:none;}
  .mod-note-ul{margin-top:10px;}
  .mod-note-ul:first-child{margin-top:0;}
  .mod-section-title_1st + .mod-note-ul,.mod-section-title_2nd + .mod-note-ul,.mod-section-title_3rd + .mod-note-ul,.mod-section-title_4th + .mod-note-ul,.mod-section-title_5th + .mod-note-ul{margin-top:0;}
  .mod-note-ul > li{position:relative;padding-left:1.5em;margin-left:0.5em;font-size:1.2em;line-height:1.5em;color:#555;margin-top:8px;}
  .mod-note-ul > li:first-child{margin-top:0;}
  .mod-note-ul > li > span:first-child{position:absolute;top:0;left:0;}
  .space-far{margin-top:15px;}
  .space-far:first-child{margin-top:0;}
  .mod-section-title_1st + .space-far,.mod-section-title_2nd + .space-far,.mod-section-title_3rd + .space-far,.mod-section-title_4th + .space-far,.mod-section-title_5th + .space-far{margin-top:0;}
}
#campaign_about .note{margin:0;list-style:none;}
#campaign_about .note li{position:relative;margin-bottom:7px;padding-left:1.8em;line-height:1.4;}
#campaign_about .note li a{color:#0f56a2;text-decoration:underline;}
#campaign_about .note li a[target="_blank"]{padding-left:20px;background:url(/afl/webticket3/img/icon_blank.png) no-repeat 3px center;}
#campaign_about .note li a:hover{text-decoration:none;}
#campaign_about .note__mark{position:absolute;top:0;left:0;}
@media only screen and (max-width:768px){
  #campaign_about .note li{font-size:11px;}

  /**カード種別**/

    #slider{
      position: relative;
      margin-bottom: 4rem;
    }
    .prev{
      position: absolute;
      top: 50%;
      left: -10px;
      z-index: 1;
      transform: translateY(-50%);
      display: block;
      width: 40px;
      height: 150px;
      background: url(/afl/webticket3/img/icon_prev.png) no-repeat;
      background-size: contain;
    }
    .next{
      position: absolute;
      top: 50%;
      right: -10px;
      transform: translateY(-50%);
      display: block;
      width: 40px;
      height: 150px;
      background: url(/afl/webticket3/img/icon_next.png) no-repeat;
      background-size: contain;
    }
    .slick-dots li{
      margin: 0 20px;
    }
    .slick-dots li button:before{
      font-size: 30px;
      color: #999;
    }
    .slick-dots li.slick-active button:before{
      color: #0f0f69;
    }
    .slick-dots{
      bottom: -30px;
    }

  .cardlist_box{box-sizing: border-box;position:relative;margin:2.5rem 10px 0;text-align:center;padding:4.75rem 1rem 1rem;border:#a7a6a6 solid 2px;}
  .cardlist_box.card_r{
    border-color: #bdc2ca;
    background: rgba(189,194,202,.3);
  }
  .cardlist_box.card_a{
    border-color: #d0c445;
    background: rgba(208,196,69,.3);
  }
  .cardlist_box.card_g{
    border-color: #d7a31a;
    background: rgba(215,163,26,.3);
  }
  .cardlist_box.card_p{
    border-color: #46494b;
    background: rgba(70,73,75,.3);
  }
  .cardlist_box.card_pro{
    border-color: #46494b;
    background: rgba(70,73,75,.3);
  }
  .cardname{
    margin: 1.5rem 0;
  }
  .img_cardface{
    margin: 1.5rem 0;
  }
  .img_cardface img{
    width: 75%;
    display: inline;
  }
  .cardlist_box .notesListA01{
    margin-top: 1.25rem;
  }
  .cardlist_box .icon_free_cardlist{position:absolute;top:36px;left:10px;width: 30%;}
  .cardlist_box .cardlist_catch{margin-top:-91px;text-align:center;z-index:100;}
  .cardlist_box .opCp{width:95%;margin:20px auto;padding:10px 20px;color:#0087cd;font-weight:bold;line-height:1.2;text-align:center;background:#f2f2f2;}
  .cardlist_box .admission_box .opCp{width:90%;margin:0px auto;padding:8px 10px 5px;}
  .cardlist_box .dokokani_bonus_clTxt{width:708px;margin:30px 0 30px -30px;padding:20px 0;color:#76672a;font-weight:bold;font-size:29px;line-height:1.2;text-align:center;background:#ebe5d2;}
  .accordion dt{display:block;padding:20px 12px;text-align:center;cursor:pointer;color:#fff;font-weight:bold;font-size:34px;font-size:1rem;background:#c00 url('/afl/webticket3/img/icon__open_w.png') no-repeat 97% 50%;background-size: 25px;}
  .accordion dd{display:none;}
  .accordion dt.active{background:#c00 url('/afl/webticket3/img/icon__close_w.png') no-repeat 97% 50%;background-size: 25px;}

  .cardlist_box .entry-btn2 a{
    display: block;
    padding: 10px 12px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 1rem;
    background-color: #c00;
    background-image: url(/sp/common_renewal/img/parts/button_allow_right.png);
    background-repeat: no-repeat;
    background-position: 96.67% 50%;
    background-size: 9px 15px;
    text-decoration: none;
  }

  .admission_area{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
  	-ms-flex-pack: justify;
  	justify-content: space-between;
  }
  .admission_area__title{color:#c00;font-size:1.25rem;text-align:center;}
  .admission_area .admission_box{margin-bottom:10px;background:#fff;font-size:.75rem;border:1px solid #ccc;
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
  }
  .admission_area .admission_box > a{padding:1.25rem .5rem 1rem;padding:5px;color:#333;text-decoration:none;display:block;}
  .admission_area .admission_box{background:#fff;}
  .admission_area .admission_box .admission_box_inner .admission_box__title{text-align:center;font-weight:bold;margin-top:1rem;margin-bottom:10px;padding:0 10px;font-size:.875rem;padding-bottom:0;line-height:1.3;}
  .admission_area .admission_box .admission_box_inner .admission_box__logo{text-align:center;padding:10px 0;}
  .admission_area .admission_box .admission_box_inner .admission_box__logo img{
    display: inline;
    height: 40px;
    width: auto;
  }
  /* カード基本情報 */
  .ab-hide { display: none !important; }
  .basic-information {
      margin: 1.25rem 0 0;
  }
  .basic-information-title {
      position: relative;
      margin: 0 0 .75rem;
      padding: 1rem .5rem;
      background: #505050;
      font-size: 1.125rem;
      line-height: 1.7;
      font-weight: bold;
      color: #FFF;
  }

  .basic-information-title::after {
      position: absolute;
      top: 50%;
      bottom: 0;
      right: 10px;
      transform: translateY(-50%);
      content: "";
      vertical-align: middle;
      width: 25px;
      height: 25px;
      background: url(/afl/webticket3/img/icon__close_w.png) no-repeat;
      background-size: contain;
  }
  .ab-closed .basic-information-title::after {
      background-image: url(/afl/webticket3/img/icon__open_w.png);
      background-size: contain;
  }

  .basic-information-table {
      width: 100%;
  }
  .basic-information-table-th,
  .basic-information-table-td {
      padding: 10px;
      font-size: .875rem;
      line-height: 1.3;
      text-align: left;
      vertical-align: middle;
  }
  .basic-information-table-th {
      background: #666666;
      width: 35%;
      color: #FFF;
      border-top: 1px solid #FFF;
  }
  .basic-information-table-td {
      border-top: 1px solid #d0d0d0;
      background: #f6f6f6;
  }
  .basic-information-table-tr:first-child .basic-information-table-th,
  .basic-information-table-tr:first-child .basic-information-table-td {
      border-top: none;
  }
  .basic-information__text p {
      margin-top: 0;
  }
  .basic-information__logo {
      font-size: 1rem;
      line-height: 2;
  }
  .basic-information__logo img {
      display: inline-block;
      vertical-align: middle;
      height: 30px;
  }


  .entry-btn-s {

    font-size: 1rem;
    background: #c00;
    color: #fff;
    font-weight: bold;
    padding: 5px 20px 5px 5px;
    background-image: url(/sp/common_renewal/img/parts/mod-btn_allow_right.png);
    background-repeat: no-repeat;
    background-position: 94% 50%;
    background-size: 9px 15px;
  }


}



/* Table
   ========================================================================== */
.mod-table {
  margin-top: 25px;
  width: 100%;
 /* table-layout: fixed; */
}
.mod-table:first-child {
  margin-top: 0;
}
.mod-section-title_1st + .mod-table,
.mod-section-title_2nd + .mod-table,
.mod-section-title_3rd + .mod-table,
.mod-section-title_4th + .mod-table,
.mod-section-title_5th + .mod-table {
  margin-top: 0;
}
.mod-table caption {
  padding: 10px;
  border: #d5d5d5 1px solid;
  border-bottom: none;
  background: #ddd;
}
.mod-table th,
.mod-table td {
  padding: 10px;
  border: #d5d5d5 1px solid;
  vertical-align: middle;
}
.mod-table .mod-table_verticalMiddle {
  vertical-align: middle;
}
.mod-table thead th {
  background: #666;
  color: #fff;
  text-align: center;
  font-size: 1.2em;
  line-height: 1.5em;
}
.mod-table thead th:first-child {
  background: #505050;
}
.mod-table tbody {
  text-align: left;
}
.mod-table tbody th {
  color: #222;
}
.mod-table th.opt-table_bgTotal {
  background-color: #e7eaed;
  width: 35%;
}
.mod-table td.opt-table_bgTotal {
  background-color: #e7eaed;
}

.color-strong {
	color:#cc0000;}
.align-center {
	text-align:center;}
	
.tex01 {
		line-height:160%;}