@charset "utf-8";

/* ----------------
 * 英語サイト
 * ---------------- */

body {
    line-height: 1.4446;
}


/* ----------------
 * ヘッダー要素
 * ---------------- */
@media screen and (min-width: 480px) {
    .siteName img {
        width: 300px;
    }
}
@media screen and (min-width: 769px) {
    /* ヘッダーナビゲーション */
    .headerNav {
        float: right;
        width: 498px;
    }
    .langNav {
        margin-bottom: 3px;
    }
    .headerLogo {
        width: 400px;
    }
        .siteName i {
        }
        .siteName img {
            width: 360px;
        }
    .gNavBar {
        width: 320px;
    }
    .gNav {
        width: 220px;
    }
}
@media screen and (min-width: 978px) {
    .langNav {
        margin-bottom: 7px;
    }
    .headerLogo {
        width: 480px;
    }
        .siteName img {
            width: 410px;
        }
    .gNavBar {
        width: 438px;
    }
    /* グローバルナビ */
    .gNav {
        width: 300px;
    }
}





/* ----------------
 * フッター
 * ---------------- */
footer {
}
    .copyright {
        color: #999;
        font-size: 12px;
    }

/* ----------------
 * フッターナビ
 * ---------------- */
@media screen and (min-width: 769px) {
    .footerNavBar {}
    .fNav li a {
        font-size: 14px;
    }
}


/* ----------------
 * フッター ミッション
 * ---------------- */
.footerAboutWrap {
    height: 320px;
    margin: 0;
    padding: 0;
}
.footerAbout {
    height: 320px;
    margin-bottom: 0;
    background-position: top left;
}
h1.footerAboutEnCopy {
    margin: 0 auto 10px;
    padding: 20px 0 0;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
}
p.footerAboutEnText {
    margin: 0 auto 10px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
}
dl.footerAboutEnOffice {
    padding: 0 30px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
}
    dl.footerAboutEnOffice dt {
        margin-bottom: 5px;
        font-weight: bold;
    }
    dl.footerAboutEnOffice dd {
        margin-bottom: 10px;
        font-size: 14px;
        font-weight: 400;
        text-align: center;
    }
@media screen and (min-width: 480px) {
    .footerAboutWrap {
        height: 400px;
        margin: 0;
        padding: 0;
    }
    .footerAbout {
        height: 400px;
        margin-bottom: 0;
        background-position: top center;
    }
    h1.footerAboutEnCopy {
        margin: 0 auto 20px;
        padding: 40px 0 0;
        font-size: 18px;
        font-weight: normal;
        text-align: center;
    }
    p.footerAboutEnText {
        width: 400px;
        margin: 0 auto 30px;
        font-size: 15px;
        font-weight: 100;
        line-height: 1.8;
    }
    dl.footerAboutEnOffice {
        font-size: 14px;
        font-weight: 100;
        text-align: center;
    }
        dl.footerAboutEnOffice dt {
            margin-bottom: 5px;
        }
        dl.footerAboutEnOffice dd {
            margin-bottom: 10px;
            font-size: 14px;
            font-weight: 100;
            text-align: center;
        }
}



/* ----------------
 * トップページスライダー
 * ---------------- */
.companyCopy {
    margin-bottom: 5px;
    padding-top: 50px;
    padding-bottom: 0;
    color: #fff;
    font-size: 18px;
    text-align: center;
}
.companySideCopy {
    margin: 0;
    color: #fff;
    font-size: 12px;
    text-align: center;
}
.japaneseMakeupSetCopy {
    padding-top: 60px;
    padding-bottom: 10px;
    color: #fff;
    font-size: 20px;
    text-align: center;
}
/* 筆姫 */
.fudehimeSliderImage {
    background-position: bottom center;
}
.fudehimeText {
    padding-top:20px;
    text-align: center;
}
.fudehimeCopy {
    background: url('../../artbrushhiroshima/images/fudehime/fudehime_mark_white.png') top center no-repeat;
    background-size: 50px 50px;
    padding-top: 50px;
    color: #fff;
    font-size: 24px;
}
.fudehimeSideCopy {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.2;
}

@media screen and (min-width: 480px) {
    .companyCopy {
        margin-bottom: 10px;
        padding-top: 80px;
        font-size: 30px;
    }
    .companySideCopy {
        font-size: 18px;
    }
    .japaneseMakeupSetCopy {
        padding-top: 90px;
        font-size: 30px;
    }
    /* 筆姫 */
    .fudehimeText {
        padding-top: 60px;
    }
    .fudehimeCopy {
        background-size: 70px 70px;
        padding-top: 80px;
        font-size: 30px;
    }
    .fudehimeSideCopy {
        margin-bottom: 20px;
        font-size: 18px;
    }
}

@media screen and (min-width: 769px) {
    .companyCopy {
        padding-top: 120px;
        padding-left: 50px;
        padding-bottom: 0;
        color: #111;
        font-size: 28px;
        text-align: left;
    }
    .companySideCopy {
        width: auto;
        padding-left: 50px;
        color: #111;
        font-size: 18px;
        text-align: left;
    }
    /* 和柄ポーチ */
    .japaneseMakeupSetText {}
    .japaneseMakeupSetCopy {
        padding-top: 100px;
        padding-right: 50px;
        font-size: 34px;
        text-align: right;
        text-shadow: 0px 0px 10px #c30;
        opacity: 1;
    }
    /* 筆姫 */
    .fudehimeText {
        padding-top: 60px;
    }
    .fudehimeCopy {
        width: 400px;
        background: url('../../artbrushhiroshima/images/fudehime/fudehime_mark.png') top center no-repeat;
        background-size: 70px 70px;
        color: #d91c22;
        font-size: 54px;
    }
    .fudehimeSideCopy {
        font-size: 24px;
    }
}

/* ----------------
 * トップページ 新着情報
 * ---------------- */
.headlineWrap {
    clear: both;
}

/* ----------------
 * 取扱商品リスト
 * ---------------- */
.indexPctItem {
    display: block;
    height: 60px;
    padding-left: 0;
    background-position: 0 5px;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    border-top: 1px dotted #ccc;
    font-size: 16px;
    line-height: 60px;
    text-align: center;
}
    .indexPctItem a {
        display: block;
        margin-right: 10px;
        padding-left: 55px;
        padding-right: 10px;
        background: url('../../artbrushhiroshima/images/productlist/icon_arrow_right.png') center right no-repeat;
        background-size: 8px 16px;
    }
    .indexPctItem a:link,
    .indexPctItem a:visited,
    .indexPctItem a:active {
        color: #333;
    }
    .indexPctItem a:hover {
        /*color: #00a9f8;*/
        text-decoration: none;
    }
    .indexPctNewItem     { background-image: url('../images/productlist/new_products_s.png'); }
    .indexPctShofude     { background-image: url('../images/productlist/calligraphy_brushes_s.png'); }
    .indexPctJPBrush     { background-image: url('../images/productlist/japanese_style_s.png'); }
    .indexPctFudehime    { background-image: url('../images/productlist/fudehime_s.png'); }
    .indexPctMakeupBrush { background-image: url('../images/productlist/make_up_brushes_s.png'); }
    .indexPctTools       { background-image: url('../images/productlist/paraphenalia_s.png'); }
    .indexPctSet         { background-image: url('../images/productlist/gift_s.png'); }

@media screen and (min-width: 769px) {
    
    .indexPctList {
        text-align: center;
    }
    .indexPctList li {
        display: inline-block;
    }
    .indexPctItem {
        float: none;
        display: inline-block;
        margin: 0 10px ;
        padding-left: 0;
        border-radius: 153px;
        width: 222px;
        height: 222px;
        border-radius: 111px;
        background-color: #e0e0e0;
        background-position: 0 0;
        background-size: contain;
        border-top: none;
        font-size: 18px;
        font-weight: 400;
        line-height: 32px;
        text-align: center;
        box-sizing: border-box;
    }
        .indexPctList li:nth-child(odd):hover {
            background-color: #f3f3f3;
        }
        .indexPctList li.indexPctItem:nth-child(4),
        .indexPctList li.indexPctItem:nth-child(8) {
            margin-right: 0;
        }
        
        .indexPctList li:nth-child(odd):hover {
            background-color: #f3f3f3;
        }
        
    .indexPctItem a {
        width: 222px;
        height: 222px;
        margin-right: 0;
        padding-left: 0;
        padding-top: 160px;
        padding-right: 0;
        background-image: none;
        background-size: 8px 16px;
        line-height: 20px;
        box-sizing: border-box;
    }
        .indexPctItem:hove {
            background-color: #000;
        }
    .indexPctNewItem     { background-image: url('../images/productlist/new_products_l.png'); }
    .indexPctShofude     { background-image: url('../images/productlist/calligraphy_brushes_l.png'); }
    .indexPctJPBrush     { background-image: url('../images/productlist/japanese_style_l.png'); }
    .indexPctFudehime    { background-image: url('../images/productlist/fudehime_l.png'); }
    .indexPctMakeupBrush { background-image: url('../images/productlist/make_up_brushes_l.png'); }
    .indexPctTools       { background-image: url('../images/productlist/paraphenalia_l.png'); }
    .indexPctSet         { background-image: url('../images/productlist/gift_l.png'); }
    .indexPctTools a {
        padding-top: 140px;
    }
    .indexPctJPBrush a {
        padding-top: 140px;
    }
}

/* ----------------
 * トップページ 新着情報
 * ---------------- */

.headlineTitle {
    font-size: 17px;
    font-weight: 400;
}
.headlineSummary {
}


/* ----------------
 * 取扱商品一覧
 * ---------------- */

    /* 取扱商品名 */
    .productsListItemName {
        padding-top: 40px;
        padding-bottom: 0;
        font-weight: 100;
        font-size: 36px;
        line-height: 1.4446;
        opacity: 0.9;
    }

    .productsListItemCopy {
        display: none;
    }

.productsListMakeupBrush {
    height: 250px;
}
.productsListParaphernalia {
    margin-bottom: 50px;
}

@media screen and (min-width: 480px) {
    .productsListMakeupBrush {
        height: 400px;
    }
    .productsListItemName {
        padding-top: 50px;
        padding-bottom: 0;
        font-weight: 100;
        font-size: 58px;
        opacity: 0.9;
    }
    .productsListItemCopy {
        display: block;
        font-weight: 100;
        font-size: 18px;
        font-weight: 100;
    }
}



/* ----------------
 * 商品一覧
 * ---------------- */
.productList {}
 /* 商品コンテナ */
.productListItem {
}
/* 商品名 */
.productListItemName {
    font-size: 16px;
    font-weight: normal;
}


/* ----------------
 * 商品詳細
 * ---------------- */
/* 商品カテゴリー名 */
.productPageCategoryTitle{
    height: 20px;
    margin-bottom: 30px;
    padding-left: 25px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

    /* 商品概要 */
    .productDescription {
    }
    .productDetailList {
        margin-bottom: 20px;
        font-size: 14px;
    }



/* ----------------
 * about us
 * ---------------- */
.aboutusTable {
    border-bottom: 1px solid #ddd;
}
    .aboutusTable th,
    .aboutusTable td {
        display: block;
        padding: 10px 10px 10px;
        border-top: 1px solid #ddd;
        font-size: 16px;
        vertical-align: middle;
    }
    .aboutusTable th {
        background: #f3f3f3;
        font-size: 15px;
        text-align: left;
        font-weight: normal;
        white-space: nowrap;
    }

    .returnPolicy {

    }
    .returnPolicy dt {
        margin-bottom: 10px;
        padding-left: 10px;
        border-left: 3px solid #333;
    }
    .returnPolicy dd {
        margin-bottom: 20px;
    }
    .returnPolicy dd:last-child {
        margin-bottom: 0px;
    }



@media screen and (min-width: 769px) {
    .aboutusTable {
    }
        .aboutusTable th,
        .aboutusTable td {
            display: table-cell;
            padding: 17px 20px 15px;
        }
        .aboutusTable th {
        }
}



/* ----------------
 * アクセス
 * ---------------- */
.accessMapAddressCompany {
    margin-bottom: 10px;
    padding: 10px 00px;
    border-bottom: 1px solid #ccc;
    font-weight: 100;
    font-size: 20px;
}
.accessMapAddressTable {
}
    .accessMapAddressTable th {
        display: block;
        margin-left: 0em;
        padding: 10px 0px;
        font-size: 14px;
        text-align: left;
    }
    .accessMapAddressTable td {
        display: block;
    }
    .accessMapAddressTable td.number {
        font-size: 26px;
        font-weight: 100;
        font-style: italic;
    }



@media screen and (min-width: 769px) {
    .accessMapAddressCompany {
        margin-bottom: 10px;
        padding: 10px 40px;
        border-bottom: 1px solid #ccc;
        font-weight: 400;
        font-size: 22px;
    }
    .accessMapAddressTable {
        margin-left: 40px;
    }
        .accessMapAddressTable th {
            display: table-cell;
            margin-left: 0em;
            padding: 10px 40px;
            font-size: 14px;
            font-weight: normal;
            text-align: right;
        }
        .accessMapAddressTable td {
            display: table-cell;
        }
        .accessMapAddressTable td.number {
            font-size: 26px;
            font-weight: 100;
            font-style: italic;
        }
}


/* ----------------
 * トップページ コラム
 * ---------------- */
.headlineColumnWrap {
    clear: both;
    margin-bottom: 50px;
}
.headlineColumnList {
    border-top: 1px solid #ddd;
}
.headlineColumnList li {}
.headlineColumnList li a {
    display: block;
    padding: 20px;
    border-bottom: 1px solid #ddd;
}
.headlineColumnList li time {
    text-align: right;
}




/* ----------------
 * サブエリア
 * ---------------- */

/* ----------------
 * 会員登録ボタン
 * ---------------- */
.enMemberBtn {
    background-image: url(../images/banner/bg_promotion.png);
}
    .enMemberBtn img {
        width: 190px;
    }



/* ----------------
 * 新着記事一覧
 * ---------------- */
    .recentEntryTitle {
        font-weight: 600;
    }

/* ----------------
 * 新着コラム一覧
 * ---------------- */
    .recentColumnTime {
        display: block;
        text-align: right;
    }



/* ----------------
 * 会員登録キャンペーン
 * ---------------- */
.memberCampaign {}
    .memberCampaign h2 {
        margin-bottom:180px;
    }
        .memberCampaign h2 img {
            height: 50px;
               }
    .memberCampaign h3 {
        margin-bottom: 20px;
    }
    
    .memberCampaign ul {
        padding: 20px;
        border: 1px solid #ccc;
        border-radius: 10px;
        background: #f5f5f5;
    }
    
@media screen and (min-width: 769px) {

        .memberCampaign h2 {
            margin-bottom: 0;
            text-align: center;
        }
        .memberCampaign h2 img {
            height: 80px;
        }
        .memberCampaign h3 {
            margin: -10px 0 40px;
            color: #333;
            font-size: 22px;
            text-align: center;
        }
        .memberCampaign p {
            width: 45%;
            margin-bottom: 30px;
        }
    
        .memberCampaign ul {
            width: 48%;
            margin-left: 13px;
            font-size: 13px;
            padding: 0;
            padding-bottom: 60px;
            border: 0;
            border-radius: 0;
            background: transparent;  
        }
        .memberCampaign ul li {
            text-indent: -13px;
        }
}