@charset "UTF-8"; 

/************************************************
reset
************************************************/
.type2021oldmix {background: #fff;}
.type2021oldmix .pcOnly {
	display: block!important;
}
.type2021oldmix .spOnly {
	display: none !important;
}
.type2021oldmix #headerArea a ,.type2021oldmix #footerArea a ,.type2021oldmix .breadcrumbs a {color: #333;font-size: inherit;}

.type2021oldmix #pageTopArea {
	bottom: 40px !important;
}
/************************************************
 link
 ************************************************/
.type2021oldmix .linkBeginner .txt {background: -webkit-gradient(linear,left top,left bottom,from(#333),to(#333)) 100% 90%/100% 1px no-repeat;background: linear-gradient(#333,#333) 100% 90%/100% 1px no-repeat;background-position-x: left;}
.type2021oldmix .linkBeginner .linkType01{text-decoration: none;}
.type2021oldmix .linkBeginner:hover .txt {-webkit-animation: txtAnime .6s ease-in-out;animation: txtAnime .6s ease-in-out;}
@-webkit-keyframes txtAnime {
	0%{background-size:0 1px}
	100%{background-size:100% 1px}
}
@keyframes txtAnime {
	0%{background-size:0 1px}
	100%{background-size:100% 1px}
}
/************************************************
 header
 ************************************************/
.type2021oldmix #headerArea .headerMemberBlock > .inner > .headerMenberInfo > .btn01.typeArrow:hover:before{-webkit-animation:btnArrowToRight .3s linear;animation:btnArrowToRight .3s linear}
.type2021oldmix #headerArea.cardMember.typeAmex .headerMemberBlock > .inner > .headerMenberInfo > .btn01.typeArrow:before{border-top:1px solid #002663;border-right:1px solid #002663}
.type2021oldmix #headerArea.cardMember.typeJa .headerMemberBlock > .inner > .headerMenberInfo > .btn01.typeArrow:before{border-top:1px solid #006335;border-right:1px solid #006335}
.type2021oldmix #headerArea.cardMember.typeJal .headerMemberBlock > .inner > .headerMenberInfo > .btn01.typeArrow:before{border-top:1px solid #C00;border-right:1px solid #C00}
.type2021oldmix #headerArea .headerMemberBlock > .inner > .btn02{display:flex;align-items:center;justify-content:center;width:100%;max-width:185px;min-height:40px;padding:8px 23px 8px 30px;background-color:#E60000;border-radius:6px;box-shadow:0 1px 2px 0 rgba(0,0,0,.4);position:relative;transition:color .3s,background-color .3s;border:2px solid #E60000}
.type2021oldmix #headerArea.cardMember.typeAmex .headerMemberBlock > .inner > .btn02{background-color:#002663;border-color:#002663}
.type2021oldmix #headerArea.cardMember .headerMemberBlock > .inner > .btn02:hover,.type2021oldmix  #headerArea.cardMember.typeAmex .headerMemberBlock > .inner > .btn02:hover,.type2021oldmix  #headerArea.cardMember.typeJa .headerMemberBlock > .inner > .btn02:hover{background-color:#fff}
.type2021oldmix #headerArea.cardMember.typeJa .headerMemberBlock > .inner > .btn02{background-color:#006335;border-color:#006335}
.type2021oldmix #headerArea.cardMember.typeJal .headerMemberBlock > .inner > .btn02{background-color:#C00}
.type2021oldmix #headerArea .headerMemberBlock > .inner > .btn02 > .inner{display:inline-block;padding:2px 0;font-size:1.14286rem;font-weight:bold;color:#fff}
.type2021oldmix #headerArea.cardMember .headerMemberBlock > .inner > .btn02:hover > .inner{color:#E60000}
.type2021oldmix #headerArea.cardMember.typeAmex .headerMemberBlock > .inner > .btn02:hover > .inner{color:#002663}
.type2021oldmix #headerArea.cardMember.typeJa .headerMemberBlock > .inner > .btn02:hover > .inner{color:#006335}
.type2021oldmix #headerArea .headerMemberBlock > .inner > .btn02.typeArrow:before{content:'';display:block;width:8px;height:8px;margin-top:-4px;border-top:1px solid #fff;border-right:1px solid #fff;position:absolute;top:50%;left:13px;transform:rotate(45deg)}
.type2021oldmix #headerArea .headerMemberBlock > .inner > .btn02.typeArrow:hover:before{-webkit-animation:btnArrowToRight .3s linear;animation:btnArrowToRight .3s linear;border-color:#E60000}
.type2021oldmix #headerArea.cardMember.typeAmex .headerMemberBlock > .inner > .btn02.typeArrow:hover:before{border-color:#002663}
.type2021oldmix #headerArea.cardMember.typeJa .headerMemberBlock > .inner > .btn02.typeArrow:hover:before{border-color:#006335}
  
 /* headerBtm */
.type2021oldmix #headerArea .headerBtm{display:none;width:100%;background-color:#fff;border-bottom:1px solid #DBDBDB;position:relative;z-index:4}
.type2021oldmix #headerArea .headerBtm.is-open{display:block}
.type2021oldmix #headerArea .headerBtm.is-current{display:block}
.type2021oldmix #headerArea .headerBtm.is-search{display:block;width:100%;position:absolute;top:0;z-index:3;opacity:0;visibility:hidden;transition:top .5s,opacity .8s}
.type2021oldmix #headerArea .headerBtm.is-search.is-open{top:80px;opacity:1;visibility:visible}
.type2021oldmix #headerArea.typeCmn .headerBtm.is-search.is-open,.type2021oldmix  #headerArea.cardMember .headerBtm.is-search.is-open{z-index:5}
.type2021oldmix #headerArea .headerBtm > .inner{width:1280px;margin:0 auto;padding:13px 80px}
.type2021oldmix #headerArea .headerBtm.nav > .inner{padding:13px 80px}
.type2021oldmix #headerArea.cardMember .headerBtm.nav > .inner{padding:20px 80px}
.type2021oldmix #headerArea .headerBtm .hCloseBtn{width:26px;height:26px;cursor:pointer}
.type2021oldmix #headerArea .headerBtm .hCloseBtn > .inner{display:block;width:100%;height:100%;position:relative;font-size:0}
.type2021oldmix #headerArea .headerBtm .hCloseBtn > .inner:before,.type2021oldmix  #headerArea .headerBtm .hCloseBtn > .inner:after{content:'';display:block;width:36px;height:2px;margin-top:-1px;margin-right:-13px;background-color:#909090;position:absolute;top:50%;right:50%}
.type2021oldmix #headerArea .headerBtm .hCloseBtn > .inner:before{transform:rotate(-45deg)}
.type2021oldmix #headerArea .headerBtm .hCloseBtn > .inner:after{transform:rotate(45deg)}
.type2021oldmix #headerArea .headerBtm.is-search > .inner{margin-top:80px;padding:24px 15%;position:relative;opacity:0;transition:margin 1s,opacity 1s}
.type2021oldmix #headerArea .headerBtm.is-search.is-open > .inner{margin-top:0;opacity:1}
.type2021oldmix #headerArea .headerBtm.is-search .hCloseBtn{position:absolute;margin-top:-13px;top:50%;right:6%}
  
 /* headerKeyWordBlock */
.type2021oldmix #headerArea .searchFormBoxWrap{width:100%;max-width:640px;margin:0 auto}
.type2021oldmix .searchFormBoxWrap .wrapKeyWord .searchKeyWordWrap .searchKey{padding:0 15px}
  
 /* headerGnavCnt */
.type2021oldmix #headerArea .headerGnavCnt > .inner{display:flex;justify-content:space-between}
.type2021oldmix #headerArea .headerGnavCnt .gnavList{display:flex}
.type2021oldmix #headerArea .headerGnavCnt .gnavList > .list,.type2021oldmix  #headerArea .headerGnavCnt .gnavList > .list > .inner{height:100%}
.type2021oldmix #headerArea .headerGnavCnt .gnavList > .list:not(:first-child){margin-left:35px;border-top:none}
.type2021oldmix #headerArea .headerGnavCnt .gnavTitle{display:flex;align-items:center;width:auto;min-height:inherit;height:100%;padding:0;font-size:15px;cursor:pointer}
.type2021oldmix #headerArea .headerGnavCnt .gnavTitle:before{display:none}
.type2021oldmix #headerArea .headerGnavCnt .gnavTitle.is-menu{padding:0}
.type2021oldmix #headerArea .headerGnavCnt .gnavTitle.is-member{padding:8px 17px 8px 54px;font-size:16px;color:#E60000;border:2px solid #E60000;border-radius:6px;background:#fff url(/cmn/type2021/img/bace/icon_card_01.png) no-repeat left 17px center;background-size:27px 20px}
.type2021oldmix #headerArea .headerGnavCnt .gnavTitle.is-menu:before,.type2021oldmix  #headerArea .headerGnavCnt .gnavTitle.is-menu:after,.type2021oldmix  #headerArea .headerGnavCnt .gnavTitle.is-member:before,.type2021oldmix  #headerArea .headerGnavCnt .gnavTitle.is-member:after{display:none;transition:unset}
.type2021oldmix #headerArea .headerGnavCnt .gnavTitle.is-member:hover{color:#fff;background:#E60000 url(/cmn/type2021/img/bace/icon_card_02.png) no-repeat left 17px center}
.type2021oldmix #headerArea .headerGnavCnt .gnavTitle > .inner{display:block;transition:color .3s}
.type2021oldmix #headerArea .headerGnavCnt .is-current .gnavTitle > .inner{position:relative}
.type2021oldmix #headerArea .headerGnavCnt .gnavTitle.is-member:hover > .inner:before{border-top:1px solid #fff;border-right:1px solid #fff}
.type2021oldmix #headerArea .headerGnavCnt .gnavTitle.is-menu > .inner,.type2021oldmix  #headerArea .headerGnavCnt .gnavTitle.is-member > .inner{position:relative;padding-right:17px;transition:color .3s}
.type2021oldmix #headerArea .headerGnavCnt .gnavTitle.is-menu > .inner:before,.type2021oldmix  #headerArea .headerGnavCnt .gnavTitle.is-member > .inner:before{content:'';display:block;width:8px;height:8px;margin-top:-6px;border-top:1px solid #E60000;border-right:1px solid #E60000;position:absolute;top:50%;right:2px;transform:rotate(135deg);transition:transform .3s ease}
.type2021oldmix #headerArea.cardMember.typeAmex .headerGnavCnt .gnavTitle.is-menu > .inner:before,.type2021oldmix  #headerArea.cardMember.typeAmex .headerGnavCnt .gnavTitle.is-member > .inner:before{border-top:1px solid #002663;border-right:1px solid #002663}
.type2021oldmix #headerArea.cardMember.typeJa .headerGnavCnt .gnavTitle.is-menu > .inner:before,.type2021oldmix  #headerArea.cardMember.typeJa .headerGnavCnt .gnavTitle.is-member > .inner:before{border-top:1px solid #006335;border-right:1px solid #006335}
.type2021oldmix #headerArea.cardMember.typeJal .headerGnavCnt .gnavTitle.is-menu > .inner:before,.type2021oldmix  #headerArea.cardMember.typeJal .headerGnavCnt .gnavTitle.is-member > .inner:before{border-top:1px solid #C00;border-right:1px solid #C00}
.type2021oldmix #headerArea .headerGnavCnt .gnavTitle.is-menu:after,.type2021oldmix  #headerArea .headerGnavCnt .gnavTitle.is-member:after,.type2021oldmix  #headerArea .headerGnavCnt .gnavTitle.is-menu:before,.type2021oldmix  #headerArea .headerGnavCnt .gnavTitle.is-member:before{content:'';display:block;width:0;height:0;border-style:solid;background-color:rgba(255,255,255,0);position:absolute;top:50px;right:inherit;left:50%;opacity:0;visibility:hidden;pointer-events:none}
.type2021oldmix #headerArea .headerGnavCnt .gnavTitle.is-menu:hover > .inner{color:#E60000}
.type2021oldmix #headerArea.cardMember.typeAmex .headerGnavCnt .gnavTitle.is-menu:hover > .inner{color:#002663}
.type2021oldmix #headerArea.cardMember.typeJa .headerGnavCnt .gnavTitle.is-menu:hover > .inner{color:#006335}
.type2021oldmix #headerArea.cardMember.typeJal .headerGnavCnt .gnavTitle.is-menu:hover > .inner{color:#C00}
.type2021oldmix #headerArea .headerGnavCnt .gnavTitle.is-menu:hover > .inner:before,.type2021oldmix  #headerArea .headerGnavCnt .gnavTitle.is-member:hover > .inner:before{margin-top:-3px;transform:rotate(-45deg)}
.type2021oldmix #headerArea .headerGnavCnt .gnavTitle.is-open.is-menu:after,.type2021oldmix  #headerArea .headerGnavCnt .gnavTitle.is-open.is-member:after,.type2021oldmix  #headerArea .headerGnavCnt .gnavTitle.is-open.is-menu:before,.type2021oldmix  #headerArea .headerGnavCnt .gnavTitle.is-open.is-member:before{top:100%;opacity:1;visibility:visible}
.type2021oldmix #headerArea .headerGnavCnt .gnavTitle.is-menu:after{margin:4px -10px;border-width:0 5px 10px;border-color:transparent transparent #F8F8F8}
.type2021oldmix #headerArea.cardMember .headerGnavCnt .gnavTitle.is-menu:after{margin:11px -10px}
.type2021oldmix #headerArea .headerGnavCnt .gnavTitle.is-menu:before{margin:3px -11px;border-width:0 6px 11px;border-color:transparent transparent #DBDBDB}
.type2021oldmix #headerArea.cardMember .headerGnavCnt .gnavTitle.is-menu:before{margin:10px -11px}
.type2021oldmix #headerArea .headerGnavCnt .gnavTitle.is-member:after{margin:6px -10px;border-width:0 5px 10px;border-color:transparent transparent #F8F8F8}
.type2021oldmix #headerArea .headerGnavCnt .gnavTitle.is-member:before{margin:5px -11px;border-width:0 6px 11px;border-color:transparent transparent #DBDBDB}
.type2021oldmix #headerArea .headerGnavCnt .gnavTitle.is-open.is-menu > .inner{position:relative;color:#e60000}
.type2021oldmix #headerArea.cardMember.typeAmex .headerGnavCnt .gnavTitle.is-open.is-menu > .inner{color:#002663}
.type2021oldmix #headerArea.typeAmex .headerGnavCnt .gnavTitle:hover > .inner{color:#002663}
.type2021oldmix #headerArea.cardMember.typeJa .headerGnavCnt .gnavTitle.is-open.is-menu > .inner{color:#006335}
.type2021oldmix #headerArea.cardMember.typeJal .headerGnavCnt .gnavTitle.is-open.is-menu > .inner{color:#C00}
.type2021oldmix #headerArea .headerGnavCnt .gnavTitle.is-open.is-menu:hover > .inner:before{margin-top:-6px;transform:rotate(135deg)}
.type2021oldmix #headerArea .headerGnavCnt .gnavTitle.is-open.is-member{color:#fff;background:#E60000 url(/cmn/type2021/img/bace/icon_card_02.png) no-repeat left 17px center}
.type2021oldmix #headerArea .headerGnavCnt .gnavTitle.is-open.is-member > .inner:before,.type2021oldmix  #headerArea .headerGnavCnt .gnavTitle.is-open.is-member:hover > .inner:before{border-top:1px solid #fff;border-right:1px solid #fff;margin-top:-3px;transform:rotate(-45deg)}
.type2021oldmix #headerArea .headerGnavCnt .gnavTitle.is-current.is-menu > .inner,.type2021oldmix  #headerArea .headerGnavCnt .is-current .gnavTitle > .inner{color:#e60000}
.type2021oldmix #headerArea.typeAmex .headerGnavCnt .gnavTitle.is-current.is-menu > .inner,.type2021oldmix  #headerArea.typeAmex .headerGnavCnt .is-current .gnavTitle > .inner{color:#002663}
.type2021oldmix #headerArea.typeJa .headerGnavCnt .gnavTitle.is-current.is-menu > .inner,.type2021oldmix  #headerArea.typeJa .headerGnavCnt .is-current .gnavTitle > .inner{color:#006335}
.type2021oldmix #headerArea .headerGnavCnt .gnavTitle.is-current.is-menu > .inner:after,.type2021oldmix  #headerArea .headerGnavCnt .is-current .gnavTitle > .inner::after{content:"";position:absolute;bottom:-20px;left:0;display:block;width:100%;height:3px;background:#e60000}
.type2021oldmix #headerArea:not(.cardMember) .headerGnavCnt .gnavTitle.is-current.is-menu > .inner:after,.type2021oldmix  #headerArea:not(.cardMember) .headerGnavCnt .is-current .gnavTitle > .inner::after{bottom:-24px}
.type2021oldmix #headerArea .headerGnavCnt .gnavTitle.is-current.is-open.is-menu > .inner:after{display:none}
.type2021oldmix #headerArea.cardMember.typeAmex .headerGnavCnt .gnavTitle.is-open.is-menu > .inner:after,.type2021oldmix  #headerArea.typeAmex .headerGnavCnt .gnavTitle.is-current.is-menu > .inner:after,.type2021oldmix  #headerArea.typeAmex .headerGnavCnt .is-current .gnavTitle > .inner::after{background:#002663}
.type2021oldmix #headerArea.cardMember.typeJa .headerGnavCnt .gnavTitle.is-open.is-menu > .inner:after,.type2021oldmix  #headerArea.typeJa .headerGnavCnt .gnavTitle.is-current.is-menu > .inner:after,.type2021oldmix  #headerArea.typeJa .headerGnavCnt .is-current .gnavTitle > .inner::after{background:#006335}
.type2021oldmix #headerArea.cardMember.typeJal .headerGnavCnt .gnavTitle.is-open.is-menu > .inner:after{background:#C00}
.type2021oldmix #headerArea .headerGnavCnt .gnavContent{width:100%;height:0;margin-top:1px;position:absolute;top:100%;left:0;transition:height .3s ease-in}
.type2021oldmix #headerArea .headerGnavCnt .gnavContent.is-open{min-height:500px;height:35.71rem;visibility:visible;display:inline-table}
.type2021oldmix #headerArea.cardMember.typeAmex .headerGnavCnt .gnavContent.is-open{height:550px}
.type2021oldmix #headerArea.cardMember.typeJa .headerGnavCnt .gnavContent.is-open{height:550px}
.type2021oldmix #headerArea .headerGnavCnt .is-member + .gnavContent.is-open{height:400px}
.type2021oldmix #headerArea .headerGnavCnt .gnavContent > .inner{position:relative;display:none;width:1280px;margin:80px auto 0;padding:40px 136px}
.type2021oldmix #headerArea .headerGnavCnt .gnavContent.is-open > .inner{display:block;margin-top:0;animation-name:menuin;animation-duration:.8s;animation-timing-function:ease-in}
 @keyframes menuin {
  0%{opacity:0;margin-top:30px}
  25%{opacity:0}
  50%{opacity:0}
  75%{opacity:.6}
  100%{opacity:1;margin-top:0}
 }
  
 /* memberBlock */
.type2021oldmix #headerArea .memberBlock > :not(:first-child){margin-top:0}
.type2021oldmix #headerArea .memberBlock{display:flex;justify-content:space-between;width:91%;margin:0 auto}
.type2021oldmix #headerArea .memberBlock .memberBox{width:65%;padding:24px 40px 29px}
.type2021oldmix #headerArea .memberBlock .memberBox:nth-child(2){width:33%;margin-left:2%}
.type2021oldmix #headerArea .memberBlock .memberBox > .txtBox > .txt {padding: 15px 0 30px;}
.type2021oldmix #headerArea .memberBlock .memberBox > .btnBox{display:flex;justify-content:center}
.type2021oldmix #headerArea .memberBlock .memberBox > .btnBox > .item{max-width:220px}
.type2021oldmix #headerArea .memberBlock .memberBox > .btnBox > .item:not(:first-child){margin:0 0 0 30px}
.type2021oldmix #headerArea .memberBlock .memberBox > .btnBox > .item > .btn{height:50px;min-height:inherit;padding:13px 35px}
.type2021oldmix #headerArea .memberBlock .memberBox > .btnBox > .item > .btn:hover{box-shadow:0 3px 9px 0 rgba(0,0,0,0.25)}
.type2021oldmix #headerArea .memberBlock .memberBox > .btnBox > .item > .btn.typeLogin:hover{background-color:#fff;color:#E60000}
.type2021oldmix #headerArea .memberBlock .memberBox > .btnBox > .item > .btn.typeLogin:hover > .inner{background:url(/cmn/type2021/img/bace/icon_login_02_w.png) no-repeat left center;background-size:21px 20px}
.type2021oldmix #headerArea .memberBlock .memberBox > .btnBox > .item > .btn.typeArrow:hover:before{-webkit-animation:btnArrowToRight .3s linear;animation:btnArrowToRight .3s linear}
  
 /* gnavContent parts */
.type2021oldmix #headerArea .hArrowBtn01{font-weight:bold;text-align:left}
.type2021oldmix #headerArea .gnavHeadingA01{margin-bottom:20px;padding:0 36px 10px 0;position:relative}
.type2021oldmix #headerArea .gnavHeadingA01 > .hCloseBtn{position:absolute;top:0;right:0}
.type2021oldmix #headerArea .gnavHeadingA01 > .title{font-size:1.714rem}

.type2021oldmix #headerArea .gnavHeadingA01 > .title .hArrowBtn01:before{width:11px;height:11px}
.type2021oldmix #headerArea .gnavHeadingA01 linkBeginner{text-align: center;}
.type2021oldmix #headerArea .gnavHeadingB01{margin:36px 0 38px;padding-bottom:5px;font-size:1.214rem;border-bottom:1px solid #CFCFCF}
.type2021oldmix #headerArea .headerGnavCnt .gnavColumn2Wrap01{display:flex;justify-content:space-between}
.type2021oldmix #headerArea .headerGnavCnt .gnavColumn2Wrap01 .columnBlock{width:50%;padding-right:30px}
.type2021oldmix #headerArea .headerGnavCnt .gnavColumn2Wrap01 .columnBlock:nth-child(2){border-left:1px solid #CECECE;padding-right:0;padding-left:30px}
.type2021oldmix #headerArea .gnavCntBlock01 > .content{max-width:940px;margin:0 auto}
.type2021oldmix #headerArea .gnavCardBlock01 > .title{margin-bottom:30px}
.type2021oldmix #headerArea .gnavCardBlock01 > .title > .inner{padding:11px 0 2px 46px;background:url(/cmn/type2021/img/bace/icon_rmdcard_01.png) no-repeat left center;background-size:34px 25px}
.type2021oldmix #headerArea .gnavLinkList01{justify-content:flex-start}
.type2021oldmix #headerArea .gnavLinkList01.item2:before,.type2021oldmix  #headerArea .gnavLinkList01.item6:before{content:"";display:block;width:100%;max-width:192px;margin-left:20px;order:1}
.type2021oldmix #headerArea .gnavLinkList01.item2:after,.type2021oldmix  #headerArea .gnavLinkList01.item6:after{content:"";display:block;width:100%;max-width:192px;margin-left:20px}
.type2021oldmix #headerArea .gnavLinkList01.item3:after,.type2021oldmix  #headerArea .gnavLinkList01.item7:after{content:"";display:block;width:100%;max-width:192px;margin-left:20px}
.type2021oldmix #headerArea .gnavLinkList01 > .item{width:100%;max-width:237px;margin:0}
.type2021oldmix #headerArea .headerGnavCnt .gnavColumn2Wrap01 .gnavLinkList01{justify-content:space-between}
.type2021oldmix #headerArea .headerGnavCnt .gnavColumn2Wrap01 .gnavLinkList01 > .item{max-width:190px}
.type2021oldmix #headerArea .gnavCardBlock01 > .title + .content > .gnavLinkList01{padding:0 30px;justify-content:space-between}
.type2021oldmix #headerArea .gnavCardBlock01 > .title + .content > .gnavLinkList01 > .item{max-width:190px}
.type2021oldmix #headerArea .gnavLinkList01 > .item,.type2021oldmix  #headerArea .gnavLinkList01 > .item:nth-of-type(2n+1){margin-left:20px}
.type2021oldmix #headerArea .gnavLinkList01 > .item:nth-child(4n+1){margin-left:0}
.type2021oldmix #headerArea .gnavLinkList01 > .item:nth-child(n+5){margin-top:30px}
.type2021oldmix #headerArea .gnavLinkList01 > .item > .link + .link{margin-top:10px}
.type2021oldmix #headerArea .gnavLinkList01 > .item > .link > :not(:first-child){margin-top:13px}
.type2021oldmix #headerArea .gnavLinkList01 > .item > .link > .txtBox > :not(:first-child){margin-top:5px}
.type2021oldmix #headerArea .gnavLinkList01 > .item > .link > .img{max-width:inherit}
.type2021oldmix #headerArea .gnavLinkList01 > .item > .link > .txtBox > .title{font-size:1.143rem}
.type2021oldmix #headerArea .gnavLinkList01 > .item > .link > .txtBox > .txt{display:block}
.type2021oldmix #headerArea .gnavLinkList02{display:flex;justify-content:space-between}
.type2021oldmix #headerArea .gnavLinkList02 > .item{width:100%;max-width:227px}
.type2021oldmix #headerArea .gnavLinkList02 > .item:not(:first-child){margin:0 0 0 20px}
.type2021oldmix #headerArea .gnavLinkList02 > .item > .link{display:block}
.type2021oldmix #headerArea .gnavLinkList02 > .item > .link > .img{display:inline-block}
.type2021oldmix #headerArea .gnavLinkList02 > .item > .link > :not(:first-child){margin-top:15px}
.type2021oldmix #headerArea .gnavLinkList02 > .item > .link > .txtBox > :not(:first-child){margin-top:5px}
.type2021oldmix #headerArea .gnavLinkList02 > .item > .link > .txtBox > .title{font-size:1.143rem}
.type2021oldmix #headerArea .gnavLinkList02 > .item > .link .hArrowBtn01:before{border-color:#E60000}
.type2021oldmix #headerArea .gnavLinkList03{letter-spacing:-.5em;margin:-20px 0 0 -7.5%}
.type2021oldmix #headerArea .gnavLinkList03 > .item{display:inline-block;margin:20px 0 0 7.5%;font-size:1.143rem;letter-spacing:normal;vertical-align:top}
.type2021oldmix #headerArea .gnavLinkList03 > .item:not(:first-child){margin-top:20px}
.type2021oldmix #headerArea .gnavLinkList03 > .item .hArrowBtn01:before{border-color:#E60000}
  
 /* hover */
.type2021oldmix #headerArea a,.type2021oldmix  #headerArea .headerBtm .hCloseBtn > .inner,.type2021oldmix  #headerArea .headerMid .navRight > .item.search,.searchFormBoxWrap .headerSearchBtn01{transition:opacity .25s ease-in,color .3s,box-shadow .3s}
.type2021oldmix #headerArea a:hover,.type2021oldmix  #headerArea .headerBtm .hCloseBtn > .inner:hover,.type2021oldmix  #headerArea .headerMid .navRight > .item.search:hover{color:#e60000}
.type2021oldmix #headerArea.typeAmex a:hover,.type2021oldmix  #headerArea.typeAmex .headerBtm .hCloseBtn > .inner:hover,.type2021oldmix  #headerArea.typeAmex .headerMid .navRight > .item.search:hover{color:#002663}
.type2021oldmix #headerArea.typeJa a:hover,.type2021oldmix  #headerArea.typeJa .headerBtm .hCloseBtn > .inner:hover,.type2021oldmix  #headerArea.typeJa .headerMid .navRight > .item.search:hover{color:#006335}
.type2021oldmix #headerArea.typeJal a:hover,.type2021oldmix  #headerArea.typeJal .headerBtm .hCloseBtn > .inner:hover,.type2021oldmix  #headerArea.typeJal .headerMid .navRight > .item.search:hover{color:#C00}
  
 /************************************************
 footer
 ************************************************/
.type2021oldmix #footerArea {padding: 0;}
.type2021oldmix #pageTopArea,.type2021oldmix  #pageTopArea.fixedNavPage{bottom:40px}
.type2021oldmix #pageTopArea .pageTopBtn .btn::before{transition:transform .25s ease-in,margin .25s ease-in,border-color .3s}
.type2021oldmix #pageTopArea .pageTopBtn .btn:hover::before{border-color:#e60000;-webkit-animation:pageopArrow .3s ease-in;animation:pageopArrow .3s ease-in}
 #amex .type2021oldmix #pageTopArea .pageTopBtn .btn:hover::before{border-color:#9f0100}
 @keyframes pageopArrow { 
  0%{-webkit-transform:translateY(0) rotate(-45deg) scale(1,1);transform:translateY(0) rotate(-45deg) scale(1,1);opacity:1}
  33%{-webkit-transform:translateY(-10px) rotate(-45deg) scale(0.1,0.1);transform:translateY(-10px) rotate(-45deg) scale(0.1,0.1);opacity:0}
  50%{-webkit-transform:translateY(10px) rotate(-45deg) scale(0.1,0.1);transform:translateY(10px) rotate(-45deg) scale(0.1,0.1);opacity:0}
  100%{-webkit-transform:translateY(0) rotate(-45deg) scale(1,1);transform:translateY(0) rotate(-45deg) scale(1,1);opacity:1}
 }
.type2021oldmix #footerArea .footerPcNone{display:none}
.type2021oldmix #footerArea{margin-top:0}
.type2021oldmix #footerArea .footerTop > .inner{width:1280px;margin:0 auto;padding:40px 80px}
  
 /* footerAcdBlock */
.type2021oldmix #footerArea .footerAcdBlock > .item > .title{padding:12px 70px 12px 0;font-size:1.14286rem;cursor:pointer;transition:color .3s}
.type2021oldmix #footerArea .footerAcdBlock > .item > .title:before{width:50px;transition:background-color .3s}
.type2021oldmix #footerArea .footerAcdBlock > .item > .title > .inner:before,.type2021oldmix  #footerArea .footerAcdBlock > .item > .title > .inner:after{right:17px}
.type2021oldmix #footerArea .footerAcdBlock > .item > .content{padding:0;background-color:inherit}
.type2021oldmix #footerArea .footerAcdBlock > .item > .content.is-open{padding:20px 0;margin:0}
.type2021oldmix #footerArea .footerAcdBlock > .item > .content > .title{font-size:1.14286rem;margin-bottom:37px}
.type2021oldmix #footerArea .fInnerAcd2Wrap,.type2021oldmix  #footerArea .fInnerAcd4Wrap{margin:0 -10px}
.type2021oldmix #footerArea .fInnerAcd2Wrap{display:flex;flex-wrap:wrap}
.type2021oldmix #footerArea .fInnerAcd2Wrap .fInnerAcdBox,.type2021oldmix  #footerArea .fInnerAcd4Wrap .fInnerAcdBox{letter-spacing:-.5em}
.type2021oldmix #footerArea .fInnerAcd2Wrap .fInnerAcdBox{letter-spacing:-.5em;width:50%}
.type2021oldmix #footerArea .fInnerAcd2Wrap .fInnerAcdBox > .item,.type2021oldmix  #footerArea .fInnerAcd4Wrap .fInnerAcdBox > .item{display:inline-block;margin-bottom:40px;padding:0 10px;letter-spacing:normal;vertical-align:top}
.type2021oldmix #footerArea .fInnerAcd2Wrap .fInnerAcdBox > .item{width:50%}
.type2021oldmix #footerArea .fInnerAcd4Wrap .fInnerAcdBox > .item{width:25%}
.type2021oldmix #footerArea .fInnerAcdBox > .item{margin-top:0}
.type2021oldmix #footerArea .fInnerAcdBox > .item > .title{display:table;width:100%;min-height:54px;padding-bottom:6px;font-size:1.14286rem}
.type2021oldmix #footerArea .fInnerAcdBox > .item > .title.spAcdTit{padding-right:0}
.type2021oldmix #footerArea .fInnerAcdBox > .item > .title.spAcdTit:before{display:none}
.type2021oldmix #footerArea .fInnerAcdBox > .item > .title > .inner{display:table-cell;width:100%;vertical-align:middle}
.type2021oldmix #footerArea .fInnerAcdBox > .item > .title.spAcdTit > .inner:before,.type2021oldmix  #footerArea .fInnerAcdBox > .item > .title.spAcdTit > .inner:after{display:none}
.type2021oldmix #footerArea .fInnerAcdBox > .item > .title .link{display:inline-block;padding-left:1em;position:relative}
.type2021oldmix #footerArea .fInnerAcdBox > .item > .title .link:before{content:'';display:block;width:8px;height:8px;border-top:1px solid #E60000;border-right:1px solid #E60000;position:absolute;top:.4em;left:0;transform:rotate(45deg)}
.type2021oldmix #footerArea .fInnerAcdBox > .item > .content{display:block;padding:20px 0 0}
  
 /* footerNavBox */
.type2021oldmix #footerArea .footerNavBox{display:flex;justify-content:space-between;align-items:center;margin-bottom:42px;text-align:left}
.type2021oldmix #footerArea .footerNavBox .footerLogo{display:block;width:284px;max-width:inherit;margin-bottom:0}
.type2021oldmix #footerArea .footerNavBox .footerSns > .title{font-size:1.14286rem;margin-right:30px}
.type2021oldmix #footerArea .footerNavBox .footerSns > .title > .link{transition: color .3s}
.type2021oldmix #footerArea .footerNavBox .footerSns > .title > .link:hover{color: #e60000}
.type2021oldmix #footerArea .footerNavBox .footerSns .snsList > .item{width:40px}
.type2021oldmix #footerArea .footerNavBox .footerSns .snsList > .item:not(:first-child){margin-left:20px}
.type2021oldmix #footerArea .footerMid > .inner{width:1280px;margin:0 auto;padding:27px 80px 40px}
.type2021oldmix #footerArea .footerInnerLinkNavi{max-width:830px;margin-right:92px}
.type2021oldmix #footerArea .footerInnerLinkNavi > .fLinkList01{margin:-20px 0 12px -30px}
.type2021oldmix #footerArea .footerInnerLinkNavi > .fLinkList01 > .item{margin:20px 0 0 30px;font-size:1.143rem}
.type2021oldmix #footerArea .footerInnerLinkNavi > .fLinkList02{margin:-1rem 0 0 -1.428rem;letter-spacing:-.5em}
.type2021oldmix #footerArea .footerInnerLinkNavi > .fLinkList02 > .item{display:inline-block;margin:1rem 0 0 1.428rem;padding-left:1.428rem;letter-spacing:normal;vertical-align:top;position:relative}
.type2021oldmix #footerArea .footerInnerLinkNavi > .fLinkList02 > .item:before{content:'';display:block;width:1px;height:1em;margin-top:-.5em;background-color:#333;position:absolute;top:50%;left:0}
.type2021oldmix #footerArea .footerInnerLinkNavi .pmarkWrap{bottom:0;right:-87px}
.type2021oldmix #footerArea .footerBtm > .inner{width:1280px;margin:0 auto;padding:17px 80px}
.type2021oldmix #footerArea #copyright{text-align:left;padding: 0;background: none;}
.type2021oldmix #footerArea #copyright small {width: auto;font-size: .929rem;}

 /* hover */
.type2021oldmix #footerArea .footerAcdBlock > .item > .content > .title > .link,.type2021oldmix  #footerArea .fInnerAcdBox > .item > .title .link{transition:color .3s}
.type2021oldmix #footerArea .footerAcdBlock > .item > .content > .title > .link:hover,.type2021oldmix  #footerArea .fInnerAcdBox > .item > .title .link:hover{color:#e60000}
.type2021oldmix #footerArea .footerInnerLinkNavi > .fLinkList01 > .item a{position:relative}
.type2021oldmix #footerArea .fInnerNavList > .item a .inner, 
.type2021oldmix #footerArea .footerInnerLinkNavi > .fLinkList01 > .item a span, 
.type2021oldmix #footerArea .footerInnerLinkNavi > .fLinkList02 > .item a span{ 
  background:linear-gradient(#333,.type2021oldmix  #333) 100% 90%/0% 1px no-repeat;
  background-position-x:left;
  transition: background-size .4s cubic-bezier(.23,1,.32,1) 0s;
 }
.type2021oldmix #footerArea .fInnerNavList > .item a:hover .inner, 
.type2021oldmix #footerArea .footerInnerLinkNavi > .fLinkList01 > .item a:hover span, 
.type2021oldmix #footerArea .footerInnerLinkNavi > .fLinkList02 > .item a:hover span{background-size:100% 1px;background-position:0 100%}
.type2021oldmix #footerArea .footerInnerLinkNavi > .fLinkList02 > .item a::after{width:calc(100% - 19px);left:19px}
.type2021oldmix #footerArea .footerAcdBlock > .item > .title:hover{color:rgba(0,0,0,0.7)}
.type2021oldmix #footerArea .footerAcdBlock > .item > .title:hover::before{background:#fff}

/*---------------
breadcrumbs
------------------*/
.type2021oldmix .breadcrumbs {margin-bottom: 30px !important;}
.type2021oldmix .breadcrumbs a {text-decoration: underline;}
.type2021oldmix .breadcrumbsWrap{display:-webkit-box;display:flex;width:1280px;margin:0 auto}
.type2021oldmix .breadcrumbs{max-width:1280px;margin:0 auto;padding:0 80px;border-bottom:none;width:100%}
.type2021oldmix .breadcrumbsList{display:-webkit-box;display:flex;padding:13px 0 8px;flex-wrap:wrap}
.type2021oldmix .breadcrumbsItem{position:relative;margin-bottom:5px;padding-left: 26px;margin-right: 20px;}
.type2021oldmix .breadcrumbsItem + .breadcrumbsItem::before{display:block;position:absolute;top:50%;left:-3px;width:8px;height:8px;margin-top:-4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-top:1px solid #333;border-right:1px solid #333;content:''}
.type2021oldmix .breadcrumbsWrap > .breadcrumbs{margin:0 auto 0 0}
@media all and (-ms-high-contrast: none) {
	.type2021oldmix .breadcrumbsWrap > .breadcrumbs{flex-basis:100%}
}

 /************************************************
 print
 ************************************************/
@media print {
	.type2021oldmix #headerArea {
		min-width: 0!important;
	}
	.type2021oldmix #headerArea .headerTop > .inner {
		width: 100%;
	}
	.type2021oldmix #headerArea .headerMid,
	.type2021oldmix #headerArea .headerBtm,
	.type2021oldmix #headerArea .headerBtm.is-search,
	.type2021oldmix #headerArea .headerBtm.is-current,
	.type2021oldmix #headerArea .headerMemberBlock > .inner > .headerMenberInfo > .typeArrow,
	.type2021oldmix #headerArea.cardMember .headerMemberBlock > .inner > .btn02,
	.type2021oldmix #footerArea .footerTop,
	.type2021oldmix #footerArea .footerMid,
	.type2021oldmix #sideNavi,
	.type2021oldmix .sideFixBlock {
		display: none;
	}
}