@charset "utf-8";

/* ----------------
 * 全体
 * ---------------- */
html {
    height: 100%
}
body {
    margin: 0;
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 20em;
    background: #fff;
    border-top: 10px solid #e70000;
    color: #333;
    font-size: 16px;
    /*font-family: "Avenir Next", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Avenir Next", Verdana, sans-serif;*/

    font-family: "Avenir Next", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;
}

@media (min-width: 769px) {
    body {
        font-size: 16px;
    }
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
/* リンク */
a {
  color: #0086bc;
}
a:visited {
  color: #7F5AD7;
}
a:active {
  color: #0080bb;
}
a:hover {
  color: #00a9f8;
  text-decoration: none;
}


/* ----------------
 * 各要素
 * ---------------- */
/* nscmsの上書き */
.nsGrid {
    margin-left: 0;
    margin-right: 0;
    }

@media (max-width: 768px) {
    .nsGrid {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 0px;
        padding-right: 0px;
    }
    [class*='nsColMd'] {
        float: none;
        width: 100%;
    }
}

.nsModule {
    margin-bottom: 30px;
}
/* モジュールのヘッダー要素 */
.nsModuleHeader {
    position: relative;
}
/* モジュールの見出し */
.nsModuleHeading {
    height: 44px;
    margin-left: 10px;
    padding-left: 25px;
    background: url('../images/common/bg_title.png') center left no-repeat;
    background-size: 22px 22px;
    font-size: 18px;
    line-height: 47px;
}
    /* 一覧へのリンク */
    .nsModuleIndexLink a {
        position: absolute;
        top: 0;
        right: 10px;
        padding-right: 25px;
        background: url('../images/common/bg_indexlist.png') center right no-repeat;
        background-size: 22px 22px;
        color: #333;
        font-size: 14px;
        line-height: 44px;
        text-align: bottom;
    }
        .nsModuleIndexLink a:hover {
            opacity: 0.7;
        }
        .nsModuleIndexLink a:link, .nsModuleIndexLink a:visited, .nsModuleIndexLink a:active {
            color: #111;
        }

/* グレー背景 */
.nsBgGray {
    background: #e0e0e0;
}

/* ラベル */
.nsLabel {
    margin-right: 7px;
    padding: 4px 8px 3px;
    border-radius: 3px;
    background-color: #8c8c8c;
    color: #fff;
    font-size: 12px;
    vertical-align: middle;
    line-height: 16px;
}

/* 768px以上は隠す */
@media screen and (min-width: 769px) {
    /* モジュールのヘッダー要素 */
    .nsModuleHeader {
    }
    /* モジュールの見出し */
    .nsModuleHeading {
        margin-left: 0;
        font-size: 24px;
        font-weight: normal;
    }
    /* 一覧へのリンク */
    .nsModuleIndexLink a {
        right: 0;
    }
    .nsHidePc {
        display: none;
    }
}

/* --------------------------------
 * 共通要素
 * -------------------------------- */
p { margin-bottom: 1em; }

/* ----------------
 * ヘッダー
 * ---------------- */
header {}
.headerWrap {
    position: relative;
    background: #fff;
}
.header {
    width: 100%;
}
.headerLogo {
    /*position: -webkit-sticky;*/
    /*position: sticky;*/
    width: 100%;
    height: 64px;
    padding: 10px 0 10px 0;
}
h1 {}
.siteName {
    display: inline-block;
    height: 44px;
}
    .siteName i {
        display: inline-block;
        width: 30px;
        height: 30px;
        margin-top: 5px;
        margin-right: 5px;
        background: url('../images/common/logomark.png') top left no-repeat;
        background-size: contain;
    }
    .siteName img {
        width: 180px;
    }
.siteNav {
    float: right;
}

@media screen and (min-width: 769px) {
    .headerLogo {
        float: left;
        width: 260px;
        height: 95px;
        padding: 30px 0 30px;
    }
    .siteName {
        height: 35px;
        line-height: 35px;
        }
        .siteName i {
            width: 35px;
            height: 35px;
            margin-top: 0;
        }
        .siteName img {
            width: 210px;
            height: 35px;
        }
}

@media screen and (min-width: 978px) {
    .headerLogo {
        width: 300px;
        height: 80px;
        padding: 20px 0;
    }
    .siteName {
        height: 40px;
        line-height: 40px;
        }
        .siteName i {
            width: 40px;
            height: 40px;
        }
        .siteName img {
            width: 240px;
            height: 40px;
        }

    /* ナビ固定時 */
    .fixed .headerLogo {
        float: left;
        width: 260px;
        height: 64px;
        padding: 21px 0 0px;
    }
        .fixed .siteName {
            height: 35px;
            line-height: 35px;
        }
        .fixed .siteName i {
            width: 35px;
            height: 35px;
            margin-top: 0;
        }
        .fixed .siteName img {
            width: 210px;
            height: 35px;
        }

}


/* ----------------
 * ヘッダーナビ
 * ---------------- */
/* ヘッダーナビゲーション */
.headerNav {
}
/* グローバルナビゲーションバー */
.gNavBar {
}
/* 言語ナビ */
.langNav {
    display: none;
}
/* グローバルナビ */
.gNav {
    display: none;
}
    .fixed .gNav li a {
        color: #ddd;
    }

/* ショッピングナビ */
.ecNav {
    display: none;
}
    .headerShopping,
    .headerGuide,
    .headerContact {
        background: url('../images/nav/ec_nav.png') 0 0 no-repeat;
        background-size: 44px 132px;
    }
        .headerShopping { background-position: 0 0;}
        .headerGuide    { background-position: 0 -44px;}
        .headerContact  { background-position: 0 -88px;}

.offcanvasEcNav {
    margin-bottom: 30px;
    text-align: center;
}
    .offcanvasEcNav li {
        display: inline-block;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
    }
    .offcanvasEcNav li a {
        display: block;
        width: 44px;
        height: 44px;
        margin: 0 0 0 20px;
    }
        .offcanvasEcNav li a:hover {
            opacity: 0.7;
        }
        .offcanvasEcNav li:first-child a {
            margin-left: 0;
        }


@media screen and (min-width: 769px) {
    /* ヘッダーナビゲーション */
    .headerNav {
        float: right;
        width: 678px;
        height: 80px;
    }
    /* グローバルナビゲーションバー */
    .gNavBar {
        float: right;
        height: 80px;
    }
    /* 言語ナビ */
    .langNav {
        display: block;
        float: right;
        width: 26px;
        height: 40px;
        margin: 15px 0 0 20px;
        text-align: center;
    }
    .langNav li {
        margin: 0;
        height: 26px;
    }
        .langNav .langJp img,
        .langNav .langEn img {
            width: 26px;
            height: 26px;
        }
    /* ショッピングナビ */
    .ecNav {
        float: right;
        display: table;
        height: 40px;
        margin: 20px 0;
        padding: 0;
    }

    .ecNav li {
        display: table-cell;
        overflow: hidden;
        text-indent: 100%;
        vertical-align: middle;
        white-space: nowrap;
    }
    .ecNav li a {
        display: block;
        width: 36px;
        height: 36px;
        margin: 0 0 0 20px;
    }
        .ecNav li a:hover {
            opacity: 0.7;
        }
        .ecNav li:first-child a {
            margin-left: 0;
        }
    .headerShopping,
    .headerGuide,
    .headerContact {
        background: url('../images/nav/ec_nav_pc.png') 0 0 no-repeat;
        background-size: 36px 108px;
    }
        .headerShopping { background-position: 0 0;}
        .headerGuide    { background-position: 0 -36px;}
        .headerContact  { background-position: 0 -72px;}


    /* グローバルナビ */
    .gNav {
        display: block;
        float: left;
        width: 450px;
        padding-top: 20px;
    }
        .gNav li {
            display: inline-block;
            margin: 0;
            padding: 0px 7px 0px;
            border-right: 1px solid #ccc;
            line-height: 36px;
        }
            .gNav li:last-child {
                border-right: none;
            }
            .gNav li a {
                color: #666;
                font-size: 14px;
                border-bottom: 4px solid transparent;
                transition: border 0.25s ease-out;
            }
            .gNav li a:hover {
                border-bottom: 4px solid #e70000;
            }

}

@media screen and (min-width: 978px) {
    /* グローバルナビゲーションバー */
    .gNavBar {

    }
    /* グローバルナビ */
    .gNav {

    }
        .gNav li {
            padding-left: 20px;
            padding-right: 20px;
        }

    /* ナビ固定時 */
}


/* ----------------
 * モバイル用メニューボタン
 * ---------------- */
.navMenuBtn {
    display: block;
    float: right;
    text-align: right;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    outline: none;
    background: transparent url("../images/common/nav_icon.png") left center no-repeat;
    background-size: 44px 44px;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
    .navMenuBtn:hover, .navMenuBtn:focus {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

/* ----------------
 * メイン
 * ---------------- */
.main {
    /*background: #999;*/
}
.mainIntro {
    margin-bottom: 40px;
}
    .mainIntroCopy {
        margin-bottom: 10px;
        font-size: 18px;
        font-weight: normal;
    }
    .mainIntroSideCopy {
        font-size: 16px;
    }
    .mainIntroText {
        font-size: 16px;
        line-height: 1.8;
    }


/* ----------------
 * サブ
 * ---------------- */
.sub {
    /*background: #ccc;*/
    margin-bottom: 20px;
}


/* ----------------
 * ナビゲーション
 * ---------------- */
#nav {
}

/* ----------------
 * フッター
 * ---------------- */
footer {
    padding-top: 30px;
    padding-bottom: 10px;
    background: #3b3e41;
    color: #bebebe;
    text-align: center;
}
    footer a:link, footer a:visited {
        color: #bebebe;
    }
    footer address dl dt { font-size: 14px; }
    footer address dl dd {
        display: inline;
        font-size: 12px;
    }
    .fLogomark img {
        width: 36px;
    }
    .fZip {}
    .fAddress {}
    .fTel {}
    .fFax {}
    .copyright {
        font-size: 12px;
    }

/* ----------------
 * 国選択
 * ---------------- */
.countrySelector {
    text-align: center;
}
    .countrySelector li {
        display: inline;
    }
    .countrySelector li a {
        display: inline-block;
    }
    .countrySelector .langJp img,
    .countrySelector .langEn img {
        width: 44px;
        height: 44px;
    }

@media screen and (min-width: 769px) {
    .countrySelector .langJp img,
    .countrySelector .langEn img {
        width: 30px;
        height: 30px;
    }

}


/* ----------------
 * ページトップへ戻るボタン
 * ---------------- */
.btnTop {
     display: none;
}
/* 768pxより大きい場合 */
@media screen and (min-width: 768px) {
    .btnTop {
        display: block;
        position: fixed;
        bottom: 20px;
        right: 40px;
        opacity: 0.7;
    }
    .btnTop a {
        display: block;
        width: 80px;
        height: 80px;
        padding: 0 0;
        background: #666 url(../images/marker/icon_arrow_top.png) center center no-repeat;
        border-radius: 5px;
        color: #fff;
        text-align: center;
        text-decoration: none;
    }
    .btnTop a:hover {
        text-decoration: none;
        background-color: #999;
    }
}


/* ----------------
 * フッターナビ
 * ---------------- */
.footerNav {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background: #4e5155;
    border-top: 1px solid #5f6266;
}
.footerNavBar {
}
.fNav {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
    .fNav li {
        float: left;
        width: 50%;
    }
    .fNav li a {
        display: block;
        height: 44px;
        padding: 0 10px;
        background: url(../images/footer/icon_arrow_right.png) center right no-repeat;
        background-size: contain;
        border-right: 1px solid #64666a;
        border-bottom: 1px solid #64666a;
        color: #aaa;
        font-size: 12px;
        line-height: 44px;
    }
    .fNav li:first-child a {
    }
    .fNav li:nth-child(even) a {
        border-right: none;
    }
        .fNav li a:hover {
            opacity: 0.7;
        }

@media screen and (min-width: 769px) {
    .footerNavBar {
        width: 978px;
        margin: 0 auto;
    }
    .fNav {
        text-align: center;
    }
    .fNav li {
        float: none;
        display: inline;
        width: auto;
    }
    .fNav li a {
        display: inline;
        padding: 0 20px;
        border-right: 1px solid #64666a;
        background-image: none;
        border-bottom: none;
    }
    .fNav li:first-child a {
        border-left: 1px solid #64666a;
    }
    .fNav li:nth-child(even) a {
        border-right: 1px solid #64666a;
    }
    .fNav li:nth-child(3) a, .fNav li:nth-child(4) a {
        border-bottom: none;
    }
        .fNav li a:hover {
            opacity: 1;
            color: #fff;
            text-decoration: underline;
        }
}

/* ----------------
 * 汎用
 * ---------------- */
.ns_pcHide {
    display: none;
}
/* clearfix */
.cf:after {
    content: "";
    clear: both;
    display: block;
}
.ct {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.clear {
	clear: both;
}
.clearL {
	clear: left;
}
.clearR {
	clear: right;
}
.hiddenClear {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    margin: 0;
    border: none;
}

.ns_mobileHide {
    display: none;
}
@media screen and (min-width: 480px) {
    .ns_mobileHide {
        display: inline;
    }
}


/* ----------------
 * input サイズ
 * ---------------- */
.inputLarge     { max-width: 540px; width: 100%;}
.inputMedium    { max-width: 380px; width: 100%;}
.inputSmall     { max-width: 220px; width: 100%;}
.inputTiny      { max-width: 140px; width: 100%;}
.inputNum       { max-width: 5em;   width: 100%;}
.inputPrice     { max-width: 5em;   float: right;}
.inputFat       { width: 100%;}
.input3quarters { width: 75%;}
.inputHalf      { width: 50%;}
.inputQuarter   { width: 25%;}


/* ----------------
 * button
 * ---------------- */



/* ----------------
 * 固定ボックス
 * ---------------- */
.fixed {
    position: fixed;
    top: 0;
    left: 0;
    padding: 0 15px;
    background: rgba(0,0,0,0.8);
    z-index: 4;
}



/* ----------------
 * オフキャンバス
 * ---------------- */
.uk-offcanvas-bar {
  background-color: #fff !important;
  border-left: 1px solid #ccc;
}
.offcanvasTitle{
    margin: 0 0 15px 15px;
	color: #c30000;
	font-size:18px;
	font-weight: bold;
	line-height: 28px;
	text-align: left;
}
.offcanvasList,
.offcanvasList ul{
}
.offcanvasList li{
	display: block;
	padding:12px 19px;
	background-color: #c30000;
	border-bottom: 1px solid #fff;
	color: #fff;
	font-size: 17px;
	line-height:25px;
	text-shadow:0 -1px 0 rgba(0,0,0,.5);
	cursor:pointer;
}
    .offcanvasList li:last-child{
	    border-bottom: none;
    }
.offcanvasList a {
    display: block;
    color: #fff;
}
.offcanvasList a:link,
.offcanvasList a:visited,
.offcanvasList a:active {
	color: #fff;
}
    .offcanvasList a:hover{
	    text-decoration: none;
    }
/* メインメニュー以外のリスト */
.offcanvasAnotherList{
    padding-top: 20px;
	background-color: #F7F4EA;
    border-bottom: 1px solid #c30000;
}
.offcanvasAnotherListTitle {
    margin: 0 0 0 15px;
    padding: 0 0 10px;
	color: #c30000;
	font-size:16px;
	font-weight: bold;
	text-align: left;
}
    .offcanvasAnotherListTitle span {
        display: block;
        color: #ff9900;
        font-size:12px;
    }
    .offcanvasAnotherList ul{
    }
    .offcanvasAnotherList li{
    }
    .offcanvasAnotherListItem a,
    .offcanvasAnotherListItem a:link,
    .offcanvasAnotherListItem a:visited,
    .offcanvasAnotherListItem a:active,
    .offcanvasAnotherListItem span {
        display: block;
        padding: 10px 15px;
        border-top: 1px solid #c30000;
    	color: #c30000;
        font-size: 16px;
    }
    .offcanvasAnotherListItem a:hover{
    	text-decoration: none;
    }
    .offcanvasAnotherListChildItem a,
    .offcanvasAnotherListChildItem a:link,
    .offcanvasAnotherListChildItem a:visited,
    .offcanvasAnotherListChildItem a:active {
        padding-left: 40px;
    }


/* offcanvas内のバナー */
.offcanvasAnotherBannerList {
    text-align: center;
}
    .offcanvasAnotherBannerList ul{
        padding: 30px 0;
        border-top: none;
    }
    .offcanvasAnotherBannerList li{
    	padding: 0;
    	border-bottom: none;
    }


/* --------------------------------
 * index要素
 * -------------------------------- */

/* ----------------
 * ヒーロー
 * ---------------- */
.heroContents {
    margin-bottom: 0;
}

@media screen and (min-width: 769px) {
    .heroContents {
        margin-bottom: 20px;
    }
}

/* ----------------
 * トップページスライダー
 * ---------------- */
.slick-slider {
    padding: 0 0 12px 0;
}
    .slick-slider img {
    }
    .slick-slide:hover {
        cursor: pointer;
    }
.jsMainSlider {
    height: 200px;
    overflow: hidden;
}
.slick-prev, .slick-next {
    opacity: 0.3;
}
.slick-prev:hover, .slick-next:hover {
    opacity: 0.9;
}

.mainSliderImage {
    height: 200px;
    padding: 0 10px;
    background: no-repeat center center #333;
    background-size: cover;
    overflow: hidden;
}
    .mainSliderImage a:hover {
        text-decoration: none;
    }
    .mainSliderImage:before {
        content: "";
        display: block;
    	position: absolute;
    	z-index: 1;
    	top: 0;
    	left: 0;
    	right: 0;
    	bottom: 0;
    	background-color:rgba(0,0,0,0.15);
    }
.mainSliderText {
    height: 100%;
    position: relative;
    z-index: 2;
}
.mainSliderMainCopy {
}
.mainSliderSideCopy {
}
    /* 企業インフォ */
    .companyCopyText {}
    .companyCopy {
        padding-top: 30px;
        padding-bottom: 0px;
    }
        .companyCopy img {
            margin: 0 auto;
            width: 255px;
        }
    .companySideCopy {}
        .companySideCopy {
            margin: 0 0px;
            color: #fff;
            font-size: 12px;
            text-align: center;
        }
    /* 和柄ポーチ */
    .japaneseMakeupSetText {}
    .japaneseMakeupSetCopy {
            padding-top: 30px;
            padding-bottom: 0px;
    }
        .japaneseMakeupSetCopy img {
            width: 240px;
            margin: 0 auto;
        }
    .japaneseMakeupSetSideCopy {}
        .japaneseMakeupSetSideCopy {
            margin: 0;
            color: #fff;
            font-size: 12px;
            text-align: center;
        }
    /*　バレリーナコレクション　*/
    .ballerineCollectionText {
        float: right;
        width: 70%;
        text-align: center;
    }
    .ballerineCopy {}
        .ballerineCopy img {
            margin: 30px auto 10px;
            height: 80px
        }
    .ballerineSideCopy {}
        .ballerineSideCopy img {
            margin: 0 auto;
            height: 25px;
        }
    /* 筆姫 */
    .fudehimeSliderImage {
            background-position: bottom center;
    }
    .fudehimeText {}
    .fudehimeCopy {
            padding-top: 20px;
            padding-bottom: 0px;
    }
        .fudehimeCopy img {
            width: 260px;
            margin: 0 auto;
        }
        img.fudehimeCopy01 {
            display: inline-box;
            margin-bottom: 5px;
            filter: invert(1) brightness(3);
        }
        img.fudehimeCopy02 {
            display: inline-box;
            margin-bottom: 10px;
            filter: invert(1) brightness(5);
        }
        img.fudehimeCopy03 {
            display: inline-box;
            filter: invert(1) brightness(10);
        }
        .omiyage {
            display: none;
        }
    .fudehimeSideCopy {}
        .fudehimeSideCopy {
            margin: 0;
            color: #fff;
            font-size: 12px;
            text-align: center;
        }

    /* 蒔絵 */
    .makieSliderImage {
            background-position: top center;
    }
    .makieText {
        margin-right: 120px;
        padding-top: 25px;
        text-align: center;
    }
        .makieText img {
            margin: 0 auto;
            filter: invert(1) brightness(5);
        }
        img.makieTitle {
            display: inline-box;
            width: 180px;
            margin-bottom: 10px;
        }
        img.makieCopy {
            display: inline-box;
            width: 120px;
            margin-bottom: 5px;
        }
        img.makiePowder,
        img.makieCheek,
        img.makieLip {
            display: inline-box;
            width: 120px;
            margin-bottom: 5px;
        }









/* 矢印ナビゲーション */
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 19px;
    height: 60px;
    margin-top: -29px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 1;
}
    .slick-prev { left: 10px;  background: url("../images/marker/icon_white_arrow_left.png") no-repeat;}
    .slick-next { right: 10px; background: url("../images/marker/icon_white_arrow_right.png") no-repeat;}

/* ドットのナビゲーション */
.slick-dots {
    position: relative;
    margin: -35px 0 0 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
    .slick-dots li {
        display: inline-block;
    }
    .slick-dots li button {
        content: "";
        position: relative;
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: 0 8px;
        font-size: 0;
        background: #FFF;
        border-radius: 7px;
        border: 0;
    }
    .slick-dots li button:focus {
        outline: 0;
    }
    .slick-dots li:hover button {
        cursor: pointer;
    }
    .slick-dots li.slick-active button {
        background: #c41134;
    }
    .slick-dots button {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }


@media screen and (min-width: 480px) {
    .jsMainSlider {
        height: 300px;
    }
    .mainSliderImage {
        height: 300px;
    }
    .companyCopy img {
        width: 510px;
    }
    .companySideCopy {
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 1.8;
    }
    .japaneseMakeupSetCopy img {
        width: 370px;
    }
    .japaneseMakeupSetSideCopy {
        margin: 0 30px;
        color: #fff;
        font-size: 16px;
        line-height: 1.8;
        text-align: center;
    }

    /* 筆姫 */
    .fudehimeCopy {
        padding-top: 40px;
    }
        .fudehimeCopy img {
            width: 370px;
        }
        img.fudehimeCopy01 {
            margin-bottom: 10 px;
        }
        img.fudehimeCopy02 {
            margin-bottom: 20px;
        }
        img.fudehimeCopy03 {}
        .fudehimeSideCopy {
            margin: 0 50px;
            color: #fff;
            font-size: 16px;
            line-height: 1.8;
            text-align: center;
        }
    
    /* 蒔絵 */
    .makieText {
        width: 50%;
        margin-left: 30px;
        padding-top: 65px;
    }
        .makieText img {
        }
        img.makieTitle {
            width: 300px;
            margin-bottom: 20px;
        }
        img.makieCopy {
            width: 144px;
        }
        img.makiePowder,
        img.makieCheek,
        img.makieLip {
            width: 130px;
            margin-bottom: 5px;
        }
    
    
}

@media screen and (min-width: 769px) {
    .slick-prev {
        left: 50px;
    }
    .slick-next {
        right: 50px;
    }
    .jsMainSlider {
        height: 400px;
    }
    .mainSliderImage {
        height: 400px;
    }
        .mainSliderImage:before {
        display: none;
        }
    /* カンパニー */
    .companyCopy {
        padding-top: 80px;
        padding-bottom: 10px;
    }
    .companyCopy img {
        margin: 0;
        width: 510px;
    }
    .companySideCopy {
        width: 510px;
    }
    .companySideCopy img {
        margin: 0 0 0 100px;
        width: 310px;
    }
    /* 和柄ポーチ */
    .japaneseMakeupSetCopy {
        margin-bottom: 10px;
        padding-top: 40px;
        padding-bottom: 0px;
    }
    .japaneseMakeupSetCopy img {
        width: 350px;
        margin: 0 0 0 623px;
    }
    .japaneseMakeupSetSideCopy {
        float: right;
        width: 350px;
        margin: 0;
        padding: 10px;
        background: #b54441;
        border-radius: 10px;
        opacity: 0.7;
        text-align: left;
    }
    /*　バレリーナコレクション　*/
    .ballerineCollectionText {
        width: 60%;
    }
    .ballerineCopy img {
        margin: 60px auto 40px;
        height: 160px
    }
    .ballerineSideCopy img {
        height: 50px;
    }

    /* 筆姫 */
        /* 筆姫 */
    .fudehimeText {}
    .fudehimeCopy {
            padding-top: 20px;
            padding-bottom: 0px;
    }
        .fudehimeCopy img {
            width: 400px;
            margin: 0;
        }
        img.fudehimeCopy01 {
            margin: 20px 0 20px;
            filter: invert(0);
        }
        img.fudehimeCopy02 {
            margin: 0 0 10px;
            filter: invert(0);
        }
        img.fudehimeCopy03 {
            margin: 0 0 30px 0;
            filter: invert(0);
        }
    .omiyage {
        display: block;
    }
    .fudehimeSideCopy {}
        .fudehimeSideCopy {
            margin: 0;
            width: 400px;
            color: #333;
            font-size: 14px;
            text-align: left;
            line-height: 1.5;
        }

    /* 蒔絵 */
    .makieText {
        width: 50%;
        margin-left: 50px;
        padding-top: 65px;
    }
        .makieText img {
            filter: invert(0);
        }
        img.makieTitle {
            width: 354px;
            margin-bottom: 20px;
        }
        img.makieCopy {
            width: 215px;
            margin-bottom: 5px;
        }
        img.makiePowder,
        img.makieCheek,
        img.makieLip {
            width: 180px;
            margin-bottom: 10px;
        }



}

/* ----------------
 * トップページ 新着情報切り替えタブ
 * ---------------- */





/* ----------------
 * トップページ 新着情報
 * ---------------- */
.recentEntry {
    margin-bottom: 0;
}
    /* clearfix */
    .recentEntry:after {
        content: "";
        clear: both;
        display: block;
    }
/* 新着情報モジュールヘッダー */
.headlineHeader {
}
/* 新着情報モジュールタイトル */
.headlineHeading {
    margin-bottom: 10px;
}
/* カテゴリー切替タブ */
.headlineTab {
    margin: 0;
    padding: 0;
    border-bottom: 1px dotted #ccc;
}
    .headlineTab li {
        float: left;
        margin-left: 10px;
    }
    .headlineTab li a {
        display: block;
        padding: 0 10px;
        /*background: #e7e7e7;*/
        font-size: 13px;
        text-align: center;
        line-height: 44px;
    }
        .headlineTab li:last-child a {
            border-right: none;
        }
    .headlineTab li a.selectedHeadline {
        background: #f3f3f3;
        border-radius: 5px 5px 0 0;
        border: 1px solid #ddd;
        border-width: 1px 1px 0;
    }

    /* 切替パネル */
    .headlinePanel {}
    /* エントリーサマリー */
    .headline {}
        .headline .nsColMd-4 {
            padding: 0;
        }
        .headline a {
            display: block;
            padding: 10px 10px;
            border-bottom: 1px dotted #ccc;
            color: #333;
        }
            .headline a:hover {
                text-decoration: none;
            }
        .headlineItem {
            line-height: 1.5;
            transition: background-color 0.25s ease-out;
        }
            .headlineItem:hover {
                background: #f1f1f1;
            }
        .headlineItemHeader {}
            .headlineNewLabel {
                padding-left: 65px;
                background: url(../images/marker/label_new.png) top left no-repeat;
                background-size: contain;
            }
            .headlineNewLabelPc {
                display: none;
            }
            .headlineCtLabel {
                float: right;
            }
            .headlineDate {
                color: #666;
                font-size: 14px;
            }
        .headlineTitle {
            margin-bottom: 0;
            padding: 2px 0 0;
            line-height: 1.5;
        }
        .headlineSummary  { display: none;}
        .headlineThumnail { display: none;}

    #brushNews li:last-child a,
    #kojoenNews li:last-child a {
        border-bottom: none;
    }

@media screen and (min-width: 769px) {
    /* 新着情報 */
    .recentEntry {
        margin-bottom: 20px;
    }
    /* 新着情報モジュールタイトル */
    .headlineHeading {
        float: left;
        width: 6em;
    }
    /* カテゴリー切替タブ */
    .headlineTab {
        margin: 0;
        margin-bottom: 20px;
        padding: 11px 0 0;
        border-bottom: 1px dotted #ccc;
    }
        .headlineTab li {
            float: none;
            display: inline;
            width: auto;
            margin-left: 0;
        }
        .headlineTab li a {
            display: inline-block;
            width: 25%;
            background: transparent;
            color: #666;
            font-size: 13px;
        }
        .headlineTab li a:hover {
            opacity: .7;
        }
        .headlineTab li a.selectedHeadline {
            border: 1px solid #ddd;
            border-width: 1px 1px 0;
            border-radius: 5px 5px 0 0;
        }

    /* エントリーサマリー */
    .headline {
        display: block;
        margin-right: -15px;
        margin-left: -15px;
    }
        .headline a {
            padding-left: 15px;
            padding-right: 15px;
            border-bottom: none;
        }
        .headlineItem {
            line-height: 1.7;
        }
            .headlineNewLabel {
                padding-left: 0;
                background-image: none;
            }
            .headlineNewLabelPc {
                display: inline;
                padding-left: 15px;
                padding-right: 15px;
                background-color: #ff6766;
            }
            .ctLabel {
                float: none;
            }
            .headlineDate {
                display: block;
            }
        .headlineTitle {
            clear: both;
            margin: 0 0 15px;
            padding: 15px 0 0;
            font-size: 15px;
            font-weight: bold;
            line-height: 1.4;
        }
        /* 抜粋 */
        .headlineSummary {
            display: block;
            margin-bottom: 10px;
            font-size: 14px;
        }
        /* サムネイル */
        .headlineThumnail {
            display: block;
            margin-bottom: 20px;
        }
        .headlineThumnail img {
            width: 100%;
        }
}


/* ----------------
 * 取扱商品リスト
 * ---------------- */
/* 商品カテゴリの背景 */
.indexProcutuCategory {
    margin-bottom: 10px;
    background: #e0e0e0;
}

/* 商品カテゴリのヘッダー */
.indexPctHeader {
    width: auto;
    padding: 10px 0;
}
    /* 商品カテゴリの見出し */
    .indexPctHeader .headlineHeading {
        width: 10em;
    }
    /* clearfix */
    .indexPctHeader:after {
        content: "";
        clear: both;
        display: block;
    }

/* 商品一覧ページへのリンク */
.indexPctLink a {
    top: 10px;
}
/* 商品カテゴリ */
.indexPctList {
}
    .indexPctList li:nth-child(odd) {
        background-color: #e9e9e9;
    }
a.indexPctItem {
    color: #333;
}
.indexPctItem {
    display: block;
    height: 90px;
    padding-left: 90px;
    background-position: 0 5px;
    background-repeat: no-repeat;
    background-size: 80px 80px;
    border-top: 1px dotted #ccc;
}
    .indexPctItem:hover {
        background-color: #f3f3f3;
    }
    .indexPctNewItem     { background-image: url('../images/productlist/fudehime_s.png'); }
    .indexPctShofude     { background-image: url('../images/productlist/shofude_s.png'); }
    .indexPctJPBrush     { background-image: url('../images/productlist/japanesepainting_s.png'); }
    .indexPctMakeupBrush { background-image: url('../images/productlist/makeup_s.png'); }
    .indexPctChild       { background-image: url('../images/productlist/child_s.png'); }
    .indexPctTenkoku     { background-image: url('../images/productlist/tenkoku_s.png'); }
    .indexPctTools       { background-image: url('../images/productlist/tools_s.png'); }
    .indexPctSet         { background-image: url('../images/productlist/set_s.png'); }

    .indexPct {
        padding-top: 15px;
        margin-bottom: 0;
    }

    .indexPct img {
        height: 18px;
    }
    .indexPctSummary {
        margin-right: 10px;
        padding-right: 10px;
        background: url('../images/productlist/icon_arrow_right.png') top right no-repeat;
        background-size: 8px 16px;
        font-size: 12px;
    }

@media screen and (min-width: 769px) {
    /* 商品カテゴリの背景 */
    .indexProcutuCategory {
        background: transparent;
        padding-bottom: 50px;
    }
    /* clearfix */
    .indexProcutuCategory:after {
        content: "";
        clear: both;
        display: block;
    }
        /* 商品カテゴリの見出し */
        .indexPctHeader .headlineHeading {
            width: auto;
        }
    /* 商品一覧ページへのリンク */
    .indexPctLink {
    }
    /* 商品カテゴリ */
    .indexPctList {
    }
    .indexPctItem {
        float: left;
        position: relative;
        width: 240px;
        height: 240px;
        margin: 0 6px 6px 0;
        padding-left: 0;
        border-radius: 120px;
        background-color: #e0e0e0;
        background-position: 0 0;
        background-size: contain;
        border-top: none;
        text-align: center;
    }
        .indexPctItem:nth-child(odd) {
        }
        .indexPctList li:nth-child(4) .indexPctItem,
        .indexPctList li:nth-child(8) .indexPctItem {
            margin-right: 0;
        }
        .indexPctItem:last-child {
            border-bottom: none;
        }
        .indexPctItem:hover {
            background-color: #e9e9e9;
        }
        .indexPctNewItem     { background-image: url('../images/productlist/fudehime_l.png'); }
        .indexPctShofude     { background-image: url('../images/productlist/shofude_l.png'); }
        .indexPctJPBrush     { background-image: url('../images/productlist/japanesepainting_l.png'); }
        .indexPctMakeupBrush { background-image: url('../images/productlist/makeup_l.png'); }
        .indexPctChild       { background-image: url('../images/productlist/child_l.png'); }
        .indexPctTenkoku     { background-image: url('../images/productlist/tenkoku_l.png'); }
        .indexPctTools       { background-image: url('../images/productlist/tools_l.png'); }
        .indexPctSet         { background-image: url('../images/productlist/set_l.png'); }
        .indexPct {
            padding-top: 0;
        }
        .indexPct {
            position: absolute;
            top: 125px;
            left: 0;
            right: 0;
            bottom: 0;
            margin: 0 auto;
        }
        .indexPctSummary {
            position: absolute;
            top: 155px;
            height: 70px;
            padding: 0 20px;
            background: url('../images/productlist/icon_arrow_right.png') bottom center no-repeat;
            background-size: 14px 28px;
        }
            .indexPctItem:hover .indexPctSummary {
            }
        .indexPct img {
            height: 26px;
        }
}

@media screen and (max-width: 998px) {
    .indexPctList li:nth-child(4) .indexPctItem,
    .indexPctList li:nth-child(8) .indexPctItem {
        margin-right: 0;
    }
    .indexPctList li:nth-child(5) .indexPctItem {
        margin-left: 6px;
    }

}



/* ----------------
 * フッター　広島筆産業について
 * ---------------- */
.footerAboutWrap {
    margin-top: 20px;
    padding: 0;
    background: url('../images/about/bg_company.jpg') left center no-repeat;
    background:
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    border-top: 10px solid #fff;
    border-bottom: 10px solid #777d83;
}
.footerAbout {
    margin-top: -10px;
    margin-bottom: -10px;
    padding-bottom: 30px;
    background: url('../images/about/bg_company_orverray.png') top left repeat;
    color: #fff;
    font-size: 14px;
}
    .footerAbout:after {
        content: "";
        clear: both;
        display: block;
    }
.footerAboutHeader {
    padding-top: 30px;
    text-align: center;
}
.footerAboutTitle {
}
    .footerAboutTitle img {
        width: 100%;
    }
.footerAboutSidecopy {
}
.footerAboutContents {
    margin-bottom: 10px;
    padding: 0;
    background: url('../images/about/bg_alpha_35.png') top left repeat;
    border-radius: 10px;
}
    .footerAboutContents a {
        display: block;
        padding: 10px;
        color: #fff;
    }
    .footerAboutContents a:hover {
        /*color: #00a9f8;*/
        text-decoration: underline;
    }
    .footerAboutContents01,
    .footerAboutContents02,
    .footerAboutContents03,
    .footerAboutContents04 {
        padding-left: 70px;

    }
    .footerAboutContents01 {
        background: url('../images/about/item_content_01.png') top left no-repeat;
        background-size: 60px;
    }
    .footerAboutContents02 {
        background: url('../images/about/item_content_02.png') top left no-repeat;
        background-size: 60px;
    }
    .footerAboutContents03 {
        background: url('../images/about/item_content_03.png') top left no-repeat;
        background-size: 60px;
    }
    .footerAboutContents04 {
        background: url('../images/about/item_content_04.png') top left no-repeat;
        background-size: 60px;
    }

.footerAboutContentCopy {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: normal;
}
.footerAboutContentSidecopy {
    font-size: 12px;
}

/* フッターマップ */
#facGmap {
    width: 100%;
    height: 200px;
    border-radius: 10px;
    opacity: 0.9;
}

/* フッターオフィス */
.footerAboutOffice {
    padding: 10px 20px 10px 25px;
    background: url('../images/about/bg_alpha_35.png') top left repeat;
    border-radius: 10px;
}
.footerAboutHeadoffice,
.footerAboutKojoen {
    margin: 0;
    padding-left: 100px;
    line-height: 20px;
}
    .footerAboutHeadoffice {
        margin: 0 0 20px;
        background: url('../images/about/headoffice.png') top left no-repeat;
        background-size: 80px;
    }
    .footerAboutKojoen {
        background: url('../images/about/kojoen.png') top left no-repeat;
        background-size: 80px;
    }

/* フッター　商品カテゴリー */
.footerAboutItem {
    float: left;
    width: 50%;
    padding: 0 5px;
    color: #fff;
    font-size: 13px;
    line-height: 1.3;
    text-align: center;
}
    .footerAboutItem a {
        display: block;
        margin: 10px auto;
        padding: 20px;
        background: #717e8a;
        border: 1px solid #999;
        border-radius: 5px;
        color: #ddd;
    }
        .footerAboutItem a:hover {
            background: #4c555e;
        }

@media screen and (min-width: 480px) {
        .footerAboutTitle img {
            width: auto;
        }
}

@media screen and (min-width: 769px) {
    .footerAboutWrap {
        background-position: center center;
    }
        .footerAboutTitle img {
            width: auto;
        }
    .footerAboutContents01,
    .footerAboutContents02,
    .footerAboutContents03,
    .footerAboutContents04 {
        height: 100px;
        padding-left: 110px;
        background-size: 100px 100px;
    }
}

/* ----------------
 * 会員登録ボタン
 * ---------------- */
.memberBtn {
    padding: 0;
    /*background: #cc1f00 url(../images/sub/bg_member_campaign.png) center right no-repeat;*/
    background: #cc1f00 url(../images/sub/bg_member_campaign_wh.png) 10px 10px no-repeat;
    background-size: 300px;
    background-color: -moz-linear-gradient(top, #cc1f00 0%, #e12d0c 100%); /* FF3.6-15 */
    background-color: -webkit-linear-gradient(top, #cc1f00 0%,#e12d0c 100%); /* Chrome10-25,Safari5.1-6 */
    background-color: linear-gradient(to bottom, #cc1f00 0%,#e12d0c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc1f00', endColorstr='#e12d0c',GradientType=0 ); /* IE6-9 */
}
.memberBtn a {
    display: block;
    padding: 120px 10px 10px;
    text-align: right;
}
    .memberBtn img {
        width: 178px;
    }
    .memberBtn a:hover {
        opacity: 0.7;
    }

@media screen and (min-width: 769px) {
    .memberBtn {
        margin-bottom: 20px;
        padding: 110px 0 0;
        /*background: #cc1f00 url(../images/sub/bg_member_campaign.png) 10px 10px no-repeat;*/
        background: #cc1f00 url(../images/sub/bg_member_campaign_wh.png) 10px 10px no-repeat;
        background-size: 94%;
        background-color: -moz-linear-gradient(top, #cc1f00 0%, #e12d0c 100%); /* FF3.6-15 */
        background-color: -webkit-linear-gradient(top, #cc1f00 0%,#e12d0c 100%); /* Chrome10-25,Safari5.1-6 */
        background-color: linear-gradient(to bottom, #cc1f00 0%,#e12d0c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc1f00', endColorstr='#e12d0c',GradientType=0 ); /* IE6-9 */
        border-radius: 5px;
    }
    .memberBtn a {
        display: block;
        padding: 10px 0 10px;
        text-align: center;
    }
}

/* ----------------
 * 会員ログインボタン
 * ---------------- */
.memberLoginBtn {
    text-align: center;
}
.memberLoginBtn a {
    display: block;
    height: 64px;
    padding: 20px 10px;
    background: linear-gradient(#666, #222);
    border-top: 2px solid #ccc;
    border-width: 2px 0 0 0;
    background: #cc1f00;
    background: -moz-linear-gradient(top, #222 0%, #666 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #222 0%,#666 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #222 0%,#666 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#666',GradientType=0 ); /* IE6-9 */
    color:#eee;
}
    .memberLoginBtn img {
        width: 178px;
    }
    .memberLoginBtn a:hover {
        opacity: 0.7;
    }

@media screen and (min-width: 769px) {
    .memberLoginBtn a {
        display: block;
        width: 222px;
        height: 57px;
        margin-bottom: 20px;
        padding: 17px 0 0;
        border: 0;
        border-radius: 5px;
        
    }
}







/* ----------------
 * フェイスブックバナー
 * ---------------- */
.fbLink {
    display: block;
    margin-bottom: 40px;
    padding: 20px 10px;
    border: 2px solid #ccc;
    border-width: 2px 0 2px 0;
}
    /* clearfix */
    .fbLink:after {
        content: "";
        clear: both;
        display: block;
    }
    .fbLink img {
        width: 200px;
        float: left;
    }
    .fbLink a:hover {
        opacity: 0.7;
    }
    .fb-like {
        float: right;
    }

@media screen and (min-width: 769px) {
    .fbLink {
        display: block;
        width: 222px;
        height: 85px;
        margin-bottom: 20px;
        padding: 10px 0 0;
        background: #e9eaed;
        border: 3px solid #d6dce9;
        text-align: center;
    }
    .fbLink img {
        width: 202px;
        float: none;
    }
    .fb-like {
        float: none;
    }
}


/* ----------------
 * ページインフォメーション
 * ---------------- */
.pageInfoWrap {
    padding: 0px 0 30px;
}

/* ----------------
 * ページャー
 * ---------------- */
.pagerWrap {
}
.pager {
    list-style: none;
    margin: 0 -5px 50px -5px;
    padding: 0;
    text-align: center;
}
    .pager li {
        display: inline-block;
        margin: 0 5px 10px;
    }
        .pager li.curr {
            padding: 5px 10px;
            background: #999999;
            border-radius: 3px;
            color: #FFF;
        }
.pagerLink {
    display: block;
    padding: 5px 10px;
    background: #e5e5e5;
    border-radius: 3px;
    color: #333;
}
    .pagerLink:visited,
    .pagerLink:focus,
    .pagerLink:active {
        color: #333;
    }
    .pagerLink:hover {
        background: #333;
        color: #fff;
        text-decoration: none;
    }

@media screen and (min-width: 769px) {
    .pagerLink {
        padding: 5px 10px;
    }
    .pager li.curr {
        padding: 5px 10px;
    }
}
/* 前後リンク */
.serialNav {
  list-style: none;
  margin: -25px 0 60px 0;
  padding: 0;
}
.serialNav .serialNavItem {
  display: block;
  float: none;
}
.serialNav .serialNavItemPrev {
  text-align: left;
}
.serialNav .serialNavItemNext {
  text-align: right;
}
.serialNav a {
  display: block;
  padding: 25px 0;
  border-bottom: 1px solid #e5e5e5;
  color: #333;
}
.serialNav a:hover,
.serialNav a:visited,
.serialNav a:focus,
.serialNav a:active {
  color: inherit;
  text-decoration: none;
}
.serialNav a:hover {
  background: #e5e5e5;
}
@media screen and (min-width: 768px) {
  .serialNav {
    margin: 0 0 60px 0;
    border: 0;
  }
  .serialNav .serialNavItemPrev {
    float: left;
  }
  .serialNav .serialNavItemNext {
    float: right;
  }
  .serialNav a {
    display: inline;
    border: 0;
  }
  .serialNav a:hover {
    text-decoration: underline;
    background: 0;
  }
}

/* ----------------
 * トピックパス
 * ---------------- */
.topicpath {
    margin-bottom: 30px;
    padding: 10px 0;
    background: #F5F5F5;
}
.topicpathList {
    list-style: none;
    margin: 0 auto;
}
.topicpathItem {
    float: left;
    padding: 0 10px 0 23px;
    background: url(../images/marker/icon_arrow_right.png) no-repeat left center;
    font-size: 13px;
}
.topicpathItem:first-child {
    padding: 0 10px 0 0;
    background: 0;
}
.topicpathLink {
    color: #666;
}
    .topicpathLink:visited,
    .topicpathLink:focus,
    .topicpathLink:active {
        color: #666;
    }
    .topicpathLink:hover {
        color: #999;
        text-decoration: underline;
    }

/* ----------------
 * ページタイトル
 * ---------------- */
.pageTitle {
    height: 24px;
    margin-bottom: 30px;
    padding-left: 30px;
    background: url(../images/common/bg_title.png) top left no-repeat;
    background-size: contain;
    font-size: 18px;
    line-height: 26px;
}
    .childPageTitle {
        height: 20px;
        margin-bottom: 30px;
        padding-left: 25px;
        font-size: 16px;
        line-height: 23px;
    }


.pageSubTitle {
    height: 20px;
    margin-bottom: 20px;
    padding-left: 28px;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
}

@media screen and (min-width: 769px) {
    .pageTitle {
        height: 30px;
        padding-left: 38px;
        font-size: 24px;
        font-weight: normal;
        line-height: 34px;
    }
        .childPageTitle {
            font-size: 18px;
        }
    .pageSubTitle {
        height: 24px;
        margin-bottom: 20px;
        padding-left: 30px;
        font-size: 20px;
        font-weight: normal;
        line-height: 28px;
    }
}

/* ----------------
 * エントリータブ
 * ---------------- */
.entryListTabWrap {
    margin-bottom: 30px;
}
.entryListTab {
    position: relative;
    display: flex;
    justify-content: center;
}
    .entryListTab:after {
        position: absolute;
        content: "";
        width: 100%;
        bottom: 0;
        left: 0;
        border-bottom: 1px solid #ccc;
        z-index: 1;
    }
    .entryListTab:before {
        z-index: 1;
    }
.entryListTabItem a {
    position: relative;
    display: inline-block;
    height: 44px;
    margin: 0 1px;
    padding: 0 10px;
    background: #e7e7e7;
    border: 1px solid #ccc;
    border-radius: 5px 5px 0 0;
    color: #999;
    font-size: 14px;
    line-height: 46px;
    z-index: 0;
    transition: all 0.3s ease-out;
}
    .entryListTabItem a:hover {
        background: #fff;
        border-bottom: 4px solid #e70000;
        color: #666;
        z-index: 2;

    }
    .entryListTabItem a.entryCurrTabItem {
        background: #fff;
        color: #333;
        z-index: 2;
        border-bottom-color: #fff;
    }

@media screen and (min-width: 480px) {
    .entryListTabItem a {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 16px;
    }
}


@media screen and (min-width: 769px) {
    .entryListTabWrap {
        display: none;
    }
}


/* ----------------
 * エントリー
 * ---------------- */
.entryPageTitle {}
.entryPageCategory {
    display: inline-block;
    margin-left: 2em;
    color: #666;
    font-size: 70%;
}
.entry {
    margin: 0 0 30px 0;
    border-bottom: 1px solid #e5e5e5;
}
.nsEntry {
    margin-bottom: 30px;
}
.nsEntryHeader {
    margin: 0 0 30px 0;
}
.entryInfo {
    margin-top: 0;
    font-size: 14px;
}
.entryCategoryLabel,
.entryNewLabel {
    font-size: 14px;
}
    .entryNewLabel {
        background: #f66;
    }
    .entryCategpryLabel a {
        padding: 0 1em;
        color: #fff;
    }
.entryTitle {
    margin: 20px 0 0px;
    font-size: 20px;
    line-height: 1.3;
}
.entryTitle a {
    color: #333;
}
.nsEntry h2.entryTitle {
    padding: 0;
}
.nsEntry p {
    line-height: 1.446;
    line-height: 1.8;
    word-break: break-all;
}


/* 続きを読む */
.readMore {
    margin: 0;
    font-size: 16px;
}
    .readMore a {
        display: inline-block;
        padding: 7px 25px 5px 10px;
        background: #999 url(../images/marker/icon_white2_arrow_right.png) top right no-repeat;
        background-size: contain;
        border-radius: 3px;
        color: #fff;
        line-height: 1.5;
        font-weight: bold;
    }
    .readMore a:link,
    .readMore a:visited {
        color: #fff;
    }
    .readMore a:hover,
    .readMore a:focus,
    .readMore a:active {
        background-color: #aaa;
        color: #fff;
        text-decoration: none;
    }

@media screen and (min-width: 769px) {
    .entryTitle {
        font-size: 24px;
        font-weight: normal;
    }
    .readMore {
        margin-bottom: 10px;
        font-size: 13px;
    }
}


/* エントリーなし */
.noEntry,
.noData {
    background: #f3f3f3;
    margin-bottom: 50px;
    padding: 30px;
    border-radius: 5px;
    color: #999;
    font-size: 13px;
    text-align: center;
}
.noEntry p,
.noData p {
    margin: 0;
    }



/* ----------------
 * カラム要素
 * ---------------- */s

/* 本文 */
.entryColumn p {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 1.7;
    word-break: break-all;
}
/* エントリー内のコンテナ */
.entryColumn .entryColumnContainer {
    margin: 0 15px;
}
/* テーブル */
.entryColumn .entryTableContainer {
    margin: 0 15px;
}
.entryColumn table {
      width: 100%;
      margin: 0 0 30px 0;
}
.entryColumn th,
.entryColumn td {
    display: block;
    padding: 5px 10px;
    text-align: left;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    border-top: 1px solid #DFDFDF;
    vertical-align: top;
}
.entryColumn th {
    background: #F5F5F5;
}
@media screen and (min-width: 769px) {
    .entryColumn th,
    .entryColumn td {
        display: table-cell;
        padding: 15px 20px;
        text-align: left;
        font-size: 16px;
        border-top: 1px solid #DFDFDF;
    }
    .entryColumn th {
        background: inherit;
    }
    .entryColumn tr:nth-child(odd) {
        background: #F5F5F5;
    }
}

/* リスト */
.entryColumn ul {
    list-style-type: disc;
    margin: 0 0 25px 0;
    padding: 0 0 0 3em;
}
.entryColumn ul li {
    margin: 0 0 5px 0;
    font-size: 16px;
    line-height: 1.5;
}
/* 番号付きリスト */
.entryColumn ol {
    list-style-type: decimal;
    margin: 0 0 25px 0;
  　padding: 0 0 0 4em;
}
.entryColumn ol li {
    margin: 0 0 5px 0;
    font-size: 16px;
    line-height: 1.5;
}
/* 定義リスト */
.entryColumn dl {
    margin-top: 0;
    margin-bottom: 30px;
}
.entryColumn dt {
    margin: 0 0 5px 0;
    font-size: 16px;
    line-height: 1.2;
}
.entryColumn dd {
    font-size: 16px;
    line-height: 1.5;
}
/* 引用 */
.entryColumn blockquote {
    margin-bottom: 30px;
    padding: 15px 20px 15px 16px;
    font-size: 16px;
    line-height: 1.5;
    border-left: 4px solid #BFBFBF;
    background: #EFEFEF;
}
/* ソースコード */
.entryColumn pre {
    margin: 0 0 30px 0;
}
.entryColumn pre ol {
    margin: 0;
    padding: 0 0 0 2.5em;
}
.entryColumn pre ol li {
    line-height: 1.5;
}
/* 区切り線 */
.entryColumn hr {
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}
/* ユニット */
.entryColumn .caption {
    margin: 0 0 20px 0;
    font-size: 13px;
}

/* --------------------------------
 * エントリーフッター
 * -------------------------------- */
.entryFooter {
    margin: 0 0 20px 0;
    padding: 0;
    border-top: 1px solid #e5e5e5;
    background: #fff;
}
    .entryFooter:after {
        content: "";
        clear: both;
        display: block;
    }

/* --------------------------------
 * sns
 * -------------------------------- */
.socialWrap {
    padding: 20px 0 0;
    text-align: center;
}
[class*='icon'] {
    display: table-cell;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.iconTwitter {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-right: 10px;
    background: url(../images/icon/twitter.png) top left no-repeat;
    background-size: 34px;
}
.iconFacebook {
    display: inline-block;
    width: 34px;
    height: 34px;
    background: url(../images/icon/facebook.png) top left no-repeat;
    background-size: 34px;
}

@media screen and (min-width: 769px) {
    .socialWrap {
        text-align: right;
    }
}

/* --------------------------------
 * エントリータグ
 * -------------------------------- */
.entryTagWrap {
    padding: 10px 0;
    border-bottom: 1px dotted #ccc;
}
.entryTag {
    margin: 0;
    line-height: 34px;
}
.entryTagIcon {
    float: left;
    color: #999;
}
.entryTagItem {
    float: left;
    margin: 0 0 0 10px;
}
@media screen and (min-width: 769px) {
    .entryTagWrap {
        padding: 20px 0 0;
        border-bottom: 0;
    }
    .entryTag {
        margin: 0;
    }
}

/* ----------------
 * エントリー前後リンク
 * ---------------- */
.serialNav {
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0;
}
.serialNav .serialNavItem {
    display: block;
    float: none;
    line-height: 1.3;
}
.serialNav .serialNavItemPrev {
    text-align: left;
}
.serialNav .serialNavItemNext {
    text-align: right;
}
.serialNav a {
    display: block;
    padding: 25px 0;
    border-bottom: 1px solid #e5e5e5;
    color: #333;
}
.serialNav a:hover,
.serialNav a:visited,
.serialNav a:focus,
.serialNav a:active {
    color: inherit;
    text-decoration: none;
}
.serialNav a:hover {
    background: #f3f3f3;
    border-radius: 10px;
}
.prevEntryLabel,
.nextEntryLabel {
    display: inline-block;
    margin-bottom: 10px;
}
.prevEntryDate,
.nextEntryDate {
    display: inline-block;
    padding-top: 10px;
    color: #666;
    font-size: 12px;
}
.prevEntryTitle,
.nextEntryTitle {
}
.serialNavItemPrev a,
.serialNavItemNext a {
    transition: all 0.2s ease-out;
}
.serialNavItemPrev a {
    padding-left: 0px;
    padding-right: 30px;
}
.serialNavItemNext a {
    padding-left: 30px;
    padding-right: 0px;
}
.serialNavItemPrev a:hover {
    padding-left: 15px;
    padding-right: 15px;
}
.serialNavItemNext a:hover {
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (min-width: 769px) {
    .serialNav {
        margin: 0 0 60px 0;
        border: 0;
    }
    .serialNav .serialNavItem {
        width: 45%;
    }
    .serialNav .serialNavItemPrev {
        float: left;
    }
    .serialNav .serialNavItemNext {
        float: right;
    }
    .serialNav a {
        margin-bottom: 30px;
        border: 0;
    }
    .serialNav a:hover {
    }
}

/* ----------------
 * 取扱商品一覧
 * ---------------- */
.productsListContainer {
        height: 300px;
    }
    /* 取扱商品背景 */
    .productsListBrush            { background: url(../images/products/bg_brush_480.jpg) top center no-repeat; background-size: cover; }
    .productsListJapanesePainting { background: url(../images/products/bg_japanesepainting_480.jpg) top center no-repeat;  background-size: cover;}
    .productsListMakeupBrush      { background: url(../images/products/bg_makeupbrush_480.jpg) top center no-repeat; background-size: cover; }
    .productsListTaimou           { background: url(../images/products/bg_taimou_480.jpg) top center no-repeat; background-size: cover; height: 300px; }
    .productsListTenkoku          { background: url(../images/products/bg_tenkoku_480.jpg) top center no-repeat; background-size: cover; }
    .productsListParaphernalia    { background: url(../images/products/bg_paraphernalia_480.jpg) top center no-repeat; background-size: cover; }
    .productsListSet              { background: url(../images/products/bg_set_480.jpg) top center no-repeat; background-size: cover; height: 350px; }

    /* 取扱商品名 */
    .productsListItemName {
        padding-top: 20px;
        padding-bottom: 10px;
    }
        .productsListItemName img {
            height: 40px;
        }
    /* 取扱商品説明文 */
    .productsListItemCopy {
        padding-left: 0.3em;
        padding-bottom: 0px;
        font-size: 14px;
        line-height: 1.5;
    }
    /* 取扱商品のカテゴリーページへのリンク */
    .productsListItemLink a {
        position: relative;
        display: inline-block;
        padding: 0 38px 0 3px;
        color: #08c;
        font-size: 14px;
    }
        .productsListItemLink a:before,
        .productsListItemLink a:after{
            position: absolute;
            top: -2px;
            bottom: 0;
            right: 0;
            margin: auto;
            content: "";
            vertical-align: middle;
        }
        .productsListItemLink a:before{
            right: 20px;
            width: 10px;
            height: 10px;
            border-top: 1px solid #08c;
            border-right: 1px solid #08c;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }
            .productsListItemLink a:hover {
                background-position: bottom right;
                border-color: #00a9f8;
                color: #00a9f8;
            }

/* 取扱商品一覧PCサイズ */
@media screen and (min-width: 480px) {
    .productsListContainer {
        height: 400px;
    }
        .productsListSet { height: 500px; }
        .productsListBrush            { background: url(../images/products/bg_brush.jpg) top center no-repeat; background-size: cover; }
        .productsListJapanesePainting { background: url(../images/products/bg_japanesepainting.jpg) top center no-repeat;  background-size: cover;}
        .productsListMakeupBrush      { background: url(../images/products/bg_makeupbrush.jpg) top center no-repeat; background-size: cover; }
        .productsListTaimou           { background: url(../images/products/bg_taimou.jpg) top center no-repeat; background-size: cover; }
        .productsListTenkoku          { background: url(../images/products/bg_tenkoku.jpg) top center no-repeat; background-size: cover; }
        .productsListParaphernalia    { background: url(../images/products/bg_paraphernalia.jpg) top center no-repeat; background-size: cover; }
        .productsListSet              { background: url(../images/products/bg_set.jpg) top center no-repeat; background-size: cover; }
        .productsListParaphernalia { height: 600px; }
        .productsListSet           { height: 650px; }
    .productsListItemName {
        padding-top: 35px;
    }
        .productsListItemName img {
            height: auto;
        }
    .productsListItemCopy {
        padding-left: 0.3em;
        padding-bottom: 25px;
        font-size: 18px;
        line-height: 1.5;
    }
    .productsListItemLink a {
        position: relative;
        display: inline-block;
        height: 44px;
        padding: 0 38px 0 22px;
        border: 1px solid #08c;
        border-radius: 22px;
        color: #08c;
        font-size: 15px;
        line-height: 44px;
    }
        .productsListItemLink a:before,
        .productsListItemLink a:after{
            position: absolute;
            top: -2px;
            bottom: 0;
            right: 0;
            margin: auto;
            content: "";
            vertical-align: middle;
        }
        .productsListItemLink a:before{
            right: 20px;
            width: 10px;
            height: 10px;
            border-top: 1px solid #08c;
            border-right: 1px solid #08c;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }
            .productsListItemLink a:hover {
                background-position: bottom right;
                border-color: #00a9f8;
                color: #00a9f8;
            }
}

/* ----------------
 * 商品カテゴリー
 * ---------------- */
/* 各カテゴリー一覧ページのヘッダー  */
.productCategoryHeader {
    height: 400px;
    margin-top: -30px;
    margin-bottom: 30px;
}
/* カテゴリーヘッダーのタイトル */
.productCategoryPageTitle {
}
    .productCategoryPageTitle img {
        height: 36px;
    }
/* カテゴリーヘッダーのサブタイトル */
.productCategoryPageSubTitle {}
    .productCategoryPageSubTitle img {
        height: 25px;
    }
/* カテゴリーヘッダーのコピー */
.productCategoryPageCopy {}

/* カテゴリーページのセクションタイトル */
.productCategoryTitle {
    margin-bottom: 10px;
}
/* カテゴリーページのセクションコピー */
.productCategoryCopy {
    margin-bottom: 30px;
    font-size: 14px;
}

/* pc、タブレットサイズ */
@media screen and (min-width: 480px) {
    .productCategoryHeader {
    }
        /* カテゴリータイトル */
    .productCategoryPageTitle {
    }
        .productCategoryPageTitle img {
            height: 72px;
        }
    /* カテゴリーサブタイトル */
    .productCategoryPageSubTitle {}
        .productCategoryPageSubTitle img {
            height: 50px;
        }
    /* カテゴリーコピー */
    .productCategoryPageCopy {}

}

/* 各カテゴリーページ  */
.productCategoryContainer {
    height: 300px;
}
    /* 書筆 */
    .productYomo       { background: url(../images/brush/bg_yomo_480.jpg) top center no-repeat; background-size: cover; height: 320px;}
    .productFutofude   { background: url(../images/brush/bg_futofude_480.jpg) top center no-repeat; background-size: cover; }
    .productChufude    { background: url(../images/brush/bg_chufude_480.jpg) top center no-repeat; background-size: cover; }
    .productKofude     { background: url(../images/brush/bg_kofude_480.jpg) top center no-repeat; background-size: cover; }
    .productKanafude   { background: url(../images/brush/bg_kanafude_480.jpg) top center no-repeat; background-size: cover; }
    .productShakyofude { background: url(../images/brush/bg_shakyofude_480.jpg) top center no-repeat; background-size: cover; }
    /* 日本画筆 */
    .productNihonga  { background: url(../images/japanesepaint/bg_nihonga_480.jpg) top center no-repeat; background-size: cover; }
    .productEhake    { background: url(../images/japanesepaint/bg_ehake_480.jpg) top center no-repeat; background-size: cover; height: 320px; }
    .productRenpitsu { background: url(../images/japanesepaint/bg_renpitsu_480.jpg) top center no-repeat; background-size: cover; height: 340px; }
    .productBokashi  { background: url(../images/japanesepaint/bg_bokashi_480.jpg) top center no-repeat; background-size: cover; height: 320px; }
    /* 化粧筆 */
    .productAibrushShort   { background: url(../images/makeupbrush/bg_aibrush_short_480.jpg) top center no-repeat; background-size: cover; }
    .productAibrushLong    { background: url(../images/makeupbrush/bg_aibrush_long_480.jpg) top center no-repeat; background-size: cover; }
    .productBallerine      { background: url(../images/makeupbrush/bg_ballerine_480.jpg) top center no-repeat; background-size: cover; }
    .productMakeupbrushSet { background: url(../images/makeupbrush/bg_makeupbrush_set_480.jpg) top center no-repeat; background-size: cover; height: 350px;}
    .productAibrushShort, .productAibrushLong, .productBallerine, .productMakeupbrushSet {}
    /* セット・ギフト・グッズ */
    .productFudeset         { background: url(../images/set/bg_fude_set_480.jpg) top center no-repeat; background-size: cover; height: 350px;}
    .productCalligraphyset  { background: url(../images/set/bg_calligraphy_set_480.jpg) top center no-repeat; background-size: cover;  height: 420px;}
    .productEtegamiset      { background: url(../images/set/bg_etegami_set_480.jpg) top center no-repeat; background-size: cover; }
    .productMakeupbrushSet2 { background: url(../images/set/bg_makeupbrush_set_480.jpg) top center no-repeat; background-size: cover;}
    /*.productGoods           { background: url(../images/set/bg_goods_480.jpg) top center no-repeat; background-size: cover;}*/
    .productEtegamiset, .productMakeupbrushSet2 { height: 400px; }
    .productGoods { height: 300px; }
    /* 書道用品 */
    .productSumi   { background: url(../images/paraphernalia/bg_sumi_480.jpg) top center no-repeat; background-size: cover; }
    .productSuzuri { background: url(../images/paraphernalia/bg_suzuri_480.jpg) top center no-repeat; background-size: cover; }
    .productKami   { background: url(../images/paraphernalia/bg_kami_480.jpg) top center no-repeat; background-size: cover; }
    .productSumi,
    .productSuzuri,
    .productKami { height: 400px; }


/* 商品カテゴリー名 */
.productCategoryItemName {
    margin-bottom: 90px;
    padding-top: 40px;
    text-align: center;
}
    .productCategoryItemName img { height: 40px; }
        /* 書筆 */
        .productCategoryItemNameYomo {
            margin-bottom: 110px;
        }
        /* 日本画筆 */
        .productCategoryItemNameBokashi {
            margin-bottom: 100px;
        }
        .productCategoryItemNameEhake,
        .productCategoryItemNameRenpitsu {
            margin-bottom: 140px;
        }
        /* 化粧筆 */
        .productCategoryItemNameAibrushShort,
        .productCategoryItemNameAibrushLong,
        .productCategoryItemNameBallerine,
        .productCategoryItemNameMakeupbrushSet {
            padding-top: 20px;
            margin-bottom: 100px;
        }
        /* 日本画 */
        .productCategoryItemNameNihonga img { width: 280px; height: auto; }
        /* セット・ギフト・グッズ */
        .productCategoryItemNameFudeSet {
            margin-bottom: 120px;
            padding-top: 20px;
        }
        .productCategoryItemNameCalligraphyset,
        .productCategoryItemNameEtegamiset,
        .productCategoryItemNameMakeupbrushSet2 {
            margin-bottom: 200px;
            padding-top: 20px;
        }
        .productCategoryItemNameGoods {
            margin-bottom: 0;
        }
        /* セットブラシ */
        .productCategoryItemNameMakeupbrushSet {
            margin-bottom: 170px;
            padding-top: 0px;
        }
        .productCategoryItemNameSumi,
        .productCategoryItemNameSuzuri,
        .productCategoryItemNameKami {
            margin-bottom: 170px;
            padding-top: 20px;
        }
/* カテゴリー説明文 */
.productCategoryItemCopy {
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
}
/* カテゴリー内の商品一覧ページへのリンク */
.productCategoryItemLink {
    text-align: center;
}
    .productCategoryItemLink a {
        position: relative;
        display: inline-block;
        padding: 0 38px 0 3px;
        color: #08c;
        font-size: 14px;
    }
        .productCategoryItemLink a:before,
        .productCategoryItemLink a:after{
            position: absolute;
            top: -2px;
            bottom: 0;
            right: 0;
            margin: auto;
            content: "";
            vertical-align: middle;
        }
        .productCategoryItemLink a:before{
            right: 20px;
            width: 10px;
            height: 10px;
            border-top: 1px solid #08c;
            border-right: 1px solid #08c;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }
            .productCategoryItemLink a:hover {
                background-position: bottom right;
                border-color: #00a9f8;
                color: #00a9f8;
            }
/* pc、タブレットサイズ */
@media screen and (min-width: 480px) {
    /* 書筆 - カテゴリー */
    .productCategoryContainer {}
        /* 書筆 */
        .productYomo       { background: url(../images/brush/bg_yomo.jpg) top center no-repeat; background-size: cover; height: 320px;}
        .productFutofude   { background: url(../images/brush/bg_futofude.jpg) top center no-repeat; background-size: cover; }
        .productChufude    { background: url(../images/brush/bg_chufude.jpg) top center no-repeat; background-size: cover; }
        .productKofude     { background: url(../images/brush/bg_kofude.jpg) top center no-repeat; background-size: cover; }
        .productKanafude   { background: url(../images/brush/bg_kanafude.jpg) top center no-repeat; background-size: cover; }
        .productShakyofude { background: url(../images/brush/bg_shakyofude.jpg) top center no-repeat; background-size: cover; }
        /* 日本画筆 */
        .productNihonga  { background: url(../images/japanesepaint/bg_nihonga.jpg) top center no-repeat; background-size: cover; }
        .productEhake    { background: url(../images/japanesepaint/bg_ehake.jpg) top center no-repeat; background-size: cover; }
        .productRenpitsu { background: url(../images/japanesepaint/bg_renpitsu.jpg) top center no-repeat; background-size: cover; }
        .productBokashi  { background: url(../images/japanesepaint/bg_bokashi.jpg) top center no-repeat; background-size: cover; }
        /* 画筆 */
        .productSuisai { background: url(../images/paintingbrush/bg_suisai.jpg) top center no-repeat; background-size: cover; }
        .productYusai  { background: url(../images/paintingbrush/bg_yusai.jpg) top center no-repeat; background-size: cover; }
        /* 化粧筆 タブレット */
        .productAibrushShort   { background: url(../images/makeupbrush/bg_aibrush_short_768.jpg) top center no-repeat; background-size: cover; }
        .productAibrushLong    { background: url(../images/makeupbrush/bg_aibrush_long_768.jpg) top left no-repeat; background-size: cover; }
        .productBallerine      { background: url(../images/makeupbrush/bg_ballerine_768.jpg) top center no-repeat; background-size: cover; }
        .productMakeupbrushSet { background: url(../images/makeupbrush/bg_makeupbrush_set_768.jpg) top center no-repeat; background-size: cover; }
        .productAibrushShort, .productAibrushLong, .productBallerine, .productMakeupbrushSet { height: 500px; text-align: center;}
        /* セット・ギフト・グッズ */
        .productFudeset         { background: url(../images/set/bg_fude_set_768.jpg) top left no-repeat; background-size: cover; height: 400px; }
        .productCalligraphyset  { background: url(../images/set/bg_calligraphy_set_768.jpg) top center no-repeat; background-size: cover; }
        .productEtegamiset      { background: url(../images/set/bg_etegami_set_768.jpg) top center no-repeat; background-size: cover; }
        .productMakeupbrushSet2 { background: url(../images/set/bg_makeupbrush_set_768.jpg) top center no-repeat; background-size: cover;}
        .productGoods           { background: url(../images/set/bg_goods.jpg) top center no-repeat; background-size: cover;}
        .productCalligraphyset,.productEtegamiset,.productMakeupbrushSet2 { height: 500px; }
        /* 書道用品 */
        .productSumi   { background: url(../images/paraphernalia/bg_sumi.jpg) top center no-repeat; background-size: cover; }
        .productSuzuri { background: url(../images/paraphernalia/bg_suzuri.jpg) top center no-repeat; background-size: cover; }
        .productKami   { background: url(../images/paraphernalia/bg_kami.jpg) top center no-repeat; background-size: cover; }

    /* 商品カテゴリー名 */
    .productCategoryItemName {
        margin-bottom: 5px;
        padding-top: 30px;
        text-align: left;
    }
        .productCategoryItemName img {
            height: 50px;
        }
        /* 日本画筆 */
        .productCategoryItemNameNihonga img { width: auto;}

        /* 化粧筆 */
        .productCategoryItemNameAibrushShort,
        .productCategoryItemNameAibrushLong,
        .productCategoryItemNameBallerine,
        .productCategoryItemNameMakeupbrushSet {
            margin-bottom: 10px;
            text-align: center;
        }
        .productCategoryItemNameAibrushShort img,
        .productCategoryItemNameAibrushLong img,
        .productCategoryItemNameBallerine img,
        .productCategoryItemNameMakeupbrushSet img {
            height: 70px;
        }
        /* セット */
        .productCategoryItemNameCalligraphyset,
        .productCategoryItemNameMakeupbrushSet2 {
            padding-top: 100px;
        }
        .productCategoryItemNameEtegamiset {
            padding-top: 180px;
        }

    .productCategoryItemCopy {
        padding-left: 0.3em;
        padding-bottom: 0px;
        font-size: 16px;
        line-height: 1.5;
    }
        /* 化粧筆 */
        .productAibrushShort .productCategoryItemCopy,
        .productAibrushLong .productCategoryItemCopy,
        .productBallerine .productCategoryItemCopy,
        .productMakeupbrushSet .productCategoryItemCopy {
            margin-bottom: 220px;
        }
    /* 一覧へのリンク */
    .productCategoryItemLink {
        text-align: left;
    }
        .productCategoryItemLink a {
            position: relative;
            display: inline-block;
            height: 44px;
            padding: 0 38px 0 22px;
            border: 1px solid #08c;
            border-radius: 22px;
            color: #08c;
            font-size: 15px;
            line-height: 44px;
        }
            .productCategoryItemLink a:before,
            .productCategoryItemLink a:after{
                position: absolute;
                top: -2px;
                bottom: 0;
                right: 0;
                margin: auto;
                content: "";
                vertical-align: middle;
            }
            .productCategoryItemLink a:before{
                right: 20px;
                width: 10px;
                height: 10px;
                border-top: 1px solid #08c;
                border-right: 1px solid #08c;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
            }
                .productCategoryItemLink a:hover {
                    background-position: bottom right;
                    border-color: #00a9f8;
                    color: #00a9f8;
                }

    /* 化粧筆 */
    .productAibrushShort .productCategoryItemLink,
    .productAibrushLong .productCategoryItemLink,
    .productBallerine .productCategoryItemLink,
    .productMakeupbrushSet .productCategoryItemLink { text-align: center;}
}
/* タブレットサイズ */
@media screen and (min-width: 769px) {
     /* 化粧筆 */
    .productAibrushShort   { background: url(../images/makeupbrush/bg_aibrush_short.jpg) top center no-repeat; background-size: cover; }
    .productAibrushLong    { background: url(../images/makeupbrush/bg_aibrush_long.jpg) top center no-repeat; background-size: cover; }
    .productBallerine      { background: url(../images/makeupbrush/bg_ballerine.jpg) top center no-repeat; background-size: cover; }
    .productMakeupbrushSet { background: url(../images/makeupbrush/bg_makeupbrush_set.jpg) top center no-repeat; background-size: cover; }
    .productAibrushShort, .productAibrushLong, .productBallerine, .productMakeupbrushSet { height: 500px; text-align: center;}
    /* セット・ギフト・グッズ */
    .productFudeset         { background: url(../images/set/bg_fude_set.jpg) top center no-repeat; background-size: cover; height: 400px; }
    .productCalligraphyset  { background: url(../images/set/bg_calligraphy_set.jpg) top center no-repeat; background-size: cover; }
    .productEtegamiset      { background: url(../images/set/bg_etegami_set.jpg) top center no-repeat; background-size: cover; }
    .productMakeupbrushSet2 { background: url(../images/set/bg_makeupbrush_set.jpg) top center no-repeat; background-size: cover;}
    .productGoods           { background: url(../images/set/bg_goods.jpg) top center no-repeat; background-size: cover;}
}


/* ----------------
 * 化粧筆 - 用途別メニュー
 * ---------------- */
.makeupbrushClassListContainer {
    padding: 30px 0 20px;
    background: #f4f3f3;
    text-align: center;
}
    .makeupbrushClassListContainer :after {
        content: "";
        clear: both;
        display: block;
    }
.makeupbrushClassListTitle {
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: normal;
}
.makeupbrushClassItem {
    margin-bottom: 30px;
}
.makeupbrushClassName img {max-width: 70%;}
.makeupbrushClassEname img {max-width: 50%;}
.makeupbrushClassImage img {
    max-width: 50%;
    border: 4px solid #5f6b7e;
    border-radius: 50%;
}
/* 用途別ページへのリンク */
 a.makeupbrushClassLink {
 }
     a.makeupbrushClassLink:visited {
         border: 4px solid #5f6b7e;
     }
     a.makeupbrushClassLink:hover {
     }

/* pc、タブレットサイズ */
@media screen and (min-width: 480px) {
    .makeupbrushClassName img {max-width: 100%;}

}


/* ----------------
 * 商品一覧
 * ---------------- */
.productList {}
 /* 商品コンテナ */
.productListItem {
    margin-bottom: 40px;
}
/* 商品名 */
.productListItemName {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: normal;
}
/* 商品イメージ */
.productListItemImage {
    margin-bottom: 20px;
    text-align: center;
}
    .productListItemImage img {
        max-width: 100%;
    }
/* 商品価格 */
.productListItemPrice {
    margin-bottom: 20px;
    font-size: 14px
}
    .productListItemPrice span {
        font-size: 20px
    }
/* リンク */
.productListItemLink:link,
.productListItemLink:visited,
.productListItemLink:active {
   color: #333;
}
/* 商品なし */
.noProduct {
    margin-bottom: 50px;
    padding: 30px;
    border: 1px solid #eee;
    border-radius: 5px;
    background: #fcfcfc;
    color: #999;
    font-size: 16px;
    text-align: center;
}



/* ----------------
 * 商品詳細
 * ---------------- */
/* 商品カテゴリー名 */
.productPageCategoryTitle{
    height: 20px;
    margin-bottom: 30px;
    padding-left: 25px;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
}
    /* 一覧へ戻るリンク */
    .backtoCategoryListLink {
        margin-left: 1em;
        padding: 0 0 0 10px;
        background: url(../images/marker/icon_arrow_left.png) no-repeat left center;
        font-size: 13px;
        font-weight: normal;
        color: #666;
    }
        .backtoCategoryListLink:visited,
        .backtoCategoryListLink:focus,
        .backtoCategoryListLink:active {
            color: #666;
        }
        .backtoCategoryListLink:hover {
            color: #999;
            text-decoration: underline;
        }

/* 商品名 */
.productItemName {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 30px;
    font-weight: normal;
}
/* 商品画像 */
.productImage {
    margin-bottom: 30px;
    text-align: center;
}
    .productImage img {
        max-width: 100%;
    }
/* 商品価格 */
.productPrice {
    margin-bottom: 20px;
    font-size: 16px;
}
    .productPrice span {
        font-size: 30px;
    }
/* フォーム要素 */
.productDetailForm {
    margin-bottom: 50px;
}
    /* サイズ、カラー選択 */
    .productSizeColorSelector {
        margin-bottom: 20px;
    }
    /* カートボタン */
    .addCartBtn {
        width: 100%;
    }
    /* 在庫なし */
    .outOfStock {
        max-width: 100%;
        height: 44px;
        padding: 0 0px;
        border: 2px solid #eee;
        border-radius: 5px;
        background-color: #f3f3f3;
        color: #999;
        font-size: 16px;
        text-align: center;
        line-height: 44px;
    }



/* 名入れオプション */
.productEngravingOption {
    margin-bottom: 20px;
}
    .productEngravingOption span {
        color: #966;
        font-size: 80%;

    }


/* 商品説明 */
.productDetail {
    margin-bottom: 50px;
}
    /* 商品概要 */
    .productDescription {
        margin-bottom: 20px;
        padding-bottom: 20px;
        /*border-bottom: 1px dotted #ccc;*/
    }

    .productDetailList {
        margin-bottom: 20px;
        font-size: 14px;
    }
        .productDetailListItem {
            margin-bottom: 10px;
            border-bottom: 1px dotted #ccc;
            color: #666;
        }
        .productDetailListContent {
            margin-bottom: 20px;
        }
        .productDetailListItemNo {
            margin-bottom: 20px;
            padding-top: 10px;
            border-top: 1px dotted #ccc;
            font-size: 14px;
        }



/* ----------------
 * あかちゃん筆
 * ---------------- */
/* ヘッダー */
.taimouHeader {
    background: url(../images/taimou/bg_taimou_header_480.jpg) top center no-repeat; background-size: cover;
}
    .timoufudeTitle {
        padding-top: 30px;
    }
    .timoufudeSubTitle {
        margin-bottom: 190px;
        margin-left: 66px;
    }
    .timoufudeSubCopy {
    }
/* pc、タブレットサイズ */
@media screen and (min-width: 480px) {
    .taimouHeader {
        background: url(../images/taimou/bg_taimou_header.jpg) top center no-repeat; background-size: cover;
    }
    .timoufudeTitle {
        margin-left: 30px;
        padding-top: 60px;
    }
    .timoufudeSubTitle {
        margin-bottom: 20px;
        margin-left: 162px;
    }
    .timoufudeSubCopy {
        width: 400px;
        margin-left: 35px;
        color: #555;
        font-size: 18px;
        line-height: 1.8;
        text-align: center;
    }
}

/* あかちゃん筆商品 */
.productTaimouItem {
    margin-bottom: 40px;
}
    .productTaimouItem a {
        color: #333;
    }
    .productTaimouItem a:hover h2,
    .productTaimouItem a:hover p,
    .productTaimouItem a:hover img {
        opacity: 0.7;
    }
.productTaimouName {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: normal;
}
.productTaimouImage {
    margin-bottom: 20px;
}
    .productTaimouImage img {
        max-width: 100%;
    }
.productTaimouPrice {
    margin-bottom: 20px;
    font-size: 14px
}
.productTaimouPrice span {
    font-size: 20px
}
.productTaimouNotice {
    margin-bottom: 20px;
    padding-top: 20px;
    color: #666;
    font-size: 12px;
}
.taimouOrderBtn {}


/* あかちゃん筆は手造り */
.taimouHandmade {
    clear: both;
    margin-bottom: 50px;
    /*background: url(../images/taimou/bg_kiribox_480.jpg) 0 100px no-repeat;
    background-size: 100%;*/
}
    .taimouHandmadeTitle {
        padding-top: 0;
        font-size: 20px;
        font-weight: normal;
        text-align: center;
    }
    .taimouHandmadeImage {
        text-align: center;
    }
        .taimouHandmadeImage img {
            height: 265px;
        }
    .taimouHandmadeCopy {
        margin-bottom: 1em;
        font-size: 14px;
        line-height: 1.5;
    }
/* pc、タブレットサイズ */
@media screen and (min-width: 480px) {
    .taimouHandmade {
        clear: both;
        height: 400px;
        margin-bottom: 50px;
        background: url(../images/taimou/bg_kiribox.jpg) top right no-repeat;
        background-size: contain;
    }
    .taimouHandmadeTitle {
        margin-bottom: 30px;
        padding-top: 20px;
        font-size: 26px;
        font-weight: normal;
        text-align: left;
    }
    .taimouHandmadeImage {
        display: none;
    }
    .taimouHandmadeCopy {
        font-size: 16px;
        line-height: 1.8;
    }
}
/* pc、タブレットサイズ */
@media screen and (min-width: 769px) {
    .taimouHandmade {
        height: 550px;
    }
    .taimouHandmadeTitle {
        font-size: 30px;
        padding-top: 70px;
    }
    .taimouHandmadeCopy {
        font-size: 18px;
    }
}

/* 髪の毛のカット */
.taimouCutSubTitle {
    margin-bottom: 30px;
    padding: 10px 20px;
    background: #e5d2d2;
    border-radius: 7px;
    color: #933;
    font-size: 14px;
}
    .taimouCutProcess {
        margin-bottom: 30px;
        font-size: 14px;
    }
    .taimouCutProcessItem {
        clear: both;
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 30px;
    }
    .taimouCutProcessNum {
        float: left;
        margin-right: 10px;
    }
        .taimouCutProcessNum img { height: 30px; }
    .taimouCutImage {
        text-align: center;
    }
    .taimouCutImage img {
        float: right;
        height: 90px;
    }
    .taimouCutAddress {
        clear: both;
        margin-bottom: 50px;
        padding: 10px 15px;
        background: #fcfcfc;
        border-radius: 5px;
        border: 1px solid #ccc;
        font-size: 14px;
    }
/* pc、タブレットサイズ */
@media screen and (min-width: 480px) {
    .taimouCutSubTitle {
        font-size: 16px;
        text-align: center;
    }
    .taimouCutProcess {
        margin-bottom: 30px;
    }
    .taimouCutProcessItem {
        clear: none;
        margin-left: 0px;
        margin-right: 0px;
    }
    .taimouCutProcessNum {
        float: none;
    }
        .taimouCutProcessNum img { height: 30px; }
    .taimouCutImage {}
    .taimouCutImage img {
        float: none;
        height: 180px;
    }
    .taimouCutAddress {
        font-size: 16px;
    }
    .taimouCutProcessItem {
        margin-bottom: 0;
    }
}

/* 彫刻例 */
.taimouCarve {
    clear: both;
    margin-bottom: 30px;
    background: url(../images/taimou/bg_carve_sample_480.jpg) top center no-repeat;
    background-size: cover;
}
    .taimouCarveSample {
    }
    .taimouCarveSample li {
        display: inline;
        padding: 0 20px;
    }
    .taimouCarveCopy {
        font-size: 14px;
    }
        .taimouCarveCopy li {
            margin-bottom: 5px;
        }
        .taimouCarveSample li img {
            width: 40px;
        }
        .taimouCarveCopy li span {
            display: inline-block;
            margin-left: 20px;
            padding: 10px 15px;
            background: #f3f3f3;
            border-radius: 7px;
        }

/* pc、タブレットサイズ */
@media screen and (min-width: 480px) {
    .taimouCarve {
    clear: both;
    height: 1100px;
    padding-top: 50px;
    background: url(../images/taimou/bg_carve_sample.jpg) top center no-repeat;
    background-size: cover;
}
    .taimouCarveSample {
        float: right;
        margin-right: 20px;
    }
    .taimouCarveSample li {
        display: inline;
        padding: 0 15px;
    }
    .taimouCarveSample li img {
        width: 60px;
    }
    .taimouCarveCopy {
        padding-top: 550px;
        padding-left: 10px;
        font-size: 15px;
    }
        .taimouCarveCopy li {
            margin-bottom: 10px;
        }
        .taimouCarveCopy li span {
            display: inline-block;
            margin-left: 20px;
            padding: 10px 15px;
            background: #f3f3f3;
            border-radius: 7px;
        }
}

/* pc、タブレットサイズ */
@media screen and (min-width: 769px) {
    .taimouCarve {}
    .taimouCarveSample {
        margin-right: 70px;
    }
    .taimouCarveSample li {
        padding-left: 20px;
        padding-right: 20px;
    }
    .taimouCarveSample li img {
    }
    .taimouCarveCopy {
        padding-left: 130px;
        font-size: 16px;
    }
        .taimouCarveCopy li {}
        .taimouCarveCopy li span {}
}


/* ----------------
 * 篆刻
 * ---------------- */
/* ヘッダー */
.tenkokuHeader {
    margin-bottom: 0;
    background: url(../images/tenkoku/bg_tenkoku_header_480.jpg) top center no-repeat; background-size: cover;
}
    .tenkokuTitle {
        margin-right: 30px;
        padding-top: 300px;
    }
    .tenkokuSubTitle {
    }
    .tenkokuPrice {
        font-size: 16px;
    }
        .tenkokuPrice span {
            font-size: 26px;
        }
    .tenkokuOrderWrap {
    }
        .tenkokuCopy {
            margin-bottom: 10px;
            font-size: 16px;
            line-height: 1.8;
        }
        .tenkokuBtnWrap {
            margin-bottom: 50px;
        }
    .tenkokuItemImage {
        margin-bottom: 30px;
    }
    .tenkokuItemImage img {
        max-width: 100%;
    }

    .tenkokuOrderBtn {
        width: 200px;
    }
    .tenkokuMaterialTable {
        width: 100%;
        margin-bottom: 30px;
        font-size: 16px;
    }
        .tenkokuMaterialTable th,
        .tenkokuMaterialTable td {
            display: block;
            padding: 5px;
            border-top: 1px solid #ccc;
            font-weight: normal;
            text-align: center;
        }
        .tenkokuMaterialTable thead th {
            display: inline;
            border: none;
            text-align: center;
        }
        .tenkokuMaterialTable tbody th {
            background: #ddd;
        }
        .tenkokuMaterialTable tbody tr:last-child th,
        .tenkokuMaterialTable tbody tr:last-child td {
            border-bottom: 1px solid #ccc;
        }
        .tenkokuMaterialTable tfoot td {
            font-size: 14px;
            text-align: center;
        }
        .tenkokuMaterialTablePrice {
            font-size: 14px;
            text-align: right;
        }
        .tenkokuMaterialTablePrice span {
            font-size: 20px;
        }
    .tenkokuCartBtn {
        margin-bottom:30px;
        width: 100%;
        font-size: 15px;
    }
    .tenkokuMaterialWrap {
        margin-bottom: 30px;
        border: 1px solid #ccc;
    }
        .tenkokuMaterialTitle {}
        .tenkokuMaterial {}
        .tenkokuMaterialImage img {
            max-width: 100%;
        }
    .tenkokuReturn {
        margin-bottom: 50px;
    }
        .tenkokuReturn strong {
            color: #c00;
        }

/* pc、タブレットサイズ */
@media screen and (min-width: 480px) {
    .tenkokuHeader {
        background: url(../images/tenkoku/bg_tenkoku_header.jpg) top center no-repeat; background-size: cover;
    }
    .tenkokuTitle {
        float: left;
        margin-left: 40px;
        padding-top: 300px;
    }
    .tenkokuSubTitle {
    }
    .tenkokuPrice {
        padding-top: 336px;
    }
        .tenkokuPrice span {
        }
    .tenkokuOrderWrap {
        margin-left: 40px;
    }
        .tenkokuCopy {
        }
        .tenkokuBtnWrap {
            text-align: left;
        }
    .tenkokuItemImage {
    }
        .tenkokuItemImage img {
        }
    .tenkokuMaterialTable {
    }
        .tenkokuMaterialTable th,
        .tenkokuMaterialTable td {
            display: table-cell;
            padding: 15px;
            text-align: left;
        }
        .tenkokuMaterialTable thead th {
            display: table-cell;
            border-top: 1px solid #ccc;
            text-align: center;
        }
        .tenkokuMaterialTable tbody th {
            background: transparent;
            text-align: center;
        }
        .tenkokuMaterialTable tbody td:last-child {
            text-align: right;
        }
        .tenkokuMaterialTable tbody tr:last-child th,
        .tenkokuMaterialTable tbody tr:last-child td {
            border-bottom: 1px solid #ccc;
        }
        .tenkokuMaterialTable tfoot td {
            font-size: 14px;
            text-align: center;
        }
        .tenkokuMaterialTable td.tenkokuMaterialTablePrice {
            text-align: right;
        }
            .tenkokuCartBtn {
                margin-bottom:0;
            }


    .tenkokuMaterialWrap {
        margin-bottom: 30px;
        border: 1px solid #ccc;
    }
        .tenkokuMaterialTitle {}
        .tenkokuMaterial {}
    .tenkokuReturn {
        margin-bottom: 50px;
    }
        .tenkokuReturn strong {
            color: #c00;
        }
}


/* ----------------
 * お役立ち
 * ---------------- */
.usefulContents {}
.usefulContentItem {
    display: block;
    height: 150px;
    background: #ddd;
}
    .usefulContents a {
    }
        .usefulContents a:hover {
            opacity: 0.8;
        }
    .usefulChoiceBrush {
        padding: 20px;
        padding-top: 45px;
        background: url(../images/sub/bg_choice_brush_large.jpg) center center no-repeat;
        background-size: cover;
    }
    .usefulHowtoBrush {
        padding: 20px;
        padding-top: 45px;
        background: url(../images/sub/bg_howto_brush_large.jpg) center center no-repeat;
        background-size: cover;
    }
    .usefulCareBrush {
        padding: 20px;
        padding-top: 45px;
        background: url(../images/sub/bg_care_makeup_brush_large.jpg) bottom center no-repeat;
        background-size: cover;
    }
    .usefulAnimalHair {
        padding-top: 50px;
        background: url(../images/sub/bg_animal_hair_large.jpg) bottom center no-repeat;
        background-size: cover;
        text-align: center;
    }
.usefulContentItemTitle    { height: 30px; }
.usefulContentItemSubtitle { height: 18px; }
.usefulAnimalHairTitle     { height: 45px; }

/* pc、タブレットサイズ */
@media screen and (min-width: 480px) {
    .usefulContentItem {
        height: 300px;
    }
        .usefulChoiceBrush { padding-top: 100px; }
        .usefulHowtoBrush  { padding-top: 100px; }
        .usefulCareBrush   { padding-top: 100px; }
        .usefulAnimalHair  { padding-top: 100px; }
    .usefulContentItemTitle    { height: 48px; }
    .usefulContentItemSubtitle { height: 24px; }
    .usefulAnimalHairTitle     { height: 84px; }
}

/* pc、タブレットサイズ */
@media screen and (min-width: 769px) {
    .usefulContentItem { display: block; height: 150px;}
    .usefulChoiceBrush { padding-top: 30px;}
    .usefulHowtoBrush  { padding-top: 30px; }
    .usefulCareBrush   { padding-top: 30px; }
    .usefulAnimalHair  { padding-top: 50px}
        .usefulContentItemTitle    { height: 28px; }
        .usefulContentItemSubtitle { height: 16px; }
        .usefulAnimalHairTitle     { height: 45px; }
}

/* ----------------
 * お役立ち
 * ---------------- */
/* インデックス */
.usefulContentsLarge {}
.usefulContentLargeItem {
    display: block;
    height: 150px;
    background: #ddd;
}
    .usefulContentsLarge a {
        color: #333;
        font-size: 13px;
    }
        .usefulContentsLarge a:hover {
            opacity: 0.8;
        }
        a.usefulHowtoBrushLarge,
        a.usefulCareBrushLarge {
            color: #fff;
        }
    .usefulChoiceBrushLarge {
        padding-left: 20px;
        padding-top: 40px;
        background: url(../images/sub/bg_choice_brush_large.jpg) center center no-repeat;
        background-size: cover;
    }
    .usefulHowtoBrushLarge {
        padding-left: 20px;
        padding-top: 40px;
        background: url(../images/sub/bg_howto_brush_large.jpg) center center no-repeat;
        background-size: cover;
    }
    .usefulCareBrushLarge {
        padding-left: 20px;
        padding-top: 40px;
        background: url(../images/sub/bg_care_makeup_brush_large.jpg) bottom center no-repeat;
        background-size: cover;
    }
    .usefulAnimalHairLarge {
        padding-top: 50px;
        background: url(../images/sub/bg_animal_hair_large.jpg) bottom center no-repeat;
        background-size: cover;
        text-align: center;
    }

.usefulContentLargeTitle       { height: 32px; margin-bottom: 0px; margin-right: 1em;}
.usefulContentLargeSubtitle    { height: 20px; margin-bottom: 0px;}
.usefulContentLargeAnimalHairTitle { height: 45px; margin-bottom: 0px; }
.usefulContentLargeAnimalHairCopy {}

@media screen and (min-width: 480px) {
    .usefulContentsLarge {}
    .usefulContentLargeItem {
        display: block;
        height: 250px;
        background: #ddd;
    }
        .usefulContentsLarge a {
            color: #333;
            font-size: 15px;
        }
            .usefulContentsLarge a:hover {
                opacity: 0.8;
            }
            a.usefulHowtoBrushLarge,
            a.usefulCareBrushLarge {
                color: #fff;
            }
        .usefulChoiceBrushLarge {
            padding: 20px;
            background: url(../images/sub/bg_choice_brush_large.jpg) center center no-repeat;
            background-size: cover;
        }
        .usefulHowtoBrushLarge {
            padding: 20px;
            background: url(../images/sub/bg_howto_brush_large.jpg) center center no-repeat;
            background-size: cover;
        }
        .usefulCareBrushLarge {
            padding: 20px;
            background: url(../images/sub/bg_care_makeup_brush_large.jpg) bottom center no-repeat;
            background-size: cover;
            text-align: right;
        }
        .usefulAnimalHairLarge {
            padding: 20px;
            padding-top: 40px;
            background: url(../images/sub/bg_animal_hair_large.jpg) bottom center no-repeat;
            background-size: cover;
            text-align: center;
        }

    .usefulContentLargeTitle       { height: 36px; margin-bottom: 10px; }
    .usefulContentLargeSubtitle    { height: 20px; margin-bottom: 10px;}
    .usefulContentLargeAnimalHairTitle { height: 72px; margin-bottom: 10px; }
    .usefulContentLargeAnimalHairCopy {}
}

/* ----------------
 * 古城園
 * ---------------- */
.kojoenIntro {
    margin-bottom: 40px;
}
    .kojoenIntro p {
        font-size: 16px;
        line-height: 1.8;
    }
.kojoenInfomation {
    margin-bottom: 40px;
}
/* 外観写真 */
.kojoenAppearance {}
    .kojoenAppearance img {
        max-width: 100%;
    }
/* ロゴ */
.kojoenLogo {
    width: 75%;
    margin: 0 auto;
}
    .kojoenLogo img {
        max-width: 100%;
    }
/* 住所など */
.kojoenDetail {
    font-size: 16px;
    line-height: 1.6;
}
    .kojoenDetail dt {
        padding: 5px 10px;
        background-color: #eae6da;
    }
    .kojoenDetail dd {
        padding: 5px 10px;
    }

/* Gmap */
#gMapKojoen {
    width: 100%;
    height: 300px;
    margin-bottom: 40px;
    border-radius: 7px;
}
.kojoenGmap {
    width: 100%;
    margin-bottom: 40px;
    border-radius: 7px;
}



@media screen and (min-width: 480px) {
    #gMapKojoen {
        height: 600px;
    }
    /* 住所など */
    .kojoenDetail {
        font-size: 16px;
        line-height: 1.6;
    }
        .kojoenDetail dt {
            float: left;
            width: 5em;
            padding: 0;
            background-color: transparent;
        }
        .kojoenDetail dd {
            margin-left: 6em;
            padding: 0;
        }
}


/* ----------------
 * 筆の選び方
 * ---------------- */
.choiceBrush {
    margin-bottom: 50px;
}
    .choiceBrush img {
        max-width: 100%;
    }

/* 四徳 */
.shitokuWrap {
    padding: 20px 10px;
    background-color: #e9e7da;
    border-radius: 10px;
}
    .shitokuWrap:after {
        content: "";
        clear: both;
        display: block;
    }
.shitokuTitle {
    text-align: center;
}
.shitokuList {
}
    .shitokuList li {
        padding: 0 10px;
        text-align: center;
    }
    .shitokuList li img {
        margin: 0 auto 5px;
        vertical-align: middle;
    }
    .shitokuText {
        display: block;
        margin-bottom: 10px;
        font-size: 14px;
    }

@media screen and (min-width: 480px) {
    .shitokuWrap {
        padding: 20px;
    }
    .shitokuTitle {}
    .shitokuList {}
        .shitokuList li {
            float: left;
            width: 25%;
        }
        .shitokuList li img {
            display: block;
            margin: 0 auto 5px;
        }
        .shitokuText {}
}

/* 各部の名称 */
.partsWrap {}
    .partsImage {

    }

/* 筆の形状と標準文字数 */
.brushFormeWrap {}
.brushFormeList {
    margin: 0 0;
    padding: 40px 0 20px;
    border-bottom: 1px solid #ddd;
}
    .brushFormeImage {
        padding: 0;
    }
    .brushFormeUse {
        padding: 0;
        text-align: center;
    }
    .brushFormeUse img {
        display: block;
        margin: 0 auto;
        height: 40px;
        padding-right: 10px;
        vertical-align: bottom;
    }


/* pc、タブレットサイズ */
@media screen and (min-width: 768px) {
    .brushFormeList {
    }
    .brushFormeUse {
        padding-left: 20px;
        text-align: left;
    }
    .brushFormeUse img {
        margin: 0;
    }
    .brushFormeImage {
        width: 348px;
    }
}


/* 筆の形状と標準文字数 - 関連商品 */
.fudeFormeRelationProductsHeader {
    padding-top: 20px;
}
    .fudeFormeRelationProductsHeader h3 {
        float: left;
        width: 40%;
        height: 21px;
        background: #b3a269;
        border-radius: 13px;
        color: #fff;
        font-size: 14px;
        text-align: center;
    }
    .fudeFormeRelationProductsHeader p {
        margin: 0;
        text-align: right;
        font-size: 14px;
    }

.fudeFormeRelationProducts {
    font-size: 14px;

}
    .fudeFormeRelationProducts ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap:     wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap:         wrap;
        justify-content: center;
    }
    .fudeFormeRelationProducts ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        -webkit-align-items: baseline;
        align-items: baseline;
        margin: 30px 5px 10px;
        flex: 1;
    }
    .fudeFormeRelationProducts a {
        color: #333;
    }
        .fudeFormeRelationProducts a:hover {
            color: #39c;
        }

.fudeFormeRelationProductsName {
    margin-bottom: 30px;
    height: 2em;
    line-height: 1.4;
}
.fudeFormeRelationProductsThumnail {

}

/* pc、タブレットサイズ */
@media screen and (min-width: 768px) {
    .fudeFormeRelationProductsThumnail {
        margin-left: auto;
        margin-right: auto;
        width: 220px;
    }
}

/* 穂の直径と長さの関係 */
.lengthWrap {}
    .lengthWrap:after {
        content: "";
        clear: both;
        display: block;
    }
    .lengthImage {}
    .lengthLevel {}
        .lengthLevel li{
            padding: 7px 0 0 10px;
            border-top: 1px dotted #ddd;
            margin-bottom: 5px;
        }

/* 穂の色による弾力の違いと筆選び */
.colorWrap {}

/* 穂の弾力と書体の関係 */
.erasticWrap {}
.erasticTable {
    border-top: 1px solid #ddd;
}
    .erasticTable th,
    .erasticTable td {
        display: block;
        border-bottom: 1px solid #ddd;
        padding: 15px;
    }
    .erasticTable th {
        padding-left: 0;
        border-bottom: 0;
        white-space: nowrap;
        font-size: 18px;
        text-align: left;
        vertical-align: top;
    }
    .erasticTable th span {
        display: block;
        font-size: 14px;
        font-weight: normal
    }
    .erasticTable td {
        padding-top: 0;
        padding-right: 0;
    }

@media screen and (min-width: 480px) {
    .erasticWrap {}
    .erasticTable {}
        .erasticTable th,
        .erasticTable td {
            display: table-cell;
        }
        .erasticTable th {
            border-bottom: 1px solid #ddd;
        }
        .erasticTable th span {}
        .erasticTable td {
            padding-top: 15px;
        }
}

/* 軸について */
.axisWrap {
}
    .axisWrap img {
        margin-bottom: 20px;
    }
.axisItem {
    width : 200px;
    height: 44px;
    margin: 0 auto 30px;
    background: #b3a269;
    border-radius: 22px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 46px;
}
.darumaAxis {
    margin-bottom: 30px;
    color: #933;
}

/* 古城園に行こう */
.letsgokojoenWrap {
    padding: 15px;
    background-color: #e6e0cd;
    border-radius: 10px;
}
    .letsgokojoenWrap:after {
        content: "";
        clear: both;
        display: block;
    }
.letsgokojoenTitle {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: normal;
}
.letsgokojoenText {
    font-size: 14px;
    line-height: 1.5;
}

@media screen and (min-width: 480px) {
    .letsgokojoenWrap {
        padding: 30px;
        background-color: #e6e0cd;
        border-radius: 20px;
    }
        .letsgokojoenWrap:after {
            content: "";
            clear: both;
            display: block;
        }
    .letsgokojoenTitle {
        margin-bottom: 30px;
        font-size: 24px;
        font-weight: normal;
    }
    .letsgokojoenText {
        font-weight: normal;
        line-height: 2;
    }
}


/* ----------------
 * 筆の使い方
 * ---------------- */
.howtoBrush {
    clear: both;
    margin-bottom: 50px;
}
    .howtoBrush img {
        max-width: 100%;
    }

.funoriImage {
    margin-bottom: 30px;
}
.howtoFutofude,
.howtoHosofude {
    height: 44px;
    margin: 0 auto 20px;
    background: #b3a269;
    border-radius: 22px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 46px;
}
/* ほぐし方の注意 */
.hosakiWrap {}
    .hosakiWrap:after {
        content: "";
        clear: both;
        display: block;
    }
    .hosakiTitle {
        height: 44px;
        margin-bottom: 20px;
        background-color: #ff7077;
        border-radius: 22px;
        color: #fff;
        text-align: center;
        line-height: 46px;
    }
    .hosakiImage {
        float: left;
        width: 40%;
        margin: 0;
    }
    .hosakiText {
    }
    .hosakiText strong {
        color: #c00;
    }

@media screen and (min-width: 480px) {
    .hosakiWrap {}
        .hosakiTitle {
            width: 150px;
        }
        .hosakiImage {
            width: 20%;
        }
        .hosakiText {
            padding-top: 50px;
        }
        .hosakiText strong {
        }
}


/* ----------------
 * 化粧筆のお手入れ
* ---------------- */
.careBrush {
    clear: both;
    margin-bottom: 50px;
}
    .careBrush img {
        max-width: 100%;
    }

.careCaution {
    padding: 20px 20px 10px;
    background-color: #f3e7e9;
    border-radius: 7px;
}
.careCautionTitle {
    margin-bottom: 10px;
    color: #600;
    font-size: 15px;
}
.careCautionText {
    font-size: 15px;
}
.makebrushcomLink {}
    .makebrushcomLink:hover {
        opacity: 0.7;
    }


/* ----------------
 * 熊野筆に使われる主な動物の毛
* ---------------- */
.animalHairIntro {}
.animalHairIntro img {
    max-width: 100%;
}
.animalhairWrap {
    clear: both;
    margin-bottom: 30px;
    padding-top: 40px;
    border-top: 1px dotted #999;
}
    .animalhairWrap:after {
        content: "";
        clear: both;
        display: block;
    }
.animalhairHeader {
    text-align: center;
}
.animalImage {
    width: 200px;
    height: 200px;
    margin: 0 auto 20px;
    border: 3px solid #ccc;
    border-radius: 100px;
}
    .hitsuji  { background: url('../images/animalhair/cut_hitsuji.jpg') center center no-repeat;   background-size: 90%;}
    .uma      { background: url('../images/animalhair/cut_uma.jpg') center center no-repeat;       background-size: 90%;}
    .tanuki   { background: url('../images/animalhair/cut_tanuki.jpg') center center no-repeat;    background-size: 90%;}
    .shika    { background: url('../images/animalhair/cut_shika.jpg') center center no-repeat;     background-size: 90%;}
    .itachi   { background: url('../images/animalhair/cut_itachi.jpg') center center no-repeat;    background-size: 90%;}
    .jakoneko { background: url('../images/animalhair/cut_jakoneko.jpg') center center no-repeat;  background-size: 90%;}
    .usagi    { background: url('../images/animalhair/cut_usagi.jpg') center center no-repeat;     background-size: 90%;}
    .neko     { background: url('../images/animalhair/cut_neko.jpg') center center no-repeat;      background-size: 90%;}
    .hairisu  { background: url('../images/animalhair/cut_hairisu.jpg') center center no-repeat;   background-size: 90%;}

.animalhairBody {}
.animalhairName {}
.animalhairName img {
    height: 45px;
}


/* ----------------
 * ふでごのみ
* ---------------- */
/* ヘッダー */
.fudegonomiHeaderWrap {
    position: relative;
    height: 250px;
    margin-top: -30px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0;
    background: url('../images/fudegonomi/bg_title.jpg') top left no-repeat;
    background-size: contain;
}
    .fudegonomiCopy {
        position: absolute;
        top: 70px;
        left: 20px;
    }
    .fudegonomiTitle {
        position: absolute;
        top: 100px;
        left: 20px;
    }
        .fudegonomiCopy img { height: 20px; }
        .fudegonomiTitle img {height: 50px; }

    .fudegonomiSubTitle {
        margin-top: -20px;
        margin-bottom: 20px;
        font-size: 24px;
        font-weight: normal;
        text-align: center;
    }
@media screen and (min-width: 480px) {
    .fudegonomiHeaderWrap {
        height: 500px;
        margin-bottom: 30px;
    }
        .fudegonomiCopy {
            top: 180px;
            left: 50px;
        }
        .fudegonomiTitle {
            top: 230px;
            left: 50px;
        }
            .fudegonomiCopy img { height: 30px; }
            .fudegonomiTitle img {height: 70px; }

        .fudegonomiSubTitle {
            margin-top: 0;
            font-size: 30px;
        }
}

/* 各セクション */
.fudegonomiWrap {
    clear: both;
    margin-bottom: 50px;
}
    .fudegonomiWrap img {
        max-width: 100%;
    }

/* 一本二役 */
.doubleRoleImage {
    text-align: center;
}
    .doubleRoleImage img {
    }

/* あらゆる筆に */
.allKindsBrushes {
    position: relative;
    height: 400px;
    margin-top: -80px;
    margin-right: -15px;
    background: url('../images/fudegonomi/bg_fudegonomi.jpg') top right no-repeat;
    background-size: contain;
    z-index: -1;
}
    .allKindsBrushesTitle {
        position: absolute;
        top: 210px;
        left: 0;
        font-size: 24px;
        font-weight: normal;
    }
    .allKindsBrushesCopy {
        position: absolute;
        top: 250px;
        left: 0;
    }

@media screen and (min-width: 480px) {
    .allKindsBrushes {
        position: relative;
        height: 380px;
        margin-top: -80px;
        margin-right: -15px;
        background: url('../images/fudegonomi/bg_fudegonomi.jpg') top right no-repeat;
        background-size: contain;
        z-index: -1;
    }
}

/* 筆ごのみの魅力のポイント */
.fudegonomiPointWrap {
    margin-top: -80px;
    z-index: 10;
}
    .pointTitle {
        height: 60px;
        margin-bottom: 20px;
        padding-left: 70px;
        line-height: 60px;
        font-size: 22px;
        font-weight: normal;
    }
        .pointNumber1 { background: url('../images/fudegonomi/point_1.png') top left no-repeat; background-size: contain; }
        .pointNumber2 { background: url('../images/fudegonomi/point_2.png') top left no-repeat; background-size: contain; }
        .pointNumber3 { background: url('../images/fudegonomi/point_3.png') top left no-repeat; background-size: contain; }
        .pointNumber4 { background: url('../images/fudegonomi/point_4.png') top left no-repeat; background-size: contain; }
        .pointImage {
            text-align: center;
        }

/* 外し方 */
.removeSheetWrap {
    padding: 20px;
    background-color: #fef2f2;
    border-radius: 10px;
}
    .removeSheetTitle {
        height: 44px;
        margin: 0 auto 20px;
        background: #966;
        border-radius: 22px;
        color: #fff;
        font-size: 18px;
        text-align: center;
        line-height: 46px;
    }
    .removeSheetImage {
        margin-bottom: 20px;
        text-align: center;
    }

    .removeSheetCaution {
        padding: 10px;
        background-color: #f0e0e0;
        border-radius: 7px;
        color: #c00;
    }
        .removeSheetCautionList {
            padding-left: 2em;
        }
        .removeSheetCautionList li {
            list-style-type: disc;
        }


/* ----------------
 * 会社概要
 * ---------------- */
.companyWrap {
    margin-bottom: 50px;
}
    .companyWrap img { max-width: 100%;}

.companyInfomation {
    margin-bottom: 40px;
}
    .companyInfomation p {
        font-size: 16px;
        line-height: 1.8;
    }
.companyLinks {}
.companyLinks li {
        margin-bottom: 5px;
        padding-left: 1em;
        text-align: right;
    }

    .companyLinks li a {
        display: block;
        padding-right: 20px;
        background: url('../images/marker/icon_blue_arrow_right2.png') top right no-repeat;
        background-size: contain;
    }
    .companyLinks li a:hover {
        background-image: url('../images/marker/icon_blue_arrow_right2.png');
    }

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

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


/* ----------------
 * 経営理念
 * ---------------- */
.companyVision {
    margin-bottom: 50px;
    padding-top: 300px;
    background: url('../images/message/ceo.jpg') top center no-repeat;
    background-size: 50%;
}
    .companyVision h2 {
        margin-bottom: 25px;
        padding-left: 40px;
        background: url('../images/message/bg_mark.png') top left no-repeat;
        background-size: 30px;
    }
    .companyVision h2 span {
        display:block;
        margin-top: -10px;
        opacity: .5;
    }
    .companyVision p {
        margin-bottom: 45px;
        padding-left: 40px;
    }



@media screen and (min-width: 480px) {
    .companyVision {
        padding-top: 0;
        background: url('../images/message/ceo.jpg') top right no-repeat;
    }
    .companyVision h2 span {
        display: inline;
        margin-top: 0px;
        margin-left: 10px;
        opacity: 1;
    }
    .companyVision p {
        margin-bottom: 40px;
        padding-left: 40px;
    }
}
@media screen and (min-width: 769px) {
    .companyVision {
        background-position: top right;
    }
}



/* ----------------
 * 代表挨拶
 * ---------------- */
.ceoMessage {
    height: 600px;
    background: url('../images/message/ceo.jpg') top center no-repeat;
    background-size: 50%;
}
p.message {
    padding-top: 250px;
    font-family: serif;
    font-size: 16px;
    line-height: 1.5;
}
.ceo {
    text-align: center;
    }
    .ceo img {
        height: 18px;
    }

@media screen and (min-width: 480px) {
    .ceoMessage {
        height: 600px;
        background: url('../images/message/ceo.jpg') top right no-repeat;
    }
    p.message {
        margin-left: 35px;
        padding-top: 40px;
        font-family: serif;
        font-size: 17px;
        line-height: 2;
    }
    .ceo {
        margin-left: 35px;
        text-align: left;
    }
        .ceo img {
            height: 23px;
        }
}
@media screen and (min-width: 769px) {
    background-position: top right;
}


/* ----------------
 * 沿革
 * ---------------- */
.historyWrap {
    margin-bottom: 50px;
}
.hitoryTable {
    border-bottom: 1px solid #ddd;
}
    .hitoryTable th,
    .hitoryTable td {
        display: block;
        padding: 10px 0 10px;
        border-top: 1px solid #ddd;
        font-size: 16px;
    }
    .hitoryTable th {
        padding-bottom: 0;
        color: #8b7a63;
        font-size: 30px;
        text-align: left;
        font-weight: 100;
        white-space: nowrap;
    }
    .hitoryTable th span {
        padding-left: 1em;
        font-size: 15px;
        font-weight: 400;
    }
    .hitoryTable td {
        padding-top: 0;
        border-top: 0;
    }

@media screen and (min-width: 769px) {
    .hitoryTable {
    }
        .hitoryTable th,
        .hitoryTable td {
            display: table-cell;
            padding: 17px 20px 15px;
            vertical-align: middle;
        }
        .hitoryTable th {
            color: #8b7a63;
            font-size: 30px;
            text-align: left;
            font-weight: 100;
        }
        .hitoryTable th span {
        }
        .hitoryTable td {
            border-top: 1px solid #ddd;
        }
}


/* ----------------
 * アクセス
 * ---------------- */
.accessWrap {
     clear: both;
     margin-bottom: 50px;
 }
.accessMapWrap,
.accessMapHere {
    display: none;
}
.accessMapAddress {
}
    .accessMapAddress dt {
        padding: 10px 0;
        border-top: 1px solid #ddd;
        font-size: 18px;
    }
    .accessMapAddress dd {
        font-size: 14px;
    }
    .accessMapAddress dd:last-child {
        border-bottom: 1px solid #ddd;
    }
    .accessMapAddress dd span {
        padding-left: 20px;
        font-size: 24px;
        font-weight: 100;
        font-style: italic;
    }
.headOfficeGmap {
    margin-bottom: 50px;
}

@media screen and (min-width: 769px) {
    .accessMapWrap {
        display: block;
        position: relative;
        height: 670px;
        background: url(../images/access/bg_map.png) top center no-repeat;
    }
    .accessMapHere {
        display: block;
        position: absolute;
        top: 212px;
        left: 170px;
    }
    .accessMapAddress {
        }
        .accessMapAddress dt {
            float: left;
            width: 14em;
            padding: 15px 40px;
        }
        .accessMapAddress dd {
            margin-left: 14em;
            padding: 15px 40px;
            border-top: 1px solid #ddd;
            font-size: 16px;
        }
        .accessMapAddress dd:last-child {
        }
        .accessMapAddress dd span {
            padding-left: 20px;
            font-size: 28px;
        }
}
/* 車でのお越しの場合 */
.accessCarList {
}
    .accessCarList dt {
        margin-bottom: 10px;
        padding-left: 10px;
        border-left: 3px solid #ccc;
        font-size: 15px;
        font-weight: bold;
    }
    .accessCarList dd {
        margin-bottom: 20px;
    }
/* Gmap */
#gMapHeadoffice {
    width: 100%;
    height: 300px;
    margin-bottom: 40px;
    border-radius: 7px;
}

@media screen and (min-width: 769px) {
        .accessCarList dt {
            clear: left;
            float: left;
            width: 10em;
            padding-left: 10px;
            border-left: 3px solid #ccc;
            font-size: 15px;
            font-weight: bold;
        }
        .accessCarList dd {
            margin-left: 10em;
            margin-bottom: 20px;
        }
    #gMapHeadoffice {
        height: 600px;
    }
}


/* ----------------
 * お問い合わせ
 * ---------------- */
.contactWrap {
    margin-bottom: 50px;
}
.contactTitle {
    height: 30px;
    margin-bottom: 15px;
    padding-left: 30px;
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    line-height: 30px;
}
    .contactTitleTel {
        background: url(../images/contact/icon_tel.png) top left no-repeat;
    }
    .contactTitleForm {
        background: url(../images/contact/icon_form.png) top left no-repeat;
    }
    .contactTitleFax {
        background: url(../images/contact/icon_fax.png) top left no-repeat;
    }
    .contactTitleTel,
    .contactTitleForm,
    .contactTitleFax {
        background-size: 25px;
    }

.contactListItem {
    height: 50px;
    padding-left: 60px;
    font-size: 15px;
    line-height: 50px;
}
    .contactHeadoffice {
        background: url(../images/contact/headoffice.png) top left no-repeat;
        background-size: contain;
    }
    .contactKojoen {
        background: url(../images/contact/kojoen.png) top left no-repeat;
        background-size: contain;
    }
    .contactTel,
    .contactFax {
        margin-top: -10px;
        margin-left: 60px;
        font-size: 28px;
        font-weight: 100;
        font-style: italic;
    }
.contactTabel {
    margin-left: 60px;
    margin-bottom: 20px;
}
    .contactTabel th,
    .contactTabel td {
        padding: 0px 10px;
        font-size: 14px;
    }
    .contactTabel th {
        border-right: 1px solid #ddd;
        font-weight: normal;
        text-align: right;
    }

@media screen and (min-width: 769px) {
    .contactTitle {
        height: 60px;
        padding-left: 55px;
        font-size: 22px;
        line-height: 50px;
    }
    .contactTitleTel,
    .contactTitleForm,
    .contactTitleFax {
        background-size: auto;
    }
    .contactListItem {
        height: 100px;
        padding-left: 120px;
        font-size: 20px;
        line-height: 100px;
    }
        .contactHeadoffice {
            background: url(../images/contact/headoffice.png) top left no-repeat;
            background-size: contain;
        }
        .contactKojoen {
            background: url(../images/contact/kojoen.png) top left no-repeat;
            background-size: contain;
        }
        .contactTel,
        .contactFax {
            margin-top: -30px;
            margin-left: 150px;
            font-size: 48px;
            letter-spacing: 2px;
        }
    .contactTabel {
        margin-left: 150px;
    }
        .contactTabel th,
        .contactTabel td {
            padding: 0px 10px;
        }
        .contactTabel th {
            border-right: 1px solid #ddd;
            font-weight: normal;
            text-align: right;
        }
}

/* お問い合わせフォーム */
.contactFormWrap {
    padding: 20px;
    background: #f1efe7;
    border-radius: 10px;
}

.contactFormTable {
    width: 100%;
    padding: 30px;
    background: #f1efe7;
    border-radius: 10px;
}
    .contactFormTable th,
    .contactFormTable td {
        display: block;
        padding: 10px;
        border-top: 1px solid #cfc5c5;
    }
    .contactFormTable th {
        color: #633;
        padding-bottom: 0;
        border-bottom: 0;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
    }
    .contactFormTable td {
        padding-top: 0;
        border-top: 0;
    }
.contactBtnWrap {
    padding-top: 20px;
    border-top: 1px solid #cfc5c5;
    text-align: center;
}

@media screen and (min-width: 769px) {
    .contactFormWrap {
        padding: 30px 30px 10px;
    }
    .contactFormTable th,
    .contactFormTable td {
        display: table-cell;
    }
    .contactFormTable th {
        padding-bottom: 10px;
        border-bottom: 0;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
    }
    .contactFormTable td {
        padding-top: 10px;
        border-top: 1px solid #cfc5c5;
    }
}


/* 送信ボタンを利用不可 */
.contactBtn {}

/* お問い合わせの送信承認 */
.contactConfirmWrap {
    margin: 20px;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
}
.contactConfirmWrap label {
    margin-top: 10px;
}
.contactFormCaution {
    color: #c00;
}
/* お問い合わせ成功 */
.contactMsgWrap {
    margin-bottom: 30px;
    padding: 20px;
}
.contactMsgWrap h2 {
    font-size: 18px;
    font-weight: normal;
    }


/* お問い合わせエラー */
.contactErrorMsgWrap {
    margin-bottom: 30px;
    padding: 20px;
    background: #fee7e8;
    border: 1px solid #e2acac;
}
.contactErrorMsgWrap h2 { font-size: 18px; }
.contactErrorMsgWrap p { margin-bottom: 0; font-size: 16px;}
.contactErrorMsgWrap ul {
    margin-top: 10px;
    padding-left: 2em;
}
.contactErrorMsgWrap li {
    list-style-type: disc;
}


/* ----------------
 * ご利用ガイド
 * ---------------- */
.guideWrap {
    margin-bottom: 50px;
}
.guideList {
    margin-bottom: 20px;
    padding-left: 36px;
    list-style-type: disc;
}
.guideListDl {
    margin-bottom: 20px;
    padding-left: 15px;
    list-style-type: disc;
}
    .guideListDl dt {
        margin-bottom: 10px;
        border-bottom: 1px solid #ddd;
    }
    .guideListDl dt.dtTitle {
        padding-left: 20px;
        background: url(../images/common/bg_sub_title.png) center left no-repeat;
        background-size: 16px;
        font-weight: bold;
    }
    
    .guideListDl dd {
        margin-bottom: 20px;
    }
    .guideListDl dd:last-child {
        margin-bottom: 40px;
    }

    /* カードロゴ */
    .cardLogos {
        display: flex;
        justify-content: center;
        align-items: center;
    }
        .cardLogos img {
            width: 12%;
            margin: 0 10px;
        }
    
.guideListInner {
    padding-left: 24px;
}
.guideSubTitle {
    height: 18px;
    margin-left: 12px;
    margin-bottom: 20px;
    padding-left: 22px;
    background: url(../images/common/bg_sub_title_gray.png) top left no-repeat;
    background-size: contain;
    font-size: 16px;
    line-height: 20px;
}
.guideText {
    margin-bottom: 20px;
    margin-left: 15px;
}
.guideTable {
    width: 100%;
    margin-bottom: 20px;
}
    .guideTable caption {
        border-bottom: 1px solid #ddd;
    }
    .guideTable th,
    .guideTable td {
        padding: 10px;
        border-bottom: 1px solid #ddd;
    }
    .guideTable th {
        font-weight: normal;
        text-align: left;
    }
    .guideTable td {
        white-space: nowrap;
        text-align: right;
    }
.guideTableWide {
    margin-left: 15px;
    border-top: 1px solid #ddd;
}

/* 利用できるカード */
.guideCardLabel {
    display: inline-block;
    margin-right: 10px;
    padding: 10px 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

@media screen and (min-width: 769px) {
    .guideWrap {}
    .guideList,
    .guideListDl {
        padding-left: 48px;
    }
    .guideListInner {
        padding-left: 24px;
    }
    .guideSubTitle {
        margin-left: 30px;
    }
    .guideText {
        margin-bottom: 20px;
        margin-left: 30px;
    }
    .guideSubTitle {
        height: 20px;
        margin-bottom: 20px;
        padding-left: 25px;
        font-size: 18px;
        font-weight: normal;
        line-height: 24px;
    }
    .guideTable {
        margin-left: 15px;
    }
    .guideTableWide {
        margin-left: 30px;
    }
    
    .guideList {
        margin-left: 15px;

    }
    .guideListDl {
        margin-left: 15px;
    }
}


/* ----------------
 * 特定商取引法に基づく表示
 * ---------------- */
.transactionTable {
    width: 100%;
    margin-bottom: 50px;
    border-bottom: 1px solid #ddd;
}
.transactionTable th,
.transactionTable td {
    display: block;
    padding: 10px;
    border-top: 1px solid #ddd;

}
.transactionTable th {
    text-align: left;
    background: #f3f3f3;
    white-space: nowrap;
}

@media screen and (min-width: 769px) {
    .transactionTable th,
    .transactionTable td {
        display: table-cell;
        padding: 20px;
        border-top: 1px solid #ddd;
        font-weight: normal;
    }
    .transactionTable th {
        background: #fcfcfc;
    }

}


/* ----------------
 * 他のコンテンツ
 * ---------------- */
.otherContentsList {
    margin-top: 30px;
    margin-bottom: 50px;
    padding-top: 30px;
    padding-left: 3em;
    border-top: 1px dotted #ccc;
}
.otherContentsListItem {
    list-style-type: disc;
}
.otherContentsListActiveItem a {
    color: #999;
}



/* ----------------
 * サイトマップ
 * ---------------- */
.sitemapList {
    border-bottom: 1px solid #ddd;
}
    .sitemapListL {
        border-bottom: 0;
    }
    .sitemapListR {
        border-bottom: 1px solid #ddd;
        margin-bottom: 50px;
    }
    .sitemapList li {
        border-top: 1px solid #ddd;
        height: 44px;
    }
    .sitemapListItem a,
    .sitemapListItemChild a {
        display: block;
        padding: 0 20px;
        background: url(../images/marker/icon_blue_arrow_right.png) top right no-repeat;
        background-size: 44px;
        line-height: 46px;
        transition: all 0.2s ease-out;
    }
        li.sitemapListItemChild a {
            padding-left: 30px;
        }
    .sitemapListItem a:hover{
        padding-left: 30px;
        background-color: #f3f3f3;
    }
        .sitemapListItemChild a:hover {
            padding-left: 40px;
            background-color: #f3f3f3;
        }

@media screen and (min-width: 769px) {
    .sitemapList {
        margin-bottom: 50px;
    }
        .sitemapListL {
            border-bottom: 1px solid #ddd;
        }
}


/* ----------------
 * 会員登録
 * ---------------- */
.memberWrap {
    margin-bottom: 50px;
}
.memberTitle {
    padding: 20px 30px;
}
.memberRequired {
    padding: 0 30px 0;
}

/* 仮登録フォーム */
.temporaryMemberFormTable {
}
.temporaryMemberFormTable th {
    width: 100%;
}

/* 仮登録有効期限切れ */
dl.expiredReason {
    
}
dl.expiredReason dt {
    margin-bottom: 5px;
    color: #600;
}
dl.expiredReason dd {
    margin: 0 0 15px 1.2rem;
}



/* 登録フォーム */
.memberFormWrap {
    margin-bottom: 50px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
}
    .memberFormTable {
        width: 100%;
        padding: 30px;
        border-radius: 10px;
    }
    .memberFormTable th,
    .memberFormTable td {
        display: block;
        padding: 15px;
        border-top: 1px solid #cfc5c5;
    }
    .memberFormTable tr:first-child th,
    .memberFormTable tr:first-child td {
    }
    .memberFormTable th {
        color: #633;
        padding-left: 30px;
        border-bottom: 0;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
    }
    .memberFormTable td small {
        padding-left: 1rem;
        color: #966;

    }


.memberBtnWrap {
    padding-top: 20px;
    border-top: 1px solid #cfc5c5;
    text-align: center;
}

.noBorderFormTable {}
    .noBorderFormTable tr:first-child th,
    .noBorderFormTable tr:first-child td {
        border-top: 0;
    }


@media screen and (min-width: 769px) {
    /* 仮登録フォーム */
    .temporaryMemberFormTable th {
        width: 25%;
    }
    
    
    
    /* 登録フォーム */
    .memberFormWrap {
    }
    .memberFormTable th,
    .memberFormTable td {
        display: table-cell;
    }
    .memberFormTable th {
        border-bottom: 0;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
    }
    .memberFormTable td {
        border-top: 1px solid #cfc5c5;
    }
}


/* 送信ボタンを利用不可 */
.memberBtn {}

/* お問い合わせの送信承認 */
.contactConfirmWrap {
    margin: 20px;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
}
.contactConfirmWrap label {
    margin-top: 10px;
}
.contactFormCaution {
    color: #c00;
}
/* お問い合わせ成功 */
.contactMsgWrap {
    margin-bottom: 30px;
    padding: 20px;
}
.contactMsgWrap h2 {
    font-size: 18px;
    font-weight: normal;
    }


/* 会員登録エラー */
.memberErrorMsgWrap {
    margin: 0;
    padding: 30px;
    border-bottom: 1px solid #cfc5c5;
    text-align: left!important;
}
.memberErrorMsg {
    margin: 0;
    padding: 20px;
    background: #fee7e8;
    border: 1px solid #e2acac;
}
    .memberErrorMsg h2 { font-size: 18px; }
    .memberErrorMsg p { margin-bottom: 0; font-size: 16px;}
    .memberErrorMsg ul {
        margin-top: 10px;
        padding-left: 2em;
    }
    .memberErrorMsgWrap li {
        list-style-type: disc;
    }

/* 会員登録成功 */
.memberSuccessMsgWrap {
    margin: 0;
    margin: 0;
    padding: 30px;
    border-bottom: 1px solid #cfc5c5;
    text-align: left!important;
}
.memberSuccessMsg {
    margin: 0px;
    padding: 20px;
    background: #f0fbf6;
    border: 1px solid #69cf9a;
    border-radius: 5px;
}
    .memberSuccessMsg h2 {
        color: #69cf9a;
        font-size: 18px;
    }


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

/* ----------------
 * エントリーカテゴリー一覧
 * ---------------- */
.subEntryCategoryListModule {
    display: none;
}

@media screen and (min-width: 769px) {
    .subEntryCategoryListModule {
        display: block;
    }
    .subEntryCategoryTitle {font-size: 15px;}
    .subEntryCategoryList {
    }
        .subEntryCategoryListItem a {
            display: block;
            padding: 10px 10px 10px 0;
            border-top: 1px dotted #ccc;
            color: #333;
            transition: all 0.2s ease-out;
        }
        .subEntryCategoryListItem:last-child a {
            border-bottom: 1px dotted #ccc;
            padding-right: 10px;
        }
        .subEntryCategoryListItem a:hover,
        .subEntryCategoryListItem a:visited,
        .subEntryCategoryListItem a:focus,
        .subEntryCategoryListItem a:active {
            color: inherit;
            text-decoration: none;
        }
        .subEntryCategoryListItem a:hover {
            background: #e7e7e7;
            padding-left: 10px;
            padding-right: 0;
        }

        a.entryCurrTabItem,
        a.entryCurrTabItem:hover {
            padding-left: 25px;
            background: url(../images/marker/icon_gray_arrow_left.png) center left no-repeat;
            background-size: 22px 22px;
            color: #666;
        }
}

/* ----------------
 * 新着記事一覧
 * ---------------- */
.recentEntryModule {
    margin-bottom: 0;
}
.recentEntry {
}
    .resentEntryHeadingTitle {
        font-size: 15px;
    }
    .recentEntryItem {
    }
    .recentEntryItem a {
        display: block;
        padding: 10px 15px;
        border-top: 1px dotted #ccc;
        color: #333;
        transition: all 0.2s ease-out;
    }
        .recentEntryItem a:hover,
        .recentEntryItem a:visited,
        .recentEntryItem a:focus,
        .recentEntryItem a:active {
          color: inherit;
          text-decoration: none;
        }
        .recentEntryItem a:hover {
          background: #e7e7e7;
        }
    .recentEntryDatetime {
        display: block;
        font-size: 13px;
    }
    .recentEntryCategory {
    }
    .recentEntryCtLabel {
        display: inline-block;
        margin-bottom: 5px;
    }
    .recentEntryTitle {
        margin-top: 5px;
        line-height: 1.4;
    }
@media screen and (min-width: 769px) {
    .recentEntryModule {
        margin-bottom: 30px;
    }
    .recentEntry {
    }
    .recentEntryItem a {
        padding-left: 0;
        padding-right: 10px;
        font-size: 13px;
    }
        .recentEntryItem a:hover {
            padding-left: 10px;
            padding-right: 0;
        }
        .recentEntryItem:last-child a {
            border-bottom: 1px dotted #ccc;
        }
    .recentEntryTitle {
    }
}

/* ----------------
 * ログインユーザーエリア
 * ---------------- */
.loginCustomer {
    margin: 0 0 20px;
    padding: 15px 20px 10px;
    background: #f5f5f5;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}
    .loginCustomerItem {
        margin: 0 0 7px;
        padding: 0 0 7px;
        border-bottom: 1px solid #e5e5e5;
        font-size: 13px;
    }
        .loginCustomerItem a {
            display: block;
            padding: 0 0 0 10px;
            background: url(../images/customer/icon_blue_arrow_right.png) center right no-repeat;
            background-size: 44px;
            line-height: 46px;
            transition: all 0.2s ease-out;
        }
            .loginCustomerItem a:hover{
                padding-left:  20px;
                background-color: #f3f3f3;
            }
    .customer {
        border-bottom: 1px solid #ddd;
        text-align: right;
    }
    .customer span {
        display: block;
        margin-bottom : -5px;
        font-size: 13px;
        text-align: left;
    }
    

@media screen and (min-width: 769px) {
    .loginCustomer {
        width: 222px;
        display: block;
    }
    .loginCustomerItem {}
        .loginCustomerItem a {
            padding-left: 0px;
            line-height: 23px;
            background-size: 7px 15px;
        }
            .loginCustomerItem a:hover{
                padding-left:  5px;
                background-color: #f3f3f3;
            }

}




/* ----------------
 * バナーエリア
 * ---------------- */
.sslSeal {
    text-align: center;
}
/*.banner {
    display: flex;
	justify-content: center;
}
    .bannerListItem {
        margin: 0 auto;
    }
    .bannerListItem img {
        width: 150px;
    }
*/
.banner {
}
    .bannerListItem {
        float: left;
        margin: 0 10px 10px;
    }
    .bannerListItem img {
        width: 160px;
    }

@media screen and (min-width: 769px) {
    .banner {
        display: block;
    }
    .bannerListItem {
        margin: 0 0 10px;
        text-align: center;
    }
    .bannerListItem img {
        width: 222px;
    }
    .bannerListItem a:hover {
        opacity: 0.7;
    }

}


/* ----------------
 * 採用情報 バナーエリア
 * ---------------- */
.subRecruitModule {
    padding: 10px 0 0;
    border-top: 1px solid #ddd;
}
.subRecruitHeadingTitle {
    font-size: 18px;
}
.recruitLeft {
    float: left;
    width: 40%;
    margin-rigth: 10px;
}
    .recruitLeft img {
        width: 100%;
    }
.recruitRight {
    float: right;
    width: 55%;
}
    .recruitRight img {
        width: 95%;
        margin-bottom: 10px;
        text-align: center;
    }
.recruitBtn {
    clear: both;
}
.recruitBtn a {
    display: block;
    margin-rigth: 10px;
    padding: 15px 10px;
    background: #afafaf;
    color:#fff;
    text-align: center;
}
.recruitBtn a:hover {
    background: #6f6f6f;
}

@media screen and (min-width: 480px) {
    .recruitLeft {
        width: 50%;
    }
    .recruitRight {
        width: 50%;
        padding-top: 40px;
        padding-left: 35px;
    }
    .recruitRight img {
        width: 85%;
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 769px) {
    .subRecruitModule {
        width: 222px;
        padding: 0;
        border-top: 0px solid #ddd;
    }
    .recruitLeft {
        float: none;
        width: 100%;
        margin-rigth: 10px;
    }
        .recruitLeft img {
            width: 100%;
            margin-bottom: 5px;
        }
    .recruitRight {
        float: none;
        width: 85%;
        margin: 0 auto;
        padding: 0;
        text-align: center;
    }
        .recruitRight img {
            width: 100%;
            margin-bottom: 5px;
            text-align: center;
        }
    .recruitBtn a {
        border-radius: 5px;
    }
}


/* ----------------
 * ショッピングカート
 * ---------------- */
/* ショッピングカート　ステータスメッセージ */
.cartStatusWrap {
    margin-bottom: 30px;
    padding: 0 0 0px;
    border-bottom: 1px dotted #ccc;
}
    .cartStatusWrap:after {
        content: "";
        clear: both;
        display: block;
    }
    /* ステータスタイトル */
    .cartStatusTitle {
        clear: both;
        margin-bottom: 20px;
        font-size: 18px;
        font-weight: normal;
    }
    /* ステータスメッセージ */
    .cartStatusMsg {
        margin-bottom: 30px;
        font-size: 14px;
    }
/* カート・レジ操作時のメッセージ */
.cartStatusAction {
    margin: 20px 0;
    padding: 20px 20px 10px;
    background: #f3f3f3;
    border: 1px solid #eee;
    border-radius: 7px;
    font-size: 16px;
}
    .cartStatusAction li {
        margin-bottom: 10px;
    }

@media screen and (min-width: 480px) {
    .cartStatusTitle {
        font-size: 20px;
    }
    .cartStatusMsg {
        font-size: 16px;
    }
}

/* 商品をカートに追加した時の表示 */
.addCartItem {
    width: 90%;
    margin: 0 auto 20px;
    padding-bottom: 20px;
    background: #f3f3f3;
    border: 1px solid #ccc;
    border-radius: 7px;
    text-align: center;
}
    .addItem {}
    .addItemLink {
        display: block;
        padding: 20px;
        color: #333;
    }
        .addItemLink:link,
        .addItemLink:visited,
        .addItemLink:active {
            color: #333;
        }
        .addItemLink:hover {
            color: #666;
        }
    .addItemImage {
        margin-bottom: 10px;
    }
        .addItemImage img {
            max-width: 100%;
        }
    .addItemName{
        margin-bottom: 5px;
        font-size:  16px;
    }
    .addItemQuantity {
        margin-bottom: 10px;
    }

/* 商品の追加表示時のエラー表示 */

.addErrorCartItem {
    background: #fee7e8;
    border: 0;
}

/* カート追加表示時のボタン */

.addItemBtnBox {
    margin-bottom: 50px;
}
    .addItemBtnList {
        text-align: center;
    }
    .addItemBtnListItem {
        display: inline-block;
        margin: 20px;
    }

@media screen and (min-width: 480px) {
    /* 商品の追加表示 */
    .addCartItem {
        width: 40%;
    }
}


/* ショッピングカートの中身表示 */
.cartTotalWrap {
    margin-bottom: 30px;
    padding: 20px 0;
    background: #f3f3f3;
    border-radius: 5px;
}
    .cartTotalWrap:after {
        content: "";
        clear: both;
        display: block;
    }
    /* カート内の商品合計金額 */
    .cartTotal {
        margin-bottom: 20px;
        font-size: 14px;
        text-align: center;
        line-height: 1.1;
    }
        .cartTotal span {
            margin-left: 1em;
            font-size: 22px;
        }
        .cartTotal span.noCostMsg {
            color: #999;
            font-size: 12px;
        }
        /* レジへ進むボタン */
        .gotoRegister {
            text-align: center;
        }

@media screen and (min-width: 480px) {
    .cartTotalWrap {
    }
    /* カート内の商品合計金額 */
    .cartTotal {
        margin-bottom: 20px;
        font-size: 18px;
        line-height: 1.1;
    }
        .cartTotal span {
            margin-left: 1em;
            font-size: 26px;
        }
        .cartTotal span.noCostMsg {
        }
        .gotoRegister {
            white-space: normal;
        }

}
@media screen and (min-width: 769px) {
    .cartTotalWrap {
        text-align: right;
    }
    /* カート内の商品合計金額 */
    .cartTotal {
        float: left;
        width: 80%;
        margin-bottom: 0;
        text-align: right;
    }
        .cartTotal span {
        }
        .cartTotal span.noCostMsg {
        }
        .gotoRegister {
            float: right;
            width: 20%;
        }
}

/* カート内の商品表示 */
.cartItemWrap {}
    .cartItemTitle {
        margin-bottom: 20px;
        padding-left: 20px;
        background-size: 16px;
        font-size: 16px;
        font-weight: normal;
        line-height: 16px;
    }
    .cartItem {
        margin-bottom: 30px;
        padding: 10px 5px 10px 5px;
        border: 1px solid #ddd;
        border-radius: 5px;
        text-align: center;
    }
    .cartItemImage {
        margin-bottom: 10px;
    }
        .cartItemImage img {
            max-width: 100%;
        }
    .cartItemPrice {
        margin-bottom: 0px;
    }
    .cartItemSubTotal {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .cartItemOption {
        margin-bottom: 10px;
        font-size: 13px;
    }
        .cartItemOptionLabel {
            display: inline-block;
            margin-bottom: 5px;
            background-color: #933;
        }



/* 削除ボタン */
.deleteItemBtn {
    height: 44px;
    border-radius: 5px;
    font-size: 16px;
    line-height: 44px;
}
@media screen and (min-width: 480px) {
    .deleteItemBtn {
        height: 24px;
        font-size: 14px;
        line-height: 24px;
    }
}

/* カートの中身を全て削除する */
.removeCartItemWrap {
    clear: both;
    margin-bottom: 50px;
    padding-top: 50px;
    border-top: 1px dotted #ccc;
    text-align: center;
}


/* 買い物を続ける */
.continueShoppingWrap {
    clear: both;
    margin-bottom: 50px;
    padding-top: 50px;
    border-top: 1px dotted #ccc;
    text-align: center;
}
/* 買い物を続けるボタン */
.continueShoppingBtn {
    height: 44px;
    padding: 0 20px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    filter: none;
    background-image: none;
    color: #333 !important;
    font-size: 16px;
    text-align: center;
    line-height: 44px;
}
.continueShoppingBtn:hover,
.continueShoppingBtn.hover {
    border: 1px solid #bbb;
    background-color: #aaa;
    filter: none;
    background-image: none;
    color: #fff !important;
    text-decoration: none;
}
@media screen and (min-width: 480px) {
    .continueShoppingBtn {
    }
}




/* ----------------
 * 注文手続き(レジスター)　ご注文商品の一覧
 * ---------------- */
/* 買い物の流れ */
.shoppingFlow {
    margin-bottom: 30px;
}
    .shoppingFlowItem {
        list-style-type: none;
        padding: 5px 15px 5px;
        background: #f6f6f6;
        border-top: 1px solid #ccc;
        color: #aaa;
        font-size: 12px;
    }
        .shoppingFlowItem:last-child {
            border-bottom: 1px solid #ccc;
        }
        .shoppingFlowItem span {
            display: block;
            float: left;
            width: 20px;
            margin: 0 0 0;
            color: #999;
            font-size: 16px;
        }
        .currentFlow {
            background: #fff;
            color: #333;
        }
        .currentFlow span {
            color: #333;
        }

@media screen and (min-width: 480px) {
    .shoppingFlow {}
        .shoppingFlowItem {
            float: left;
            width: 20%;
            margin: 0 0 30px;
            padding: 15px 15px 10px;
            border: 0;
            border-left: 1px solid #ccc;
            font-size: 13px;
        }
            .shoppingFlowItem:last-child {
                border-bottom: 0;
            }
            .shoppingFlowItem span {
                margin: -5px 0 0;
                font-size: 20px;
            }
            .currentFlow {}
            .currentFlow span {}
}

/* 購入商品表示のテーブル */
.registerItemsTable {
    width: 100%;
    margin-bottom: 30px;
    border-collapse: collapse;
}
    .registerItemsTable th,
    .registerItemsTable td {
        display: block;
        padding: 0px 0px;
    }
    .registerItemsTable th {
        width: 25%;
        display: inline-block;
        padding: 10px 10px;
        border-top: 1px solid #e3e3e3;
        background: #efefef;
        font-weight: lighter;
    }
    .registerItemsTable td {
        display: block;
        width: 100%;
        padding: 10px 10px;
    }
        .registerItemsTable tr td:first-child {
            padding-top: 30px;
        }
        .registerItemsTable tr td:last-child {
            padding-bottom: 30px;
        }

    /* 商品イメージ */
    .registerItemImage {
        margin-bottom: 10px;
        text-align: center;
    }
        .registerItemImage img {
            max-width: 100%;
        }
    /* 商品詳細 */
    .registerItemDetail {
        text-align: center;
    }
    .registerItemName {}
    .productSizeColor {}
    .registerItemPrice {
        font-size: 14px;
    }
        .registerItemPrice span {
            font-size: 16px;
        }
    /* 商品数 */
    .registerItemQuantity {
        border-top: 1px dotted #ccc;
        text-align: right;
    }
        .registerItemQuantity input {
            text-align: right;
        }

    /* 名入れ */
    .registerEngravingItem {
        text-align: right;
    }
        .registerEngravingItem span {
            font-size: 14px;
        }

    /* 商品合計 */
    .registerItemTotal {
        font-size: 20px;
        text-align: right;
    }
        .registerItemTotal span { font-size: 16px; }
    /* 削除ボタン */
    .registerItemAction {
        border-bottom: 1px solid #ccc;
        text-align: right;
    }
    /* 合計・再計算 */
    .registerItemsTable tfoot th,
    .registerItemsTable tfoot td {
        width: 100%;
    }

    /* 特定商品購入時のメッセージ */
    /* あかちゃん筆、篆刻 */
    .orderProductOptionHeader {
        margin-bottom: 30px;
        padding: 20px;
        border: 1px dotted #933;
        border-radius: 5px;
        color: #c00;
    }
    .orderProductOption {
        padding: 10px;
        border-top: 1px dotted #ccc;
        color: #c00;
        font-size: 14px;
    }

    /* 確認ページ用 お買い物の商品明細テーブル */
    .registerConfirmItemsTable {}
        .registerConfirmItemsTable th {
            width: 50%;
        }
        .registerConfirmItemTotal {
            border-bottom: 1px solid #ccc;
        }

    /* 支払い合計テーブル */
    .orderTotalTable th { font-size: 14px;}
    .orderTotalTable td { }
        .orderTotalTable td span {
            display: inline;
            font-size: 18px;
        }
    .orderTotal th,
    .orderTotal td {
        border-top: 3px solid #ddd;
    }
        .orderTotal td { font-size: 18px; }
        .orderTotal td span {font-size: 26px;}

    /* 再計算ボタン */
    .registerItemsTable tfoot tr.recalculater th,
    .registerItemsTable tfoot tr.recalculater td {
        background: #f3f3f3;
    }
    /* カート内の商品合計金額 */
    .registerItemsTable tfoot tr.recalculater th {
        padding-top: 20px;
        text-align: center;
        line-height: 1.1;
    }
        .registerItemsTable tfoot tr.recalculater th span {
            font-size: 28px;
        }
        .registerItemsTable tfoot tr.recalculater th span.noCostMsg {
            color: #999;
            font-size: 12px;
        }
        .registerItemsTable tfoot tr.recalculater td {
            padding-bottom: 20px;
            text-align: center;
        }



@media screen and (min-width: 480px) {
    /* 購入商品表示のテーブル */
    .registerItemsTable {
    }
        .registerItemsTable th,
        .registerItemsTable td {
            display: table-cell;
            width: auto;
            padding: 20px 10px;
            border-top: 1px solid #e3e3e3;
        }
        .registerItemsTable thead th {
            background: #efefef;
            font-weight: lighter;
        }
        .registerItemsTable tfoot th,
        .registerItemsTable tfoot td {
            padding: 5px 10px;
            border: none;
            text-align: right;
            font-weight: normal;
        }
        .registerItemsTable tfoot th {
            background: #fff;
        }
        .registerItemsTable tfoot td {
        }
            .registerItemsTable tfoot tr:first-child th,
            .registerItemsTable tfoot tr:first-child td {
                padding-top: 20px;
                border-top: 1px solid #ddd;
            }
            .registerItemsTable tfoot tr:last-child th,
            .registerItemsTable tfoot tr:last-child td {
                padding-bottom: 20px;
                border-bottom: 1px solid #ddd;
            }

        /* 確認ページ用 お買い物の商品明細テーブル */
        .registerConfirmItemsTable {}
            .registerConfirmItemsTable th,
            .registerConfirmItemsTable td {
                border-bottom: 1px solid #ccc;
            }
            .registerConfirmItemTotal {

            }
        /* 商品イメージ */
        .registerItemImage {
            margin: 0 auto;
            width: 300px;
        }
        /* 商品サイズ・色 */
        ul.productSizeColor {
            margin-top: 3px;
            padding-top: 4px;
            border-top: 1px dotted #999;
            font-size: 90%;
        }
        ul.productSizeColor {
            list-style-type: none;
            line-height: 1.4;
        }
        /* 削除ボタン */
        .registerItemAction {
            text-align: center;
            white-space: nowrap;
        }
        /* カート内の商品合計金額 */
        .registerItemsTable tfoot tr.recalculater th {
            margin-bottom: 20px;
            text-align: right;
            font-size: 18px;
            line-height: 1.1;
        }
            .registerItemsTable tfoot tr.recalculater th span {
                margin-left: 1em;
                font-size: 26px;
            }
}

/* レジスターのコントローラー */
.registerController {
    margin-bottom: 50px;
    text-align: center;
}

/* 次のステップ、戻るボタン*/
.nextStepBtn {
    padding-right: 50px;
    padding-left: 50px;
}
.backStepBtn {
    margin-bottom: 20px;
}
@media screen and (min-width: 480px) {
    .nextStepBtn,
    .backStepBtn {
        margin-right: 10px;
        margin-left: 10px;
    }
}


/* ----------------
 * ご注文商品一覧 
 * ---------------- */
/* 非会員のレジスターのコントローラー */

.noMemberRegisterController,
.onlineMemberRegisterController {
    padding: 20px 20px 30px;
    border: 1px solid #e5e5e5;
}
.onlineMemberRegisterController {
    background-color: #f9f9f9;
}

    .noMemberRegisterController h2,
    .onlineMemberRegisterController h2 {
        margin-bottom: 20px;
        padding-left: 30px;
        background: url(../images/common/bg_title.png) center left no-repeat;
        background-size: 22px;
        font-size: 18px;
        font-weight: bold;
        text-align: left;
    }
    .noMemberRegisterController h2 {
        background: url(../images/common/bg_title_blue.png) center left no-repeat;
        background-size: 22px;
    }
    .onlineMemberRegisterController p {
       text-align: left;
    }
    
    
    .onlineMemberRegisterTable {
        width: 100%;
        margin-bottom: 20px;
    }
        .onlineMemberRegisterTable th,
        .onlineMemberRegisterTable td {
            display: block;
        }
    .onlineMemberRegisterTable th {
        padding: 10px 0;
        color: #633;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
    }
    
    .noPointCaution {
        color: #c00 !important;
        font-size: 16px !important;
    }


/* ----------------
 * 注文手続き 住所とお届け先以降
 * ---------------- */

/* ステップボタン */
.stepBtnWrap {
    margin: 30px 0;
    text-align: right;
}

/*
 * 注文情報入力欄
 */
.orderInfoWrap {
}
    /* 注文状況タイトル */
    .orderStepTitle {
        height: 24px;
        margin-bottom: 10px;
        padding-left: 7px;
        border-left: 7px solid #111;
        font-size: 18px;
        line-height: 28px;
    }
    .orderStepCopy {
        margin-bottom: 10px;
        font-size: 14px;
    }
    .orderStepCaution {
        color: #c00;
    }

/*
 * 注文情報テーブル
 */
.orderTable {
    width: 100%;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
}
    .orderTable th,
    .orderTable td {
        display: block;
        width: 100%;
        padding: 10px 0 0;
        border-top: 1px solid #e3e3e3;
    }
    .orderTable th {
        font-weight: 400;
        text-align: left;
    }
    .orderTable td {
        padding-bottom: 15px;
        border-top: 0;
    }
    .orderTable td span {
        display: block;
        color: #666;
        font-size: 14px;
    }
    .orderTable td.labelForm {
        width: 300px;
        padding-left: 50px;
    }
    .orderLabelBlock {
        display: block;
    }

    .addressGuide {
        font-size: 14px;
    }

    /* 注文者、お届け先の住所 */
    .deliveryAddressItem {
        font-size: 16px;
        font-weight: lighter;
        text-align: left !important;
        vertical-align: text-bottom;
    }
        .deliveryAddressItem:first-letter {
            font-size: 30px;
        }
    .orderCustomerAddress,
    .orderDeliveryAddress {
        margin-left: 0;
        font-size: 15px;
    }
        .orderCustomerAddress dt,
        .orderDeliveryAddress dt {
            margin-bottom: 10px;
        }
        .orderCustomerAddress dd,
        .orderDeliveryAddress dd {
            margin-bottom: 10px;
        }
        .orderCustomerAddress dd span,
        .orderDeliveryAddress dd span {
            display: inline;
            color: #999;
            font-size: 14px;
            font-weight: bold;

        }

@media screen and (min-width: 480px) {
    .orderTable {
        width: 100%;
    }
        .orderTable th,
        .orderTable td {
            display: table-cell;
            width: auto;
            padding: 20px 20px;
            border-top: 1px solid #e3e3e3;
            padding-right: 20px;
        }
        .orderTable th {
            width: 220px;
        }
        .orderTable td {}
        .orderTable td span {
            display: inline-block;
            padding: 5px 0;
        }
        .orderTable td.labelForm {}
        .orderLabelBlock {}
        /* 注文者、お届け先の住所 */
        .deliveryAddressItem {}
            .deliveryAddressItem:first-letter {}
        .orderCustomerAddress,
        .orderDeliveryAddress {
            margin-left: 2em;
        }
            .orderCustomerAddress dt,
            .orderDeliveryAddress dt {
            }
            .orderCustomerAddress dd,
            .orderDeliveryAddress dd {
                margin-left: 2em;
                margin-bottom: -5px;
            }
            .orderCustomerAddress dd span,
            .orderDeliveryAddress dd span {
                font-size: 13px;
                font-weight: normal;
            }
}

/* お買い上げ金額の合計テーブル */
.orderTotalTable {
}
    .orderTotalTable th,
    .orderTotalTable td {
        display: table-cell;
        width: auto;
        padding: 10px 0;
        border-top: 1px solid #e3e3e3;
        text-align: right;
    }
    .orderTotalTable th { font-size: 14px;}
    .orderTotalTable td { }
        .orderTotalTable td span {
            display: inline;
            font-size: 18px;
        }
    /* 合計 */
    .orderTotal th,
    .orderTotal td {
        border-top: 3px solid #ddd;
    }
        .orderTotal td { font-size: 18px; }
        .orderTotal td span {font-size: 26px;}

@media screen and (min-width: 480px) {
    .orderTotalTable {
    }
        .orderTotalTable th,
        .orderTotalTable td {
            padding: 10px 20px;
            padding-right: 20px;
        }
        .orderTotalTable th { width: 70%; }
        .orderTotalTable td { width: 35%; }
            .orderTotalTable td span { font-size: 18px; }
        .orderTotal th,
        .orderTotal td {}
            .orderTotal td span {font-size: 26px;

            }
}

/* お買い上げ金額の合計テーブル */
.orderPaymentTable {
}
    .orderPaymentTable th,
    .orderPaymentTable td {
        display: table-cell;
        width: auto;
        padding: 10px 0;
        border-top: 1px solid #e3e3e3;
        text-align: right;
    }
    .orderPaymentTable th { font-size: 14px;}
    .orderPaymentTable td { }
        .orderPaymentTable td span {
            display: inline;
            font-size: 18px;
        }

@media screen and (min-width: 480px) {
    .orderPaymentTable th,
    .orderPaymentTable td {
        padding: 20px 10px;
        font-size: 16px;
    }
    .orderPaymentTable th {
        width: 30%;
    }
    .orderPaymentTable td {
        text-align: left;
    }
}

/* お届け先の選択肢 */
.sendToWrap {
    margin-bottom: 20px;
    padding-top: 20px;
    border-top: 1px solid #ccc;
}
.sendToSelector {}
    .sendToSelector li {
        padding: 10px 0;
    }
@media screen and (min-width: 480px) {
    .sendToWrap {
        margin-bottom: 20px;
        padding-top: 20px;
        padding-left: 220px;
        border-top: 1px solid #ccc;
    }
    .sendToSelector {}
        .sendToSelector li {}
}

/*
 * 注文時の備考欄
 */
.orderCommentWerap {
    margin-bottom: 30px;
}
/*
 * 注文確認時の備考欄
 */
.orderConfComment {
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 15px;
}



/* 確認ページでのクレジット・コンビニ支払い時のボックス */
.orderPaymentConfirmWrap {
    margin: 0 0 50px;
    padding: 20px 30px;
    border: 3px solid #ff6766;
    border-radius: 10px;
}
    .orderPaymentConfirmWrap h3 {
        margin: 0;
        color: #ff6766;
        font-weight: bold;
    }
    .orderPaymentConfirmWrap p {
        margin: 0;
    }


/* クレジット・コンビニ支払い時のボックス */
.orderPaymentWrap {
    margin: 0 0 100px;
    padding: 30px;
    border: 1px solid #ccc;
    border-radius: 10px;
}
    .btnCaution {
        color: #ff0000;
        font-weight: bold;
    }

/* クレジットカード支払い欄 */
.sgpWrap {
    margin: 40px 0 20px;
    text-align: center;
}
/* PayPal支払い欄 */
.paypalWrap {
    margin-bottom: 60px;
    text-align: center;
}

/* ご注文手続き時のエラーメッセージ */
.orderErrorWrap {
    clear: both;
    margin-bottom: 20px;
    padding: 10px;
}
    .orderErrorTitle {
        font-size: 18px;
    }
    .orderErrorMsg {
        font-size: 14px;
    }

/* 注文番号 */
.receiptCode {
    font-size: 18px;
    font-weight: bold;
}

/* ----------------
 * フッター商品カテゴリー
 * ---------------- */
.footerProductCategoryWrap {
    display: none;
}
@media screen and (min-width: 769px) {
    .footerProductCategoryWrap {
        clear: both;
        display: block;
        padding: 20px 0;
        background: #4e5155;
        background: #5f6266;
    }
        .footerProductCategoryWrap:after {
            content: "";
            clear: both;
            display: block;
        }
    .footerProductCategory {
        font-size: 11px;
    }
    .footerProductCategoryTitle {
        color: #aaa;
        margin-bottom: 5px;
        font-size: 11px;
        font-weight: normal;
    }
    .footerProductCategoryItem {

    }
    .footerProductCategoryTitle a {
        color: #ddd;
    }
    .footerProductCategoryItem a {
        color: #eee;
    }
    .footerProductCategoryTitle a:hover,
    .footerProductCategoryItem a:hover {
        color: #ccc;
        text-decoration: underline;
    }
}


/* ----------------
 * 筆姫
 * ---------------- */
/* ヘッダー */
.fudehimeHeader {
    margin-bottom: 0;
    background: url(../images/fudehime/bg_fudehime_header_480.jpg) top center no-repeat; background-size: cover;
}
    .fudehimeTitle {
        margin-right: 30px;
    }
        .fudehimeTitle img {
            height: 43px;
        }
    .fudehimeSubTitle {
    }
        .fudehimeSubTitle img {
            height:18px;
        }
        .fudehimeSubTitle01 {
            margin: 0 0 5px;
            padding-top: 20px;
        }
        .fudehimeSubTitle02 {
            margin-bottom: 20px;
        }
    .fudehimePrice {
        margin-left: 20px;
        font-size: 16px;
    }
        .fudehimePrice span {
            font-size: 26px;
        }

    .fudehimeListLink {
        margin-left: 20px;
    }
        .fudehimeListLink a {
            position: relative;
            display: inline-block;
            height: 44px;
            padding: 0 38px 0 22px;
            border: 1px solid #08c;
            border-radius: 22px;
            color: #08c;
            font-size: 15px;
            line-height: 44px;
        }
            .fudehimeListLink a:before,
            .fudehimeListLink a:after {
                position: absolute;
                top: -2px;
                bottom: 0;
                right: 0;
                margin: auto;
                content: "";
                vertical-align: middle;
            }
            .fudehimeListLink a:before {
                right: 20px;
                width: 10px;
                height: 10px;
                border-top: 1px solid #08c;
                border-right: 1px solid #08c;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
            }
                .fudehimeListLink a:hover {
                    background-position: bottom right;
                    border-color: #00a9f8;
                    color: #00a9f8;
                }

@media screen and (min-width: 480px) {
    .fudehimeHeader {
        background: url(../images/fudehime/bg_fudehime_header.jpg) bottom center no-repeat; background-size: cover;
    }
        .fudehimeTitle {
        }
        .fudehimeTitle img {
            height: 72px;
        }
        .fudehimePrice {
            margin-left: 80px;
        }
            .fudehimePrice span {}
        .fudehimeListLink {
            margin-left: 75px;
        }
}
@media screen and (min-width: 769px) {
    .fudehimeHeader {
        height: 630px;
    }
    .fudehimeSubTitle img {
            height: 34px;
        }
        .fudehimeSubTitle01 {
            margin-top: 0;
            padding-top: 70px;
        }
        .fudehimeSubTitle02 {
            margin-bottom: 40px;
        }
    .fudehimeListLink {
    }
        .fudehimeListLink a {
            padding: 0 80px 0 60px;
        }
}

/* 筆姫　コンテンツ */
.fudehimeContent  {
    margin-bottom: 70px;
}

/* clearfix */
.fudehimeContent:after {
    content: "";
    clear: both;
    display: block;
}

    .fudehimeContent h2 {
        padding-top: 0;
        font-size: 20px;
        font-weight: normal;
        line-height: 1.3;
    }
    .fudehimeContent h2 {
        margin-bottom: 20px;
    }
    .fudehimeContent p {
        font-size: 14px;
    }

@media screen and (min-width: 480px) {
        .fudehimeContent h2 {
            font-size: 24px;
        }
        .fudehimeContent p {
            font-size: 16px;
        }
}

.fudehimeExpression {}
    .fudehimeExpression img {
        width:100%;
    }
@media screen and (min-width: 769px) {
    .fudehimeExpressionImg {
        display: none;
    }
}
.fudehimeHosaki {}
    .fudehimeHosaki h2 {
    }
    .fudehimeHosakiImg { text-align: center; }
        .fudehimeHosakiImg img {
            width: 75%;
        }

@media screen and (min-width: 480px) {
    .fudehimeHosaki p {
    }
    .fudehimeHosakiImg {
        margin-left: -40px;
        float: left;
    }
}

@media screen and (min-width: 769px) {
    .fudehimeHosaki {
        padding: 100px 0 90px;
        background: url(../images/fudehime/bg_hosaki.jpg) top center no-repeat; background-size: cover;
    }
    .fudehimeHosaki h2 {
        margin-left: 300px;
    }
    .fudehimeHosaki p {
        margin-left: 300px;
    }
    .fudehimeHosakiImg {
        display: none;
    }
}

.fudehimePostCard {
    background: url(../images/fudehime/bg_postcard_480.jpg) top center no-repeat; background-size: cover;
}
    .fudehimePostCard p {
        width: 50%;
    }

@media screen and (min-width: 480px) {
    .fudehimePostCard {
        height: 380px;
    }
}

@media screen and (min-width: 769px) {
    .fudehimePostCard {
        height: 800px;
        margin-top: -100px;
        background: url(../images/fudehime/bg_postcard.png) bottom center no-repeat; background-size: cover;
    }

    .fudehimePostCard h2 {
        width: 600px;
        margin-left: 120px;
        padding-top: 80px;
    }
    .fudehimePostCard p {
        width: 600px;
        margin-left: 120px;
    }
}


.fudehime12colors {
    margin-bottom: 0;
}
.twelveSetImg { text-align: center; }
    .twelveSetImg img {
        width: 50%;
    }

@media screen and (min-width: 769px) {
    .fudehime12colors {
        height: 580px;
        padding-top: 100px;
        background: url(../images/fudehime/bg_12colors.png) center center no-repeat; background-size: cover;
    }
    .fudehime12colors h2 {
        margin-left: 50%;
    }
    .fudehime12colors p {
        margin-left: 50%;
    }
    .twelveSetImg { display: none; }
}

.fudehimeMount {
    background: url(../images/fudehime/bg_mount.png) -405px 30px no-repeat; background-size: 900px;
}
    .fudehimeMount h2 {
        margin-bottom: 230px;
        text-align: center;
        font-size: 16px;
    }

@media screen and (min-width: 480px) {
    .fudehimeMount {
        height: 300px;
        padding-top: 130px;
        background: url(../images/fudehime/bg_mount.png) center center no-repeat; background-size: cover;
    }
    .fudehimeMount h2 {
        margin-bottom: 10px;
        text-align: left;
        font-size: 18px;
    }
    .fudehimeMount P {
        width: 45%;
        font-size: 15px;
    }
}

@media screen and (min-width: 769px) {
    .fudehimeMount {
        height: 437px;
        margin-top: -100px;
        padding-top: 220px;
    }
    .fudehimeMount h2 {
        margin-bottom: 10px;
        text-align: left;
        font-size: 18px;
    }
    .fudehimeMount P {
        font-size: 16px;
    }
}

.fudehimeAward {}
.fudehimeAwardImg,
.fudehimeAwardLinkImg {
    text-align: center;
}
    .fudehimeAwardImg img,
    .fudehimeAwardLinkImg img {
        width: 75%;
    }
    .fudehimeAwardLinkImg a:hover {
        opacity: 0.7;
    }
.fudehimeAward dl {
    font-size: 12px;
}
@media screen and (min-width: 480px) {
    .fudehimeAwardImg img,
    .fudehimeAwardLinkImg img {
        width: 40%;
    }
}

@media screen and (min-width: 769px) {
    .fudehimeAwardImg {
        float: right;
        }
    .fudehimeAwardImg img {
        width: 75%;
    }
    .fudehimeAward dl {
        font-size: 14px;
    }
}

/* 筆姫 12本セット */
.fudehime12set {
}
.productFudehime12setImage {}
    .productFudehime12setImage img {
        height: 200px;
        display: block;
        margin: 0 auto 10px;
    }
.productFudehime12setbox {}
    .productFudehime12setbox p {
        padding-top: 30px;
        font-size: 15px;
    }
    .productFudehime12setbox img {
        float: left;
        width: 50%;
        margin-right: 1em;
        border: 1px solid #ccc;
    }
@media screen and (min-width: 480px) {
    .productFudehime12setImage img {
        height: 320px;
    }
.productFudehime12setbox {
    text-align: center;
}
    .productFudehime12setbox p {
        padding-top: 0;
        font-size: 16px;
    }
    .productFudehime12setbox img {
        float: none;
        width: 30%;
        margin: 0 auto;
    }
}
@media screen and (min-width: 769px) {

    .productFudehime12setImage {
        float: left;
        width: 60%;
    }
        .productFudehime12setImage img {
            height: 350px;
            display: block;
            margin: 0 auto 10px;
        }
    .productFudehime12setbox {
        float: left;
        width: 40%;
        padding-top: 80px;
    }
        .productFudehime12setbox p {
            padding-top: 30px;
            font-size: 15px;
        }
        .productFudehime12setbox img {
            float: left;
            width: 50%;
            margin-right: 1em;
            border: 1px solid #ccc;
        }
}

/* 筆姫 一覧 */
.fudehimeList {
    margin-bottom: 30px;
}
    h2.fudehimeListTitle {
        margin-bottom: 10px;
        text-align: center;
    }
        h2.fudehimeListTitle span {
            display: inline-block;
            margin-left: 1em;
            font-size: 75%;
        }
    .fudehimeListSubTitle {
        font-size: 14px;
        text-align: center;
    }
        .fudehimeListSubTitle span {
            font-size: 18px;
        }

.productFudehimeItem {
    float: left;
    width: 33.33333333%;
    min-height: 1px;
    margin-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}
.fudehimeContent h3.productFudehimeName {
    margin-bottom: 0;
    text-align: center;
}
    .fudehimeContent h3.productFudehimeName img {
        display: block;
        margin: 0 auto 10px;
    }
        .fudehimeMark {
            width: 30px;
            height: 30px;
        }
        .fudehimeColor {
            width: 90px;
        }

    .productFudehimeImage img {
        height: 160px;
    }

    .productFudehimeItem a {
        color:#333;
    }
        .productFudehimeItem a:hover h2,
        .productFudehimeItem a:hover p,
        .productFudehimeItem a:hover img {
            opacity: 0.7;
        }

    .fudehimeOrderBtn {
        width: 90px;

    }

@media screen and (min-width: 480px) {
    .fudehimeContent h3.productFudehimeName {}
        .fudehimeContent h3.productFudehimeName img {}
            .fudehimeMark {
                width: 40px;
                height: 40px;
            }
            .fudehimeColor {
                width: 110px;
            }
}

@media screen and (min-width: 769px) {
    .productFudehimeItem {
        width: 16.666666%;
    }
    .fudehimeContent h2.productFudehimeName {
        font-size: 16px!important;
    }
}


/* 筆姫グッズ */
.fudehimeGoodsList {}
    h2.fudehimeGoodsListTitle {
        margin-bottom: 30px;
        text-align: center;
    }
.productFudehimeGoods {
    float: left;
    width: 50%;
    min-height: 1px;
    margin-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}
.fudehimeContent h3.productFudehimeGoodsName {
    margin-bottom: 10px;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.3;
    text-align: center;
}
    .fudehimeContent h3.productFudehimeGoodsName img {
        display: block;
        margin: 0 auto 10px;
    }
        .fudehimeMark {
            width: 30px;
            height: 30px;
        }
        .fudehimeColor {
            width: 90px;
        }
    .productFudehimeGoodsImage img {
        height: 100px;
    }
    .productFudehimeGoodsImage a {
        color:#333;
    }
    p.productFudehimeGoodsPrice {
        font-size: 14px;
        text-align: center;
    }
        .productFudehimeGoodsPrice span {
            font-size: 18px;
        }
    .productFudehimeGoods a {
        color: #333;
    }
        .productFudehimeGoods a:hover h3,
        .productFudehimeGoods a:hover p,
        .productFudehimeGoods a:hover img,
        .productFudehimeGoods a:hover {
            opacity: 0.7;
        }

@media screen and (min-width: 480px) {
    .productFudehimeGoods {
        width: 25%;
    }
    .fudehimeContent h3.productFudehimeGoodsName {
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 769px) {

}


/* ----------------
 * 筆に関するエトセトラ - 筆の使い方
 * ---------------- */
.etceteraList {
    margin: 0 0 80px;
    border-top: 1px dotted #ccc;
}
.etceteraList li {
}

.etceteraList li a {
    display: block;
    padding: 20px 20px;
    border-bottom: 1px dotted #ccc;
    color: #333;
    font-weight: bold;
    transition: background-color 0.25s ease-out;
}

    .etceteraList li a:hover {
        background: #f1f1f1;
    }

.etceteraList li time {
    display: block;
    margin-top: 10px;
    color:#666;
    font-size: 13px;
    font-weight: normal;
    text-align: right;
}

/* ----------------
 * 筆に関するエトセトラ
 * ---------------- */
.etceteraEntry {
    border: 1px solid #e2e2e2;
    background: #fafafa;
}

.etceteraEntryHeader {
    margin-left: -1px;
    padding: 20px;
    border-left: 5px solid #d02020;
}
    .etceteraEntryTitle {
        margin: 0 0 20px;
        padding: 0;
        font-size: 20px;
        line-height: 1.3;
    }
    .etceteraEntryInfo {
        margin: 0;
        color: #999;
        font-size: 14px;
    }
.etceteraEntryColumn {
    padding: 0 20px;
}
.etceteraEntryColumn {
    padding: 0 20px;
}

.etceteraEntryFooter {
    background: #fafafa;
    padding: 0 20px;
}

.etceteraEntryColumn .leftColumnImage img,
.etceteraEntryColumn .rightColumnImage img,
.etceteraEntryColumn .centerColumnImage img {
    border-radius: 10px;
}

@media screen and (min-width: 769px) {
    .etceteraEntryHeader {
        padding: 40px;
    }
    .etceteraEntryTitle {
        font-size: 28px;
    }
        .etceteraEntryTitle a {
            color: #333;
        }
    .etceteraEntryInfo {

    }
}


/* ----------------
 * アラート
 * ---------------- */
.alertBox {
    margin-bottom: 30px;
    padding: 20px;
    border-radius: 3px;
}

.alertDangerBox {
    background: #;
    border: 1px solid #c00;
    font-size: 14px;
}

.alertDangerBox h3 {
    margin-bottom: 20px;
    color: #c00;
}

.alertDangerBox .dangerTerm {
    margin-bottom: 20px;
    color: #c00;
    font-size: 16px;
    font-weight: bold;
}

/* ----------------
 * 会員登録キャンペーン
 * ---------------- */
.memberCampaign {
        margin-bottom: 50px;
        margin: 0 -15px;
        padding: 20px;
        background: url(../images/member/bg_member_campaign.png) 0 -20px no-repeat;
        background-size: contain;
    }
    .memberCampaign h2 {
        margin-bottom:80px;
        text-align: center;
    }
        .memberCampaign h2 img {
            height: 32px;
            object-fit: cover;
               }
    .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 {
        margin-bottom: 50px;
        margin: 0 0 50px;
        padding: 20px;
        background: url(../images/member/bg_member_campaign.png) top left no-repeat;
        background-size: cover;
    }
        .memberCampaign h2 {
            margin-bottom: 0;
            text-align: center;
        }
        .memberCampaign h2 img {
            height: 68px;
               }
        .memberCampaign h3 {
            margin: -10px 0 40px;
            color: #333;
            font-size: 24px;
            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;
        }
}

/* ----------------
 * クレジット決済のボタン
 * pay.jp
 * ---------------- */
#payjp_checkout_box input[type="button"] {
    width: auto !important;
    height: 44px;
    padding: 0 1.4em !important;
    border: 1px solid #0088cc;
    border-radius: 22px !important;
    background-color: #fff;
    filter: none;
    background-image: none;
    color: #0088cc !important;
    font-size: 16px !important;
    line-height: 44px !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00a9f8', endColorstr='#ff0088cc', GradientType=0);
    background-image: -moz-linear-gradient(top, #00a9f8, #0088cc);
    background-image: -ms-linear-gradient(top, #00a9f8, #0088cc);
    background-image: -o-linear-gradient(top, #00a9f8, #0088cc);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#00a9f8), to(#0088cc));
    background-image: -webkit-linear-gradient(top, #00a9f8, #0088cc);
    background-image: linear-gradient(top, #00a9f8, #0088cc);
    color: #fff !important;
}
    #payjp_checkout_box input[type="button"]:hover {
        border: 1px solid #00a9f8;
        background-color: #fff;
        filter: none;
        background-image: none;
        color: #00a9f8 !important;
        text-decoration: none;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1eb2f9', endColorstr='#ff118fcf', GradientType=0);
        background-image: -moz-linear-gradient(top, #1eb2f9, #118fcf);
        background-image: -ms-linear-gradient(top, #1eb2f9, #118fcf);
        background-image: -o-linear-gradient(top, #1eb2f9, #118fcf);
        background-image: -webkit-gradient(linear, center top, center bottom, from(#1eb2f9), to(#118fcf));
        background-image: -webkit-linear-gradient(top, #1eb2f9, #118fcf);
        background-image: linear-gradient(top, #1eb2f9, #118fcf);
        color: #fff !important;
    }


/* ----------------
 * クレジット決済のフォームデザイン
 * pay.jp.js v2
 * ---------------- */
/* カードロゴ */
.cardLogosPayJp {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    justify-content: space-around;
    align-items: center;
}
    .cardLogosPayJp img {
        width: 10%;
    }
/* エラー表示 */
.payJpJsAlert {
    display: block;
    width: 100%;
    margin-top: 10px;
    padding: 10px;
    background: rgb(253, 243, 246);
    border: 1px solid rgb(245, 217, 222);
    border-radius: 7px;
    color: rgb(240, 81, 110);
    font-size: 14px;
}