/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/**/

h1.subtitle{
 font-size:2.6rem;
 line-height:2;
}
h1.subtitle,h2.subtitle,h3.subtitle {
    margin-bottom: 2.5em !important;
}
h1.subtitle span,h2.subtitle span,h3.subtitle span {
   background: url(/html/user_data/h_line1.png) no-repeat bottom center transparent;
    padding: 10px;
}

/** top page **/
#iten-list {
    margin-bottom: 2.5em;
}

#page_homepage img.frame {
    border:none;
}

/*footer category*/
#footer{    border-top: 1px dashed #e8e8e8;}
#footer-category {
margin-top:3em;
/*padding-bottom:1em;*/
}

#footer-category h3{
text-align:center;
}
#footer-category ul>li {
    font-weight: bold;
    text-align: left;
    display:block
}
#footer-category ul>li:first-child {
    margin-bottom: 15px;
}
#footer-category ul>li>a {
  /*  background: url(/html/user_data/h_line2.png) no-repeat bottom center transparent;*/
    padding: 0 5px 3px 3px;
}
#footer-category ul>ul>li {
        font-weight: normal;
    display: block;
    border-bottom: none;
    list-style-type: circle;
    margin-left: 0px !important;
    list-style: circle;
}
#footer-category ul>ul>li:first-child {
    margin-bottom: 8px;
}
#footer-category ul>ul>li>a {
    border-bottom: none;
}

/** search-box **/
#search-wrap{
    float:right
}

.search .bt_search {
    margin-top: 0px;
}
.search input[type="search"] {
    height: 45px;
max-width: 155px;
}

.search .input_search {
    height: 45px;
    border: 1px solid #ececec;
    padding-right: 40px;
    background: white;
    border-radius: 4px;
}

#additional_nav li a:hover {
    color: #0092C4;
}

#additional_nav li a {
    font-size: smaller;
    color: #333333;
}
#additional_nav li:before {
    content: "▶";
    font-size: 6px;
    margin-right: 5px;
}

/* ssl seal**/
#header #cart_area .ssl{
	display:none;
}
@media only screen and (min-width: 768px){
#header #cart_area .ssl{
	display:block;
}
#footer .ssl{
	display:none;
}
}

/*** nav icons ***/
/*.category-nav>li:first-child{
    background: url(/html/user_data/nav/i-suppliment.png) no-repeat center left transparent;
    padding-left: 22px;
}
.category-nav>li:nth-child(2){
    background: url(/html/user_data/nav/i-natural.png) no-repeat center left transparent;
    padding-left: 19px;
}
.category-nav>li:nth-child(3){
    background: url(/html/user_data/nav/i-care.png) no-repeat center left transparent;
    padding-left: 14px;
}
.category-nav>li:last-child{
    background: url(/html/user_data/nav/i-cosme.png) no-repeat center left transparent;
    padding-left: 15px;
}*/

/* nav click無効化 
.category-nav>li:first-child>a{
pointer-events: none;
}*/

.product_page .item_comment {
    margin: 0 0 8px;
    color: #13ad54;
    font-weight: bold;
    font-size: 18px;
}

@media only screen and (min-width: 768px) {
    #global_navi{
        clear:both;
        padding: 0 1.5em 0 0.5em;
       /* height: 80px;*/
        background: rgba(244, 247, 246, 0.61);
    }
    #globalnav-fix{
        background: rgba(244, 247, 246, 0.61);
    }

    #additional_nav {
    float: right;
    margin: 8px 0 8px 8px;
}
    
    #header #category {
       padding: 11px 5px 0 0;
    }

    #header .category-nav {
        border-top: none;
        border-bottom: none;
        text-align: center;
    }

    #category {
        float: left;
        clear: none;
    }
    #header .header_logo_area {
        height:140px;
    }
    #header .header_bottom_area {
        clear:none;
        padding-top: 10px;
    }
    #member {
    top: 0;
    position: absolute;
    right: 10px;
    }
    #cart_area {
        top: 70px;
    }
    #cart_area p {
        border: 1px solid #a3ceb4;
    }
    
    #header .category-nav > li > a {
        height: 64px;
        padding-top: 3px;
    }
    
    .category-nav li > a:hover {
       /* border-bottom: 1px solid rgb(162, 228, 189) !important;*/
        background: url(/html/user_data/h_line2.png) no-repeat bottom center transparent;
    }

.search{
    float:left;
}

.footer_logo_area {
    margin-top: 5px;

}

@media only screen and (min-width: 768px) and (max-width:1150px){
#header .category-nav > li > a{
    font-size:15px;
    padding: 0 0 0 1em;
}
#global_navi {
    clear: both;
    padding: 0 .7em .7em 0.5em;
}
.search input[type="search"] {
    width: 90%;
}

.search .input_search {
    padding: 0 20px 0 .5em;
}
}