@charset "utf-8";

/* layout */
header {position:fixed; top:0; left:0; width:100%; height:56px; text-align:center; background:#fff; border-bottom:1px solid #cfcfcf; z-index:20;}
header h1 {color:#383838; font-size:1.333rem; line-height:59px; margin-right:75px; padding-left:75px; color:#383838; font-size:1.333rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
header h1 a.a-txt {display:block; margin-right:75px; padding-left:75px; color:#383838; font-size:1.333rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
header h1 a.logo {display:block; height:56px; width:82px; margin:0 auto; text-indent:-999em; background:url('../images/common/logo.png') no-repeat center center; background-size:82px auto;}
header > a {position:absolute; top:0; right:10px; display:block; width:30px; height:56px; text-indent:-999em; background:url('') no-repeat center center; background-size:30px auto;}
header .btn-menu {right:auto; left:10px; background-image:url('../images/common/ico_menu.png');}
header .btn-prev {right:auto; left:10px; background-image:url('../images/common/ico_prev.png');}
header .btn-search {background-image:url('../images/common/ico_search.png');}
header .btn-share {background-image:url('../images/common/ico_share.png');}
header .btn-share.right {right:46px; background-image:url('../images/common/ico_share.png');}
header .btn-cart {right:46px; background-image:url('../images/icon/ico_cart.png');}
header .btn-cart em {position:absolute; top:13px; right:0; display:inline-block; width:13px; height:13px; color:#fff; font-size:0.667rem; text-align:center; text-indent:0; background:#f06261; border-radius:13px;}
header .btn-trash {background-image:url('../images/icon/ico_trash.png');}
header .btn-menu02 {background-image:url('../images/common/ico_menu02.png');}
header .btn-feed {background-image:url('../images/icon/ico_feed.png');}
header .btn-txt {top:18px; isplay:inline-block; min-width:40px; height:20px; line-height:20px; padding:0 7px; color:#fff; font-size:0.833rem; text-align:center; background-color:#f06261; box-sizing:border-box; border-radius:4px; text-indent:0;}
header .pop-menu {display:none;}
header .pop-menu .dim {position:fixed; top:0; left:0; width:100%; height:100%; z-index:10;}
header .pop-menu ul {position:absolute; top:5px; right:7px; background:#fff; border:1px solid #ebefee; z-index:15;
-webkit-box-shadow: -1px 6px 11px 8px rgba(235,239,238,0.6);
-moz-box-shadow: -1px 6px 11px 8px rgba(235,239,238,0.6);
box-shadow: -1px 6px 11px 8px rgba(235,239,238,0.6);}
header .pop-menu li {width:130px;}
header .pop-menu li + li {border-top:1px solid #e0e0e0;}
header .pop-menu li:first-child {background:url('../images/icon/ico_arrow02.png') no-repeat calc(100% - 10px) center; background-size:10px auto;}
header .pop-menu li a {display:block; height:50px; line-height:50px; padding-left:25px; color:#000; font-size:1.250rem; text-align:left; box-sizing:border-box;}


#lnb {position:fixed; top:0; left:0; width:100%; height:100%; z-index:25; text-align:left; display:none;}
#lnb .dim {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:21;}
#lnb .close {position:absolute; top:0; left:270px; width:18px; padding:20px 15px; z-index:22;}
#lnb .close img {width:18px;}

#gnb {position:absolute; top:0; /*left:0;*/ left:-270px; width:270px; height:100%; overflow-y:auto; background:#fff; z-index:22;}
#gnb .profile {position:relative; height:85px; padding:25px 0 0 75px; background:#fff url('../images/icon/bg_line01.png') 0 0; background-size:5px auto; box-sizing:border-box;}
#gnb .profile .img {position:absolute; top:17px; left:14px;}
#gnb .profile .img img {width:50px; height:50px; border-radius:50px;}
#gnb .profile .name {padding-bottom:7px; color:#383838; font-size:1.167rem; font-weight:700;}
#gnb .profile .link {color:#383838; font-size:1rem; font-weight:300; text-decoration:underline;}
#gnb .profile .ico-bell {position:absolute; top:50%; right:17px; margin-top:-17px; display:inline-block; padding:10px;}
#gnb .profile .ico-bell img {width:14px; height:16px;}
#gnb .mypage-menulist {padding:0 10px;}
#gnb .bottom-util {position:absolute; bottom:0; left:0; width:100%; padding:20px; background:#ebefee; box-sizing:border-box;}
#gnb .bottom-util a + a {display:inline-block; margin-left:15px;}
#gnb .bottom-util a img {width:auto; height:40px;}

footer.bottom-menu {position:fixed; bottom:0; left:0; width:100%; background:#fff; z-index:2;}
footer.bottom-menu ul {width:100%; height:50px; border-top:1px solid #c8c8c8; overflow:hidden; box-sizing:border-box;}
footer.bottom-menu ul li a {position:relative; float:left; display:block; width:20%; color:#8e8e8e; font-size:0.833rem; text-align:center;}
footer.bottom-menu ul li a.write {text-indent:-999em;}
footer.bottom-menu ul li a:before {content:''; display:block; height:16px; margin:8px 0 6px; background:url() no-repeat top center; background-size:auto 32px;}
footer.bottom-menu ul li.menu01 a:before {background-image:url('../images/icon/ico_botmenu01.png')}
footer.bottom-menu ul li.menu02 a:before {background-image:url('../images/icon/ico_botmenu02.png')}
footer.bottom-menu ul li.menu03 a:before {background-image:url('../images/icon/ico_botmenu03.png')}
footer.bottom-menu ul li.menu04 a:before {background-image:url('../images/icon/ico_botmenu04.png')}
footer.bottom-menu ul li.write a:before {height:48px; margin:0; background:url('../images/icon/btn_write.png') no-repeat center center; background-size:auto 48px;}
footer.bottom-menu ul li.on a {color:#383838;}
footer.bottom-menu ul li.on a:before {background-position:center -16px;}
footer.bottom-menu ul li.write.on a:before {background-position:center center;}


body.fixed, #wrap.fixed {overflow:hidden;}

#wrap {height:100%;}
#contents {min-width:320px; height:100%; padding-top:57px; background:#fff; box-sizing:border-box;}
#contents > div {padding:0 13px 70px; min-height:100%; box-sizing:border-box;}
#contents.type02 > div {padding-bottom:30px;}
#contents > .cover-section {padding:0 15px; margin:0 -15px;}


/* main */
.profile-main {position:relative; margin:0 -13px;}
.profile-main .swiper-slide {position:relative; height:370px; color:#fff; text-align:center; background:url('') no-repeat center center; background-size:cover;}
.profile-main .swiper-slide .img {width:200px; height:200px; margin:22px auto 15px; background:#fff url('') no-repeat center center; background-size:cover; border-radius:200px; border:3px solid #fff; box-sizing:border-box;}
.profile-main .swiper-slide .name {margin-bottom:10px; font-size:1.917rem; line-height:1.917rem; font-weight:700; text-shadow:5px 5px 10px rgba(0,0,0,0.5);}
.profile-main .swiper-slide .date {display:block; font-size:1.333rem; line-height:1.333rem; text-shadow:5px 5px 10px rgba(0,0,0,0.5);}
.profile-main .swiper-slide .btn-set {display:inline-block; padding:14px; opacity:0.7;}
.profile-main .swiper-slide .btn-set img {width:16px;}
.profile-main .pagination {position:absolute; bottom:25px; left:0; opacity:0.7;}
.profile-main.no-pet {height:170px; padding:25px 13px 0; text-align:center; background:#e6e6e6; box-sizing:border-box;}
.profile-main.no-pet .ico {display:block; width:40px; height:43px; margin:0 auto; background:url('../images/icon/ico_plus.png') no-repeat 0 0; background-size:40px auto;}
.profile-main.no-pet .txt-type05 {padding:15px 0 10px;}

.banner-box {position:relative;}
.banner-box a,
.banner-box img {border-radius:4px;}
.banner-box .pagination {position:absolute; bottom:6%;}

/* store */
/* view */
.store-view .tab-type01 {position:relative;}
.store-view .tab-type01.fixed {position:fixed; top:56px; left:0; width:100%; margin:0; z-index:20;}
.product-info {margin:0 -13px;}
.product-info .img-box {position:relative;}
.product-info .img-box .swiper-slide {position:relative; background-color:#e6e6e6;}
.product-info .img-box .swiper-slide img.big-img {position:absolute; left:50%; top:50%; max-width:100%; max-height:100%; margin:auto;
-webkit-transform:translate(-50%, -50%); /* Safari */
-moz-transform:translate(-50%, -50%); /* Firefox */
-ms-transform:translate(-50%, -50%); /* IE 9 */
-o-transform:translate(-50%, -50%); /* Opera */
transform:translate(-50%, -50%);}
.product-info .img-box .pagination {position:absolute; bottom:7.5%; left:0;}
.product-info .info-box {padding:0 13px;}
.product-info .info-box .txt-box {position:relative; padding-top:10px;}
.product-info .info-box .txt-box .date {color:#858484; font-size:0.833rem; font-weight:300;}
.product-info .info-box .txt-box .tit {padding:5px 0 8px; color:#383838; font-size:1rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.product-info .info-box .txt-box .option {position:absolute; top:10px; right:0; color:#383838; font-size:0.833rem; font-weight:300;}
.product-info .info-box .price-box {color:#e52e3e; font-size:0.833rem; line-height:1rem; text-align:right;}
.product-info .info-box .price-box .pre {padding-right:5px; text-decoration:line-through;}
.product-info .info-box .price-box .now {color:#383838; font-size:1rem; font-weight:300; text-decoration:none;}
.product-info .info-box .icon-set {margin:13px -13px 0; padding:0 13px; border-top:1px solid #d2d2d2;}

.store-view .product-detail {position:relative;}
.store-view .tab-type01 {position:absolute; top:0; left:0;}
.store-view .tab-type01 li a {border-color:#d2d2d2;}

#detail-info,
#review,
#inquiry {padding-top:42px;}

#detail-info .detail-img {margin:0 -13px;}
#detail-info .detail-img img {width:100%;}
#detail-info .h3-title03 {margin:0 -13px; height:45px; line-height:45px; text-align:center;}
#detail-info .h3-title03.border {margin-top:40px; border-top:2px solid #605a4a;}
#detail-info .related-product {margin:0 -13px 0 0;}
#detail-info .related-product .board-list li {margin-top:0;}
#detail-info .related-product .board-list li > a {padding-right:13px; box-sizing:border-box;}

#inquiry .gray-box {text-align:center;}
#inquiry .gray-box .ico-qa {display:block; width:30px; height:26px; margin:0 auto; background:url('../images/icon/ico_qa.png') no-repeat 0 0; background-size:30px auto;}
#inquiry .gray-box .txt-type01 {padding:10px 0 15px;}
#inquiry .sorting-box {position:relative; height:50px;}
#inquiry .board-list02 {border-top:none;}
#inquiry .sorting-box .chk-type01 {margin:16px 0 0 13px;}
#inquiry .sorting-box .sel-box {position:absolute; top:0; right:0; width:50%; height:50px; line-height:50px;}
#inquiry .accordion-box > li > a {height:auto; line-height:1.250rem; padding:0; background:none;}

.quick-order {position:fixed; bottom:0; left:0; width:100%; z-index:26;}
.quick-order .dim {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:21;}
.quick-order .dim,
.quick-order .option-list,
.quick-order .menu-close {display:none;}
.quick-order .menu-close {position:absolute; top:-15px; left:50%; display:block; width:53px; height:15px; margin-left:-27px;}
.quick-order .menu-close img {width:100%;}
.quick-order .btn-option a {display:block; width:100%; height:40px; line-height:40px; padding:0 25px 0 13px; color:#383838; font-weight:700; border-bottom:1px solid #383838; background:#fff url('../images/common/ico_bar_off.png') no-repeat calc(100% - 5px) center; background-size:30px auto; -webkit-appearance:none; box-sizing:border-box;}
.quick-order .btn-option a.on {background:url('../images/common/ico_select_arr01.png') no-repeat calc(100% - 5px) center; background-size:30px;}
.quick-order .option-select {max-height:300px; overflow:hidden; overflow-y:auto; display:none;}
.quick-order .option-select ul {padding:0 13px 20px;}
.quick-order .option-select .radio-type02 {display:block; margin:20px 0 0;}
.quick-order .option-select .radio-type02 input[type=radio] + label {display:block; width:100%; padding-right:110px; font-size:1.167rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box;}
.quick-order .option-select .radio-type02 input[type=radio] + label em {position:absolute; top:1px; right:30px; color:#f06261;}
.quick-order .option-list {position:relative; background:#fff; z-index:22;}
.quick-order .btn-box {z-index:26;}
.quick-order .option {max-height:140px; padding:0 13px; overflow-x:hidden; overflow-y:auto; border-bottom:1px solid #c8c8c8;}
.quick-order .option li {position:relative; padding:12px 0 15px; border-top:1px solid #c8c8c8;}
.quick-order .option li:first-child {border-top:none;}
.quick-order .option li .img {position:absolute; top:10px; left:0; width:50px; height:50px; background:url('') no-repeat center center; background-size:cover; border-radius:4px;}
.quick-order .option li .name {color:#383838; font-size:1.167rem; padding-right:15px; margin-bottom:8px; white-space:normal; max-height:30px; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.quick-order .option li .name + .price {margin-bottom:10px; color:#f06261; font-size:1.083rem; text-align:right;}
.quick-order .option li .img + .name {padding-left:60px; height:30px;}
.quick-order .option li div {overflow:hidden;}
.quick-order .option li div .count-modify {float:right;}
.quick-order .option li div .price {float:left; color:#383838; font-size:1.167rem; line-height:40px;}
.quick-order .option li .del {position:absolute; top:-1px; right:-15px; display:block; padding:15px;}
.quick-order .option li .del img {width:10px;}
.quick-order .option-list .total-price {padding:20px 13px; background:#fff; overflow:hidden;}
.quick-order .option-list .total-price p {float:left; color:#383838; font-size:1.167rem; font-weight:700;}
.quick-order .option-list .total-price strong {padding-left:6px; color:#f06261; font-size:1.500rem; font-weight:700;}
.quick-order .option-list .total-price strong em {color:#383838; font-weight:700;}
.quick-order .option-list .total-price .price {float:right;}
.quick-order.active {padding-bottom:50px; border-top:3px solid #383838; background:#fff; box-sizing:border-box;}

/* order */
.order-area .txt-type01 {padding:20px 0 10px; border-bottom:1px solid #383838;}
.order-area .txt-box {padding:30px 0 10px; text-align:center;}

.addr-info {padding-top:25px 0;}
.addr-info > a {position:relative; display:block; padding:10px 0; border-bottom:1px solid #383838; background:url('../images/icon/ico_arrow01.png') no-repeat 100% 15px; background-size:30px;}
.addr-info > a + a {padding-top:10px;}
.addr-info > a span {display:block; color:#383838; font-size:1.167rem;}
.addr-info > a span.name {position:absolute; top:8px; left:50px; font-size:1.333rem;}
.addr-info > a span.address {padding:10px 30px 10px 0; color:#8e8e8e; font-size:1rem; line-height:1.333rem;}
.addr-info > a .phone {overflow:hidden;}
.addr-info > a .phone span {float:right;}
.addr-info > a .phone span:first-child {float:left;}
.addr-info > a.bg-none {background:none;}
.addr-info > a.bg-none span.address {padding-right:0;}
.addr-info > a.select {background-position:100% 35px;}
.addr-info > a.select .tit {margin-top:8px;}
.addr-info > a.select span.name {top:37px;}
.addr-info .delivery-request div {padding-top:10px; border-top:1px solid #cfcdc8;}
.addr-info .delivery-request div textarea {height:70px;}
.addr-info .delivery-request .tit {padding-top:25px; color:#383838; font-size:1.167rem;}
.addr-info .delivery-request .txt {padding:10px 0; color:#8e8e8e; font-size:1rem; line-height:1.333rem; border-bottom:1px solid #afafaf;}
.addr-info .board-write .addr {position:relative;}
.addr-info .board-write .addr .ico {position:absolute; top:3px; right:0; display:inline-block; width:40px; height:40px; background:url('../images/icon/ico_addr.png') no-repeat center center; background-size:21px;}
.addr-info .board-write .addr input[type="text"] {padding-right:45px;}

.order-list.border {border-top:1px solid #383838;}
.order-list li {position:relative; border-bottom:1px solid #afafaf;}
.order-list li .state {padding:10px 0 0 5px; color:#616161; font-size:1rem;}
.order-list li .state .fc-red02 + .fc-red02 {padding-left:10px}
.order-list li > a {position:relative; display:block; padding:13px 5px 0;}
.order-list li .info-box {position:relative; min-height:80px; padding:0 0 13px 90px;}
.order-list li .info-box .img {position:absolute; top:0; left:0;}
.order-list li .info-box .img img {width:80px; height:80px; border-radius:5px;}
.order-list li .info-box .txt {position:relative;}
.order-list li .info-box .txt .btn-del {position:absolute; top:0; right:-10px; display:block; width:20px; height:20px; text-indent:-999em; background:url('../images/icon/ico_del02.png') no-repeat center center; background-size:13px;}
.order-list li .info-box .txt .name {padding-top:5px; color:#383838; font-size:1rem; line-height:1.333rem; white-space:normal; max-height:35px; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.order-list li .info-box .txt .btn-del + .name {padding-right:15px;}
.order-list li .info-box .txt .option {padding-top:10px; color:#616161; font-size:1rem; font-weight:300;}
.order-list li .info-box .price {position:absolute; bottom:13px; right:0; color:#f06261; font-size:1.167rem; font-weight:700;}
.order-list li .price-box {padding-bottom:13px;}
.order-list li .price-box p,
.order-list li .price-box div {overflow:hidden;}
.order-list li .price-box span {color:#383838; font-size:1.083rem; line-height:20px;}
.order-list li .price-box .count span.fl-r {font-size:1.250rem; line-height:1.250rem;}
.order-list li .price-box .count .count-modify {width:78px;}
.order-list li .price-box .count .count-modify button {width:20px; height:20px; background-size:20px;}
.order-list li .price-box .count .count-modify input {width:38px; height:20px; padding:0 8px 0 0; font-size:0.833rem; border-width:1px;}
.order-list li .price-box .order-price {padding-top:10px;}
.order-list li .price-box .order-price span {font-weight:300; line-height:1.500rem;}
.order-list li .price-box .order-price span.fl-r em {padding-right:10px; color:#e52e3e; font-weight:400; text-decoration:line-through;}
.order-list li .price-box .total-price {padding-top:20px;}
.order-list li .price-box .total-price span {font-size:1.333rem; font-weight:700;}
.order-list li .price-box .order-price .total-price {padding-top:0;}
.order-list li .price-box .order-price .total-price span {font-size:1.167rem; line-height:1.500rem; font-weight:400;}
.order-list li .btn-box {padding-bottom:13px;}

.discount-price ul li {line-height:40px; padding:0 5px; border-bottom:1px solid #cfcdc8; overflow:hidden;}
.discount-price ul li .fl-l,
.discount-price ul li .fl-r {color:#383838; font-size:1.167rem;}
.discount-price ul li:first-child .fl-r {color:#e52e3e;}
.discount-price ul li:first-child .fl-r span {padding-left:15px;}
.discount-price ul li.point .fl-r {width:50%; text-align:right;}
.discount-price ul li.point input[type="text"] {width:calc(100% - 70px); height:38px;}
.discount-price ul li.point .btn-type05 {margin-left:5px;}
.discount-price ul li.point .txt-type06 {clear:both; padding:10px 0 5px; line-height:1.250rem;}

.total-pay-price ul {padding:10px 0;}
.total-pay-price li,
.total-pay-price p {padding:0 5px; overflow:hidden;}
.total-pay-price li span {color:#383838; font-size:1.167rem; line-height:1.500rem;}
.total-pay-price .pay-price {padding:10px 5px; border-top:1px solid #383838; background:#f2f2f2;}
.total-pay-price .pay-price span {font-size:1.333rem; font-weight:700;}
.total-pay-price .point {padding-top:10px;}
.total-pay-price .point span {color:#616161; font-size:1.083rem;}
.total-pay-price .point span em {padding-right:5px; font-size:0.917rem;}

.pay-option li {border-bottom:1px solid #cfcdc8;}

.pay-agree ul {padding:10px 0;}
.pay-agree li {position:relative; padding:10px 5px;}
.pay-agree a {display:inline-block; color:#383838; font-size:1.083rem; text-decoration:underline;}
.pay-agree .chk-type03 {position:absolute; top:8px; right:10px;}

.company-info {margin:0 -13px -20px; padding:15px 30px; background:#ebefee;}
.company-info ul li {position:relative; padding-left:70px; color:#616161; font-size:0.917rem; font-weight:300; line-height:1.333rem;}
.company-info ul li + li {margin-top:6px;}
.company-info ul li span {position:absolute; top:0; left:0; display:inline-block; padding-left:20px; background:url('../images/icon/ico_call.png') no-repeat 0 0; background-size:12px;}
.company-info ul li + li span {background-image:url('../images/icon/ico_msg03.png'); background-size:14px;}
.company-info ul li em {color:#f44336; font-weight:400;}
.company-info p {padding-top:10px; color:#616161; font-size:0.917rem; font-weight:300; line-height:1.583rem;}

.deposit-info ul {padding:3px 0;}
.deposit-info li {padding:5px; overflow:hidden;}
.deposit-info li span {color:#383838; font-size:1.167rem; line-height:1.500rem; font-weight:300;}
.deposit-info li span.fl-r {font-weight:400; text-align:right;}

/* mypage */
.home.mypage .icon-set {padding:5px 0;}
.home.mypage .icon-set a + a {position:relative;}
.home.mypage .icon-set a + a:after {content:''; position:absolute; top:5px; left:0; display:block; width:1px; height:60px; background:#afafaf;}
.home.mypage .icon-set.order-state {margin:0 -13px; padding:5px 13px; border-top:1px solid #afafaf; border-bottom:1px solid #383838;}
.home.mypage .icon-set.order-state .ico02:before {display:none;}
.home.mypage .icon-set.order-state .ico02 em {color:#f06261; font-size:1.917rem; font-weight:700;}

.mypage .pet-list {margin:0 -13px;}
.mypage .pet-list li {position:relative; min-height:80px; padding:23px 13px 15px 73px; border-bottom:1px solid #c8c8c8; box-sizing:border-box;}
.mypage .pet-list li .img {position:absolute; top:15px; left:13px; width:50px; height:50px; background:url('') no-repeat center center; background-size:cover; border-radius:50px;}
.mypage .pet-list li .ico-badge {position:absolute; top:0; right:13px; width:40px; height:23px; line-height:21px; color:#fff; font-size:0.833rem; font-weight:700; font-style:normal; text-align:center; background:url('../images/icon/ico_badge.png') no-repeat 0 0; background-size:40px auto;}
.mypage .pet-list li .name {color:#383838; font-size:1.167rem;}
.mypage .pet-list li .name span {padding-left:5px; color:#8e8e8e; font-size:1rem;}
.mypage .pet-list li .birthday {padding-top:5px; color:#8e8e8e; font-size:1rem;}

.mypage .pet-profile {position:relative; height:370px; margin:0 -13px; padding-top:27px; background:#ddd7d7 url('') no-repeat center center; background-size:cover; box-sizing:border-box; text-align:center;}
.mypage .pet-profile .pet-img {position:relative; width:200px; height:200px; margin:0 auto; border-radius:200px; background:#fff url('') no-repeat center center; background-size:cover;}
.mypage .pet-profile .pet-img input[type="file"] {position:absolute; top:0; left:0; display:block; width:200px; height:200px; opacity:0;}
.mypage .pet-profile .pet-img span {display:block; display:block; width:200px; height:200px; padding-top:70px; color:#383838; font-size:1.167rem; box-sizing:border-box;}
.mypage .pet-profile .pet-img span:before {content:''; display:block; height:30px; margin-bottom:5px; background:url('../images/icon/ico_camera.png') no-repeat top center; background-size:30px;}
.mypage .pet-profile .pet-name {padding:15px 0 10px;}
.mypage .pet-profile .pet-name input[type="text"] {width:70%; color:#fff; font-size:1.917rem; font-weight:700; text-align:center; background:transparent; border-bottom-color:#fff;}
.mypage .pet-profile .pet-name input[type="text"]::-webkit-input-placeholder {
    color:#fff;
}
.mypage .pet-profile .pet-name input[type="text"]:-moz-placeholder {
    color:#fff;
}
.mypage .pet-profile .pet-name input[type="text"]::-moz-placeholder {
    color:#fff;
}
.mypage .pet-profile .pet-name input[type="text"]:-ms-input-placeholder {
    color:#fff;
}
.mypage .pet-profile .profile-bg {position:relative; height:60px; display:inline-block;}
.mypage .pet-profile .profile-bg input[type="file"] {position:absolute; top:0; left:0; display:block; width:100%; height:60px; opacity:0;}
.mypage .pet-profile .profile-bg a {color:#383838; font-size:1.167rem;}
.mypage .pet-profile .profile-bg a:before {content:''; display:block; height:32px; margin-bottom:8px; background:url('../images/icon/ico_photo.png') no-repeat top center; background-size:32px;}
.mypage .pet-write li {padding-top:15px;}
.mypage .pet-kind-list {margin-left:-13px;}
.mypage .pet-kind-list .swiper-slide a {position:relative; display:block; padding-left:13px; text-align:center; border-radius:4px;}
.mypage .pet-kind-list .swiper-slide a img {border-radius:4px;}
.mypage .pet-kind-list .swiper-slide a span {display:block; margin-top:8px; color:#383838; font-size:0.917rem;}
.mypage .pet-kind-list .swiper-slide a.on {display:block; padding-left:13px; text-align:center;}
.mypage .pet-kind-list .swiper-slide a.on p.img {position:relative;}
.mypage .pet-kind-list .swiper-slide a.on p.img:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#f06261; border-bottom-left-radius:4px; border-bottom-right-radius:4px;}
.mypage .pet-kind-list .swiper-slide a.on span {color:#f06261;}

.skin-list .board-list .event {position:relative;}
.skin-list .board-list .event .ico-badge {position:absolute; top:-2px; left:-2px; width:39px; height:39px;text-indent:-999em; background:url('../images/icon/ico_event03.png') no-repeat 0 0; background-size:39px auto;}
.skin-list .board-list li a {position:relative;}
.skin-list .board-list li a.on:before {content:''; display:block; position:absolute; top:0; left:0; bottom:0; right:0; border:3px solid #f06261; box-sizing:border-box; border-radius:5px;}

.mypage .order-list.cart li {position:relative; padding-left:33px;}
.mypage .order-list.cart li .chk-type04 {position:absolute; top:44px; left:5px;}

.mypage .order-list.product .txt-type01 {padding:13px 0 8px; border-bottom:1px solid #383838;}
.mypage .order-list.product .img {width:70px; height:70px;}
.mypage .order-list.product .img img {width:70px; height:70px;}
.mypage .order-list.product .info-box {min-height:70px; padding-left:80px;}
.mypage .order-list.product .info-box .txt .option {padding-top:0;}

.mypage .mypoint-info {margin:0 -13px; padding:15px 25px; background:#ebefee;}
.mypage .mypoint-info .now {color:#8e8e8e; font-size:0.917rem; text-align:center;}
.mypage .mypoint-info .now strong {display:block; padding-top:8px; color:#f06261; font-size:2.500rem; font-weight:700;}
.mypage .mypoint-info .txt-type03 {padding-top:8px; font-size:0.917rem; line-height:1.250rem;}

.mypage .pay-info p {overflow:hidden;}
.mypage .pay-info .txt-type02 {padding:13px 0 10px}
.mypage .pay-info .txt {padding-top:5px;}
.mypage .pay-info .txt .fl-l {color:#383838; font-size:1.083rem;}
.mypage .pay-info .txt .fl-r {color:#f06261; font-size:1.333rem; font-weight:700;}

.mypage.inquiry .txt-type01 {padding:20px 0 10px;}
.mypage.inquiry .board-list.inquiry {margin:12px -13px 20px 0;}
.mypage.inquiry .board-list.inquiry li + li {margin-top:0;}
.mypage.inquiry .board-list.inquiry li a {padding-right:13px;}
.mypage.inquiry .inquiry-box .txt-type06 {padding:15px 0 10px;}
.mypage.inquiry .inquiry-box .txt-type06 span {padding-right:7px; font-weight:700;}
.mypage.inquiry .inquiry-box .tit {padding-bottom:8px; margin-bottom:10px; color:#383838; font-size:1.167rem; line-height:1.667rem; border-bottom:1px solid #383838;}
.mypage.inquiry .inquiry-box .txt {color:#383838; font-size:1rem; line-height:1.250rem;}
.mypage.inquiry .inquiry-box .user-info span {display:block; color:#383838; font-size:1rem; line-height:1.250rem;}
.mypage.inquiry .inquiry-box .a-box {margin-top:16px; border-top:1px solid #383838;}

.mypage.faq .txt-type01 {padding:20px 0 10px;}

.mypage.inquiry .agree-box {padding:10px 5px 0;}
.mypage.inquiry .agree-box .radio-type01 {width:calc(50% - 15px);}

.mypage.refund .board-write .choice-bank {position:relative;} 
.mypage.refund .board-write .choice-bank input[type="text"]::-webkit-input-placeholder {
    color:#383838;
}
.mypage.refund .board-write .choice-bank input[type="text"]:-moz-placeholder {
    color:#383838;
}
.mypage.refund .board-write .choice-bank input[type="text"]::-moz-placeholder {
    color:#383838;
}
.mypage.refund .board-write .choice-bank input[type="text"]:-ms-input-placeholder {
    color:#383838;
}
.mypage.refund .board-write .choice-bank .btn-bank {position:absolute; top:0; right:0; display:block; width:40px; height:40px; text-indent:-999em; background:#fff url('../images/common/ico_select_arr01.png') no-repeat center center; background-size:30px auto;}

/* login */
.login {}
.login .login-bg {position:fixed; top:0; left:0; width:100%; height:100%; background:url('../images/contents/bg_login.png') no-repeat center center; background-size:cover; z-index:5;}
.login .login-bg img {position:absolute; top:25%; left:50%; width:auto; height:30px; margin-left:-80px; display:none;}
.login .bot-sns-area {position:fixed; left:0; bottom:30px; width:100%; height:200px; padding:0 30px; box-sizing:border-box; z-index:10;}
.login .bot-sns-area li + li {margin-top:13px;}
.login .bot-sns-area li a {display:block; height:40px; line-height:40px; color:#3a430e; font-size:1.250rem; text-align:center; background:#fff url() no-repeat 0 0; background-size:auto 40px; border-radius:4px;}
.login .bot-sns-area li.sns01 a {background-image:url('../images/icon/login_kakao.png')}
.login .bot-sns-area li.sns02 a {background-image:url('../images/icon/login_naver.png')}
.login .bot-sns-area li.sns03 a {background-image:url('../images/icon/login_facebook.png')}
.login .bot-sns-area li.sns04 a {background-image:url('../images/icon/login_instagram.png')}
.login .al-c p {color:#383838; font-size:1.083rem;}
.login .al-c p + p {margin-top:10px;}
.login .al-c p span {font-weight:300;}
.login .al-c p a {display:inline-block; margin-left:5px; color:#383838; font-size:1.083rem; text-decoration:underline;}

/* join */
.join .agree-box {padding-top:20px;}
.join .agree-box .top-txt {padding-bottom:30px; color:#383838; font-size:1.167rem; line-height:1.500rem; text-align:center;}
.join .agree-box .agree-list li {position:relative; padding:10px;}
.join .agree-box .agree-list li .txt a {color:#000; font-size:1.167rem; font-weight:300; text-decoration:underline;}
.join .agree-box .agree-list li.all-agree {border-bottom:1px solid #383838;}
.join .agree-box .agree-list li.all-agree .txt {color:#000; font-size:1.250rem;}
.join .agree-box .agree-list .chk-type04 {position:absolute; top:10px; right:10px; padding-left:0;}
.join .agree-box .agree-list .chk-type04 label {width:20px; padding-left:0; text-indent:-999em;}

/* pw-modify */
.pw-modify .pw-info {padding-top:30px; text-align:center;}
.pw-modify .pw-info .ico {display:block; height:69px; margin-bottom:15px; background:url('') no-repeat bottom center; background-size:91px auto;}
.pw-modify .pw-info .ico.ico01 {background-image:url('../images/icon/ico_pw01.png');}
.pw-modify .pw-info .ico.ico02 {background-image:url('../images/icon/ico_pw02.png');}

/* search */
.search .no-result + .h2-title01 {margin-top:-15px; font-weight:400;}
.search .no-result + .h2-title01 span {font-weight:300;}

/* feed */
.feed .board-view .user-info {position:relative; padding-left:38px; margin:10px 0 15px; height:30px;}
.feed .board-view .user-info .img {position:absolute; top:0; left:0; display:block; width:30px; height:30px; background:url('') no-repeat center center; background-size:cover; border-radius:30px;}
.feed .board-view .user-info span {display:block;}
.feed .board-view .user-info span.name {margin-bottom:1px; color:#383838; font-size:1rem;}
.feed .board-view .user-info span.time {color:#8e8e8e; font-size:0.917rem;}
.feed .board-view .tit-box {position:relative;}
.feed .board-view .tit-box .option {position:absolute; top:15px; right:7px; color:#8e8e8e; font-size:0.917rem; text-align:right;}
.feed .view-con {padding-top:10px;}
.feed .view-con .img-list {display:table; table-layout:fixed; width:100%; padding-right:10px; margin-bottom:10px; box-sizing:border-box;}
.feed .view-con .img-list li {display:table-cell; padding-left:10px;}
.feed .view-con .img-list li .img {background:url('') no-repeat center center; background-size:cover; border-radius:4px;}
.feed .view-con .txt-box {text-align:center;}
.feed .view-con .txt-box p:after {content:''; display:block; clear:both;}
.feed .view-con .txt-box p.txt-type01 { white-space:normal; max-height:30px; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.feed .view-con .txt-box p + p {margin-top:5px;}
.feed .view-con .txt-box p span {color:#8e8e8e; font-size:0.917rem;}
.feed .view-con .txt-box .price {font-size:1.333rem;}
.feed .view-con .star-score {margin-bottom:0;}
.feed .view-con .card-wrap {margin:0; padding:0 0 25px; background:#fff;}
.feed .view-con .card-wrap .card-type {padding:0; background:#fff;}
.feed .view-con .card-wrap .card-type .pagination {padding:13px 0 0;}
.feed .view-con .card-type .card-box .txt-box,
.feed .view-con .card-type .card-box .txt-box.tit,
.feed .view-con .card-type .card-box .txt-box.txt {border:none;}
.feed .view-con .card-type .card-box .img-box input[type="file"] {display:none;}
.feed .view-con .tag-box {padding-bottom:13px; margin-bottom:10px; border-bottom:1px solid #c8c8c8;}

.feed.write {background:#eee;}
.feed .guide-list li {margin-top:0;}
.feed .tab-con > .txt-type07 {padding-bottom:10px; border-bottom:1px solid #383838;}
.feed .tab-con > .btn-type05 {float:right; min-width:90px; height:30px; line-height:30px; margin-top:-35px; font-size:1rem;}
.feed .tab-con .goods-info {padding:8px 0 14px; text-align:center; border-bottom:1px solid #383838;}
.feed .tab-con .goods-info .img {width:50px; height:50px; margin:0 auto 10px; background:url('') no-repeat center center; background-size:cover;}
.feed .tab-con .goods-info .txt-box p {color:#383838; font-size:1rem;}
.feed .tab-con .goods-info .name {margin-top:3px; white-space:normal; max-height:30px; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.feed .normal-type .txt-type07 {padding:10px 0; border-bottom:1px solid #383838;}
.feed .normal-type .file-attach ul li {margin:0 -13px; padding:0 13px; border-bottom:1px solid #c8c8c8;}
.feed .normal-type .file-attach ul li input[type="text"] {border-bottom:none;}
.feed .normal-type .file-attach ul li .img {left:13px;}
.feed .feed-select {margin:0 -13px; overflow:hidden;}
.feed .feed-select li {float:left; width:50%;}
.feed .feed-select li a {display:block; padding:25px 30px 0; color:#383838; font-size:1.333rem; text-align:center;}
.feed .feed-select li a .ico {display:block; margin-bottom:10px;}
.bgm-list li {height:50px;}
.bgm-list li a {display:block; height:50px; line-height:50px; padding:0 30px 0 7px; color:#383838; font-size:1.167rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:url('../images/icon/ico_play_off.png') no-repeat calc(100% - 7px) center; background-size:21px; border-bottom:1px solid #c8c8c8; box-sizing:border-box;}
.bgm-list li.on a {border-bottom:2px solid #f06261; background-image:url('../images/icon/ico_play_on.png');}

.al-l {text-align:left !important;}
.al-c {text-align:center !important;}
.al-r {text-align:right !important;}
.al-j {text-align:justify !important;}
.fc-black {color:#383838 !important;}
.fc-gray01 {color:#616161 !important;}
.fc-gray02 {color:#8e8e8e !important;}
.fc-white {color:#fff !important;}
.fc-red {color:#f06261 !important;}
.fc-orange {color:#f0aa43 !important;}
.fc-green {color:#87bc42 !important;}
.fc-sky {color:#2f9fd1 !important;}
.fc-pink {color:#db1f6a !important;}
.fs-1 {font-size:0.833rem !important;}
.fs-2 {font-size:0.917rem !important;}
.fs-3 {font-size:1.000rem !important;}
.fs-4 {font-size:1.083rem !important;}
.fs-5 {font-size:1.167rem !important;}
.fs-6 {font-size:1.250rem !important;}
.fs-7 {font-size:1.333rem !important;}
.fs-8 {font-size:1.417rem !important;}

.card-write .select-bgm a {position:relative; display:block; height:40px; line-height:40px; padding-left:7px; color:#383838; background:url('../images/icon/ico_arrow01.png') no-repeat 100% 5px; background-size:30px; border-bottom:1px solid #cfcdc8;}
.card-write .select-bgm a:after {content:''; position:absolute; top:0; right:30px; display:block; width:11px; height:39px; background:url('../images/icon/ico_note02.png') no-repeat 0 center; background-size:11px auto;}
.card-write .select-bgm a span {display:inline-block; height:39px; line-height:39px; padding-left:16px; background:url('../images/icon/ico_note01.png') no-repeat 0 10px; background-size:8px auto;}
.card-wrap {margin:-5px -13px 0; padding:0 13px 70px; background:#e5e5e5;}
.card-wrap .btn-more {display:block; width:40px; margin:5px auto 0;}
.card-wrap .select-bgm {}
.card-type {position:relative; padding:25px 0 35px; background:#e5e5e5;}
.card-type > .txt {padding-bottom:12px; color:#383838; font-size:1.167rem; text-align:center;}
.card-type > .btn-del {position:absolute; top:34px; right:0; display:inline-block; padding:15px;}
.card-type > .btn-del img {width:15px;}
.card-type > .btn-arr {position:absolute; bottom:0; display:inline-block; width:18px; height:18px; padding:9px 15px; text-indent:-999em; background:url('') no-repeat center center; background-size:18px;}
.card-type > .btn-arr.down {right:0; background-image:url('../images/icon/ico_arr_down01.png');}
.card-type > .btn-arr.up {left:0; background-image:url('../images/icon/ico_arr_up01.png');}
.card-type > .btn-arr.down.on {right:0; background-image:url('../images/icon/ico_arr_down02.png');}
.card-type > .btn-arr.up.on {left:0; background-image:url('../images/icon/ico_arr_up02.png');}
.card-type > .box-move {position:absolute; bottom:8px; right:13px; height:20px;}
.card-type > .box-move input[type="text"] {width:40px; height:20px; font-size:0.917rem; text-align:center; border-bottom:none;}
.card-type .pagination {padding-bottom:13px;}
.card-type .pagination .swiper-pagination-bullet {background:#c8c8c8; opacity:1;}
.card-type .pagination .swiper-pagination-bullet-active {background:#f06261;}
.card-type .swiper-slide {position:relative;}
.card-type .card-box {position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #e4e4e4; box-sizing:border-box; border-radius:4px !important;}
.card-type .card-box .img-box,
.card-type .card-box .txt-area,
.card-type .card-box .txt-box {position:absolute;}
.card-type .card-box .img-box {background:#c8c8c8 url('../images/icon/ico_addfile03.png') no-repeat center 19%; background-size:31px; overflow:hidden;}
.card-type .card-box .img-box img {position:absolute; top:0; left:50%; width:auto; width:auto; height:100%; transform:translate(-50%, 0px); z-index:1;}
.card-type .card-box .img-box input[type="file"] {position:absolute; top:0; left:0; display:block; width:100%; height:100%; z-index:2; opacity:0;}
.card-type .card-box .txt-area {background:#fff;}
.card-type .card-box .txt-box {width:calc(100% - 26px); padding:5px 10px; border:2px solid #fff; box-sizing:border-box; z-index:3;}
.card-type .card-box .txt-box.on {border-color:#f06261 !important;}
.card-type .card-box .txt-box p {height:100%; overflow:hidden;}
.card-type .card-box .txt-box.tit p {font-size:1.333rem; font-weight:700;}
.card-type .card-box .txt-box.txt p {font-size:1.083rem;}

.card-type .card-box.type01 .img-box {top:0; left:0; right:0; bottom:0; border-radius:4px;}
.card-type .card-box.type01 .txt-box.on:before {content:''; position:absolute; bottom:-10px; left:50%; display:block; width:43.75%; height:3px; margin-left:-21.875%; background:#f06261;}
.card-type .card-box.type01 .txt-box.tit {bottom:calc(23% + 38px); right:13px; left:13px; height:23%;}
.card-type .card-box.type01 .txt-box.txt {bottom:13px; right:13px; left:13px; height:23%;}

.card-type .card-box.type02 .img-box {top:0; left:0; right:0; height:68%; border-radius:4px;}
.card-type .card-box.type02 .txt-box.tit {bottom:calc(23% + 30px); right:13px; left:13px; height:23%;}
.card-type .card-box.type02 .txt-area {bottom:0; width:100%; height:28%; border-bottom-left-radius:4px; border-bottom-right-radius:4px;}
.card-type .card-box.type02 .txt-box.txt {bottom:10%; right:13px; left:13px; height:80%; border-color:#e4e4e4;}

.card-type .card-box.type03 .img-box {top:0; left:0; bottom:0; width:42%; border-top-left-radius:4px; border-bottom-left-radius:4px; background-position:center;}
.card-type .card-box.type03 .txt-area {top:0; left:42%; right:0; bottom:0; border-top-right-radius:4px; border-bottom-right-radius:4px;}
.card-type .card-box.type03 .txt-box {border-color:#e4e4e4;}
.card-type .card-box.type03 .txt-box.tit {top:13px; bottom:calc(57% + 15px); right:13px; left:13px; height:calc(43% - 41px);}
.card-type .card-box.type03 .txt-box.on:before {content:''; position:absolute; bottom:-11px; left:-2px; display:block; width:calc(100% + 4px); height:2px; background:#f06261;}
.card-type .card-box.type03 .txt-box.txt {bottom:13px; right:13px; left:13px; height:57%;}
.card-type .card-box.type03 .txt-box.txt.on:before {bottom:auto; top:-11px;}

.card-type .card-box.type04 .img-box {top:7px; left:7px; right:7px; height:68%; border-radius:4px; background-position:center;}
.card-type .card-box.type04 .txt-area {top:calc(68% + 13px); bottom:3px; right:7px; left:7px;}
.card-type .card-box.type04 .txt-box {width:100%; border-color:#e4e4e4;}
.card-type .card-box.type04 .txt-box.tit {top:0; bottom:calc(51% + 3px); right:0; left:0; height:45.5%;}
.card-type .card-box.type04 .txt-box.txt {bottom:0; right:0; left:0; height:51%;}

.card-type .card-box.type05 .img-box {top:0; left:0; right:0; bottom:0; border-radius:4px; background-position:center 29%;}
.card-type .card-box.type05 .txt-area {top:58%; bottom:10%; right:0; left:0;}
.card-type .card-box.type05 .txt-box {width:calc(100% - 14px); border-color:#e4e4e4;}
.card-type .card-box.type05 .txt-box.tit {top:7px; bottom:calc(46% + 7px); right:7px; left:7px; height:38%;}
.card-type .card-box.type05 .txt-box.txt {bottom:7px; right:7px; left:7px; height:46%;}

.card-type .card-box.type06 .img-box {top:0; left:0; right:0; bottom:0; border-radius:4px; background-position:center 59%;}
.card-type .card-box.type06 .txt-box {width:calc(100% - 14px); border-color:#e4e4e4;}
.card-type .card-box.type06 .txt-box.tit {top:25px; right:7px; left:7px; height:37.7%;}
.card-type .card-box.type06 .txt-box.txt {bottom:7px; right:7px; left:7px; height:24.6%;}

.card-type .card-box.type07 .img-box {top:0; left:0; bottom:0; right:0; border-radius:4px; background-position:75% center;}
.card-type .card-box.type07 .txt-area {top:7px; left:7px; bottom:7px; width:45%;}
.card-type .card-box.type07 .txt-box {width:calc(100% - 14px); border-color:#e4e4e4;}
.card-type .card-box.type07 .txt-box.tit {top:7px; right:7px; left:7px; height:45.5%;}
.card-type .card-box.type07 .txt-box.txt {bottom:7px; right:7px; left:7px; height:45.5%;}

.card-type .card-box.type08 .img-box {top:0; left:0; right:0; bottom:0; border-radius:4px; background-position:center 14%;}
.card-type .card-box.type08 .txt-box.tit {top:32.5%; right:13px; left:13px; height:26%;}
.card-type .card-box.type08 .txt-area {bottom:7px; left:7px; right:7px; width:calc(100% - 14px); height:37.5%;}
.card-type .card-box.type08 .txt-box.txt {top:7px; bottom:7px; right:7px; left:7px; width:calc(100% - 14px); height:calc(100% - 14px); border-color:#e4e4e4;}

.fontedit-layer {position:fixed; bottom:0; left:0; width:100%; height:295px; z-index:26; display:none;}
.fontedit-layer .dim {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:21;}
.fontedit-layer .menu-close {position:absolute; top:-15px; left:50%; display:block; width:53px; height:15px; margin-left:-27px; z-index:26;}
.fontedit-layer .menu-close img {width:100%;}
.fontedit-layer .inner {position:absolute; left:0; bottom:0; width:100%; height:295px; padding:13px 7px; background:#fff; border-top:2px solid #383838; box-sizing:border-box; z-index:26;}
.fontedit-layer .inner .btn-complete {position:absolute; top:7px; right:7px; color:#f06261; font-size:1.167rem; font-weight:700;}
.fontedit-layer .inner > .txt-type01 {padding-bottom:7px;}
.fontedit-layer .inner textarea {height:90px; font-size:1.083rem;}
.fontedit-layer .inner textarea:focus {border-color:#cfcdc8;}
.fontedit-layer .edit-list li {min-height:40px;}
.fontedit-layer .edit-list li:after {content:''; display:block; clear:both;}
.fontedit-layer .edit-list li .btn-font {display:block; height:40px; line-height:40px; padding-left:7px; color:#383838; background:url('../images/icon/ico_arrow01.png') no-repeat 100% 5px; background-size:30px; border-bottom:1px solid #cfcdc8;}
.fontedit-layer .edit-list li .txt-type01 {position:relative; top:14px; float:left; display:block; width:65px; padding-left:7px; box-sizing:border-box;}
.fontedit-layer .edit-list li > div {position:relative; top:10px; float:left; width:calc(100% - 65px); box-sizing:border-box;}
.fontedit-layer .edit-list .fc-color {font-size:0;}
.fontedit-layer .edit-list .fc-color a {position:relative; display:inline-block; width:25px; height:25px; text-indent:-999em; border-radius:4px; border:1px solid #e5e5e5; box-sizing:border-box;}
.fontedit-layer .edit-list .fc-color a + a {margin-left:5px;}
.fontedit-layer .edit-list .fc-color a.on:before {content:''; position:absolute; top:-1px; left:-1px; display:block; width:21px; height:21px; border:2px solid #ff0000; border-radius:4px;}
.fontedit-layer .edit-list .fc-color .fc-black {background-color:#383838; border-color:#383838;}
.fontedit-layer .edit-list .fc-color .fc-black {background-color:#383838;}
.fontedit-layer .edit-list .fc-color .fc-gray01 {background-color:#616161;}
.fontedit-layer .edit-list .fc-color .fc-gray02 {background-color:#8e8e8e;}
.fontedit-layer .edit-list .fc-color .fc-white {background-color:#fff;}
.fontedit-layer .edit-list .fc-color .fc-red {background-color:#f06261;}
.fontedit-layer .edit-list .fc-color .fc-orange {background-color:#f0aa43;}
.fontedit-layer .edit-list .fc-color .fc-green {background-color:#87bc42;}
.fontedit-layer .edit-list .fc-color .fc-sky {background-color:#2f9fd1;}
.fontedit-layer .edit-list .fc-color .fc-pink {background-color:#db1f6a;}
.fontedit-layer .edit-list .font-align {font-size:0;}
.fontedit-layer .edit-list .font-align a {display:inline-block; width:25px; height:25px; text-indent:-999em; background:url('') no-repeat center 2px; background-size:16px;}
.fontedit-layer .edit-list .font-align .al-l {background-image:url('../images/icon/ico_TL01_off.png');}
.fontedit-layer .edit-list .font-align .al-c {background-image:url('../images/icon/ico_TL02_off.png');}
.fontedit-layer .edit-list .font-align .al-r {background-image:url('../images/icon/ico_TL03_off.png');}
.fontedit-layer .edit-list .font-align .al-j {background-image:url('../images/icon/ico_TL04_off.png');}
.fontedit-layer .edit-list .font-align .al-l.on {background-image:url('../images/icon/ico_TL01_on.png');}
.fontedit-layer .edit-list .font-align .al-c.on {background-image:url('../images/icon/ico_TL02_on.png');}
.fontedit-layer .edit-list .font-align .al-r.on {background-image:url('../images/icon/ico_TL03_on.png');}
.fontedit-layer .edit-list .font-align .al-j.on {background-image:url('../images/icon/ico_TL04_on.png');}
.fontedit-layer .edit-list .font-size {top:18px;}
.fontedit-layer .select-family {left:100%;}
.fontedit-layer .select-family .txt-type01 {padding-left:23px;}
.fontedit-layer .select-family a.prev {position:absolute; top:0; left:0; display:block; width:30px; height:40px; text-indent:-999em; background:url('../images/common/ico_prev.png') no-repeat center center; background-size:17px auto;}
.fontedit-layer .select-family .font-list {margin:-7px 0 0 -7px; overflow:hidden;}
.fontedit-layer .select-family .font-list li {float:left; width:50%; padding:7px 0 0 7px; box-sizing:border-box;}
.fontedit-layer .select-family .font-list li a {display:block; height:40px; padding-top:6px; color:#383838; text-align:center; border:1px solid #ebefee; box-sizing:border-box;}
.fontedit-layer .select-family .font-list li a span.eng {display:block; margin-top:3px; color:#8e8e8e; font-size:0.833rem;}
.fontedit-layer .select-family .font-list li.on a {border:2px solid #f06261;}

.fontedit-layer .rangeslider--horizontal {height:3px; }
.fontedit-layer .rangeslider__handle {width:20px; height:20px; border-color:#c8c8c8; box-shadow:none;}
.fontedit-layer .rangeslider__handle:after {display:none;}
.fontedit-layer .rangeslider,
.fontedit-layer .rangeslider__fill {transition:background 0.3s;}
.fontedit-layer .rangeslider {background:#e3e3e3;}
.fontedit-layer .rangeslider__fill {background:#383838;}
.fontedit-layer .rangeslider--is-lowest-value {background-color:white;}

@media only screen and (max-width :321px) {
	.fontedit-layer .edit-list .fc-color a {width:20px; height:20px;}
	.fontedit-layer .edit-list .fc-color a.on:before {width:16px; height:16px;}
}


/* report */
.report .board-list li {position:relative; min-height:80px; padding:0 0 13px 90px; border-bottom:1px solid #c8c8c8;}
.report .board-list li .img {position:absolute; top:0; left:0; width:80px; height:80px; background:url('') no-repeat center center; background-size:cover; border-radius:4px;}
.report .board-list li .option {position:static; margin-bottom:3px;}
.report .reple-list li {border-bottom:1px solid #c8c8c8;}
.report .reple-list li .txt { white-space:normal; max-height:30px; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.report .board-write textarea {margin-top:15px;}


/* popup */
.popwrap {position:fixed; top:50%; left:0; min-width:200px; width:100%; margin-top:-100px; z-index:9000; display:none; box-sizing:border-box; z-index:99999;}
.popwrap .dim {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9000;}
.popwrap .popcontent {position:relative; margin:0 15px; padding:0 20px; background:#fff; border-radius:4px; overflow:hidden; z-index:99999 !important;}
.popwrap .popcontent h3 {position:relative; padding:25px 0 20px; color:#000; font-size:1.667rem; text-align:center; background:#fff; z-index:9999;}
.popwrap .popcontent p.txt {color:#383838; font-size:1.333rem; line-height:1.667rem; text-align:center;}
.popwrap .popcontent p.txt02 {color:#383838; font-size:1.333rem; font-weight:300; line-height:1.667rem; text-align:center;}
.popwrap .popcontent p.txt02 span {font-weight:400;}
.popwrap .popcontent > .btn-box {margin:0 -20px; padding-top:25px;}

.popwrap.sns-share {height:250px; margin-top:-125px;}
.popwrap.sns-share .sns-box {text-align:center;}
.popwrap.sns-share .sns-box img {width:50px; margin:0 5px;}
.popwrap.sns-share .url-copy {position:relative; height:30px; margin-top:18px;}
.popwrap.sns-share .url-copy input[type="text"] {width:calc(100% - 60px); height:30px; margin-right:60px; color:#8e8e8e; font-size:0.917rem; border:2px solid #f06261;}
.popwrap.sns-share .url-copy a {position:absolute; top:0; right:0; display:block; width:60px; height:30px; line-height:30px; color:#fff; font-size:0.917rem; text-align:center; background:#f06261;}

.pop-bank {width:100%; z-index:9999; display:none; box-sizing:border-box;}
.pop-bank .dim {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9000;}
.pop-bank .popcontent {position:fixed; top:70px; left:20px; right:20px; bottom:70px; background:#fff; border-radius:4px; overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; z-index:99999 !important;}
.pop-bank .tit {height:50px; line-height:50px; color:#000; font-size:1.417rem; font-weight:400; text-align:center;}
.pop-bank .bank-list {padding:10px 0; overflow:hidden;}
.pop-bank .bank-list li {float:left; width:50%; height:40px; padding:10px 17px; color:#8e8e8e; font-size:1rem; box-sizing:border-box;}
.pop-bank .bank-list li img {width:26px; height:auto; margin-right:10px; vertical-align:middle;}

.pop-reple {width:100%; z-index:9999; display:none; box-sizing:border-box;}
.pop-reple > .btn-close {position:fixed; top:0; right:0; display:inline-block; height:50px; padding:0 13px; text-indent:-999em; background:url('../images/icon/ico_del04.png') no-repeat center center; background-size:15px; z-index:99999;}
.pop-reple .popcontent {position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; z-index:99999;}
.pop-reple .tit {height:50px; line-height:50px; color:#000; font-size:1.500rem; font-weight:400; text-align:center; border-bottom:1px solid #cfcfcf;}
.pop-reple .board-write {padding:13px;}

.pop-goods {width:100%; z-index:9999; display:none; box-sizing:border-box;}
.pop-goods .dim {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9000;}
.pop-goods .popcontent {position:fixed; top:70px; left:20px; right:20px; bottom:70px; background:#fff; border-radius:4px; overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; z-index:99999 !important;}
.pop-goods .popcontent > .tit {height:50px; line-height:50px; color:#000; font-size:1.417rem; font-weight:400; text-align:center; border-bottom:1px solid #383838;}
.pop-goods .inner {padding:0 7px 70px;}
.pop-goods .search-box * {font-size:1rem !important;}
.pop-goods .search-box .input-box {padding-left:10px;}
.pop-goods .btn-box.fixed {bottom:70px; left:20px; width:calc(100% - 40px);}
.pop-goods .btn-box.fixed .btn-type01 {color:#fff; background-color:#8e8e8e;}

.pop-deli {width:100%; z-index:9999; display:none; box-sizing:border-box;}
.pop-deli .dim {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9000;}
.pop-deli > .btn-close {position:fixed; top:26px; right:7px; display:inline-block; width:15px; height:15px; padding:15px; text-indent:-999em; background:url('../images/icon/ico_close.png') no-repeat center center; background-size:15px; z-index:99999 !important;}
.pop-deli .popcontent {position:fixed; top:70px; left:20px; right:20px; bottom:70px; background:#fff; border-radius:4px; overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; z-index:99999 !important;}
.pop-deli .popcontent > .tit {height:50px; line-height:50px; color:#000; font-size:1.417rem; font-weight:400; text-align:center; border-bottom:1px solid #383838;}
.pop-deli .inner {padding:0 7px;}
.pop-deli .addr-info > a {background:none; border-bottom:none;}
.pop-deli .addr-info > a span.name {font-size:1.250rem;}
.pop-deli .addr-info > a span.address {padding-right:0;}
.pop-deli .addr-info .btn-box {padding:0 0 10px; border-bottom:1px solid #cfcdc8;}
.pop-deli .addr-info .btn-box a:first-child {background:#8e8e8e;}
.pop-deli .btn-box.fixed {bottom:70px; left:20px; width:calc(100% - 40px);}
.pop-deli .btn-box.fixed .btn-type01 {color:#fff; background-color:#c8c8c8;}

.pop-bgm {width:100%; z-index:9999; display:none; box-sizing:border-box;}
.pop-bgm .dim {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9000;}
.pop-bgm > .btn-close {position:fixed; top:26px; right:7px; display:inline-block; width:15px; height:15px; padding:15px; text-indent:-999em; background:url('../images/icon/ico_close.png') no-repeat center center; background-size:15px; z-index:99999 !important;}
.pop-bgm .popcontent {position:fixed; top:70px; left:20px; right:20px; bottom:70px; background:#fff; border-radius:4px; overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; z-index:99999 !important;}
.pop-bgm .popcontent > .tit {height:50px; line-height:50px; color:#000; font-size:1.417rem; font-weight:400; text-align:center; border-bottom:1px solid #383838;}
.pop-bgm .inner {padding:0 7px 70px;}
.pop-bgm .search-box * {font-size:1rem !important;}
.pop-bgm .search-box .input-box {padding-left:10px;}
.pop-bgm .btn-box.fixed {bottom:70px; left:20px; width:calc(100% - 40px);}
.pop-bgm .btn-box.fixed .btn-type01 {color:#fff; background-color:#8e8e8e;}

.pop-skin {width:100%; z-index:9999; display:none; box-sizing:border-box;}
.pop-skin .dim {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9000;}
.pop-skin > .btn-close {position:fixed; top:26px; right:7px; display:inline-block; width:15px; height:15px; padding:15px; text-indent:-999em; background:url('../images/icon/ico_close.png') no-repeat center center; background-size:15px; z-index:99999 !important;}
.pop-skin .popcontent {position:fixed; top:70px; left:20px; right:20px; bottom:70px; background:#fff; border-radius:4px; overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; z-index:99999 !important;}
.pop-skin .popcontent > .tit {height:50px; line-height:50px; color:#000; font-size:1.417rem; font-weight:400; text-align:center; border-bottom:1px solid #383838;}
.pop-skin .skin-list {padding:0 7px 70px;}
.pop-skin .btn-box.fixed {bottom:70px; left:20px; width:calc(100% - 40px);}

.pop-terms {width:100%; z-index:9999; display:none; box-sizing:border-box;}
.pop-terms .dim {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9000;}
.pop-terms > .btn-close {position:fixed; top:26px; right:7px; display:inline-block; width:15px; height:15px; padding:15px; text-indent:-999em; background:url('../images/icon/ico_close.png') no-repeat center center; background-size:15px; z-index:99999 !important;}
.pop-terms .popcontent {position:fixed; top:70px; left:20px; right:20px; bottom:70px; background:#fff; border-radius:4px; overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; z-index:99999 !important;}
.pop-terms .popcontent > .tit {height:50px; line-height:50px; color:#000; font-size:1.417rem; font-weight:400; text-align:center; border-bottom:1px solid #383838;}
.pop-terms .popcontent iframe.terms {width:100%;}