@charset "utf-8";

html {
    scroll-padding-top: unset;
}

.lf { float: left; }
.rh { float: right; }
.cf:after { content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }

.forPcBlock { display: block !important; }
.forSpBlock { display: none !important; }

#contents { font-size: 1.6rem; }
#contents .headSection .ttl { width: auto; }
#contents .social_btns h3 { font-size: 16px; color: #000000; background: none; padding: 0px; }

a.btn_im:hover {
	opacity: 0.7;
}

a.bnr_im:hover {
	opacity: 0.7;
}

#contents .headSection .ttl h1 { font-weight: bold; }
#contents h3 { font-weight: bold; }
#contents h4 { font-weight: bold; }

@media screen and (max-width: 767px) {

.forPcBlock { display: none !important; }
.forSpBlock { display: block !important; }

#topicPath { width: auto; padding: 10px; font-size: 10px; }
#topicPath li { padding-right: 10px; margin-right: 4px; }
#topicPath li:last-child { margin-right: 0px; padding-right: 0px; }
#contents { min-width: 0px; }
#contents .headSection { text-align: center; padding: 20px 0px; }
#contents .headSection.lineS { padding: 20px 0px !important; margin: 0px !important; }
#contents .headSection .innerBlock { width: auto; }
#contents .headSection .leftArea { float: none; width: auto; margin: 0px; }
#contents .headSection .rightArea { float: none; width: auto; }
#contents .headSection .ttl h1, #contents .headSection .ttl p { display: block; background: none; padding: 0px !important; margin: 0px; font-size: 14px; width: auto; }
#contents .headSection .ttl h1 { padding-top: 10px !important; }
#contents .headSection .ttl h1 span { font-size: 14px; }
#contents .headSection .rightArea .purchase02 { margin: 0 auto; }
#contents .headSection.lineS { background: none; }

#contents .mainSection h2 img { content: url(../images/sp/visual_top01.jpg); width: 100%; height: auto; }

#contents .mainSection { margin: 0px; width: auto; padding-bottom: 25px; }
#contents .mainSection > div { margin-bottom: 10px !important; }
#contents .mainSection > ul { margin: 0px !important; border-top: #e5e5e5 solid 1px; }
#contents .mainSection > ul li { float: none !important; border-bottom: #e5e5e5 solid 1px; background: url(../images/sp/arrow_right.png) no-repeat right 10px center !important; background-size: 8px auto !important; background-color: #0c62b7 !important; height: auto; font-size: 14px; padding: 8px 13px; text-align: left; color: #fff; font-weight: bold; position: relative; }
#contents .mainSection > ul li.cur { background: url(../images/sp/arrow_down.png) no-repeat right 10px center !important; background-size: auto 8px !important; background-color: #fafafa !important; color: #000000; }
#contents .mainSection > ul li:nth-child(1):before { content: '高輝度TOP'; }
#contents .mainSection > ul li:nth-child(2):before { content: '高輝度・高画質'; }
#contents .mainSection > ul li:nth-child(3):before { content: '充実のサポート'; }
#contents .mainSection > ul li:nth-child(4):before { content: '使いやすさ（設置性）'; }
#contents .mainSection > ul li:nth-child(5):before { content: 'プロユースに対応'; }
#contents .mainSection > ul li img { display: none; }
#contents .mainSection > ul li a { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

#contents .mainSection .ancNav2 { margin: 0px 0px 25px 0px !important; width: auto; }
.ancNav2 li { float: none; width: auto !important; margin: 0px !important; border-bottom: #e7e7e7 solid 1px; padding: 0px; background: none; }
.ancNav2 li p { display: block; padding: 0px; }
.ancNav2 li a { display: block; padding: 8px 10px 8px 37px; font-weight: bold; font-size: 1.6rem; }
.ancNav2 li .iDown02 { background-position: 10px center; }

#contents .mainSection > p { font-size: 1.6rem; line-height: 1.6em; padding: 0px 10px; margin: 0px !important; }

#contents .detailSection { width: auto; font-size: 1.6rem; line-height: 1.6em; }
#contents .detailSection img { max-width: 100%; height: auto; }
#contents h3 { font-size: 17px; line-height: 1.4em; padding: 10px 20px; margin: 0px 0px 15px 0px; }

.eachScene > p { padding: 0px 10px; margin: 0px 0px 15px 0px; }
.eachScene h5 { padding: 0px 10px; font-size: 12px; margin: 0px !important; }

.sp_proj { text-align: center; }
.sp_proj > div { width: 320px; margin: 0px auto 20px auto; }
#contents .sp_proj h4 { font-size: 14px !important; font-weight: bold; color: #fff; border: none; padding: 5px; margin: 0px !important; }
#contents .sp_proj .pro1 h4 { background-color: #0886cf; }
#contents .sp_proj .pro2 h4 { background-color: #b6bd14; }
#contents .sp_proj .pro3 h4 { background-color: #e8473f; }
#contents .sp_proj .pro4 h4 { background-color: #a687bc; }
#contents .sp_proj .pro5 h4 { background-color: #f29846; }
.sp_proj > div > div { width: 320px; height: 365px; position: relative; background-size: 100% 100% !important; }
.sp_proj .pro1 > div { background: url(../images/sp/pro1_sp_bg.png); }
.sp_proj .pro2 > div { background: url(../images/sp/pro2_sp_bg.png); }
.sp_proj .pro3 > div { background: url(../images/sp/pro3_sp_bg.png); }
.sp_proj .pro4 > div { background: url(../images/sp/pro4_sp_bg.png); }
.sp_proj .pro5 > div { background: url(../images/sp/pro5_sp_bg.png); }
.sp_proj li { position: absolute; width: 48px; left: auto; }
.sp_proj li.pro_ebl890e,.sp_proj li.pro_ebl890u,.sp_proj li.pro_ebl795se,.sp_proj li.pro_ebl790u,.sp_proj li.pro_ebl690e,.sp_proj li.pro_ebl790su,.sp_proj li.pro_ebl690se,.sp_proj li.pro_ebl690u{ position: absolute; width: 23px; left: auto; }


/*------------------------------------------------------------
.sp_proj li.pro_ebl615u {top: 268px;}
.sp_proj li.pro_ebl610w {top: 290px;}
.sp_proj li.pro_ebl510u {top: 329px;}
.sp_proj li.pro_ebl400u {top: 348px;}
--------------------------------------------------------------*/
.sp_proj li.pro_ebl890e{top: 211px;left: 83px;}
.sp_proj li.pro_ebl890u{top: 211px;left: 107px;}
.sp_proj li.pro_ebl795se{top: 240px;left: 83px;}
.sp_proj li.pro_ebl790u{top: 234px;left: 107px;}
.sp_proj li.pro_ebl690e{top: 263px;left: 83px;}
.sp_proj li.pro_ebl790su{top: 257px;left: 107px;}
.sp_proj li.pro_ebl690se{top: 286px;left: 83px;}
.sp_proj li.pro_ebl690u{top: 280px;left: 107px;}
.sp_proj li.pro_ebpu20 {left: 130px;top: 195px;}
.sp_proj li.pro_ebpu1008 {left: 130px;top: 216px;}
.sp_proj li.pro_ebpu10 {left: 130px;top: 237px;}
/*------------------------------------------------------------
.sp_proj li.pro_ebg7800 {left: 143px;top: 196px;}
.sp_proj li.pro_ebg7200w {left: 143px;top: 214px;}
.sp_proj li.pro_ebg7900u {left: 143px;top: 232px;}
.sp_proj li.pro_ebg7000w {left: 143px;top: 252px;}
.sp_proj li.pro_ebg7400u {left: 143px;top: 306px;}
--------------------------------------------------------------*/
.sp_proj li.pro_ebpu2220b {left: 177px;top: 98px;}
.sp_proj li.pro_ebpu2216b {left: 177px;top: 128px;}
.sp_proj li.pro_ebpu2213b {left: 177px;top: 162px;}

.sp_proj li.pro_ebl1755u {left: 144px;top: 131px;}
.sp_proj li.pro_ebl1505uh {left: 144px;top: 166px;}
/*------------------------------------------------------------
.sp_proj li.pro_ebl1495u {left: 203px;top: 171px;}
.sp_proj li.pro_ebl1075u {left: 203px;top: 224px;}
.sp_proj li.pro_ebl1070w {left: 203px;top: 247px;}
.sp_proj li.pro_ebl1065u {left: 203px;top: 265px;}
.sp_proj li.pro_ebl1060w {left: 203px;top: 288px;}
.sp_proj li.pro_ebl1050u {left: 203px;top: 307px;}
--------------------------------------------------------------*/
.sp_proj li.pro_ebpq2220b {left: 225px;top: 98px;}
.sp_proj li.pro_ebpq2216b {left: 225px;top: 128px;}
.sp_proj li.pro_ebpq2010b {left: 225px;top: 195px;}
.sp_proj li.pro_ebpq2008b {left: 225px;top: 216px;}

.sp_proj li.pro_ebl25000u {left: 272px;top: 62px;}
.sp_proj li.pro_ebl20000u {left: 272px;top: 97px;}
/*------------------------------------------------------------
.sp_proj li.pro_ebl12000q {left: 262px;top: 137px;}
--------------------------------------------------------------*/

.sp_im1 { padding: 5px 10px; }
table.fsM { font-size: 1.4rem; line-height: 1.5em; }
.sp_im1 + table.fsM td { display: block; text-align: left; }

.area_pdf { text-align: center; margin-bottom: 30px !important; }
.area_pdf p { float: none; padding: 5px 0px; text-align: center; }

.sp_adobe { background-color: #ececec; padding: 10px; margin: 30px 0px; font-size: 12px; }
.sp_adobe:before { content: "PDFファイルをご覧いただくためには、\A Adobe® Reader®が必要です。"; white-space: pre; display: block; text-align: center; padding-bottom: 10px; }
.sp_adobe:after { content: '(注）：Adobe、Reader、Get Adobe Readerロゴは、Adobe Systems Incorporatedの登録商標または商標です。'; display: block; line-height: 1.2em; padding-top: 10px; clear: both; }
.sp_adobe > div { padding: 0px !important; margin: 0px !important; background: none !important; }
.sp_adobe p { display: none; }
.sp_adobe a { display: block; position: relative; }
.sp_adobe a img { position: static !important; float: left; width: 120px; margin: 0px 15px 0px 0px; }
.sp_adobe a:after { content: '左のアイコンをクリックしてダウンロードいただけます。'; display: inline; font-size: 12px; color: #000000; line-height: 1.4em; }
.sp_adobe a:hover { text-decoration: none; }

#contents h4 {font-size: 17px; }
#contents .lineS { margin: 0px 15px 30px 15px; padding: 0px 0px 20px 0px !important; }
#contents .lineS > .lineS { margin: 0px; }
#contents .lineS h4 { margin: 20px -5px 15px -5px; }

#feature .quality { width: auto; }
#feature .quality .txt { font-size: 16px; text-align: left; }
#feature .quality table.fsM { margin: 0px !important; }
#feature .quality .mt30 { margin-top: 20px !important; }
#feature .quality .mt50 { margin-top: 30px !important; }
#feature .quality .endurance { float: none; width: auto; font-size: 10px; text-align: center; padding: 10px 0px; }

#feature .col_2 { width: auto; padding: 0px 10px; margin-bottom: 30px !important; }
#feature .col_2 .flL { float: none; }
#feature .setting, #feature .setting02 { width: auto; border: none; margin: 0px !important; padding: 0px !important; }

#demo { margin-bottom: 50px; }
#demo p { padding: 0px 10px; }

#recommend .pageList { border: none; width: auto; padding: 20px 6px 10px 6px; background-color: #edeef2; }
#recommend .pageList:after { content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
#recommend .pageList ul { float: left; width: calc(50% - 16px); padding: 0px; margin: 0px 8px; }
#recommend .pageList ul li { margin: 0px !important; padding-bottom: 10px; }
#recommend .pageList ul li .filesize { display: block; text-align: left; }

.sp_im2 { float: none !important; margin: 0px 0px 20px 0px !important; }
.sp_im2 p { text-align: center; margin-top: 5px; }

.sp_sep { height: 30px; }
.sp_im3 { padding: 10px 15px; }

.sp_tx1 { margin: 0px 10px 30px 10px; }
.sp_tx1 .w50 { float: none; width: auto; margin: 0px 5px 10px 5px; }
.sp_tx1 .w50 img { content: url(../images/sp/img_hpower03.png); width: 202px; }

.white_box { padding: 10px; border-width: 1px; }
.white_box .w75 { float: none !important; width: auto; }
.white_box .w25 { float: none !important; width: auto; padding: 10px; }

.sp_tx2 { margin-top: 15px; }
.sp_tx2 ul { margin: 0px -2px; float: none; }
.sp_tx2 li { width: calc(33.33% - 4px); margin: 0px 2px 4px 2px !important; }
.sp_tx2 li.mr10 { width: auto; float: none; padding-bottom: 1px; }

.im1 { content: url(../images/sp/img_hpower05.png); width: 265px; }
.im2 { content: url(../images/sp/img_hpower11.png); width: 265px; }

.sp_im4 { text-align: center; }
#contents .sp_im4 table.fsM { margin: 5px 25px !important; }

#contents .detailSection #lineup h5 { margin-left: -15px; margin-right: -15px; padding: 7px 15px; }

.lineS .w65, .sp_tx3 .w65 { width: auto; float: none; }
.lineS .w35, .sp_tx3 .w35 { width: auto; float: none; padding: 15px 15px 0px 15px; }

.sp_tx3 { margin: 0px 15px 30px 15px; }
.sp_tx3 h4 { margin: 20px -5px 15px -5px !important; }

.im3 img { content: url(../images/sp/img_credibility01.png); width: 265px; }
.maintenance { font-size: 10px; float: none; width: auto; padding: 5px 15px 0px 15px; }

.lineS .w75 { width: auto; float: none; }
.lineS .w25 { width: auto; float: none; padding: 15px 15px 0px 15px; }

.sp_im5 { margin-top: 20px !important; }
.engineer { padding: 0px 20px 5px 20px; clear: both; }
.engineer .flR{float: none !important;}
.engineer img { margin: 10px auto 0 auto; text-align: center; display: block; }

.sp_tx4 div { float: none !important; width: auto; }
.sp_tx4 p {/* background: url(/products/bizprojector/h-power/images/index_3/img_credibility07.jpg) no-repeat; *//* background-size: 70px auto; *//* padding: 0px 0px 0px 75px; *//* min-height: 75px; */}
.sp_tx4 + div .w10 { float: none; width: auto; }
.sp_tx4 + div .w10 img {/* content: url(../images/sp/img_credibility07.png); *//* width: 100%; */}
.sp_tx4 + div .w55 { float: none; width: auto; padding: 0px !important; margin-top: 5px !important; }
.sp_tx4 + div .w55 table { margin: 0px !important; }
.sp_tx4 + div .w55 table:first-child {/* display: none; */}

.im5 { content: url(../images/sp/img_smoke01.png); width: 250px; }

#contents .rel_infomation { width: auto; margin: 0px; padding: 10px 25px 25px 25px; }
#contents .rel_infomation .flL { float: none; margin: 0px 0px 10px 0px !important; }
.index_table{margin-bottom:40px;font-size:1.3rem;}
.index_table td{vertical-align: middle !important;}
.taL span{ padding:5px;color:#fff; font-size: 9px; display: inline-block; margin: 2px 3px; line-height: 1.1em; }
.taL span.purple{background-color: #937BB1;}
.taL span.orange{background-color: #efaa6a;}
.taL span.gray{background-color: #626060;}
.taL span.green{background-color: #89A24C;}
.taL span.blue{background-color: #296B7C;}
}

.snsShareWrap .share_title { font-size: 2.2rem; }

 /*index3の表*/
@media screen and (max-width: 767px) {

.scrollTable {
        position: relative;
        overflow: hidden;
        width: 100%;
}

.scrollTable .wrapper {
    width: auto !important;
}
.scrollTable .wrapper {
        overflow-x: auto;
        overflow-y: visible;
        width: 50%;
    }


.scrollTable .tblMod04 {
        table-layout: fixed;
        width: 700px;
}

/* 表のバー */
.scrollTable .wrapper::-webkit-scrollbar {
    height: 10px;
}

.scrollTable .wrapper::-webkit-scrollbar-track {
    background: #F6F6F6;
}

.scrollTable ::-webkit-scrollbar-thumb {
    background: #005ab4;
}

}