.line_text a{
	text-decoration: underline!important;
	color: #000;
	font-weight: bold;
	background-color: rgba(0,0,0,0.00);
	display: inline;
}
.line_botan > a{
	background: #03c403!important;
	display: flex!important;
	align-items: center!important;
	border-radius: 5px;
	max-width: 200px;
}	

.line_botan > a:hover{
	text-decoration: none;
	opacity: 0.8;
}

.line_botan > a span{
	color: #fff;
}
.line_botan span.line_text{
	display: block;
	padding-top: 4px;
}
#nav_header_sp {
    font-size: 87%;
}
#nav_header_sp .menugroup {
    width: 100%;
    padding: 2% 0 2% 0;
    display: table;
    table-layout: fixed;
}
#nav_header_sp .menugroup.fixed{
	position:fixed;
	top:0;
	background:#fff;
	z-index: 1;
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
	transition: all .3s ease-in-out;
}
#nav_header_sp .menugroup a{
	width: 11%;
    display: table-cell;
}
#nav_header_sp .menugroup a span {
    display: block;
    height: 20px;
}
#nav_header_sp .menugroup .hamburger{
	background: url(/user_data/packages/default/smart/img/header_footer/hamburgers.svg) no-repeat center center;
	background-size: 32px 32px;
	padding-bottom: 15px;
}
#nav_header_sp .menugroup h1{
	width: 100%;
    background: url(/user_data/packages/default/img/header/logo.svg) no-repeat center -8px;
    background-size: 36%;
    display: inline-block;
  padding: 3% 0 0;
}
#nav_header_sp .menugroup h1 a{
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#nav_header_sp .icons.hanger:before{
	background-image:url(/user_data/packages/default/smart/img/header_footer/hanger.svg);
}
#nav_header_sp .icons.category:before{
	background-image:url(/user_data/packages/default/smart/img/header_footer/category.svg);
}
#nav_header_sp .icons.tag:before{
	background-image:url(/user_data/packages/default/smart/img/header_footer/tag.svg);
}
#nav_header_sp .icons.new:before{
	background-image:url(/user_data/packages/default/smart/img/header_footer/new.svg);
}
#nav_header_sp .icons.rank:before{
	background-image:url(/user_data/packages/default/smart/img/header_footer/rank.svg);
}
#nav_header_sp .icons.book:before{
	background-image:url(/user_data/packages/default/smart/img/header_footer/book.svg);
}
#nav_header_sp .icons.camera:before{
	background-image:url(/user_data/packages/default/smart/img/header_footer/camera.svg);
}
#nav_header_sp .icons.colors:before{
	background-image:url(/user_data/packages/default/smart/img/header_footer/color.svg);
}
#nav_header_sp .header_nav{
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #E5E5E5;
	border-width: 1px 0;
	text-align: center;
}
#nav_header_sp .header_nav li{
	width: 20%;
	padding: .5% 0;
}
#nav_header_sp .header_nav li .desc{
	font-size: 85%;
}
#nav_header_sp .header_nav li .thumbs img{
    width: 38%;
}
#nav_header_sp .header_link {
    text-align: right;
}
#nav_header_sp .header_link a {
    color: #007EBE;
    position: relative;
    padding: 2% 4% 0 0;
    display: block;
}
#nav_header_sp .header_link a:before {
    content: '';
    position: absolute;
    border-width: 5px;
    border-color: transparent transparent transparent #007EBE;
    border-style: solid;
    width: 0;
    height: 0;
    top: 50%;
    right: -1px;
    margin-top: -2px;
}
#nav_header_sp .header_link a:after {
    content: '';
    position: absolute;
    border-width: 5px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    width: 0;
    height: 0;
    top: 50%;
    right: 0;
    margin-top: -2px;
}

/* dummy */
.dummy{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color:rgba(0,0,0,.5);
	z-index: 100;
	cursor: pointer;
}
.dummy:after{
	content:"";
	display:inline-block;
	width:32px;
	height:32px;
	background-image:url(/user_data/packages/default/smart/img/header_footer/cross.svg);
	background-size:contain;
	top:2%;
	right:3%;
	position: absolute;
	cursor: pointer;
}
/* dropdownmenu */
.dropdownmenu{
	display: none;
	width:85%;
	height:100%;
	position:fixed;
	top: 0;
	right: 15%;
	z-index: 999;
	overflow: auto;
}
.dropdownmenu > li{
	font-size: 120%;
}
.dropdownmenu > li a{
	display:block;
	border-bottom:1px solid #ddd;
	padding:4% 2% 4% 4%;
	background: #fff url(/user_data/packages/default/smart/img/header_footer/arrow_d.svg) 97% center no-repeat;
	background-size:3%;
}

.dropdownmenu .listgroup.green a{
	background: #ebfff4 url(/user_data/packages/default/smart/img/header_footer/arrow_e.svg) 97% center no-repeat;
	background-size:3%;
}
.dropdownmenu .kaiin_menu a{
	background-color: lightpink;
}
.dropdownmenu .login_menu a{
	background-color: #ffe8f3;
}
.dropdownmenu .customer_guide{
	background: #F3F3F3;
	padding: 5% 5% 8%;
}
.dropdownmenu .customer_guide ul{
	font-size: 85%;
    text-align: left;
    padding: 0;
}
.dropdownmenu .customer_guide .notes li{
	margin: 2% 0 0;
}
.dropdownmenu .customer_guide .notes li:first-child{
	margin: 0;
}
.dropdownmenu .customer_guide .notes a{
	color: #007EBE;
    font-weight: bold;
    background: none;
    border: none;
    padding: 0
}
.dropdownmenu .customer_guide .coloumn_02{
    margin: 5% 0 0;
	display: flex;
	flex-wrap: wrap;
}
.dropdownmenu .customer_guide .coloumn_02 li{
	width: 48%;
    margin: 0 4% 0 0;
}
.dropdownmenu .customer_guide .coloumn_02 li:nth-child(even){
    margin: 0;
}
.dropdownmenu .customer_guide .coloumn_02 a{
	background: #F3F3F3 url(/user_data/packages/default/smart/img/header_footer/arrow_d.svg) 97% center no-repeat;
    background-size: 6%;
    padding: 8% 4%;
    border-bottom: 1px solid #ddd;
}
.dropdownmenu .customer_guide .coloumn_02 li:first-child a,
.dropdownmenu .customer_guide .coloumn_02 li:nth-child(2) a{
	border-top: 1px solid #ddd;
}


@media only screen and (min-width: 768px) {
#nav_header_pc{
    font-size: 90%;
}
#nav_header_pc .header_banner{
    text-align: center;
}
#nav_header_pc .header_banner a{
	display: block;
}
#nav_header_pc .pc_inner_a{
    padding: 2% 4% 4%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	justify-content: center;
}
#nav_header_pc .pc_inner_a .logo{
	width: 25%;
}
#nav_header_pc .pc_inner_a .box{
	width: 77%;
}
#nav_header_pc .pc_inner_a .box .header_delivery{
    text-align: right;
    color: #67c567;
    font-weight: bold;
}
#nav_header_pc .pc_inner_a .box .header_delivery .big {
    font-size: 120%;
}
#nav_header_pc .pc_inner_a .header_btn{
    font-size: 90%;
    text-align: right;
    margin: 1% 0 0;
}
#nav_header_pc .pc_inner_a .header_btn li{
	margin: 0 .5% 0 0;
    display: inline-block;
    text-align: center;
    letter-spacing: 0;
}
#nav_header_pc .pc_inner_a .header_btn li:last-child{
	margin: 0;
}
#nav_header_pc .pc_inner_a .header_btn li a{
    border-radius: 3px;
    padding: 5px 10px 5px 15px;
    background: #9c9c9c;
    color: #fff;
	display: block;
}
#nav_header_pc .pc_inner_a .header_btn li a:after {
    font-family: FontAwesome;
    content: "\f054";
    color: #d8d8d8;
    display: inline-block;
    margin: 0 0 0 5px;
    font-size: 80%;
}
#nav_header_pc .pc_inner_b ul{
    display: flex;
    flex-wrap: wrap;
    background: #eee;
}
#nav_header_pc .pc_inner_b ul li{
    width: 12%;
    text-align: center;
    border-left: 1px solid #fff;
}
#nav_header_pc .pc_inner_b ul li.long_text{
    width: 14%;
}
#nav_header_pc .pc_inner_b ul li:first-child{
	border: none;
}
#nav_header_pc .pc_inner_b ul li a{
	display: block;
    padding: 15px 5px;
}
}


@media only screen and (min-width: 992px) {
#nav_header_pc .pc_inner_a{
	width: 940px;
    margin: 0 auto;
    padding: 25px 45px;
}
#nav_header_pc .pc_inner_b{
    background: #eee;
}
#nav_header_pc .pc_inner_b ul {
    margin: 0 auto;
    width: 940px;
}
#nav_header_pc .pc_inner_b ul li,
#nav_header_pc .pc_inner_b ul li.long_text{
    width: 12.5%;
}
#nav_header_pc .pc_inner_b ul li:first-child{
    border-left: 1px solid #fff;
}
#nav_header_pc .pc_inner_b ul li:last-child{
    border-right: 1px solid #fff;
}
}