@charset "utf-8";

/*main*/
#lp-sp-old .brand_title strong { font-size: 14px;}
#lp-sp-old .sp-main { float: left;}

/*EX*/
#lp-sp-old .mrnone { margin-right: 0px !important;}
#lp-sp-old .pdnone { padding-bottom: 0px !important;}
#lp-sp-old .mb60 { margin-bottom: 60px;}
#lp-sp-old .mb30 { margin-bottom: 30px !important;}
#lp-sp-old .pb30 { padding-bottom: 30px !important;}
#lp-sp-old .center { margin-top: 0; margin-bottom: 30px; padding: 0;}
#lp-sp-old .center a { display: block; margin: 0 !important; padding: 10px; background: #ededed; text-align: center; font-size: 12px; line-height: 20px;}
#lp-sp-old .center img { display: initial; padding: 0 5px 3px; width: auto; vertical-align: bottom;}
#lp-sp-old .brandimagetext { margin-top: 20px; margin-bottom: 60px; color: #5b5b5b;}
#lp-sp-old .brandimagetext span.annaunce font { font-size: 18px;}
#lp-sp-old .brandimagetext span.annaunce { display: block; padding: 20px; background-color: #e3e3e3;}

/*全体*/
#lp-sp-old #brand-wrap { overflow: hidden; margin: 0 auto; width: 100%;}
#lp-sp-old #brand-main { position: relative;}
#lp-sp-old #brand-main .list { margin-bottom: 0;}
#lp-sp-old .sub-contants-result { margin: 0 50px 0 0;}

/*tab*/
#lp-sp-old .all-view-page #brand-tab { overflow: hidden; margin-top: 20px; margin-bottom: 85px; border: solid 1px #dddddd; border-bottom: none; border-left: none; list-style: none;}
#lp-sp-old .all-view-page #brand-tab li { float: left; width: 25%;}
#lp-sp-old .all-view-page #brand-tab li a { display: block; padding: 13px; border: solid 1px #dddddd; border-top: none; border-right: none; text-align: center;}
#lp-sp-old .all-view-page #brand-tab li.tab_active a { padding: 13px; border-top: none; border-right: none; background: #666666; text-align: center; text-decoration: none;}
#lp-sp-old .all-view-page .brand-btn-cmn { overflow: hidden; margin-top: 20px; margin-bottom: 85px; border: solid 1px #dddddd; border-bottom: none; border-left: none; list-style: none;}
#lp-sp-old .all-view-page .brand-btn-cmn li a { display: block; border: solid 1px #dddddd; border-top: none; border-right: none;}
#lp-sp-old .all-view-page .brand-btn-cmn li a:hover { background-color: #666666;}
#lp-sp-old .brand-btn-cmn li a .nohover { display: block; padding: 13px;}
#lp-sp-old .brand-btn-cmn li a .hover { display: none;}
#lp-sp-old .brand-btn-cmn li a:hover .hover { display: block; padding: 13px; background-color: #666666; color: #ffffff;}
#lp-sp-old .brand-btn-cmn li a:hover .nohover { display: none;}
#lp-sp-old .brand-btn-cmn #tab0,
#lp-sp-old .brand-btn-cmn #tab1,
#lp-sp-old .brand-btn-cmn #tab2 { margin-bottom: 55px;}

/*ブランドタイトル*/
#lp-sp-old .brand_title { padding: 0; border: none;}
#lp-sp-old .brand_title strong { display: inline-block; margin: 0 25px 0 0; font-weight: bold;}
#lp-sp-old .brand_title span { display: inline-block; width: 56%; color: #5b5b5b; vertical-align: middle; font: normal 12px/20px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;}
#lp-sp-old .ie8 h1.brand_title strong { display: inline-block; margin-right: 15px;}
#lp-sp-old .ie8 h1.brand_title span { display: inline-block;}

/*ページごとタイトル*/
#lp-sp-old .contants_title { margin-bottom: 40px;}

/*ページ内タイトル*/
#lp-sp-old .local_title { margin-bottom: 15px;}
#lp-sp-old .local_title strong { display: inline-block; margin-right: 15px;}
#lp-sp-old .local_title span { display: inline-block;}
#lp-sp-old .itemall_title h2 { margin-bottom: 40px; padding-left: 15px; border-left: solid 5px #29aabf; color: #29aabf; font: bold 18px/17px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif; line-height: 20px;}

/*SMP用タイトル*/
#lp-sp-old .smp_text_title { margin: 10px 5px; font-size: 12px; line-height: 19px;}

/*区切り線*/
#lp-sp-old .separator_line { margin-bottom: 45px; padding-bottom: 60px; border-bottom: solid 2px #dbd8d3;}
#lp-sp-old .dot { padding-bottom: 35px; background-image: url(/sp/cabas/images/dot.png); background-position: bottom; background-repeat: repeat-x;}

/*ブランドメイン画像*/
#lp-sp-old .image_box img { margin-bottom: 20px;}
#lp-sp-old .image_box p { line-height: 23px;}

/*３カラムボックス*/
#lp-sp-old ul.three_column_box { overflow: hidden; list-style: none;}
#lp-sp-old ul.three_column_box li { float: left; margin-right: 2.3%; width: 30.7%;}
#lp-sp-old ul.three_column_box li.last { margin-right: 0;}
#lp-sp-old ul.three_column_box li strong { display: block; margin-bottom: 10px;}
#lp-sp-old ul.three_column_box li img { margin-bottom: 15px;}

/*２カラムボックス*/
#lp-sp-old ul.two_column_box { overflow: hidden; list-style: none;}
#lp-sp-old ul.two_column_box li { position: relative; float: left; margin-right: 4%; margin-bottom: 35px; width: 48%;}

/*２カラム記事用ボックス*/
#lp-sp-old .two_column_article_box { overflow: hidden; margin-bottom: 50px;}
#lp-sp-old .two_column_article_box .entrytext { float: left; width: 66.6%;}
#lp-sp-old .two_column_article_box .entryimage { float: left; width: 33.3%; text-align: right;}

/*グレーボックス*/
#lp-sp-old .gray_box { margin-bottom: 30px; padding: 20px 15px; background: #f5f5f5;}
#lp-sp-old .gray_box img { margin-bottom: 10px;}
#lp-sp-old .gray_box p { margin-bottom: 0px;}

/*画像とテキスト*/
#lp-sp-old .image_text_cell { overflow: hidden;}
#lp-sp-old .image_text_cell div.image_cell { float: left; width: 151px;}
#lp-sp-old .image_text_cell div.text_cell { margin-left: 161px;}
#lp-sp-old .image_text_cell div.text_cell p { margin: 0; font-size: 10px;}
#lp-sp-old .image_text_cell div.text_cell span { position: absolute; bottom: 0; display: block; width: 147px; background: #858484; color: #fff; text-align: center;}

/*５カラムレイアウト*/
#lp-sp-old .five_column_box { overflow: hidden; list-style: none;}
#lp-sp-old .five_column_box li { float: left; margin-right: 2%; margin-bottom: 35px; width: 18%;}
#lp-sp-old .five_column_box li p { background: #858484; color: #fff; text-align: center; font-size: 10px;}

/**/
#lp-sp-old .how_to_use { padding: 23px; background: #f5f5f5;}
#lp-sp-old .how_to_use p { margin-bottom: 25px; padding-left: 8px; border-left: solid 3px #858484; font-size: 15px; line-height: 15px;}
#lp-sp-old .how_to_use ol { margin-bottom: 30px;}
#lp-sp-old .how_to_use ol li { margin-bottom: 10px; margin-left: 20px; font-size: 17px;}
#lp-sp-old .how_to_use ol li strong { display: block; font-size: 13px;}
#lp-sp-old .how_to_use ol li span { display: block; font-size: 10px;}
#lp-sp-old .how_to_use ul { padding-left: 10px; list-style: none; font-size: 15px;}
#lp-sp-old .how_to_use ul li { margin-bottom: 14px;}
#lp-sp-old .how_to_use ul li strong { font-weight: normal;}
#lp-sp-old .how_to_use ul li strong span { margin: 0 14px;}

/*サイドメニュー*/
#lp-sp-old .link-list-wrap { padding-top: 40px;}
#lp-sp-old .sub-contants-wrap { float: left; width: 20%;}
#lp-sp-old .sub-contants-wrap .brand-wrap { margin-top: 0;}

/*一覧ページ系*/
#lp-sp-old #item-all-wrap { overflow: hidden; border: solid 1px #ddd; border-right: none; border-bottom: none;}
#lp-sp-old .item-all,
#lp-sp-old #item-all { overflow: hidden; margin-bottom: 20px; border: solid 1px #ddd; border-right: none; border-bottom: none;}
#lp-sp-old .item-less { border: none; border-left: solid 1px #ddd;}
#lp-sp-old .item-less .item-result { border-top: solid 1px #ddd;}
#lp-sp-old .item-wrap { position: relative; float: left; width: 33.3333333%;}
#lp-sp-old .item-wrap .stytas { position: absolute; top: 13px; left: 0;}
#lp-sp-old .item-result { padding: 10px; border: solid 1px #ddd; border-top: none; border-left: none;}
#lp-sp-old .item-result img { margin-bottom: 5px;}
#lp-sp-old .item-result strong { display: block; margin-bottom: 5px; font-size: 15px;}
#lp-sp-old .item-result span { display: block; margin-bottom: 5px;}
#lp-sp-old .item-result p { font-weight: bold; font-size: 15px;}
#lp-sp-old .all-view-page #brand-tab { overflow: hidden; margin-top: 20px; margin-bottom: 85px; border: solid 1px #dddddd; border-bottom: none; border-left: none; list-style: none;}
#lp-sp-old .all-view-page #brand-tab li { float: left; width: 25%;}
#lp-sp-old .all-view-page #brand-tab li a { display: block; margin: 0 auto; border: solid 1px #dddddd; border-top: none; border-right: none;}
#lp-sp-old .all-view-page .brand-btn-cmn li a:hover span { color: #fff;}
#lp-sp-old .all-view-page #brand-tab li a.longword { padding: 15px 0 !important; font-size: 14px !important;}
#lp-sp-old .all-view-page #brand-tab li.tab_active a { border-top: none; border-right: none; background: #666666; color: #ffffff; text-decoration: none;}
#lp-sp-old .all-view-page #brand-tab li.tab_active a img.on { display: block !important;}
#lp-sp-old .all-view-page #brand-tab li.tab_active a img.off { display: none !important;}
#lp-sp-old .all-view-page #brand-tab li a img.off { display: block;}
#lp-sp-old .all-view-page #brand-tab li a img.on { display: none;}
#lp-sp-old .all-view-page #brand-tab.designLetter { border-right: none; border-left: 1px solid #dddddd;}
#lp-sp-old .all-view-page #brand-tab.designLetter li { margin-left: -1px;}
#lp-sp-old .all-view-page #brand-tab.designLetter li.right { border-right: 1px solid #dddddd;}
#lp-sp-old .all-view-page #brand-tab.designLetter li.right.last-child { margin-left: -2px;}
#lp-sp-old #list-box { margin-bottom: 105px;}
#lp-sp-old #list-box h3 { overflow: hidden; margin-bottom: 20px; border: dashed 1px #b3b3b3;}
#lp-sp-old #list-box h3 span { display: block; float: left; margin: 1px; padding: 14px 14px; background: #ededed; font-size: 18px;}
#lp-sp-old #list-box h3 strong { display: block; float: left; margin: 0px; padding: 17px; border-left: dashed 1px #b3b3b3; vertical-align: middle;}
#lp-sp-old .two_colum_item { overflow: hidden; margin-bottom: 40px;}
#lp-sp-old .two_colum_left { float: left;}
#lp-sp-old .two_colum_right { margin-left: 260px;}
#lp-sp-old .list-article { margin-bottom: 50px;}
#lp-sp-old .list-article h3 { border: none !important;}
#lp-sp-old .view-brand-wrap { overflow: hidden; margin-bottom: 30px;}
#lp-sp-old .view-brand-wrap ul { list-style: none;}
#lp-sp-old .view-brand-wrap ul li { float: left;}
#lp-sp-old .view-brand-wrap ul li.top_left { margin-right: 1%; margin-bottom: 1%; width: 49.5%;}
#lp-sp-old .view-brand-wrap ul li.top_right { margin-bottom: 1%; width: 49.5%; ;}
#lp-sp-old .view-brand-wrap ul li.bottom_left { width: 30.1%;}
#lp-sp-old .view-brand-wrap ul li.bottom_right { margin-left: 1%; padding: 0px 15px; width: 64.5%; height: 120px; background: #e3e3e3;}
#lp-sp-old .view-brand-wrap ul li.bottom_right strong { display: block; margin: 10px 0px 5px;}
#lp-sp-old .view-brand-wrap ul li.bottom_right p { margin: 0; font-size: 11px; line-height: 15px;}
#lp-sp-old .tabchangeBox { display: none;}
#lp-sp-old .sectionContent li.first-child { clear: both;}
#lp-sp-old .list-item-text { margin: 20px 0 40px; text-align: center;}
#lp-sp-old .list-item-text .item-ttl a { display: block; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap;}
#lp-sp-old .list-item-text .item-cat,
#lp-sp-old .item-price { color: #5b5b5b;}

/*iittala*/
#lp-sp-old .brandimagetext_iittala { margin-top: 20px; margin-bottom: 60px; padding: 0 0; color: #5b5b5b;}
#lp-sp-old .ittala #brand-main { margin: 0 0 50px;}

/*showhouse*/
#lp-sp-old .showhouse #brand-main { margin: 0 0 50px;}

@media (max-width: 1200px) {
    #lp-sp-old #brand-wrap { width: 100%;}
    #lp-sp-old .brand_title span { width: 52%;}
}

@media (max-width: 979px) {
    /*spira*/
    #lp-sp-old .body.special .care { width: 100%;}
    #lp-sp-old .spira_wrap .all-view-page #brand-tab li { float: none; width: 100%;}
    #lp-sp-old .steteco_content a.steteco_btn { display: block; width: 722px; border-width: medium 1px 1px 1px; border-style: none solid solid solid; border-color: -moz-use-text-color #dddddd #dddddd #dddddd; border-image: none; background-color: #a1b865; background-image: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none;}
    #lp-sp-old .all-view-page #brand-tab li a { display: block; border-width: medium 1px 1px 1px; border-style: none solid solid solid; border-color: -moz-use-text-color #dddddd #dddddd #dddddd; border-color: #dddddd; border-image: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none;}
    #lp-sp-old .steteco_content img { display: block; margin: 0 auto; width: 227px;}
    #lp-sp-old .steteco .steteco_content { position: absolute; top: 200px; left: -457px;}
    #lp-sp-old .btn_center { text-align: center;}
    #lp-sp-old #brand-main { position: relative; width: 100%;}
    #lp-sp-old .sub-contants-wrap { display: none;}

    /*verde-labo*/
    #lp-sp-old .all-view-page #brand-tab li a { padding: 13px 12px;}

    /*一覧ページ*/
    #lp-sp-old .item-wrap { float: left; width: 50%;}
    #lp-sp-old .two_colum_left { float: none; margin-bottom: 10px; text-align: center;}
    #lp-sp-old .brand_title span { width: 68%;}
    #lp-sp-old .two_colum_right { margin-left: 0px;}
    #lp-sp-old #list-box h3 strong { display: block; float: left; margin: 0px; padding: 10px; width: 75%; border-left: dashed 1px #b3b3b3; vertical-align: middle;}
    #lp-sp-old .view-brand-wrap ul li.bottom_left { float: none; clear: both; margin: 1% auto; width: 210px;}
    #lp-sp-old .view-brand-wrap ul li.bottom_right { margin-left: 0px; padding: 0; width: 100%; height: auto !important; background: #e3e3e3;}
    #lp-sp-old .view-brand-wrap ul li.bottom_right strong { display: block; margin: 10px 0px 5px; padding: 0 10px;}
    #lp-sp-old .view-brand-wrap ul li.bottom_right p { margin: 0; padding: 0 10px 10px; font-size: 11px; line-height: 15px;}
    #lp-sp-old .itemall_title h2 { margin-bottom: 20px;}
}

@media (max-width: 767px) {
    #lp-sp-old .smp_text_title { color: #5b5b5b;}
    #lp-sp-old .brand_title strong { margin: 0;}
    #lp-sp-old .all-view-page #brand-tab li.tab_active a { border-top: none; background: #666666; text-decoration: none;}
    #lp-sp-old .design_tab #brand-tab.designLetter li.right { border-right: none;}
    #lp-sp-old .all-view-page #brand-tab { margin-bottom: 5px;}
    #lp-sp-old .spira_wrap .all-view-page #brand-tab li { float: none; width: 100%;}
    #lp-sp-old .all-view-page #brand-tab li { width: 100%;}
    #lp-sp-old .steteco a { display: block; margin: 0 auto; width: 100%; background-color: #a1b865;}
    #lp-sp-old .all-view-page #brand-tab li a { display: block; border-width: medium 1px 1px 1px; border-style: none none solid solid; border-color: -moz-use-text-color #dddddd #dddddd #dddddd; border-color: #dddddd; border-image: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none;}
    #lp-sp-old .steteco .steteco_content02 { margin: 0 auto; padding: 0; width: 100%; border: 1px solid #dddddd; background-color: #A1B865; background-image: none;}
    #lp-sp-old a.steteco_btn { border-width: none; border-style: none;}
    #lp-sp-old .steteco .steteco_content02 img { display: block; margin: 0 auto; width: 227px;}
    #lp-sp-old .steteco_phone { margin-bottom: 30px;}
    #lp-sp-old .steteco { position: static; margin: 0 0 85px 0;}
    #lp-sp-old #main_img { display: block; margin: 0 auto !important;}
    #lp-sp-old #brand-main { width: 100%;}
    #lp-sp-old .brand_title strong { display: block; text-align: center;}
    #lp-sp-old ul.two_column_box li { float: none; width: 100%;}
    #lp-sp-old .image_text_cell div.image_cell { margin-bottom: 35px; width: 70px;}
    #lp-sp-old .image_text_cell div.text_cell { margin-left: 80px;}
    #lp-sp-old .two_column_article_box .entryimage { margin-bottom: 15px; width: 100%; text-align: center;}
    #lp-sp-old .two_column_article_box .entryimage img { width: 100px;}
    #lp-sp-old .two_column_article_box .entrytext { width: 100%;}
    #lp-sp-old .brandimagetext span.annaunce { padding: 20px 10px;}
    #lp-sp-old .sectionContent li { padding: 2%;}
    #lp-sp-old .brandimagetext { margin-bottom: 30px;}
    #lp-sp-old #brand-main .list { margin-bottom: 0;}
    #lp-sp-old .row-fluid .span6 { float: left; width: 48.61878453038674%;}
    #lp-sp-old .row-fluid .span6 { margin-left: 2.7624309392265194%;}
    #lp-sp-old .brandimagetext_iittala { margin-top: 20px; margin-bottom: 30px; padding: 0;}
    #lp-sp-old .list-item-text { margin: 10px 0 0px; height: 63px;}
    #lp-sp-old .row-fluid .span3 { float: left; margin-left: 2%; padding: 0; width: 49%;}
    #lp-sp-old .row-fluid .span3:nth-child(2n+1) { clear: both; margin-left: 0;}
    #lp-sp-old .row-fluid .span3 .list-item-text { margin: 10px 0 0; height: auto; text-align: center;}
    #lp-sp-old .row-fluid .span3 .item-cat { margin: 0 0 5px; color: #5b5b5b; font-size: 11px;}
    #lp-sp-old .row-fluid .span3 .item-price { position: static; bottom: 0px; left: 0px; margin: 0 0 10px; color: #5b5b5b; font-weight: normal;}
    #lp-sp-old .row-fluid .span3 .item-ttl { margin: 0 0 5px; width: 100%;}
    #lp-sp-old .row-fluid .span3 .icon { padding: 0 0 10px 0;}
}

/* DH_FRONT_DEPT-6847 アイコン表示位置修正 */
#lp-sp-old .list-item-text .item-ttl a { text-overflow: unset; white-space: normal;}
#lp-sp-old .list-item-text { display: flex; flex-direction: column; margin-top: 10px; margin-bottom: 23px;}
#lp-sp-old .list-item-text .row1 { order: 1;}
#lp-sp-old .list-item-text .row2 { order: 2;}
#lp-sp-old .list-item-text .row3 { order: 3;}
#lp-sp-old .list-item-text .item-cat { display: none;}
#lp-sp-old .list-item-text .item-ttl { margin-top: -7.5px;}
#lp-sp-old .list-item-text .no-icon { height: 5px;}
#lp-sp-old .sectionContent .row-fluid [class*="span"] .icon { padding: 0 0 8px 0;}

@media (max-width:768px) {
    #lp-sp-old .row-fluid .span3 .list-item-text { margin: 0; margin-top: 10px; margin-bottom: 23px;}
    #lp-sp-old .sectionContent .row-fluid [class*="span"] .icon { padding: 0 0 5px 0;}
}

.brandItemList{ text-align: left !important; line-height: 1;}
.brandItemList p{ margin: initial !important; text-align: left !important;}
.brandItemList .itemSpec__name{ margin: 4px 0 0 !important; letter-spacing: normal !important; font-size: 13px !important; line-height: 1.538461538461539 !important;}
.brandItemList .itemSpec__price{ margin: 10px 0 0 !important; letter-spacing: .04em !important; font-size: 15px !important; line-height: 1 !important;}
.brandItemList img{ vertical-align: bottom;}

.brandDetail__link {
    margin: 48px auto 0;
    width: 187px;
    line-height: 1;
}

.brandDetail__a {
    display: block;
    padding: 15px 0;
    border: 1px solid;
    border-radius: 22px;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    font-family: '游ゴシック', YuGothic, "游ゴシック体 Pr6N B", "Yu Gothic Pr6N B", 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
    line-height: 1 !important;
    -webkit-transition: opacity 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: opacity 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: opacity 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: opacity 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.brandDetail__a:hover {
    opacity: .65;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
}

@media screen and (max-width:736px) {
    .brandDetail__a {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }

    .brandDetail__a:hover {
        opacity: 1;
        -ms-filter: none;
        filter: none
    }
}