@font-face {
    font-family: 'Cafe24Danjunghae';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Danjunghae.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root {
  --main_c : #4e0e6b;
}
:root {
  --main_c2 :#4b0081
}
:root {
  --g_color :#3a3a3a 
}
.fa-classic,.fa-regular,.fa-solid,.far,.fas {  font-family: "Font Awesome 6 Free" !important}


section {position:relative}
.t_color  {color:var(--main_c) !important} 
.t_red  {color:red} 
.b {font-weight:600}
.p_t {/* font-family: 'Cafe24Danjunghae'; */}

.flex {display:flex}
.in {width:100%; max-width:1150px; box-sizing:border-box; padding:0 25px;  margin:0 auto}
.box_100 {width:100%}
.btn_wrap {width:100%; display:inline-block;}

.col-3 div {width:33%}

.ju_sb {justify-content:space-between}
.ju_c {justify-content:center}
.ju_end {justify-content:flex-end}
.a_c {align-items:center}
.a_end {align-items:flex-end}

.s_t {color:#333; font-size:.97em}
.s_t2 {color:#333; font-size:1rem}
.b_t {font-size:1.2em}
.b_t2 {font-size:1.1em}

label.label {background-color:var(--main_c); color:#fff; font-size:13px; display:inline-block;  font-weight:300; padding:3px 12px}


@media screen and (max-width:900px){

   .flex {flex-wrap:wrap}
   .m_flex {flex-wrap:nowrap; width:100%}
   .in {padding:0 4%}
   .s_t {font-size:.93em}
   .m_100 {width:100%}


}


.top_notice_pop {width:100%;  background-color:var(--main_c2); color:#fff; }
.top_notice_pop  .in {position:relative;  align-items:center; height:60px; display:flex; justify-content:center; cursor:pointer;}
.top_notice_pop  .in > div {text-align:center}

#top {width:100%; padding-top:20px; position:relative; z-index:9999999999; border-bottom:1px solid #ddd; background-color:#fff;   }
#top:after {width:100%; height:1px; background-color:#ddd; content:''; position:absolute; top:113px; left:0 }
 
#top  ul {display:flex}
#top  li {margin-left:10px; cursor:pointer}
#top  ul.top_util {justify-content:flex-end; align-items:center; color:#444}
#top  ul.top_util li {font-size:.97em; color:var(--g_color); padding-right:10px; position:relative; }
#top  ul.top_util li:after {content:''; width:1px; height:60%; position:absolute; right:0; top:20%; background-color:#999}
#top  ul.top_util li:last-child  {  padding-right:0}
#top  ul.top_util li:last-child:after {display:none; }
#top  ul.top_util li b {color:var(--main_c); font-weight:600}


#top div.logo {width:30%; display:flex; align-items:center; justify-content:flex-start}

#top h1 {line-height:1; cursor:pointer; letter-spacing:-1px; font-size:1.5em; margin-right:15px}
#top h1:last-child {color:#999}


#top .top_search_wrap .flex {padding:0; justify-content:space-between; align-items:center; }

#top .top_search {border:2px solid var(--main_c); overflow:hidden; box-sizing:border-box;  height:45px; width:450px; display:flex; align-items:center}
#top .top_search input {width:calc(100% - 55px); font-size:.95em;  height:100%; border:none; box-sizing:border-box; padding-left:20px}
#top .top_search input::placeholder {font-size:1em; color:var(--main_c)}
#top .top_search a {width:55px; height:100%;  font-size:23px;  background-color:var(--main_c); display:flex; color:#fff;  align-items:center; justify-content:center; margin-left:auto}

#top  .top_search_wrap  ul.i_list {width:30%; margin-top:7px; justify-content:flex-end }
#top  .top_search_wrap  ul.i_list i {font-size:30px; margin-top:6px}

#top .fixed_cate {display:none; font-size:1.1em; }
#top .fixed_cate span {color:var(--main_c); font-weight:bold;}
 


 
#top ul.i_list li {margin-left:5px;}
#top ul.i_list li.cart_icon {margin-right:7px;  position:relative}
#top ul.i_list li.cart_icon span {width:23px; border-radius:50px; height:23px;  font-size:12px; position:absolute; right:-10px; top:-1px; background-color:var(--main_c); color:#fff; display:flex; align-items:center; justify-content:center }


#top nav {width:100%; box-sizing:border-box; padding:0 0; margin-top:30px; border: }

#top nav ul {width:100%; justify-content:flex-start; padding-left:230px; box-sizing:border-box;   position:relative  }
#top nav ul li {padding:15px 1.5% 15px 1.5%; font-size:1.2em; line-height:1; position:relative;}
 
#top nav ul li a {color:var(--g_color);  }
#top nav ul li a:hover {color:var(--main_c);  text-decoration:underline}
#top nav ul li.cate {position:absolute; left:0; top:0; border-left:1px solid #ddd; border-right:1px solid #ddd; width:200px; padding-left:0; padding-right:0; text-align:center; z-index:999;  cursor:pointer; margin:0; box-sizing:border-box}
#top nav ul li:nth-child(4) a {color:var(--main_c);}
  
#top .top_cate {display:none; width:1100px; background-color:#fff; box-sizing:border-box;  font-size:1rem; height:0; border:1px solid #ddd; position:absolute;   top:49px; left:0;  }
#top .top_cate.active {  height:auto;  display:block}
#top .top_cate ul {justify-content:flex-start; height:auto; padding-left:0}
#top .top_cate ul li {width:100%; box-sizing:border-box; padding:18px; margin:0;  text-align:left; font-size:1rem;  border-right:1px solid #ddd; display:inline-block}
#top .top_cate ul li:last-child {border-right:none}
#top .top_cate ul li b {font-size:1.2em; line-height:30px; color:#333}
#top .top_cate ul li b a {  color:#33}
#top .top_cate ul li > div {margin-top:10px; width:100%; display:inline-block;  }
#top .top_cate ul li > div p {margin-bottom:10px;  }
#top .top_cate ul li > div p a {color:var(--g_color); }
#top .top_cate ul li > div p:hover {text-decoration:underline;  }

#top .top_cate ul li .dep4 p {margin-bottom:7px}
#top .top_cate ul li .dep4 p a {color:var(--g_color); font-size:.93em}
#top .top_cate ul li .dep4  {margin-top:13px; margin-bottom:15px}
#top .cate span {color:var(--g_color);}

#top .top_cate .cate_btn { cursor:pointer; width:200px; color:#fff; text-align:center; box-sizing:border-box; font-size:1.2rem;   line-height:50px; background-color:var(--main_c);  position:absolute; left:-1px; top:-51px; z-index:999}

#top .top_cate.cate_open2   {  position:fixed; top:64px; left:50%; right:auto; transform: translate(-50%, 0);}

.m_top {display:none}
 
 .ballon {
     position: absolute;
    width: 70px;
    height: 25px;
    left: -80px;
    top:-2px;
    background: var(--main_c);
    color: white;
    border-radius: 3px;
	text-align:Center; 
	line-height:25px;
	font-size:14px;
    
}


.ballon:after {
     content:'';
    position:absolute;
    top:50%;
    right:-6px;
    border-left:6px solid var(--main_c);
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    transform:translateY(-50%);
}
@media screen and (min-width:900px){
		#top .top_search_wrap.scroll .fixed_cate {display:flex}
		#top .top_search_wrap.scroll .fixed_cate li {margin-left:15px}
		#top .top_search_wrap.scroll .fixed_cate li  a {color:var(--g_color);}

		#top .top_search_wrap.scroll {position:fixed; top:0; left:0; width:100%; background-color:#fff; border-bottom:1px solid #ddd; z-index:999999999999999999 }
		#top .top_search_wrap.scroll .flex {padding:12px 25px; justify-content:flex-start}
		#top .top_search_wrap.scroll  div.logo {display:none}
		#top .top_search_wrap.scroll  #topsearch {width:30%; margin-left:auto; margin-right:10px;}
		#top .top_search_wrap.scroll .top_search  { width:100%;  height:40px;  }
		#top .top_search_wrap.scroll .top_search  input {padding-left:10px; width:calc(100% - 50px) }
		#top .top_search a { line-height:40px; width:50px }

		#top .top_search_wrap.scroll  ul.i_list {margin-top:0; width:auto; display:flex}
}


@media screen and (max-width:1150px){
	 
	 .ballon {display:none}
	 .top_search_wrap {margin-top:10px; height:47px;}
	 #top:after {top:125px}
	 #top nav ul {padding-left:220px}
	 #top nav ul li {padding:15px 6px 15px 6px; font-size:1.1em; white-space:nowrap}
	 #top .top_cate {width:calc(100vw - 65px); top: 48px; }
	 #top .top_cate ul {padding-left:0; width:100%}
	 #top .top_cate ul li { white-space:normal }
 	 #top .top_search_wrap.scroll {display:none}
 }

@media screen and (max-width:900px){
		.top_notice_pop  .in > div {box-sizing:border-box; padding:0 10px; font-size:15px}

		#top {border-bottom:none; padding-top:10px; display:block;  }
		#top:after {display:none }
		#top .in {padding:0}
		#top .top_search_wrap {height:auto; width:100%; padding:0 4%; box-sizing:border-box}
		#top ul.top_util  {padding:0 4%; box-sizing:border-box}
		#top .top_search_wrap.scroll {top:0; margin-top:0;  padding:10px 4%;  display:block; position:fixed; background-color:#fff}
        
		#top h1 img {width:160px}
 		#top  ul.top_util {font-size:.90em}

		#top nav {display:none}
 		#top .top_search_wrap form {width:100%; order:3; margin-top:10px; }
		#top .top_search {width:100%; height:43px}
		#top .top_search input {width:calc(100% - 50px); padding-left:10px}
		#top .top_search input a {width:50px}
		#top .top_search_wrap ul.i_list {display:flex; margin-left:auto; margin-top:0 }
		#top .top_search_wrap ul.i_list li {margin-left:3px; }
 		#top .top_search_wrap ul.i_list li i { font-size:27px; }
 		#top .top_search_wrap ul.i_list li.m i { font-size:23px; margin-top:3px; margin-left:10px}


}

footer {width:100%; border-top:1px solid #ddd;  color:var(--g_color); margin-top:110px;   padding:0 0 80px 0; box-sizing:border-box; }
footer hr {width:100%; height:1px; background:rgba(255,255,255,.2);  display:inline-block}
footer ul {padding:15px 0; width:100%}
footer ul li { position:relative; display:flex; align-items:center; cursor:pointer; font-weight:400; }
footer ul li:after {content:''; display:inline-block; width:1px; height:14px; background-color:#999; margin:0 13px}
footer ul li:last-child:after {display:none}
 
footer .in {  font-size:.95em; font-weight:300;  line-height:1.5;  }
footer .call {font-size:1.5em; line-height:1; margin-bottom:8px;  font-weight:600}
footer h2 {height:40px; margin-bottom:5px }
footer div.flex {margin-top:20px; justify-content:space-between;}
footer h5 {width:100%; font-size:1em; margin-bottom:5px; font-weight:600; color:#000}
footer .bg_p {background-color:#f5f5f5; margin-top:20px;  text-align:center; padding:5px 15px}

footer .box1 {width:50%; display:inline-block }
footer .box2 {display:inline-block}
footer .box3 {display:inline-block; margin-left:auto}

@media screen and (min-width:900px){
	/* footer div.flex div {display:flex; flex-wrap:wrap; align-content:flex-start} */
	footer .flex {gap:20px}
	footer ul.flex {gap:0}
	footer .copy {  margin-top:15px}
	footer .bg_p {align-self: end;}
    footer .flex.last {display:none}

}
@media screen and (max-width:900px){
		footer {font-size:15px}
		footer ul  {flex-wrap:wrap; }
		footer .in {flex-wrap:wrap; }
		footer .flex div.box1 {width:100%}
		footer .flex div.box2 {width:100%; margin-top:20px}
		footer .flex div.box3 {width:100%; margin-top:20px}
 		
		footer .bg_p {display:inline-block;  margin-top:10px}
		footer .call { margin:8px 0 7px 0;}
		 
		footer .box1 .copy {display:none}
		footer div.flex.last {margin-top:10px}

}

.quick_wrap {position:fixed;  width:95px; right:30px; bottom:30%; z-index:9999; }
.quick_wrap.left { width:110px; right:auto; left:30px; top:27%;  }
.quick { width:100%;  box-sizing:border-box; border-radius:5px;  background-color:#fff; /*  box-shadow:3px 3px 10px rgba(0,0,0,.07);  */ text-align:center;  z-index:99999999999;  }

.quick h4 {font-size:15px; font-weight:500; background-color:var(--main_c); border-radius:5px 5px 0 0; color:#fff; padding:10px; box-sizing:border-box;   white-space:nowrap; }
.quick h4 + div {border:1px solid #ddd; border-top:none; padding:10px 0;}
.quick ul {width:calc(100% - 24px); margin:0 auto;}
.quick ul li {width:100%; margin:5px 0; line-height:0}
.quick ul li img {width:100%}
.quick i {color:#555}

.event_q {bottom:430px;  margin:10px 0; font-size:15px;   border:none; background-color:var(--main_c);  color:#fff; border-radius:5px; padding:20px 10px 15px 10px}
.event_q b {width:100%; display:inline-block;  font-size:22px;  line-height:1.15;}
.event_q a { color:#fff; width:100%;  display:inline-block} 
.event_q.type2 { font-size:18px; font-weight:600; padding:13px  }
.event_q.type2  span {font-weight:600; }
.event_q.type2 a { color:#111; font-weight:600} 

.quick_top { border-radius:50%; margin-top:15px; width:50px; height:50px; display:flex; align-items:center; justify-content:center; background-color:#f2f2f2; color:#111}


@media screen and (max-width:1400px){
  
 .quick_wrap {display:none}
}

a.basic_btn {display:inline-block; background-color:var(--main_c); border:1px solid var(--main_c);   color:#fff;   text-align:center; width:48%; max-width:180px; font-size:1.1em;  line-height:46px; transition: 0.3s ease-in-out; }
a.basic_btn + a.basic_btn {background-color:#fff; border:1px solid var(--main_c); color:var(--main_c);  margin-left:5px}
a.basic_btn:hover {  background-color:#fff; color:var(--main_c);  }
a.basic_btn + a.basic_btn:hover {  background-color:var(--main_c); color:#fff;  }

a.basic_btn2 {display:inline-block; background-color:#333;    color:#fff;   text-align:center; width:50%; max-width:180px; font-size:1.03rem;  line-height:46px; transition: 0.3s ease-in-out; border-radius:3px }


a.list_btn {display:inline-block; margin-top:15px; float:right; border:1px solid #333;  color:#111;   text-align:center; min-width:30px; padding:0 15px; font-size:.95rem;  line-height:33px; }
a.list_btn + a.list_btn {  float:left; background-color:#333; color:#fff; margin-right:5px  }


a.s_btn {display:inline-block; box-sizing:border-box; border:1px solid var(--main_c); color:var(--main_c);   text-align:center; width:70px; font-size:.95em;  line-height:34px; background-color:#fff }
a.s_btn i {margin-right:3px}
a.s_btn2 {display:inline-block; box-sizing:border-box;  border:1px solid var(--main_c); color:var(--main_c);   text-align:center; padding:0 15px; font-size:.95em;  line-height:34px; }
a.s_btn3 {display:inline-block; box-sizing:border-box;  border:1px solid #ddd; color:#333;  border-radius:3px;   text-align:center; padding:0 12px; font-size:.92em;  line-height:30px; }


.arrow { position: absolute; right:0; top:0; width:30px; height:30px; }
.arrow::before {
	position: absolute;
 	 
	content: '';
	width:60%;  
	height: 60%; 
	border-top: 2px solid #555; 
	border-right: 2px solid #555; 
} 

 

 
.arrow::before { transform: rotate(45deg); left:0; top:5px }

a.t_link:hover {text-decoration:underline}

.basic_label  {display:inline-block;  font-size:15px; font-weight:400;  border:1px solid var(--main_c);  color:var(--main_c); padding:4px 15px; }
.basic_label2  {display:inline-block;  font-size:14px; font-weight:400;  border:1px solid var(--main_c);  color:var(--main_c); border-radius:50px;  padding:3px 8px; }


.tab {display:flex; width:100%; position:relative; margin-bottom:20px;   background-color:#f5f5f5;  }
.tab:after {content:''; width:100%; height:1px; background-color:var(--main_c); position:absolute; bottom:0px; left:0}
.tab li {width:50%; font-size:1.1em; text-align:center; line-height:35px; padding:5px 20px; position:relative; z-index:99; cursor:pointer}
.tab li a {width:100%; display:inline-block}
.tab li.on {background-color:var(--main_c); color:#fff}
.tab li  a {color:#222}
.tab li.on a {color:#fff}

.tab2 {display:flex; flex-wrap:wrap; width:100%; position:relative; }
.tab2 li { border:1px solid #ddd; padding:5px 10px; margin-bottom:5px; border-radius:3px; margin-right:5px; position:relative; z-index:99; cursor:pointer}
.tab2 li.ov { border:1px solid var(--main_c); background-color:var(--main_c); color:#fff}
.tab2 li.ov a {  color:#fff}



select {border:1px solid #ddd; padding:5px 10px 5px 2px; font-size:.96rem; }

.bg_box {background-color:#f9f9f9; box-sizing:border-box; padding:15px}
.bg_box2 {background-color:#fff; border:2px solid #d4d4d4;  box-sizing:border-box; padding:15px}
.bg_box2 h4 {font-weight:500}
.bg_box3 {background-color:var(--main_c); color:#fff; line-height:1.4; font-size:1.05em; text-align:center; box-sizing:border-box; padding:15px}

 @media screen and (max-width:900px) {

	.tab li {font-size:1em}

	a.list_btn {font-size:14px }
	.basic_label  { font-size:14px; padding:2px 7px;  background-color:#fff; z-index:9}



}
.slide_button_wrap {width:100%; position:absolute;   top:55%; left:0}
.swiper-button-next, .swiper-button-prev { position: absolute;  background-color:#fff;  box-shadow:2px 2px 10px rgba(0,0,0,.13); border-radius:50%; width:50px; height:50px;   }
.swiper-button-next::after, .swiper-button-prev::after {
	position: absolute;			 
	content: '';
	width: 27%;  
	height: 27%; 
	border-top: 2px solid #555; 
	border-right: 2px solid #555; 
} 



.swiper-button-prev { left:0;  }
.swiper-button-next { right:0; }
.swiper-button-prev::after { transform: rotate(225deg); left: 39%; }
.swiper-button-next::after { transform: rotate(45deg);  right: 39%; }


ul.product_list {display:flex; flex-wrap:wrap; gap:30px 2.6%; }
ul.product_list li { width:23%; cursor:pointer; position:relative}
ul.product_list li:nth-child(n+5) {margin-top:30px}
ul.product_list li .photo { width:100%; padding-bottom:100%; overflow:hidden; position:relative; display:inline-block; }
ul.product_list li .photo .blur { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,.5); filter: blur(6px);}
ul.product_list li .sold_out { width:100%; height:100%; display:flex; align-items:center; justify-content:center;  position:absolute; left:0; top:0; background:rgba(0,0,0,.5); color:#fff}
ul.product_list li span.label  {display:inline-block;  font-size:13px; padding:3px 6px; font-weight:400;  border:1px solid var(--main_c); border-radius:0; color:var(--main_c);  margin-top:4px}


/* ul.product_list li span.label:nth-child(2n) {background-color:var(--main_c); color:#fff}
 */
ul.product_list li .photo span.label {position:absolute; right:0; top:0; margin-top:0; background-color:var(--main_c); color:#fff}
ul.product_list li span.label_color1 {border:1px solid red; color:red}
ul.product_list li span.label_color2 {border:1px solid #de4463; color:#de4463}
ul.product_list li span.label_color3 {border:1px solid #4e0f6a; color:#4e0f6a}
 
ul.product_list li .photo span.color2 { background:var(--main_c);  border:1px solid var(--main_c)  }

ul.product_list li .photo.write_hover:hover:after {content:'리뷰쓰기'; background:rgba(0,0,0,.8); width:100%; height:100%; display:flex; align-items:center; justify-content:center; position:absolute; left:0; top:0; color:#fff}

ul.product_list li span.cart  {font-size:30px; width:50px; height:50px; border:1px solid #ddd;  display:flex; align-items:Center; justify-content:center; font-weight:400; background-color:#fff; color:#555;  position:absolute; right:0; top:0; z-index:999}
ul.product_list li span.del  {font-size:20px; width:50px; height:50px; border:1px solid #ddd;  display:flex; align-items:Center; justify-content:center; font-weight:400; background-color:#fff; color:#555;  position:absolute; right:0; top:0; z-index:999}
ul.product_list li span.del a  { width:100%; height:100%; display:inline-block; display:flex; align-items:Center; justify-content:center; }

ul.product_list li div.time  {font-size:25px; width:100%; height:100%; background:rgba(0,0,0,.7); display:flex; align-items:Center; justify-content:center; text-align:center;  font-weight:400; color:#fff;  position:absolute; font-weight:600;right:0; top:0; z-index:9999}
ul.product_list li div.time2  {font-size:16px; width:100%;  height:45px; background:rgba(0,0,0,.7); display:flex; align-items:Center; justify-content:center;  font-weight:400; color:#fff;  position:absolute; right:0; bottom:0; z-index:9999}
ul.product_list li div.time2 b {font-size:21px; font-weight:600; vertical-align:-1px}
ul.product_list li div.time i {font-size:40px}

 

.heart{
  width:50px;
  height:50px;
   background-color:#fff;
   border:1px solid #ddd; 
   right:0; top:0; 
 
  position:absolute;
   z-index:999999; 
   
	}
  
.heart svg path { fill:#ddd; } 
.heart.happy svg path { fill:var(--main_c) } 
 
ul.product_list li h4 {font-size:1.1em; margin-bottom:7px; margin-top:10px; font-weight:500;color:var(--g_color) }
ul.product_list li a h4 {color:var(--g_color)}
ul.product_list li span.tag { font-size:.9em; font-weight:400; color:var(--main_c); display:inline-block}
 
ul.product_list li div.list_cart {margin-top:15px; border:1px solid #ddd; display:flex; align-items:center; justify-content:center; padding:5px; box-sizing:border-box; font-size:15px; gap:3px}
ul.product_list li div.list_cart p {  padding-right:10px; position:relative; display:inline-block; }
ul.product_list li div.list_cart p i {font-size:30px; }
ul.product_list li div.list_cart p span {width:21px; border-radius:50px; height:21px;  font-size:11px; position:absolute; right:0; top:-1px; background-color:var(--main_c); color:#fff; display:flex; align-items:center; justify-content:center; z-index:99 }


 @media screen and (max-width:900px) {
		ul.product_list {  gap:2%; }
		ul.product_list li { width:49%; }
		ul.product_list li:nth-child(n+3) {margin-top:30px}

 		ul.product_list li span.cart  {width:40px; height:40px;  }
		ul.product_list li span.del  {  width:40px; height:40px; }

		ul.product_list li div.time  {font-size:19px; }

		ul.product_list li div.time2  {font-size:15px;  height:66px;  }
		ul.product_list li div.time2 b {font-size:18px; display:inline-block; width:100%;}


		.heart { width:40px; height:40px; }

 
}


ul.review_list {display:flex; width:100%;  gap:3%}
ul.review_list li { width:23%; display:flex; flex-wrap:wrap; cursor:pointer}
ul.review_list li .photo {width:100%; padding-bottom:100%; border-radius:5px;   display:inline-block; margin-bottom:20px}
ul.review_list li h4 {width:100%; order:1; font-size:1.2em; margin-bottom:7px }
ul.review_list li p.name {color:#333; width:100%;  order:3;}
ul.review_list li p.name span {font-size:12px}
ul.review_list li p.t {width:100%; order:2;  color:#222; line-height:1.4;  padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ddd;}
ul.review_list li p.star {width:100%; order:4; margin-top:5px; text-align:left; font-size:14px; color:var(--main_c);}



.pay {margin-top:10px}
.pay span.t1 {text-decoration:line-through; font-size:.93em;  color:#999}
.pay span.t2 {color:var(--main_c);  font-size:1.1em; font-weight:500}
.pay span.t3 {color:#222; font-size:1.1em; font-weight:500;   }

@media screen and (max-width:900px) {
		.pay span.t2 {  font-size:1.15em;}
		.pay span.t3 { font-size:1.15em;}

		ul.review_list {  flex-wrap:wrap; gap:0; justify-content:space-between}
		ul.review_list li { width:48%; position:relative}
		ul.review_list li:nth-child(n+3) {margin-top:20px}
		ul.review_list li h4 {  font-size:1.1em;   }
		ul.review_list li p.name {width:100%}
		ul.review_list li p.star {width:100%; text-align:left; font-size:13px; margin-top:5px}
}


table caption {display:none}
table.basic {width:100%}
table.basic th {border:1px solid #ddd; padding:10px; font-weight:500; background-color:#333; color:#fff}
table.basic td {border:1px solid #ddd; padding:10px; text-align:center}
table.basic td a:hover {text-decoration:underline}

.basic_list li {display:flex; margin-bottom:2px; color:#222}
.basic_list li:before {content:'-'; margin-right:5px}

ul.basic {width:100%;}
ul.basic > li {display:flex; margin-bottom:3px; }
ul.basic > li:before {content:'·'; flex-shrink:0;  margin-right:10px; box-sizing:border-box; border-radius:50%; }


@media screen and (max-width:900px) {
		table.basic tr.m td:first-child  {border-top:1px solid #333}
		table.basic tr.m td {border:none; border-bottom:1px solid #ddd; padding:13px 0; color:#555 }
		table.basic tr.m td h3 {  margin:5px 0; font-size:1.03em}
		table.basic tr.m td h3 a {  font-weight:500; }
		table.basic tr.m td h3 a {color:#333;  }

}






.info_text  {font-size:1em; color:#333; line-height:1.5;  }
.info_text h4 {font-size:1.2em; margin-top:20px; margin-bottom:5px; display:inline-block; width:100%  }
.info_text ul {width:100%; display:inline-block; background-color:#f5f5f5; box-sizing:border-box; padding:20px  }
.info_text ul li {margin-bottom:2px}

 .number_list li {  list-style:decimal; width:calc(100% - 20px); margin-left:20px}
.bar_list li {display:flex; width:100%}
.bar_list li:before {content:'-'; margin-right:5px}