@charset "utf-8";

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

*
{
    font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', Meiryo, Verdana, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 13px;
    color: #666666;
}

a, a:active, a:focus
{
    border: 0;
    outline: none;
}

img
{
    border: 0;
    outline: none;
}

.cf:before, .cf:after
{
    content: " ";
    display: table;
}

.cf:after
{
    clear: both;
}

.cf
{
    *zoom: 1;
}

.layout
{
    margin: 0 auto;
    width: 960px;
}

.header
{
    margin: 0 auto;
}

.header .logo
{
    border-bottom: 1px solid #000000;
    margin: 0 auto 5px auto;
    padding: 30px 0;
}

.header .logo a
{
    background-image: url('../images/logo-300x250.png');
    background-repeat: no-repeat;
    background-size: 150px 125px;
    display: block;
    height: 125px;
    margin: 0 auto;
    width: 150px;
}

.no-backgroundsize .header .logo a
{
    background-image: url('../images/logo-150x125.png');
}

.header .navigation
{
    background-color: #ffffff;

    border-bottom: 1px solid #ffffff;
    border-bottom: 1px solid #000000;
    border-top: 2px solid #000000;
    margin: 20 auto;
    text-align: center;
}
.navigation-03 { display: none !important; }
.header .navigation a
{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 137px 50px;
    border-bottom: 2px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-top: 2px solid #ffffff;
    display: block;
    float: left;
    height: 56px;
    text-align: center;
    text-decoration: none;
    text-indent: -999em;
    width: 136px;
}

@media screen and (min-width: 639px) {
    .header .navigation a:hover, 
    .header .navigation a.selected
    {
        border-bottom: 2px solid #000000;
    }
}

.header .navigation a.navigation-01
{
    background-image: url('../images/navigation-01@2x.png');
    border-left: 1px solid #ffffff;
}

.no-backgroundsize .header .navigation a.navigation-01
{
    background-image: url('../images/navigation-01.png');
}

.header .navigation a.navigation-02
{
    background-image: url('../images/navigation-02@2x.png');
}

.no-backgroundsize .header .navigation a.navigation-02
{
    background-image: url('../images/navigation-02.png');
}

.header .navigation a.navigation-03
{
    background-image: url('../images/navigation-03@2x.png');
}

.no-backgroundsize .header .navigation a.navigation-03
{
    background-image: url('../images/navigation-03.png');
}

.header .navigation a.navigation-04
{
    background-image: url('../images/navigation-04@2x.png');
}

.no-backgroundsize .header .navigation a.navigation-04
{
    background-image: url('../images/navigation-04.png');
}

.header .navigation a.navigation-05
{
    background-image: url('../images/navigation-05@2x.png');
}

.no-backgroundsize .header .navigation a.navigation-05
{
    background-image: url('../images/navigation-05.png');
}

.header .navigation a.navigation-06
{
    background-image: url('../images/navigation-06@2x.png');
}

.no-backgroundsize .header .navigation a.navigation-06
{
    background-image: url('../images/navigation-06.png');
}

.header .navigation a.navigation-07
{
    background-image: url('../images/navigation-07@2x.png');
}

.no-backgroundsize .header .navigation a.navigation-07
{
    background-image: url('../images/navigation-07.png');
}

.header .navigation a.navigation-08
{
    background-image: url('../images/navigation-08_2.png');
}

.no-backgroundsize .header .navigation a.navigation-08
{
    background-image: url('../images/navigation-08.png');
}

.content
{
    padding: 30px 0;
}

.content .title
{
    background-position: 5px top;
    background-repeat: no-repeat;
    border-bottom: 1px dotted #000000;
    height: 23px;
    line-height: 23px;
    margin: 0 0 30px 0;
    padding: 0 0 20px 0;
}

.content .title h1
{
    color: #cccccc;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
}

.content .top
{
    height: 20px;
    line-height: 20px;
    margin: 20px 0 0 0;
    padding: 0 5px 0 0;
    text-align: right;
}

.footer
{
    border-top: 1px solid #000000;
    padding: 5px 0 20px 0;
    text-align: center;
}

.footer .menu
{
    border-top: 2px solid #000000;
    height: 20px;
    line-height: 20px;
    padding: 20px 0 0 0;
}

.footer .menu a
{
    text-decoration: none;
}

.footer .menu span
{
    margin: 0 5px;
}

.footer .brands
{
    height: 20px;
    line-height: 20px;
    margin: 10px 0;
}

.footer .brands a
{
    text-decoration: none;
}

.footer .brands span
{
    margin: 0 5px;
}

.footer .ks a
{
    background-image: url('../images/ks-logo@2x.png');
    background-repeat: no-repeat;
    background-size: 200px 36px;
    display: block;
    height: 36px;
    margin: 20px auto;
    width: 200px;
}

.footer .copyright
{
    font-size: 10px;
}

/****************************************************
*
* index
*
*****************************************************/

.content.index .slider .frame
{
    height: 319px;
    overflow: hidden;
    width: 960px;
}

.content.index .slider .frame ul
{
    height: 100%;
    margin: 0;
    padding: 0;
}

.content.index .slider .frame ul li
{
    background-size: 319px;
    float: left;
    height: 100%;
    list-style: none;
    margin: 0 1px 0 0;
    width: 319px;
}

.content.index .slider .frame ul li a
{
    display: block;
    height: 100%;
    width: 319px;
}

.content.index .news
{
    margin: 30px 0;
}

.content.index .news .title
{
    background-image: url('../images/heading-news@2x.png');
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 60px 15px;
    height: 25px;
    margin: 0 0 20px 0;
    padding: 0 0 0 70px;
}

.no-backgroundsize .content.index .news .title
{
    background-image: url('../images/heading-news.png');
}

.content.index .news .title h2
{
    color: #cccccc;
    font-size: 14px;
    font-weight: normal;
    height: 15px;
    line-height: 15px;
    margin: 0 0;
}

.content.index .news ul
{
    margin: 0;
    padding: 0;
}

.content.index .news ul li
{
    height: 30px;
    line-height: 30px;
    list-style: none;
}

.content.index .news ul li .date
{
    margin: 0 20px 0 0;
}

.content.index .facebook-likebox
{
    border: 1px solid #e5e5e5;
}

/****************************************************
*
* brands
*
*****************************************************/

.content.brands .title
{
    background-image: url('../images/title-brands@2x.png');
    background-size: 128px 23px;
    margin: 0;
    padding-left: 148px;
}

.no-backgroundsize .content.brands .title
{
    background-image: url('../images/title-brands.png');
}

.content.brands .brand
{
    border-bottom: 1px dotted #d5d5d5;
    padding: 30px 0;
}

.content.brands .brand .left
{
    border: 1px solid #e5e5e5;
    float: left;
    height: 300px;
    width: 300px;
}

.content.brands .brand.themaplemania .left,
.content.brands .brand.cotecour .left
{
    border: 1px solid #ffffff;
}

.content.brands .brand .left .image
{
    background-size: 300px;
    display: block;
    height: 300px;
    width: 300px;
}

.content.brands .brand.francais .left .image
{
    background-image: url('../images/logo-francais@2x.png');
}

.no-backgroundsize .content.brands .brand.francais .left .image
{
    background-image: url('../images/logo-francais.png');
}

.content.brands .brand.caramelghosthouse .left .image
{
    background-image: url('../images/logo-caramelghosthouse.png');
}

.no-backgroundsize .content.brands .brand.caramelghosthouse .left .image
{
    background-image: url('../images/logo-caramelghosthouse.png');
}

.content.brands .brand.qudgemanmonaci .left .image
{
    background-image: url('../images/logo-qudgemanmonaci.png');
}

.no-backgroundsize .content.brands .brand.qudgemanmonaci .left .image
{
    background-image: url('../images/logo-qudgemanmonaci.png');
}

.content.brands .brand.butterbutler .left .image
{
    background-image: url('../images/logo-butterbutler@2x.png');
}

.no-backgroundsize .content.brands .brand.butterbutler .left .image
{
    background-image: url('../images/logo-butterbutler.png');
}

.content.brands .brand.tokyomilkcheese .left .image
{
    background-image: url('../images/logo-tokyomilkcheese@2x.png');
}

.no-backgroundsize .content.brands .brand.tokyomilkcheese .left .image
{
    background-image: url('../images/logo-tokyomilkcheese.png');
}

.content.brands .brand.themaplemania .left .image
{
    background-image: url('../images/logo-themaplemania@2x.png');
}

.no-backgroundsize .content.brands .brand.themaplemania .left .image
{
    background-image: url('../images/logo-themaplemania.png');
}

.content.brands .brand.cotecour .left .image
{
    background-image: url('../images/logo-cotecour@2x.png');
}

.no-backgroundsize .content.brands .brand.cotecour .left .image
{
    background-image: url('../images/logo-cotecour.png');
}

.content.brands .brand.tsukijichitose .left .image
{
    background-image: url('../images/logo-tsukijichitose@2x.png');
}

.no-backgroundsize .content.brands .brand.tsukijichitose .left .image
{
    background-image: url('../images/logo-tsukijichitose.png');
}

.content.brands .brand .right
{
    float: left;
    padding: 0 0 0 30px;
    width: 628px;
}

.content.brands .brand .right .name
{
    height: 30px;
    margin: 20px 0;
}

.content.brands .brand .right .name a
{
    float: left;
    text-decoration: none;
}

.content.brands .brand .right .name a h2
{
    color: #000000;
    font-size: 24px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    margin: 0;
}

.content.brands .brand .right .description
{
    margin: 20px 0;
    line-height: 23px;
}

.content.brands .brand .right .share
{
    height: 20px;
    margin: 30px 0;
}

.content.brands .brand .right .share ul
{
    margin: 0;
    padding: 0;
}

.content.brands .brand .right .share ul li
{
    float: left;
    list-style: none;
    height: 20px;
    margin: 0 20px 0 0;
}

.content.brands .brand .right .links
{
    height: 30px;
}

.content.brands .brand .right .links ul
{
    margin: 0;
    padding: 0;
}

.content.brands .brand .right .links ul li
{
    float: left;
    list-style: none;
    height: 30px;
    margin: 0 20px 0 0;
}

.content.brands .brand .right .links ul li a
{
    background-size: 30px;
    display: block;
    height: 30px;
    width: 30px;
}

.content.brands .brand .right .links ul li.website a
{
    background-image: url('../images/icon-website@2x.png');
}

.no-backgroundsize .content.brands .brand .right .links ul li.website a
{
    background-image: url('../images/icon-website.png');
}

.content.brands .brand .right .links ul li.facebook a
{
    background-image: url('../images/icon-facebook@2x.png');
}

.no-backgroundsize .content.brands .brand .right .links ul li.facebook a
{
    background-image: url('../images/icon-facebook.png');
}

.content.brands .brand .right .links ul li.twitter a
{
    background-image: url('../images/icon-twitter@2x.png');
}

.no-backgroundsize .content.brands .brand .right .links ul li.twitter a
{
    background-image: url('../images/icon-twitter.png');
}

.content.brands .brand .right .links ul li.instagram a
{
    background-image: url('../images/icon-instagram@2x.png');
}

.no-backgroundsize .content.brands .brand .right .links ul li.instagram a
{
    background-image: url('../images/icon-instagram.png');
}


.brandlist .title,
.branddetail .title {
    background-image: url('../images/title-brands.svg');
    background-size: 128px 24px;
    margin: 0 0 40px;
    padding-left: 148px;
}
.brandlist .block {
    margin-left: 30px;
    margin-bottom: 50px;
    width: 300px;
    float: left;
}
@media screen and (min-width: 639px) {
    .brandlist .block:nth-of-type(3n+1) {
        margin-left: 0;
        clear: both;
    }
}
.brandlist .block img {
    border: 1px solid #e5e5e5;
    width: 100%;
    height: auto;
}
.brandlist .block a {
    font-size: 20px;
    text-decoration: none;
}
.brandlist .top {
    clear: both;
}
@media screen and (max-width: 640px) {
    .brandlist .title {
        margin: 0 0 20px;
        padding: 0 0 10px 100px;
        background-size: 75px 14px;
        background-position: 20px 5px;
    }
    .brandlist .title h1 {
        font-size: 14px;
    }
    .brandlist .list {
        margin: 0 20px;
    }
    .brandlist .block {
        margin: 0 0 30px;
        width: 47%;
    }
    .brandlist .block:nth-of-type(odd) {
        float: left;
        clear: both;
    }
    .brandlist .block:nth-of-type(even) {
        float: right;
    }
    .brandlist .block img {
        width: 100%;
        height: auto;
    }
    .brandlist .block a {
        font-size: 14px;
    }
}
.branddetail .brandinfo {
    margin-bottom: 100px;
    position: relative;
}
.branddetail .brandinfo .logo {
    margin-bottom: 30px;
    width: 300px;
    float: left;
    border: 1px solid #e5e5e5;
}
.branddetail .brandinfo .info {
    width: 620px;
    float: right;
}
.branddetail .brandinfo .info h2 {
    font-size: 24px;
    margin-bottom: 20px;
}
.branddetail .brandinfo .sns {
    position: absolute;
    top: 0;
    right: 0;
}
.branddetail .brandinfo .sns li {
    margin-left: 10px;
    list-style: none;
    float: left;
}
.branddetail .brandinfo .info {
    margin-bottom: 30px;
}
.branddetail .brandinfo .info .link a {
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
}
.branddetail .brandinfo .info .link .official {
    padding: 5px 20px;
    text-decoration: none;
    border-radius: 3px;
    background: #a5a5a5;
}
.branddetail .brandinfo .info .link .official span {
    padding-right: 20px;
    color: #fff;
    background: url(../images/icon-blank.png) no-repeat right center;
    background-size: 12px 12px;
}
.branddetail .brandinfo .info .link .facebook img,
.branddetail .brandinfo .info .link .twitter img,
.branddetail .brandinfo .info .link .instagram img {
    width: 32px;
    height: 32px;
}
.branddetail .brandinfo .slider img {
    width: 290px;
    height: auto;
}
@media screen and (min-width: 639px) {
    .branddetail .brandinfo .slider img:not(:first-child) {
        margin-left: 40px;
    }
}
.branddetail .direct h3 {
    padding: 5px;
    font-size: 20px;
    border-bottom: 1px solid #000;
}
.branddetail .direct h4 {
    margin: 0 0 30px;
    font-size: 18px;
}
.branddetail .direct .block {
    padding: 20px;
}
.branddetail .direct .block .info {
    width: 430px;
    float: left;
}
.branddetail .direct .block .info dl {
    border-bottom: 1px solid #e5e5e5;
}
.branddetail .direct .block .info dt {
    clear: both;
    padding: 20px 10px;
    width: 80px;
    float: left;
}
.branddetail .direct .block .info dd {
    margin: 0;
    padding: 20px 10px;
    width: 310px;
    float: left;
}
.branddetail .direct .block .info dt:not(:nth-child(1)),
.branddetail .direct .block .info dd:not(:nth-child(2)) {
    border-top: 1px solid #e5e5e5;
}
.branddetail .direct .block .maplink {
    margin-top: 5px;
    padding: 3px 10px;
    display: inline-block;
    font-size: 10px;
    color: #fff;
    text-decoration: none;
    background: #3c3c3c;
    border-radius: 3px;
}
.branddetail .direct .block .map {
    width: 454px;
    float: right;
}
.branddetail .direct .block .map iframe {
    width: 454px;
    height: 274px;
    border: 1px solid #e5e5e5;
}
.branddetail .dealer h3 {
    padding: 5px;
    font-size: 20px;
    border-bottom: 1px solid #000;
}
.branddetail .dealer .list {
    margin-top: 80px;
}
.branddetail .dealer .area {
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #e5e5e5;
}
.branddetail .dealer .block {
    margin-left: 40px;
    padding: 20px;
    border-bottom: 1px solid #e5e5e5;
}
.branddetail .dealer h4 {
    margin: 0 20px 0 0;
    width: 300px;
    float: left;
}
.branddetail .dealer .address {
    margin: 0;
    width: 500px;
    float: left;
}
.branddetail .dealer .maplink {
    padding: 3px 10px;
    float: left;
    display: inline-block;
    font-size: 10px;
    color: #fff;
    text-decoration: none;
    background: #3c3c3c;
    border-radius: 3px;
}
@media screen and (max-width: 640px) {
    .branddetail .title {
        margin: 0 0 20px;
        padding: 0 0 10px 100px;
        background-size: 75px 14px;
        background-position: 20px 5px;
    }
    .branddetail .title h1 {
        font-size: 14px;
    }
    .branddetail .brandinfo {
        margin-bottom: 50px;
    }
    .branddetail .brandinfo .logo {
        margin: 0 auto;
        width: 150px;
        height: auto;
        display: block;
        float: none;
    }
    .branddetail .brandinfo .info {
        width: 100%;
        float: none;
        text-align: center;
    }
    .branddetail .brandinfo .info h2 {
        margin-bottom: 0;
    }
    .branddetail .brandinfo .sns {
        margin-bottom: 20px;
        position: static;
    }
    .branddetail .brandinfo .info p {
        margin-bottom: 20px;
        padding: 0 20px;
        text-align: left;
    }
    .branddetail .brandinfo .info .link {
        padding: 0 30px;
    }
    .branddetail .brandinfo .info .link .official {
        margin: 0 0 20px;
        display: block;
    }
    .branddetail .direct .block .info {
        width: 100%;
        float: none;
    }
    .branddetail .brandinfo .info .link .facebook img,
    .branddetail .brandinfo .info .link .twitter img,
    .branddetail .brandinfo .info .link .instagram img {
        width: 50px;
        height: 50px;
    }
    .branddetail .brandinfo .slider {
        text-align: center;
    }
    .branddetail .brandinfo .slider img {
        margin: 0 20px;
        width: 80%;
    }
    .branddetail .direct {
        margin: 0 10px;
    }
    .branddetail .direct .block {
        margin-bottom: 50px;
        padding: 0 0 50px;
        border-bottom: 1px solid #e5e5e5;
    }
    .branddetail .direct .block h4 {
        margin-bottom: 10px;
    }
    .branddetail .direct .block .info {
        margin-bottom: 50px;
    }
    .branddetail .direct .block .info dt {
        width: 20%;
    }
    .branddetail .direct .block .info dd {
        width: 65%;
    }
    .branddetail .direct .block .maplink {
        padding: 10px;
        width: 100%;
        font-size: 12px;
        text-align: center;
        box-sizing: border-box;
    }
    .branddetail .direct .block .call {
        padding: 10px;
        width: 100%;
        display: inline-block;
        font-size: 12px;
        color: #fff;
        text-align: center;
        text-decoration: none;
        background-color: #a5a5a5;
        background-image: url(../images/icon-tel.png);
        background-repeat: no-repeat;
        background-position: 10px center;
        background-size: 18px 14px;
        border-radius: 3px;
        box-sizing: border-box;
    }
    .branddetail .direct .block .map {
        width: 100%;
        float: none;
    }
    .branddetail .direct .block .map iframe {
        width: 100%;
        height: 100%;
    }
    .branddetail .dealer {
        margin: 0 10px;
    }
    .branddetail .dealer h4 {
        width: 100%;
        float: none;
    }
    .branddetail .dealer .area {
        margin-bottom: 0;
    }
    .branddetail .dealer .list {
        margin-top: 30px;
        margin-bottom: 80px;
    }
    .branddetail .dealer .block {
        margin-left: 0;
        padding: 20px 20px 20px 20px;
        position: relative;
    }
    .branddetail .dealer .block h4 {
        margin-bottom: 10px;
    }
    .branddetail .dealer .address {
        width: 100%;
        float: none;
    }
    .branddetail .dealer .maplink {
        padding: 10px;
        width: 40px;
        float: none;
        position: absolute;
        top: 20px;
        right: 20px;
        text-align: center;
    }
}

/****************************************************
*
* stores
*
*****************************************************/

.content.stores .title
{
    background-image: url('../images/title-stores@2x.png');
    background-size: 116px 23px;
    padding-left: 136px;
}

.no-backgroundsize .content.stores .title
{
    background-image: url('../images/title-stores.png');
}

.content.stores .brand
{
    display: none;
}

.content.stores .tabs
{
    border-bottom: 1px solid #d5d5d5;
    margin: 0 auto;
}

.content.stores .tabs ul
{
    margin: 0 auto;
    margin-bottom: -1px;
    padding: 0;
    width: 931px;
}

.content.stores .tabs ul li
{
    background: -moz-linear-gradient(#ffffff, #f5f5f5);
    background: -webkit-linear-gradient(#ffffff, #f5f5f5);
    background: linear-gradient(#ffffff, #f5f5f5);
    float: left;
    list-style: none;
}

.no-cssgradients .content.stores .tabs ul li
{
    background-image: url('../images/stores-navigation-bkg.png');
    background-repeat: repeat-x;
}

.content.stores .tabs ul li.selected
{
    background: none;
}

.content.stores .tabs ul li a
{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 185px 56px;
    border-right: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    display: block;
    font-size: 16px;
    height: 60px;
    line-height: 60px;
    text-decoration: none;
    width: 185px;
}

.content.stores .tabs ul li.selected a
{
    border-bottom: 1px solid #ffffff;
}

.content.stores .tabs ul li.tokyomilkcheese a
{
    background-image: url('../images/stores-navigation-01@2x.png');
    border-left: 1px solid #e5e5e5;
    border-top-left-radius: 4px;
}

.no-backgroundsize .content.stores .tabs ul li.tokyomilkcheese a
{
    background-image: url('../images/stores-navigation-01.png');
}

.content.stores .tabs ul li.tokyofinancier a
{
    background-image: url('../images/stores-navigation-05@2x.png');
}

.no-backgroundsize .content.stores .tabs ul li.tokyofinancier a
{
    background-image: url('../images/stores-navigation-05.png');
}

.content.stores .tabs ul li.themaplemania a
{
    background-image: url('../images/stores-navigation-02@2x.png');
}

.no-backgroundsize .content.stores .tabs ul li.themaplemania a
{
    background-image: url('../images/stores-navigation-02.png');
}

.content.stores .tabs ul li.cotecour a
{
    background-image: url('../images/stores-navigation-03@2x.png');
}

.no-backgroundsize .content.stores .tabs ul li.cotecour a
{
    background-image: url('../images/stores-navigation-03.png');
}

.content.stores .tabs ul li.tsukijichitose a
{
    background-image: url('../images/stores-navigation-04@2x.png');
    border-top-right-radius: 4px;
}

.no-backgroundsize .content.stores .tabs ul li.tsukijichitose a
{
    background-image: url('../images/stores-navigation-04.png');
}

.content.stores .brand .store
{
    border-bottom: 1px dotted #d5d5d5;
    padding: 30px 0;
}

.content.stores .brand .store .left
{
    border: 1px solid #d5d5d5;
    float: left;
    height: 300px;
    width: 450px;
}

.content.stores .brand .store .left .map
{
    height: 300px;
    width: 450px;
}

.content.stores .brand .store .right
{
    float: left;
    padding: 0 0 0 30px;
    width: 478px;
}

.content.stores .brand .store .right .name
{
    font-size: 18px;
    line-height: 25px;
    margin: 10px 0 20px 0;
}

.content.stores .brand .store .right .address
{
    margin: 20px 0;
}

.content.stores .brand .store .right .address .text
{
    float: left;
    line-height: 23px;
    margin: 0 15px 0 0;
}

.content.stores .brand .store .right .address .map
{
    background-color: #1e72f0;
    border-radius: 4px;
    color: #ffffff;
    display: block;
    float: left;
    font-size: 10px;
    height: 23px;
    line-height: 23px;
    text-decoration: none;
    text-align: center;
    width: 80px;
}

.content.stores .brand .store .right .heading
{
    font-size: 14px;
    margin: 20px 0 10px 0;
}

.content.stores .brand .store .right .hours
{
    line-height: 20px;
}

.content.stores .brand .store .right .hours .note
{
    font-size: 10px;
}

.content.stores .notice
{
    margin: 20px 0;
}

/****************************************************
*
* news
*
*****************************************************/

.content.news .title
{
    background-image: url('../images/title-news@2x.png');
    background-size: 92px 23px;
    padding-left: 112px;
}

.no-backgroundsize .content.news .title
{
    background-image: url('../images/title-news.png');
}

.content.news ul
{
    margin: 0;
    padding: 0;
}

.content.news ul li
{
    height: 30px;
    line-height: 30px;
    list-style: none;
}

.content.news ul li .date
{
    margin: 0 20px 0 0;
}

.content.news .heading h2
{
    color: #000000;
    font-size: 18px;
    font-weight: normal;
    line-height: 25px;
    margin: 0;
}

.content.news .description
{
    line-height: 23px;
    margin: 20px 0 0 0;
}

.content.news .description p
{
    line-height: 23px;
    margin: 20px 0 0 0;
}

.content.news .description .price-list th
{
    background-color: #f5f5f5;
    border: 1px solid #d5d5d5;
    padding: 5px 15px;
}

.content.news .description .price-list td
{
    border: 1px solid #d5d5d5;
    padding: 5px 15px;
}

.content.news .description .price-list td.center
{
    text-align: center;
}

/****************************************************
*
* company
*
*****************************************************/

.content.company .title
{
    background-image: url('../images/title-company@2x.png');
    background-size: 165px 23px;
    padding-left: 185px;
}

.no-backgroundsize .content.company .title
{
    background-image: url('../images/title-company.png');
}

.content.company table
{
    border: 0;
    border-collapse: collapse;
}

.content.company table tbody tr th
{
    background-color: #f5f5f5;
    border: 1px solid #ffffff;
    font-weight: normal;
    padding: 15px 20px;
    text-align: right;
    width: 100px;
}

.content.company table tbody tr td
{
    border: 1px solid #ffffff;
    line-height: 23px;
    padding: 15px;
}

.content.company table tbody tr td .address
{
    height: 20px;
    margin: 0;
    padding: 0;
}

.content.company table tbody tr td .address li
{
    float: left;
    list-style: none;
}

.content.company table tbody tr td .address li a
{
    background-color: #1e72f0;
    border-radius: 4px;
    color: #ffffff;
    font-size: 10px;
    display: block;
    margin: 0 0 0 10px;
    text-decoration: none;
    text-align: center;
    width: 80px;
}

.content.company table tbody tr td .map
{
    border: 1px solid #c5c5c5;
    height: 500px;
    margin: 15px 0;
    width: 800px;
}

/****************************************************
*
* recruit
*
*****************************************************/

.content.recruit .title
{
    background-image: url('../images/title-recruit@2x.png');
    background-size: 143px 23px;
    padding-left: 163px;
    margin: 0;
}

.no-backgroundsize .content.recruit .title
{
    background-image: url('../images/title-recruit.png');
}

.content.recruit .breadcrumbs
{
    margin: 20px 0;
}

.content.recruit .description
{
    line-height: 23px;
    margin: 20px 0;
}

.content.recruit .heading h2
{
    border-bottom: 1px dotted #000000;
    color: #000000;
    font-size: 24px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    margin: 30px 0 0 0;
    padding: 0 0 10px 0;
}

.content.recruit .heading h3
{
    color: #000000;
    font-size: 16px;
    font-weight: normal;
    margin: 20px 0;
}


/****************************************************
*
* recruit index
*
*****************************************************/

.content.recruit.index .main
{
    height: 430px;
    display: none;
    margin: 0 auto 30px auto;
    position: relative;
    width: 1030px;
}

.content.recruit.index .main .slidesjs-container
{
    border: 1px solid #d5d5d5;
    height: 400px !important;
    margin: 0 auto;
    width: 958px !important;
}

.content.recruit.index .main .slidesjs-container .slidesjs-control
{
    height: 400px !important;
    width: 958px !important;
}

.content.recruit.index .main .slidesjs-pagination
{
    bottom: 0;
    left: 475px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 80px;
    z-index: 100;
}

.content.recruit.index .main .slidesjs-pagination .slidesjs-pagination-item
{
    float: left;
    height: 10px;
    list-style: none;
    width: 20px;
}

.content.recruit.index .main .slidesjs-pagination .slidesjs-pagination-item a
{
    background-color: #a5a5a5;
    border-radius: 50em;
    display: block;
    height: 10px;
    margin: 0 5px;
    text-indent: -999em;
    width: 10px;
}

.content.recruit.index .main .slidesjs-pagination .slidesjs-pagination-item a.active
{
    background-color: #b70000;
}

.content.recruit.index .main .slidesjs-navigation
{
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 23px 50px;
    display: block;
    height: 50px;
    position: absolute;
    width: 23px;
}

.content.recruit.index .main .slidesjs-navigation.slidesjs-next
{
    background-image: url('../images/arrow-right@2x.png');
    right: 0;
    text-indent: -999em;
    top: 175px;
    z-index: 100;
}

.no-backgroundsize .content.recruit.index .main .slidesjs-navigation.slidesjs-next
{
    background-image: url('../images/arrow-right.png');
}

.content.recruit.index .main .slidesjs-navigation.slidesjs-previous
{
    background-image: url('../images/arrow-left@2x.png');
    left: 0;
    text-indent: -999em;
    top: 175px;
    z-index: 100;
}

.no-backgroundsize .content.recruit.index .main .slidesjs-navigation.slidesjs-previous
{
    background-image: url('../images/arrow-left.png');
}

.content.recruit.index .layout .welcome
{
    background-color: #f5f5f5;
    background-image: url('../images/recruit-welcome@2x.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 705px 96px;
    border: 1px solid #d5d5d5;
    height: 96px;
    padding: 30px 20px;
}

.no-backgroundsize  .content.recruit.index .layout .welcome
{
    background-image: url('../images/recruit-welcome.png');
}

.content.recruit.index .entries .entry
{
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto 150px;
    border: 1px solid #d5d5d5;
    display: block;
    float: left;
    height: 150px;
    margin: 20px 20px 0 0;
    width: 468px;
}

.content.recruit.index .entries .entry.entry-01
{
    background-image: url('../images/recruit-entry-01@2x.jpg');
}

.no-backgroundsize .content.recruit.index .entries .entry.entry-01
{
    background-image: url('../images/recruit-entry-01.jpg');
}

.content.recruit.index .entries .entry.entry-02
{
    background-image: url('../images/recruit-entry-02@2x.jpg');
}

.no-backgroundsize .content.recruit.index .entries .entry.entry-02
{
    background-image: url('../images/recruit-entry-02.jpg');
}

.content.recruit.index .entries .entry.right
{
    margin: 20px 0 0 0;
}

.content.recruit.index .interviews .interview
{
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 308px 99px;
    border: 1px solid #d5d5d5;
    display: block;
    float: left;
    height: 99px;
    margin: 20px 15px 0 0;
    text-decoration: none;
    width: 308px;
}

.content.recruit.index .interviews .interview.interview-01
{
    background-image: url('../images/recruit-index-interview-01@2x.jpg');
}

.no-backgroundsize .content.recruit.index .interviews .interview.interview-01
{
    background-image: url('../images/recruit-index-interview-01.jpg');
}

.content.recruit.index .interviews .interview.interview-02
{
    background-image: url('../images/recruit-index-interview-02@2x.jpg');
}

.no-backgroundsize .content.recruit.index .interviews .interview.interview-02
{
    background-image: url('../images/recruit-index-interview-02.jpg');
}

.content.recruit.index .interviews .interview.interview-03
{
    background-image: url('../images/recruit-index-interview-03@2x.jpg');
    margin: 20px 0 0 0;
}

.no-backgroundsize .content.recruit.index .interviews .interview.interview-03
{
    background-image: url('../images/recruit-index-interview-03.jpg');
}

/****************************************************
*
* recruit entries
*
*****************************************************/

.content.recruit.entries .heading h2
{
    margin: 20px 0 0 0;
}

.content.recruit.entries ol.entries
{
    margin: 20px 0;
}

.content.recruit.entries ol.entries li
{
    height: 20px;
    line-height: 20px;
}

.content.recruit.entries table
{
    border: 0;
    border-collapse: collapse;
    margin: 30px 0 0 0;
    width: 100%;
}

.content.recruit.entries table tbody tr th
{
    background-color: #f5f5f5;
    border: 1px solid #e5e5e5;
    font-weight: normal;
    padding: 15px 20px;
    text-align: right;
    width: 100px;
}

.content.recruit.entries table tbody tr td
{
    border: 1px solid #e5e5e5;
    line-height: 23px;
    padding: 15px;
}

.content.recruit.entries .description .recruit-banner
{
    background-image: url('../images/recruit-banner-01@2x.jpg');
    background-size: 175px 50px;
    border: 1px solid #d5d5d5;
    display: block;
    height: 50px;
    width: 175px;
}

.no-backgroundsize .content.recruit.entries .description .recruit-banner
{
    background-image: url('../images/recruit-banner-01.jpg');
}

/****************************************************
*
* recruit interviews
*
*****************************************************/

.content.recruit.interview .heading h2
{
    margin: 20px 0 0 0;
}

.content.recruit.interview .main
{
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 958px 300px;
    border: 1px solid #d5d5d5;
    display: block;
    height: 300px;
    margin: 30px 0;
    width: 958px;
}

.content.recruit.interview.interview-01 .main
{
    background-image: url('../images/recruit-interview-01-01@2x.jpg');
}

.no-backgroundsize .content.recruit.interview.interview-01 .main
{
    background-image: url('../images/recruit-interview-01-01.jpg');
}

.content.recruit.interview.interview-02 .main
{
    background-image: url('../images/recruit-interview-02-01@2x.jpg');
}

.no-backgroundsize .content.recruit.interview.interview-02 .main
{
    background-image: url('../images/recruit-interview-02-01.jpg');
}

.content.recruit.interview.interview-03 .main
{
    background-image: url('../images/recruit-interview-03-01@2x.jpg');
}

.no-backgroundsize .content.recruit.interview.interview-03 .main
{
    background-image: url('../images/recruit-interview-03-01.jpg');
}

.content.recruit.interview .heading
{
    min-height: 30px;
}

.content.recruit.interview .heading h3
{
    border-bottom: 1px solid #b70000;
    float: left;
    height: 19px;
    margin: 0;
    padding: 0 0 10px 0;
}

.content.recruit.interview .image
{
    background-color: #ffffff;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 200px 200px;
    float: left;
    height: 200px;
    padding: 0 20px 0 0;
    width: 200px;
}

.content.recruit.interview .image.interview-01-02
{
    background-image: url('../images/recruit-interview-01-02@2x.jpg');
}

.no-backgroundsize .content.recruit.interview .image.interview-01-02
{
    background-image: url('../images/recruit-interview-01-02.jpg');
}

.content.recruit.interview .image.interview-01-03
{
    background-image: url('../images/recruit-interview-01-03@2x.jpg');
    background-position: right top;
    float: right;
    padding: 0 0 0 20px;
}

.no-backgroundsize .content.recruit.interview .image.interview-01-03
{
    background-image: url('../images/recruit-interview-01-03.jpg');
}

.content.recruit.interview .image.interview-01-04
{
    background-image: url('../images/recruit-interview-01-04@2x.jpg');
}

.no-backgroundsize .content.recruit.interview .image.interview-01-04
{
    background-image: url('../images/recruit-interview-01-04.jpg');
}

.content.recruit.interview .image.interview-02-02
{
    background-image: url('../images/recruit-interview-02-02@2x.jpg');
}

.no-backgroundsize .content.recruit.interview .image.interview-02-02
{
    background-image: url('../images/recruit-interview-02-02.jpg');
}

.content.recruit.interview .image.interview-02-03
{
    background-image: url('../images/recruit-interview-02-03@2x.jpg');
    background-position: right top;
    float: right;
    padding: 0 0 0 20px;
}

.no-backgroundsize .content.recruit.interview .image.interview-02-03
{
    background-image: url('../images/recruit-interview-02-03.jpg');
}

.content.recruit.interview .image.interview-02-04
{
    background-image: url('../images/recruit-interview-02-04@2x.jpg');
}

.no-backgroundsize .content.recruit.interview .image.interview-02-04
{
    background-image: url('../images/recruit-interview-02-04.jpg');
}

.content.recruit.interview .image.interview-03-02
{
    background-image: url('../images/recruit-interview-03-02@2x.jpg');
}

.no-backgroundsize .content.recruit.interview .image.interview-03-02
{
    background-image: url('../images/recruit-interview-03-02.jpg');
}

.content.recruit.interview .image.interview-03-03
{
    background-image: url('../images/recruit-interview-03-03@2x.jpg');
    background-position: right top;
    float: right;
    padding: 0 0 0 20px;
}

.no-backgroundsize .content.recruit.interview .image.interview-03-03
{
    background-image: url('../images/recruit-interview-03-03.jpg');
}

.content.recruit.interview .image.interview-03-04
{
    background-image: url('../images/recruit-interview-03-04@2x.jpg');
}

.no-backgroundsize .content.recruit.interview .image.interview-03-04
{
    background-image: url('../images/recruit-interview-03-04.jpg');
}

.content.recruit.interview .schedule
{
    margin-bottom: 30px;
}

.content.recruit.interview .schedule table
{
    border: 0;
    border-collapse: collapse;
    margin: 20px 0;
    width: 100%;
}

.content.recruit.interview .schedule table tbody tr th
{
    background-color: #f5f5f5;
    border: 1px solid #e5e5e5;
    font-weight: normal;
    padding: 15px 20px;
    text-align: right;
    width: 100px;
}

.content.recruit.interview .schedule table tbody tr td
{
    border: 1px solid #e5e5e5;
    line-height: 23px;
    padding: 15px;
}

.content.recruit.interview .interviews .interview
{
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 468px 150px;
    border: 1px solid #d5d5d5;
    display: block;
    float: left;
    height: 150px;
    margin: 20px 20px 0 0;
    text-decoration: none;
    width: 468px;
}

.content.recruit.interview .interviews .interview.right
{
    margin-right: 0;
}

.content.recruit.interview .interviews .interview.interview-01
{
    background-image: url('../images/recruit-interview-01@2x.jpg');
}

.no-backgroundsize .content.recruit.interview .interviews .interview.interview-01
{
    background-image: url('../images/recruit-interview-01.jpg');
}

.content.recruit.interview .interviews .interview.interview-02
{
    background-image: url('../images/recruit-interview-02@2x.jpg');
}

.no-backgroundsize .content.recruit.interview .interviews .interview.interview-02
{
    background-image: url('../images/recruit-interview-02.jpg');
}

.content.recruit.interview .interviews .interview.interview-03
{
    background-image: url('../images/recruit-interview-03@2x.jpg');
    margin: 20px 0 0 0;
}

.no-backgroundsize .content.recruit.interview .interviews .interview.interview-03
{
    background-image: url('../images/recruit-interview-03.jpg');
}

/****************************************************
*
* contact
*
*****************************************************/

.content.contact .title
{
    background-image: url('../images/title-contact@2x.png');
    background-size: 158px 23px;
    padding-left: 178px;
}

.no-backgroundsize .content.contact .title
{
    background-image: url('../images/title-contact.png');
}

.content.contact .heading
{
    height: 20px;
    line-height: 20px;
    margin: 20px 0;
}

.content.contact .heading h2
{
    color: #000000;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
}

.content.contact .description
{
    line-height: 23px;
    margin: 20px 0;
}

.content.contact .form table
{
    width: 100%;
}

.content.contact .form table tbody tr th
{
    background-color: #f5f5f5;
    border: 1px solid #e5e5e5;
    font-weight: normal;
    text-align: right;
    padding: 15px 20px;
    width: 115px;
}

.content.contact .form table tbody tr.button th
{
    background: none;
    border: 0;
}

.content.contact .form table tbody tr td
{
    border: 1px solid #e5e5e5;
    padding: 15px 20px;
}

.content.contact .form table tbody tr.button td
{
    border: 0;
}

.content.contact .form table tbody tr td span.error
{
    color: #ff0000;
    margin: 0 0 0 10px;
}

.content.contact .form table tbody tr td input
{
    border: 1px solid #c5c5c5;
    padding: 5px;
    width: 200px;
}

.content.contact .form table tbody tr td textarea
{
    border: 1px solid #c5c5c5;
    height: 300px;
    max-width: 500px;
    min-height: 300px;
    padding: 5px;
    width: 500px;
}

.content.contact .form table tbody tr.button td
{
    height: 40px;
}

.content.contact .form table tbody tr.button td button
{
    background-color: #000000;
    border: 0px;
    border-radius: 4px;
    color: #ffffff;
    float: left;
    height: 40px;
    margin: 0 20px 0 0;
    width: 100px;
}

.content.contact .description.phone
{
    color: #000000;
    margin-bottom: 0;
}

.content.contact .description.phone p
{
    color: #666666;
    margin: 15px 0 0 0;
}

/****************************************************
*
* privacy
*
*****************************************************/

.content.privacy .title
{
    background-image: url('../images/title-privacy@2x.png');
    background-size: 272px 23px;
    padding-left: 292px;
}

.no-backgroundsize .content.privacy .title
{
    background-image: url('../images/title-privacy.png');
}

.content.privacy .text
{
    line-height: 23px;
}

.content.privacy .text p
{
    margin: 15px 0;
}

.content.privacy .text ul
{
    margin: 15px 0;
}

.noPc { display: none; }
.noSp { display: block; }
@media screen and (max-width: 640px) {
    .noPc { display: block; }
    .noSp { display: none; }

    .layout {
        width: 100%;
    }
    .content {
        margin-bottom: 3px;
        padding: 5px 0 30px;
        border-top: 2px solid #000;
        border-bottom: 1px solid #000;
    }
    .header {
        position: relative;
    }
    .header .logo {
        margin-bottom: 3px;
        padding: 10px;
    }
    .header .logo a {
        margin: 0;
        width: 50px;
        height: 40px;
        background-size: auto 40px;
    }
    .header .menu {
        width: 25px;
        height: 25px;
        position: absolute;
        top: 20px;
        right: 20px;
    }
    .header .menu:before,
    .header .menu:after,
    .header .menu span:after {
        content: "";
        display: block;
        width: 25px;
        height: 1px;
        position: absolute;
        right: 0;
        background: #000;
        transition: .3s all;
        transform-origin: 0 0;
    }
    .header .menu:before {
        top: 0;
    }
    .header .menu:after {
        top: 18px;
    }
    .header .menu span:after {
        top: 9px;
    }
    .header .menu.close:before {
        transform: rotate(45deg);
    }
    .header .menu.close:after {
        transform: rotate(-45deg);
    }
    .header .menu.close span:after {
        opacity: 0;
    }
    .header .navigation {
        width: 100%;
        position: absolute;
        top: 65px;
        left: 0;
        display: none;
        border-top: 1px solid #000;
        z-index: 100;
    }
    .header .navigation a {
        display: block;
        width: 100%;
        float: none;
    }
    .top a {
        margin: 0 auto;
        width: 69px;
        height: 32px;
        display: block;
        font-size: 0;
        background-image: url(../images/gotop.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 69px 32px;
    }
    .footer {
        border-top: 2px solid #000;
    }
    .footer .menu,
    .footer .brands {
        display: none;
    }
    .footer .ks a {
        margin: 10px auto;
    }
}