/* *{margin:0;padding:0;} */
a{text-decoration:none;}
li{list-style:none;}
img{border:none}
.nomargin{margin:0 !important;}
.noborder{border:none !important}
.clearfix{*zoom:1}
.clearfix:after{clear:both;display:block;content:'';}
.fl{float:left;}
.fr{float:right;}

/*¸ð¹ÙÀÏ ¹öÀü ¸Þ´º ³ªÅ¸³¿*/
.menu_content{
display:block;
}
.dimmed{
display:block;
}
.m_header{
display:block;
}
/*PC ¹öÀü ¸Þ´º ¾ø¾Ú*/
.pc_header{
display:none;
}
.shadow_m{
-webkit-box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 3px 11px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 3px 11px 0px rgba(50, 50, 50, 0.5);
}

/*hamburger and hamburger header*/
.m_menu{
width:100%;
position:fixed;
z-index:2;
background-color:#fff;
transition:0.7s all
}
.ham_wrap{
display:table;
width:100%;
}
.hamburger,.right_btn{
display:table-cell;
height:70px;
vertical-align:middle;
}


/*hamburger width & color*/
.hamburger a{
padding-top:6px;
display:block;
width:27px;
}
.hamburger div{
background-color:#666;
margin:0 0 8px 5px;
height:1px;
width:100%;
}

/*right_btn*/
.right_btn{
text-align:right;
}
.right_btn li{
float:right;
}

/*logo img*/
.mlogo img{
width:120px;
position:fixed;
z-index:1;
left:50%;
margin-left:-60px;
top:8px;
max-height:80px
}

/*dimmed*/
.dimmed{
width:100%;
height:100%;
display:none;
overflow:hidden;
position:fixed;
top:0;
left:0;
z-index:1009;
background-color:rgba(0,0,0,0.5);
}

/*side menu*/
.close_ham{
font-size:16px;
font-weight:400;
z-index:10;
float:right;
background-color:;
border-radius:5px;
padding:5px 10px;
text-align:center;
color:#fff;
margin-right:10px;
margin-top:5px;
width:13px;
position:absolute;
right:0;
}
.close_ham img{
width:100%;
}
.close_fixed{
position:fixed;
right:10px;
top:5px;
margin-right:0px;
margin-top:0px;
}

/*¸Þ´º ¹è°æ»ö*/
.menu_content{
height:100%;
width:80%;
background-color:#fff;
position:fixed;
left:-100%;
overflow-y:scroll;
-webkit-overflow-scrolling: touch;
overflow-x:none;
z-index:9999;
visibility: visible

}

/*depth1 menu*/
.d1_el{
border-bottom:1px solid #ebebeb;
}

.d1_el h2 a{
display:block;
font-size:16px;
color:#333;
font-weight:400;
padding:10px 0 10px 5px;
background:url(/img/arrow2.png) 96% 13px no-repeat;
background-size:20px;
}
.open_menu h2{
background-color:#5eb7e8;
}
.open_menu h2 a{
color:#fff !important;
background:url(/img/arrow0.png) 96% 13px no-repeat;
}

/*depth2 menu*/

.m_menu_d2 li{

}
.m_menu_d2 li a{
padding:10px 0 10px 19px;
font-size:14px;
line-height:30px;
color:#444;
}


/*main_contents*/
/*m_menu height = hp_content padding-top*/
.openw{
position: static;
left: 0;
top: 0;
width: 100% !important;
height: 100% !important;
overflow-y: hidden !important;
-webkit-pointer-events: none !important;
-webkit-overflow-scrolling: none !important;
z-index: -1 !important;
}
.hp_content{
padding-top:70px;
width:100%;
}
.hp_content_pos{
position:relative;
overflow:hidden;
}

/*¸Þ´º ÅØ½ºÆ® Á¦ÇÑ*/
.d1_el h2 a, .d2_el a {
	display:block;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
}

/*¼îÇÎ¸ô*/

/*Àå¹Ù±¸´Ï¹öÆ° -¸ÞÀÎÇì´õ*/
.cart_btn{
margin-top:11px;;
}
.cart_btn img{
width:40px;	
}
.mobile_top{
border-top:1px solid #eee;
}
.mobile_top li{
float:left;
box-sizing:border-box;
border-right:1px solid #eee;
border-bottom:1px solid #eee;
width:50%;
background-color:#FFF;
}
.mm_ttl{
text-align:center;
font-size:16px;
font-weight:400;
padding:10px 0 8px;
color:#333;
}
.mobile_top li:nth-child(2),
.mobile_top li:nth-child(4){
border-right:none;
}
.mobile_top li a{
display:block;
padding:10px 0;
font-size:15px;
color:#252525;
}
.mobile_top li img{
width:35px;
float:left;
display:block;
margin-right:10px;
margin-left:5px;
margin-top:-5px;
}
.m_menu_d1{
border-top:1px solid #eee;
}

.open_menu .m_menu_d2{
background-color:#f5f5f5;
}
.line_ptt{
width:20px;
height:2px;
margin:0 auto 15px;
background-color:#666;
}
.search_mwrap{
width:80%;
margin:12px auto;
border:1px solid #333;
}
.m_shop_search{
width:79%;
height:30px;
border:none;
}
.search_imgm{
display:block;
float:right;
width:20%;
}
.search_imgm img{
width:30px;
margin:0 auto;
display:block;
}
.mssmenu_header{
background-color:#222;
height:40px;
}


/*008 ¸ð¹ÙÀÏ ½ºÅ² ÄÁÅÙÃ÷ ³»¿ë °ü·Ã*/

.blacktop{
background-color:#333;
}

.blacktop li{
width:25%;
float:left;;
}
.blacktop li a{
display:block;
text-align:center;
color:#fff;
font-size:14px;
line-height:43px;
}
.fir_main_menu{
border-bottom:1px solid #333;
}

.fir_main_menu li{
width:33.3%;
float:left;
border-bottom:1px solid #eee;
}
.fir_main_menu li a{
width:97%;
background-color:#FFF;
margin:0 auto;
text-align:center;
font-size:14px;
display:block;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
word-wrap: normal !important;
line-height:40px;
height:40px;
color:#222;

}



/* ¸ÞÀÎÀÌ¹ÌÁö*/
.m_visual{
	width:100%;
}

/* ¼­ºêÆäÀÌÁö Å¸ÀÌÆ² */
.path_ttl{
border-bottom:1px solid #d2d2d2;
width:96%;
margin:30px auto 12px;
}

.path_ttl p{
font-size:35px;
font-weight:450;
padding-left:6px;
}

.path_ttl span{
font-size:15px;
font-weight:450;
padding-left:6px;
}

/*°Ô½ÃÆÇ Å¸ÀÌÆ²*/
.mo_ttl{
width:96%;
margin:30px auto 12px;
}

.mo_ttl p{
font-size:20px;
font-weight:450;
float:left;
padding-left:6px;
padding-bottom:8px;
}

.mo_ttl a{
position:relative;
font-size:13px;
float:right;
font-weight:400;
padding-right:6px;
color:#444;
top:8px;
}

/*¼îÇÎ »óÇ° °¶·¯¸® ³ëÃâ*/
.shop_list {
width:97%;
margin:0 auto 30px;
}
.shop_list>ul>li{
float:left;
width:31%;;
margin-right:3%;
margin-bottom:3%;
}

.shop_list>ul>li:nth-child(3n+3){
	margin:0 !important;
}

.shop_list>ul>li:nth-child(3n+4){
	clear:both;
}


.shop_list ul li .pd_thum{
/*border:1px solid #d2d2d2;*/

}
.shop_list ul li .pd_thum img{
	width:100%;
	height:100%;
}

/*±â°£»óÇ°*/
.shop_list2 {
width:97%;
margin:0 auto 30px;
border-bottom:2px solid #eeeeee;
padding-bottom:30px;
}
.shop_list2>ul>li{
float:left;
width:100%;;
}
.shop_list2 ul li .pd_thum2{
/*border:1px solid #d2d2d2;*/

}
.shop_list2 ul li .pd_thum2 img{
	width:100%;
}

.pd_deco2{
width:97%;
}
.pd_deco2 li{
width:31%;
margin-right:2%;
float:left;
}
.pd_deco2 li img{
width:100%;
}

.pd_ttl{
margin-top:8px;
color:#333;
font-size:13px;
text-align:center;
}
.pd_price{
text-align:center;
font-weight:500;
color:#222;
margin-top:4px;
font-size:13px;
}
.pd_deco{
margin:5px auto 0;
width:97%;
}
.pd_deco li{
width:31%;
margin-right:2%;
float:left;
}
.pd_deco li img{
width:100%;
}


/*ÇªÅÍ*/
.mo_footer{
background-color:#fff;
}
.footer_con1{
border-top:1px solid #a1a1a1;
border-bottom:1px solid #a1a1a1;
padding:10px 0;
}

/*°í°´¼¾ÅÍ*/
.footer_con1>div{
float:left;
padding:10px;
width:50%;
box-sizing:border-box;
}
.mo_cc{
border-right:1px solid #eee;
font-size: 16px; 
font-size: 3vw;
min-height:98px;
}
.mo_cc_ttl,.mo_bank_ttl{
font-weight:400;
color:#333333;
margin-bottom:5px;
font-size:4vw;
}
.mo_cc_phone{
color:#333333;
font-weight:500;
margin-bottom:8px;
font-size: 4vw;
line-height: 4vw;
}
.mo_work,.mo_cc_notice{
margin-bottom:5px;

}

/*ÀºÇàÁ¤º¸*/
.mo_bank{
font-size: 16px; 
font-size: 4vw;
}
.acc_btn{
position:relative;
width:100%;
}
.bank_more{
position:relative;
display:none;
font-weight:400;
overflow-y:scroll;
}
.m_acc_1,.m_acc_1 p{
font-size:12px;
text-align:center;
}
.bank_swrap{
margin:8px 0;
}
.bank_ttl{
float:left;
color:#333333;
font-size:4vw;
}
.bank_btn{
float:right;
bottom:0;
right:6px;
position:absolute;
color:#0a60ad
height:100px;
font-size:12px;
}

.mo_account{
color:#333333;
font-size:4vw;
margin-bottom:8px;
clear:both;
}

.bank_n,.acc_m{
margin-bottom:5px;
font-size:3vw;
}


/*°³ÀÎÁ¤º¸Ãë±Þ¹æÄ§ ect*/
.footer_con2{
padding:5px 0;
}

.footer_con2 p{
text-align:center;
padding:1% 0;
}
.footer_con2 p>span{
font-size:11px;
margin-right:10px;
color:#fff;
}
.footer_con2 span>span{
margin-left:10px;
color:#666;
}
.footer_con2 span a{
color:#666;
}

/*ÇªÅÍ ÇÏ´ÜÁ¤º¸¿µ¿ª*/
.footer_con3{
padding:1%;
}
.f_info{
font-size:0.8em;
line-height:1.5em;

}
