@charset "utf-8";

.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; }

.consumableGoods{border-spacing: 3px;border-collapse:separate; margin: 0 auto;}
.consumableGoods th{background: #DDD; padding: 10px; text-align: center;}
.consumableGoods td{background: #e5ecf4; padding: 10px; text-align: center;}
.consumableGoods .tax{ font-size: 10px;}
.consumableGoods .productName{ font-weight: bold; font-size: 14px;}
.hidden{overflow: hidden;}

#list01,#list02,#list03,#list04,#list05,#list06,#list07,#list08 { background: url("/products/bizprojector/ekokuban/images/ek_p02_base.gif") no-repeat; width: 450px; height: 34px; color: #0b4985; padding: 4px 0 0 15px; }
#list03 span{font-size: 12px;color: #0b4985;}
#list09 { background: url("/products/bizprojector/ekokuban/images/ek_p02_base2.gif") no-repeat; width: 920px; height: 34px; color: #0b4985; padding: 4px 0 0 15px; }

@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 .innerBlock { width: auto; }
#contents .headSection .leftArea { float: none; width: auto; margin: 0px; }
#contents .headSection .rightArea { float: none; width: auto; clear: both; }
#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 .ttl img { width: 226px !important; }
#contents .headSection .rightArea .purchase02 { margin: 0 auto; }
#contents .headSection.lineS { background: none; }

#areaContents { width: auto; margin-top: 0px !important; }
#areaContents img { max-width: 100%; height: auto; }

.headMod02 { height: auto; background: none; line-height: normal; margin: 0px; background-color: #FAFAFA; }

.mainvisual { padding-bottom: 10px; }
.mainvisual img { content: url(../images/sp/img_mainvisual_sp.jpg); }
.sp_mv2 img { content: url(../images/sp/img_mainvisual_02.jpg); }
.sp_mv2 p { padding: 0px 10px !important; }

#tab1, #tab2 { margin: 0px 0px 25px 0px !important; border-top: #e5e5e5 solid 1px; }
#tab2 { margin-top: 20px !important; }
#tab1 li, #tab2 li { float: none; border-bottom: #e5e5e5 solid 1px; }
#tab1 li a, #tab2 li a, #tab1 li .current, #tab2 li .current { width: auto; display: block; 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; }
#tab1 li .current, #tab2 li .current { background: url(../images/sp/arrow_down.png) no-repeat right 10px center !important; background-size: auto 8px !important; background-color: #fafafa !important; }
#tab1 li .current span, #tab2 li .current span, #tab1 li a span, #tab2 li a span { font-size: 14px; display: inline !important; margin: 0px !important; padding: 0px !important; }

.h1_txt { font-size: 21px; padding: 0px 12px; margin-bottom: 25px; }

.line_3box { padding: 0px 35px 1px 35px; }
.line_3box li { float: none !important; width: auto; margin: 0px 0px 30px 0px; }
.line_3box li img{margin: 0 auto; display: block;}

#areaContents h2 { font-size: 17px; margin: 25px 10px; border: #ccc solid 1px; border-radius: 5px; background: linear-gradient(#fdfdfd, #ebebec); position: relative; padding: 10px 8px; line-height: 1.2em; height: auto; }
#areaContents h2 img { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 44px; margin-right: 0px; }
#areaContents h2:before { content: ''; background: url(../images/sp/title_ribbon.png) no-repeat 0px center; background-size: 100% auto; height: 100%; width: 7px; position: absolute;}
#areaContents h2#kizon, #areaContents h2#digital, #areaContents h2#tablet { padding-left: 62px; }

#areaContents h2.feature:after { content: ''; background: url(../images/sp/fx1.png) no-repeat 0px 0px; background-size: 100% 100%; width: 85px; height: 44px; position: absolute; top: -35px; left: 0px; }

.section { padding: 0px 10px 20px 10px; font-size: 12px; }
#areaContents .section h2 { margin-left: 0px; margin-right: 0px; }

#areaContents h3 { font-size: 17px; margin-bottom: 10px; }
#areaContents h4 { font-size: 15px; margin-bottom: 10px; }
#areaContents h5 { font-size: 14px; margin-bottom: 5px; }
#areaContents h3 img.vaM.pt5.pb10.pr10 { display: block; padding: 0px !important; margin-bottom: 10px; }

	.consumableGoods{ margin: 0 auto 20px auto; float: none !important;}
	.consumableGoods th{}
	.consumableGoods td{}
	.consumableGoods .tax{ }
	.consumableGoods .productName{}


.border_light { padding: 0px; border: none; font-size: 12px; }
.border_light .line_3column li { float: none !important; width: auto; margin: 0px; padding: 15px 25px; border: 1px solid #ccc; }
.position_btm { position: static; padding-top: 10px; }

.h230 { height: auto; }
.mt30 { margin-top: 20px !important; }

.fl_list { text-align: center; margin: -10px 0px 30px 0px; }
.fl_list li { margin: 0px !important; padding: 0px !important; display: inline-block; width: 96px !important; }
.fl_list li.border_light_r { float: none !important; width: auto; border: none; }
.fl_list li.right { float: none; width: auto; }

.blue_box { margin: 0px -10px; border-left: none; border-right: none; padding: 10px; }
.border_light_b { border-bottom: none; padding-top: 10px; margin-top: -10px; }
.blue_box ul { padding: 0px 10px; }
.blue_box ul li { padding-bottom: 15px; }
.blue_box ul h4 { font-size: 13px !important; margin: 0px 0px 5px 0px !important; }
table.sp_stxt { font-size: 9px; margin: 10px 0px 30px 0px !important; width: 100%; }
table.sp_stxt2 { margin-bottom: 10px !important; }

.w67per, .w65per, .w60per, .w54per, .w50per, .w48per { width: auto; }
.fl, .fr { float: none; }
.sp_im1 { padding: 0px 20px; margin-top: 15px !important; text-align: center; }

.im1 { content: url(../images/sp/ek_p01_img12.png); }
.im2 { content: url(../images/sp/ek_p01_img14.png); }
.im3 { content: url(../images/sp/ek_p01_img17.png); }
.im4 { width: 200px; }

.iLink02 { margin: 0px 0px 20px 0px !important; }
.link { font-size: 12px; background-position: 0px 3px; padding: 2px 0px 2px 20px; margin-top: 5px; }
.link a { color: #0c62b7; }

.kokuban_lineup { margin-top: 50px; text-align: center; padding: 0px; }
.kokuban_lineup h6 { font-size: 17px; font-weight: bold; padding: 10px 0px; }
.kokuban_lineup h6:before { content: '電子黒板ラインアップ一覧'; }
.kokuban_lineup h6 img { display: none; }

.kokuban_lineup .line_5column { margin: 0px; padding-bottom: 5px; }
.kokuban_lineup .line_5column li a { width: auto; }
.kokuban_lineup .line_5column li img { max-width: 100%; }
.kokuban_lineup .line_5column li { float: none !important; display: inline-block; vertical-align: top; width: 100px; margin: 0px 0px 10px 0px; }
.kokuban_lineup .line_5column li:nth-child(3), .kokuban_lineup .line_5column li:nth-child(5) { border-right: none; }

.banner { margin: 5px 0px 0px 0px !important; }
.banner img { content: url(../images/sp/ek_banner_case.png); max-width: 100%; }
.banner + .banner img { content: url(../images/sp/ek_banner_school_ict.png); }

.sp_im2 { margin: 0px 0px 10px 0px !important; font-size: 10px; }
.sp_im2 img { width: 90px; }
.sp_im2 br { display: none; }

.mb40sp { margin-bottom: 20px !important; }

.sp_sep20 { height: 20px; }

.sp_im3 { width: 300px; margin: 10px auto 0px auto; height: 410px; }
.sp_im3 div { padding: 0px; width: 447px; position: relative; transform-origin: top left; transform: scale(0.675); margin: 0 auto; }
.sp_im3 img { width: 447px; height: auto; max-width: unset; }

#pentool + p { padding: 0px 10px; margin: 15px 0px !important; font-size: 12px; }

.pen_list { font-size: 12px; padding: 0px 10px; }
.pen_list li { margin-bottom: 10px; }
.pen_list .left { float: none; width: auto; }
.pen_list .right { float: none; width: auto; }
.pen_list .fr { text-align: center; padding: 0px 20px; }
.pen_list p { padding-bottom: 10px; }
.pen_list h4 { background: url(../images/sp/title_bg1.png) no-repeat !important; background-size: 100% 100% !important; font-size: 12px !important; font-weight: bold; color: #0b4985; line-height: 1.4em; display: flex; align-items: center; height: 50px !important; width: auto !important; padding: 0 0 0 15px !important; }
.pen_list h4:before { display: block; padding: 0px 15px; }
.pen_list h4 img { display: none; }
#list01 + .fl { float: left; }
#list01 + .fl + .fr { float: right; padding: 0px; }
.imgHeight01 { background-color: #fffef8; border: #ccc solid 1px; padding: 10px; margin-top: 25px !important; }
.imgHeight01 img { content: url(../images/sp/ek_p01_img16.png); }
.imgHeight01 .img { position: static; }
.imgHeight01 table { margin: 15px 0px 0px 0px !important; font-size: 9px; }

.line_2box { padding: 0px 10px; }
.line_2box li { float: none !important; width: auto; border-width: 1px; margin-bottom: 15px; }

.border_light .line_2column li { float: none !important; width: auto; margin: 0px; padding: 0px; height: auto !important; }
#josetsu + div, #mochihakobi + div { padding: 0px 10px; }
#josetsu + div .line_2column, #mochihakobi + div .line_2column { border: #ccc solid 1px; padding: 10px; }
#josetsu + div h3, #mochihakobi + div h3 { border-bottom-width: 1px; padding-bottom: 5px; }
.sp_im5 { padding-top: 25px; position: relative; margin-top: 15px; }
.sp_im5 img { position: absolute; left: 0px; top: 0px; }
.btm_btn { width: auto; position: static; padding: 10px 0px; }
.border_light .line_2column .btm_btn li { width: auto; text-align: center; padding-bottom: 10px; }

.sp_tx3 { border: #ccc solid 1px; border-top: none; padding: 15px 10px; }
.sp_tx3 h3 { margin: 0px !important; text-align: center; }
.sp_tx3 iframe { width: 100%; height: 158px; margin-bottom: 5px; }

.sp_tx5 .w68 { width: auto; }
.sp_tx5 .fr { padding: 25px 40px; text-align: center; }
.sp_tx5 .forSpBlock { text-align: center; }
.sp_tx5 .forSpBlock img { width: 200px; }

.camera_2box { padding: 0px 10px; margin: 0px 0px 30px 0px; }
.camera_2box .camera { float: none !important; width: auto; padding: 0px; margin: 0px 0px 15px 0px; }
.camera_2box .camera .flR { float: none; margin: 10px 10px 0px 10px; }

.sp_tx6 { margin-bottom: 25px !important; }
.sp_tx6 h3 { font-size: 17px !important; }
.sp_tx6 .fr { padding: 20px 20px 0px 20px; }
.sp_tx6 .fr img { width: 100%; }

.im5 { content: url(../images/sp/ek_p04_img04.png); width: 100%; height: auto; }
.im6 { content: url(../images/sp/ek_p04_img05.png); width: 200px; height: auto; }

.sp_tx7 h4 { position: relative; padding: 5px 0px 0px 60px; margin-bottom: 0px !important; }
.sp_tx7 h4 img { position: absolute; left: 0px; width: 50px; top: 0px; }
.sp_tx7 h4 + .link { margin: 5px 0px 0px 60px !important; }

.sp_tx8.camera_2box { padding: 0px; margin-bottom: 15px !important; }
.sp_tx7 h3 { margin-top: 20px !important; }
.sp_tx8.camera_2box .camera { padding: 10px; }
.sp_tx8.camera_2box .camera .flL { display: inline-block; vertical-align: bottom; float: none !important; margin: 0px !important; width: 15%; }
.sp_tx8.camera_2box .camera .flL img { margin: 0px !important; }
.sp_tx8.camera_2box .camera .flL:first-child, .sp_tx8.camera_2box .camera .flL:last-child { width: 40%; }
.sp_tx8.camera_2box .camera .flL:first-child img { margin-bottom: 15px !important; }
.sp_tx8.camera_2box .camera .flL:nth-child(2) { padding-bottom: 70px; text-align: right; }
.sp_tx8.camera_2box .camera .flL:nth-child(2) img { width: 30px; }
.sp_tx8.camera_2box .iLink01 { margin: 15px 0px 5px 0px !important; }

.sp_tx7 .step-box { border-width: 1px; padding: 10px; }
.sp_tx7 .step-box h3 { margin: 5px 0px !important; text-align: left; }
.sp_tx7 .step-box img { margin: 10px 0px; max-width: 100%; height: auto; }

.im7 { content: url(../images/sp/ek_p06_img02.png); }
.im8 { content: url(../images/sp/ek_p06_img03.png); }
.im9 { content: url(../images/sp/ek_p06_img04.png); }

}

/* added 230103 */
.fn { float: none; }
#track1 {position: fixed; bottom: 140px; right: 0}
#track1 .close {
	position: absolute; 
	top: -25px;
	right: 2px;
	font-size: 25px;
	color: #000;
	line-height: 1;
	font-weight: bold;
}
#track1 .close:hover {
	text-decoration: none;
}
@media screen and (max-width: 767px) { 
	.banner.bnr1 img {
    content: url(/products/bizprojector/ekokuban/images/sp/ek_banner_ekokuban.jpg);
    max-width: 100%;
}
}