@charset "UTF-8";

/*--------------------------------------------------------------------
	共通
--------------------------------------------------------------------*/
#laresiaContents { padding-bottom: 40px; }
#laresiaContents img { width: 100%; }
#laresiaContents a:hover { opacity: 0.7; }
#laresiaContents .spOnly { display: none; }
#laresiaContents ul#breadcrumbs { margin-top: 5px; margin-bottom: 0; }
#laresiaContents .mvSection { background: url("../images/mv_bg_pc.gif") no-repeat center top; background-size: 100% 100%; }
#laresiaContents .contentsSection { padding: 100px 0; background: #f6f4f0 url("../images/common_bg_pc.gif") repeat-x center bottom; }
#laresiaContents .contentsOuter { max-width: 980px; margin: 0 auto; }

/* title */
#laresiaContents h2.pagesTitle { font-size: 269%; text-align: center; padding-top: 70px; }
#laresiaContents h2.pagesTitle span { font-size: 31%; display: block; color: #b4a68f; margin-top: 5px; }
#laresiaContents h3 { font-size: 200%; color: #333333; text-align: center; background: url("../images/title_bg_pc.gif") no-repeat center bottom; padding-bottom: 15px; line-height: 1.5em; }

/* ul */
#laresiaContents ul { margin: 0; padding: 0; }
#laresiaContents ul li { list-style: none; }

/* ol */
#laresiaContents ol { margin: 0; padding: 0; font-size: 115%; }
#laresiaContents ol li { list-style: none; position: relative; padding-left: 2.5em; margin-top: 20px; line-height: 1.6em; }
#laresiaContents ol li:first-child { margin: 0; }
#laresiaContents ol li span { position: absolute; left: 5px; }

/* jumpList */
#laresiaContents #jumpListSection { padding: 0 0 60px; background:#f6f4f0; }

#laresiaContents ul.jumpList { margin-top: 40px; overflow: hidden; }
#laresiaContents ul.jumpList li { width: 312px; float: left; margin-left: 19px; border: solid 1px #cbcbcb; }
#laresiaContents ul.jumpList li:nth-child(3n+1) { margin-left: 0; }
#laresiaContents ul.jumpList li:nth-child(n+4) { margin-top: 20px; }
#laresiaContents ul.jumpList li a { display: block; padding: 20px 10px; text-align: center; text-decoration: none; }
#laresiaContents ul.jumpList li.twoLine a { padding: 10px; }
#laresiaContents ul.jumpList li a span { display: block; background: url("../images/list_arrow.gif") no-repeat right center; line-height: 1.4em; }
#laresiaContents ul.jumpList.modalLink li a span { display: block; background: url("../images/list_arrow02.gif") no-repeat right center; line-height: 1.4em; }
#laresiaContents ul.jumpList.pdfList li { background:#e9f1f5; }

#laresiaContents ul.jumpList li span.noLink { display: block; padding: 20px 10px; text-align: center; text-decoration: none; }

/* linkList */
#laresiaContents ul.linkList { padding: 40px 0; width: 580px; margin: 0 auto; overflow: hidden; }
#laresiaContents ul.linkList li { width: 180px; float: left; margin-left: 20px; }
#laresiaContents ul.linkList li:first-child { margin-left: 0; }
#laresiaContents ul.linkList li a { display: block; background: #838383; color: #ffffff; padding: 4px; text-align: center; text-decoration: none; } 
#laresiaContents ul.linkList li a span { display: block; padding: 6px 0; background: url("../images/list_bg.gif") no-repeat right bottom; line-height: 1.4em; }

/* catalogOuter */
#laresiaContents #catalogOuter .catalogBnArea { width:980px; margin:0 auto; }

#laresiaContents #catalogOuter { background: #f6f4f0; }
#laresiaContents #catalogOuter #catalogWrap { position: static; padding: 40px 0; }
#laresiaContents #catalogOuter #productsCatalog h3 { background: none; padding: 0; }
#laresiaContents #catalogOuter #catalogWrap #productsCatalog { margin: 0; }
#laresiaContents #catalogOuter #catalogWrap #productsCatalog ul { margin-top: 15px; margin-right: 25px; }
#laresiaContents #catalogOuter #productsCatalog2 h3 { background: none; padding:0; }
#laresiaContents #catalogOuter #catalogWrap #productsCatalog2 ul { margin-top:5px; }

@media screen and (max-width:979px){
	#laresiaContents #catalogOuter .catalogBnArea { width:96%; margin:0 auto; }
	#laresiaContents #catalogOuter #productsCatalog { padding-bottom:15px; }
	#laresiaContents #catalogOuter #productsCatalog2 { padding-bottom:15px; }
}

/*--------------------------------------------------------------------
	扉ページ
--------------------------------------------------------------------*/
#laresiaContents #indexWrap .mvSection { text-align: center; position:relative; }
#laresiaContents #indexWrap .mvSection h2 { max-width: 980px; margin: 0 auto; }

#laresiaContents #indexWrap .mvSection .mvBtnArea { position: absolute; display: flex; align-items: flex-end; top:65%; left:calc(50% + 126px); transform:translateX(-53%); -webkit-transform:translateX(-53%); -ms-transform:translateX(-53%); }
#laresiaContents #indexWrap .mvSection .mvBtnArea > p { width: 112px;}

#laresiaContents #indexWrap .mvSection .mvBtnArea .mvBtnBox p { font-size: 100%; width: 200px; margin: 8px 10px 0; }
#laresiaContents #indexWrap .mvSection .mvBtnArea .mvBtnBox p a { display: block; background: #838383; color: #ffffff; padding: 4px; text-align: center; text-decoration: none; } 
#laresiaContents #indexWrap .mvSection .mvBtnArea .mvBtnBox p a span { display: block; padding: 6px 0; background: url("../images/list_bg.gif") no-repeat right bottom; line-height: 1.4em; }

#laresiaContents #indexWrap #iframeSection { max-width: 750px; width: 90%; margin: 0 auto 40px; }
#laresiaContents #indexWrap #iframeSection .iframeOuter { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; width: 100%; }
#laresiaContents #indexWrap #iframeSection .iframeOuter iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#fancybox-content { max-width:747px !important; }

#loadSection { display: none; }

/* placeSection */
#laresiaContents #indexWrap #placeSection ul { margin-top: 50px; }
#laresiaContents #indexWrap #placeSection ul li { float: left; margin-left: 5%; width: 30%; }
#laresiaContents #indexWrap #placeSection ul li:first-child { margin-left: 0; }
#laresiaContents #indexWrap #placeSection ul li h4 { font-size: 138%; color: #695d49; margin-top: 15px; }
#laresiaContents #indexWrap #placeSection ul li .sceneArea { margin-top: 10px; }
#laresiaContents #indexWrap #placeSection ul li .sceneArea p.sceneTxt { float: left; background: url("../images/top_place_scene_bg.png") no-repeat right top; padding: 11px 10px; width: 70px; color: #ffffff; }
#laresiaContents #indexWrap #placeSection ul li .sceneArea p + p { color: #333333; font-size: 115%; line-height: 1.4em; padding-left: 95px; }
#laresiaContents #indexWrap #placeSection ul li:first-child .sceneArea p + p { line-height: 2.8em; }
#laresiaContents #indexWrap #placeSection ul li p.explanatoryTxt { font-size: 108%; margin-top: 15px; line-height: 1.8em; }

/* methodSection */
#laresiaContents #indexWrap #methodSection .listArea { float: left; width: 48%; margin-top: 50px; }
#laresiaContents #indexWrap #methodSection .listArea + .listArea { float: right; }
#laresiaContents #indexWrap #methodSection .listArea h4 { font-size: 154%; color: #ffffff; background: #b4a68f; text-align: center; padding: 5px 0; font-weight: normal; }
#laresiaContents #indexWrap #methodSection .listArea ul { margin-top: 20px; }
#laresiaContents #indexWrap #methodSection .listArea ul li { margin-top: 20px; padding-top: 30px; background: url("../images/top_method_bg.gif") no-repeat center top; }
#laresiaContents #indexWrap #methodSection .listArea ul li:first-child { margin-top: 0; padding-top: 0; background: none; }
#laresiaContents #indexWrap #methodSection .listArea ul li p + p { font-size: 138%; color: #695d49; margin-top: 10px; font-weight: bold; }
#laresiaContents #indexWrap #methodSection p#methodAttention { margin-top: 70px; font-size: 108%; }

/* functionSection */
#laresiaContents #indexWrap #functionSection ul { margin-top: 20px; }
#laresiaContents #indexWrap #functionSection ul li { margin-top: 50px; margin-left: 4%; float: left; width: 48%; }
#laresiaContents #indexWrap #functionSection ul li:nth-child(2n+1) { margin-left: 0; }
#laresiaContents #indexWrap #functionSection ul li h4 { font-size: 138%; color: #695d49; margin-top: 15px; font-weight: bold; }
#laresiaContents #indexWrap #functionSection ul li h4 + p { margin-top: 10px; font-size: 108%; line-height: 1.8em; }

/*--------------------------------------------------------------------
	LaresIA ON スマートフォンアプリ ダウンロード
--------------------------------------------------------------------*/
#laresiaContents #appWrap .mvSection img { width: auto; }
#laresiaContents #appWrap .mvSection > div { background: url("../images/app_mv_bg_pc.jpg") no-repeat center bottom; padding-bottom: 30px; }
#laresiaContents #appWrap .mvSection .contentsOuter { position: relative; height: 678px; }
#laresiaContents #appWrap .mvSection .contentsOuter > p { position: absolute; bottom: 40px; left: 0; right: 0; text-align: center; width: auto; }
#laresiaContents #appWrap .mvSection .contentsOuter div { position: absolute; bottom: 65px; right: 0; }
#laresiaContents #appWrap .mvSection .contentsOuter div p { margin-bottom: 20px; font-size: 108%; line-height: 1.8em; }
#laresiaContents #appWrap .mvSection .contentsOuter div ul { margin-bottom: 20px; overflow: hidden; }
#laresiaContents #appWrap .mvSection .contentsOuter div ul li { float: left; margin-left: 15px; }
#laresiaContents #appWrap .mvSection .contentsOuter div ul li:first-child { margin: 0; }
#laresiaContents #appWrap .mvSection .contentsOuter div ul + p { font-size: 100%; width: 180px; margin: 0 auto; }
#laresiaContents #appWrap .mvSection .contentsOuter div ul + p a { display: block; background: #838383; color: #ffffff; padding: 4px; text-align: center; text-decoration: none; } 
#laresiaContents #appWrap .mvSection .contentsOuter div ul + p a span { display: block; padding: 6px 0; background: url("../images/list_bg.gif") no-repeat right bottom; line-height: 1.4em; }

#laresiaContents #appWrap .contentsSection { padding: 100px 0 70px; }

#laresiaContents #appWrap .contentsSection ul { margin-top: 50px; }
#laresiaContents #appWrap .contentsSection ul li { margin-top: 60px; padding: 60px 80px 60px; background: #fbfbf9; }
#laresiaContents #appWrap .contentsSection ul li:first-child { margin-top: 0; }
#laresiaContents #appWrap .contentsSection ul li h4 { margin-top: 35px; color: #695d49; font-size: 138%; }
#laresiaContents #appWrap .contentsSection ul li p { margin-top: 10px; font-size: 108%; line-height: 1.8em; }

#laresiaContents #appWrap .contentsSection dl { margin-top: 60px; background: #e9e9e9; padding: 20px; font-size: 108%; }
#laresiaContents #appWrap .contentsSection dl dt { font-weight: bold; }
#laresiaContents #appWrap .contentsSection dl dd { margin-top: 10px; line-height: 1.8em; }

/*--------------------------------------------------------------------
	取り付け関連資料
--------------------------------------------------------------------*/
#laresiaContents #docWrap .contentsSection p { font-size: 108%; text-align: center; line-height: 1.8em; }
#laresiaContents #docWrap .contentsSection h3 + p { margin-top: 20px; }
#laresiaContents #docWrap .contentsSection p.docImg { margin-top: 60px; text-align: center; }
#laresiaContents #docWrap .contentsSection p.docImg img { width: auto; }
#laresiaContents #docWrap .contentsSection h4 { color: #695d49; font-size: 114%; }
#laresiaContents #docWrap .contentsSection h4.arrowTitle { text-align: center; background: url("../images/doc_bg.gif") no-repeat center bottom; color: #ffffff; font-size: 138%; padding-bottom: 13px; }
#laresiaContents #docWrap .contentsSection h4.arrowTitle span { display: block; border-radius: 5px; background: #726b5f; padding: 10px 0; }
#laresiaContents #docWrap .contentsSection h5 { font-size: 138%; line-height: 1.8em; border-bottom: solid 1px #cecbc4; padding-bottom: 10px; margin-top: 50px; }
#laresiaContents #docWrap .contentsSection h4.arrowTitle + h5 { margin-top: 25px; }
#laresiaContents #docWrap .contentsSection h5 span { color: #cf0000; }

#laresiaContents #docWrap .contentsSection .contentsOuter h3 img { width:auto; vertical-align:text-top; margin-right:10px; }

#laresiaContents #docWrap .contentsSection ul.attentionList li { margin-top: 10px; }
#laresiaContents #docWrap .contentsSection table { margin: 10px 0 0; }
#laresiaContents #docWrap .contentsSection table th { background: #e6e3df; border: solid 1px #cbcbcb; }
#laresiaContents #docWrap .contentsSection table td { background: #ffffff; border: solid 1px #cbcbcb; }

/* LX、TXタイプ製品一覧表 */
#laresiaContents #docWrap #listSection .contentsOuter div { width: 540px; margin: 55px auto 0; }

/* シルスペーサーについて（TXタイプの場合のみ） */
#laresiaContents #docWrap #shimSpacerSection #shimSpacerArea { width: 780px; margin: 0 auto; overflow: hidden; }
#laresiaContents #docWrap #shimSpacerSection #shimSpacerArea div { width: 370px; margin-top: 60px; float: left; }
#laresiaContents #docWrap #shimSpacerSection #shimSpacerArea div:nth-child(2) { float: right; }
#laresiaContents #docWrap #shimSpacerSection #shimSpacerArea div:nth-child(3) { margin-top: 30px; }
#laresiaContents #docWrap #shimSpacerSection #shimSpacerArea table th { width: calc(100% / 3); text-align: center; }
#laresiaContents #docWrap #shimSpacerSection #shimSpacerArea table td { text-align: center; }

/* 扉厚調整用のスペーサーについて */
#laresiaContents #docWrap #spacerSection .contentsOuter div { width: 780px; margin: 55px auto 0; }
#laresiaContents #docWrap #spacerSection .contentsOuter div.spScroll { margin: 0; max-width: 100%; overflow-x: scroll; }
#laresiaContents #docWrap #spacerSection table { width: 780px; }
#laresiaContents #docWrap #spacerSection table th,
#laresiaContents #docWrap #spacerSection table td { text-align: center; }
#laresiaContents #docWrap #spacerSection table tr:first-child th:first-child { width: 100px; }
#laresiaContents #docWrap #spacerSection table tr:first-child th:nth-child(2) { width: 300px; }
#laresiaContents #docWrap #spacerSection table tr:first-child th:nth-child(3) { width: 100px; }
#laresiaContents #docWrap #spacerSection table tr:first-child th:nth-child(4) { width: 100px; }
#laresiaContents #docWrap #spacerSection table tr:first-child th:nth-child(5) { width: 100px; }

/* ID-Keyを紛失した、もしくは暗証番号を忘れたときは */
#laresiaContents #docWrap #reminderSection .contentsOuter > div { width: 780px; margin: 55px auto 0; }
#laresiaContents #docWrap #reminderSection .cf { margin-top: 15px; }
#laresiaContents #docWrap #reminderSection ol { float: left; margin-top: 10px; }
#laresiaContents #docWrap #reminderSection ol li a { background: url("../images/link_arrow.gif") no-repeat left center; padding-left: 15px; font-size: 93%; color: #2285c3; text-decoration: underline; }
#laresiaContents #docWrap #reminderSection dl { float: right; padding: 15px 20px; background: #ede9e5; font-size: 108%; line-height: 1.8em; width: 330px; }
#laresiaContents #docWrap #reminderSection dl dt { font-weight: bold; }

/* 施解錠ログを残したまま電池交換を行う方法（入室管理モードの管理者のみ） */
#laresiaContents #docWrap #managementSection .contentsOuter div { width: 780px; margin: 70px auto 0; }
#laresiaContents #docWrap #managementSection ol li { margin-top: 40px; }
#laresiaContents #docWrap #managementSection ol li:first-child { margin-top: 0; }

/* 2ロックセットでの上下設定の切り替えについて（2ロックセットの場合のみ） */
#laresiaContents #docWrap #twoLockSection .contentsOuter div { width: 780px; margin: 70px auto 0; }
#laresiaContents #docWrap #twoLockSection ol { margin-top: 30px; }
#laresiaContents #docWrap #twoLockSection ol + h4 { margin-top: 60px; }

/* 設定関連資料 */
#laresiaContents #docWrap #modalListSection h4 { border-bottom:1px solid #b5a790; font-size:140%; margin:40px 0 0; padding-bottom:10px; }
#laresiaContents #docWrap #modalListSection ul { margin-top:20px; }

/*--------------------------------------------------------------------
	LaresIA よくいただくご質問
--------------------------------------------------------------------*/
#laresiaContents #faqWrap dl dt { cursor: pointer; margin-top: 50px; font-size: 138%; font-weight: bold; padding-left: 90px; padding-bottom: 10px; position: relative; background: url("../images/faq_plus.gif") no-repeat left 5px; line-height: 1.6em; border-bottom: solid 1px #cecbc4; }
#laresiaContents #faqWrap dl dt.open { background-image: url("../images/faq_minus.gif"); }
#laresiaContents #faqWrap dl dt span { position: absolute; left: 40px; top: 0; color: #008dd2; }
#laresiaContents #faqWrap dl dd { padding-left: 90px; line-height: 1.6em; display: none; }
#laresiaContents #faqWrap dl dd h4 { color: #695d49; font-size: 123%; margin-top: 20px; }
#laresiaContents #faqWrap dl dd > p { margin-top: 20px; font-size: 107%; }
#laresiaContents #faqWrap dl dd p a { background: url("../images/link_arrow.gif") no-repeat left center; padding-left: 10px; color: #2285c3; }
#laresiaContents #faqWrap dl dd p a.noArrow { background: none; padding-left: 0; }
#laresiaContents #faqWrap dl dd ol { margin-top: 20px; font-size: 107%; }
#laresiaContents #faqWrap dl dd ol li { margin-top: 10px; font-weight: normal; }
#laresiaContents #faqWrap dl dd .attentionArea { margin-top: 20px; background: #e9e9e9; padding: 20px 25px; }
#laresiaContents #faqWrap dl dd .attentionArea p { font-weight: bold; }
#laresiaContents #faqWrap dl dd .attentionArea ol { margin-top: 10px; }