/* xi con */
@font-face{font-family:xeicon;src:url(https://cdn.jsdelivr.net/npm/xeicon@2.3.3/fonts/xeicon.eot?3ka2yj);src:url(https://cdn.jsdelivr.net/npm/xeicon@2.3.3/fonts/xeicon.eot?3ka2yj#iefix) format("embedded-opentype"),url(https://cdn.jsdelivr.net/npm/xeicon@2.3.3/fonts/xeicon.woff2?3ka2yj) format("woff2"),url(https://cdn.jsdelivr.net/npm/xeicon@2.3.3/fonts/xeicon.ttf?3ka2yj) format("truetype"),url(https://cdn.jsdelivr.net/npm/xeicon@2.3.3/fonts/xeicon.woff?3ka2yj) format("woff"),url(https://cdn.jsdelivr.net/npm/xeicon@2.3.3/fonts/xeicon.svg?3ka2yj#xeicon) format("svg");font-weight:400;font-style:normal}[class*=" xi-"],[class^=xi-]{font-family:xeicon;display:inline-block;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.xi-plus-min:before{content:"\e914"}.xi-search:before{content:"\e97a"}.xi-play:before{content:"\ea3e"}.xi-power-off:before{content:"\e94c"}.xi-user-plus-o:before{content:"\e9f8"}.xi-cart-o:before{content:"\e9fb"}.xi-box:before{content:"\ea01"}.xi-bars:before{content:"\e91c"}.xi-angle-right-thin:before{content:"\e940"}.xi-heart:before{content:"\ea10"}.xi-star:before{content:"\ea0f"}.xi-star-o:before{content:"\ea16"}.xi-log-out:before{content:"\e972"}.xi-call:before{content:"\e9d3"}.xi-mail:before{content:"\ea06"}.xi-home:before{content:"\e900"}.xi-cart:before{content:"\eb6f"}.xi-user:before{content:"\e9f3"}.xi-gift:before{content:"\eb70"}.xi-arrow-up:before{content:"\e915"}.xi-plus-circle-o:before{content:"\e917"}

/* font */
.lato{font-family: 'Lato', sans-serif;}
.noto{font-family: 'Noto Sans JP', sans-serif;}

/* reset */
*{margin: 0; padding: 0; border: 0;}
img{border: 0 none; max-width: 100%; height: auto;}
dl,ul,ol,li{list-style: none;}
input,select,textarea,button{font-size: 100%;}
button{background-color: transparent; cursor: pointer;}
table{/*width: 100%;*/ border-collapse: collapse; border-spacing: 0;}
body{-webkit-text-size-adjust: none; overflow-y: scroll;}
input,select,textarea,button{-webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0;}
div,li,input,textarea,button:focus{outline: none;}
body,th,td,input,select,textarea,button{font-size: 14px; line-height: 1.4; font-family: Meiryo, sans-serif; color: #888; letter-spacing: -1px;}
textarea{overflow-y: auto; resize: none;}
label{cursor: pointer;}
a{color: #888; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}

/* common */
.cf:after{content: ''; display: block; clear: both;}
.fl{float: left;}
.fr{float: right;}
.cb{clear: both;}
.relative{position: relative;}
.absolute{position: absolute;}
.vertical-middle{display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.ellipsis{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ellipsis-multi{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.dimmed{display: none; position: fixed; z-index: 500; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.inner{width: 1004px; margin: 0 auto;}
.image{display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.image amp-img{display: block; width: 100%;}

/* style */
/* header */
.top-bar{height: 40px; background: #faced7;}
.list-sns li{float: left;}
.list-sns li a{width: 25px; height: 40px; display: block; padding: 0 5px; background-repeat: no-repeat; background-position: center center;}
.list-sns li:nth-child(1) a{background-image: url('../images_new/btn_app.png');}
.list-sns li:nth-child(2) a{background-image: url('../images_new/btn_bookmark.png');}
.list-sns li:nth-child(3) a{background-image: url('../images_new/btn_instagram.png');}
.list-sns li:nth-child(4) a{background-image: url('../images_new/btn_twitter.png');}
.list-sns li:nth-child(5) a{background-image: url('../images_new/btn_facebook.png');}
.list-sns li:nth-child(6) a{background-image: url('../images_new/btn_line.png');}

.top-bar .search{position: relative;}
.top-bar .search input{display: block; padding: 0 10px; width: 177px; height: 25px; border: 1px solid #d9d9d9; box-sizing: border-box; margin: 7.5px 0;}
.top-bar .search .btn-search{display: block; width: 29px; height: 25px; border: 1px solid #d9d9d9; border-left: none; box-sizing: border-box; background: #f2f2f2; text-align: center; line-height: 23px; margin: 7.5px 0;}
.top-bar .search .btn-search i{line-height: 25px; font-size: 16px; color: #666; font-weight: 700;}
.top-bar .search .btn-detail{display: block; width: 75px; height: 23px; border: 1px solid #d9d9d9; border-radius: 11.5px; box-sizing: border-box; background: #fff; text-align: center; line-height: 21px; font-size: 13px; color: #f05e7c; margin: 8.5px 0 8.5px 8px;}

.pop-search{display: none; position: absolute; z-index: 400; left: 0; top: 33px; width: 206px; background: rgba(255,255,255,0.9);}
.pop-search.active{display: block;}
.pop-search h3{height: 27px; line-height: 27px; background: #f05e7c; color: #fff; font-size: 13px; text-align: center; letter-spacing: 1px;}
.pop-search ul{border: 1px solid #fac9d3; padding: 5px;}
.pop-search li{padding: 3px 0;}
.pop-search li a{display: block; font-size: 11px; color: #7e7e7e;}
.pop-search li a:hover{color: #f05e7c;}
.pop-search li span{display: inline-block; width: 30px; text-align: center; font-weight: 700;}
.pop-search .btn-close{position: absolute; bottom: 7px; right: 5px; display: block; height: 25px; font-size: 25px; color: #f48ea3;}

.gnb{height: 135px; border-bottom: 1px solid #f2f2f2;}
.gnb .inner{position: relative;}
.slide-event{position: relative; width: 269px; height: 135px;}
.slide-event a{display: block;}
.slide-event a amp-img{display: block;}
.slide-event .swiper-container{height: 100%;}
.slide-event .swiper-slide{height: 135px !important;}
.slide-event .swiper-pagination-clickable .swiper-pagination-bullet{display: block; border: 1px solid #d6d6d6; box-sizing: border-box; background: #fff; opacity: 1; margin: 4px 0;}
.slide-event .swiper-pagination-clickable .swiper-pagination-bullet-active{border-color: #efd4f4; background: #efd4f4;}
.slide-event .swiper-pagination{right: -15px; bottom: 6px;}

/*.header h1{height: 135px; margin: 0 auto;}
.header h1 a{display: block; height: 100%; background: url('../images_new/logo_header.png') no-repeat center center;}*/
.header .headerlogo{width: 200px; height: 135px; margin: 0 auto;}
.header .headerlogo a{display: block; height: 100%; background: url('../images_new/logo_header.png') no-repeat center center;}

.box-my-menu{position: absolute; right: 0; top: 0; width: 280px; height: 135px;}
.box-my-menu .button{padding: 20px 15px 15px;}
.box-my-menu .button a{display: block; color: #f05e7c}
.box-my-menu .button .btn-get{color: #888; margin-right: 15px;}
.box-my-menu li{position: relative; float: left; width: 25%;}
.box-my-menu li:after{position: absolute; right: 0; top: 50%; margin-top: -12px; content: ''; width: 1px; height: 24px; background: #cfcfcf;}
.box-my-menu li:last-child:after{display: none;}
.box-my-menu li a{display: block; text-align: center;}
.box-my-menu li a i{font-size: 38px; color: #666;}
.box-my-menu li .text{font-size: 12px; color: #666; margin-top: 5px;}
.box-my-menu li .count{position: absolute; z-index: 100; right: 10px; top: 0; width: 18px; height: 18px; border-radius: 50%; background: #f05e7c; line-height: 18px; text-align: center; color: #fff; font-size: 13px;}

.nav{height: 54px; background: #fff; border-bottom: 1px solid #f4a6b6;}
.nav .inner{position: relative;}
.list-nav>li{position: relative; float: left; height: 54px;}
.list-nav>li>a{display: block; padding: 5px 19px 0 19px; text-align: center; color: #f05e7c;}
.list-nav>li>a i{font-size: 32px; padding: 5px 32px 0 23px;}
.list-nav li .eng{font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: 700;}
.list-nav li .jap{font-size: 10px;}
.list-nav>li:nth-child(1)>a{padding-left: 0;}
.list-nav>li:nth-child(7)>a{padding-right: 0;}
.list-nav>li>ul{display: none; position: absolute; z-index: 400; top: 55px; left: 50%; margin-left: -80px; width: 160px; border: 1px solid #dedede; box-sizing: border-box; background: #fff; padding: 10px 13px; opacity: 0.9;}
.list-nav>li>ul.active{display: block;}
.list-nav>li:nth-child(6)>ul{margin-left: -64px;}
.list-nav>li>ul>li{line-height: 2.5;}
.list-nav>li>ul>li>a{display: block; font-size: 13px; color: #555;}

.pop-nav-all{display: none; position: absolute; z-index: 400; top: 55px; left: 0; width: 100%; border: 1px solid #dedede; box-sizing: border-box; background: #fff; padding: 0 30px 15px; opacity:0.9;}
.pop-nav-all.active{display: block;}
.list-category{width: calc(20% - 36px); padding: 15px 0; margin-left: 45px;}
.list-category:first-child{margin-left: 0;}
.list-category li{line-height: 2.5;}
.list-category li a{display: block; font-size: 13px; color: #555;}
.list-category li .title{font-size: 15px; color: #222; font-weight: 600; border-bottom: 1px solid #222; margin-bottom: 3px;}

.header.fixed .top-bar{position: fixed; z-index: 450; left: 0; top: 0; width: 100%;}
.header.fixed .nav{position: fixed; z-index: 400; left: 0; top: 40px; width: 100%;}
.container.fixed{padding-top: 106px;}

/* container */
.slide-main{padding-top: 42px;}
.slide-main .swiper-container{width: 694px; height: 572px;}
.slide-main .swiper-pagination-clickable .swiper-pagination-bullet{width: 11px; height: 11px; background: #fff; box-sizing: border-box; opacity: 1; margin: 0 7.5px;}
.slide-main .swiper-pagination-clickable .swiper-pagination-bullet-active{background: #f05e7c;}
.slide-main .swiper-pagination{bottom: 20px;}

.slide-main .banner{width: 304px;}
.slide-main .banner a{display: block; margin-top: 1px;}
.slide-main .banner a:last-child{margin-top: 0;}
.slide-main .banner amp-img{display: block;}

.title-border{position: relative; font-family: 'Lato', sans-serif; text-align: center; letter-spacing: 0; font-size: 27px; color: #000; padding-bottom: 5px;}
.title-border:after{position: absolute; left: 50%; margin-left: -8px; bottom: 0; content: ''; width: 16px; height: 1px; background: #d0baff;}

.box-topic{padding: 50px 0 70px;}
.box-topic ul{margin-top: 25px;}
.box-topic li{float: left; width: calc(33.3% - 5.3px); margin-right: 8px;}
.box-topic li:last-child{width: calc(33.4% - 5.4px); margin-right: 0; line-height: 22px;}
.box-topic li .image amp-img{display: block;}
.box-topic li .cf{margin-top: 10px;}
.box-topic .eng{font-family: 'Lato', sans-serif; font-size: 17px; color: #000; font-weight: 700;}
.box-topic .jap{position: relative; font-size: 13px; color: #444; padding-left: 5px;}
.box-topic .jap:before{position: absolute; left: 0; top: 50%; margin-top: -6px; content: ''; width: 1px; height: 11px; background: #f05e7c;}
.box-topic li a{font-size: 11px; color: #7b7b7b; text-decoration: underline;}
.box-topic li i{font-size: 12px; color: #7b7b7b;}

.box-left-content{width: 200px;}
.box-left-content .box-content{border: 1px solid #c9c9c9; margin-top: 13px;}
.box-left-content .box-content:first-child{margin-top: 0;}
.box-left-content .box-content h3{height: 39px; line-height: 39px; background: #f37e96; text-align: center; font-size: 17px; color: #fff;}
.box-left-content .content-inner{position: relative; width: auto; padding: 6px 8px 16px;}
.box-left-content .content-inner:after{position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 10px; background: #ebe2fe;}

.list-lens li a{display: block; padding: 5px 0;}
.list-lens li .icon{float: left; width: 36PX; height: 36px; background-repeat: no-repeat; background-position: center center; margin-right: 5px;}
.list-lens li .text{float: left; line-height: 36px; font-size: 13px; color: #666;}

.list-lens.color li:nth-child(1) .icon{background-image: url('../images_new/icon_lens_brown.png');}
.list-lens.color li:nth-child(2) .icon{background-image: url('../images_new/icon_lens_gray.png');}
.list-lens.color li:nth-child(3) .icon{background-image: url('../images_new/icon_lens_choco.png');}
.list-lens.color li:nth-child(4) .icon{background-image: url('../images_new/icon_lens_black.png');}
.list-lens.color li:nth-child(5) .icon{background-image: url('../images_new/icon_lens_pink.png');}
.list-lens.color li:nth-child(6) .icon{background-image: url('../images_new/icon_lens_green.png');}
.list-lens.color li:nth-child(7) .icon{background-image: url('../images_new/icon_lens_blue.png');}
.list-lens.color li:nth-child(8) .icon{background-image: url('../images_new/icon_lens_violet.png');}

.list-lens.cheap li .icon{width: 40px; height: 20px;}
.list-lens.cheap li .text{line-height: 20px;}
.list-lens.cheap li:nth-child(1) .icon{background-image: url('../images_new/label_990.png');}
.list-lens.cheap li:nth-child(2) .icon{background-image: url('../images_new/label_770.png');}
.list-lens.cheap li:nth-child(3) .icon{background-image: url('../images_new/label_590.png');}

.list-lens.disposable li:nth-child(1) .icon{background-image: url('../images_new/PL_leftMenuBar_Day_01.png');}
.list-lens.disposable li:nth-child(2) .icon{background-image: url('../images_new/PL_leftMenuBar_Day_02.png');}
.list-lens.disposable li:nth-child(3) .icon{background-image: url('../images_new/PL_leftMenuBar_Day_03.png');}
.list-lens.disposable li:nth-child(4) .icon{background-image: url('../images_new/PL_leftMenuBar_Day_04.png');}
.list-lens.disposable li:nth-child(5) .icon{background-image: url('../images_new/PL_leftMenuBar_Day_05.png');}
.list-lens.disposable li:nth-child(1) .text{font-size: 12px;}

.list-lens.style li:nth-child(1) .icon{background-image: url('../images_new/PL_leftMenuBar_PWR_01.png');}
.list-lens.style li:nth-child(2) .icon{background-image: url('../images_new/PL_leftMenuBar_PWR_02.png');}
.list-lens.style li:nth-child(3) .icon{background-image: url('../images_new/PL_leftMenuBar_PWR_03.png');}
.list-lens.style li:nth-child(4) .icon{background-image: url('../images_new/PL_leftMenuBar_PWR_04.png');}

.list-lens.style2 li:nth-child(1) .icon{background-image: url('../images_new/PL_leftMenuBar_Style_01.jpg');}
.list-lens.style2 li:nth-child(2) .icon{background-image: url('../images_new/PL_leftMenuBar_Style_02.jpg');}
.list-lens.style2 li:nth-child(3) .icon{background-image: url('../images_new/PL_leftMenuBar_Style_03.jpg');}
.list-lens.style2 li:nth-child(4) .icon{background-image: url('../images_new/PL_leftMenuBar_Style_04.jpg');}
.list-lens.style2 li:nth-child(5) .icon{background-image: url('../images_new/PL_leftMenuBar_Style_05.jpg');}
.list-lens.style2 li:nth-child(6) .icon{background-image: url('../images_new/PL_leftMenuBar_Style_06.jpg');}

.list-lens.silicone li:nth-child(1) .icon{background-image: url('../images_new/PL_leftMenuBar_Silicone_01.png');}
.list-lens.silicone li:nth-child(2) .icon{background-image: url('../images_new/PL_leftMenuBar_Silicone_02.png');}
.list-lens.silicone li:nth-child(3) .icon{background-image: url('../images_new/PL_leftMenuBar_Silicone_03.png');}
.list-lens.silicone li:nth-child(4) .icon{background-image: url('../images_new/PL_leftMenuBar_Silicone_04.png');}
.list-lens.silicone li:nth-child(5) .icon{background-image: url('../images_new/PL_leftMenuBar_Silicone_05.png');}

.list-lens.height li .icon{background-image: url('../images_new/icon_lens_height.png');}

.list-lens.width li .icon{background-image: url('../images_new/icon_lens_width.png');}

.list-lens.bc li .icon{background-image: url('../images_new/icon_lens_bc.png');}

.list-lens.etc li:nth-child(1) .icon{background-image: url('../images_new/PL_leftMenuBar_etc_01.png');}
.list-lens.etc li:nth-child(2) .icon{background-image: url('../images_new/PL_leftMenuBar_etc_02.png');}
.list-lens.etc li:nth-child(3) .icon{background-image: url('../images_new/PL_leftMenuBar_etc_03.png');}
.list-lens.etc li:nth-child(4) .icon{background-image: url('../images_new/PL_leftMenuBar_etc_04.png');}

.box-calendar{margin: 30px 0;}
.box-calendar .label li{float: left; width: 33.3%; text-align: center; font-size: 13px; color: #666;}
.box-calendar .label li:nth-child(1) i{color: #d0baff;}
.box-calendar .label li:nth-child(2) i{color: #98bbfb;}
.box-calendar .label li:nth-child(3) i{color: #f37e96;}
.box-calendar table{margin-top: 10px;}
.box-calendar th{text-align: center; color: #666; font-weight: 400;}
.box-calendar td{text-align: center; line-height: 1.6; color: #666;}
.box-calendar .sunday{color: #f37e96;}
.box-calendar .saturday{color: #98bbfb;}
.box-calendar .today{color: #d0baff;}

.img-lens{position: relative;}
.img-lens amp-img{display: block; width: 100%;}
.img-lens .info{position: absolute; right: 10px; top: 10px;}
.img-lens .logo{position: absolute; left: 10px; bottom: 10px;}
.img-lens .lens{position: absolute; right: 10px; bottom: 10px;}

.list-review{padding: 0 14px;}
.list-review li{padding: 10px 0; border-bottom: 1px solid #ebe2fe;}
.list-review li:last-child{border: none;}
.list-review li a{display: block; font-size: 12px; color: #666;}
.list-review li .title{font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list-review li .img-lens{margin-top: 5px;}
.list-review li .img-lens .logo{width: 75px;}
.list-review li .img-lens .lens{width: 55px;}
.list-review li .text{height: 32px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; margin-top: 5px;}
.list-point{text-align: right;font-size:0}
.list-point i{letter-spacing: -3px; margin: 0 1px; color: #f37e96;width: 16px;height: 16px;background: url(../images/ico_star_on.png) no-repeat 50%;}
.list-point i.xi-star-o {background-image: url(../images/ico_star.png)}

.box-right-content{width: calc(100% - 230px);}
.box-right-content .box-content.line{padding: 30px 0 60px; background: url('../images_new/bg_line.png') no-repeat left top;}
.box-content.line h2.lato{font-size: 27px; color: #000;}
.box-content.line h2.lato span{font-family: 'Noto Sans JP', sans-serif; font-size: 16px; color: #999; padding-left: 5px; font-style: italic;}
.box-content.line .text-description{line-height: 29px; font-size: 14px; color: #666;}
.box-content.line .btn-eye{display: block; width: 104px; height: 29px; border: 1px solid #d0baff; border-radius: 14.5px; box-sizing: border-box; text-align: center; line-height: 27px; font-size: 14px; color: #d0baff; /*d0baff*/}
.box-content.line .btn-eye amp-img{vertical-align: middle; margin: 0 2px 2px 0;}

.list-color{margin-top: 4px;}
.list-color li{float: left; margin-right: 2px;}
.list-color div{width: 8px; height: 8px;}
.list-color .brown{background: #bb802d;}
.list-color .gray{background: #736e6e;}
.list-color .violet{background: #c560ea;}

.list-label{margin-top: 2.5px; height:39px;}
.list-label>img {vertical-align:middle;display:inline-block;}

.list-label li{float: left; margin-right: 2px; padding: 2.5px 0;}
.list-label li:last-child{margin-right: 0;}
.list-label div{background-repeat: no-repeat; background-position: center center;}
.list-label .new{width: 28px; height: 14px; background-image: url('../images_new/label_new.jpg');}
.list-label .best{width: 28px; height: 14px; background-image: url('../images_new/label_best.jpg');}
.list-label .plus{width: 21px; height: 14px; background-image: url('../images_new/label_plus.jpg');}
.list-label .silicone{width: 108px; height: 15px; background-image: url('../images_new/label_silicone.jpg');}
.list-label .uv{width: 32px; height: 13px; background-image: url('../images_new/label_uv.jpg');}
.list-label .only{width: 48px; height: 13px; background-image: url('../images_new/label_only.jpg');}

.box-ranking .slider-nav .button{position: relative; float: left; width: auto;}
.box-ranking .slider-nav .button:after{position: absolute; bottom: 10px; right: 0; content: ''; width: 1px; height: 17px; background: #d9d9d9;}
.box-ranking .slider-nav .button:last-child:after{display: none;}
.box-ranking .slider-nav .button a{display: block; text-align: center; font-size: 16px; padding: 35px 0 5px 0; border-bottom: 1px solid #b8b8b8;}
.box-ranking .slider-nav .button.slick-current a{padding-bottom: 2px; border-bottom: 3px solid #f05e7c; color: #f05e7c; font-weight: 700;}
.box-ranking .slider-nav .button.slick-current:before{position: absolute; top: 22px; left: 50%; margin-left: -5.5px; content: ''; width: 11px; height: 9px; background: url('../images_new/icon_ranking_active.png');}
.pc-page .box-ranking .slider-nav .slick-track{transform: none !important;}
.box-ranking .slider-for{position: relative;}
.box-ranking .slick-prev{position: absolute; z-index: 400; left: 0; top: 50%; margin-top: -17.5px; width: 20px; height: 35px; background: url('../images_new/btn_slide_left.png') no-repeat center center; text-indent: -9999px;}
.box-ranking .slick-next{position: absolute; z-index: 400; right: 0; top: 50%; margin-top: -17.5px; width: 20px; height: 35px; background: url('../images_new/btn_slide_right.png') no-repeat center center; text-indent: -9999px;}

*:focus{outline: none;}

.list-ranking{padding: 35px 0 0;}
.list-ranking .img-lens img {width: 252px;height: 252px;}
.list-ranking>li{position: relative; float: left; width: calc(33.3333% - 6px);margin: 0 3px;}
.list-ranking .img-lens .bottom img {width: 194px;height: 194px;}
/*.list-ranking>li:nth-child(3n){width: calc(33.4% - 11px); margin-right: 0;}*/
.list-ranking>li:nth-child(n+4){margin-top: 30px;}
.list-ranking>li:after{position: absolute; left: -12px; top: -12px; content: ''; background-repeat: no-repeat; background-position: center center;}
.list-ranking>li:nth-child(1):after{top: -16px; left: -18px; width: 66px; height: 61px; background-image: url('../images_new/label_ranking_1.png');}
.list-ranking>li:nth-child(2):after{top: -16px; left: -18px; width: 66px; height: 61px; background-image: url('../images_new/label_ranking_2.png');}
.list-ranking>li:nth-child(3):after{top: -16px; left: -18px; width: 66px; height: 61px; background-image: url('../images_new/label_ranking_3.png');}
.list-ranking>li:nth-child(4):after{width: 43px; height: 57px; background-image: url('../images_new/label_ranking_4.png');}
.list-ranking>li:nth-child(5):after{width: 43px; height: 57px; background-image: url('../images_new/label_ranking_5.png');}
.list-ranking>li:nth-child(6):after{width: 43px; height: 57px; background-image: url('../images_new/label_ranking_6.png');}
.list-ranking>li>a{display: block;}
.list-ranking .img-lens .logo{width: 120px;}
.list-ranking .img-lens .lens{width: 70px;}
.list-ranking .name{font-size: 14px; color: #444;margin-bottom: 5px; font-weight: 900; margin-top: 10px; border-bottom: 0px solid #d6d6d6; white-space: normal;
    line-height: 1.3;
    height: 2.5em;
    display: inline-block;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
	word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mainrankproduct.list-ranking .name {padding-bottom: 3px;}
.list-ranking .info{font-size: 13px; color: #444; margin-top: 5px; height:16px;;height: 16px; overflow:hidden; width:62%; text-overflow: ellipsis;word-spacing: 1px}
.list-ranking .price{margin-top: 10px;}
.list-ranking .price .before{position: relative; font-size: 14px; color: #666; padding-right: 10px;}
.list-ranking .price .before:after{position: absolute; right: 0; top: 50%; margin-top: -4.5px; content: ''; width: 45px; height: 9px; background: url('../images_new/icon_sale.png');}
.list-ranking .price .current{font-size: 17px; color: #f15e7b; font-weight: 700;}
.list-ranking .price .current .vta{font-size: 9px; font-weight: 400;}

.list-goods{margin-top: 30px;}
.list-goods li{float: left; width: calc(50% - 18px); margin-right: 36px;}
.list-goods li:nth-child(2n){margin-right: 0;}
.list-goods li:nth-child(n+3){margin-top: 35px;}
.list-goods .title{height: 42px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; font-size: 15px; color: #666; font-weight: 900;}
.list-goods .title .category{color: #f05e7c;}
.list-goods .description{height: 57px; font-size: 14px; color: #888; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}
.list-goods .img-lens{margin-top: 5px;}
.list-goods .img-lens .info{width: 86px;}
.list-goods .img-lens .logo{width: 140px;}
.list-goods .img-lens .lens{width: 190px;}

.box-find{padding: 60px 0; background-color: #f7f1e1; background-size: cover; text-align: center;}
.box-find h2{font-size: 30px; color: #111111; letter-spacing: 0;}
.box-find h3{font-size: 17px; color: #111111; margin-top: 10px;}
.box-find ul{margin-top: 40px;}
.box-find li{float: left; width: calc(33.3% - 11px); margin-right: 16.5px;}
.box-find li a{display: block;}
.box-find li:nth-child(3n){width: calc(33.4% - 11px); margin-right: 0;}
.box-find li:nth-child(n+4){margin-top: 15px;}
.box-find li .image{position: relative; width: 322px; height: 322px; border-radius: 0%; background-repeat: no-repeat; background-position: center center; overflow: hidden;}
.box-find li:nth-child(1) .image{background-image: url('../images_new/img_find_07.jpg');}
.box-find li:nth-child(2) .image{background-image: url('../images_new/img_find_08.jpg');}
.box-find li:nth-child(3) .image{background-image: url('../images_new/img_find_09.jpg');}
.box-find li:nth-child(4) .image{background-image: url('../images_new/img_find_10.jpg');}
.box-find li:nth-child(5) .image{background-image: url('../images_new/img_find_11.jpg');}
.box-find li:nth-child(6) .image{background-image: url('../images_new/img_find_12.jpg');}
.box-find li .view-more{display: none; position: absolute; top: 0; left: 0; width: 322px; height: 322px; background: url('../images_new/text_view_more.png') no-repeat center center rgba(0,0,0,0.4); transition: all 0.2s;}
.box-find li .btn-view{display: block; width: 150px; height: 42px; border: 2px solid #d7c5fd; box-sizing: border-box; line-height: 38px; text-align: center; font-size: 18px; color: #d7c5fd; font-weight: 700; margin: 25px auto 0; transition: all 0.2s;}
.box-find li:hover .view-more{display: block;}
.box-find li:hover .btn-view{background: #d7c5fd; color: #fff;}

.box-instagram{padding: 65px 0 100px;}
.box-instagram h2{width: 203px; height: 48px; background: url('../images_new/text_instagram.png'); margin: 0 auto;}
.box-instagram h3{text-align: right; font-size: 18px; color: #f6416c; letter-spacing: 0;}
.box-instagram ul{margin-top: 15px; padding: 0 30px;}
.box-instagram li{float: left; width: calc(20% - 8px); height: 180px; margin-right: 10px;}
.box-instagram li:nth-child(5n){margin-right: 0;}
.box-instagram li:nth-child(n+6){margin-top: 10px;}
.box-instagram li a{display: block;}
.box-instagram li amp-img{display: block; width: 100%;}

.box-peimo-review{position: relative; padding: 45px 0 0; background: url('../images_new/bg_review.jpg') no-repeat center center; background-size: cover;}
.box-peimo-review .inner{overflow: hidden;}
.box-peimo-review h2{width: 294px; height: 31px; background: url('../images_new/text_review.png') no-repeat center center; margin: 0 auto;}
.box-peimo-review h3{text-align: center; font-size: 15px; color: #333; margin-top: 10px; font-weight: 400;}
.box-peimo-review a{position: relative; display: block;}
.box-peimo-review .swiper-container{padding: 0 30px 55px; margin-top: 25px; overflow: hidden;}
.box-peimo-review .swiper-slide{background: #fff; border: 1px solid #dcdcdc; box-sizing: border-box; box-shadow: 3px 3px 5px rgba(0,0,0,0.2);}
.box-peimo-review .content{padding: 20px 15px 25px;}
.box-peimo-review .image{width: 192px; height: 192px;}
.box-peimo-review .image amp-img{display: block;}
.box-peimo-review .view-more{display: none; position: absolute; z-index: 400; top: 0; left: 0; width: 100%; height: 100%; background: url('../images_new/text_view_more.png') no-repeat center center rgba(0,0,0,0.4); background-size: 235px auto; transition: all 0.2s;}
.box-peimo-review .lens{width: 85px;}
.box-peimo-review .description{width: calc(100% - 85px); font-size: 14px;}
.box-peimo-review .title{color: #666; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.box-peimo-review .text{height: 57px; color: #ababab; font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; margin-top: 5px;}
.box-peimo-review a:hover .view-more{display: block;}
.box-peimo-review .swiper-button-prev{position: absolute; z-index: 400; left: 50%; margin-left: -522px; top: 50%; margin-top: 17.5px; width: 20px; height: 35px; background: url('../images_new/btn_slide_left.png') no-repeat center center; text-indent: -9999px;}
.box-peimo-review .swiper-button-next{position: absolute; z-index: 400; right: 50%; margin-right: -522px; top: 50%; margin-top: 17.5px; width: 20px; height: 35px; background: url('../images_new/btn_slide_right.png') no-repeat center center; text-indent: -9999px;}

.title-heart{display: block; text-align: center; font-size: 27px; color: #000; letter-spacing: 0;}
.title-heart span:before{content: ''; display: inline-block; vertical-align: middle; width: 34px; height: 30px; background: url('../images_new/text_heart_violet.png'); margin: 0 15px 10px;}
.title-heart span:after{content: ''; display: inline-block; vertical-align: middle; width: 34px; height: 30px; background: url('../images_new/text_heart_violet.png'); margin: 0 15px 10px;}
.title-heart.pink span:before{background-image: url('../images_new/text_heart_pink.png');}
.title-heart.pink span:after{background-image: url('../images_new/text_heart_pink.png');}

.list-goods.lg{padding: 0 70px; margin-top: 50px;}
.list-goods.lg li{width: calc(50% - 67.5px); margin-right: 125px;}
.list-goods.lg li:nth-child(2n){margin-right: 0;}

.box-kpop{padding: 60px 0;}
.box-kpop .text-description{text-align: center; font-size: 13px; color: #666; margin-top: 10px;}
.box-kpop amp-img.main{display: block; margin-top: 30px;}

.box-best{padding: 60px 0; background: #fafafa;}
.box-best .text-description{text-align: center; font-size: 13px; color: #666; margin-top: 10px;}

.box-sale{padding: 60px 0;}
.box-sale .text-description{text-align: center; font-size: 13px; color: #666; margin-top: 10px;}

.box-tip{padding: 60px 0; background: #f8f8f8;}
.box-tip li{margin-top: 25px;}
.box-tip li .image{width: 170px; height: 170px; border-radius: 50%; overflow: hidden;}
.box-tip li .content{width: calc(100% - 190px); margin-top: 15px;}
.box-tip li h3{font-size: 18px; border-bottom: 1px solid #aaa;}
.box-tip li .text{margin-top: 5px;}

.title-bg{height: 38px; line-height: 38px; background: #f37e96; padding: 0 8px; color: #fff; font-size: 21px; margin-top: 70px;}
.title-bg+.description{font-size: 13px; margin-top: 10px;}

.list-ranking.all{padding: 0; margin-top: 25px;}
.list-ranking.all>li{width: calc(20% - 7.2px); margin: 0 3px; /* margin-right: 9px; */}
.list-ranking.all>li:nth-child(5n){margin-right: 0;}
.list-ranking.all>li:nth-child(n+6){margin-top: 45px;}
.list-ranking.all>li:after{display: none;}
.list-ranking.all>li .logo{width: 105px;}
.list-ranking.all>li .lens{width: 65px;}
.list-ranking.all>li .info{margin: 0;}
.list-ranking.all .name{border: none; padding: 0;}
.list-ranking.all .description{height: 55px; font-size: 13px; color: #555; padding-top: 8px; border-top: 0px solid #d6d6d6; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}
.list-ranking.all .tag{height: 0px; font-size: 12px; color: #f05e7c; padding-bottom: 2px; border-bottom: 0px solid #d6d6d6; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.list-ranking.all .price{border-top: 0px solid #d6d6d6; margin-top: 2px; padding-top: 2px; padding-bottom: 20px;}

/* footer */
.footer{margin-top: 60px;}
.footer .box-service{padding: 5px 0 15px; background: #f8f8f8;}
.table-notice{table-layout: fixed; width: 530px; margin: 15px 0;}
.table-notice th{font-size: 15px; color: #f05e7c;}
.table-notice td{font-size: 15px; color: #f05e7c;}
.table-notice td:nth-child(2){width: 290px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.table-notice td i{font-size: 21px; color: #f05e7c;}

.table-contact th{font-size: 19px; color: #4d4d4f; text-align: left; vertical-align: top; padding-top: 20px; border-top: 1px solid #ababab;}
.table-contact th:nth-child(1){font-size: 25px; color: #4d4d4f;}
.table-contact th i{width: 27px; height: 27px; line-height: 27px; text-align: center; border-radius: 50%; color: #fff; background: #f37e96; margin-right: 5px;}
.table-contact th li{position: relative; float: left;}
.table-contact th li:nth-child(3){padding-left: 15px;}
.table-contact th li:nth-child(3):before{position: absolute; left: 7.5px; top: 6px; content: ''; width: 2px; height: 14px; background: #6f6f71;}
.table-contact td{font-size: 14px; color: #4d4d4f; font-weight: 700; padding-bottom: 20px; border-bottom: 1px solid #ababab;}

.footer .box-guide{padding: 15px 0 40px;}
.footer .box-guide>.inner>div{width: calc(50% - 7.5px);}
.footer .box-guide h2{font-size: 25px; color: #f37e96; margin-top: 15px;}
.footer .box-guide h2:first-child{margin-top: 0;}
.footer .box-guide .text{font-size: 14px; color: #4d4d4f; line-height: 1.5; margin-top: 5px;}
.footer .box-guide>.inner>.fr .text{line-height: 1.6;}
.footer .box-guide .text amp-img{display: block; padding: 5px 0;}
.footer .box-guide .text span{color: #f37e96;}

.box-nav-all{padding-bottom: 70px;}
.box-nav-all .inner{border-top: 1px solid #ababab; padding: 10px 10px 0;}
.list-nav-all>li{float: left; width: calc(25% - 40px); margin-right: 50px;}
.list-nav-all>li:last-child{margin-right: 0;}
.list-nav-all .list-category{width: 100%; margin: 0;}

.footer .background{height: 80px; background: #f37e96;}

/* fixed-right */
.fixed-right{position: fixed; right: 50%; margin-right: -602px; top: 274px;}
.fixed-right li a{display: block; width: 70px; height: 70px; border: 1px solid #d0baff; border-bottom: none; box-sizing: border-box; text-align: center;}
.fixed-right li:last-child a{border-bottom: 1px solid #d0baff;}
.fixed-right li i{display: block; font-size: 42px; color: #d0baff; margin-top: 5px;}
.fixed-right li .text{font-size: 12px; color: #d0baff; font-weight: 700;}
.fixed-right li .lato{font-size: 13px; letter-spacing: 0;}
.fixed-right li a.on{background: #d0baff;}
.fixed-right li a.on i{color: #fff;}
.fixed-right li a.on .text{color: #fff;}








/* 공통*/
.box-content.line .sub-text-description{line-height: 1.5;}
.color-brown{color: #9b7121;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px !important;}
.mt55{margin-top: 55px !important;}
.mt80{margin-top: 80px !important;}

/* pagination*/
.pagination{width: 100%; text-align: center; margin-top: 65px; position: relative;}
.pagination ul{margin: auto;}
.pagination ul li{display: inline-block; margin: 0 6px;}
.pagination ul li a{font-family: Meiryo, sans-serif; color: #222222; font-size: 15px; padding: 3px 6px}
.pagination ul li a.active{font-weight: bold; color: #fff; background: #d0baff;}
.pagination ul li.btn{}
.pagination ul li.btn a{font-family: xeicon, sans-serif; color: #444444; font-size: 15px;}
.pagination ul li.fprev{}
.pagination ul li.prev{}
.pagination ul li.next{}
.pagination ul li.fnext{}

/* product-detail */
.product-detail{}
.product-detail .inner{padding-top: 40px;}
.product-detail .text-description{margin-top: 10px; color: #555555; font-size: 13px;}
.product-detail .sub-title-bg{background: #feeff2; width: 100%; font-size: 15px; color: #555555; font-weight: normal; padding: 3px 10px; box-sizing: border-box; margin-top: 4px; font-weight: bold;}

.product-detail{}
.product-detail .order-area{padding-top: 40px;}
.product-detail .order-area .fl{}
.product-detail .order-area .fl .slide-subs{padding-top: 0;}
.product-detail .order-area .fl .slide-subs .inner{padding-top: 0}
.product-detail .order-area .fl .slide-subs .swiper-container{width: 330px;  /*overflow: hidden;*/}
.product-detail .order-area .fl .slide-subs .swiper-container amp-img{width: 100%;}
.product-detail .order-area .fl .swiper-thumbnails{margin-top: 10px; margin-left: auto; margin-right: auto; text-align: center;}
.product-detail .order-area .fl .swiper-thumbnails button{border: 1px solid #e5e5e5; line-height: 0;}
.product-detail .order-area .fl .swiper-thumbnails button.is-active{}
.product-detail .order-area .fr{width: 406px; text-align: left;}
.product-detail .order-area .fr h3{display: block; font-size: 22px; color: #222222; line-height: 42px;}
.product-detail .order-area .fr h3 ~ .p-type{color: #777777; font-size: 17px;}
.product-detail .order-area .fr h3 ~ .p-type-detail{margin-top: 10px;}
.product-detail .order-area .fr ul{}
.product-detail .order-area .fr ul li{border-bottom: 1px solid #cccccc; padding: 15px 0;}
.product-detail .order-area .fr ul li:last-child{border-bottom: 0;}
.product-detail .order-area .fr ul li .row{margin-bottom: 10px;}
.product-detail .order-area .fr ul li .row.sel{margin-bottom: 17px;}
.product-detail .order-area .fr ul li .row:last-child{margin-bottom: 0;}
.product-detail .order-area .fr ul li .row:after{clear: both; display: block; content: ""}
.product-detail .order-area .fr ul li .row div{}
.product-detail .order-area .fr ul li .row div.fl{width: 150px; float: left;}
.product-detail .order-area .fr ul li .row div.fl.sel-nm{width: auto; font-weight: bold; margin-right: 20px;}
.product-detail .order-area .fr ul li .row div.fl.sel-nm:before{width: 17px; height: 17px; content: " "; background: url(../images_new/icon_sel_add.png) no-repeat center center; display: inline-block; margin-right: 2px; vertical-align: top;}
.product-detail .order-area .fr ul li .row div.fr{width: 255px; display: block; float: right;}
.product-detail .order-area .fr ul li .row div.fl.sel-nm ~ .fr{float: left; width: auto;}
.product-detail .order-area .fr ul li .row div.fl.sel-nm ~ .fr.ch-select{border: 1px solid #cccccc; padding: 2px;}
.product-detail .order-area .fr ul li .row div.fl.sel-nm ~ .fr.ch-select select{background: #fff; -webkit-appearance: menulist-button; appearance: menulist-button;}
.product-detail .order-area .fr ul li .row div.fr .price{font-size: 14px;}
.product-detail .order-area .fr ul li .row div.fr .price.discount{text-decoration: line-through;}
.product-detail .order-area .fr ul li .row div.fr .price.discount ~ .dis-price{font-size: 22px; color: #f05e7c; font-weight: bold;}
.product-detail .order-area .fr ul li .row div.fr .price.discount ~ .dis-price span{font-size: 12px; color: #f05e7c;}
.product-detail .order-area .fr ul li .row div.nm{color: #555555;}
.product-detail .order-area .fr ul li .row div.nm.list-price{ color: #f05e7c; font-weight: bold; font-size: 22px;}
.product-detail .order-area .fr ul li .row div{}
.product-detail .order-area .fr ul li .row div.nm ~ div{font-weight: bold; color: #222222; font-size: 15px; text-align: left;}
.product-detail .order-area .fr ul li .row div.nm ~ div.up-down-chk{}
.product-detail .order-area .fr ul li .row div.nm ~ div.up-down-chk:after{clear: both; display: block; content: ""}
.product-detail .order-area .fr ul li .row div.nm ~ div.up-down-chk button{float: left; width: 25px; border: 1px solid #d2d2d2; font-weight: bold; font-family: xeicon, sans-serif; color: #555555; font-size: 23px; line-height: 17px; padding-bottom: 6px; box-sizing: border-box;}
.product-detail .order-area .fr ul li .row div.nm ~ div.up-down-chk button.miunus{}
.product-detail .order-area .fr ul li .row div.nm ~ div.up-down-chk button.plus{}
.product-detail .order-area .fr ul li .row div.nm ~ div.up-down-chk .var-num{display: inline-block; width: 45px; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; float: left; text-align: center; line-height: 23px; color: #888888; font-weight: normal;}
.product-detail .order-area .fr ul li .row div.nm ~ div.up-down-chk .add-txt{font-size: 14px; color: #888888; font-weight: normal; letter-spacing: -2px; padding-left: 11px; position: relative; top: 2px;}

.product-detail .order-area .fr .btn-area{margin-top: 13px;}
.product-detail .order-area .fr .btn-area a{display: inline-block; width: 129px; line-height: 49px; font-weight: bold; font-size: 18px; text-align: center; color: #fff;}
.product-detail .order-area .fr .btn-area a.btn-order{background: #f05e7c;}
.product-detail .order-area .fr .btn-area a.btn-cart{background: #000000; margin: 0 5px;}
.product-detail .order-area .fr .btn-area a.btn-wish{background: #000000;}

.product-detail .order-area .share-app{width: 330px; clear: both; display: block; text-align: center; padding-top: 15px;}
.product-detail .order-area .share-app a{display: inline-block; width: 25px; height: 25px; margin: 0 2px;}
.product-detail .order-area .share-app a.insta{background: url(../images_new/share_insta.png) no-repeat center center;}
.product-detail .order-area .share-app a.twi{background: url(../images_new/share_tiw.png) no-repeat center center;}
.product-detail .order-area .share-app a.facebook{background: url(../images_new/share_facebook.png) no-repeat center center;}
.product-detail .order-area .share-app a.line{background: url(../images_new/share_line.png) no-repeat center center;}

.product-detail .detail-img{text-align: center; padding-top: 45px;}
.product-detail .detail-img amp-img{display: inline-block; margin: auto;}
.product-detail .box-ranking .tab-btn{}
.product-detail .box-ranking .tab-btn:after{clear: both; display: block; content: ""}
.product-detail .box-ranking .tab-btn .button{box-sizing: border-box; height: 51px; line-height: 49px;position: relative; float: left; width: auto;}
.product-detail .box-ranking .tab-btn .button:after{position: absolute; bottom: 10px; right: 0; content: ''; width: 1px; height: 17px; background: #d9d9d9;}
.product-detail .box-ranking .tab-btn .button a{display: block; text-align: center; font-size: 16px; padding: 0; border-bottom: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; box-sizing: border-box;}
.product-detail .box-ranking .tab-btn .button:first-child a{border-left: 1px solid #e4e4e4;}
.product-detail .box-ranking .tab-btn .button:last-child:after{display: none;}
.product-detail .box-ranking .tab-btn .button.active{line-height: 48px;}
.product-detail .box-ranking .tab-btn .button.active a{color: #f05e7c; font-weight: bold; border-top: 2px solid #f05e7c;}
.product-detail .box-ranking .tab-btn .button.slick-current a{padding-bottom: 2px; border-bottom: 3px solid #f05e7c; color: #f05e7c; font-weight: 700;}
.product-detail .box-ranking .tab-btn .button.slick-current:before{position: absolute; top: 22px; left: 50%; margin-left: -5.5px; content: ''; width: 11px; height: 9px; background: url('../images_new/icon_ranking_active.png');}
.product-detail .pc-page .box-ranking .tab-btn .slick-track{transform: none !important;}

.product-detail .list-ranking.all>li{/* width: calc(25% - 7px) */width: calc(33.3333% - 6px)}
.product-detail .box-content .list-ranking.all>li:nth-child(4n) {margin-right: 0;}

.product-detail .review{}
.product-detail .review .text-description{font-size: 14px; line-height: 1.5; color: #222;}
.product-detail .review .text-description strong{font-weight: bold;}
.product-detail .review .lst{padding-top: 23px;}
.product-detail .review .lst ul{border-top: 1px solid #222222; border-left: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd}
.product-detail .review .lst ul li{box-sizing: border-box; border-bottom: 1px solid #bdbdbd}
.product-detail .review .lst ul li:after{clear: both; display: block; content: ""}
.product-detail .review .lst ul li.open{}
.product-detail .review .lst ul li .thumb{width: 172px; height: 172px; float: left;}
.product-detail .review .lst ul li .thumb amp-img{width: 100%;}
.product-detail .review .lst ul li .subs{width: calc(100% - 212px); width: -webkit-calc(100% - 212px); height: 172px; float: left; padding-left: 20px;}
.product-detail .review .lst ul li .subs:after{clear: both; display: block; content: ""}
.product-detail .review .lst ul li .subs .tit{display: block; height: 50px; line-height: 50px; border-bottom: 1px solid #aaaaaa;}
.product-detail .review .lst ul li .subs .tit strong{display: inline-block; font-size: 16px; color: #444444; width: 361px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.product-detail .review .lst ul li .subs .tit .star{display: inline-block; margin-right: 6px; vertical-align: top;}
.product-detail .review .lst ul li .subs .tit .star amp-img{display: inline-block;}
.product-detail .review .lst ul li .subs .tit .id{width: 95px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.product-detail .review .lst ul li .subs .desc{display: table-cell; height: 121px; vertical-align: middle;}
.product-detail .review .lst ul li .subs .desc span{display: inline-block; vertical-align: middle; color: #222; font-size: 15px;}
.product-detail .review .lst ul li .subs .desc span amp-img{cursor: pointer; margin-left: 16px; position: relative; top: 4px;}
.product-detail .review .lst ul li .subs .desc span amp-img.icon-close{}
.product-detail .review .lst ul li.open .subs .desc{display: table-cell; height: 121px; vertical-align: middle;}
.product-detail .review .lst ul li.open .subs .desc span{display: inline-block; vertical-align: middle; color: #222; font-size: 15px;}
.product-detail .review .lst ul li.open .subs .desc span amp-img.icon-close{margin-left: 16px; position: relative; top: 4px;}

.product-detail .review .lst ul li .detail-subs{clear: both; display: none; border-top: 1px solid #d0d0d0; padding: 25px 20px; background: #fbfbfb;}
.product-detail .review .lst ul li.open .detail-subs {display: block;}
.product-detail .review .lst ul li .detail-subs .thumb-img{width: 100%:; text-align:center;}
.product-detail .review .lst ul li .detail-subs .thumb-img amp-img{max-width: 100%; width: auto;}
.product-detail .review .lst ul li .detail-subs .thumb-img ~ div{padding-top: 20px;}

.product-detail .pagination{margin-top: 30px;}
.product-detail .pagination .btn-write{display: inline-block; width: 130px; height: 32px; text-align: center; line-height: 32px; background: #d0baff; color: #fff; font-size: 17px; position: absolute; top: -6px; right: 0; z-index: 10;}
.product-detail .review-txt .lst ul li{border-bottom: 1px solid #cccccc;}
.product-detail .review-txt .lst ul li .subs{width: 100%;}
.product-detail .review-txt .lst ul li .subs:after{clear: both; display: block; content: ""}
.product-detail .review-txt .lst ul li .subs .tit{display: block; height: 50px; line-height: 50px; border-bottom: 1px solid #aaaaaa;}
.product-detail .review-txt .lst ul li .subs .tit .num{display: inline-block; width: 120px; vertical-align: top; text-align: center;}
.product-detail .review-txt .lst ul li .subs .tit strong{display: inline-block; font-size: 16px; color: #444444; width: 425px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.product-detail .review-txt .lst ul li .subs .tit .star{display: inline-block; margin-right: 6px; vertical-align: top;}
.product-detail .review-txt .lst ul li .subs .tit .star amp-img{display: inline-block;}
.product-detail .review-txt .lst ul li .subs .tit .id{width: 95px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.product-detail .review-txt .lst ul li .subs .desc{display: inline-block; background: #fbfbfb; padding: 20px 0; vertical-align: middle;}
.product-detail .review-txt .lst ul li .subs .desc span{display: inline-block; vertical-align: middle; color: #222; font-size: 15px; padding-left: 130px; padding-right: 90px;}
.product-detail .review-txt .lst ul li .subs .desc span amp-img.icon-close{margin-left: 16px; position: relative; top: 4px;}







/* ctg-page */
.ctg-page .box-content .btn-eye{display: block; width: 104px; height: 29px; border: 1px solid #d0baff; border-radius: 14.5px; box-sizing: border-box; text-align: center; line-height: 27px; font-size: 14px; color: #d0baff;}

.ctg-page{}
.ctg-page .inner{padding-top: 40px;}
.ctg-page .ctg-page-top{}
.ctg-page .ctg-page-top .text-description{margin-top: 4px;}
.ctg-page .ctg-page-top .sub-title-bg{background: #feeff2; width: 100%; font-size: 15px; color: #555555; font-weight: normal; padding: 3px 10px; box-sizing: border-box; margin-top: 4px;}
.ctg-page .ctg-page-top .top_bnr{width: 100%; margin-top: 4px;}
.ctg-page .ctg-page-bottom{}
.ctg-page .ctg-page-bottom .sub-title-bg{background: #f1ebfd; width: 100%; font-size: 15px; color: #555555; font-weight: normal; padding: 3px 10px; box-sizing: border-box; margin-top: 4px;}
.ctg-page .box-content h2.lato{font-size: 27px;}
.ctg-page .box-content h2.lato span{font-size: 16px; color: #b49c70; padding-left: 5px; font-style: italic; font-family: 'Noto Sans JP', sans-serif;}
.ctg-page .box-content h2.lato.color-brown{border-bottom: 2px solid #e7c2a1;}
.ctg-page .box-content .list-ranking.all>li{width: calc(33.3333% - 6px);}
.ctg-page .box-content .list-ranking.all>li{margin: 0 3px;}
.ctg-page .box-content .list-ranking.all>li:nth-child(4n){margin-right: 0;}
.ctg-page .box-content .cf-total{padding: 25px 10px 0 10px;}
.ctg-page .box-content .cf-total .total{margin-top: 6px;}
.ctg-page .box-content .cf-total .total > span{display: inline-block; color: #555555; font-family: Meiryo, sans-serif;}
.ctg-page .box-content .cf-total .total > span strong{color: #f05e7c;}
.ctg-page .box-content .cf-total .total ul{display: inline-block; margin-left: 15px;}
.ctg-page .box-content .cf-total .total ul li{display: inline-block;}
.ctg-page .box-content .cf-total .total ul li a{padding: 0 10px; border-left: 1px solid #333333; color: #333333; font-family: Meiryo, sans-serif;}
.ctg-page .box-ranking .tab-btn{}
.ctg-page .box-ranking .tab-btn:after{clear: both; display: block; content: ""}
.ctg-page .box-ranking .tab-btn .button{box-sizing: border-box; height: 51px; line-height: 49px;position: relative; float: left; width: auto;}
.ctg-page .box-ranking .tab-btn .button:after{position: absolute; bottom: 10px; right: 0; content: ''; width: 1px; height: 17px; background: #d9d9d9;}
.ctg-page .box-ranking .tab-btn .button a{display: block; text-align: center; font-size: 16px; padding: 0; border-bottom: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; box-sizing: border-box;}
.ctg-page .box-ranking .tab-btn .button:first-child a{border-left: 1px solid #e4e4e4;}
.ctg-page .box-ranking .tab-btn .button:last-child:after{display: none;}
.ctg-page .box-ranking .tab-btn .button.active{line-height: 48px;}
.ctg-page .box-ranking .tab-btn .button.active a{color: #f05e7c; font-weight: bold; border-top: 2px solid #f05e7c;}
.ctg-page .box-ranking .tab-btn .button.slick-current a{padding-bottom: 2px; border-bottom: 3px solid #f05e7c; color: #f05e7c; font-weight: 700;}
.ctg-page .box-ranking .tab-btn .button.slick-current:before{position: absolute; top: 22px; left: 50%; margin-left: -5.5px; content: ''; width: 11px; height: 9px; background: url('../images_new/icon_ranking_active.png');}
.ctg-page .pc-page .box-ranking .tab-btn .slick-track{transform: none !important;}



/* 03 login-page */
.login-page{}
.login-page .inner{padding-top: 40px;}

.login-page .login-top{}
.login-page .login-top h2{font-size: 45px; line-height: 80px; text-align: center; color: #222222; font-weight: normal;}
.login-page .login-top p{color: #777777; font-size: 14px; font-family: Meiryo, sans-serif; text-align: center;}

.login-page .login-cont{margin-top: 55px;}
.login-page .login-cont:after{clear: both; display: block; content: ""}
.login-page .login-cont .box{float: left; border: 1px solid #e4e4e4; box-sizing: border-box;}
.login-page .login-cont .box:after{clear: both; display: block; content: ""}
.login-page .login-cont .box h3{text-align: center; font-size: 17px; line-height: 48px; border-bottom: 1px solid #e4e4e4;}
.login-page .login-cont .box .cont{padding: 30px 29px;}
.login-page .login-cont .box.member{width: calc(50% - 5px); margin-right: 5px;}
.login-page .login-cont .box.member h3{color: #f05e7c;}
.login-page .login-cont .box.member .cont{height:281px;}
.login-page .login-cont .box.member .cont div{}
.login-page .login-cont .box.member .cont div:after{clear: both; display: block; content: ""}
.login-page .login-cont .box.member .cont div:nth-child(2){margin-top: 12px;}
.login-page .login-cont .box.member .cont div label{font-weight: bold; color: #222222; font-size: 15px; line-height: 30px;}
.login-page .login-cont .box.member .cont div input[type="text"], .login-page .login-cont .box.member .cont div input[type="password"]{border: 1px solid red; text-indent: 10px; line-height: 30px; font-size: 14px; border: 1px solid #cccccc; float: right; color: #222;}
.login-page .login-cont .box.member .cont div.chk{margin-top: 20px;}
.login-page .login-cont .box.member .cont div.chk ul{text-align: left;}
.login-page .login-cont .box.member .cont div.chk ul li{display: inline-block;}
.login-page .login-cont .box.member .cont div.chk ul li label{line-height: 1.4; font-weight: normal;}
.login-page .login-cont .box.member .cont div.chk ul li label input{display: inline-block; -webkit-appearance: checkbox;}
.login-page .login-cont .box.member .cont div.chk ul li label span{color: #555555; font-size: 13px; font-family: Meiryo, sans-serif;}
.login-page .login-cont .box.member .cont div.chk ul li:nth-child(3){margin-left: 4px;}
.login-page .login-cont .box.member .cont div.chk ul li a{color: #555555; font-size: 13px; }
.login-page .login-cont .box.member .cont div.chk ul li a:before{width: 12px; height: 12px; display: inline-block; background: url(../images_new/icon_login01.png) no-repeat center center; content: " "; margin-right: 5px; position: relative; top: 1px;}
.login-page .login-cont .box.member .cont .btn-login{display: block; width: 100%; line-height: 50px; background: #d7c5fd; color: #fff; text-align: center; font-size: 17px; font-family: Meiryo, sans-serif; font-weight: bold;}
.login-page .login-cont .box.no-member{width: calc(50% - 5px); margin-left: 5px;}
.login-page .login-cont .box.no-member h3{}
.login-page .login-cont .box.no-member .cont{height:281px;}
.login-page .login-cont .box.no-member .cont .fl{}
.login-page .login-cont .box.no-member .cont .fl > div{}
.login-page .login-cont .box.no-member .cont .fl > div:nth-child(2){margin-top: 12px;}
.login-page .login-cont .box.no-member .cont .fl > div label{}
.login-page .login-cont .box.no-member .cont .fl > div input{line-height: 30px; border: 1px solid #cccccc; font-size: 14px; text-indent: 10px; color: #222;}
.login-page .login-cont .box.no-member .cont .fr{width: 90px; line-height: 77px; background: #c1c1c1; color: #fff; text-align: center; font-size: 15px; font-weight: bold; font-family: Meiryo, sans-serif;}
.login-page .login-cont .box.no-member .cont .no-member-link{clear: both; display: block; padding-top: 22px; padding-bottom: 30px; color: #555555;  font-family: Meiryo, sans-serif; font-size: 13px;}
.login-page .login-cont .box.no-member .cont .btn-mem-login{display: block; width: 100%; line-height: 50px; background: #c1c1c1; color: #fff; text-align: center; font-size: 17px; font-family: Meiryo, sans-serif; font-weight: bold;}
.login-page .sub-title-bg{background: #feeff2; width: 100%; font-size: 17px; color: #222222; font-weight: normal; padding: 7px 10px; box-sizing: border-box; margin-top: 4px; text-align: center; font-family: Meiryo, sans-serif;}

.login-page .benefit{}
.login-page .benefit:after{clear: both; display: block; content: ""}
.login-page .benefit > div{width: 150px; float: left; height: 160px; background-color: #d0baff; background-image: url(../images_new/icon_login_benefit.png); background-repeat: no-repeat; background-position: center 27px; border: 1px solid #d0baff; text-align: center; padding-top: 96px; box-sizing: border-box;}
.login-page .benefit > div span{color: #fff; display: block; line-height: 1.1;}
.login-page .benefit > div span:nth-child(1){font-size: 15px;}
.login-page .benefit > div span:nth-child(2){font-size: 24px;}
.login-page .benefit > ul{width: 621px; float: left; height: 160px; border:1px solid #cccccc; border-left: 0;}
.login-page .benefit > ul:after{clear: both; display: block; content: ""}
.login-page .benefit > ul li{width: 25%; height: 100%; float: left; text-align: center;}
.login-page .benefit > ul li p{ font-size: 13px; font-family: Meiryo, sans-serif; line-height: 1.2; padding-top: 90px; letter-spacing: -2px; color: #222222;}
.login-page .benefit > ul li p strong{display: inline; font-size: 16px; font-family: Meiryo, sans-serif; letter-spacing: -2.1px;}
.login-page .benefit > ul li:nth-child(1){background: url(../images_new/icon_login_benefit01.png) no-repeat center 18px;}
.login-page .benefit > ul li:nth-child(2){background: url(../images_new/icon_login_benefit02.png) no-repeat center 18px;}
.login-page .benefit > ul li:nth-child(3){background: url(../images_new/icon_login_benefit03.png) no-repeat center 18px;}
.login-page .benefit > ul li:nth-child(4){background: url(../images_new/icon_login_benefit04.png) no-repeat center 18px;}

.login-page .new-member{}
.login-page .new-member ul{padding-left: 10px;}
.login-page .new-member ul li{display: block; color: #222222; font-size: 15px; font-family: Meiryo, sans-serif; line-height: 1.35;}
.login-page .new-member a.btn-join{display: block; width: 326px; line-height: 58px; color: #fff; font-size: 20px; font-weight: bold; font-family: Meiryo, sans-serif; background: #d7c5fd; text-align: center; margin-right: 10px;}
.login-page .new-member a.btn-join ~ div{clear: both; display: block; padding: 10px; border-top: 1px solid #c1c1c1; top: 18px; position: relative; font-size: 14px; color: #777777; font-family: Meiryo, sans-serif; letter-spacing: -2.05px;}


/* 04 my-page */
.my-page{}
.my-page .inner{padding-top: 40px;}

.my-page .mypage-top{}
.my-page .mypage-top h2{font-size: 45px; line-height: 80px; text-align: center; color: #222222; font-weight: normal;}
.my-page .mypage-top p{color: #777777; font-size: 14px; font-family: Meiryo, sans-serif; text-align: center;}

.my-page .mypage-cont{margin-top: 55px;}
.my-page .mypage-cont:after{clear: both; display: block; content: ""}
.my-page .mypage-cont .box{box-sizing: border-box;}
.my-page .mypage-cont .box.welcome{width: 50%; float: left; border-top: 3px solid #909090; border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4;}
.my-page .mypage-cont .box.welcome .top{line-height: 46px; font-family: Meiryo, sans-serif; text-align: center; border-bottom: 1px solid #e4e4e4;}
.my-page .mypage-cont .box.welcome .top strong{color: #f05e7c; font-weight: bold; font-size: 19px;}
.my-page .mypage-cont .box.welcome .top span{color: #777777; font-size: 18px;}
.my-page .mypage-cont .box.welcome .btm{}
.my-page .mypage-cont .box.welcome .btm div{height: 103px; font-size: 18px; text-align: center; color: #fff; font-weight: bold; line-height: 103px; font-family: Meiryo, sans-serif;}
.my-page .mypage-cont .box.welcome .btm div:nth-child(1){background: #c1c1c1;}
.my-page .mypage-cont .box.welcome .btm div:nth-child(2){background: #d8c5fd;}
.my-page .mypage-cont .box.point{width: 50%; float: right; border-top: 3px solid #909090; border-right: 1px solid #e4e4e4;}
.my-page .mypage-cont .box.point .top{line-height: 49px; text-align: center; border-bottom: 1px solid #e4e4e4;}
.my-page .mypage-cont .box.point .top span{color: #222222; font-size: 16px; font-weight: bold; font-family: Meiryo, sans-serif;}
.my-page .mypage-cont .box.point .top span strong{font-family: Meiryo, sans-serif; font-size: 18px; color: #f05e7c;}
.my-page .mypage-cont .box.point .top span:nth-child(2){color: #222; font-size: 16px; margin-left: 28px; font-weight: normal;}
.my-page .mypage-cont .box.point .btm{background: url(../images_new/tbl_mypage.png) no-repeat 30px 33px; height: 202px; position: relative;}
.my-page .mypage-cont .box.point .btm div{position: relative;}
.my-page .mypage-cont .box.point .btm div:nth-child(1){top: 40px; left: 53px;}
.my-page .mypage-cont .box.point .btm div:nth-child(1) span{font-family: Meiryo, sans-serif;}
.my-page .mypage-cont .box.point .btm div:nth-child(1) span:nth-child(1){color: #777777; font-size: 15px; letter-spacing: -1.5px;}
.my-page .mypage-cont .box.point .btm div:nth-child(1) span:nth-child(2){color: #777777; font-size: 15px; font-weight: bold; margin-left: 38px;}
.my-page .mypage-cont .box.point .btm div:nth-child(2) span:nth-child(1) p {float:left;padding:0;margin:0;}
.my-page .mypage-cont .box.point .btm div:nth-child(2) span:nth-child(1) p.arrow_1{min-width:60px; max-width: 148px; height:19px;background: #f37e96; font-size: 11px; color: #fff; font-weight: bold; text-align: center; padding:3px 5px;}
.my-page .mypage-cont .box.point .btm div:nth-child(2) span:nth-child(1) p.arrow_2{margin-top:-12px;width:0;height:0; border-top:24px solid transparent; border-bottom:24px solid transparent; border-left:24px solid #f37e96; z-index:3;}
.my-page .mypage-cont .box.point .btm div:nth-child(2){top: 70px; width: 100%; }
.my-page .mypage-cont .box.point .btm div:nth-child(2) span{font-family: Meiryo, sans-serif;}
.my-page .mypage-cont .box.point .btm div:nth-child(2) span:nth-child(1){font-size: 11px; width: 235px; float: left; margin-left:35px;}
.my-page .mypage-cont .box.point .btm div:nth-child(2) span:nth-child(2){font-size: 13px; color: #999999; font-weight: bold; float: left; margin-top:5px;}
.my-page .mypage-cont .box.point .btm div:nth-child(3){top: 101px; width: 100%; text-align: center; font-size: 13px; color: #777777;}
.my-page .mypage-cont .box.point .btm div:nth-child(3) span {position: absolute; left:0; top: 20px; width: 100%;}
.my-page .mypage-cont .box.point .btm div:nth-child(4){width: 100%; position: absolute; bottom: 0; left: 0; line-height: 23px; color: #555555; font-size: 13px; text-align: center; background: #faced7;}
.my-page .mypage-cont .box.point .btm div span strong{margin-left: 10px;}
.my-page .mypage-cont .box.share{clear: both; display: block; padding: 30px 55px 30px 55px; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4;}
.my-page .mypage-cont .box.share .top{margin-bottom: 26px;}
.my-page .mypage-cont .box.share .top:after{clear: both; display: block; content: ""}
.my-page .mypage-cont .box.share .top .fl{margin-top: 5px;}
.my-page .mypage-cont .box.share .top .fl label{}
.my-page .mypage-cont .box.share .top .fl label input{}
.my-page .mypage-cont .box.share .top .fl label strong{display: inline-block; width: 148px; font-size: 16px; color: #777777; font-weight: bold; font-family: Meiryo, sans-serif; }
.my-page .mypage-cont .box.share .top .fl label strong:before{width: 14px; height: 14px; background: url(../images_new/icon_chk_purple_off.png) no-repeat center center; content: " "; display: inline-block; margin-right: 7px;}
.my-page .mypage-cont .box.share .top .fl label input:checked ~ strong:before{width: 14px; height: 14px; background: url(../images_new/icon_chk_purple_on.png) no-repeat center center; content: " "; display: inline-block;}
.my-page .mypage-cont .box.share .top .fl label ~ span{width: 106.5px; color: #222222; font-size: 16px;  font-family: Meiryo, sans-serif; text-align: right; display: inline-block;}
.my-page .mypage-cont .box.share .top .fl label ~ span em{color: #bfa0fd; font-size: 18px; font-style: normal; font-weight: bold; font-family: Meiryo, sans-serif;}
.my-page .mypage-cont .box.share .top .fl label ~ div{}
.my-page .mypage-cont .box.share .top .fl label ~ div a{}
.my-page .mypage-cont .box.share .top .fl label ~ div .align-right{}
.my-page .mypage-cont .box.share .top .fl ~ div{display: inline-block; padding-left: 21px;}
.my-page .mypage-cont .box.share .top .fl ~ div a{display: inline-block; color: #fff; font-size: 15px; font-weight: bold; font-family: Meiryo, sans-serif; line-height: 30px; border-radius: 15px; background: #cccccc; padding: 0 12px;}
.my-page .mypage-cont .box.share .top .fl ~ div a ~ div{color: #222; font-size: 12px; margin-top: 5px;}
.my-page .mypage-cont .box.share .btm{}
.my-page .mypage-cont .box.share .btm:after{clear: both; display: block; content: ""}
.my-page .mypage-cont .box.share .btm > div.fl{}
.my-page .mypage-cont .box.share .btm > div.fl label{}
.my-page .mypage-cont .box.share .btm > div.fl label input{}
.my-page .mypage-cont .box.share .btm > div.fl label input ~ strong{display: inline-block; width: 148px; font-size: 16px; color: #777777; font-weight: bold; font-family: Meiryo, sans-serif;}
.my-page .mypage-cont .box.share .btm > div.fl label input ~ strong:before{width: 14px; height: 14px; background: url(../images_new/icon_chk_purple_off.png) no-repeat center center; content: " "; display: inline-block; margin-right: 7px;}
.my-page .mypage-cont .box.share .btm > div.fl label input:checked ~ strong:before{width: 14px; height: 14px; background: url(../images_new/icon_chk_purple_on.png) no-repeat center center; content: " "; display: inline-block;}
.my-page .mypage-cont .box.share .btm > div.fl > span{}
.my-page .mypage-cont .box.share .btm > div.fl > span em{color: #bfa0fd; font-size: 18px; font-style: normal; font-weight: bold; font-family: Meiryo, sans-serif;}
.my-page .mypage-cont .box.share .btm > div.fl > div{color: #666666; font-size: 12px; background: #e4d6fe; line-height: 20px; widows: 242px; text-align: center;}
.my-page .mypage-cont .box.share .btm > div.fr{}
.my-page .mypage-cont .box.share .btm > div.fr dl{width: 377px; border: 1px solid #d8c5fd;}
.my-page .mypage-cont .box.share .btm > div.fr dl:after{clear: both; display: block; content: ""}
.my-page .mypage-cont .box.share .btm > div.fr dl dt{float: left; line-height: 26px; color: #fff; font-size: 12px; background: #d8c5fd; padding: 0 8px;font-family: Meiryo, sans-serif;}
.my-page .mypage-cont .box.share .btm > div.fr dl dd{width: 280px; float: left; line-height: 26px; color: #222; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 10px; box-sizing: border-box; font-family: Meiryo, sans-serif;}
.my-page .mypage-cont .box.share .btm > div.fr dl ~ span{font-size: 12px; color: #222;font-family: Meiryo, sans-serif; position: relative; top: 2px;}
.my-page .mypage-cont .box.share ~ p{width: 100%; line-height: 24px; color: #666666; font-size: 12px; text-align: center; background: #eeeeee;}

.my-page .util-menu{padding: 50px 36px 0 36px;}
.my-page .util-menu ul{}
.my-page .util-menu ul:after{clear: both; display: block; content: ""}
.my-page .util-menu ul li{width: calc(34.1% - 24px); height: 195px; float: left; border: 1px solid #e4e4e4; margin-right: 24px; margin-bottom: 20px; padding-top: 25px; box-sizing: border-box; box-shadow: 5px 5px 5px #fce2e7;}
.my-page .util-menu ul li:nth-child(3n){margin-right: 0;}
.my-page .util-menu ul li:nth-child(1){background: url(../images_new/icon_order.png) no-repeat center 84px;}
.my-page .util-menu ul li:nth-child(2){background: url(../images_new/icon_modify.png) no-repeat center 84px;}
.my-page .util-menu ul li:nth-child(3){background: url(../images_new/icon_wishlist.png) no-repeat center 84px;}
.my-page .util-menu ul li:nth-child(4){background: url(../images_new/icon_coupon.png) no-repeat center 84px;}
.my-page .util-menu ul li:nth-child(5){background: url(../images_new/icon_cart.png) no-repeat center 84px;}
.my-page .util-menu ul li:nth-child(6){background: url(../images_new/icon_withdraw.png) no-repeat center 84px;}
.my-page .util-menu ul li a{}
.my-page .util-menu ul li a strong{font-size: 25px; color: #444444; display: block; text-align: center; font-weight: normal;}
.my-page .util-menu ul li a span{font-family: Meiryo, sans-serif; display: block; text-align: center;}
.my-page .util-menu ul li a span:nth-child(2){font-size: 14px; font-weight: bold; color: #f37e96; margin-top: 0px;}
.my-page .util-menu ul li a span:nth-child(3){font-size: 13px; color: #333333; margin-top: 53px;}