@charset "utf-8";

/* ==== 韓国旅行「コネスト」KRMS User Interface Style ==== */

/* ***** PC & Mobile ***** */

/* *** ico *** */
.ico_ui{display:inline-block;overflow:hidden;font-size:0;background-repeat:no-repeat;vertical-align:top;text-indent:-9999px}

/* *** thumb *** */
.thumb_ui{display:block;position:relative;text-align:center}
.thumb_ui .img_thumb{display:block;max-width:100%}
.thumb_ui .frame_thumb{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.4);background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.5) 20%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%)}
.thumb_ui .bg_frame{display:none}
.thumb_ui.thumb_b:after{display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(0,0,0,.1);box-sizing:border-box;content:''}
.thumb_ui.thumb_crop{overflow:hidden}
.thumb_ui.thumb_crop .img_thumb{position:absolute;top:50%;left:50%;max-width:100%;-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.thumb_ui.thumb_cover{overflow:hidden;background-position:50% 50%;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat}
.thumb_ui.thumb_contain{overflow:hidden;background-position:50% 50%;-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat}
.thumb_ui.thumb_crop:before,.thumb_ui.thumb_cover:before,.thumb_ui.thumb_contain:before{display:block;padding-bottom:75%;content:''}
.thumb_ui .tag_rate{display:table;position:absolute;top:0;left:0;z-index:10;width:45px;height:45px;font-size:14px;line-height:14px;color:#fff;background-color:#ec4538;text-align:center;table-layout:fixed}
.thumb_ui .tag_rate .inner_tag{display:table-cell;vertical-align:middle;word-break:break-all}
.img_ui{display:block;max-width:100%;margin:10px auto 0}
.img_ui:first-child{margin-top:0}
/* ** size ** */
.thumb_ui.thumb_1035x110{max-width:1035px}
.thumb_ui.thumb_1035x110:before{padding-bottom:10.629%}
.thumb_ui.thumb_640x120{max-width:640px}
.thumb_ui.thumb_640x120:before{padding-bottom:18.75%}
.thumb_ui.thumb_338x107{max-width:338px}
.thumb_ui.thumb_338x107:before{padding-bottom:31.66%}

/* *** paging *** */
.paging_ui .link_paging,.paging_ui .link_paging:active,.paging_ui .link_paging:hover,.paging_ui .link_paging:focus{text-decoration:none}
.paging_ui .link_prev,.paging_ui .link_next{opacity:.2}
.paging_ui .link_prev[href],.paging_ui .link_next[href]{opacity:1}
/* ** paging_type1 ** */
.paging_ui.paging_type1{font-size:0;text-align:center}
.paging_ui.paging_type1 .link_paging{display:inline-block;padding:0 5px;border:1px solid #bababa;color:#606060;background-color:#fff;vertical-align:top}
.paging_ui.paging_type1 .link_paging:hover,.paging_ui.paging_type1 .link_paging:focus{color:#ec4538}
.paging_ui.paging_type1 .link_paging.on{border-color:#ee3524;color:#fff;background-color:#ee3524}

/* ***** PC ***** */

/* *** ico *** */
[class*='-pc'] .ico_ui{background-image:url(/rsc/svc/img/ico_ui.png)}
[class*='-pc'] .ico_ui.ico_prev{width:9px;height:11px;background-position:0 0}
[class*='-pc'] .ico_ui.ico_next{width:9px;height:11px;background-position:-10px 0}
[class*='-pc'] .ico_ui.ico_favorite{width:14px;height:13px;background-position:-20px 0}
[class*='-pc'] .ico_ui.ico_favorite.on{background-position:-40px 0}
[class*='-pc'] .ico_ui.ico_mark{width:10px;height:9px;background-position:0 -30px}
[class*='-pc'] .ico_ui.ico_mark_before{width:58px;height:9px;background-position:0 -20px;text-indent:0}
[class*='-pc'] .ico_ui.ico_mark_after{width:58px;height:9px;background-position:0 -30px}
[class*='-pc'] .ico_ui.ico_print{width:15px;height:15px;background-position:0 -40px}
[class*='-pc'] .ico_ui.ico_arrow{width:5px;height:8px;background-position:-20px -40px}
[class*='-pc'] .ico_ui.ico_notice{width:16px;height:16px;background-position:-50px -40px}
[class*='-pc'] .ico_ui.ico_fold{width:14px;height:8px;background-position:-30px -40px}
[class*='-pc'] .ico_ui.ico_fold_close, [class*='-pc'] .open_fold .ico_ui.ico_fold{width:14px;height:8px;background-position:-30px -50px}
[class*='-pc'] .ico_ui.ico_fold2{display:none}
[class*='-pc'] .ico_ui.ico_fold_close2{display:none}

/* *** paging *** */
/* ** paging_type1 ** */
[class*='-pc'] .paging_ui.paging_type1{padding:40px 0}
[class*='-pc'] .paging_ui.paging_type1 .link_paging{min-width:18px;height:28px;margin:0 5px;padding:0 5px;font-size:18px;line-height:28px}
[class*='-pc'] .paging_ui.paging_type1 .link_prev{margin-right:15px}
[class*='-pc'] .paging_ui.paging_type1 .link_next{margin-left:15px}
[class*='-pc'] .paging_ui.paging_type1 .ico_ui{margin-top:8px}

/* ***** Mobile ***** */

/* *** ico *** */
[class*='-sp'] .ico_ui{background-image:url(/rsc/svc/img/ico_ui_m.png?ver=200221);-webkit-background-size:100px 60px;background-size:100px 60px}
[class*='-sp'] .ico_ui.ico_prev{width:9px;height:11px;background-position:0 0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
[class*='-sp'] .ico_ui.ico_next{width:9px;height:11px;background-position:0 0}
[class*='-sp'] .ico_ui.ico_favorite{width:19px;height:17px;background-position:-30px 0}
[class*='-sp'] .ico_ui.ico_favorite.on{background-position:-50px 0}
[class*='-sp'] .ico_ui.ico_mark{width:10px;height:9px;background-position:-10px -10px}
[class*='-sp'] .ico_ui.ico_mark_before{width:62px;height:10px;background-position:0 -20px;text-indent:0}
[class*='-sp'] .ico_ui.ico_mark_after{width:62px;height:10px;background-position:0 -30px}
[class*='-sp'] .ico_ui.ico_print{display:none}
[class*='-sp'] .ico_ui.ico_arrow{width:7px;height:13px;background-position:0 -40px}
[class*='-sp'] .ico_ui.ico_notice{width:18px;height:18px;background-position:-10px -40px}
[class*='-sp'] .ico_ui.ico_fold{width:16px;height:10px;background-position:-10px 0}
[class*='-sp'] .ico_ui.ico_fold_close, [class*='-sp'] .open_fold .ico_ui.ico_fold{width:16px;height:10px;background-position:-10px 0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
[class*='-sp'] .ico_ui.ico_fold2{width:23px;height:23px;background-position:-70px 0}
[class*='-sp'] .ico_ui.ico_fold_close2, [class*='-sp'] .open_fold .ico_ui.ico_fold2{width:23px;height:23px;background-position:-70px -30px}
/* *** paging *** */
/* ** paging_type1 ** */
[class*='-sp'] .paging_ui.paging_type1{padding:30px 0}
[class*='-sp'] .paging_ui.paging_type1 .link_paging{min-width:14px;height:24px;margin:0 2px;padding:0 5px;font-size:16px;line-height:24px}
[class*='-sp'] .paging_ui.paging_type1 .link_prev{margin-right:8px}
[class*='-sp'] .paging_ui.paging_type1 .link_next{margin-left:8px}
[class*='-sp'] .paging_ui.paging_type1 .ico_ui{margin-top:7px}