@charset "UTF-8"; /* CSS Document */ @media screen and (max-width:640px){ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 00:ベーススタイル ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ img { width:100%; } a:hover img { opacity:1; filter:alpha(opacity=100); } /*------------------------------ text -------------------------------*/ .spTxtCenter { text-align:center !important; } .spTxtLeft { text-align:left !important; } .spF10 { font-size:77%; } .spF11 { font-size:85%; } .spF12 { font-size:93%; } .spF13 { font-size:100%; } .spF14 { font-size:108%; } .spF15 { font-size:116%; } .spF16 { font-size:124%; } .spF17 { font-size:131%; } .spF18 { font-size:139%; } .spF19 { font-size:147%; } .spF20 { font-size:154%; } /*------------------------------ float -------------------------------*/ .fLeft { float:none; } .fRight { float:none; } /* clearfix */ .spCf:before, .spCf:after { display:table; content:""; } .spCf:after { clear:both; } .spCf { zoom:1; overflow:hidden; } .spCb { clear:both; } /*------------------------------ margin -------------------------------*/ .spMt0 { margin-top:0 !important; } .spMt5 { margin-top:5px !important; } .spMt10 { margin-top:10px !important; } .spMt15 { margin-top:15px !important; } .spMt20 { margin-top:20px !important; } .spMt25 { margin-top:25px !important; } .spMt30 { margin-top:30px !important; } .spMl0 { margin-left:0 !important; } .spMl1per { margin-left:1% !important; } .spMl5 { margin-left:5px !important; } .spMl10 { margin-left:10px !important; } .spMl15 { margin-left:15px !important; } .spMl20 { margin-left:20px !important; } .spMl25 { margin-left:25px !important; } .spMl30 { margin-left:30px !important; } .spMr0 { margin-right:0 !important; } .spMr5 { margin-right:5px !important; } .spMr10 { margin-right:10px !important; } .spMr15 { margin-right:15px !important; } .spMr20 { margin-right:20px !important; } .spMr25 { margin-right:25px !important; } .spMr30 { margin-right:30px !important; } .spMb0 { margin-bottom:0 !important; } .spMb5 { margin-bottom:5px !important; } .spMb10 { margin-bottom:10px !important; } .spMb15 { margin-bottom:15px !important; } .spMb20 { margin-bottom:20px !important; } .spMb25 { margin-bottom:25px !important; } .spMb30 { margin-bottom:30px !important; } /*------------------------------ width -------------------------------*/ .w50 { width:auto; } .w60 { width:auto; } .w80 { width:auto; } .w90 { width:auto; } .w100 { width:auto; } .w120 { width:auto; } .w150 { width:auto; } .w160 { width:auto; } .w170 { width:auto; } .w180 { width:auto; } .w200 { width:auto; } .w240 { width:auto; } .w250 { width:auto; } .w260 { width:auto; } .w280 { width:auto; } .w300 { width:auto; } .w310 { width:auto; } .w320 { width:auto; } .w330 { width:auto; } .w340 { width:auto; } .w350 { width:auto; } .w360 { width:auto; } .w410 { width:auto; } .w444 { width:auto; } .w500 { width:auto; } .w510 { width:auto; } .w520 { width:auto; } .w530 { width:auto; } .w550 { width:auto; } .w560 { width:auto; } .w570 { width:auto; } .w580 { width:auto; } .w590 { width:auto; } .w600 { width:auto; } .w630 { width:auto; } .wAuto { width:auto !important; } .w5per { width:5% !important; } .w10per { width:10% !important; } .w15per { width:15% !important; } .w20per { width:20% !important; } .w25per { width:25% !important; } .w30per { width:30% !important; } .w35per { width:35% !important; } .w40per { width:40% !important; } .w45per { width:45% !important; } .w50per { width:50% !important; } .w55per { width:55% !important; } .w60per { width:60% !important; } .w65per { width:65% !important; } .w70per { width:70% !important; } .w75per { width:75% !important; } .w80per { width:80% !important; } .w85per { width:85% !important; } .w90per { width:90% !important; } .w95per { width:95% !important; } .w100per { width:100% !important; } /*display*/ .displayNone { display:block; } .spDisplayNone { display:none; } .displayBr { display:inline; } .spOuter { margin:10px 2% 0 !important; width:96% !important; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- フレーム ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------ ヘッダー -------------------------------*/ #headerWrap { width:100%; height: auto; min-width:100% !important; position: static; top: auto; background: none; border-bottom: none; } #headerWrap p { width: 100%; padding: 0 0 0 0; font-size: 90%; line-height: 1.6; } #headerWrap div.sublink { display: none; } #headerWrap #headerFixed .headerFixedInner { width: 100%; } #headerWrap #searchWordBtn { background: #2f75d4; display: block; width:96%; height:32px; margin: 10px auto 0 auto; border-radius: 3px; } #headerWrap #searchWordBtn img { width: 95px; height: 32px; } #headerSearch #searchbox { width: 96%; margin: 0 auto; height: 32px; } #headerSection, #headerWrap #headerFormSection { width:100%; min-width: auto; margin: 0px auto; } #headerLogoArea { position:relative; padding: 2px 0 0 0; left: -5px; width: 100%;} #headerLogoArea > a { margin: 0px 5px 0 0; display: inline-block; } #headerLogoArea img { width: 211px; height: 41px; } #headerLogoArea h1 img { width:auto; } #headerLogoArea p { background:url(/common/images/head_subtitle_bg.jpg) repeat-x; font-size:85%; width:96%; margin:0 auto; } #headerLogoArea h1 { margin:5px 2%; } #headerLogoArea a svg { width: 140px; height: 32px; } #headerWrap #headerSection #spAppear { position: relative; display:none; background:#f3f3f3; z-index: 9999;} #headerWrap p#spMenu { background: #2f8fb6; width: 40px; height: 40px; padding: 0 0 0 0; display: block; position: absolute; top: -5px; right: 0; } #headerWrap p#spMenu span { background: #d3e7f0; width: 30px; height: 2px; display: block; position: absolute; top: 19px; left: 5px; text-indent: 101%; overflow: hidden; color: rgba(0,0,0,0); } #headerWrap p#spMenu:before, #headerWrap p#spMenu:after { background: #d3e7f0; width: 30px; height: 2px; display: block; position: absolute; content: ""; left: 5px; } #headerWrap p#spMenu:before { top: 9px; } #headerWrap p#spMenu:after { top: 29px; } #headerSearch { text-align:center; position:static; margin:0; padding:12px 0 15px 0; background: #f3f3f3; border-top:solid 1px #b7b7b7; border-bottom:solid 1px #b7b7b7; display: block; } #headerSearch button span { font-size: 15px; padding-top: 1px; } #headerSearch button span:before { left: 50%; margin-left: -30px; margin-top: -9px; width: 13px; height: 17px; } #headerGnaviArea { padding-top: 0; } #headerGnaviArea ul { width:100%; font-size:124%; } #headerGnaviArea li { height:auto; border-bottom:solid 1px #b7b7b7; float:none; } #headerGnaviArea li.headGnavi01 a, #headerGnaviArea li.headGnavi02 a, #headerGnaviArea li.headGnavi03 a, #headerGnaviArea li.headGnavi04 a, #headerGnaviArea li.headGnavi05 a, #headerGnaviArea li.headGnavi06 a { background:url(/common/images/mark_pc.png) no-repeat 96% center; width:auto; } #headerGnaviArea li.headGnavi05 a:hover span.first::after { background: url(/common/images/icon_first.png) top left no-repeat; background-size: 100% auto; } #headerGnaviArea a { padding: 5px 1em; text-align:left; text-decoration: none; text-indent: 0; width:100%; line-height:2; } #headerGnaviArea a:hover { color: black; } #headerGnaviArea a::after { display: none; } #headerGnaviArea li.now { background:#ecf5ff; } #searchBtn { vertical-align:bottom; } #mainWrap { margin-bottom:0px; padding-top: 0; } #headerWrap .headerMain { width: 100%; } #headerWrap #headerSide { width: 100%; } #headerWrap #headerSide { margin-bottom: 10px; padding: 0 0; position: static; overflow: hidden; } #headerWrap #headerSide ul li.tel { width: 45%; min-width: 165px; } #headerWrap #headerSide ul li.tel p a.num { font-size: 17px; margin: 0 0 0 0; letter-spacing: 0.5px; line-height: 1.2; } #headerWrap #headerSide ul li.tel p a.num:before { width: 21px; height: 14px; margin-right: 2px; } #headerWrap #headerSide ul li.tel p a.num { font-size: 17px; margin: 0 0 0 0; letter-spacing: 0.5px; line-height: 1.2; } #headerWrap #headerSide ul li.tel p a.num.nofree_d:before { width: 14px; height: 14px; margin-right: 2px; } #headerWrap #headerSide ul li.tel p span.telMainTxt { margin: 0 0 0 0; padding: 0 0 0 0; letter-spacing: 0.2px; } #headerWrap #headerSide ul li.tel p span.telSubTxt { margin: 0 0 0 0; padding: 0 0 0 0; font-size: 10px; } #headerWrap #headerSide ul li.tel p span.telSubTxt span { letter-spacing: 0;} #headerWrap #headerSide ul li.inquiryBtn { width: 53%; float: right; } #headerWrap #headerSide ul li.inquiryBtn a { width: 100%; height: auto; line-height: 20px; margin-top: 0; padding: 5px 0; } #headerWrap #headerSide ul li.inquiryBtn a br { display: block; } #headerWrap #headerSide ul li.inquiryBtn strong { display: inline-block; letter-spacing: 0; margin-bottom: 6px; } #headerWrap #headerSide ul li.inquiryBtn a span { font-size: 12px; background: none; padding: 0 0 0 0; } #headerWrap #headerSide ul li.inquiryBtn a:hover::before { width: 120%; transform-origin: left top; transform: skewX(-30deg) scale(0, 1); } #headerWrap #headerSide ul li.inquiryBtn a:hover span { font-weight: normal; background: none; } #headerWrap #headerFixed .headerFixedInner { width: 100%; padding: 0 10px; min-width: auto; } @media screen and (max-width:420px){ #headerWrap #headerSide ul li.inquiryBtn a { padding: 8px 0; } #headerWrap #headerSide ul li.inquiryBtn a span strong { font-size: 14px; margin-bottom: 3px; } } @media screen and (max-width:330px){ #headerWrap #headerSide ul li.inquiryBtn { float: right; width: 45%; } #headerWrap #headerSide ul li.inquiryBtn a span strong { font-size: 12px; letter-spacing: -0.4px; white-space: nowrap; } } /*------------------------------ フッター -------------------------------*/ #footerSection #footerGroupNav .footerGroupNavInner { width: 100%; } #footerWrap #footerJumpSection { width:100%; margin:0 auto; } #footerWrap #footerJumpSection p { display:none; float:none; } #footerSection #footerLinkArea { width:100%; padding:0; } #footerWrap #footerSection { display:none; } #footerWrap #footerInfoSection { padding:0; } #footerWrap #footerJumpSection ul { padding:0; margin-top:15px; } #footerLinkArea ul li { font-size:108%; background:none; width:100%; margin:0; padding:0; } #footerLinkArea ul li.iconWin { font-size:108%; background:none; width:100%; margin:0; padding:0; } #footerLinkArea ul li a { display:block; text-decoration:none; padding:7px 8%; text-align:left; background:url(/common/images/mark_pc.png) no-repeat 96% center; border-bottom:solid 1px #e3e3e3; } #footerLinkArea ul li.iconWin a { display:block; text-decoration:none; padding:7px 8%; text-align:left; background:url(/common/images/icon_linkjump.gif) no-repeat 97% center; border-bottom:solid 1px #e3e3e3; } #footerSection .footerLinkInner { float:none; margin:0 2%; border-left:none; padding:0; } #footerSection .footerLinkInner h3 { margin:0; text-align:left; border-bottom:solid 1px #e3e3e3; font-size:116%; padding:7px 3%; background:url(/common/images/mark_pc.png) no-repeat 96% center; list-style:none; } #footerWrap #spFooter { margin-top:30px; background:#e0e0e0; padding:0.6em; display: none;} #footerWrap #spFooter ul { float:left; margin:0; } #footerWrap #spFooter ul li { font-size:93%; } #footerWrap #spFooter p { display:block; float:right; width:2.5em; padding:0; } #footerWrap { width:100%; min-width:100%; position:relative; } #footerWrap p#footerPageTopSection { display:block; position:fixed; bottom:2em; right:0.6em; width:50px; height:50px; z-index: 10000; } #footerWrap p#footerPageTopSection.pos_abs { position:absolute; top:-60px; } #footerInfoSection #footerWordArea { width:100%; } #footerInfoSection ul, #footerInfoSection address, #footerInfoSection #formFooterCopy { float:none; text-align:center; } #footerLinkArea ul.firstLinkBox, #footerLinkArea ul.secondLinkBox { float:none; margin:0; } #footerSection .footerLinkInner strong { margin-top: 10px; } #footerLinkArea #footerThemeLinkInner ul { border-top:none; padding:0 2%; } #footerLinkArea #footerThemeLinkInner ul strong { display: block; margin: 15px 0 5px 0; font-size: 15px; } #footerLinkArea #footerThemeLinkInner ul li { font-size:116%;} #footerLinkArea #footerThemeLinkInner ul li:first-child{border-top:1px solid #e3e3e3} #footerLinkArea #footerThemeLinkInner ul li a { padding-left:3%;} #footerLinkArea .footerLinkInner .deleteMark { display:none; } #footerSection #footerGroupNav { display: none; } #footerSection .footerLinkInner #footerLogoArea { width: 100%; padding-top: 30px; padding-bottom: 25px; } /*------------------------------------ 大枠 --------------------------------------*/ #mainSection { width:100%; margin:0 auto; } #mainFirstArea .mainFirstAreaLeft { width: 100%; float: none; } #mainFirstArea .mainFirstAreaRight { margin-top: 0; float: none; } #mainFirstArea .mainFirstAreaLeft #mainFirstMessage { margin-top: 20px; margin-right: 0; margin-bottom: 5px; } #mainSection #mainFrontCenterBox { width:96%; margin:0 auto; } #mainSection #mainFrontCenterBox.mainFrontCenterBoxWidthMax { width: 100%; } #mainFirstArea { width:96%; margin: 15px auto 0 auto;} #mainFirstArea .topFirstBtnInner { float:none; width:100%; height:auto; margin:10px 0 0; background:none; } #mainFirstArea .topFirstBtnInner.topFirstBtnInner h2.topFirstBnBox.topFirstBnBoxManual a { background:url(/images/top_bn_manual_sp.jpg) no-repeat right top; background-size: 100% auto; } #mainFirstArea .topFirstBtnInner.topFirstBtnInner h2.topFirstBnBox.topFirstBnBoxAuto a { background:url(/images/top_bn_auto_sp.jpg) no-repeat right top; background-size: 100% auto; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 02:扉ページ ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #breadcrumbListArea, #cateTopMainImageArea, #cateTopFirstBtnArea, #cateTopSecondBtnArea, #cateTopNewsArea { width:96%; margin:0 2%; } #cateTopFirstBtnArea #cateTopSearchInner { float:none; width:100%; height:auto; padding:10px 0; margin-top:10px; } body#rental #cateTopFirstBtnArea #cateTopSearchInner ul, body#rental_system #cateTopFirstBtnArea #cateTopSearchInner ul { margin:0 auto; width:98%; } body#rental #cateTopFirstBtnArea #cateTopSearchInner ul li, body#rental_system #cateTopFirstBtnArea #cateTopSearchInner ul li { float:none; margin:2%; } #cateTopFirstBtnArea p#performanceInner { float:none; margin-top:10px; } #cateTopFirstBtnArea h4 { margin:5px 4%; font-size:116%; } body#rental #cateTopFirstBtnArea #cateTopSearchInner { background:url(/rental/images/rental_bn_bg.gif) repeat; } body#rental_system #cateTopFirstBtnArea #cateTopSearchInner { background:url(/rental_system/images/rental_system_bn_bg.gif) repeat; } #cateTopSecondBtnArea h3 img, #cateTopNewsArea h3 img { width:8em; display:block; margin:0 0 3%; } h3.plain { padding:0 0 8px 0.8em; } h3.plain span.cateTopSubtitle { display:block; padding:0.1em; margin:0; } #cateTopSecondBtnArea ul { width:100%; } body#rental #cateTopSecondBtnArea ul#cateTopSecondBtnRentalInner li { width:100%; float:none; margin:2% 0; } body#rental #cateTopSecondBtnArea ul#cateTopSecondBtnRentalInner li:first-child { width:100%; float:none; } body#rental_system #cateTopSecondBtnArea ul#cateTopSecondBtnRentalInner li { width:100%; float:none; margin:2% 0; } body#rental_system #cateTopSecondBtnArea ul#cateTopSecondBtnRentalInner li:first-child { width:100%; float:none; } #cateTopNewsArea dt { float:none; width:100%; padding:1em 0 0 1%; } #cateTopNewsArea #productInfoInner { width:100%; } #cateTopNewsArea #productInfoInner dl { width:100%; } #cateTopNewsArea #productInfoInner dd { width:98%; padding:0 1% 1em; } #cateTopNewsArea dl { padding:0; } #cateTopNewsArea #pickupNewsInner { margin:0; width:100%; } #cateTopNewsArea #pickupNewsInner dl { width:100%; } #cateTopNewsArea #pickupNewsInner dd { width:98%; padding:0 1% 1em; } #cateTopNewsArea #pickupNewsInner dd.pickupNewsImage { width:25%; margin-right:3%; } #cateTopNewsArea #productInfoInner dd.cateTopNewsRental_system { width:98%; padding:0 1% 1em; } #cateTopNewsArea #pickupNewsInner dd a { width:68%; } #cateTopNewsArea #pickupNewsInner dl dd p { width:60%; } #cateTopNewsArea #pickupNewsInner dl dd img { width:25%; padding-left:5%; margin-left:0; max-width:25%; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 03:検索ページ用 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #productCenterArea h2 { width:98%; margin:0 1%; } #productCategoryInner { width:98%; margin:1% auto; } #productCategoryInner h3 { padding-left: 10px; margin-left: 10px; } .categoryListBox { float:none; margin: 0 1% 0px 1%; width: 98%; } .categoryListBox ul { width:96%; margin:0 2%; display:none; } .categoryListBox ul li a { padding:10px 0 10px 10px; width:100%; font-size:108%; background-position:left 1.2em; } .categoryListBox h4 { margin: 1% 0; position:relative; cursor:pointer; } .categoryListBox img { max-width:100%; } .categoryListBox ul.productOther li a { background:url(/rental/images/rental_mark_other.gif) 94% center no-repeat; } #searchCenterArea #searchProductInner { margin:15px 0; } #searchProductInner div { width:48%; margin:3% 1%; padding:0; } #searchCenterArea { width:96%; margin:0 auto; } #productCenterArea #productKeywordInner { width:96%; margin:0 auto; } #productCenterArea #wordSearchBox { padding-top:5px; } #productCenterArea #wordSearchBox h3 { float:none; } #productCenterArea #wordSearchBox form { float:none; margin:5px auto; } #productCenterArea #checkSearchBorder { width:96%; } #productCenterArea #wordSearchBox form #searchWordBox, #productCenterArea #wordSearchBox form #searchWordBoxSecond { width:100%; height:30px; margin-right: 0; padding-left: 3px; margin-left: 0; } #productCenterArea #wordSearchBox form #searchWordBtn { background: #2f75d4; display: block; width:100%; height:30px; margin: 10px auto 0 auto; border-radius: 3px; overflow: hidden; } #productCenterArea #wordSearchBox form #searchWordBtn img { width: 95px; height: 32px; } #productKeywordInner #categorySearchBorder { width: 95%; padding: 15px 5px; box-sizing: border-box; } #productKeywordInner .checkSearchLine { width:95%; margin:20px auto 0 auto; } #productKeywordInner #checkSearchBorder .categoryListZone { margin:0 1% 2%; width:98%; position:relative; height:auto !important; padding: 0;} #productKeywordInner #checkSearchBorder .categoryListZone h5 img { max-width:100%; } #productKeywordInner #checkSearchBorder ul { margin:0; } #productKeywordInner #checkSearchBorder h5 { width:100%; padding:0; text-align:left; font-size:116%; position:relative; cursor:pointer; } #productKeywordInner #checkSearchBorder h4 { text-align:center; } #productKeywordInner #checkSearchBorder #checkSearchManufacturer { margin:0 0 10px 0; } #productKeywordInner #checkSearchBorder #checkSearchManufacturer dl { border-bottom: 1px dotted #d1d1d1; } #productKeywordInner #checkSearchBorder #checkSearchManufacturer dt { float:none; width: 100%; padding: 10px 2% 10px 1%; box-sizing: border-box; position: relative; font-size: 15px; margin: 0 auto;} #productKeywordInner #checkSearchBorder #checkSearchManufacturer dt:before, #productKeywordInner #checkSearchBorder #checkSearchManufacturer dt:after { content: ""; position: absolute; display: block; width: 16px; height: 2px; top: 50%; right: 12px; background: #333333; transition: all 0.3s linear; margin-top: -1px; } #productKeywordInner #checkSearchBorder #checkSearchManufacturer dt:after { transform: rotate(0deg); } #productKeywordInner #checkSearchBorder #checkSearchManufacturer dt:before { transform: rotate(0deg); } #productKeywordInner #checkSearchBorder #checkSearchManufacturer dt.close:before { transform: rotate(-90deg); } #productKeywordInner #checkSearchBorder #checkSearchManufacturer dd ul li { margin-left: 7px; float:none; } #productKeywordInner #checkSearchBorder #checkSearchManufacturer dt:not(:first-child) { border-top: 1px dotted #d1d1d1; } #productKeywordInner #checkSearchBorder #checkSearchManufacturer dd { padding:0 1%; display: none; background: none; } #productKeywordInner #checkSearchBorder p#searchstartBtn { margin: 20px 20px; width: 100%; background: #2f75d4; display: block; height: 36px; padding-bottom: 2px; border-radius: 5px; color: white; font-family: 'Noto Sans JP'; font-size: 17px; font-weight: 500; text-indent: 25px; position: relative;} #searchCenterArea #productBackInner ul#productBackButton li { margin-right: 10px; } #productKeywordInner #checkSearchBorder p.searchstartBtn { width: 100%; margin: 15px 0; padding: 0 10px; box-sizing: border-box; } #productKeywordInner #checkSearchBorder p.searchstartBtn button { width: 100%; text-indent: 0; background: #2f75d4; display: block; height: 36px; margin: 0 auto; padding-bottom: 2px; border-radius: 5px; color: white; font-family: 'Noto Sans JP'; font-size: 17px; font-weight: 500; position: relative; left: 0; bottom: 0;} #productKeywordInner #checkSearchBorder p.searchstartBtn button:hover { opacity: 1; } #productKeywordInner #checkSearchBorder .searchstartBtn button:disabled { background: #b5b5b5; cursor: default; } .productCateInner .productResultBox { padding:10px 0; } #mainFrontProductInner { width:96%; margin:0 auto; } #mainFrontProductLeftBox { float:none; width:100%; } #mainFrontProductLeftBox img {max-width:100%;} #mainFrontProductLeftBox #mainFrontProductLeftWebcatalog { margin:10px 1em; float:none; } #mainFrontProductRightBox, #mainFrontProductRightBox table { width:100%; min-height: auto; } #mainFrontProductRightBox table th { display:block; width:auto; text-align:left; padding-left:1em; } #mainFrontProductRightBox table td { display:block; } ul#mainFrontSoftwareBtnZone li {width: 30%;} ul#mainFrontProductRightBtnZone li, ul#mainFrontProductRightBtnZone li:first-child { float:none; margin:0 auto; } body#rental_system ul#mainFrontProductRightBtnZone li, body#rental_system ul#mainFrontProductRightBtnZone li:first-child { width:48%; float:left; margin:1%; } body#rental ul#mainFrontProductRightBtnZone { margin:0 auto;} body#rental ul#mainFrontProductRightBtnZone li, body#rental ul#mainFrontProductRightBtnZone li:first-child { width:31%; float:left; margin:1%; } .mainFrontOuterZone { width:100%; } .mainFrontOuterZone div { width:48%; margin:0 1%; } #mainFrontRecommendationWordBox { width:98%; padding:10px 1% 0; } #mainFrontRecommendationWordBox ul li { width:46%; } #mainFrontRecommendationWordBox ul#mainFrontRecommendationWordBtn li { width:98%; margin:0 1%; padding: 2px 0; } #mainFrontRecommendationWordBox ul { margin:0 auto; } #mainFrontRecommendationWordBox.mainFrontRecommendationWordBoxSystem ul#mainFrontRecommendationWordBtn li { width: 50%; margin: 0 0; padding-right: 2%; padding-left: 1%; box-sizing: border-box; } #mainFrontRecommendationWordBox.mainFrontRecommendationWordBoxSystem ul#mainFrontRecommendationWordBtn li:first-child { padding-right: 1%; padding-left: 2%; } #mainFrontRecommendationWordBox h4 { margin-left:1%; } #productTabInner { width: 98%; margin: 20px 0 5px 1% } #productTabInner h3 { width:34%; } #productTabInner:not(.productTabInnerSystem) h3:nth-child(2) { width:31.8%; } #productTabInner.productTabInnerSystem h3 { width: 50%; } #mainFrontProductLeftBox ul#mainFrontProductLeftList { float:none; margin-top:0; width:100%; } #mainFrontArea #mainFrontProductInner .productNetisBox { margin:20 auto; } #mainFrontArea #mainFrontProducFaqInner { width:96%; margin:0 2%; } #mainFrontArea #mainFrontProducFaqInner ul { padding-top:1em; } #systemPhotoInner div, #systemSceneInner li { width:48%; margin:1em 1%; } p.systemProductMark { margin:0; } .systemSceneBox { width:48%; margin:1em 1%; } #systemPhotoInner { padding-top:0; } #systemSearchSp { width:96%; margin:0 auto; } p#commonDetailMainte { padding:8em 0; } #mainFrontArea .systemIctSp { margin-top:15px; } #productCategoryInner .openButton { display:block; position:absolute; right:1%; top:9%; width:10%; } #productKeywordInner .openButton { display:block; position:absolute; right:2%; top:12%; width:10%; } #productKeywordInner #checkSearchBorder .categoryListZone ul { display:none; } #productKeywordInner #checkSearchBorder ul li { float: none; margin:0; padding:5px; } #productKeywordInner #checkSearchBorder ul li:first-child { padding:10px 5px 5px 5px; } #mainFrontProductRightNetisZone #mainFrontProductRightNetisName { width:85%; padding-left:3.5em; } p#productRelationBorder { text-align:right; } .categoryListBox { height:auto !important; } #systemPhotoInner div p.systemProductMark img { margin-bottom:5px; } .thumbnailImages { width:100%; padding-bottom:0; } .thumbnailSystem { width:100%; } #searchProductResultInner { margin:15px 0; } #searchProductResultInner div { margin:3% 1%; padding:0; width:48%; } /*measurement*/ #mainFrontArea #mainFrontCenterBox .measurementArea { width:100%; } /*maker*/ #mainFrontArea #mainFrontCenterBox .makerArea { width:100%; } /*--検索結果内再検索領域--*/ .ReSearchArea { margin-bottom: 20px; display: none; } .ReSearchArea.ReSearchAreaBottom { display: block; } .ReSearchArea .ReSearchAreaInner { padding: 10px 10px 15px 10px; } .ReSearchArea .ReSearchAreaInner form { float: none; width: 100%; } .ReSearchArea .ReSearchAreaInner li { width: 100%; } .ReSearchArea .ReSearchAreaInner li:not(:first-child) { width: 100%; float: none; margin-left: 0; } .ReSearchArea .ReSearchAreaInner li a { background: none; } .ReSearchArea .ReSearchAreaInner form #searchWordBox, .ReSearchArea .ReSearchAreaInner form #searchWordBoxSecond { width: 100%; } .ReSearchArea .ReSearchAreaInner form #searchWordBtn { background: #2f75d4; display: block; width: 100%; height: 30px; margin: 10px auto 0 auto; border-radius: 3px; overflow: hidden; } /* 160113追加 */ .movieZoneWrap { width: 100%; } .movieZone { width:100%; margin-top:10px; margin-left: 0 !important; } #mainFrontProductRightBox #explanation { margin-left:0; } /*------------------------------ 検索領域 -------------------------------*/ .topSearchArea{ padding-top: 20px; } .topSearchArea form{ width: 96%; } .topSearchArea #searchWordBox{ width: 82%; font-size: 12px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 04:サイドメニュー付 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*導入実績*/ #mainFrontArea { width:100%; float:none; } #mainFirstAreaFrame { width: 100%; min-width: auto;} #mainFirstAreaInner { width: 96%; min-width: auto; margin: 0 auto;} #mainSidemenuArea { width:100%; } #mainSidemenuArea #mainFrontCenterBox { width:100%; } #mainFrontArea #mainFrontCenterBox dt { width:20%; line-height: 1.1; padding-top: 1px; } #mainFrontArea #mainFrontCenterBox dd { padding-left: 0.8em; line-height: 1.4; margin-bottom: 13px; } #mainFrontArea #mainFrontCenterBox dl.InstalledInventory dd { border-left: 1px solid #666666; } #mainSidemenuListInner ul#mainSidemenuListTitleBox li a { padding:0.7em 1.4em; } ul#mainSidemenuListTitleBox { padding:0; width:100%; } #mainSidemenuArea ul#mainSidemenuBannerBox { margin:0; border-top:solid 1px #cdcdcd; padding:20px 2%; } #mainSidemenuArea ul#mainSidemenuBannerBox > li { width:50%; float:left; box-sizing: border-box; } #mainSidemenuArea ul#mainSidemenuBannerBox > li:nth-child(odd) { padding-right: 1%; } #mainSidemenuArea ul#mainSidemenuBannerBox > li:nth-child(even) { padding-left: 1%; } #mainSidemenuArea ul#mainSidemenuBannerBox > li.sideCatalogBanner a.topCatalogInnerV7 { left: 22%; top: 41%; width: 39%; height: 50%; } #mainSidemenuArea ul#mainSidemenuBannerBox > li.sideCatalogBanner a.topCatalogInnerV7plus { left: 60%; top: 41%; width: 39%; height: 50%; } #mainSidemenuArea ul#mainSidemenuBannerBox > li.sideCatalogBanner a:hover { background-position: top left; } #mainSidemenuArea p { width:96%; margin:0 2%; } /*レンタル*/ #mainFrontArea #mainFrontCenterBox ul#mainFrontCenterHowto li { width:96%; margin: 15px 0 0 2%; } #mainFrontArea #mainFrontCenterBox ul#mainFrontCenterHowto li:nth-child(odd) { margin-left: 2%; } #mainFrontArea #mainFrontCenterBox ul#mainFrontCenterHowto li.mainFrontCenterHowtoCenter { margin:0; } #mainFrontArea #mainFrontCenterBox ol.mainFrontCenterAgreementZone li { width: 100%; margin: 0 0 20px; padding-left: 3em; box-sizing: border-box; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterRentalMerit p { float:none; margin:5px auto; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterRentalMerit { margin:10px auto; width:100%; height: auto;} #mainFrontArea #mainFrontCenterBox .mainFrontCenterRentalMeritSide { margin:10px auto; width:100%; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterRentalMeritSide p { float:none; margin:5px auto; } #mainFrontArea #mainFrontCenterBox #mainFrontCenterFirstZone { width:100%; margin:20px auto; } #mainFrontArea #mainFrontCenterBox #mainFrontCenterFirstZone .mainFrontCenterFlowchart { width:100%; float:none; clear:none; } #mainFrontArea #mainFrontCenterBox #mainFrontCenterFirstZone .flowchartImage { float:none; margin:0 auto; width:98%; } #mainFrontArea #mainFrontCenterBox #mainFrontCenterFirstZone .flowchartWord { float:none; width:98%; margin:0 1%; } #mainFrontArea #mainFrontCenterBox #mainFrontCenterFirstZone .mainFrontCenterFlowchart .centerFlowchartLine { padding: 0px 10px 20px 10px; } #mainFrontArea #mainFrontCenterBox #mainFrontCenterFirstZone .mainFrontCenterFlowchartLast { padding: 0px 10px 20px 10px; } #mainFrontArea #mainFrontCenterBox #mainFrontCenterFirstZone .mainFrontCenterFlowchart .flowchartList li, #mainFrontArea #mainFrontCenterBox #mainFrontCenterFirstZone .mainFrontCenterFlowchartLast .flowchartList li { margin-left: 0; padding-left: 11px; list-style-type: none; position: relative; } #mainFrontArea #mainFrontCenterBox #mainFrontCenterFirstZone .mainFrontCenterFlowchart .flowchartList li:before, #mainFrontArea #mainFrontCenterBox #mainFrontCenterFirstZone .mainFrontCenterFlowchartLast .flowchartList li:before { width: 4px; height: 4px; content: ""; display: block; background: #222222; position: absolute; border-radius: 50%; top: 8px; left: 2px; } #mainFrontArea #mainFrontCenterBox #mainFrontCenterFirstZone .flowchartWord dl dt { width:auto; } /*新着情報*/ #mainFrontArea #mainFrontCenterBox dl.mainFrontCenterNews { width:96%; margin:0 2%; } #mainFrontArea #mainFrontCenterBox dl.mainFrontCenterNews dt { padding-top:10px; margin:0; float:none; } #mainFrontArea #mainFrontCenterBox dl.mainFrontCenterNews dd { padding:0 0 10px 0; margin:0; line-height: 1.5; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterImages { width:100%; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterImages p { width:38%; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterImages p img { width:100%; max-width:100%; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterImages dl { width:55%; line-height:1.5; margin-left:1%; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterImages dl dd { padding:0; } #mainFrontArea #mainFrontCenterBox #mainFrontCenterDetailZone p { float:none; width:90%; margin:5px auto; } #mainFrontArea #mainFrontCenterBox #mainFrontCenterDetailZone img { max-width:100%; } #mainFrontArea #mainFrontCenterBox #mainFrontCenterDetailZone dl { width:90%; margin:10px 0 10px; margin-left:5%;} #mainFrontArea #mainFrontCenterBox #mainFrontCenterDetailZone dt { padding: 5px 0; width:40%; } #mainFrontArea #mainFrontCenterBox #mainFrontCenterDetailZone dd { padding: 5px 0 5px 40%; margin:0; } #mainFrontArea #mainFrontCenterBox #mainFrontCenterDetailZone ol li { margin-left:15px; } /*お知らせ*/ #mainFrontArea #mainFrontCenterBox .mainFrontCenterInquiry p.mainFrontCenterInquiryImage { margin: 10px 0 10px 1%; padding-bottom: 0; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterInquiry table { width:100%; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterInquiry table th { width:30%; white-space: nowrap;} #mainFrontArea #mainFrontCenterBox .mainFrontCenterInquiry table span.spBlock { display:block; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterInquiry table td { padding:10px 0; text-align:center; line-height:1.2; white-space: nowrap; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterInquiry .InquiryInfoArea { width: 100%; padding: 20px 0; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterInquiry .InquiryInfoArea .tel:before { width: 35px; height: 23px; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterInquiry .InquiryInfoArea a { font-size: 28px; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterInquiry .InquiryInfoArea p { padding-top: 6px; font-size: 13px; } body#rental_system #mainFrontArea #mainFrontCenterBox .mainFrontCenterImages { width:100%; } body#rental_system #mainFrontArea #mainFrontCenterBox .mainFrontCenterImages dl { width:55%; } #mainFrontArea #mainFrontCenterDetailZone ul#mainFrontCenterDetailPhotos li { width:48%; margin:0.5em 1%; } #mainFrontArea #mainFrontCenterDetailZone ul#mainFrontCenterDetailPhotos li:first-child { width:48%; margin:0.5em 1%; } #mainFrontArea #mainFrontCenterDetailZone ul#mainFrontCenterDetailPhotos li img { max-width:100%; } #mainFrontArea #mainFrontCenterDetailZone .mainFrontCenterDetailText { padding-top:10px; width:100%; } #mainFrontArea #mainFrontCenterDetailZone .mainFrontCenterDetailText h5 { padding:1% 5%; width:90%; } #mainFrontArea .mainFrontCenterDetailItem p.mainFrontCenterDetailItemExplane { padding-top:2%; } #mainFrontArea #mainFrontCenterBox #mainFrontCenterDetailZone p.mainFrontCenterDetailItembutton { text-align:right; margin-right:15px; } #mainFrontArea #mainFrontCenterBox #mainFrontCenterDetailZone .mainFrontCenterDetailItem p.mainFrontCenterDetailItemImage img { max-width:100%; } /*rental用*/ #mainSidemenuListInner strong { width:100%; } body#rental #mainSidemenuListInner strong { background:#63b3d5; display: block; } body#rental #mainSidemenuListInner strong a { font-size:116%; width:96%; padding-left:1em; background:url(/common/images/sidemenu_title_mark.png) no-repeat 98% center; } body#rental #mainFrontArea #mainFrontCenterBox dd.mainFrontLinkBg { padding-left:0.8em; margin-left:20%; } body#rental #mainSidemenuListInner { background:none; margin-top:2em; width:100%; } body#rental ul#mainSidemenuListTitleBox li { background:url(/common/images/sidemenu_list_bg.gif) repeat-x left top; } body#rental ul#mainSidemenuListTitleBox li a, body#rental ul#mainSidemenuListTitleBox ul#mainSidemenuListChilsZone li a { background:url(/common/images/rental_mark.png) 98% center no-repeat; } body#rental #mainSidemenuArea ul#mainSidemenuListTitleBox li#mainSidemenuListTitleBoxOnDown a.now, body#rental ul#mainSidemenuListTitleBox ul#mainSidemenuListChildZone li a.now, body#rental ul#mainSidemenuListTitleBox li a:hover, body#rental ul li#mainSidemenuListTitleBoxOn a.now, body#rental ul#mainSidemenuListTitleBox ul#mainSidemenuListChildZone li a:hover, body#rental ul#mainSidemenuListTitleBox li#mainSidemenuListTitleBoxOnDown a { background:url(/common/images/rental_mark.png) 98% center no-repeat #eef5f8; } body#rental ul#mainSidemenuListTitleBox ul#mainSidemenuListChildZone li { margin-left:0; } body#rental ul#mainSidemenuListTitleBox ul#mainSidemenuListChildZone li a { padding-left:2em; } /*rental_system用*/ body#rental_system #mainSidemenuListInner strong { background:#7f8ec7; display: block; } body#rental_system #mainSidemenuListInner strong a { font-size:116%; width:96%; padding-left:1em; background:url(/common/images/sidemenu_title_mark.png) no-repeat 98% center; } body#rental_system #mainFrontArea #mainFrontCenterBox dd.mainFrontLinkBg img { width:20%; } body#rental_system #mainSidemenuListInner { background:none; margin-top:2em; width:100%; } body#rental_system #mainFrontArea #mainFrontCenterBox dd.mainFrontLinkBg { padding-left:0.8em; margin-left:20%; } body#rental_system ul#mainSidemenuListTitleBox li { background:url(/common/images/sidemenu_list_bg.gif) repeat-x left top; } body#rental_system ul#mainSidemenuListTitleBox li a, body#rental_system ul#mainSidemenuListTitleBox ul#mainSidemenuListChildZone li a { background:url(/common/images/rental_system_mark.png) 98% center no-repeat; } body#rental_system ul#mainSidemenuListTitleBox li#mainSidemenuListTitleBoxOnDown a.now, body#rental_system ul#mainSidemenuListTitleBox ul#mainSidemenuListChildZone li a:hover, body#rental_system ul#mainSidemenuListTitleBox ul#mainSidemenuListChildZone li a.now, body#rental_system ul#mainSidemenuListTitleBox li a:hover, body#rental_system ul li#mainSidemenuListTitleBoxOn a.now, body#rental_system ul#mainSidemenuListTitleBox li#mainSidemenuListTitleBoxOnDown a { background:url(/common/images/rental_system_mark.png) 98% center no-repeat #ebedf6; } body#rental_system ul#mainSidemenuListTitleBox ul#mainSidemenuListChildZone li { margin-left:0; } body#rental_system ul#mainSidemenuListTitleBox ul#mainSidemenuListChildZone li a { padding-left:2em; } /*common用*/ body#common #mainSidemenuListInner strong { background:#47a2c6; display: block; } body#common #mainSidemenuListInner strong.noLink { background:#47a2c6; width:96%; } body#common #mainSidemenuListInner strong a { font-size:116%; width:96%; padding-left:1em; background:url(/common/images/sidemenu_title_mark.png) no-repeat 98% center; } body#common #mainSidemenuListInner { background:none; margin-top:2em; width:100%; } body#common ul#mainSidemenuListTitleBox li { background:url(/common/images/sidemenu_list_bg.gif) repeat-x left top; } body#common ul#mainSidemenuListTitleBox li a { background:url(/common/images/mark_pc.png) 98% center no-repeat; } body#common ul#mainSidemenuListTitleBox ul#mainSidemenuListChildZone li a { background:url(/common/images/mark_pc.png) 98% center no-repeat; } body#common ul#mainSidemenuListTitleBox a.now, body#common #mainSidemenuArea ul#mainSidemenuListTitleBox li#mainSidemenuListTitleBoxOnDown > a, body#common ul#mainSidemenuListTitleBox ul#mainSidemenuListChildZone li a.now, body#common ul#mainSidemenuListTitleBox li a:hover, body#common ul li#mainSidemenuListTitleBoxOn a, body#common ul#mainSidemenuListTitleBox ul#mainSidemenuListChildZone li a:hover { background:url(/common/images/mark_pc.png) 98% center no-repeat #eef5f8; } body#common ul#mainSidemenuListTitleBox ul#mainSidemenuListChildZone li { margin-left:0; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 05:フォーム ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #mainFormArea { width:96%; } #mainFormArea table { width:100%; } #mainFormArea table th { width:auto; display:block; padding-left:0.5em; } #mainFormArea table td { width:auto; display:block; } #mainFormArea table td input { width:90%; margin:1em auto; } #mainFormArea table p { margin:0 0 0 1em; } #mainFormArea table td textarea { width:90%; height:15em; margin:1em 5% 0.5em; } #mainFormArea #mainFormTextInner { width:96%; padding:5% 2%; } #mainFormArea p#formErrorAttention { line-height:1.5; } #mainFormArea p#formErrorword { text-align:left; } #mainFormArea #mainFormButtonInner #formButtonprevBox { float:none; margin:15px auto 0; text-align:center; } #mainFormArea #mainFormButtonInner input#formButtonsubmitBox { margin:20px auto; } #mainFormArea #mainFormButtonInner p#formButtonBottomBox { margin:20px auto; } #footerFormWrap { min-width:100%; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 06:ニューストピックス ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ body#common #mainFrontArea #mainFrontCenterBox dl.mainNewsTopicsTop { width:100%; } body#common #mainFrontArea #mainFrontCenterBox dl.mainNewsTopicsTop dd { padding: 0px 0 10px 0; margin:0; line-height: 1.5; } body#common #mainFrontArea #mainFrontCenterBox dl.mainNewsTopicsTop dt { float:none; width:100%; padding-top: 5px; } body#common #mainFrontArea #mainFrontCenterBox dl.mainNewsTopicsTop dt img { width:auto !important; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterYear { padding-top: 5px; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterYear ul { border: none; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterYear ul li { margin: 0 5px 5px 0; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterYear ul li a { background: url(/common/images/mark_pc.png) left 7px center no-repeat; width: 70px; height: 30px; border: 1px solid #d2d2d2; line-height: 31px; font-size: 14px; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterYear ul li.yearsBackBtn a { background: url(/common/images/mark_pc.png) left 7px center no-repeat; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 07:企業情報 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #mainFrontArea ul.mainCategoryList { width:96%; margin:10px auto; } #mainFrontArea ul.mainCategoryList li { width:50%; margin: 0; box-sizing: border-box; } #mainFrontArea ul.mainCategoryList li:nth-child(odd) { padding-right: 1%; } #mainFrontArea ul.mainCategoryList li:nth-child(even) { padding-left: 1%; } #mainFrontArea ul.newgradMynaviArea + ul { margin-top: 10px; } #mainFrontArea ul.mainCategoryList li.companyListLeft { margin:1%; } /*--会社概要--*/ #mainFrontArea #mainFrontCenterBox .companyTable table { width:100%; margin:20px 0 15px; } #mainFrontArea #mainFrontCenterBox .companyTable table.bottomTable th { text-align:left; } #mainFrontArea #mainFrontCenterBox .companyTable table th { width:auto; padding: 10px; display:block; background: url(/recruit/images/working_conditions_bg.gif) repeat-x; font-size: 14px; } #mainFrontArea #mainFrontCenterBox .companyTable table td { width:auto; padding: 10px; display:block; background: none; } /*--事業所一覧--*/ #mainFrontArea #mainFrontCenterBox .businessLocation iframe { width: 100%; margin: 20px auto 0 auto; border: 2px solid #c5c5c5; box-sizing: border-box; } #mainFrontArea #mainFrontCenterBox .businessLocation .locationAddress { width: 100%; margin: 5px 0 12px 0px; line-height: 1.6; } #locationMap area { -ms-user-select: auto; -moz-user-select: auto; -khtml-user-select: auto; -webkit-user-select: auto; user-select: auto; } #mainFrontArea #locationMap .headOfficeLink.locationMapLink { top: 88%; left: 60%; height: 8%; width: 37%; } #mainFrontArea #locationMap .headQuartersLink.locationMapLink { top: 55%; left: 61%; height: 8%; width: 39%; } #mainFrontArea #locationMap .hokkaidoScenterLink.locationMapLink { top: 9%; left: 24%; height: 9%; width: 32%; } #mainFrontArea #locationMap .tohokuScenterLink.locationMapLink { top: 35%; left: 68%; height: 8%; width: 31%; } #mainFrontArea #locationMap .chubuScenterLink.locationMapLink { top: 24%; left: 7%; height: 8%; width: 30%; } #mainFrontArea #locationMap .chugokuScenterLink.locationMapLink { top: 54%; left: 2%; height: 9%; width: 32%; } #mainFrontArea #locationMap .kyushuScenterLink.locationMapLink { top: 68%; left: 1%; height: 8%; width: 30%; } #mainFrontArea #locationMap .kantoTcenterLink.locationMapLink { top: 72%; left: 65%; height: 8%; width: 32%; } #mainFrontArea #locationMap .kansaiTcenterLink.locationMapLink { top: 40%; left: 3%; height: 8%; width: 33%; } /*--関西・関東技術センター*/ #kansaiTop, #kantoTop { margin: 10px auto; } #kansaiTop ul.locationTab, #kantoTop ul.locationTab { width: 100%; } #kansaiTop li, #kantoTop li { width: 47%; margin-left: 2%; } #kansaiBottom, #kantoBottom { width:100%; margin: 20px auto 0 auto; } #kansaiBottom ul.locationTab, #kantoBottom ul.locationTab { width: 96%; } #kansaiBottom ul.locationTab li, #kantoBottom ul.locationTab li { width: 49%; } #kansaiBottom ul.locationTab li:first-child, #kantoBottom ul.locationTab li:first-child { margin-right: 2%;} .introductionArea { margin:10px auto 0; width:96%; } .kansaiArea, .kantoArea { width:96%; margin: 0px auto 10px auto; } .kansaiArea { border: solid 2px #f05a00; box-sizing: border-box; width: 95%;} .kantoArea { border: solid 2px #2e8eb6; box-sizing: border-box; width: 95%; padding: 10px; } #storageLeftInner { width: 100%; margin:10px 0 0; padding: 0; box-sizing: border-box; } .kansaiArea #storageLeftInnerWrap { padding: 10px; } .kansaiArea #storageLeftInner ul { margin: 0 0 10px 0; } .kansaiArea #storageLeftInner ul li { width: 49%; margin-top: 10px; } .kansaiArea #storageLeftInner ul li + li { margin-left: 2%; } .kansaiArea.maintenanceWrap { padding: 20px 10px 0px 10px; } .kantoArea.maintenanceWrap { padding: 20px 10px 0px 10px; } .kantoArea.kantoStrageWrap { padding: 0; } #maintenanceInner { width: 100%; margin:10px 0 0; } #maintenanceInner h3 { margin-right: 20%; } #maintenanceInner dl { margin: 10px 0 15px 0; padding: 15px 5px 0px 5px; } #maintenanceInner dl dt { padding-left: 15px; } #maintenanceInner dl dd dl { margin-top: 0; padding-top: 0; font-size: 105%; } #maintenanceInner dl dd dl dt { float:none; padding: 5px 0 0 0; } #maintenanceInner dl dd dl dd.Dlnbsp { margin-right: -5px; } #maintenanceInner dl dd dl dd.Dlnbsp br { display: none; } #maintenanceInner dl dd dl dd { padding: 0 5px 0 0; text-align:right; } .collimator { margin-left: 0; } #centerMeasure { margin: 0 0 0 0; width: 100%; } #takoyakiArea { background:#fcf8f2; width:95%; margin:10px auto 0; border: solid 2px #f05a00; padding: 10px 10px 15px 10px; box-sizing: border-box; } #takoyakiArea h3 { width: 150px; } #takoyakiArea #extraInner { margin:10px 0 0 0; width: 100%; } #kantoStrage { background:none; margin: 0 0 10px 0; padding:5px; width: 100%; box-sizing: border-box; } .kantoArea #kantoQRArea { margin: -3px 3px 5px 3px; } #kantoStrage #storageLeftInner { padding: 5px 5px 10px 5px; } #bentoArea { border:solid 2px #2e8eb6; background:#f1f7fa; width:95%; margin:10px auto 0; box-sizing: border-box; } #bentoArea h3 { width: 150px; padding: 20px 0 0 10px; position: relative; top: 0; left: 0; } #bentoArea #extraInner { padding: 5px 10px 20px 10px; width:100%; margin:0 auto; box-sizing: border-box; } #bentoArea #extraInner ul { margin-top: 15px; } #bentoArea #extraInner ul li ul li { width: 48%; float: left; } #bentoArea #extraInner ul li ul li { margin-left: 0; } #bentoArea #extraInner ul li ul li:first-child { margin-left: 0; margin-right: 4%; } #mainFrontArea #mainFrontCenterBox #companyMessage p#messageReform { padding: 15px 0; text-align: center; } #mainFrontArea #mainFrontCenterBox #companyMessage #hinsitsuItem li { margin: 10px 0 10px 0; } #mainFrontArea #mainFrontCenterBox #companyMessage p.signRight { padding-right: 3px; } #mainFrontArea #mainFrontCenterBox #companyMessage p.signRight span { letter-spacing: 2px; margin-right: 10px; padding-left: 5px; } .kansaiArea .spkansaiBox01 > p { float: left !important; width: 49%; } .kansaiArea .spkansaiBox01 > p + p { margin-left: 2% !important; } .kantoArea.maintenanceWrap .fLeftBox .fLeft { float: left; width: 57%; } .kantoArea.maintenanceWrap .fLeftBox .fLeft + .fLeft { width: 42%; margin-right: 1%; } .kansaiArea .spkansaiBox01 > p { float: left !important; width: 49%; } .kansaiArea .spkansaiBox01 > p + p { margin-left: 2% !important; } .kantoArea.maintenanceWrap .fLeftBox .fLeft { float: left; width: 57%; } .kantoArea.maintenanceWrap .fLeftBox .fLeft + .fLeft { width: 42%; margin-right: 1%; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 08:サポート ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--トップページ--*/ #supportFrontInner { width: 96%; margin: 20px auto 0 auto; } #supportFrontInner li { float: none; width: 100%; margin: 0 0 10px 0; } /*--レンタル豆知識--*/ #knowledgeRentalInner, #knowledgeSystemInner { margin:0 auto; width:98%; } #knowledgeRentalInner .knowledgeCateBox { margin:0 1% 2%; position:relative; width:98%; } #knowledgeRentalInner .knowledgeCateBox h5 { padding:4% 0 4% 3%; } #knowledgeRentalInner .knowledgeCateBox ul { display:none; padding:4% 0 4% 3%; } #knowledgeRentalInner .openButton { display:block; position:absolute; right:4px; top:4px; } #knowledgeRentalInner h3 { margin-bottom: 10px; } #knowledgeRentalInner div { width: 100%; margin: 0 0 15px 0; } #knowledgeRentalInner div ul li { overflow: hidden; border-bottom: 1px dotted #bbbbbb; } #knowledgeSystemInner ul li { overflow: hidden; border-bottom: 1px dotted #bbbbbb; } #knowledgeRentalInner div ul li:last-child, #knowledgeSystemInner ul li:last-child { border-bottom: none; } #knowledgeRentalInner div ul li a.cateBoxListL { width: 80%; } #knowledgeSystemInner ul li a.cateBoxListL { width: 80%; } /*--FAQ--*/ #faqmainInner { margin:0 auto; width:98%; } #faqmainInner p { margin:1em 0; } #faqmainInner ul#faqCateBox li, #faqmainInner ul#faqCateBox li.faqCateRight { width: 50%; margin: 0 0 7px 0; box-sizing: border-box; } #faqmainInner ul#faqCateBox li:nth-child(odd) { padding-right: 1%; } #faqmainInner ul#faqCateBox li:nth-child(even) { padding-left: 1%; } #faqmainInner .faqQuestionBox p, #faqmainInner .faqAnswerBox p { padding:1em 0 1em 5em; } #faqListInner { margin:0 auto; width:98%; } #faqListInner h4 { margin-left:0.3em; } #faqListInner ul { padding:5px 0.5em; } #faqListInner ul li { width:48%; margin:2px 1%; } /*--お客様のホンネ--*/ #mainFrontArea #requestMainInner { width:96%; margin:0 2%; } #requestMainInner dl#requestForm dd select { margin: 10px 0 0 0; text-align:center; display:block; width: 100%; height: 30px; } #requestMainInner dl#requestForm dd textarea { margin:0 1%; padding:1%; width:96%; } #requestMainInner p#requestErrorWord { width:90%; padding:2px 0 2px 10%; } #requestMainInner p { margin-top:15px; } #requestMainInner #requestAttentionBox { margin-top:15px; } #requestMainInner p#requestBtnPrev { float:none; text-align:center; } #requestMainInner p#requestBtnSubmit { float:none; text-align:center; margin-left:0; } #requestMainInner #requestThanks { margin:10px auto 0; } #requestMainInner #requestThanks p { padding: 15px; } #mainFrontArea #supportFrontInner ul#mainCategoryList li.companyListLeft, #mainFrontArea #supportFrontInner ul#mainCategoryList li { width:98%; margin:5% 1%; } /*-- 操作説明動画 --*/ #VideoList { padding: 0 10px; } #VideoList .SookiCh img { width: auto; } #VideoList .videoLinkHeader ul li { display: block; width: 100%; } #VideoList .videoLinkHeader ul li:not(:last-child) { margin-bottom: 5px; } #VideoList .videoLinkHeader ul li:not(:last-child):after { content: ""; } #VideoList .videoLinkHeader ul li a { display: block; position: relative; width: 100%; padding: 6px 0 6px 27px; background: white; text-decoration: none; box-sizing: border-box; border: 1px solid #e2e2e2; } #VideoList .videoLinkHeader ul li a:before { content: ""; position: absolute; display: block; top: 50%; left: 10px; margin-top: -3px; width: 0; height: 0; border-style: solid; border-width: 6px 4px 0 4px; border-color: #0098d6 transparent transparent transparent; } #VideoList .VideoListSection dl dd.Youtube { margin-left: 20px; } #VideoList .VideoListSection .VideoListCateWrap { width: 100%; float: none; } #VideoList .VideoListSection .VideoListCateWrap.VideoListCateWrapRight { margin-top: 15px; margin-left: 0%; } #VideoList .VideoListSection .cateTitle { padding: 5px 0; } #VideoList .VideoListSection .cateTitle img { width: auto; } .videoFlameWrap .videoFlame:before { width: 94%; left: 3%; } .videoFlameWrap .videoFlame .youtube { float: none; width: 100%; } .videoFlameWrap .videoFlame .youtube iframe { width: 100%; } .videoFlameWrap .videoDescription { width: 100%; float: none; margin-left: 0; } .videoFlameWrap .videoDescription p { font-size: 11px; } .videoFlameWrap .videoUrl { margin-top: 3px; margin-bottom: 10px; } .videoFlameWrap .videoUrl a { font-size: 11px; } .videoFlameWrap .videoFlame table { border-width: 0 1px 1px 1px; } .videoFlameWrap .videoFlame table th { width: 100%; display: block; padding: 2px; box-sizing: border-box; border-width: 1px 0px; } .videoFlameWrap .videoFlame table td { width: 100%; display: block; padding: 5px;; box-sizing: border-box; border: none; } .videoFlameWrap .videoFlame .Product a { background: url(/support/video/images/icon_product_gray.png) no-repeat bottom 7px left 30% white; background-size: auto 18px; width: 100%; padding: 5px 10px 5px 40%; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 9:プライバシーポリシー ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #mainFrontArea #mainFrontCenterBox #privacyDocumentZone div ul li { list-style: none; margin-left: 0; padding-left: 15px; position: relative; } #mainFrontArea #mainFrontCenterBox #privacyDocumentZone div ul li:before { width: 5px; height: 5px; content: ""; display: block; background: black; position: absolute; border-radius: 50%; top: 7px; left: 4px; } #mainFrontArea #mainFrontCenterBox #privacyDocumentZone div ul#prevacySquareList li { padding-left: 0; } #mainFrontArea #mainFrontCenterBox #privacyDocumentZone div ul#prevacySquareList li:before { display: none; } #mainFrontArea #mainFrontCenterBox #privacyDocumentZone div ul#prevacyDateList li:before { display: none; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 10:サイトマップ ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #siteMapArea { width:96%; margin:0 auto; } ul.SitemapTopCategory li:first-child { margin-left: 0; } ul.SitemapTopCategory li { float:none; margin-top: 15px; margin-left: 0; } #siteMapArea ul li { padding-left: 0.7em; } #siteMapArea ul li ul li { margin-left: 20px; float:none; border:none; margin-top: 10px; } #siteMapArea ul li a { font-size: 15px; } #siteMapArea ul li { margin-left: 0; } #siteMapArea ul li.childrenList ul li:first-child { border:none; } #siteMapArea .sitemapLeft { width:100%; float:left; margin-left: 0;} #siteMapArea .sitemapRight { width:100%; float:left; margin-left: 0; } #siteMapArea h3.plain { margin-top: 30px; padding: 0 0 4px 0.8em; font-size: 19px;} #siteMapArea .siteMaptxtBoldsp {font-weight: bold;} #siteMapArea #wordSearchBox { margin: 0 0; } #siteMapArea #wordSearchBox form { width: 100%; } #siteMapArea #wordSearchBox form #searchWordBox { width: 100%; margin-right: 0; padding-left: 5px; height:30px; padding-left: 3px; } #siteMapArea #wordSearchBox form #searchWordBtn { width: 100%; height: 32px; margin: 10px auto 0 auto; background: #2f75d4; display: block; border-radius: 3px; } #siteMapArea #wordSearchBox form #searchWordBtn img { width: 95px; height: 32px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 10:事業内容 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--トップページ--*/ #mainFrontArea #mainFrontCenterBox.businessTop { width: 100%; } #mainFrontArea #mainFrontCenterBox .businessTopBox h1 { width: 120px; } #mainFrontArea #mainFrontCenterBox .businessTopBox { background: none; padding: 0 10px; box-sizing: border-box; } #mainFrontArea #mainFrontCenterBox .businessTopBox ul { float: none; } #mainFrontArea #mainFrontCenterBox .businessTopBox ul + ul { margin: 0; } #mainFrontArea #mainFrontCenterBox .businessTopBox li { width: 49%; margin-bottom: 10px; } #mainFrontArea #mainFrontCenterBox .businessTopBox li + li { margin-left: 2%; } #mainFrontArea #mainFrontCenterBox .businessTopBox li:nth-child(even) { margin-left: 2%; } #mainFrontArea #mainFrontCenterBox .businessTopBox li .businessTopBoxTxt { font-size: 12px; padding: 8px 10px 10px 8px; } #mainFrontArea #mainFrontCenterBox .businessTopBox li .businessTopBoxTxt span { padding-left: 8px; } /*--自動計測システムのレンタル--*/ #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterSystem h3 br { display: block; } #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterSystem table { margin-bottom:0; } #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterSystem table th { padding: 10px 0; font-size: 15px; } #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterSystem table th + th { width: 120px; } #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterSystem table tr td {} /*--機材管理/機器メンテナンス業務--*/ #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterIntro dl dd { margin-left: 0; padding-top: 10px; padding-left: 0; line-height: 1.6; } #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterIntro dl dd ul#measureList li { width:48%; margin:1%; } #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterIntro #manegeFukidashi #message { margin: 0 0 0 0; padding: 0 0 0 0; width: 20% } #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterIntro #manegeFukidashi #Fukidashi { width: 75%; margin: 0; padding: 10px 10px 10px 15px; border-radius: 10px; float: right; box-sizing: border-box; font-size: 15px;} #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterIntro #manegeFukidashi #Fukidashi:before { top: 20%; } #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterIntro #manegeFukidashi #Fukidashi br { display: none; } #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterIntro dl dd ul.managePhoto li { margin: 0 0 10px 0; width: 100%; } #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterIntro dl dd ul.managePhoto.managePhotoManagement li:first-child { padding-bottom: 15px; border-bottom: 2px dotted #591c89; } #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterIntro dl dd ul.managePhoto.managePhotoTechno li:first-child { padding-bottom: 25px; } /*--計測機器事業--*/ #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterKeisoku dl dd { margin-left: 0; line-height: 1.7; } #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterKeisoku dl dt.keisokuULine { margin-left: 0; margin-bottom: 5px; border-bottom: dotted 1px #00aebd; line-height: 1.4; padding-bottom: 4px; } #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterKeisoku dl dt.keisokuULine span { background: #00aebd; width: 100%; margin-bottom: 6px; padding: 7px 0 6px 0; display: inline-block; border-top-left-radius: 0; box-sizing: border-box; text-align: center; font-size: 16px; color: white; } #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterKeisoku dl dd ul.keisokuPhoto li { margin: 0 0 0 0; } #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterKeisoku dl dd ul#measureList li { width: 49.7%; margin: 0 0 2px 0; } #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterKeisoku dl dd ul#measureList li:nth-child(even) { margin-left: 0.6%; } /*--新商品開発事業--*/ #mainFrontArea #mainFrontCenterBox .businessOuter #newitemImage { width: 100%; height: auto; margin-top: 5px; overflow: hidden;} #mainFrontArea #mainFrontCenterBox .businessOuter #newitemImage #newitemImg01 { position: relative; width: 100%; height: auto; } #mainFrontArea #mainFrontCenterBox .businessOuter #newitemImage #newitemImg01 img { display: none; } #mainFrontArea #mainFrontCenterBox .businessOuter #newitemImage #newitemImg02 { position: relative; top: auto; left: auto; width: 100%; height: auto; background: none; } #mainFrontArea #mainFrontCenterBox .businessOuter #newitemImage #newitemImg04 { width: 50%; height: auto; position: relative; top: auto; left: 0; float: left;} #mainFrontArea #mainFrontCenterBox .businessOuter #newitemImage #newitemBtn { float: left; width: 50%; margin-top: 15%; } #mainFrontArea #mainFrontCenterBox .businessOuter #newitemImage #newitemBtn a { width: 100%; position: relative; top: auto; left: 0; box-sizing: border-box; } #mainFrontArea #mainFrontCenterBox .businessOuter #newitemImage #newitemBtn a br { display: block; } #mainFrontArea #mainFrontCenterBox .businessOuter dl dd ul.keisokuPhoto li { margin:10px 0; width:100%; } #mainFrontArea #mainFrontCenterBox .businessOuter .newitemImageCaption { width: 100%; height: 610px; max-height: 610px; display: block; background: url(/business/images/newitem_img03.jpg) top no-repeat; background-size: 100% auto; font-size: 0; text-indent: 100%; overflow: hidden; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 10:採用情報 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #mainFrontArea ul#mainRecruitList { width:100%; margin:10px auto 0 auto; } #mainFrontArea ul#mainRecruitList li { width:50%; margin: 0 0 10px 0; box-sizing: border-box; } #mainFrontArea ul#mainRecruitList li:nth-child(odd) { padding-right: 1%; } #mainFrontArea ul#mainRecruitList li:nth-child(even) { padding-left: 1%;} #mainFrontArea #mainFrontCenterBox #recruitOuter ul#sookiAppeal li:first-child { margin-top: 10px; } #mainFrontArea #mainFrontCenterBox #recruitOuter ul#sookiAppeal li dl { width: 65%; margin-left: 5%; } #mainFrontArea #mainFrontCenterBox #recruitOuter ul#sookiAppeal li dl dt { width: 100%; } #mainFrontArea #mainFrontCenterBox #recruitOuter ul#sookiAppeal p { width: 30%; margin-top: 0; } #mainFrontArea #mainFrontCenterBox #recruitOuter dl dd { margin-left:0; } #mainFrontArea #mainFrontCenterBox #recruitOuter dl#recruitThanks { padding:15px 2% 5px 2%; width:96%; margin:10px auto; } #mainFrontArea #mainFrontCenterBox #recruitOuter dl#recruitThanks dt { float:none; font-weight: bold; width: 100%; padding-top: 15px; } #mainFrontArea #mainFrontCenterBox #recruitOuter dl#recruitThanks dt:first-child { padding-top: 0; } #mainFrontArea #mainFrontCenterBox #recruitOuter dl#recruitThanks dd { padding-top: 0; padding-left:1em; margin-top:0; line-height: 1.6; border-top: none; margin-bottom:10px; } #mainFrontArea #mainFrontCenterBox #recruitOuter .recruitOuterBox01 p { width: 64%; margin-top: 10px; display: inline-block; } #mainFrontArea #mainFrontCenterBox #recruitOuter .recruitOuterBox01 p.fRight { width: 32%; margin-right: 2%; display: inline-block; vertical-align: top; } #mainFrontArea #mainFrontCenterBox #recruitOuter table.recruitOuterOutline th { background: url(/recruit/images/working_conditions_bg.gif) repeat-x; } #mainFrontArea #mainFrontCenterBox #recruitOuter table.recruitOuterOutline td { background: none; } #mainFrontArea #mainFrontCenterBox #recruitOuter table.recruitOuterOutline th, #mainFrontArea #mainFrontCenterBox #recruitOuter table.recruitOuterOutline td {width: 100%; display: block; box-sizing: border-box; } #mainFrontArea ul#careerMainList { margin-top: 0; overflow: hidden; } #mainFrontArea #newgradMynaviAreaWrap { margin: 20px 0; } #mainFrontArea #newgradMynaviAreaWrap ul.newgradMynaviArea:not(:last-child) { margin-bottom: 20px; } #mainFrontArea #newgradMynaviAreaWrap ul.newgradMynaviArea li { float: none; } #mainFrontArea #newgradMynaviAreaWrap ul.newgradMynaviArea li.newgradMynaviTxt { margin-bottom: 0; } #mainFrontArea #newgradMynaviAreaWrap ul.newgradMynaviArea li.newgradMynaviTxt p { padding-left: 20px; } #mainFrontArea #newgradMynaviAreaWrap ul.newgradMynaviArea li.newgradMynaviTxt p:before { left: 10px; } #mainFrontArea ul#careerMainList li { margin: 0 0 10px 0; width: 50%; float: left; box-sizing: border-box; } #mainFrontArea ul#careerMainList li:nth-child(odd) { padding-right: 1%; } #mainFrontArea ul#careerMainList li:nth-child(even) { padding-left: 1%;} #mainFrontArea ul.newgradMynaviArea + ul { margin-top: 10px; } #mainFrontArea ul.newgradMynaviArea li { width: 100%; max-width: 300px; float: none; } #mainFrontArea ul.newgradMynaviArea li.newgradMynaviTxt { margin-right: 0; } #mainFrontArea ul.newgradMynaviArea li.newgradMynaviTxt { margin-bottom: 10px; } #mainFrontArea ul.newgradMynaviArea li.newgradMynaviBanner { margin-left: 9px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 10:ソーキ力 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ ul#advantageOuter { width:100%; } ul#advantageOuter li { margin-top: 20px; position: relative; } ul#advantageOuter li .advantageArea { width:100%; margin: 0 auto; padding: 0 10px; box-sizing: border-box; } ul#advantageOuter li#advantageRequest .advantageArea .advantageLeft, ul#advantageOuter li .advantageArea .advantageLeft { width:100%; float:none; } ul#advantageOuter li h3 { position: absolute; } ul#advantageOuter li .advantageArea .RequestGraphArea { margin-top: 10px; float: none; } ul#advantageOuter li .advantageArea .RequestGraphArea img { max-width: 347px; margin: 0 auto; display: block; } ul#advantageOuter li .advantageArea .RequestGraphArea02 { margin-top: 10px; float: none; } ul#advantageOuter li .advantageArea .RequestGraphArea02 img { max-width: 355px; margin: 0 auto; display: block; } ul#advantageOuter li .advantageArea .QuestionnaireArea { margin-top: 10px; float: none; } ul#advantageOuter li .advantageArea .QuestionnaireArea img { max-width: 365px; padding: 0 10px; box-sizing: border-box; margin: 0 auto; display: block; } ul#advantageOuter li .advantageArea .QuestionnaireAreaCaption { margin: 0 auto; display: block; width: 100%; max-width: 365px; white-space: normal; } ul#advantageOuter li .advantageArea .QuestionnaireAreaCaption strong { margin-top: 5px; margin-bottom: 2px; padding-left: 0; font-size: 13px; white-space: nowrap; } ul#advantageOuter li .advantageArea p.advantageHeadline { margin-top: 10px; } /*--要望を量る--*/ ul#advantageOuter li#advantageRequest .advantageArea p.advantageHeadline { margin-top: 10px; } ul#advantageOuter li#advantageRequest .advantageArea .advantageLeft:before { content: ""; width: 70px; height: 80px; margin-right: 5px; display: block; display: inline-block; } ul#advantageOuter li#advantageRequest .advantageArea .advantageLeft h4 { width: 192px; height: 80px; display: inline-block; vertical-align: top; line-height: 80px; padding-top: 27px; margin-left: 5px; box-sizing: border-box; } ul#advantageOuter li#advantageRequest .advantageArea .advantageBottomInner h4 { width: 143px; height: 29px; border-left: 10px solid #f38b26; padding-left: 7px; } /*--実績で計る--*/ ul#advantageOuter li#advantagePerformance .advantageArea .advantagePerformanceHeadline .advantageLeft:before { content: ""; width: 70px; height: 80px; margin-right: 5px; display: block; display: inline-block; } ul#advantageOuter li#advantagePerformance .advantageArea .advantagePerformanceHeadline .advantageLeft h4 { width: 132px; height: 80px; display: inline-block; vertical-align: top; line-height: 80px; padding-top: 26px; margin-left: 5px; box-sizing: border-box; } ul#advantageOuter li#advantagePerformance .advantageArea .advantageBottomInner .advantageLeft h4 { width: 250px; height: 29px; border-left: 10px solid #e94f61; padding-left: 7px; } /*--未来を測る--*/ ul#advantageOuter li#advantageFuture .advantageArea .advantageFutureHeadline .advantageLeft:before { content: ""; width: 70px; height: 80px; display: block; display: inline-block; } ul#advantageOuter li#advantageFuture .advantageArea .advantageFutureHeadline .advantageLeft h4 { width: 70%; min-width: 215px; max-width: 260px; height: 80px; display: inline-block; vertical-align: top; line-height: 80px; padding-top: 28px; margin-left: 5px; box-sizing: border-box; } ul#advantageOuter li#advantageFuture .advantageArea .advantageBottomInner .advantageLeft h4 { width: 199px; border-left: 10px solid #3e56ae; padding-left: 7px; } /*--夢を図る--*/ ul#advantageOuter li#advantageDream .advantageArea:before { content: ""; width: 70px; height: 80px; display: block; display: inline-block; } ul#advantageOuter li#advantageDream .advantageArea > h4 { width: 70%; min-width: 215px; max-width: 236px; height: 80px; display: inline-block; vertical-align: top; line-height: 80px; padding-top: 28px; margin-left: 5px; box-sizing: border-box; } ul#advantageOuter li#advantageDream .advantageArea .advantageBottomInner h4 { width: 199px; border-left: 10px solid #0a6c48; padding-left: 7px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 16:ポップアップぺージ ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #fancybox-overlay { min-width:100%; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 10:パスワードぺージ ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #mainWrap #mypageSection .passwordArea p { text-align:left; } #mainWrap #mypageSection #reminderArea dl, #mainWrap #mypageSection #changeArea dl { width:100%; } #mainWrap #mypageSection .passwordArea dl dd input[type="text"] { width:96%; display:inline; } #mainWrap #mypageSection #changeArea dl dt { width:96%; margin-left:2%; } #mainWrap #mypageSection #reminderArea p#reminderSentence { width:96%; margin:0 auto; } #mainWrap #mypageSection { width:90%; } #mainWrap #mypageSection .mypageArea { width:96%; margin:20px auto 0; } #mainWrap p#logBtnPos { margin-top:5px; text-align:right; } #mainWrap #mypageSection p#logBtnPos a { width:40%; display:inline-block; *display:inline; *zoom:1; } p.iconExclamation { text-align:left; } p.iconExclamation span { display:block; background-position:left 0.2em; } #mainWrap #mypageSection .passwordArea { box-sizing:border-box; margin:20px auto 0; padding:20px 6%; width:100%; } #mainWrap #mypageSection .passwordArea input[type="image"] { width:100%; } #mainWrap #mypageSection #reminderArea p input[type="text"], #mainWrap #mypageSection .passwordArea input[type="text"] { width:100%; box-sizing:border-box; } #mainWrap #mypageSection #changeArea ul li { text-align:left; } #mainWrap #mypageSection #resultArea { padding:60px 6%; } #mainWrap #mypageSection #mypageContentArea { width:88%; margin:0 auto; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 10:ページ404 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*フォーム全体*/ #form404{ position:relative;/*フォームの相対位置*/ margin:20px 0 20px 0;/*フォームの下に余白*/ } /*検索ボックス*/ #form404 input{ width: 100%; margin-left: 0; box-sizing: border-box; height: 35px; padding-left: 5px; font-size: 13px; } /*検索ボタン*/ #sbtn404{ width: 90%; height: 40px; margin: 20px auto 0px auto; border-radius: 0 3px 3px 0; background: #7fbfff; border: none; color: #fff; font-weight: bold; font-size: 18px; display: block; } #form404 #searchWordBtn { width: 100%; height: 32px; margin: 10px auto 0 auto; display: block; border-radius: 3px; } #form404 #searchWordBtn img { width: 95px; height: 32px; } /*検索ボタンマウスオーバー時*/ #sbtn404:hover{ color:#7fbfff;/*検索ボタンマウスオーバー時のフォントカラー*/ background-color: #eee; } /*page404*/ #page404{ margin-left: 0px; margin-right: 0; } #errortitle404{ font-size:x-large; font-weight: bold; margin-top: 10px; margin-bottom: 30px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 21:サービスエンジニア ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #mainFrontArea #seOuter .seIntro { padding-left: 0; font-size: 5.5vw; line-height: 1.8; -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);} #mainFrontArea #seOuter .seIntro span { background: -webkit-linear-gradient(transparent 60%, #fff100 50%); background: linear-gradient(transparent 60%, #fff100 50%); } #mainFrontArea #seOuter .seIntro #seIntroline { padding-right: 0; } #mainFrontArea #seOuter .seIntro #seIntroline br { display: block; } #mainFrontArea #seOuter #seList h4 { margin: 15px 0 5px 0; } #mainFrontArea #seOuter #seList ul { margin: 0 0 10px 0; padding-left: 0;} #mainFrontArea #seOuter #seList div img { display: none; } #mainFrontArea #seOuter #seImg #seImg01 { width: 50%; margin: 0 0 10px 0; padding-right: 1%; box-sizing: border-box; } #mainFrontArea #seOuter #seImg #seImg02 { width: 50%; margin: 0 0 10px 0; padding-left: 1%; box-sizing: border-box; } #mainFrontArea #seOuter #seImg #seImg03 { width: 50%; margin: 0 0 5px 0; padding-right: 1%; box-sizing: border-box; } #mainFrontArea #seOuter #seList #seNotes li { margin: 0 0 10px 0; line-height: 1.5;} #mainFrontArea #seOuter #seList #seNotes li span { line-height: 1.1;} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 22:ニュースレター ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #mainFrontArea #mainNlArchiveList .mainNlArchiveListImgWrap_txt a { display: block; } #mainFrontArea #mainNlArchiveList .mainNlArchiveListImgWrap_txt a:before { content: "■"; display: inline; } #mainFrontArea #mainNlArchiveList .mainNlArchiveListImgWrap_txt h2 { display: inline; } #mainFrontArea #mainNlArchiveIntro { padding: 0 10px; } #mainFrontArea #mainNlArchiveIntro p { font-size: 16px; } #mainFrontArea #mainNlArchiveIntro p.mainNlArchiveIntroStrong { padding-left: 0; margin: 5px 0; } #mainFrontArea #mainNlArchiveIntro p.mainNlArchiveIntroTitle { padding-left: 0; margin: 5px 0 0 0; } #mainFrontArea #mainNlArchiveIntro p.mainNlArchiveIntroTitle img { width: auto; } #mainFrontArea #mainNlArchiveIntro p.mainNlArchiveIntroTitle br { display: block; } #mainFrontArea #mainNlArchiveList { padding: 0 10px; } #mainFrontArea #mainNlArchiveList .mainNlArchiveListImgWrap { display: none; } #mainFrontArea #mainNlArchiveList .mainNlArchiveListDw { margin-top: 3px; display: inline-block; } #mainFrontArea #pdfArchiveView { margin: 15px 0 0 0; padding: 0 10px; } #pdfArchiveView h1.HeadlineBigger { margin: 20px 0 10px 0; } #pdfArchiveView .pdfPageCaption.pdfPageCaptionHighlight { margin: 0 0 0 0; } #pdfArchiveView .contentsRight a.pdfDwBtn img { width: auto; } #pdfArchiveView .pdfPageHighlight { padding: 0.5em 0.5em 0.5em 0; } #pdfArchiveView .pdfArchiveSection { padding: 0 0 0 0 } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight .pdfArchiveImgTxtLeft { width: 100%; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight .ImgWrap { padding: 0 0 0 0; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight .pdfArchiveImgTxtLeft.pb50, #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight .pdfArchiveImgTxtLeft.pb100, #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight .pdfArchiveImgTxtLeft.pb200, #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight .pdfArchiveImgTxtLeft.pb300 { padding-bottom: 0; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight ul.ImgWrap { width: 100%; margin-top: 0; margin-bottom: 10px; padding-bottom: 0; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight ul.ImgWrap + ul.ImgWrap { margin-top: 10px; margin-bottom: 0; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight ul.ImgWrap.spWidthMax li { width: 100% !important; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight ul.ImgWrap.spWidthMax li + li { margin: 10px 0 0 0; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight.pdfArchiveImgRightImgDouble .pdfArchiveImgTxtLeft { width: 100%; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight.pdfArchiveImgRightImgDouble ul.ImgWrap { width: 100%; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight.pdfArchiveImgRightImgDouble ul.ImgWrap li { width: 48.5%; float: left; margin-top: 0; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight.pdfArchiveImgRightImgDouble ul.ImgWrap li:last-child { margin-left: 3%; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight.pdfArchiveImgRightBigger .pdfArchiveImgTxtLeft { width: 100%; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight.pdfArchiveImgRightBigger ul.ImgWrap { width: 100%; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft.pdfArchiveImgLeftBigger .pdfArchiveImgTxtRight { width: 100%; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft.pdfArchiveImgLeftBigger ul.ImgWrap { width: 100%; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList { width: 100%; margin-bottom: 15px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList li { margin-left: 0; display: block; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList li:not(:first-child) { float: none; margin-left: 0; margin-top: 10px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.ImgWrapListfloatLeft li { width: 48.5%; float: left; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.ImgWrapListfloatLeft li:nth-child(even) { margin: 0 0 0 3%; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList li.w50 { width: 48.5%; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList li.w70 { width: 70%; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList li.w100 { width: 100%; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.ImgWrapListfloatLeft ul.ImgWrap li:not(:first-child) { margin-top: 0px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.imgHeightSet li img { height: auto !important; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.ImgWrapListFour li { width: 47%; display: inline-block; font-size: 0; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.ImgWrapListFour li:nth-child(even) { margin-left: 3%; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.ImgWrapListFour li:nth-child(n + 3) { margin-top: 10px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight ul.ImgWrap li { width: 48.5%; float: left; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight ul.ImgWrap li:nth-child(even) { margin-left: 3%; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight ul.ImgWrap li:not(:first-child) { margin-top: 0px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight ul.ImgWrap.ImgWrap_spFull li { width: 100%; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight ul.ImgWrap li img.ImgW100, #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight ul.ImgWrap li img.ImgW110, #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight ul.ImgWrap li img.ImgW120, #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight ul.ImgWrap li img.ImgW130, #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight ul.ImgWrap li img.ImgW140, #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight ul.ImgWrap li img.ImgW150 { width: 100%; } #pdfArchiveView .pdfArchivePagemoovWrap .pdfArchivePagemoovWrapPrev, #pdfArchiveView .pdfArchivePagemoovWrap .pdfArchivePagemoovWrapNext { width: 49%; } #pdfArchiveView .pdfArchivePagemoovWrap .pdfArchivePagemoovWrapNext { margin-left: 2%; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft .pdfArchiveImgTxtRight { width: 100%; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft ul.ImgWrap { width: 100%; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft ul.ImgWrap.spWidthMax li { width: 100% !important; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft ul.ImgWrap.spWidthMax li + li { margin: 10px 0 0 0; } #pdfArchiveView .pdfArchiveSectionTable thead td br { display: block; } #pdfArchiveView .pdfArchiveSectionTable .temperature br { display: block; } #pdfArchiveView .pdfArchiveSectionTable td.pdfArchiveSectionTableTxt { width: 60%; } #pdfArchiveView .pdfArchiveSection .pdfArchiveLinkSpace { margin-bottom: 10px; } /*---------------------------------------------------------------------------------\------------------------------------------------------------------------------------------------------------ 23:テクノdeてくの ページ ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--トップページ--*/ #tcLinkHeader { margin: 0 auto; width: 96%;} #tcLinkHeader ul li { display: block; width: 100%; } #tcLinkHeader ul li:not(:last-child) { margin-bottom: 5px; } #tcLinkHeader ul li:not(:last-child):after { content: ""; } #tcLinkHeader ul li a { display: block; position: relative; width: 100%; padding: 6px 0 6px 27px; background: white; text-decoration: none; box-sizing: border-box; border: 1px solid #e2e2e2; } #tcLinkHeader ul li a:before { content: ""; position: absolute; display: block; top: 50%; left: 10px; margin-top: -3px; width: 0; height: 0; border-style: solid; border-width: 6px 4px 0 4px; border-color: #0098d6 transparent transparent transparent; } #mainFrontArea .mainTcArchiveList { padding: 0 5px; } #mainFrontArea .mainTcArchiveList .mainTcArchiveListImgWrap { display: none; } #mainFrontArea .mainTcArchiveList .mainTcArchiveListDw { margin-top: 3px; display: inline-block; } #mainFrontArea .mainTcArchiveList .mainTcArchiveListImgWrap_txt { padding-left: 0; } /*--アーカイブ--*/ /*--vol01--*/ #mainFrontArea .pdfArchiveViewTc.pdfArchiveViewTc01 .technoFirstImage { margin-bottom: 20px; } #mainFrontArea .pdfArchiveViewTc.pdfArchiveViewTc01 .technoFirstImage h1 { position: absolute; width: 96%; left: 2%; bottom: 5px; font-size: 16px; line-height: 21px; } #mainFrontArea .TcVol01personalStyle02 { line-height: 1.8;} #mainFrontArea .TcVol01personalStyle02 br { display: block; } #pdfArchiveView .pdfArchiveSection.TcVol01personalStyle03 .pdfArchiveImgRight ul.ImgWrap { width: 30%; } #pdfArchiveView .pdfArchiveSection.TcVol01personalStyle03 .pdfArchiveImgRight .pdfArchiveImgTxtLeft { width: 70%; padding-right: 10px; box-sizing: border-box; } #pdfArchiveView .pdfArchiveSection.TcVol01personalStyle03 .pdfArchiveImgRight a { white-space: nowrap; } /*--vol02--*/ #pdfArchiveView .pdfArchiveSection ul.ImgWrapList li.TcVol02personalStyle01, #pdfArchiveView .pdfArchiveSection ul.ImgWrapList li.TcVol02personalStyle02 { float: left; } #pdfArchiveView .pdfArchiveSection.TcVol02personalStyle03 .pdfArchiveImgRight ul.ImgWrap { width: 30%; } #pdfArchiveView .pdfArchiveSection.TcVol02personalStyle03 .pdfArchiveImgRight .pdfArchiveImgTxtLeft { width: 70%; padding-right: 10px; box-sizing: border-box; } #pdfArchiveView .pdfArchiveSection.TcVol02personalStyle03 .pdfArchiveImgRight a { white-space: nowrap; } /*--vol03--*/ #mainFrontArea .TcVol03personalStyle01 { margin-top: 0; } #mainFrontArea .pdfArchiveSection .TcVol03personalStyle02.pdfArchiveImgRight ul.ImgWrap { width: 100%; } #mainFrontArea .pdfArchiveSection .TcVol03personalStyle02.pdfArchiveImgRight .pdfArchiveImgTxtLeft { width: 100%; } /*--vol04--*/ #mainFrontArea .pdfArchiveSection .TcVol04personalStyle01 .pdfArchiveImgRight ul.ImgWrap {width: 100%;} /*--vol06--*/ #mainFrontArea .pdfArchiveSection .TcVol06personalStyle01 .pdfArchiveProduct { width: 100%; } #mainFrontArea .pdfArchiveSection .TcVol06personalStyle01 .pdfArchiveProduct.pdfArchiveProductRight { width: 100%; } #mainFrontArea .pdfArchiveSection .TcVol06personalStyle01 .pdfArchiveProduct .ImgWrap { padding-left: 0; overflow: hidden; } #mainFrontArea .pdfArchiveSection .TcVol06personalStyle01 .pdfArchiveProduct .ImgWrap li img { width: 140px; margin-right: 10px; float: left; } #pdfArchiveView .pdfArchiveSection .TcVol06personalStyle02 { width: 100%; margin-right: 0; white-space: normal; font-size: 12px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList li.TcVol06personalStyle02 p { white-space: normal; } #pdfArchiveView .pdfArchiveSection .TcVol06personalStyle03 .pdfArchiveImgRight .pdfArchiveImgTxtLeft{ width: 100%; } #pdfArchiveView .pdfArchiveSection .TcVol06personalStyle03 .pdfArchiveImgRight .pdfArchiveImgTxtLeft p.txt { margin: 5px 0; font-size: 15px; } #pdfArchiveView .pdfArchiveSection .TcVol06personalStyle03 .pdfArchiveImgRight .pdfArchiveImgTxtLeft p.txt br { display: none; } #pdfArchiveView .pdfArchiveSection .TcVol06personalStyle03 .pdfArchiveImgRight strong { float: none; width: 100%; border-radius: 10px; padding: 0; line-height: 40px; height: 40px; } #pdfArchiveView .pdfArchiveSection .TcVol06personalStyle03 .pdfArchiveImgRight strong br { display: none; } /*--vol07--*/ #pdfArchiveView .pdfArchiveSection.TcVol07personalStyle01 .pdfArchiveImgRight ul.ImgWrap { width: 30%; } #pdfArchiveView .pdfArchiveSection.TcVol07personalStyle01 .pdfArchiveImgRight .pdfArchiveImgTxtLeft { width: 70%; padding-right: 10px; box-sizing: border-box; } /*--vol08--*/ #pdfArchiveView .TcVol08personalStyle01 { margin-bottom: 3px; margin-left: -7px; width: 55%; } #pdfArchiveView .TcVol08personalStyle02 a span br.break { display: block; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight.TcVol08personalStyle06 .pdfArchiveImgTxtLeft { width: 100%; margin-right: 0; float: none; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight.TcVol08personalStyle06 ul.ImgWrap { float: none; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight.TcVol08personalStyle06 p.txt { margin: 0 0 5px 0; } /*--vol09--*/ #pdfArchiveView.pdfArchiveViewTc09 .technoFirstImage .label { position: absolute; width: 50%; left: 0; bottom: 45px; transform: rotate(-15deg); } #pdfArchiveView .pdfArchiveSection .TcVol09personalStyle01 li { width: 100%; } #pdfArchiveView .pdfArchiveSection .TcVol09personalStyle01 li + li { display: none; } #pdfArchiveView .pdfArchiveSection .TcVol09personalStyle03.bgPuls { background: url(/techno/images/technoImg09_14.jpg) center top 78px no-repeat; background-size: 26px; } #pdfArchiveView .pdfArchiveSection .TcVol09personalStyle03 .pdfArchiveProduct { width: 100%; } #pdfArchiveView .pdfArchiveSection .TcVol09personalStyle03 .pdfArchiveProduct .ImgWrap { padding-left: 0; width: 25%; } #pdfArchiveView .pdfArchiveSection .TcVol09personalStyle03 .pdfArchiveProduct .pdfArchiveProductTxt { width: 70%; float: left; margin-left: 5%; } #pdfArchiveView .pdfArchiveSection .TcVol09personalStyle03 li { float: none; } #pdfArchiveView .pdfArchiveSection .TcVol09personalStyle03 li.title { margin: 0 0 60px 0; padding: 20px 10px; box-sizing: border-box; width: 100%; } #pdfArchiveView .pdfArchiveSection .TcVol09personalStyle03 li.title span { text-orientation: initial; text-align: center; writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; height: auto; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 24:Original製品 ブリッジ ページ ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ h1#originalHl { margin: 30px 0 13px 0; padding: 0 10px 0 10px; text-indent: -10px; font-size: 21px; line-height: 1.3; box-sizing: border-box; } h1#originalHl::before { left: 10px; } h1#originalHl::after { top: -0.9em; left: 33px; } h1#originalHl span { position: relative; z-index: 100; font-size: 30px; text-shadow: 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white; } #originalIntroWrap { background: linear-gradient(-135deg, #79c6fe, #46aaff); } #originalIntro { background-image: url(../../original-lp/images/background_img.jpg); background-repeat: no-repeat; background-position: center bottom; width: 100%; min-height: 460px; margin: 0 0 20px 0; padding: 15px 20px 230px 20px; box-sizing: border-box; display: table; } #originalIntro #originalIntroTop { margin: 0 0 15px 0; padding-bottom: 5px; line-height: 1.5; text-indent: -8px; } #originalIntro #originalIntroTop::after { width: 100%; left: 0; } .originalProduct h2.originalProductHl { box-sizing: border-box; margin: 0 auto 10px auto; } #originalIntro p { width: 100%; font-size: 15px; text-align: justify; text-justify: inter-ideograph; } .originalProduct .originalProductWrap { padding: 0 5px; } .originalProduct ul li { background: white; width: 50%; margin: 0 0 10px 0; overflow: hidden; float: left; border-radius: 4px; } .originalProduct ul li:first-child { margin-left: 0; } .originalProduct ul li.floatBreak { margin-left: 0; } .originalProduct ul li > a { width: 98%; margin-bottom: 5px; display: block; } .originalProduct ul li img { width: 100%; height: 100%; } .originalProduct ul li:nth-child(even) { position: relative; } .originalProduct ul li:nth-child(even) > a { float: right; } .originalProduct ul li div { margin: 0 0 10px 0; width: 98%; margin: 0 auto; height: auto; min-height: 230px; box-sizing: border-box; float: left; } .originalProduct ul li:nth-child(even) div {float: right;} .originalProduct ul li div .originalProductName { padding-bottom: 2px; padding-left: 0px; border-bottom: 2px solid #a5daf4; border-left: 0px; } .originalProduct ul li div p { margin-top: 4px; } #originalContents div h3.originalContentsHl { margin-top: 20px; } #originalContentsDevelop { width: 100%; padding: 0 5px; box-sizing: border-box; } #originalContents #originalContentsDevelop img { width: 96%; margin: 15px auto 0 auto; padding: 0px; box-sizing: border-box; display: block; float: none; } #originalContents #originalContentsDevelop p { width: 100%; margin: 10px 0 0 0; padding: 0 5px; font-size: 15px; line-height: normal; float: none; box-sizing: border-box; } #originalContentsService { width: 100%; padding: 0 5px; box-sizing: border-box; } #originalContents #originalContentsService div h4 { width: 99%; margin: 10px 0 0 0; float: right; box-sizing: border-box; } #originalContentsService .originalContentsServiceSection { margin-bottom: 10px; } #originalContents #originalContentsService div p { width: 100%; margin: 10px 0 0 0; padding: 0 5px; font-size: 15px; line-height: normal; box-sizing: border-box; } #originalContents #originalContentsService div img { width: 99%; margin: 10px 0 0 0; float: right; } .originalInquiry { margin: 20px 0 30px 0; } .originalInquiry a { width: 96%; height: 65px; margin: 0 auto; padding-top: 13px; display: block; border: none; font-size: 19px; transition: all 0s; line-height: 0; font-weight: bold; border-radius: 3px; } .originalInquiry a span { display: block; margin-right: 0; margin-bottom: 16px; line-height: 14px; font-size: 12px; } .originalInquiry a:hover { color: white; background-color: #f95e38; border: none; } .originalInquiry a::after { top: 50%; left: 4px; margin-top: -4px; -webkit-transition: all .0s; transition: all .0s; z-index: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 8px 8px; border-color: transparent transparent white transparent; transform: rotate(-45deg); } .originalInquiry p { width: 96%; color: #333333; margin: 10px auto; text-align: left; font-size: 14px; } #detailIntro { margin: 15px 10px 10px 10px; border-left: 3px solid #32b16c; border-right: 3px solid #32b16c; } #detailIntro p { font-size: 13px; color: #333333; line-height: 1.5em; } #detailIntro h1 { font-size: 18px; line-height: 1.2em; } .productSpec { margin: 15px 10px 30px 10px;} .productSpec ul { float: none; overflow: hidden; } .productSpec ul li { float: left; margin-bottom: 0; width: 46%; } .productSpec ul li.originalProductImg { width: 45%; min-width: 160px; max-width: 220px; } .productSpec ul li.originalProductImg img { width: 98%; } .productSpec ul li.originalProductMaker { padding-left: 2%; box-sizing: border-box; } .productSpec ul li.originalProductMaker.originalProductBtnDouble p:first-child { margin-bottom: 10px; } .productSpec ul li.originalProductMaker.originalProductBtnDouble img { width: 130px; } .productSpec ul li.originalProductImgSite { width: 46%; margin-top: 11px; padding-left: 2%; } .productSpec ul li.originalProductImgSite img { max-width: 153px; } .productSpec ul li.iconCatalog { width: 46%; margin-bottom: 10px; padding-left: 2%; box-sizing: border-box; font-size: 14px; } .productSpec ul .iconCatalog p { background: url(/common/images/icon_bookcover.gif) left 6px top 10px no-repeat; padding-left: 0; } .productSpec ul .iconCatalog p a { border: 1px solid #afdcf6; box-sizing: border-box; padding: 5px 15px 3px 28px; margin-top: 5px; display: block; border-radius: 5px; text-decoration: none; color: #2f8fb6; font-weight: bold; } .productSpec ul .iconCatalog img { width: 130px; } .productSpec ul li .iconMaker { overflow: hidden; } .productSpec ul .iconMaker p { float: none; } .productSpec ul .iconMaker p:last-child { margin-left: 0; margin-top: 10px; } .productSpec ul li .iconMaker a img { width: 130px; } .productSpec ul li.iconNetis { padding-top: 10px; padding-left: 2%; box-sizing: border-box; } .productSpec ul .iconNetis p:first-child { background: url(/common/images/icon_netis.gif) top left no-repeat; padding: 10px 3px 0 0; width: 90%; font-size: 12px; } .productSpec table { width: 100%; margin: 20px 0 0 0; } .productSpec table tr th { width: 20%; } .productSpec .tableDouble { width: 100%; } .productSpec .tableDouble table caption span { position: relative; color: #007130; display: inline-block; height: 24px; padding: 0px 13px 2px 5px; line-height: 28px; font-size: 16px; } .productDetail { margin: 30px 0 35px 0; } .productDetail a { background: #007130; width: 96%; height: 60px; margin: 0 auto; display: block; font-size: 20px; transition: all 0s; font-weight: bold; border-radius: 3px; line-height: 56px; } .productDetail a:hover { color: white; background-color: #007130; } .productDetail a::after { z-index: 0; top: 50%; left: 4px; -webkit-transition: all .0s; transition: all .0s; width: 0; height: 0; margin-top: -4px; border-style: solid; border-width: 0 0 8px 8px; border-color: transparent transparent white transparent; transform: rotate(-45deg); } .productFeatureImg { margin: 10px 10px 30px 10px; } .productFeatureImg li { width: 100%; margin-left: 0 !important; margin-bottom: 10px; float: none; position: relative; } .productFeatureImg li p { margin-top: 0; background: #fae6b4; padding: 4px 8px 3px 8px; box-sizing: border-box; font-size: 14px; text-align: left; } .productFeatureImgOther { margin: 10px 10px 30px 10px; padding: 0; } .productFeatureImgOther li { margin-left: 0; margin-bottom: 10px; float: none; } .productFeatureImgOther li p { margin-top: 0; background: #fae6b4; padding: 6px 8px 6px 8px; box-sizing: border-box; } .productFeatureImgMinicam { margin: 10px 10px 30px 10px; padding: 0; } .productFeatureImgMinicam li { margin-left: 0px; float: none; } .productFeatureFigureWe { background: none; margin: 0 5px 0; border: none; position: relative; } .productFeatureFigureSoMi { background: none; margin: 0px 10px 0; border: none; position: relative; padding-top: 40px; } .productFeatureFigureC { background: none; margin: 0px 10px 0; border: none; position: relative; padding-top: 40px; } .productFeatureFigureC img { width: 105%; margin-left: -3%; } .productFeatureImgMinicam li { margin-left: 0; margin-bottom: 10px; float: none; } .productFeatureImgMinicam li p { margin-top: 0; background: #fae6b4; padding: 6px 8px 6px 8px; box-sizing: border-box; } .productFeatureFigureSoMiArrow:before, .productFeatureFigureWeArrow:before, .productFeatureFigureSoMiArrow:before, .productFeatureFigureCArrow:before { content: ""; top: 10px; left: 50%; width: 0; height: 0; margin-left: -25px; position: absolute; border-style: solid; border-width: 18px 25px 0 25px; border-color: #898989 transparent transparent transparent; z-index: 100; } .productFeatureFigureWe img { width: 140%; margin-left: -20%; } .productFeatureFigureWe.e-moaFeatureFigure img { width: 122%; margin-left: -12%; } .productFeatureFigureSoMi img { width: 104%; margin-left: -2%; } .productHl, .productFeature { border: none; padding: 0 10px; margin: 0; } .productHl h2, .productFeature h3 { padding: 0.3em 0 0.2em 1em; margin: 10px 0; font-size: 18px; } .productHl h2::after, .productFeature h3::after { top: 0; height: 100%; } .productHl h2::before, .productFeature h3::before { top: 0; height: 20%; z-index: 10; } .productHl p, .productFeature p { font-size: 14px; } .productFeaturePave li { width: 100px; padding: 0 10px 0 0; float: left; } .productFeaturePave li:nth-child(2) { width: 100%; margin: 0 0 0 0; font-size: 15px; line-height: 1.8em; word-break: break-all; float: initial; } .productFeaturePave li:last-child { width: 100%; margin-top: 5px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 25:ソーキニュース ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #mainFrontArea #mainSnArchiveList .mainNlArchiveListImgWrap_txt a { display: block; } #mainFrontArea #mainSnArchiveList .mainNlArchiveListImgWrap_txt a:before { content: "■"; display: inline; } #mainFrontArea #mainSnArchiveList .mainNlArchiveListImgWrap_txt h2 { display: inline; } #mainFrontArea #mainSnArchiveIntro { padding: 0 10px; } #mainFrontArea #mainSnArchiveIntro p { font-size: 16px; } #mainFrontArea #mainSnArchiveIntro p.mainSnArchiveIntroStrong { padding-left: 0; margin: 5px 0; } #mainFrontArea #mainSnArchiveIntro p.mainSnArchiveIntroTitle { padding-left: 0; margin: 5px 0 0 0; } #mainFrontArea #mainSnArchiveIntro p.mainSnArchiveIntroTitle img { width: auto; } #mainFrontArea #mainSnArchiveIntro p.mainSnArchiveIntroTitle br { display: block; } #mainFrontArea #mainSnArchiveList { padding: 0 10px; } #mainFrontArea #mainSnArchiveList .mainSnArchiveListImgWrap { display: none; } #mainFrontArea #mainSnArchiveList .mainSnArchiveListDw { margin-top: 3px; display: inline-block; } #mainFrontArea #pdfArchiveView { margin: 15px 0 0 0; padding: 0 10px; } #pdfArchiveView .pdfArchiveSection .SnVol02personalStyle01 { overflow: hidden; border: 2px solid #00b8ff; margin-bottom: 15px; padding: 10px 0px; border-radius: 10px; } #pdfArchiveView .pdfArchiveSection .SnVol02personalStyle01 li { font-size: 12px; padding-left: 10px; } #pdfArchiveView .pdfArchiveSection .SnVol02personalStyle02 { overflow: hidden; border: 2px solid #00b8ff; margin-bottom: 15px; padding: 10px; border-radius: 10px; } #pdfArchiveView .pdfArchiveSection .SnVol02personalStyle02 li { padding-left: 0; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight ul.ImgWrap.SnVol02personalStyle03 li { float: right; } #pdfArchiveView .pdfArchiveSection.SnVol06PersonalStyle03 .txtBorderDotted { width: 100%; } #pdfArchiveView .pdfArchiveSection .SnVol07personalStyle01 { width: 100%; } #pdfArchiveView .pdfArchiveSection .SnVol07personalStyle01 .pdfArchiveImgTxtLeft { width: 100%; } #pdfArchiveView .pdfArchiveSection .SnVol07personalStyle01 .pdfArchiveImgRight.pdfArchiveImgRightBigger ul.ImgWrap { margin-left: 0; } #pdfArchiveView .pdfArchiveSection .SnVol07personalStyle01 .txtBorderDotted { width: 100%; padding-left: 0; } #pdfArchiveView .pdfArchiveSection .SnVol07personalStyle01 .pdfArchiveImgRight.pdfArchiveImgRightBigger .pdfArchiveImgTxtLeft { width: 100%; } #pdfArchiveView .pdfArchiveSection .SnVol07personalStyle01 .pdfArchiveImgRight.pdfArchiveImgRightBigger ul.ImgWrap { padding-top: 10px; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle03 { line-height: 1.3; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle04 .boxBlueOpa { width: 100%; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle04 .boxBlueOpa + .boxBlueOpa { margin-bottom: 15px; margin-left: 0px; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle05 { width: 100%; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle05 svg { width: 20px; bottom: -6px; left: 14px; transform: rotate(38deg); } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle06 { width: 70px; } #pdfArchiveView .pdfArchiveSection .parsonA { top: 49px; font-size: 15px; font-weight: bold; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle07 { margin: -10px 0 15px 0; float: none; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle10 .cf { text-align: center } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle12:before { background: url(/sookinews/images/sookinewsImg09_15_sp.png) no-repeat; left: auto; right: 20px; top: auto; bottom: -31px; width: 30px; height: 32px; transform: rotate(-90deg); } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle12 { width: 100%; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle15 { padding: 10px; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle16 { padding: 0; overflow: hidden; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle16 img { position: static; width: 270px; padding: 0 0 10px 0; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle17 { padding: 0; overflow: hidden; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle17 img { position: static; width: 270px; padding: 0 0 10px 0; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle18 { width: 0; float: none; margin: 0; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle19 { width: 0; float: none; margin: 0;} #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle21 { width: 100%; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle21 img { width: 0; } #pdfArchiveView .pdfArchiveSection .SnVol10personalStyle03 { width: 100%; } #pdfArchiveView .pdfArchiveSection .SnVol10personalStyle03 + .SnVol10personalStyle03 { margin-left: 0px; } #pdfArchiveView .pdfArchiveSection .SnVol11personalStyle01 li { width: 98%; min-height: 0px; } #pdfArchiveView .pdfArchiveSection .SnVol11personalStyle02 { padding: 20px 20px 10px 15px; } #pdfArchiveView .pdfArchiveSection .SnVol11personalStyle02 strong { font-size: 17px; line-height: 35px; } #pdfArchiveView .pdfArchiveSection.SnVol13personalStyle01 .pdfArchiveProduct .ImgWrap { width: 100%; box-sizing: border-box; padding: 0; } #pdfArchiveView .pdfArchiveSection.SnVol13personalStyle01 .pdfArchiveProduct.pdfArchiveProductRight { margin-left: 0; } #pdfArchiveView .pdfArchiveSection .pdfArchiveProduct.SnVol13personalStyle02 { height: 60px; min-height: 0px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveProduct.SnVol13personalStyle02 p { vertical-align: top; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft.SnVol13personalStyle03 ul.ImgWrap { width: 100%; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft.SnVol13personalStyle03 .pdfArchiveImgTxtRight { width: 100%; font-size: 10px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft.SnVol13personalStyle03 .pdfArchiveImgTxtRight table { transform: scale(1); transform-origin: right top; margin-bottom: 0px; } #pdfArchiveView .pdfArchiveSection.SnVol16personalStyle01 .pdfArchiveImgRight .ImgWrap li { float: right; } #pdfArchiveView .pdfArchiveSection .SnVol16personalStyle02 .pdfArchiveImgRight .ImgWrap li { margin-top: 5px; float: right; } #pdfArchiveView .SnVol18personalStyle01 li { width: 100%; float: none; } #pdfArchiveView .SnVol18personalStyle01 li + li { margin-top: 20px; margin-left: 0px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.SnVol18personalStyle02 { width: 100%; } #pdfArchiveView .SnVol19personalStyle01 { font-size: 12px; } #pdfArchiveView .SnVol19personalStyle01 table tr.tableHead td { white-space: normal; } #pdfArchiveView .SnVol19personalStyle01 table tr td.sick { width: auto; } #pdfArchiveView .SnVol19personalStyle01 table tr td.virus { width: 1px; } #pdfArchiveView .SnVol19personalStyle01 table tr + tr td { vertical-align: top; } #pdfArchiveView .SnVol19personalStyle01 table tr td.virus .vertical { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; margin-left: -3px; } #pdfArchiveView .SnVol19personalStyle04 ul { margin-bottom: 0; } #pdfArchiveView .SnVol19personalStyle04 li { width: 100%; float: none; margin-bottom: 20px; } #pdfArchiveView .SnVol19personalStyle04 li + li { margin-left: 0%; } #pdfArchiveView .pdfArchiveProduct.SnVol20personalStyle01 { width: 100%; } #pdfArchiveView .pdfArchiveProduct.SnVol20personalStyle01 .pdfArchiveProductTxt { width: 100%; padding-left: 0; } #pdfArchiveView .pdfArchiveProduct.SnVol20personalStyle01 .ImgWrap { padding-left: 0; } #pdfArchiveView .SnVol20personalStyle02Wrap + .SnVol20personalStyle02Wrap { margin-top: 0; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight.SnVol20personalStyle02 { width: 100%; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight.SnVol20personalStyle02 ul.ImgWrap { width: 40%; float: right; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight.SnVol20personalStyle02 ul.ImgWrap li { width: 100%; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight.SnVol20personalStyle02 + .SnVol20personalStyle02 { margin-left: 0px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight.SnVol20personalStyle02 .pdfArchiveImgTxtLeft { width: 60%; } #pdfArchiveView .pdfArchiveSection .SnVol20personalStyle03 dl { width: 100%; } #pdfArchiveView .pdfArchiveSection .SnVol20personalStyle03 dl + dl { margin-left: 0px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight ul.ImgWrap.SnVolSpPersonalStyle02 li { float: none; margin: 0 auto; } #pdfArchiveView .pdfArchiveSection.SnVolSpPersonalStyle01 ul li strong { font-size: 10px; line-height: 15px; margin-top: 5px; display: block; } #pdfArchiveView .SnVolSpPersonalStyle03 { overflow: hidden; display: table; } #pdfArchiveView .SnVolSpPersonalStyle03:before { float: left; display: table-cell; } #pdfArchiveView .SnVolSpPersonalStyle03 span { display: table-cell; vertical-align: middle; } #pdfArchiveView .SnVolSpPersonalStyle04 p { margin-bottom: 10px; } /*--新商品のご案内--*/ #pdfArchiveView .pdfArchiveProduct { clear: both; float: none; width: 100%; } #pdfArchiveView .pdfArchiveProduct.pdfArchiveProductRight { margin-left: 0px; margin-top: 30px; } #pdfArchiveView .pdfArchiveProduct .pdfArchiveProductTxt { width: 60%; margin-right: 0; } #pdfArchiveView .pdfArchiveProduct .ImgWrap { width: 35%; padding-left: 5%; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 新商品紹介ページ ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #newProduct section { padding: 0 10px; box-sizing: border-box; } #newProduct h2.newProductHeadlineMedium {font-size: 17px; } /*ハイライト*/ #newProduct .ProductHighlightWrap { width: 100%; } #newProduct .ProductHighlightWrap li { width: 100%; float: none; } #newProduct .ProductHighlightWrap li:not(:first-child) { margin-left: 0; } #newProduct .ProductHighlightWrap a p span { display: none; } /*新商品のご紹介*/ #newProduct .headlineParticles { background: url(/newproducts/images/title_newproducts_sp.jpg) no-repeat; background-size: 100% auto; width: 100%; height: auto; margin: 10px 0 15px 0; border-radius: 0; } #newProduct .headlineParticles .Particles { position: absolute; width: 70%; height: 100%; right: 0; opacity: 0.8; overflow: hidden; } /*NETIS登録商品のご紹介*/ #newProduct.netisProduct .headlineParticles { background: url(/newproducts/images/title_netis_products_sp.jpg) no-repeat; background-size: 100% auto; } #newProduct.netisProduct .headlineParticles .Particles {display: none;} /*商品名*/ #newProduct .newProductMainTitle { width: 100%; margin-bottom: 20px; padding: 10px 0 0 0; border-radius: 0; } #newProduct .newProductMainTitle:after { display: none; } #newProduct .newProductMainTitle .subTitle { margin-bottom: 1px; font-size: 14px; } #newProduct .newProductMainTitle h1 { background: url(/tillformation/images/icon_product.png) left 10px center no-repeat; font-size: 21px; background-size: 27px auto; padding-left: 45px; } #newProduct .newProductMainTitle h1.noSub { min-height: 30px; line-height: 26px; } #newProduct .newProductMainTitle .newProductMainNetis { width: 100%; padding: 1px 0 1px 10px; font-size: 12px; letter-spacing: 1px; box-sizing: border-box; } #newProduct .newProductMainTitle .newProductMainNetis:after { display: none; } #newProduct .newProductMainTitle h1.noSub {padding: 5px 0 5px 45px; } #newProduct .newProductMainTitle.NetisHide h1 { padding: 0 0 0 45px; } /*商品紹介*/ #newProduct .newProductMain { position: relative; padding: 0 10px 30px 10px; margin-bottom: 20px; } #newProduct .newProductMain:after { content: ""; background: #e1e1e1; height: 2px; width: 94%; left: 3%; bottom: -1px; display: block; position: absolute; } #newProduct .newProductMain .HeadlineUnderLine { text-align: left; } #newProduct .newProductMain .HeadlineUnderLine p { font-size: 19px; } #newProduct .newProductMain .HeadlineUnderLine br { display: none; } #newProduct .newProductMain .newProductMainInner .newProductMainTxt { width: auto; margin-top: 0; margin-left: 0; float: none; } #newProduct .newProductMain .newProductMainInner .newProductMainTxt p { line-height: 1.4; font-size: 13px; } #newProduct .newProductMain .newProductMainInner .newProductMainTxt strong { font-size: 17px; } #newProduct .newProductMain .newProductMain_normalTxt { width: 100%; } #newProduct .newProductMain .newProductMain_normalTxt aside { text-align: left; margin-top: 10px; font-size: 14px; } #newProduct .newProductImgTxt { width: 100%; margin: 20px auto 0 auto; } #newProduct .newProductImgTxt ul li { display: block; border: 1px solid gainsboro; padding: 15px 10px; background: #f4f9ff; } #newProduct .newProductImgTxt ul li p, #newProduct .newProductImgTxt ul li .imgBox { display: block; vertical-align: bottom; } #newProduct .newProductImgTxt ul li .imgBox { width: 200px; margin: 0 auto; padding: 5px; box-shadow: 0 0 2px #b1b1b1; } #newProduct .newProductImgTxt ul li .imgBox img { width: 100%; } #newProduct .newProductImgTxt ul li p { margin-top: 5px; padding-left: 0; } #newProduct .newProductImgTxt ul li:not(:first-child) { margin: 15px 0 0 0; } #newProduct .newProductImgTxt p { font-size: 14px; line-height: 1.6; } #newProduct .newProductImgTxt p strong { font-size: 19px; } /*お問い合わせ*/ #newProduct a.newProductContactBtn { width: 100%; margin: 20px auto 0 auto; } #newProduct a.newProductContactBtn div { padding: 15px 0 20px 0; font-size: 20px; } #newProduct a.newProductContactBtn div:before { display: none; } #newProduct a.newProductContactBtn div span { font-size: 13px; margin-bottom: 5px; display: block; } /*システム構成*/ #newProduct .newProductSystem { margin-bottom: 20px; padding-bottom: 25px; position: relative; } #newProduct .newProductSystem:after { content: ""; background: #e1e1e1; height: 2px; width: 94%; left: 3%; bottom: -1px; display: block; position: absolute; } #newProduct.tillformation .newProductSystem .newProductSystemImg { margin: 10px 0 0 0; } #newProduct .newProductSystem .newProductSystemImg {width: 100%; } /*おすすめポイント*/ #newProduct .newProductPoint { margin-bottom: 20px; padding-bottom: 20px; } #newProduct .newProductPoint:after { width: 94%; left: 3%; bottom: -1px; } #newProduct .newProductPoint .newProductPointChild { margin-top: 10px; } #newProduct .newProductPoint .newProductPointChild:before { display: none; } #newProduct .newProductPoint .newProductPointChild ul { margin-left: 0 !important; } #newProduct .newProductPoint .newProductPointChild ul li { vertical-align: middle; width: 20%; } #newProduct .newProductPoint .newProductPointChild ul li img { margin-top: 4px; } #newProduct .newProductPoint .newProductPointChild ul li + li { width: 75%; margin-left: 0; padding-top: 0; float: right; } #newProduct .newProductPoint .newProductPointChild ul li + li .headline { margin-bottom: 5px; } #newProduct .newProductPoint .newProductPointChild ul li + li .headline .point { font-size: 15px; margin-right: 3px; } #newProduct .newProductPoint .newProductPointChild ul li + li .headline .num { font-size: 19px; margin-right: 0; } #newProduct .newProductPoint .newProductPointChild ul li + li .headline .num:after { content: ""; display: block; } #newProduct .newProductPoint .newProductPointChild ul li + li .headline strong { font-size: 18px; letter-spacing: 1px; display: inline; line-height: 1.2; margin-bottom: 5px; } #newProduct .newProductPoint .newProductPointChild ul li + li .txt { font-size: 13px; } #newProduct .newProductPoint .newProductPointChild ul li + li .txt br { display: none; } /*スペック*/ #newProduct .newProductSpec { width: 100%; margin: 20px auto 50px auto; padding: 0 10px; } #newProduct .newProductSpec dl { border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; box-sizing: border-box;} #newProduct .newProductSpec dl dt,#newProduct .newProductSpec dl dd { display:block; width:100%; } #newProduct .newProductSpec dl dt { width:auto; } #newProduct .newProductSpec .tableinner:before {display:none;} #newProduct .newProductSpec .tableinner dt {padding-left:15px;} #newProduct .newProductSpec .newProductSpecInner { border-bottom: 1px #cccccc solid; } /*------------------- 　チルフォメーション ---------------------*/ #newProduct.tillformation .newProductMainTitle h1 { font-size: 25px; background: url(/tillformation/images/icon_product.png) left 10px center no-repeat; background-size: 25px auto; padding-left: 45px; } #newProduct.tillformation .newProductFirstArea { padding: 10px; } #newProduct.tillformation .newProductFirstArea .txt { font-size: 17px; font-weight: bold; } #newProduct.tillformation .newProductFirstArea .Img01 { position: static; margin-top: 20px; max-width: 220.5px; } #newProduct.tillformation .newProductMain:after { display: block; } #newProduct.tillformation .newProductMain .newProductMainInner .newProductMainImg { float: none; margin: 0 auto 10px auto; width: 70%; height: auto; } #newProduct.tillformation .newProductSystem:after { display: block; } #newProduct.tillformation .newProductPersonalSection01 .mapAreaWrap { margin-bottom: 30px; margin-bottom: 30px; padding-bottom: 30px; } #newProduct .newProductPersonalSection01 .mapAreaWrap:after { content: ""; background: #e1e1e1; height: 2px; width: 100%; left: 0; bottom: -1px; display: block; position: absolute; } #newProduct.tillformation .newProductPersonalSection01 .mapAreaWrap .mainTxt { width: 100%; position: static; bottom: 0; left: 0; padding: 0; background: none; font-size: 13px; font-weight: 500; text-align: left; line-height: 1.4; } #newProduct.tillformation .newProductPersonalSection01 .mapAreaWrap .mainTxt span { margin-bottom: 6px; text-align: center; display: block; } #newProduct.tillformation .newProductPersonalSection01 .mapAreaWrap .mainTxt span strong { font-size: 15px; } #newProduct.tillformation .newProductPersonalSection01 .mapAreaWrap .mainTxt .mainTxtOrange{ font-size: 14px; font-weight: bold; } #newProduct.tillformation .newProductPersonalSection01 .mapAreaWrap .mainTxt .mainTxtBlue { font-size: 14px; font-weight: bold; } #newProduct.tillformation .newProductPersonalSection01 .mapAreaWrap .mainTxt br { display: none; }