.welcome {  }
.welcome .header { clear:both; width:100%; height:45px; text-align:center; background-color: #ffffff; }
.welcome .header p.logo { margin:auto; padding-top:16px; width:100px; height:45px; }
.welcome .header p.logo img { width:100%; height:auto; }

.img-full img,
.img-full a img { width:100% !important; height:auto !important; }

.wrap { margin:0 3.125%; clear:both; }


#header { position:fixed; top:0px; left:0px; z-index:8888; width:100%; height:45px; text-align:center; border-bottom:1px solid #7d7d7d; background-color: #ffffff; }
#header p.logo { margin:auto; padding-top:16px; width:100px; height:45px; }
#header p.logo img { width:100%; height:auto; }
#header .area { width: 100%; height:100%; }
#header .area .btn-search { position:absolute; top:5px; right:10px; z-index:3; display:block; width:35px; height:35px; background:url(../images/common/icon_search.png) no-repeat center 50%; background-size:auto 50% !important; }
#header .area .btn-search.btn-close { position:absolute; top:5px; right:10px; z-index:3; display:block; width:35px; height:35px; background:url(../images/common/icon_close.png) no-repeat center 50%; background-size:auto 50% !important; }
#header .area .btn-back { position:absolute; top:0px; left:0px; z-index:3; display:block; width:40px; height:100%; }
#header .area .btn-back span { margin:14px 0 0 10px; display:block; width:21px; height:16px; background:url(../images/common/icon_back.png) no-repeat center 50%; background-size:auto 100% !important; }
#header .area .btn-wish { position:absolute; top:14px; right:10px; z-index:3; display:block; width:22px; height:21px; background:url(../images/common/icon_wish_off.png) no-repeat center 50%; background-size:auto 100% !important; }
#header .area .btn-wish.active { background:url(../images/common/icon_wish_on.png) no-repeat center 50%; background-size:auto 100% !important; }

#header .area .title { position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; text-align:center; line-height: 45px; font-weight: 700; font-size: 16px; color:#000;  }
#header .area #DivTopSearchFront { display:block; position:absolute; top:0; z-index:2; left:0; width:100%; height:100%; background-color: #ffffff; }
#header .area #DivTopSearch { display:block; position:absolute; top:0; z-index:1; left:0; width:100%; height:100%; background-color: #e74b3c; }
#header .area #DivTopSearch .search-area { margin:8px 10px; height:29px; background-color: #ffffff; }
#header .area #DivTopSearch .search-area .search-input { border:none; margin:0px; background-color: transparent !important; width:100%; height:100%; }
/*
#DivTopSearchClose { display:none; position:fixed; top:20px; left:0; z-index: 2; width:100%; text-align:center; }
#DivTopSearchClose span { display:inline-block; background-color:#e74b3c; color:#ffffff; font-weight: 700; padding:3px 10px; }
*/
#DivTopSearchBlock { display:none; position:absolute; top:0px; left:0px; z-index:1; width:100%; height:100%; background:url(../images/common/box_bg.png) repeat 0 0; }
/* #footer-menu { position:fixed; bottom:0px; left:0px; z-index:9999; width:100%; height:9.06%; background-color: #e74b3c; } */
#footer-menu { position:fixed; bottom:0px; left:0px; z-index:7777; width:100%; height:50px; background-color: #e74b3c; }
#footer-menu ul { width:100%; height:100%; margin:0; padding:0; }
#footer-menu ul li { float:left; height:100%; width:20%; margin:0; padding:0; }
#footer-menu ul li a { display: block; width:100%; height:100%; position: relative; margin:0; padding:0; }

#footer-menu ul li.home a { background:url(../images/common/menu_home.png) no-repeat center 30%; background-size:auto 48% !important; }
#footer-menu ul li.wish a { background:url(../images/common/menu_wish.png) no-repeat center 30%; background-size:auto 48% !important; }
#footer-menu ul li.qr a { background:url(../images/common/menu_qr.png) no-repeat center 30%; background-size:auto 48% !important; }
#footer-menu ul li.history a { background:url(../images/common/menu_history.png) no-repeat center 30%; background-size:auto 48% !important; }
#footer-menu ul li.more a { background:url(../images/common/menu_more.png) no-repeat center 30%; background-size:auto 48% !important; }
#footer-menu ul li.active a { background-color:#c61100; }
#footer-menu ul li a span { position: absolute; bottom:2px; left:0px; z-index:1; zoom:*; width:100%; color:#ffffff; font-weight: 700; font-size:80%; text-align: center; margin:0; padding:0; }

#contents { margin-top:46px; padding-bottom:50px; width:100%; }

.prom_view_area {  min-height:320px; background-color: #ffffff; }
.prom_view_area .loading { text-align:center; padding-top:100px; }
.main_wrap { margin-top:46px; width:100%; background-color: #ffffff; min-height:320px; }
.main_wrap .item { clear:both; margin-bottom:1px; }
.main_wrap .item-last { margin-bottom:1px; }

.footer-copy { clear:both; border-top:1px solid #797979; padding:15px 3.90625%; }

.prod_view { border-top:2px solid #ebebeb; margin-top:-1px; padding:1px 3.90625% 0px 3.90625%; background-color: #ffffff; }
.prod_set .prod_img { border:1px solid #e74b3c; width:108px; height:108px; overflow:hidden; text-align: center; vertical-align: middle; line-height: 108px; border-radius: 10px; }
.prod_set .prod_img a { display:block; width:108px; height:108px; overflow: hidden; }
.prod_set .prod_img img { max-width:108px; max-height:108px; vertical-align: middle; }
.prod_set .title { clear:both; margin-top:5px; min-height:65px; }
.prod_set .title h2 { font-size:18px; font-weight: 500; line-height: 18px; letter-spacing: -0.05em; width:100%; max-height:36px; }
.prod_set .title p { margin-top:2px; font-size:14px; font-weight: 400; line-height: 16px; color:#999999; width:100%; max-height:32px; }

.prod_set .price .real { display:block; width:100%; height:15px; color:#999999; font-size: 13px; letter-spacing: -0.05em; }
.prod_set .price .price_etc { display:block; width:100%; height:15px; }
.prod_set .price .sel { color:#e74b3c; font-size: 15px; letter-spacing: -0.05em; }
.prod_set .price .sel strong { font-size: 18px; font-weight: 500; }

#ProdList .prod_set {  border-bottom:1px solid #ebebeb; margin-top:10px;}

.prod_view .prod_desc { clear:both; margin-top:15px; }
.prod_view .prod_desc h2.title { border-top:2px solid #ebebeb; border-bottom:1px solid #ebebeb; font-size:14px; color:#000000; font-weight: 500; padding:5px 0; }
.prod_view .prod_desc .contents { margin:10px 0 0px 0; padding-bottom:50px; }
.prod_view .prod_desc .contents h2 { font-size:13px; color:#000000; font-weight: 500; padding-bottom: 10px; }
.prod_view .prod_desc .contents p { font-size:13px; font-weight: 400; line-height: 18px; }

#loader { width:100%; padding:20px 0; text-align:center; }

.NoData { margin:100px 0 0 0; position:relative; width:100%; height:120px; background:url(../images/common/nodata.png) no-repeat center 0; background-size:auto 70% !important; }
.NoData p { position:absolute; bottom:0; left:0; width:100%; text-align: center; color:#88888a; font-size:16px; font-weight:700; }

.NoData-logo { margin:100px 0 0 0; position:relative; width:100%; height:70px; background:url(../images/common/logo_top.png) no-repeat center 0; background-size:auto 30% !important; }
.NoData-logo p { position:absolute; bottom:0; left:0; width:100%; text-align: center; color:#88888a; font-size:16px; font-weight:700; }

#ProdList .box1 { width:100%; height:50px; }

.wish_util { clear:both; height:44px; border-bottom:2px solid #d0d0d0; }
.wish_util .area { padding:0 3.90625%; }
.wish_util .area .tot_cnt { float:left; color:#88888a; font-size:15px; font-weight: 400; line-height: 44px; }
.wish_util .area .tot_cnt span.num { color:#e74b3c; font-weight: 700; }
.wish_util .area .edit { width:50px; cursor:pointer; border-left:1px solid #d0d0d0; float:right; height:100%; text-align:right; padding-right:20px; color:#e74b3c; font-weight: 500; font-size:15px; line-height: 44px; background:url(../images/common/icon_edit_arr.png) no-repeat right 17px; background-size:auto 25% !important; }
.wish_util .area .del { display:none; cursor:pointer; border-left:1px solid #d0d0d0; float:right; height:100%; text-align:right; padding:0 10px 0 25px; color:#88888a; font-weight: 500; font-size:15px; line-height: 44px; background:url(../images/common/icon_edit_del.png) no-repeat 10px 15px; background-size:auto 30% !important; }

.wish_util .area.active .tot_cnt { cursor:pointer; width:auto; background:url(../images/common/icon_checkbox_off.png) no-repeat 6% 45%; background-size:auto 68% !important; }
.wish_util .area.active .tot_cnt.on { cursor:pointer; width:auto; background:url(../images/common/icon_checkbox_on.png) no-repeat 6% 45%; background-size:auto 68% !important; }
.wish_util .area.active .tot_cnt span.text { display:inline-block; padding-left:40px; font-size: 14px; }
.wish_util .area.active .edit { padding-left:20px; padding-right:0px; background:url(../images/common/icon_edit_close.png) no-repeat 10px 17px; background-size:auto 25% !important; }
.wish_util .area.active .del { display:block; background-color:#e74b3c; color:#fff; }

.result_util { clear:both; height:44px; border-bottom:2px solid #d0d0d0; overflow:hidden; }
.result_util .area { padding:0 3.90625%; }
.result_util .area .tot_cnt { float:right; color:#88888a; font-size:15px; font-weight: 400; line-height: 44px; }
.result_util .area .tot_cnt span.num { color:#e74b3c; font-weight: 700; }
.result_util .area .result_txt { float:left; color:#88888a; font-size:15px; font-weight: 400; line-height: 44px; min-width:100px; width:80%; height:44px; }
.result_util .area .result_txt span { color:#e74b3c; }


.table-prod-list td.item_edit { overflow:hidden; width:1px; padding:0 !important; margin:0 !important; }

.table-prod-list td.item_edit.active { width:50px; background:url(../images/common/icon_checkbox_off.png) no-repeat 20% 45%; background-size:auto 25% !important; }
.table-prod-list td.item_edit.active.on { background:url(../images/common/icon_checkbox_on.png) no-repeat 20% 45%; background-size:auto 25% !important; }

.edit-content { }
.edit-content p { display:block !important; }
.edit-content h6 { font-size:12px; font-weight:400; }
.edit-content h5 { font-size:14px; font-weight:400; }
.edit-content h4 { font-size:16px; font-weight:400; }
.edit-content h3 { font-size:18px; font-weight:400; }
.edit-content h2 { font-size:20px; font-weight:400; }
.edit-content h1 { font-size:22px; font-weight:400; }

.edit-content ul {
  display: block;
  list-style-type: disc;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 40px;
}
.edit-content ul li {
  display: list-item;
  list-style:disc;
  text-align: -webkit-match-parent;
}


.more_area { padding:0 3.90625%; }
.more_area .box { float:left; margin-top:15px; width:48%; height:105px; border:1px solid #d7d7d7; position:relative; }
.more_area .box.box-right { float:right; }
.more_area .box.box-language { background:url(../images/common/icon_more_language.png) no-repeat 85% 80%; background-size:auto 30% !important; }
.more_area .box.box-info { background:url(../images/common/icon_more_info.png) no-repeat 85% 80%; background-size:auto 30% !important; }
.more_area .box.box-terms { background:url(../images/common/icon_more_terms.png) no-repeat 85% 80%; background-size:auto 30% !important; }
.more_area .box.box-privacy { background:url(../images/common/icon_more_privacy.png) no-repeat 85% 80%; background-size:auto 30% !important; }
.more_area .box.box-ship { background:url(../images/common/icon_more_ship.png) no-repeat 85% 80%; background-size:auto 30% !important; }
.more_area .box.box-contact { background:url(../images/common/icon_more_contact.png) no-repeat 85% 80%; background-size:auto 30% !important; }
.more_area .box a { display:block; width:100%; height:100%; }
.more_area .box a:hover { text-decoration: none; }
.more_area .box p { padding:15px 0 0 10%; font-size:14px; font-weight: 500; color:#333; line-height: 16px; }

.language p { cursor:pointer; display:block; clear:both; border-bottom:1px solid #ebebeb; height:44px; line-height: 44px; font-size:16px; padding-left:50px; background:url(../images/common/icon_radio_off.png) no-repeat 20px 13px; background-size:auto 40% !important; }
.language p.active { background:url(../images/common/icon_radio_on.png) no-repeat 20px 13px; background-size:auto 40% !important; }
.language p span { display:block; width:100%; height:44px; }


/* inatall */
#AppInstall { display:none; position: fixed; z-index:9000; top:0; left:0; width:100%; height:100%; }
#AppInstall .InstallBlock { position:fixed; top:0px; left:0px; z-index:9000; width:100%; height:100%; background:url(../images/common/box_bg.png) repeat 0 0; }
#AppInstall .Install { position:fixed; top:50%; left:0px; margin-top:-12%; z-index:9001; text-align:center; width:100%; }
#AppInstall .Install img.app { width:93.75%; cursor:pointer; }
#AppInstall .Install img.skip { width:19.375%; cursor:pointer; }

.prom-nav .arr { position: fixed; z-index: 1; top:50%; width:40px; height:40px; background:url(../images/common/box_bg_3.png) repeat 0 0; }
.prom-nav .prev { left:0; }
.prom-nav .next { right:0; }
.prom-nav .arr a { display:block; width:100%; height:100%; }
.prom-nav .prev.arr a { background:url(../images/common/prom_arr_prev.png) no-repeat 40% 50%; }
.prom-nav .next.arr a { background:url(../images/common/prom_arr_next.png) no-repeat 60% 50%; }