/* BASIC css start */
#contents {margin:0 auto;}

.cateWrap {position:relative;background:#fff;}
.cateWrap .cate1 dl dt{position:fixed;left:50%;top:1.111vw;transform:translateX(-50%); z-index:1001;}
.cateWrap .cate1 dl dt a{display:block; position:relative; padding-right:4.167vw; max-width:50vw; font-size:4.722vw;line-height:11.111vw; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;font-family :'FlightSans-Regular', sans-serif;}
.cateWrap .cate1 dl dt a svg{position:absolute; width:3.611vw; top: 50%; right:0; transform: translateY(-50%); transition:transform 0.3s;}
.cateWrap .cate1 dl dt a.active svg{ transform: translateY(-50%) rotate(-180deg);}
.cateWrap .cate1 dl dd{ display:none; position:fixed; top:var(--mainHeaderHeight); left:0; width:100%; padding:3.333vw 0; background:#fff; border-top: 1px solid #e9e9e9; z-index:1001;}
.cateWrap .cate1 dl dd ul li a{ display:block; padding:3.056vw; font-size:4.167vw; text-align:center; line-height:5.556vw; color:#b1b1b1; font-weight:500;font-family :'FlightSans-Regular', sans-serif;}
.cateWrap .cate1 dl dd ul li a.now{color:#000;font-family :'FlightSans-Bold', sans-serif;}
.cateWrap .cate1 .bgMask{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:998;}
.cateWrap .cate2 { padding:0 4.167vw; border-bottom:0.278vw solid #e9e9e9;}
.cateWrap .cate2 ul li{ width:auto; margin-right:6.111vw;}
.cateWrap .cate2 ul li a{ display:block; line-height:11.111vw; color:#b1b1b1; border-bottom:0.556vw solid #fff;font-family :'FlightSans-Regular', sans-serif;}
.cateWrap .cate2 ul li a.on{ color:#000; border-bottom:0.556vw solid #000;}
.cateWrap .cate3{ padding:0 4.167vw;background:#f8f8f8; border-bottom:0.278vw solid #e9e9e9;}
.cateWrap .cate3 ul li{ width:auto; margin-right:6.111vw;}
.cateWrap .cate3 ul li a{ display:block; line-height:11.111vw; font-size:3.056vw; color:#b1b1b1;}
.cateWrap .cate3 ul li a.on{color:#000;}


.grade_cont {width:100%;}
.layout_fix{padding:0; margin:0 auto; position:relative; text-align:center;}
.heading {padding:4rem 10px 3rem; margin:0 auto;}
.heading .tit {font-size:2rem; font-family: 'FlightSans-Bold', sans-serif; line-height:1.4;}
.heading .desc{margin-top:20px; line-height:1.48; font-size:1rem; color:#121212;font-family :'FlightSans-Regular', sans-serif; word-break:keep-all; letter-spacing:-0.3px;}
.ty_grid {margin:0 auto; padding:0 20px;}
.ty_grid ul{display:flex;flex-direction:column; border:1px solid #ddd; margin-bottom:20px; border-radius:10px; padding:0 30px;}
.ty_grid ul li{padding:25px 0; border-bottom:1px dashed #ddd;}
.ty_grid ul li.txt{font-size:1.125rem;font-family :'FlightSans-Regular', sans-serif;}
.ty_grid ul li:last-child{border-bottom:none;}
.ty_grid table {width:100%; position:relative; border-top:1px solid #121212; border-collapse:separate; border-spacing:0;}
.ty_grid table tr {display:table-row; vertical-align: inherit; unicode-bidi: isolate;}
.ty_grid th {width:250px; padding:0; line-height:1.46; text-align:center; background:#f8f8f8; font-size:17px; font-weight:500; border-bottom:1px solid #dcdcdc; white-space:nowrap}
.ty_grid tr td {height:100px; padding:26px; font-weight:400; text-align:center; line-height:1.46; font-size:17px; color:#121212; position:relative; border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; vertical-align:middle; word-break:keep-all;}
.ty_grid ul li[class^="grade_"] {font-size:1.5rem; font-family :'FlightSans-Bold', sans-serif;}
.ty_grid ul li[class^="grade_"]:before {content:""; width:45px; height:45px; background-color:transparent; background-repeat:no-repeat; background-size:contain; vertical-align:middle; display:inline-block; padding-right:5px;}
.ty_grid .grade_f:before {background-image:url(//resfor.cafe24.com/wig/site/mosim/icon_f.png);}
.ty_grid .grade_s:before {background-image:url(//resfor.cafe24.com/wig/site/mosim/icon_s.png);}
.ty_grid .grade_g:before {background-image:url(//resfor.cafe24.com/wig/site/mosim/icon_g.png);}
.ty_grid .grade_v:before {background-image:url(//resfor.cafe24.com/wig/site/mosim/icon_v.png);}
.ty_grid img[src*="coupon"] {height:85px; max-height:none;}
div.ec-base-help {padding:40px 30px; text-align:left; }
div.ec-base-help h3 {line-height:1.5; font-size:1.375rem;font-family :'FlightSans-Bold', sans-serif; padding-bottom:10px; margin-left:-10px;}
div.ec-base-help ol {margin-top:12px;}
div.ec-base-help ol li {margin-bottom:15px;line-height:1.6;color:#666; word-break:keep-all; font-size:1rem; position:relative;font-family :'FlightSans-Regular', sans-serif;}
div.ec-base-help ol li::before {content:'·'; margin-right:8px;position:absolute; top:0; left:-10px;}
strong{font-weight:700;}
.grade_cont1 {background-color:#fbf9ef; width:100%; padding-bottom:2rem;}
.gridList {display:flex;flex-direction:column; width:90%; margin:0 auto;}
.gridList li {margin-bottom:20px; align-self:stretch;}
.gridList li:nth-child(3) {padding-right:0 !important;}
.gridList .item { padding:40px 30px; font-size:0; background-color:#fff; border-radius:10px; border:1px solid #dcdcdc;}
.gridList img{height:76px; margin-bottom:2rem;}
.gridList dt {font-size:1.375rem; font-family :'FlightSans-Bold', sans-serif;}
.gridList dd {margin-top:1rem; line-height:1.4; font-size:1.125rem; color:#666;font-family :'FlightSans-Regular', sans-serif; word-break:keep-all;}
.grade_cont2 {padding-bottom:30px; width:100%;}
.join{width:100%; text-align:center; padding-bottom:70px;}
.btn_join {font-size:1rem; height:54px; padding:0 30px; line-height:52px; text-align:center; color:#fff; background:#07aad6; border:1px solid #07aad6; transition:all .5s; display:inline-block; border-radius:10px;font-family: 'FlightSans-Bold', sans-serif;}
.btn_join i{padding-left:15px;}


/* BASIC css end */