@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:900');
@font-face{
    font-family:HKGrotesk;
    src:url('../fonts/HKGrotesk-Regular.eot');
    src:local(※), url('../fonts/HKGrotesk-Regular.woff') format('woff'), url('../fonts/HKGrotesk-Regular.woff2') format('woff2');
    }
html{-webkit-text-size-adjust:100%}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,img,small,strong,b,i,dl,dt,dd,ol,ul,li,form,label,table,tbody,tfoot,thead,tr,th,td,article,aside,footer,header,section,audio,video{margin:0;padding:0;vertical-align:baseline;background:transparent}
article,aside,footer,header,menu,nav,section{display:block}
ul,ol{list-style:none}
a{margin:0;padding:0;vertical-align:baseline;background:transparent}
table{border-collapse:collapse;border-spacing:0}
input,select,textarea{vertical-align:middle;border-radius:0}
a{text-decoration:none;color:inherit}
a:visited{text-decoration:none}
li img{vertical-align:middle}
a:active{text-decoration:none}
em{font-style:normal}
.cf{zoom:1}
.cf:after{content:"";display:block;clear:both}
.animation_2s{-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}
.animation_3s{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear}
.hide_text_image{white-space:nowrap;text-indent:-9999px;position:relative}
.hide_text_image:after{display:block;content:"";position:absolute;top:0;left:0}
input[type=text],textarea{-webkit-appearance:none}
select{outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
fieldset{margin:0;padding:0;border:0}
.blind, legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
.cp_blind, caption{visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;border:0;font-size:0;line-height:0}
address{font-style:normal}
body{width:100%;min-width:320px;font-size:100%;line-height:1.5;font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}
img{vertical-align:top}
.wrapper{position:relative;overflow-x:hidden;font-size:16px;color:#323232}
.inner_static{position:relative;margin:0 auto}
.inner_static:after{content:"";display:block;clear:both}
.nothing_li{display:flex;justify-content:center;align-items:center;width:100%!important;height:100px!important;text-align:center}

/*=======================================================================
header css
=======================================================================*/
#header{position:fixed;z-index:1500;left:0;top:0;width:100%;height:87px;background:rgba(255, 146, 1, .7)}
#header .inner_static{margin:0 10px;max-width:1200px}
#h_logo{position:absolute;z-index:0;left:0;top:0;width:100%;text-align:center;font-size:3rem;line-height:87px;color:#fff}
#h_logo a{display:block}
#header .link_guide{position:relative;z-index:1;float:left;display:inline-block;margin-top:38px;padding-bottom:2px;font-weight:700;font-size:.875rem;color:#fff;line-height:1}
#header .link_guide:hover{border-bottom:1px solid #fff}
#gnb{position:relative;z-index:2;float:right;margin-top:3px;display:flex;flex-direction:column;align-items:center}
#gnb li{margin:2px 0}
#gnb .btn_log a, #gnb .btn_reg a{display:block;padding:0 25px;height:35px;background:#622700;border-radius:18px;-webkit-border-radius:18px;-moz-border-radius:18px;text-align:center;font-weight:700;font-size:.875rem;color:#fff;line-height:35px}
#gnb .btn_log a span{display:inline-block}
#gnb .btn_log a:hover span{border-bottom:1px solid #fff}
#gnb .btn_reg a{background:#fff;color:#444}
#gnb .btn_reg a:hover{color:#f60}

.btn_menu, .btn_close{position:relative;display:block;float:right;width:20px;height:18px;background:url(../imgs/btn_menu.png) no-repeat center center;font-size:0;text-indent:-9999px;
	background-size:auto 12px;
	-webkit-background-size:auto 12px;
	-moz-background-size:auto 12px
	}
.btn_close{display:none;background-image:url(../imgs/btn_close.png)}


/*=======================================================================
spot css
=======================================================================*/
#top #spot{position:relative;background:url(../imgs/top_spot.jpg) no-repeat center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover}
#top #spot .inner_static{height:535px;max-width:1200px}


/*=======================================================================
search css
=======================================================================*/
#search{padding-top:222px}
#search .tit{margin-bottom:28px;text-align:center;color:#fff;font-size:1.5rem;line-height:1}
#search .bx_search{margin:0 7%;padding:10px 0;height:35px;background:rgba(255, 255, 255, .95);border-radius:28px;-webkit-border-radius:28px;-moz-border-radius:28px;line-height:35px}
#search .sel_search{float:left;margin-left:30px;width:155px;height:35px;padding-right:34px;font-size:1rem;background:url(../imgs/arr_02.png) no-repeat right 12px center;border:none;color:#333;outline:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
#search .inp_search{float:left;width:calc(100% - 256px);height:35px;padding:0 30px;background:none;border:none;font-size:1.375rem;color:#333;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
#search .btn_search{display:block;float:right;margin-right:16px;width:55px;height:35px;background:url(../imgs/btn_search.png) no-repeat center center;font-size:0;text-indent:-9999px;border:none;cursor:pointer}


/*=======================================================================
top page content css
=======================================================================*/
#top_category{padding:60px 0 64px;background:#f3f3f3}
#top_category .inner_static{margin:0 10px;max-width:1020px}
.top_tit{text-align:center;color:#ff9201;font-size:1.5rem;line-height:1}
#top_category .top_tit{margin-bottom:40px}
.lst_category{display:flex;flex-wrap:wrap}
.lst_category > li{margin:1px;padding:30px 0;width:calc(20% - 2px);background:#fff}
.tit_category{margin-bottom:16px}
.tit_category a{display:block;font-weight:700;font-size:1rem;color:#333;text-align:center;line-height:1}
.tit_category a img{display:block;margin:0 auto 10px}
.cate_02 .tit_category a{background-image:url(../imgs/ico_cate_02.png);background-position:center 6px}
.cate_03 .tit_category a{background-image:url(../imgs/ico_cate_03.png);background-position:center 11px}
.cate_04 .tit_category a{background-image:url(../imgs/ico_cate_04.png);background-position:center 10px}
.cate_05 .tit_category a{background-image:url(../imgs/ico_cate_05.png);background-position:center 11px}
.cate_06 .tit_category a{background-image:url(../imgs/ico_cate_06.png);background-position:center 10px}
.cate_07 .tit_category a{background-image:url(../imgs/ico_cate_07.png);background-position:center 2px}
.cate_08 .tit_category a{background-image:url(../imgs/ico_cate_08.png);background-position:center 0}
.cate_09 .tit_category a{background-image:url(../imgs/ico_cate_09.png);background-position:center 3px}
.cate_10 .tit_category a{background-image:url(../imgs/ico_cate_10.png);background-position:center 1px}
.cate_11 .tit_category a{background-image:url(../imgs/ico_cate_11.png);background-position:center 7px}
.cate_12 .tit_category a{background-image:url(../imgs/ico_cate_12.png);background-position:center 13px}
.cate_13 .tit_category a{background-image:url(../imgs/ico_cate_13.png)}
.cate_14 .tit_category a{background-image:url(../imgs/ico_cate_14.png);background-position:center 10px}
.cate_15 .tit_category a{background-image:url(../imgs/ico_cate_15.png);background-position:center 8px}
.lst_category .d2{margin:0 30px;text-align:justify;line-height:1}
.lst_category .d2 li{display:inline}
.lst_category .d2 a{color:#666;font-size:.688rem}
.lst_category .d2 a:hover{color:#f60}
.wrap_top_section{padding:50px 0 60px}
.wrap_top_section .inner_static{display:flex;flex-wrap:wrap;max-width:1200px}
#top_news{float:left;padding:0 54px 0 34px;width:50%;border-right:1px solid #ccc;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
#top_news .h_group{position:relative;margin:10px 0 40px}
#top_news .h_group .link_list{position:absolute;right:0;top:0;display:inline-block;padding-right:13px;background:url(../imgs/arr_01.png) no-repeat right center;font-size:.813rem;color:#666;line-height:24px}
#top_news .lst_news li{margin-bottom:24px;line-height:1}
#top_news .lst_news li:last-child{margin-bottom:0}
#top_news .lst_news .date, #top_news .lst_news .tit{display:inline-block;font-size:.813rem;vertical-align:top}
#top_news .lst_news .date{width:100px;color:#666}
#top_news .lst_news .tit{overflow:hidden;width:calc(100% - 100px);text-overflow:ellipsis;white-space:nowrap;font-weight:400;color:#333}
#top_news .lst_news a:hover .tit{color:#f60}
#top_ranking{float:right;padding:0 34px 0 54px;width:50%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
#top_news .top_tit, #top_ranking .top_tit{color:#666}
#top_ranking .top_tit{margin:10px 0 40px}
.lst_ranking li{position:relative;margin-bottom:10px}
.lst_ranking li:after{content:"";display:block;clear:both}
.lst_ranking a{color:#333;font-size:.813rem}
.lst_ranking a:hover .product{color:#f60}
.lst_ranking .image{float:left;margin-right:10px;max-width:60px}
.lst_ranking .category, .lst_ranking .product{display:block}
.lst_ranking .category{line-height:1.9}
.lst_ranking .product{line-height:1.3}
.lst_ranking .r1, .lst_ranking .r2, .lst_ranking .r3{float:left;margin:0 38px 18px 0;width:calc(-25.333px + 33.333%)}
.lst_ranking .r3{margin-right:0}
.lst_ranking .r4{clear:left}
.lst_ranking .r1 .image, .lst_ranking .r2 .image, .lst_ranking .r3 .image{margin:0 0 8px 0;max-width:145px;width:100%}
.lst_ranking .r1:before, .lst_ranking .r2:before, .lst_ranking .r3:before{content:"";position:absolute;left:0;top:0;display:block;width:34px;height:34px;background:#fff url(../imgs/ico_ranking1.png) no-repeat center center}
.lst_ranking .r2:before{background-image:url(../imgs/ico_ranking2.png)}
.lst_ranking .r3:before{background-image:url(../imgs/ico_ranking3.png)}


/*=======================================================================
footer css
=======================================================================*/
#footer{position:relative}
#f_banner{position:relative;z-index:2;padding:80px 0;background:#f8f8f5}
#f_banner .inner_static{margin:0 10px;max-width:1612px}
#f_banner .lst_banner{display:flex;justify-content:center}
#f_banner .lst_banner li{float:left;margin-right:20px;width:calc(-16.666px + 16.666%)}
#f_banner .lst_banner li:last-child{margin-right:0}
#f_banner .lst_banner .image{margin-bottom:10px;width:100%;max-width:252px}
#f_banner .lst_banner a{display:block}
#f_banner .lst_banner a:hover .tit{color:#f60}
#f_banner .lst_banner .tit{display:block;text-align:center;color:#333;font-weight:400;font-size:.75rem;line-height:1}
.btn_pagetop{position:absolute;z-index:3;right:20px;bottom:159px;display:block;padding:0;width:36px;height:36px;border-radius:1px;-webkit-border-radius:1px;-moz-border-radius:1px;background:#fdac3e url(../imgs/arr_03.png) no-repeat center center;font-size:0;text-indent:-9999px}
.btn_pagetop_bottom{position:fixed;display:block;bottom:30px;top:auto}
#fnb{position:relative;z-index:1;padding:40px 0;background:#f3f3f3}
#fnb .inner_static{text-align:center}
#fnb li{position:relative;display:inline-block;vertical-align:top}
#fnb a{display:block;padding:0 11px;font-size:.813rem;color:#333}
#fnb a:hover, #fnb a.aon{color:#f60}
#f_cr{overflow:hidden;padding:11px 0;background:#d75701;font-size:.75rem;color:#fff;text-align:center}
#f_cr strong{font-weight:400}


/*=======================================================================
popup menu css
=======================================================================*/
#pmenu{display:none;position:fixed;z-index:2000;left:0;top:44px;width:100%;min-width:320px;height:calc(100% - 44px);background:#f3f3f3;overflow-y:auto}
#pmenu_mnb ul{margin-top:20px}
#pmenu_mnb > ul > li{margin-bottom:3px}
#pmenu_mnb > ul > li > a{display:block;padding:8px 20px;color:#333;font-size:.875rem;line-height:1.2}
#pmenu_mnb > ul > li:last-child{margin-bottom:0}
#pmenu_mnb .btn_category span{position:relative;display:inline-block;padding-right:18px}
#pmenu_mnb .btn_category span:after{content:"";position:absolute;right:0;top:5px;display:block;width:10px;height:6px;background:url(../imgs/arr_02.png) no-repeat 0 0;background-size:10px auto;-webkit-background-size:10px auto;-moz-background-size:10px auto;transform:rotate(180deg)}
#pmenu_mnb .d2_category{display:flex;flex-wrap:wrap;margin:0 6px}
#pmenu_mnb .d2_category li{margin:1px;width:calc(33.333% - 2px)}
#pmenu_mnb .d2_category span{display:block;width:100%}
#pmenu_mnb .d2_category a{display:block;padding:52px 0 14px;background:#fff url(../imgs/ico_cate_01.png) no-repeat center 19px;background-size:23px auto;-webkit-background-size:23px auto;-moz-background-size:23px auto;font-size:.625rem;color:#333;text-align:center;line-height:1}
#pmenu_mnb .d2_category .cate_02 a{background-image:url(../imgs/ico_cate_02.png);background-position:center 17px}
#pmenu_mnb .d2_category .cate_03 a{background-image:url(../imgs/ico_cate_03.png);background-position:center 20px;background-size:33px auto;-webkit-background-size:33px auto;-moz-background-size:33px auto}
#pmenu_mnb .d2_category .cate_04 a{background-image:url(../imgs/ico_cate_04.png);background-position:center 17px;background-size:21px auto;-webkit-background-size:21px auto;-moz-background-size:21px auto}
#pmenu_mnb .d2_category .cate_05 a{background-image:url(../imgs/ico_cate_05.png);background-position:center 17px;background-size:25px auto;-webkit-background-size:25px auto;-moz-background-size:25px auto}
#pmenu_mnb .d2_category .cate_06 a{background-image:url(../imgs/ico_cate_06.png);background-position:center 18px}
#pmenu_mnb .d2_category .cate_07 a{background-image:url(../imgs/ico_cate_07.png);background-position:center 16px}
#pmenu_mnb .d2_category .cate_08 a{background-image:url(../imgs/ico_cate_08.png);background-position:center 15px;background-size:24px auto;-webkit-background-size:24px auto;-moz-background-size:24px auto}
#pmenu_mnb .d2_category .cate_09 a{background-image:url(../imgs/ico_cate_09.png);background-position:center 16px;background-size:25px auto;-webkit-background-size:25px auto;-moz-background-size:25px auto}
#pmenu_mnb .d2_category .cate_10 a{background-image:url(../imgs/ico_cate_10.png);background-position:center 15px;background-size:25px auto;-webkit-background-size:25px auto;-moz-background-size:25px auto}
#pmenu_mnb .d2_category .cate_11 a{background-image:url(../imgs/ico_cate_11.png);background-position:center 18px;background-size:28px auto;-webkit-background-size:28px auto;-moz-background-size:28px auto}
#pmenu_mnb .d2_category .cate_12 a{background-image:url(../imgs/ico_cate_12.png);background-position:center 21px;background-size:29px auto;-webkit-background-size:29px auto;-moz-background-size:29px auto}
#pmenu_mnb .d2_category .cate_13 a{background-image:url(../imgs/ico_cate_13.png);background-position:center 18px;background-size:26px auto;-webkit-background-size:26px auto;-moz-background-size:26px auto}
#pmenu_mnb .d2_category .cate_14 a{background-image:url(../imgs/ico_cate_14.png);background-position:center 20px;background-size:30px auto;-webkit-background-size:30px auto;-moz-background-size:30px auto}
#pmenu_mnb .d2_category .cate_15 a{background-image:url(../imgs/ico_cate_15.png);background-size:31px auto;-webkit-background-size:31px auto;-moz-background-size:31px auto}
#pmenu.pmenu_open, .disb{display:block}
.disn{display:none}
.fixed{position:fixed}


/*=======================================================================
sub page common css
=======================================================================*/
/* sub spot */
.sub #spot{margin-top:87px}
.sub #spot .inner_static{height:93px}

/* sub search */
.sub #search{padding-top:19px}
.sub #search .bx_search{padding:8px 0;border:2px solid #ff980e;line-height:35px}

/* page position */
#pp{padding:4px 30px;background:#f8f8f5;border:1px #e1e1e1;border-style:solid none solid none}
#pp a, #pp span, #pp strong{font-weight:400;font-size:.813em;color:#666}
#pp a:hover{color:#f60}
#pp .gt{padding:0 8px}
#pagetit{margin-bottom:50px;padding:13px 10px 18px;border-bottom:1px solid #ccc;font-size:1.313rem;line-height:1.2}
#pagetit.s2{margin-bottom:18px}
#pagetit.s3{margin-bottom:0;padding:20px 10px 68px;font-size:1rem}
#pagetit.s3 .count{font-weight:400;font-size:.875rem}
#container{
	display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
	max-width:1900px;
	}
#container #snb{
	flex-basis:249px;
    max-width:249px;
	border-right:1px solid #e1e1e1
	}
#container #content{padding:28px 50px 100px;
	flex-basis:calc(100% - 349px);
	max-width:calc(100% - 349px);
}
#container .without_snb{flex-basis:calc(100%)!important;max-width:calc(100%)!important}
.tit_snb{padding:13px 20px;border-bottom:1px solid #e1e1e1;font-size:.875rem;line-height:1.2}
#lst_category_snb > dt a{display:block;padding:13px 20px;border-bottom:1px solid #e1e1e1;font-weight:700;font-size:.875rem;line-height:1.2}
#lst_category_snb > dt a:hover, #lst_category_snb > dt a.aon{color:#f60}
.ins_category_snb > li{display:flex;position:relative;border-bottom:1px solid #e1e1e1;flex-direction:column}
.ins_category_snb > li img{position:absolute;z-index:0;left:20px;top:10px;width:22px;height:auto;max-height:calc(100% - 20px);object-fit:contain}
.ins_category_snb > li > a{position:relative;z-index:1;display:block;padding:12px 24px 12px 51px;font-weight:700;color:#333;font-size:.875rem;line-height:1.2}
.ins_category_snb > li > a:after{content:"";position:absolute;right:16px;top:17px;width:9px;height:5px;background:url(../imgs/arr_05.png) no-repeat 0 0}
.ins_category_snb > li.open > a:after{transform:rotate(180deg)}
.ins_category_snb .count{padding-left:3px;font-weight:400;font-size:.625rem;color:#1f53a7}
.ins_category_snb .open .d2_lst_category{display:block}
.d2_lst_category{font-size:.875rem;color:#333;line-height:1.2}
.d2_lst_category dt{font-weight:700}
.d2_lst_category a{display:block}
.d2_lst_category dt a{padding:13px 10px 13px 30px;background:#e1e1e1}
.d2_lst_category dd{margin:4px 0 10px 20px}
.d2_lst_category dd a{padding:7px 10px 7px 20px}
.d2_lst_category dd a.lv4_a{padding:7px 10px 7px 30px}
.d2_lst_category dd a.lv5_a{padding:7px 10px 7px 40px}

/* form */
.alert_msg{display:none;color:red;font-size:12px;padding:4px 10px 0 0}
.alert_primary_msg{display:none;color:blue;font-size:12px;padding:4px 10px 0 0}
.alert_show{display:block}
.agree_alert{padding-right:10px;padding-left:15px}
.fp_btn{text-decoration:underline;font-size:.875rem}

/*=======================================================================
news css
=======================================================================*/
#news #pp{padding-top:4px}
.wrap_news_list, .wrap_news_view{padding:0}
.news_search{margin-bottom:20px;padding-right:0;text-align:right;vertical-align:top}
.news_search .inp_text{margin-right:5px;width:calc(100% - 90px)}
.btn_news_search{display:inline-block;width:80px;margin-top:1px;height:38px;background:#666;line-height:38px;text-align:center;color:#fff;font-weight:700;font-size:1rem;vertical-align:top;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	}
.news .lst_news{border-top:1px solid #ccc}
.news .lst_news li{border-bottom:1px solid #ccc;line-height:1.2}
.news .lst_news a{display:block;padding:24px 0}
.news .lst_news a:hover .tit{color:#f60}
.news .lst_news .no, #news .lst_news .date, #news .lst_news .tit{display:inline-block;font-size:1rem;vertical-align:top}
.news .lst_news .no{margin-right:10px;width:100px;color:#000;text-align:center;font-weight:700}
.news .lst_news .date{width:calc(100% - 110px);color:#999}
.news .lst_news .tit{overflow:hidden;margin-top:10px;padding:0 10px;width:calc(100% - 20px);text-overflow:ellipsis;white-space:nowrap;font-weight:400;color:#333}
.news .lst_news .new{display:inline-block;margin-left:20px;width:32px;height:16px;background:url(../imgs/ico_new.png) no-repeat 0 0;vertical-align:top;font-size:0;text-indent:-9999px}
.view_h_group{margin:-6px 0 28px}
.view_h_group .date, .view_h_group .tit{display:block;color:#333;font-size:1.125rem}
.view_h_group .date{margin-bottom:4px;color:#999;font-size:1rem}
.view_puts{padding-bottom:60px}
.view_puts .cnt{float:none;width:100%;font-size:.938rem;line-height:1.8}
.view_puts .ins_lst_image{float:none;margin-bottom:20px}
.view_puts .ins_lst_image li{margin-bottom:20px;text-align:center}
.view_puts .ins_lst_image li:last-child{margin-bottom:0}
.wrap_news_view .btn_area{text-align:center}


/*=======================================================================
shop css
=======================================================================*/
.lst_reg{display:table;width:100%;border-top:1px solid #ccc}
.lst_reg li{position:relative;display:table-row}
.lst_reg .item, .lst_reg .cnt, .lst_reg_terms .item{position:relative;display:table-cell;padding:14px 0 14px 40px;width:132px;border-bottom:1px solid #ccc;vertical-align:middle;font-size:1rem}
.lst_reg .item{padding-right:38px;padding-left:0}
.lst_reg .cnt{padding-left:15px;width:calc(100% - 310px);font-size:.938rem}
.lst_reg_terms .item{display:block;padding-left:0;border-bottom:none}
.lst_reg .ess{position:absolute;right:0;top:50%;margin-top:-10px;display:block;width:36px;height:20px;background:#f26522;font-size:12px;color:#fff;text-align:center;line-height:20px}
.lst_reg_index{border:none}
.lst_reg_index .item, .lst_reg_index .cnt, .lst_reg_index .item{border:none}
.inp_text.type_reg1{width:100%}
.inp_text.type_reg2, .sel_opt.type_reg2{width:100%}
.inp_text.type_reg3{width:100%}
.inp_text.exp{width:calc(100% - 135px) !important}
.inp_text.exp2{width:calc(100% - 160px) !important}
.small_msg{min-width:85px;font-size:0.8em;margin:5px 0 5px 20px;color:#666}
.btn_check, .btn_select{display:inline-block;margin-left:20px;width:106px;height:35px;background:#666;text-align:center;color:#fff;font-size:.875rem;line-height:35px;vertical-align:middle;
	border-radius:23px;
	-webkit-border-radius:23px;
	-moz-border-radius:23px;
	}
.btn_select{width:140px}
.lst_reg_terms{margin-bottom:40px}
.lst_reg_terms .cnt{display:block;font-size:.938rem}
.lst_reg_terms .ins_bx{margin:0;padding:20px 40px;background:#f0f0f0;font-size:.875rem;line-height:1.8;text-align:justify}
.check_area{margin-bottom:16px;text-align:center;line-height:1}
.lab_check_agree{margin-left:10px;font-weight:700;font-size:1rem;vertical-align:middle}
.lead_agree{margin-bottom:35px;text-align:center;font-size:1rem}
.wrap_reg .btn_area{text-align:center}
.wrap_reg_index .btn_area{margin-top:40px}
.bx_member_form{overflow:hidden}
.bx_member_form .inner_lead{padding:45px 20px 23px;text-align:center;font-size:1.125em;font-family:"Sawarabi Gothic", sans-serif}


/*=======================================================================
banner css
=======================================================================*/
.lst_reg .ins_wrap_checkbox{margin-bottom:6px;line-height:1.2}
.lst_reg .ins_wrap_checkbox:last-child{margin-bottom:0}
.lst_reg .ins_wrap_checkbox label{margin-left:10px;font-size:.875rem}
.sel_opt, .sel_opt_date{padding:0 34px 0 15px;width:100%;height:40px;background:#e7ecef url(../imgs/arr_04.png) no-repeat right 20px center;border:none;color:#333;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	}
.sel_opt_date{width:calc(100% - 34px);height:34px;background-position:right 10px center;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	}
.lst_reg .ins_wrap_radio{float:left;margin:0 10px}
.lst_reg .ins_wrap_radio label{margin-left:10px}
.lst_reg .tx1{margin-left:10px}
.lst_reg .ins_wrap_date{float:none;margin-bottom:10px}
.lst_reg .ins_wrap_time{float:none}
.lst_reg .ins_wrap_date label, .lst_reg .ins_wrap_time label{display:inline-block;margin-left:5px;width:23px}
.recaptcha_area{margin-bottom:40px;text-align:center}
.lst_reg .ins_d2_wrap{margin-bottom:10px;display:block}
.lst_reg .ins_d2_wrap:last-child{margin-bottom:0}
.lst_reg li.category_show_yn{display:none}

/*=======================================================================
sitemap css
=======================================================================*/
#sitemap #container{display:block;margin:0 auto;max-width:1200px}
#sitemap #container #snb{display:none}
#sitemap #container #content{padding:28px 0 100px;
	flex-basis:auto;
	max-width:1200px
	}
.lst_sitemap{margin:0 20px}
.lst_sitemap > li{margin-bottom:16px}
.lst_sitemap > li:last-child{margin-bottom:0}
.lst_sitemap > li > a{display:inline-block;padding-left:16px;background:url(../imgs/arr_01.png) no-repeat 0 5px;font-size:1rem;color:#333;vertical-align:top}
.lst_sitemap a:hover{color:#f60;text-decoration:underline}
.lst_sitemap_category{margin:20px 0 23px 16px;display:flex;flex-wrap:wrap}
.lst_sitemap_category > li{width:143px;font-size:.875rem;line-height:1.8}
.lst_sitemap_category .d2{width:90%}
.lst_sitemap_category .d2 dt{font-weight:700}
.lst_sitemap_category .d2 a{display:block}
.lst_sitemap_category .d2 .ins_lst{margin-bottom:12px}
.lst_sitemap_category .d2 .ins_lst li{color:#666}
.lst_sitemap_category .d2 .ins_lst li:last-child{margin-bottom:0}


/*=======================================================================
list css
=======================================================================*/
#list #container #content{padding-right:45px;padding-left:45px;
	flex-basis:calc(100% - 339px);
	max-width:calc(100% - 339px)
	}
#list .h_group{position:relative}
#list_option{position:absolute;right:15px;bottom:20px;width:calc(100% - 30px);border:1px solid #e1e1e1;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px
	}
#list_option li{float:left;border-right:1px solid #e1e1e1}
#list_option li:last-child{border-right:none}
#list_option a{display:block;height:38px;font-size:.875rem;color:#595c59;line-height:38px}
#list_option .sort a{width:66px;text-align:center}
#list_option .sort a.aon span, #list_option .sort a:hover span{color:#1f53a7;border-bottom:1px solid #567dbd}
.dp_number{width:calc(100% - 212px)}
.sel_dp_number{padding:0 28px 0 14px;width:100%;height:38px;font-size:.875rem;background:#fff url(../imgs/arr_04.png) no-repeat right 10px center;border:none;color:#595c59;outline:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
#list_option .dp_image a, #list_option .dp_list a{width:38px;background:#fcfbfb url(../imgs/ico_image.png) no-repeat center center}
#list_option .dp_list a{background-image:url(../imgs/ico_list.png)}
#list_option .dp_image a.aon, #list_option .dp_image a:hover{background-image:url(../imgs/ico_image_on.png)}
#list_option .dp_list a.aon, #list_option .dp_list a:hover{background-image:url(../imgs/ico_list_on.png)}
#list_option .dp_image span, #list_option .dp_list span{font-size:0;text-indent:-9999px}
.lst_list{display:flex;flex-wrap:wrap;background:url(../imgs/line_01.png) repeat-x 0 bottom}
.lst_list > li{width:25%;margin-top:40px;padding-bottom:18px;border-bottom:1px solid #ccc}
.lst_list > li > a{display:block;margin:0 15px}
.lst_list .image{margin-bottom:13px;text-align:center}
.lst_list .image img{width:100%;max-width:200px;background:#fff;text-indent:-9999px}
.lst_list .prod_info .name{margin-bottom:10px;font-weight:700;color:#333;font-size:1rem;line-height:1.3}
.lst_list .prod_info .detail, .lst_list .prod_info .shop_count{margin-bottom:10px;color:#333;font-size:.75rem}
.lst_list .prod_info .jan-code{margin-bottom:6px;color:#999;font-size:.75rem}
.lst_list .prod_info .jan-code .code{color:#1f53a7}
.lst_list .prod_info .value{margin-bottom:8px;color:#bf0000;font-size:1.25rem;line-height:1.3}
.lst_list .prod_info .value .unit{font-size:.875rem}
.lst_list .prod_info .shop_count{margin-bottom:0}
#display-list.lst_list{display:block !important;margin-top:30px}
#display-list.lst_list > li{width:auto;margin-top:0;padding:0}
#display-list.lst_list > li:after{content:"";display:block;clear:both}
#display-list.lst_list > li > a{overflow:hidden;margin:0;padding:10px 0}
#display-list.lst_list .image{float:left;margin-bottom:0;text-align:left}
#display-list.lst_list .image img{max-width:100px}
#display-list.lst_list .ins_lst dd{position:relative;float:right;width:calc(100% - 130px)}
#display-list.lst_list .prod_info .name{padding-right:0;margin:0 0 5px}
#display-list.lst_list .prod_info .detail{padding-right:0;margin-bottom:5px}
#display-list.lst_list .prod_info .jan-code{padding-right:0;margin-bottom:4px}
#display-list.lst_list .prod_info .value{position:static;right:auto;bottom:auto;margin-bottom:2px;width:auto}
#display-list.lst_list .prod_info .shop_count{position:static;right:auto;bottom:auto;margin-bottom:0;width:auto}


/*=======================================================================
view css
=======================================================================*/
.view_prod_info{margin-bottom:60px}
.view_prod_info .image{float:left;margin-right:15px;width:27.68%}
.view_prod_info .image img{width:100%}
.view_prod_info .ins_lst_info{float:none;width:100%}
.view_prod_info .btn_area{text-align:center}
.view_prod_info .ins_lst_info .name{margin:14px 0 6px;font-size:1.5rem}
.view_prod_info .lst_detail{margin-bottom:22px;font-size:.75rem}
.view_prod_info .lst_detail .detail{margin-bottom:4px}
.view_prod_info .lst_detail .jan-code{margin-bottom:8px;color:#999}
.view_prod_info .lst_detail .code{font-size:.875rem;color:#1f53a7}
.view_prod_info .lst_detail .value{margin-bottom:6px;font-size:1.25rem;color:#bf0000}
.view_prod_info .lst_detail .unit{font-size:.875rem}
.view_prod_info .cnt{margin-bottom:34px;font-size:.938rem;line-height:1.6;text-align:justify}
.view_prod_detail{margin-bottom:50px;text-align:center}
.view_prod_detail .cnt{margin-bottom:28px;text-align:justify;font-size:1rem}
.view_prod_detail .cnt .para_basic{background:#eee;font-size:1.875rem;color:#666;text-align:center;line-height:448px}
.view_prod_detail .btn_detail{display:inline-block;width:238px;border:1px solid #ccc;text-align:center;vertical-align:top;
	border-radius:19px;
	-webkit-border-radius:19px;
	-moz-border-radius:19px
	}
.view_prod_detail .btn_detail span{position:relative;display:inline-block;padding-right:26px;height:36px;font-size:.875rem;vertical-align:top;line-height:36px}
.view_prod_detail .btn_detail span:after{content:"";position:absolute;right:0;top:50%;display:block;margin-top:-3px;width:9px;height:5px;background:url(../imgs/arr_02.png) no-repeat 0 0;
	background-size:9px auto;
	-webkit-background-size:9px auto;
	-moz-background-size:9px auto
	}
.view_prod_detail .btn_detail.open span:after{transform:rotate(180deg)}
.wrap_comparison .tit{margin-bottom:25px;text-align:center;font-size:1.5rem;line-height:1}
.lst_comparison{display:block;width:100%;border-top:1px solid #ccc}
.lst_comparison > li{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;border-bottom:1px solid #ccc}
.lst_comparison .no, .lst_comparison .shop_name, .lst_comparison .value, .lst_comparison .lst_settlement, .lst_comparison .btn_area{display:flex;padding-top:15px;padding-bottom:15px;border-bottom:none;vertical-align:middle}
.lst_comparison .no{justify-content:center;padding-left:0;width:8.5%;text-align:center;font-size:.688rem}
.lst_comparison .shop_name{width:26.5%}
.lst_comparison .shop_name .ins_wrap{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center}
.lst_comparison .logo{margin-right:8px;width:32px}
.lst_comparison .logo img{width:30px;height:30px;border:1px solid #d2d2d2}
.lst_comparison .name{width:calc(100% - 40px);font-weight:400;font-size:.75rem;line-height:1.2;word-break:break-all}
.lst_comparison .value{justify-content:flex-end;padding-left:2%;padding-right:2%;width:16.5%;text-align:right;color:#bf0000;font-size:.938rem;line-height:1}
.lst_comparison .unit{font-size:.688rem;align-self:flex-end}
.lst_comparison .lst_settlement{position:absolute;right:0;top:15px;display:block;padding:0;width:44.5%;min-width:110px}
.lst_comparison .btn_area{padding-top:47px;padding-right:0;padding-right:0;width:44.5%;min-width:110px}
.wrap_comparison > .btn_area{margin-top:60px;text-align:center}
.lst_comparison .btn_seller1, .lst_comparison .btn_seller2, .lst_comparison .btn_seller3{padding-left:30px;width:80px;height:20px;line-height:20px;font-size:.688rem;
	border-radius:11px;
	-webkit-border-radius:11px;
	-moz-border-radius:11px
	}
.lst_comparison .btn_seller1:before, .lst_comparison .btn_seller2:before, .lst_comparison .btn_seller3:before{width:30px;height:20px;
	background-size:12px auto;
	-webkit-background-size:12px auto;
	-moz-background-size:12px auto
	}

/*=======================================================================
about css
=======================================================================*/
#about #container{display:block;margin:0 auto;max-width:1200px}
#about #container #snb{display:none}
#about #container #content{padding:28px 0 100px;
    flex-basis:auto;
    max-width:1200px
    }

/*=======================================================================
guide css
=======================================================================*/
#guide #container{display:block;margin:0 auto;max-width:1200px}
#guide #container #snb{display:none}
#guide #container #content{padding:28px 0 100px;
    flex-basis:auto;
    max-width:1200px
    }

/*=======================================================================
privacy css
=======================================================================*/
#privacy #container{display:block;margin:0 auto;max-width:1200px}
#privacy #container #snb{display:none}
#privacy #container #content{padding:28px 0 100px;
	flex-basis:auto;
	max-width:1200px
	}
.lst_privacy{margin:0 20px}
.lst_privacy a:hover{color:#f60;text-decoration:none}
.lst_privacy p{font-size:.938rem;line-height:1.6;margin-bottom:24px}
.lst_privacy dt{margin-top:40px;margin-bottom:24px;font-size:1.25rem}
.lst_privacy dd{padding-left:20px;margin-bottom:20px;font-size:.938rem;line-height:1.6}
.lst_privacy dd:last-child{margin-bottom:0}
.lst_privacy dd a{color:#f60;text-decoration:underline}
.lst_privacy ul{padding-left:1em;text-indent:-1em}
.lst_privacy ul li{margin-bottom:20px}
.lst_privacy ol{padding-left:1em;text-indent:-1em}
.lst_privacy ol li{padding-left:1em;text-indent:-1em;margin-bottom:15px}
.lst_privacy > li:last-child{margin-bottom:0}


/*=======================================================================
mypage css(pc)
=======================================================================*/
/*#mypage .wrapper{min-width:1900px}*/
/*#mypage #container{width:1900px}*/
/*#mypage #pp{padding-top:91px;border-top-style:none}*/
/*#mypage .btn_pagetop{top:-56px}*/
.lst_snb{padding:4px 0 10px;border-bottom:1px solid #e1e1e1}
.lst_snb a{display:block;padding:6px 20px 7px;font-size:.875rem;line-height:1.2}
.lst_snb a.aon, #mypage .lst_snb a:hover{color:#f60}
#mypage_search{margin-bottom:37px;padding:24px 30px;background:#e7ecef}
#mypage_search .col_select{float:left;margin-right:20px}
#mypage_search .col_text{float:left;margin-right:20px}
.sel_mypage_search{float:left;margin-right:10px;margin-bottom:10px;padding:0 35px 0 15px;width:180px;height:45px;font-size:1rem;background:#fff url(../imgs/arr_04.png) no-repeat right 20px center;border:none;color:#333;outline:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
	}
.sel_mypage_search:last-child{margin-right:0}
#mypage_search .col_radio{float:left;margin-right:15px}
#mypage_search .col_radio .inner_wrap{float:left;margin-right:12px;font-size:.875rem;line-height:45px}
#mypage_search .col_radio .inner_wrap:last-child{margin-right:0}
.radio_mypage_search{margin:0;padding:0}
.inp_mypage_search{width:290px;height:45px;padding:0 15px;background:#fff;border:none;font-size:1rem;color:#333;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px
	}
.btn_mypage_search{float:right;width:80px;height:45px;background:#666;line-height:42px;text-align:center;color:#fff;font-size:1rem;
	border-radius:23px;
	-webkit-border-radius:23px;
	-moz-border-radius:23px
	}
.wrap_mypage_list, .wrap_mypage_detail{padding:0 30px}
.ts1, .ts2{width:100%}
.ts1 th, .ts1 td{border-bottom:1px solid #ccc;vertical-align:middle}
.ts1 th{padding:14px 0}
.ts1 td{padding:10px 0}
.ts1 .no, .ts1 .state{text-align:center}
.ts1 .no{font-weight:700}
.ts1 .state1, .ts2 .state1{color:#1f53a7}
.ts1 .state2, .ts2 .state2{color:#bf0000}
.ts1 .state3, .ts3 .state1{color:#666}
.lst_product{display:flex}
.lst_product .image{margin-right:30px;width:100px}
.lst_product .image img{max-width:100%;min-width:100px;height:auto}
.lst_product .name{font-size:1rem;line-height:1.8}
.lst_product .detail{font-size:.75rem;line-height:1.8}
.lst_product .jan-code, .lst_product .category-no{font-size:.875rem;color:#999;line-height:1.7}
.lst_product .jan-code span, .lst_product .category-no span{padding-left:8px}
.lst_product .jan-code span{color:#1f53a7}
.lst_product .category-no span{color:#d75701}
.lst_product.s2 .name{line-height:2.2}
.lst_product.s2 .detail{line-height:2.4}
.lst_product.s2 .jan-code{line-height:2.4}
.pagenate{overflow:hidden;margin-top:40px;text-align:center}
.pagenate a, .pagenate strong{display:inline-block;margin:0 3px;padding:0 13px;height:34px;color:#333;font-size:1rem;text-align:center;border:1px solid #d7d7d7;line-height:34px}
.pagenate strong{border:1px solid #595c59;background-color:#595c59;color:#fff;font-weight:normal}
.pagenate .btn_next{padding:0 18px 0 9px;background:#ddd url(../imgs/btn_next.png) no-repeat right 9px center}
.pagenate .btn_prev{padding:0 9px 0 18px;background:#ddd url(../imgs/btn_prev.png) no-repeat left 9px center}
.pagenate .btn_next, .pagenate .btn_prev{border-color:#ddd;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px
	}
#product_info{margin-bottom:40px;padding:11px;background:#e7ecef}
.wrap_mypage_list .h_group{margin-bottom:20px;padding-right:40px;text-align:right;font-size:.875rem;line-height:1}
.wrap_mypage_list .h_group .inner_wrap{margin-right:30px}
.radio_price_list{margin:0 0 1px 0;padding:0}
.ts2{border-top:2px solid #ccc}
.ts2 th, .ts2 td{border-bottom:1px solid #ccc;text-align:center;vertical-align:middle}
.ts2 th{padding:15px 0}
.ts2 td{padding:23px 0}
.ts2 .price, .ts2 .hit{color:#bf0000}
.ts2 .price{font-size:.875rem}
.ts2 .value{font-size:1.25rem}
.lst_settlement{text-align:center}
.lst_settlement li{display:inline-block;margin:0 3px;padding:0 8px;height:23px;background:#d3d9e1;text-align:center;font-size:.625rem;color:#fff;line-height:23px;vertical-align:top;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px
	}
.lst_settlement .aon{background:#92a0b4}
.btn_seller1, .btn_seller2, .btn_seller3, .btn_seller4{position:relative;display:block;margin:0 auto;padding-left:75px;width:135px;height:38px;border:1px solid #cdcdcd;line-height:38px;font-size:.875rem;color:#333;text-align:left;
	background:#ffffff;
	background:-moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background:-webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
	background:linear-gradient(to bottom, #ffffff 0%,#f3f3f3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px
	}
.btn_seller1:before, .btn_seller2:before, .btn_seller3:before{content:"";position:absolute;left:0;top:0;width:75px;height:38px;background:url(../imgs/ico_seller_01.png) no-repeat center center}
.btn_seller2:before{background-image:url(../imgs/ico_seller_02.png)}
.btn_seller3:before{background-image:url(../imgs/ico_seller_03.png)}
.wrap_mypage_list .btn_area, .wrap_mypage_detail .btn_area{margin-top:60px;text-align:center}
.wrap_mypage_detail .btn_area{margin-top:40px}
.wrap_mypage_list .btn_area a, .wrap_mypage_detail .btn_area a, .btn_list2, .wrap_reg .btn_reg, #view #content .btn_reg{display:inline-block;margin:0 2px;height:50px;background:#f60;text-align:center;color:#fefefe;font-size:1rem;font-weight:700;line-height:50px;vertical-align:top;
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px
	}
.btn_price_reg{width:160px}
.btn_csv_dl{width:200px}
.btn_csv_reg{width:150px}
.btn_state_ch{width:180px}
#view #content .btn_reg{width:260px}
.btn_save, .btn_list2, .wrap_reg .btn_reg{width:250px;height:auto}
.btn_del{width:150px;background:#ff0000 !important}
.btn_list{width:150px;background:#666 !important}
.lead_priceup, .lead_id{padding:0 10px 46px;font-size:.875rem}
.wrap_mypage_detail .ts2{border-top-width:1px}
.wrap_mypage_detail .ts2 tbody th, .wrap_mypage_detail .ts2 tbody td{padding-left:40px;text-align:left}
.wrap_mypage_detail .ts2 tbody th{position:relative}
.wrap_mypage_detail .ts2 tbody td{padding-right:30px;padding-left:30px}
.wrap_mypage_detail .ess{position:absolute;right:0;top:50%;display:block;margin-top:-10px;padding:0 6px;height:20px;background:#f26522;font-weight:400;font-size:12px;color:#fff;line-height:20px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px
	}
.seller .inner_radio, .state .inner_radio{margin-right:26px}
.seller .inner_radio:last-child, .state .inner_radio:last-child{margin-right:0}
.seller .inner_radio label{margin-left:10px;vertical-align:top}
.seller .inner_radio label span{display:inline-block;width:24px;height:24px;background:url(../imgs/ico_seller_01.png) no-repeat center center;font-size:0;text-indent:-9999px;vertical-align:middle}
.seller .inner_radio label .ico_seller2{background-image:url(../imgs/ico_seller_02.png)}
.seller .inner_radio label .ico_seller3{background-image:url(../imgs/ico_seller_03.png)}
.inp_radio{margin:0;padding:0}
.inp_text, .texa{width:100%;height:40px;padding:0 15px;background:#e7ecef;border:none;font-size:1rem;color:#333;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px
	}
.inp_text.type1{width:555px}
.inp_text.type2{width:184px}
.texa{padding:15px;width:100%;height:110px;resize:none}
.wrap_mypage_detail .ts2 .tx1{padding-left:10px;vertical-align:bottom}
.settlement .inner_checkbox{margin-right:22px;line-height:23px;vertical-align:middle}
.settlement .inner_checkbox:last-child{margin-right:0}
.settlement .inner_checkbox label{display:inline-block;padding:0 8px;height:23px;background:#92a0b4;text-align:center;font-size:.625rem;color:#fff;line-height:23px;vertical-align:middle;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px
	}
.inp_check{margin:0;padding:0}
.lst_csv li{margin-bottom:40px;text-align:center}
.lst_csv li:last-child{margin-bottom:0}
.lst_csv .cnt{margin-bottom:18px;font-size:.875rem;line-height:1.4;text-align:justify}
.lst_csv .btn_csv{display:inline-block;width:340px;height:50px;background:#f60;text-align:center;color:#fff;font-weight:700;font-size:1.125rem;line-height:50px;
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px
	}


@media print ,screen and (min-width:1612px){
	#f_banner .inner_static{margin:0 auto}
	#container #content{padding:28px 100px 100px;
		flex-basis:calc(100% - 449px);
		max-width:calc(100% - 449px)
	}
	#news .lst_news .no{width:130px}
	#news .lst_news .date{width:152px}
	#news .lst_news .tit{width:calc(100% - 282px)}
	.lst_reg .ins_wrap_date{float:left;margin-bottom:0}
	.lst_reg .ins_wrap_time{float:left}
}
	
@media print ,screen and (min-width:1200px){
	#header .inner_static{margin:0 auto}
	.view_puts .cnt{float:left;width:calc(100% - 320px)}
	.view_puts .ins_lst_image{float:right;margin-bottom:0}
	.lst_reg .item, .lst_reg_terms .item{padding-left:40px}
	.lst_reg_terms .ins_bx{margin:0 40px}
	.inp_text.type_reg3{width:555px}
	.texa{width:555px}
	.inp_text.exp2{width:340px !important}
	.lst_reg .ins_wrap_date label, .lst_reg .ins_wrap_time label{margin-left:7px;width:33px}
	.sel_opt_date{width:100px}
	.lst_reg .ins_d2_wrap{display:inline}
	#pagetit.s3{padding-right:360px;padding-bottom:20px}
	#list_option{right:7px;width:auto}
	.dp_number{width:auto}
	#display-image.lst_list > li{width:calc(100% / 7)}
}
	
@media print ,screen and (min-width:1020px){
	#top_category .inner_static{margin:0 auto}
	/*.wrap_news_list, .wrap_news_view{padding:0 30px}*/
	.news_search{padding-right:30px}
	.news_search .inp_text{margin-right:10px;width:340px}
	#news .lst_news .no{margin-right:0;width:100px}
	#news .lst_news .date{width:122px}
	#news .lst_news .tit{margin-top:0;padding:0;width:calc(100% - 222px)}
	.lst_reg .item, .lst_reg_terms .item{width:202px}
	.lst_reg .cnt{padding-left:30px}
	.inp_text.type_reg1{width:185px}
	.inp_text.type_reg2, .sel_opt.type_reg2{width:340px}
	.inp_text.exp{width:185px !important}
	.lst_reg .ins_wrap_checkbox label{font-size:.938rem}
	.lst_reg .ins_wrap_radio{margin-right:20px}
	#display-list.lst_list .prod_info .name{padding-right:170px;margin:12px 0}
	#display-list.lst_list .prod_info .detail{padding-right:170px;margin-bottom:12px}
	#display-list.lst_list .prod_info .jan-code{padding-right:170px;margin-bottom:0}
	#display-list.lst_list .prod_info .value{position:absolute;right:0;bottom:38px;margin-bottom:0;width:160px}
	#display-list.lst_list .prod_info .shop_count{position:absolute;right:0;bottom:15px;margin-bottom:0;width:160px}
	.view_prod_info .ins_lst_info{float:right;width:calc(72.32% - 30px)}
	.view_prod_info .btn_area{text-align:left}
	.lst_comparison{display:table}
	.lst_comparison > li{display:table-row;border-bottom:none}
	.lst_comparison .no, .lst_comparison .shop_name, .lst_comparison .value, .lst_comparison .lst_settlement, .lst_comparison .btn_area{display:table-cell;border-bottom:1px solid #ccc}
	.lst_comparison .no{padding-left:8%;width:12%;font-size:.938rem}
	.lst_comparison .shop_name{width:20%}
	.lst_comparison .logo{margin-right:15px;width:40px}
	.lst_comparison .logo img{width:38px;height:38px}
	.lst_comparison .name{width:calc(100% - 55px);font-size:1rem}
	.lst_comparison .value{padding-left:4%;width:18%;font-size:1.25rem}
	.lst_comparison .unit{font-size:.875rem}
	.lst_comparison .lst_settlement{position:static;right:auto;top:auto;display:table-cell;width:22%;min-width:22%}
	.lst_comparison .btn_area{padding-top:15px;padding-right:8%;width:28%;min-width:212px}
	.lst_comparison .btn_seller1, .lst_comparison .btn_seller2, .lst_comparison .btn_seller3,.lst_comparison .btn_seller4{position:relative;display:block;margin:0 auto;padding-left:75px;width:135px;height:38px;border:1px solid #cdcdcd;line-height:38px;font-size:.875rem;color:#333;text-align:left;
		background:#ffffff;
		background:-moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
		background:-webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
		background:linear-gradient(to bottom, #ffffff 0%,#f3f3f3 100%);
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
		border-radius:20px;
		-webkit-border-radius:20px;
		-moz-border-radius:20px
		}
	.lst_comparison .btn_seller1:before, .lst_comparison .btn_seller2:before, .lst_comparison .btn_seller3:before, .lst_comparison .btn_seller4:before{width:75px;height:38px;
		background-size:24px auto;
		-webkit-background-size:24px auto;
		-moz-background-size:24px auto
		}
}

@media print ,screen and (min-width:768px) and (max-width:1200px){
	.lst_comparison .no{padding-left:0}
	.lst_comparison .btn_area{padding-right:0}
    .lst_list > li{width:33.333333%}
}

@media print ,screen and (min-width:900px) and (max-width:1200px){
	#display-image.lst_list > li{width:calc(100% / 5)}
}

@media print ,screen and (min-width:768px) and (max-width:900px){
	#display-image.lst_list > li{width:calc(100% / 3)}
}

@media print ,screen and (min-width:768px){
	.sp{display:none !important}
	.tb{display:block !important}
}

@media print ,screen and (min-width:768px) and (max-width:1200px){
	
	/* TABLET - basic css */
	.pc_tb{display:block}
	.tb{display:none}
	.sp{display:none}
	#h_logo{font-size:2.25rem;line-height:87px;color:#fff}
}

@media print ,screen and (max-width:767px){
	
	/* SMART PHONE - basic css */
	.pc_tb{display:none !important}
	.sp{display:block}
	
	/* SMART PHONE - header css */
	#header{height:44px}
	#header .inner_static{margin:0}
	#h_logo{left:20px;width:auto;text-align:left;font-size:1.125rem;line-height:44px}
	#header .link_guide{display:none}
	#gnb{margin:13px 12px 0 0;flex-direction:row}
	#gnb .btn_log{margin-right:10px}
	#gnb .btn_reg{margin-right:12px}
	#gnb .btn_log a, #gnb .btn_reg a{padding:0 8px;height:18px;border-radius:9px;-webkit-border-radius:9px;-moz-border-radius:9px;font-weight:400;font-size:.625rem;line-height:18px}
	
	/* SMART PHONE - spot css */
	#top #spot{background-image:url(../imgs/sp_top_spot.jpg)}
	#top #spot .inner_static{height:230px}
	
	/* SMART PHONE - search css */
	#search{padding-top:105px}
	#search .tit{margin-bottom:14px;font-size:1.125rem}
	#search .bx_search{margin:0 4.6875%;padding:4px 0;height:20px;border-radius:14px;-webkit-border-radius:14px;-moz-border-radius:14px;line-height:20px}
	#search .sel_search{margin-left:15px;width:78px;height:20px;padding-right:18px;font-size:.75rem;background-position:right 6px center;
		background-size:8px auto;
		-webkit-background-size:8px auto;
		-moz-background-size:8px auto
		}
	#search .inp_search{width:calc(100% - 134px);height:20px;padding:0 5px;font-size:.875rem}
	#search .btn_search{margin-right:13px;width:28px;height:20px;
		background-size:14px auto;
		-webkit-background-size:14px auto;
		-moz-background-size:14px auto
		}
		
	/* SMART PHONE - top page content css */
	#top_category{padding:30px 0 32px}
	#top_category .inner_static{margin:0 7px}
	.top_tit{font-size:1.125rem}
	#top_category .top_tit{margin-bottom:20px}
	.lst_category > li{padding:15px 0;width:calc(33.333% - 2px)}
	.tit_category{margin-bottom:0}
	.tit_category a{padding-top:36px;background-position:center 4px;background-size:23px auto;-webkit-background-size:23px auto;-moz-background-size:23px auto;font-size:.625rem}
	.cate_02 .tit_category a{background-position:center 3px}
	.cate_03 .tit_category a{background-position:center 5px}
	.cate_04 .tit_category a{background-position:center 5px;background-size:33px auto;-webkit-background-size:33px auto;-moz-background-size:33px auto}
	.cate_05 .tit_category a{background-position:center 5px;background-size:21px auto;-webkit-background-size:21px auto;-moz-background-size:21px auto}
	.cate_06 .tit_category a{background-position:center 5px;background-size:25px auto;-webkit-background-size:25px auto;-moz-background-size:25px auto}
	.cate_07 .tit_category a{background-position:center 1px}
	.cate_08 .tit_category a{background-size:24px auto;-webkit-background-size:24px auto;-moz-background-size:24px auto}
	.cate_09 .tit_category a{background-position:center 2px;background-size:25px auto;-webkit-background-size:25px auto;-moz-background-size:25px auto}
	.cate_10 .tit_category a{background-size:25px auto;-webkit-background-size:25px auto;-moz-background-size:25px auto}
	.cate_11 .tit_category a{background-position:center 3px;background-size:28px auto;-webkit-background-size:28px auto;-moz-background-size:28px auto}
	.cate_12 .tit_category a{background-position:center 6px;background-size:29px auto;-webkit-background-size:29px auto;-moz-background-size:29px auto}
	.cate_13 .tit_category a{background-size:26px auto;-webkit-background-size:26px auto;-moz-background-size:26px auto}
	.cate_14 .tit_category a{background-position:center 5px;background-size:30px auto;-webkit-background-size:30px auto;-moz-background-size:30px auto}
	.cate_15 .tit_category a{background-position:center 4px;background-size:31px auto;-webkit-background-size:31px auto;-moz-background-size:31px auto}
	.lst_category .d2{display:none}
	.wrap_top_section{padding:30px 0 75px}
	.wrap_top_section .inner_static{display:block}
	#top_news{float:none;padding:0 20px 30px;width:auto;border-right:none;border-bottom:1px solid #ccc}
	#top_news .h_group{margin:0 0 30px}
	#top_news .h_group .link_list{display:none}
	#top_news .lst_news{overflow:hidden;margin-bottom:20px;max-height:90px}
	#top_news .lst_news li{margin-bottom:21px}
	#top_news .lst_news .date, #top_news .lst_news .tit{font-size:.75rem}
	#top_news .lst_news .date{width:84px}
	#top_news .lst_news .tit{width:calc(100% - 84px)}
	#top_news .btn_area{text-align:center}
	#top_news .btn_list{display:inline-block;padding:0 25px;height:25px;background:#f60;border-radius:13px;-webkit-border-radius:13px;-moz-border-radius:13px;text-align:center;color:#fff;font-size:.813rem;line-height:25px}
	#top_ranking{float:none;padding:30px 20px 0;width:auto}
	#top_ranking .top_tit{margin:0 0 30px}
	.lst_ranking li{margin-bottom:15px}
	.lst_ranking li:last-child{margin-bottom:0}
	.lst_ranking .image{margin-right:15px;max-width:72px;width:72px}
	.lst_ranking .category{line-height:1.6}
	.lst_ranking .r1, .lst_ranking .r2, .lst_ranking .r3{float:none;margin:0 0 15px 0;width:auto}
	.lst_ranking .r4{clear:none}
	.lst_ranking .r1 .image, .lst_ranking .r2 .image, .lst_ranking .r3 .image{margin:0 15px 0 0;width:72px}
	.lst_ranking .r1:before, .lst_ranking .r2:before, .lst_ranking .r3:before{width:17px;height:17px;background-size:14px auto;-webkit-background-size:14px auto;-moz-background-size:14px auto}

	/* SMART PHONE - footer css */
	#f_banner{padding:30px 0}
	#f_banner .inner_static{overflow:hidden;margin:0 30px}
	#f_banner .lst_banner li{display:none;margin-right:0;width:calc(-6.6666px + 33.333%);text-align:center}
	#f_banner .lst_banner li:nth-child(1), #f_banner .lst_banner li:nth-child(2), #f_banner .lst_banner li:nth-child(3){display:block;margin-right:10px}
	#f_banner .lst_banner li:nth-child(3){margin-right:0}
	#f_banner .lst_banner .image{margin-bottom:3px;width:100%}
	#f_banner .lst_banner .tit{font-size:.625rem}
	.btn_pagetop{right:15px;bottom:auto;top:-35px;width:30px;height:30px;background-size:11px auto;-webkit-background-size:11px auto;-moz-background-size:11px auto}
    .btn_pagetop_bottom{position:fixed;display:block;bottom:10px;top:auto !important}
	#fnb{display:none}
	#f_cr{padding:5px 0;font-size:.625rem}
	
	/* mypage css(pc) */
	#mypage #fnb{display:block}
	#mypage #pp{padding:48px 30px 4px !important}
	#mypage #pp a, #mypage #pp span, #mypage #pp strong{font-size:.813em !important}
	#mypage #pp .gt{padding:0 8px !important}
	#mypage #pagetit{margin:0 0 50px !important;padding:13px 10px 18px !important;font-size:1.313rem !important}
	#mypage #pagetit.s2{margin-bottom:18px !important}
	#mypage #container #snb{display:block !important}
	#mypage #container #content{padding:28px 50px 100px !important;
		flex-basis:calc(100% - 349px) !important;
		max-width:calc(100% - 349px) !important
		}
	
	/* SMART PHONE - sub page common css */
	.sub #spot{margin-top:44px}
	.sub #spot .inner_static{height:48px}
	.sub #search{padding-top:9px}
	.sub #search .bx_search{padding:4px 0;border-width:1px}
	#pp{padding:3px 15px}
	#pp a, #pp span, #pp strong{font-size:.688em}
	#pagetit{margin:0 15px 25px;padding:6px 6px 8px;font-size:.875rem}
	#container #snb{display:none}
	#container #content{padding:17px 0 50px;
		flex-basis:100%;
		max-width:100%
		}
	
	/* SMART PHONE - news css */
	#news #pp{padding-top:3px}
	.news_search{margin:0 25px 15px}
	.news_search .inp_text{padding:0 8px;width:calc(100% - 57px);height:28px;line-height:28px;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px
		}
	.btn_news_search{width:52px;margin-top:0;height:28px;line-height:28px;font-size:.813rem;
		border-radius:2px;
		-webkit-border-radius:2px;
		-moz-border-radius:2px
		}
	#news .lst_news a{position:relative;padding:20px 44px 5px;background:url(../imgs/arr_06.png) no-repeat right 22px center;
		background-size:6px auto;
		-webkit-background-size:6px auto;
		-moz-background-size:6px auto
		}
	#news .lst_news a:hover .tit{color:#f60}
	#news .lst_news .no, #news .lst_news .date, #news .lst_news .tit{font-size:.75rem}
	#news .lst_news .no{position:absolute;left:0;top:0;display:flex;justify-content:flex-end;align-items:center;margin-right:0;padding-right:10px;width:34px;height:44px;text-align:right}
	#news .lst_news .date{position:absolute;left:44px;top:6px;width:75px}
	#news .lst_news .tit{margin-top:0;padding:0;width:100%;font-size:.875rem}
	#news .lst_news .new{position:absolute;left:118px;top:8px;margin-left:0;width:16px;height:8px;
		background-size:16px auto;
		-webkit-background-size:16px auto;
		-moz-background-size:16px auto
		}
	.pagenate{margin-top:20px}
	.pagenate a, .pagenate strong{margin:0 2px;padding:0 8px;height:24px;font-size:.75rem;line-height:24px}
	.pagenate .btn_next{padding:0 13px 0 5px;background-image:url(../imgs/sp_btn_next.png);background-position:right 5px center}
	.pagenate .btn_prev{padding:0 5px 0 13px;background-image:url(../imgs/sp_btn_prev.png);background-position:left 5px center}
	.pagenate .btn_next, .pagenate .btn_prev{
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		background-size:5px auto;
		-webkit-background-size:5px auto;
		-moz-background-size:5px auto
		}
	/*.wrap_news_view{padding:0 20px}*/
	.view_h_group{margin:-8px 0 15px}
	.view_h_group .date, .view_h_group .tit{font-size:.875rem;line-height:1.4}
	.view_h_group .date{margin-bottom:2px;font-size:.75rem}
	.view_puts{padding-bottom:28px}
	.view_puts .cnt{font-size:.875rem;line-height:1.5}
	.view_puts .ins_lst_image{margin-bottom:18px}
	.view_puts .ins_lst_image img{width:100%}
	.btn_list2, .wrap_reg .btn_reg, #view #content .btn_reg{width:175px;height:35px;font-size:.813rem;line-height:35px}
	
	/* SMART PHONE - shop css */
	.lead_id{padding:0 20px 25px;font-size:.75rem}
	.lst_reg{display:block}
	.lst_reg li{display:block}
	.lst_reg .item, .lst_reg .cnt, .lst_reg_terms .item{display:block;padding:16px 0 7px 35px;width:calc(100% - 100px);font-size:.875rem}
	.lst_reg .item{padding-right:65px;border-bottom:none;line-height:18px}
	.lst_reg .cnt{display:flex;padding:0 20px 20px 20px;width:calc(100% - 40px)}
	.lst_reg .ess{right:30px;margin-top:-9px;width:32px;height:18px;font-size:10px;line-height:18px}
	.btn_check, .btn_select{margin-left:12px;width:75px;height:36px;font-size:.813rem;line-height:36px}
	.btn_select{width:98px}
	.inp_text.exp{width:calc(100% - 87px) !important}
	.inp_text.exp2{width:calc(100% - 110px) !important}
	.texa{height:200px}
	.lst_reg_terms{margin-bottom:20px}
	.lst_reg_terms .ins_bx{margin:0 20px;padding:10px 20px;font-size:.75rem;line-height:1.5}
	.check_area{margin-bottom:8px}
	.lab_check_agree{margin-left:10px;font-size:.875rem}
	.lead_agree{margin:0 20px 23px;font-size:.813rem}
	
	/* SMART PHONE - banner css */
	.lst_reg .ins_wrap_checkbox{margin-bottom:10px}
	.lst_reg .ins_wrap_checkbox label{margin-left:12px}
	.sel_opt, .sel_opt_date{background-image:url(../imgs/sp_arr_04.png);background-position:right 15px center;
		background-size:13px auto;
		-webkit-background-size:13px auto;
		-moz-background-size:13px auto
		}
	.sel_opt_date{width:calc(100% - 30px);height:40px;background-position:right 15px center;
		border-radius:6px;
		-webkit-border-radius:6px;
		-moz-border-radius:6px
		}
	.lst_reg .ins_wrap_radio{margin:0;width:33.333%;line-height:40px}
	.lst_reg .ins_wrap_radio label{margin-left:12px}
	.lst_reg .tx1{margin-left:0;line-height:40px}
	.lst_reg .ins_wrap_date label, .lst_reg .ins_wrap_time label{margin-left:0;width:25px;text-align:right;line-height:40px}
	.recaptcha_area{margin-bottom:30px}
	
	/* SMART PHONE - list css */
	#list #container, #view #container{display:block}
	#list #container #snb, #view #container #snb{display:block !important;
		flex-basis:100%;
		max-width:100%;
		border-right:none
		}
	#lst_category_snb > dt a{position:relative;padding:7px 15px;font-size:.813rem}
	.ins_category_snb > li:before{display:none}
	.ins_category_snb > li > a{padding:7px 24px 7px 51px;font-size:.813rem}
    .ins_category_snb > li img{top:5px;max-height:calc(100% - 10px)}
	#lst_category_snb > dt a:after, .ins_category_snb > li > a:after, .d2_lst_category dt a:after{content:"";position:absolute;right:12px;top:11px;width:10px;height:6px;background:url(../imgs/sp_arr_05.png) no-repeat 0 0;
		background-size:10px auto;
		-webkit-background-size:10px auto;
		-moz-background-size:10px auto
		}
	#lst_category_snb > dt.open a:after, .d2_lst_category dt.open a:after{transform:rotate(180deg)}
	.d2_lst_category{font-size:.813rem}
	.d2_lst_category dt a{position:relative;padding:7px 24px 7px 15px}
	.d2_lst_category dd{margin:2px 0 5px}
	.d2_lst_category dd a{padding:4px 5px 4px 20px}
	#list #container #content{padding-right:0;padding-left:0;
		flex-basis:100%;
		max-width:100%
		}
	#pagetit.s3{margin:0;padding:4px 5px 53px;font-size:.813rem}
	#pagetit.s3 .count{font-weight:400;font-size:.875rem}
	#list_option{bottom:15px}
	#list_option a{height:30px;font-size:.688rem;line-height:30px}
	#list_option .sort a{width:56px}
	.dp_number{width:calc(100% - 181px)}
	.sel_dp_number{height:30px;font-size:.688rem;background-image:url(../imgs/sp_arr_04.png);background-position:right 8px center;
		background-size:8px auto;
		-webkit-background-size:8px auto;
		-moz-background-size:8px auto
		}
	#list_option .dp_image a, #list_option .dp_list a{width:32px;
		background-size:12px auto;
		-webkit-background-size:12px auto;
		-moz-background-size:12px auto
		}
	#list_option .dp_list a{
		background-size:12px auto;
		-webkit-background-size:12px auto;
		-moz-background-size:12px auto
		}
	.lst_list > li{margin-top:20px;padding-bottom:10px;width:50%}
	.lst_list > li > a{margin:0 13px 0 26px}
	.lst_list > li:nth-child(even) > a{margin:0 26px 0 13px}
	.lst_list .image{margin-bottom:6px}
	.lst_list .prod_info .name{margin-bottom:5px;font-size:.625rem;line-height:1.4}
	.lst_list .prod_info .detail, .lst_list .prod_info .shop_count{margin-bottom:5px;font-size:.625rem}
	.lst_list .prod_info .jan-code{margin-bottom:3px;font-size:.625rem}
	.lst_list .prod_info .value{margin-bottom:4px;font-size:.938rem}
	.lst_list .prod_info .value .unit{font-size:.688rem}
	#display-list.lst_list{margin-top:5px}
	#display-list.lst_list > li{width:100% !important}
	#display-list.lst_list > li > a{padding:15px 18px 12px 20px}
	#display-list.lst_list .image img{max-width:72px}
	#display-list.lst_list .ins_lst dd{width:calc(100% - 87px);line-height:1.3}
	#display-list.lst_list .prod_info .name{margin-bottom:4px}
	#display-list.lst_list .prod_info .detail{margin-bottom:4px}
	#display-list.lst_list .prod_info .value{position:static;right:auto;bottom:auto;margin-bottom:2px;width:auto}
	#display-list.lst_list .prod_info .shop_count{position:static;right:auto;bottom:auto;margin-bottom:0;width:auto}
	
	/* SMART PHONE - view css */
	.view_prod_info{margin:0 17px 30px}
	.view_prod_info .image{margin-right:10px;width:100px}
	.view_prod_info .ins_lst_info .name{margin:0 0 4px;font-size:.813rem;line-height:1.1}
	.view_prod_info .lst_detail{margin-bottom:5px;font-size:.625rem;line-height:1.1}
	.view_prod_info .lst_detail .detail{margin-bottom:4px}
	.view_prod_info .lst_detail .jan-code{margin-bottom:4px}
	.view_prod_info .lst_detail .code{font-size:.875rem}
	.view_prod_info .lst_detail .value{margin-bottom:4px;font-size:.938rem}
	.view_prod_info .lst_detail .unit{font-size:.688rem}
	.view_prod_info .cnt{margin-bottom:16px;font-size:.813rem;line-height:1.5}
	.view_prod_detail{margin:0 15px 40px}
	.view_prod_detail .cnt{margin-bottom:20px;font-size:.813rem}
	.view_prod_detail .cnt .para_basic{font-size:.938rem;line-height:225px}
	.view_prod_detail .btn_detail{width:auto;
		border-radius:19px;
		-webkit-border-radius:19px;
		-moz-border-radius:19px
		}
	.view_prod_detail .btn_detail span{margin:0 10px;padding:0 24px;height:24px;font-size:.813rem;line-height:24px}
	.wrap_comparison .tit{margin-bottom:20px;font-size:1.125rem}
	.lst_comparison .no, .lst_comparison .shop_name, .lst_comparison .value, .lst_comparison .lst_settlement, .lst_comparison .btn_area{padding-top:7px;padding-bottom:7px}
	.lst_comparison .value{width:20.5%}
	.lst_comparison .btn_area{padding-top:23px;width:40.5%}
	.lst_comparison .lst_settlement{top:7px;padding:0;width:40.5%}
	.lst_comparison .lst_settlement li{margin:0 1px;padding:0 4px;height:13px;line-height:13px}
	.wrap_comparison > .btn_area{margin-top:30px}

	/* SMART PHONE - privacy css */
	.lst_privacy p{font-size:.813rem}
	.lst_privacy dt{font-size:.875rem}
	.lst_privacy dd{font-size:.813rem}
}

@media print ,screen and (max-width:425px){
	#f_banner .lst_banner li{width:calc((100% - 10px) / 2)}
	#f_banner .lst_banner li:nth-child(2){margin-right:0}
	#f_banner .lst_banner li:nth-child(3){display:none}
}

.msg_field{width:calc(100% - 20px);overflow-y:scroll;height:200px;margin-top:30px;box-shadow:1px 0px 10px 1px #ccc;border-radius:5px;padding:10px;line-height:15px}
.msg_field p{line-height:1.5}