@charset "utf-8";

/* CSS Document */

#header {
    display: none;
}

#headercontents {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 20px;
    padding-bottom: 5px;
    height: 55px;
    position: relative;
}

.mean-nav .box01 {
    width: 36%;
    height: auto;
    position: absolute;
    bottom: 0;
    max-width: 130px;
    left: 49%;
}

.mean-nav .box01 img {
    width: 100%;
    vertical-align: inherit;
}

#headercontents .box02 {
    display: none;
}

#description {
    color: #000;
    clear: both;
}

#descriptioncontents {
    width: 950px;
    margin-right: auto;
    margin-left: auto;
    display: block;
}


/* CSS Document */

p.logo {
    width: 44%;
    max-width: 150px;
    height: auto;
    position: absolute;
    top: 16px;
    left: 10px;
    -webkit-border-background: url(../img/common/logo.png) no-repeat top left;
    -moz-border-background: url(../img/common/logo.png) no-repeat top left;
    -o-border-background: url(../img/common/logo.png) no-repeat top left;
    -ms-border-background: url(../img/common/logo.png) no-repeat top left;
    background: url(../img/common/logo.png) no-repeat top left;
    background-size: 100%;
}

p.logo a {
    display: block;
    width: 150px;
    height: 25px;
}

p.logo img {
    width: 100%;
}

#add {
    float: right;
}

#navicontents {
    display: none;
}

.header_menu {
    /*height: 44px;*/
    /*border-bottom: 5px solid #DE1122;*/
    padding-top: 5px;
}

a.jp_site {
    text-decoration: none;
    font-size: 10px;
    line-height: 18px;
    padding-left: 32px;
    background: url(../img/common/jp.gif) no-repeat 5px 0px;
    background-size: 23px;
    color: #0e0e0e;
    display: block;
}

.mmenu_box {
    float: right;
    width: 52%;
}

.box01 img {
    width: 122px;
    float: left;
    margin-top: 0px;
}

button#showLeft {
    float: right;
    margin-top: 8px;
    margin-right: 8px;
    outline: none;
}

span.menu-ber {
    width: 30px;
    height: 4px;
    background: #DE1122;
    display: block;
    margin-bottom: 4px;
    border-radius: 2px;
}

span.btn_text {
    font-size: 8px;
    line-height: 6px;
    color: #DE1122;
    font-weight: bold;
}

.close-btn {
    text-align: left;
    height: 30px;
    background: #de1122;
    margin-bottom: 15px;
}

button#showClose {
    width: 84px;
    font-size: 28px;
    height: 30px;
    line-height: 31px;
    color: #DE1122;
    position: relative;
    text-align: left;
    padding-left: 10px;
    outline: none;
}

span.close_b_01 {
    font-size: 14px;
    font-family: meiryo;
    position: absolute;
    padding-left: 4px;
    top: 1px;
}

body.locked {
    position: fixed;
    width: 100%;
    top: -1;
    * currentScroll
}

p.menu_ttl {
    text-align: center;
    color: #fff;
    background: #DE1122;
    height: 30px;
    display: inline-block;
    width: 100%;
    font-size: 14px;
    font-family: meiryo;
    line-height: 34px;
}

.menu_list li {
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.close-btn02 {
    text-align: center;
}

.menu_list li:nth-child(2n) {
    border-left: 1px solid #fff;
}

.menu_footer {
    background: #DE1122;
}

button#showClose02 {
    font-size: 18px;
    margin-bottom: 20px;
    width: 100px;
    border-radius: 2px;
    height: 34px;
    font-family: meiryo;
    color: #DE1122;
    outline: none;
}

span.close_b {
    font-size: 14px;
    padding-left: 4px;
}

ul.menu_list_footer {
    margin: 0 auto;
    text-align: center;
}

ul.menu_list_footer li {
    display: inline-block;
}

ul.menu_list_footer li:first-child a {
    text-align: left;
}

ul.menu_list_footer li a {
    color: #fff;
    font-size: 12px;
    border: none;
    float: left;
}

ul.menu_list_footer:after {
    display: block;
    clear: both;
    content: "";
}

.cbp-spmenu .menu_brand_list a {
    color: #DE1122;
}

.cbp-spmenu .menu_brand_list li a::before {
    content: "";
    display: inline-block;
    border: 4px solid transparent;
    border-left-color: #DE1122;
    padding-right: 5px;
}

ul.menu_kaitori_list li:first-child {
    margin-left: 2%;
}

ul.menu_kaitori_list li {
    float: left;
    width: 47%;
    padding: 16px 0px 8px;
    box-sizing: border-box;
    border: 2px solid #DE1122;
    border-radius: 3px;
    margin-right: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #fff;
}

ul.menu_kaitori_list li a {
    padding: 0!important;
    border-bottom: none!important;
}

ul.lang_list_sp li:first-child {
    margin-left: 2%;
}

ul.lang_list_sp li {
    float: left;
    width: 47%;
    padding: 16px 0px 8px;
    box-sizing: border-box;
    border: 2px solid #DE1122;
    border-radius: 3px;
    margin-right: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #fff;
}

ul.lang_list_sp li a {
    padding: 0!important;
    border-bottom: none!important;
}

a.lang_sp {
    display: block;
    font-size: 12px;
    text-align: center;
}

span.menu_kaitori_ttl {
    display: block;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

span.menu_kaitori_p {
    text-align: center;
    display: block;
    margin-top: 7px;
    font-size: 10px;
    line-height: 17px;
    color: #000;
}

span.c_r {
    color: #CD000C;
}

span.c_y {
    color: #F5A53D;
}

span.c_b {
    color: #007FBB;
}

.menu_list03 {
    padding: 0px 10px;
}

ul.menu_list03 li {
    box-sizing: border-box;
}

ul.menu_list03 li:first-child a {
    padding-left: 0!important;
}

ul.menu_list03 li a {
    padding: 0!important;
    padding-bottom: 10px!important;
    padding-left: 5px!important;
}

ul.menu_list03 li img {
    width: 100%;
    box-shadow: 1px 1px 1px #C7C7C7;
}

ul.menu_list02 a {
    padding: 0px 10px 10px!important;
}

ul.clearfix.menu_list02 li img {
    width: 100%;
    box-shadow: 1px 1px 1px #C7C7C7;
}

.brand_S {
    border-bottom: 1px solid #ddd;
    margin: 0 10px;
    margin-bottom: 10px;
}

.brand_S form {
    padding: 0 0px 5px;
}

.brand_S input[type="text"] {
    height: 18px;
    padding: 5px;
    width: 70%;
    font-family: meiryo;
}

.brand_S input[type="submit"] {
    width: 23%;
    padding: 0!important;
    margin: 0!important;
    height: 30px;
    border: none;
    color: #fff;
    background: #DE1122;
    font-family: meiryo;
}

p.many_key {
    font-size: 12px;
    color: #555;
}

ul.many_brand_list {
    overflow: hidden;
    padding-bottom: 10px;
    padding-top: 3px;
}

ul.many_brand_list li {
    float: left;
}

ul.many_brand_list li a {
    background: #EF800E;
    color: #fff;
    padding: 3px 13px 0px!important;
    margin-right: 10px;
    text-align: center;
    font-size: 10px;
}

.serch_blist .shop_box h3 a {
    text-decoration: none;
    color: #de1122;
}

.serch_blist .shop_box h3 {
    background: #fff;
    border-bottom: 1px solid #eee;
    line-height: 14px;
    font-size: 14px;
    padding-bottom: 16px;
}

sp-none {
    display: none!important;
}


/*******footer*******/

#footer {
    margin-top: 0px;
    padding: 0;
}

#footercontents {
    display: none;
}

#footer #ft_sitemap {
    clear: both;
    padding: 0;
}

#footer #ft_sitemap ul {
    width: 100%;
    margin: 0 auto;
}

#footer #ft_sitemap ul li {
    line-height: 100%;
    display: block;
    float: left;
    width: 50%;
    box-sizing: border-box;
    font-size: 12px;
    padding: 10px;
    border-right: 1px solid #de1122;
    border-bottom: 1px solid #de1122;
    color: #de1122;
}

#footer #ft_sitemap ul li:nth-child(2n) {
    border-right: none;
}

#footer #ft_sitemap ul li a {
    color: #de1122;
    text-decoration: none;
}

#footer #ft_sitemap ul li a:hover {
    text-decoration: underline;
}

#copyright {
    font-style: normal;
    clear: both;
    background-color: #fff;
}

#copyright p {
    padding: 10px 0 90px;
    color: #454545;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    font-size: 10px;
}

.ft_contact {
    position: fixed;
    bottom: 0;
    border-top: 2px solid #de1122;
    margin: 0;
    background: #fff;
    z-index: 99999;
    padding: 0 10px 10px;
}

.ft_contact img {
    display: block;
    width: 100%;
}

#footer #ft_sitemap .link-exchange {
    text-align: center;
}

#footer #ft_sitemap .link-exchange .inner {
    display: inline-block;
}

#footer #ft_sitemap .link-exchange .inner ul {
    text-align: left;
}

#footer #ft_sitemap .link-exchange li {
    float: none;
    width: 100%;
    border: none;
    padding: 2px 0 2px 30px;
    margin-top: 10px;
}

#footer #ft_sitemap .link-exchange li.jp {
    background: url(../img/common/icon_jp.jpg) no-repeat;
    background-size: contain;
}

#footer #ft_sitemap .link-exchange li.tw {
    background: url(../img/common/icon_tw.jpg) no-repeat;
    background-size: contain;
}

#footer #ft_sitemap .link-exchange li.hk {
    background: url(../img/common/icon_hk.jpg) no-repeat;
    background-size: contain;
}

@media only screen and (orientation: landscape) {
    /*横向きの際に適用*/
    #copyright p {
        padding: 10px 0 80px;
    }
    .ft_contact {
        position: fixed;
        bottom: 0;
        border-top: 2px solid #de1122;
        margin: 0;
        background: #fff;
        z-index: 99999;
        padding: 0 10px 10px;
        width: 97%!important;
    }
    p.foot_btn01 {
        float: left!important;
        width: 36%!important;
        margin-left: 1%!important;
        margin-top: 10px!important;
        margin-right: 1%!important;
    }
    p.foot_btn02 {
        width: 13%!important;
        float: left!important;
        margin-left: 7px!important;
        margin: 10px 1% 0px 1.5%!important;
    }
    p.foot_btn03 {
        float: right!important;
        width: 46%!important;
        margin-top: 10px!important;
        clear: none!important;
    }
    /*.ft_contact img{
		display: block;
		width: 50%;
		padding-top: 10px;
		float: left;
	}*/
}