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


/* 汎用スタイル */
.image{
text-align: center;
}
.fcPET{color: #625632;}
.fs16{font-size: 16px;}
.fs40{font-size: 40px;}
.mgb20{margin-bottom: 20px;}
.mgb30{margin-bottom: 30px;}
.mgb40{margin-bottom: 40px;}
.mgb50{margin-bottom: 50px;}
.mgb60{margin-bottom: 60px;}
.wid180{width:180px!important;}
.wid200{width:200px!important;}
.wid260{width:260px!important;}
.wid320{width:320px!important;}
.wid400{width:400px!important;}
.wid620{width:620px!important;}

.fcBR{color: #625632;}
.fcPK{color:#c9233d;}

.iconBR{border-radius: 3px;}

/*流れボックス入会ピンクボタン*/
.btnWT.iconPK{background: #c9233d;color: #fff;border: none;border-radius: 3px;position: relative;}
.btnWT.iconPK > span{background-image: url(/commonY15/img/icon_arrow_right_white_01.png);}
.btnWT.iconPK.iconOtherImg > span{background: none;}
.step-list .btnWT.iconPK{padding:  11px 52px !important;}

/*.btn01{width: 320px;text-align: center;display: inline-block;}*/
.btn02{text-align: center;}
.btn02 > a{display: block;text-align: center;background: #e0ddd6;border-radius: 5px;line-height: 40px;}
.btn3{width: 850px;margin: 0 auto;}
.btn3 > li{float: left;width: 270px;height: 50px;}
.btn3 > li + li{margin-left: 20px;}
.btn_pet > a{display: block;width: 100%;box-sizing: border-box;color: #fff;background: #625632;border-radius: 5px;padding: 13px 10px;position: relative;}
.btn_pet > a.iconOtherImg{padding: 13px 15px 13px 5px;}

/*.ico_other a {color: #0f0f69;background: url(/commonY15/img/icon/guide_red.png) no-repeat 0 center;padding-left: 17px;}*/



/*茶ボタン*/
.btnWT.iconBR{padding: 12px 30px !important;display: inline-block;border-color:#625632;background-color:#625632;}
.btnWT.iconBR > span{color:#fff;background-image: url(/commonY15/img/icon_arrow_right_white_01.png) !important;font-weight:bold;}
.btnWT.iconBR.down > span{background-image: url(/commonY15/img/icon_arrow_btm_white_02.png) !important;
padding-left: 15px;background-position: 0 9px;}
.btnWT.iconBR.iconOtherImg > span{background-image: none !important; padding-right: 10px;}



/*入会ボックスボタン*/
.btm_area > .inr{width: 950px;margin: 0 auto;padding-bottom:80px;}
.pkBtn, .gyBtn{display:table; border-radius:10px; transition:all 0.2s ease; width:100%; height:80px; position:relative;}
.pkBtn:hover, .gyBtn:hover{opacity:0.7; text-decoration:none;}
.pkBtn span, .gyBtn span{display:table-cell; color:#fff; vertical-align:middle; text-align:center; height:100%; box-sizing: border-box;}
.pkBtn span{padding-left: 45px;}
.pkBtn{background:#c9233d;}
.gyBtn{background:#444;}
.iconBR{border-radius:5px;}
.iconBR > span{background-image:url(../img/index/icon_arrow_br.png) !important;}
.txtLink.iconBR{background-image:url(../img/index/icon_arrow_br.png); color:#625632;}


/*メイン*/
.mv-area{width: 100%;background: #fdeb99;}
.mv-area .mv-inr{width: 950px;margin: 0 auto;position: relative;}
.mv-area .mv-inr:before{content: "";display: inline-block;width: 660px;height: 350px;background:url(../img/common/mv_img_01.png) no-repeat;position: absolute;bottom: 0;right: -85px;}

.mvAreaNew{
background: #feeb99;
}
.mvAreaNew .inr{
position: relative;
width: 950px;
margin: 0 auto;
}

.mvAreaNew .inr img {
    vertical-align: bottom;
}
.mvAreaNew .icon{
position: absolute;
top: 48px;
right: 59px;
}



/*各切り替えコンテンツ*/
.content-area-wrap > .inr{width: 950px;margin: 0 auto;padding: 100px 0 0 0;}
.content-area-wrap .hdglv-2{margin-bottom: 50px;text-align: center;}
.about-area .hdglv-2.icon-fprint:after{content: "";display: inline-block;width: 141px;height: 114px;background: url(../img/common/ttl_bg_01.png) no-repeat;position: absolute;right: 76px;
}
.hdglv-4{font-size: 16px;font-weight: bold;margin: 20px 0;}
.content-area{border-top: 3px solid #625632;margin-top: -3px;padding: 80px 0 100px 0;}
.content-area > .inr{width: 950px;margin: 0 auto;color: #625632;}
.content-area .content-ttl{margin-bottom: 40px;}
.content-area > .lead{line-height: 2;}
.save-area .content-area{background: #fff6ce;}
.use-area .content-area{background: #ebf7ca;}
.travel-area .content-area{background: #d0ebf5;}
.yutai-area .content-area{background: #fbe3e7;}


.tab-panel-list{font-size: 0;}
.tab-panel-list li{font-size: 14px;display: inline-block;margin-left: 10px;}
.tab-panel-list li:first-of-type{margin-left: 0;}
.tab-panel-list li a:hover{-ms-filter: "alpha(opacity=80)";opacity: .8;}
.tab-panel-list li.current a:hover{-ms-filter: "alpha(opacity=100)";opacity: 1;}
.tab-panel-list li img{vertical-align: bottom;}


/* info-area */
.info-area{background: #fffcf5; padding-top: 80px;}
.info-area > .contentsInr{margin:0 auto;}


/* pickup-area */
.pickup-area{background: #fffcf5;}
.pickup-area > .inr{width: 950px;margin: 0 auto;padding: 80px 0 100px;position: relative;}
.pickup-area .hdglv-2{margin-bottom: 50px;text-align: center;}
.bnr-list{font-size: 0;margin:0 0 30px -30px;}
.bnr-list li{font-size: 16px;display: inline-block;margin-left: 30px;vertical-align: top;}
.bnr-list li a{display: inline-block;border: 2px solid #d8d3b5;}
.bnr-list.col2 li{width: 460px;}
.bnr-list.col2 li a{height: 176px;}
.bnr-list.col4 li{width: 215px;}
.bnr-list.col4 li .txt{position: relative;}
.bnr-list.col4 li .bnr{display: inline-block;}
.bnr-list.col4 li .bnr img{vertical-align: middle;}
.bnr-list.col4 li .bnr img{position: relative;vertical-align: bottom;}
.bnr-list.col4 li  a .txt{position: relative;display: inline-block;padding: 15px 15px 5px 23px;border-top: none;box-sizing: border-box;min-height: 100px; color: #625632;}
.bnr-list.col4 li  a .txt:before{content: "";width: 8px;height: 12px;display: inline-block;background: url(../img/common/icon_arrow_right_br_01.png) no-repeat;margin-left: -13px;margin-right: 6px;}

.pecoBox{background:url(../img/common/peko_imgtop.png) top no-repeat; padding-top: 10px;}
.pecoBox h3{font-size: 22px; font-weight: bold; color: #625632; text-align: center;}
.pecoBox img,.pecoBox p,.pecoBox .readlink{float: left;}
.pecoBox .pecoBoxTxt{width: 430px; padding-left: 10px;}
.pecoBox .readlink{width: 240px;}
.pecoBox .pecoBoxInner{background:url(../img/common/peko_imgbtm.png) bottom no-repeat; padding-bottom: 70px;}





/* about-area */
.about-area {padding: 100px 0;background: #fcf7d7;}
.about-area > .inr{width: 950px;margin: 0 auto;}
.about-area .hdglv-2{text-align: center;margin: 0 0 60px 44px;position: relative;}
.about-area .lead{text-align: center;font-weight: bold;color: #625632;margin-bottom: 30px;font-size: 16px;}
.familywrap {background: #fff;border-radius: 18px;padding: 28px 25px;}
.familyinr li{display: inline-block;vertical-align: top;width: 430px;position: relative;text-align: center;}
.familyinr li:first-child{border-right: 1px dotted #625632; padding-left: 0; padding-right: 20px;}
.familycard-btn{position: absolute;bottom: 12px;right: 102px;}
.familycard-btn a{border-radius: 3px;border:1px solid #625632;color: #625632;padding: 8px 15px;}
.familycard-btn a.iconOther img{margin-right: 5px;}



/* step*/
.admission_box{margin-top: 100px;}
.admission_box .hdglv-3{text-align: center;margin-bottom: 20px;}
.admission_box .lead{text-align: center;font-weight: normal;}
.admission_box .step-box{border: 3px solid #625632;border-radius: 18px;padding: 39px 10px;background: #fff;position: relative;}
.admission_box .step-list{font-size: 0;}
.admission_box .step-list > li{font-size: 14px;display: inline-block;vertical-align: top;width: 460px;text-align: center;position: relative;}
.admission_box .step-list > li:first-of-type:before{content: "";display: inline-block;width: 60px;height: 302px;background: url(../img/common/step_bg_01.png) no-repeat;position: absolute;top: -40px;right: -20px;}
.admission_box .step-list .ttl{display: block;margin-bottom: 30px;}
.admission_box .step-list .enroll{width: 300px;text-align: left;margin: 0 auto;}


.step-box:before,
.step-box:after{content: "";display: inline-block;position: absolute;}
.step-box:before{width: 146px;height: 108px;background: url(../img/common/step_img_01.png) no-repeat;top: -106px;left: 41px;}
.step-box:after{width: 111px;height: 100px;background: url(../img/common/step_img_02.png) no-repeat;top: -100px;right: 53px;}








/* tabs_parent */
.tabs_parent{padding: 0;margin: 40px 0 0 0;width:950px; }
.tabs_parent.col3 li{width: 310px;}
.tabs_parent.col3yutai li{width: 304px;}
.tabs_parent.col4 li{width: 230px;}
.tabs_parent > li{margin-left: 2%;width: 49%;display: inline-block;vertical-align: top;}
.tabs_parent.col3yutai > li{margin-left: 2%;width: 32%;display: inline-block;vertical-align: top;}
.tabs_parent > li:first-of-type{margin-left: 0;}
.tabs_parent > li > a{border-radius: 20px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;background: #736a50;color: #fff;padding: 34px 0;position: relative;}
.tabs_parent > li,.tabs_parent > li.current{background: none;border: none;}
.tabs_parent > li > a{font-size: 18px;}
.tabs_parent > li > a:hover{color: #fff;}
.tabs_parent > li.current > a:hover{color: #615532;}
.tabs_parent > li > a:visited, .tabs_parent > li > a:focus{color: #fff;}
.tabs_parent > li.current > a{border: 3px solid #615532;border-bottom: none;padding: 34px 0 44px 0;position: relative;}
.tabs_parent > li.current:after{width: 13px;height: 8px;background: url(../img/common/icon_arrow_btm_br_01.png) no-repeat;display: inline-block;bottom: 20px;}



.tabs_parent > li > a > span:after{content: none;}
.tabs_parent > li.current > a:visited, .tabs_parent > li.current > a:focus,.tabs_parent > li.current > a{
background: #fff;color: #615532;}
.tab-box{border: 3px solid #615532;margin-top: -3px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}
.tab-box > .inr{padding: 80px 30px 60px;background: #fff;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}
.tab-box .hdgttl{text-align: center;margin-bottom: 60px;}
.tab-box .hdgttl-02{text-align: center;margin: 60px 0 30px;color: #d6344e;font-size: 18px;font-weight: bold;}
.tab-box .lead-box{width: 560px;text-align: center;margin: 0 auto 70px;}
.tab-box .hdgttl + .lead-box{margin: -40px auto 70px;}
.tab-box > .lead{margin-top: -30px;margin: -30px 0 60px 0;}
.tab-box .hdgttl + .lead{margin: -40px 0 60px;}
.tabContents{padding: 80px 0 100px;background: #fff6ce;}
.tabContents > .tabInr{width: 950px;margin: 0 auto;padding: 80px 0 57px;border: 3px solid #615532;border-top: none;border-radius: 0 0 15px 15px;box-sizing: border-box;background: #fff;
}

.tab_intro{width: 950px;min-height: 235px;margin: 0 auto 60px;background: url(../img/index/index_ttl_bg_01.png) no-repeat right 0;padding: 30px 0 0 0;}
.tab_intro > .lead{line-height: 2;}
.tab_intro .btn01.btn_pet{width: 343px;}

.travel-area .tab_intro{background: url(../img/travel/travel_ttl_bg_01.png) no-repeat right 0;min-height: 270px;}
.travel-area .link-box .btn01{width: 302px;}
.travel-area .checklist > a:hover{opacity: 0.7;}
.yutai-area .tab_intro{background: url(../img/yutai/yutai_ttl_bg_01.png) no-repeat right 50%;}





/*
.clm_2col{
width: 830px;
margin: 0 auto;
}
.clm_2col > .col{
width: 400px;
}
.tablist_01_footer{
border-top: dotted 1px #222;
margin: 0 40px;
}*/
.ico_arw_gray{
display: inline-block;
width: 0;
height: 0;
border-top: solid 5px transparent;
border-right: solid 5px transparent;
border-bottom: solid 5px transparent;
border-left: solid 5px #615532;
}
/* タブ切り替え */
/*.tab-area-01{
overflow: hidden;
}
.tab-area-01 > li{
float: left;
width: 475px;
height: 103px;
}
.tab-area-01 > li > a{
display: block;
height: 103px;
text-indent:-9999px;
}
.tab-area-01 > li:nth-child(1){
background: url(common/img/btn_tablist_01_off.jpg) no-repeat 0 0;
}
.tab-area-01 > li.current:nth-child(1){
background: url(common/img/btn_tablist_01_on.jpg) no-repeat 0 0;
}
.tab-area-01 > li:nth-child(2){
background: url(common/img/btn_tablist_02_off.jpg) no-repeat 0 0;
}
.tab-area-01 > li.current:nth-child(2){
background: url(common/img/btn_tablist_02_on.jpg) no-repeat 0 0;
}
.tablist {
display: none;
}
.tablist.current {
display: block;
}
*/





/*入会エリア*/
.btnList{margin-top:80px;}
.btnList li{line-height:1.5;}
.btnList.col2 li:first-child{float:left; width:600px;}
.btnList.col2 li:nth-child(2){float:right; width:330px;}
.enrollBtn{font-size:24px; position:relative;}
.enrollBtn .freeTxt{position:absolute; top:-10px; left:10px;}
.loginBtn{font-size:14px;}
.loginBtn b{display:block; position:relative; font-size:20px;}
.loginBtn b:before{display:block; content:""; background:url(../img/index/icon_login.png) 0 0 no-repeat; position:absolute; width:21px; height:22px; top:50%; left:90px; margin-top:-13px;}
.otrIcon{position:absolute; top:50%; right:20px; margin-top:-5px;}
.enroll li {display: inline-block; margin-right: 10px;}
.enroll li:first-child {margin-top: 0 !important;}



/*メール*/
.mailMag{background:url(../img/common/mailmg_bg.png) 700px 30px no-repeat; border:4px solid #d9d9d9; border-radius:10px; padding:30px; margin-top: 60px;}
.mailMag .head{font-size:18px; font-weight:bold;}
.magCont{width:600px;}



/* タブ内の2カラム */
.tab-box .clm_2col{
width: 100%;
}

.clm_2col.link-box{
width:  950px;
}
.clm_2col.item-02{
width: 100%;
}
.tab-box .clm_2col .col{
width: 427px;
}
.clm_2col.item-02 .col{
width: 435px;
margin-left: 10px;
text-align: center;
}
.clm_2col.item-02 .col:first-of-type{
margin-left: 0;
}






/* travel */
.content-area-wrap.travel-area .hdgttl.border{
margin: 50px 0 0 0;
padding: 50px 0 40px 0;
border-top: 1px dotted #625632;
}




/* yutai */
.yutai-acc .head{
border-radius: 4px;
background: #efeee9;
padding: 20px;
}
.yutai-acc .head .headTtl{
color: #625632;
}
.yutai-acc .content{
border: none;
}
.yutai-acc .js_accordion_btn{
font-size: 0 !important;
}

.yutai-acc .head .js_accordion_btn.opened,
.yutai-acc .head .js_accordion_btn.closed{
width: 20px;
height: 20px;
}
.yutai-acc .head .js_accordion_btn.opened{
background: url(../img/common/icon_plus.png) no-repeat right 0;
background-position: 0 0;
}
.yutai-acc .head .js_accordion_btn.closed{
background: url(../img/common/icon_minus.png) no-repeat right 0;
background-position: 0px 10px;
}


.yutai-detail > .lead{
font-size: 20px;
font-weight: bold;
color: #c9233d;
margin: 0 0 30px 0;
}

.yutai-detail > .leadB{
font-size: 16px;
font-weight: bold;
color: #625632;
margin: 0 0 30px 0;
}

.yutai-detail .shopbtnC{margin: 0 auto; width: 320px;}
.yutai-detail .shopbtnD{margin: 0 auto; width: 358px;}
.yutai-detail .shopbtnR{float: right; width: 320px;}


/*トップボーナスマイルリンク*/
.link-box-01{
padding: 40px 0 0 0;
margin-top: 40px;
}
.link-box-01 .hdgttl{
margin-bottom: 40px;
}
.link-box-01 .link-list{
font-size: 0;
}
.link-box-01 .link-list li{
font-size: 14px;
display: inline-block;
width: 270px;
margin-left: 20px;
box-sizing: border-box;
}
.link-box-01 .link-list li a{
width: 100%;
color: #fff;
font-weight: bold;
box-sizing: border-box;
}

.link-box-01 .other{
border-top: 1px dashed #625632;
}
/* 対象店舗一覧 */
.crsl-items{
position: relative;
}
.crsl-item .col{
width: 270px;
display: inline-block;
}
.crsl-item .col .image img{
border: 1px solid #cfcfcf;
}
.crsl-item .col .inr{
border: 1px solid #cfcfcf;
border-top: none;
width: 270px;
box-sizing: border-box;
padding: 15px;
}
.obj-shop .icon{
display: inline-block;
border: 1px solid #615532;
padding: 3px 5px;
font-size: 11px;
font-weight: bold;
}

.obj-shop .btn02 a{
color: #615532;
border-radius: 4px;
background: #e0ddd6;
}




/* 特典店舗 */
.mileUseServiceBox{overflow: hidden;padding: 0;}
.mileUseServiceBox .mileUseServiceShop{float: left;width: 420px;margin-right:30px;margin-top:30px;padding: 0;}
.mileUseServiceBox .mileUseServiceShop:nth-child(2n){margin-right: 0;}
.shopInr{display: table;vertical-align: top;}
.shopInr .shopPic,.shopInr .shopInfo{display: table-cell;vertical-align: top; line-height: 1.7;}
.shopInr .shopPic{padding-right:20px;line-height:1;font-size: 0;}
.shopInr .shopPic p:last-child img{border: 1px solid #d0d0d0;}
.shopInr .shopPic img{display:block;}
.shopInr .shopPic .icon-new{font-size: 11px;color: #fff;background: #c9233d;padding: 2px 12px;position:absolute;top: 0;left: 0;line-height: 1;}
.shopInr .shopPic .pic-logo{border: 1px solid #d0d0d0;position: relative;}
.shopInr .shopInfo .infoHead{font-weight: bold;line-height: 1.7;}
.shopInr .shopInfo .infoTxt{line-height: 1.7; min-height: 100px;}
.shopInr .shopInfo .btnBK > span{color: #fff;}
.shopInr .shopInfo .btnWT.iconBR{box-sizing: border-box;padding: 9px 20px !important;}