@charset "UTF-8";
@media screen and (max-width:640px){

	/*--------------------------------------------------------------------
		共通
	--------------------------------------------------------------------*/
	#laresiaContents .tabletNone { display: block; }
	#laresiaContents .spOnly { display: block; }
	
	#laresiaContents .contentsOuter { width: 90%; }
	#laresiaContents .contentsSection { padding: 50px 0; background: #f6f4f0 url("../images/common_bg_sp.gif") repeat-x center bottom; }
	
	/* title */
	#laresiaContents h2.pagesTitle { font-size: 138%; padding-top: 30px; }
	#laresiaContents h3 { font-size: 154%; color: #333333; text-align: center; background: url("../images/title_bg_sp.gif") no-repeat center bottom / 100% 3px; }
	
	/* ol */
	#laresiaContents ol { font-size: 107%; }
	#laresiaContents ol li { margin-top: 10px; }
	#laresiaContents ol li:first-child { margin: 0; }
	
	/* jumpList */
	#laresiaContents ul.jumpList { margin-top: 20px; }
	#laresiaContents ul.jumpList li { width: 100%; float: none; margin: 10px 0 0; }
	#laresiaContents ul.jumpList li:first-child { margin-top: 0; }
	#laresiaContents ul.jumpList li:nth-child(3n+1),
	#laresiaContents ul.jumpList li:nth-child(n+4),
	#laresiaContents ul.jumpList li:nth-child(2n+1),
	#laresiaContents ul.jumpList li:nth-child(n+3) { margin: 10px 0 0; }
	
	/* linkList */
	#laresiaContents ul.linkList { width: 90%; padding: 30px 0; }
	#laresiaContents ul.linkList li { float: none; width: 100%; margin: 10px 0 0; font-size: 108%; }
	#laresiaContents ul.linkList li:first-child { margin-top: 0; }
	
	/* catalogOuter */
	#laresiaContents #catalogOuter .catalogBnArea { width:100%; margin:0 auto; }
	
	#laresiaContents #catalogOuter #catalogWrap { margin-top: 20px; padding: 20px 0; }
	#laresiaContents #catalogOuter #catalogWrap #productsCatalog { width: 90%; margin: 0 auto; }
	#laresiaContents #catalogOuter #catalogWrap #productsCatalog h3 { width: 33%; }
	#laresiaContents #catalogOuter #catalogWrap #productsCatalog p { display: block; margin-left: 2%; width: 65%; }
	#laresiaContents #catalogOuter #catalogWrap #productsCatalog ul { float: none; clear: both; margin: 0; margin-right: 0px; padding-top: 10px; width: 100%; }

	#laresiaContents #catalogOuter #catalogWrap #productsCatalog2 { width:90%; }
	#laresiaContents #catalogOuter #productsCatalog2 h3 { margin-left:4px; }
	#laresiaContents #catalogOuter #catalogWrap #productsCatalog2 ul { margin-top:10px; }
	
	/*--------------------------------------------------------------------
		扉ページ
	--------------------------------------------------------------------*/
	#laresiaContents #indexWrap .mvSection { background: url("../images/mv_bg_sp.gif") repeat-x center bottom /100% 100%; text-align: center; margin-bottom: 7vw; }
	#laresiaContents #indexWrap .mvSection h2 { width: 90%; }
	
	#laresiaContents #indexWrap .mvSection .mvBtnArea { top:55vw; left:calc(50% + 5.5vw); }

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


	/* placeSection */
	#laresiaContents #indexWrap #placeSection ul { margin-top: 25px; }
	#laresiaContents #indexWrap #placeSection ul li { float: none; margin: 20px 0 0; width: 100%; }
	#laresiaContents #indexWrap #placeSection ul li:first-child { margin-top: 0; }
	#laresiaContents #indexWrap #placeSection ul li h4 { font-size: 123%; }

	/* methodSection */
	#laresiaContents #indexWrap #methodSection .listArea { float: none; width: 100%; margin-top: 25px; }
	#laresiaContents #indexWrap #methodSection .listArea + .listArea { float: none; }
	#laresiaContents #indexWrap #methodSection .listArea h4 { font-size: 138%; }
	#laresiaContents #indexWrap #methodSection .listArea ul li { margin-top: 10px; padding-top: 15px; background-size: 20px; }
	#laresiaContents #indexWrap #methodSection .listArea ul li p + p { font-size: 123%; }
	#laresiaContents #indexWrap #methodSection p#methodAttention { margin-top: 35px; font-size: 85%; }
	
	/* functionSection */
	#laresiaContents #indexWrap #functionSection ul { margin-top: 10px; }
	#laresiaContents #indexWrap #functionSection ul li { float: none; width: 100%; margin: 20px 0 0; }
	#laresiaContents #indexWrap #functionSection ul li h4 { font-size: 123%; margin-top: 10px; }
	#laresiaContents #indexWrap #functionSection ul li h4 + p { margin-top: 5px; }
	
	/*--------------------------------------------------------------------
		LaresIA ON スマートフォンアプリ ダウンロード
	--------------------------------------------------------------------*/
	#laresiaContents #appWrap .mvSection img { width: 100%; }
	#laresiaContents #appWrap .mvSection > div { bottom: auto; right: auto; background: url("../images/app_mv_bg_sp.png") no-repeat left top / 88%; }	
	#laresiaContents #appWrap .mvSection .contentsOuter { height: auto; }
	#laresiaContents #appWrap .mvSection .contentsOuter > p { display: none; }
	#laresiaContents #appWrap .mvSection .contentsOuter div { position: static; margin-top: 25px; }
	#laresiaContents #appWrap .mvSection .contentsOuter div p { margin: 25px 0 0; font-size: 100%; }
	#laresiaContents #appWrap .mvSection .contentsOuter div ul { margin: 25px 0 0; }
	#laresiaContents #appWrap .mvSection .contentsOuter div ul li { float: left; width: 48%; margin-left: 4%; }
	#laresiaContents #appWrap .mvSection .contentsOuter div ul li:first-child { margin: 0; }
	#laresiaContents #appWrap .mvSection .contentsOuter div ul + p { margin: 15px auto 0; }

	#laresiaContents #appWrap .contentsSection ul { margin-top: 25px; }
	#laresiaContents #appWrap .contentsSection ul li { margin-top: 30px; padding: 30px; }
	#laresiaContents #appWrap .contentsSection ul li:first-child { margin-top: 0; }
	#laresiaContents #appWrap .contentsSection ul li h4 { margin-top: 0; color: #695d49; font-size: 123%; }
	#laresiaContents #appWrap .contentsSection ul li p { font-size: 100%; }

	#laresiaContents #appWrap .contentsSection dl { margin-top: 25px; }

	/*--------------------------------------------------------------------
		取り付け関連資料
	--------------------------------------------------------------------*/
	#laresiaContents #docWrap .contentsSection p { font-size: 100%; }
	#laresiaContents #docWrap .contentsSection p.docImg { margin-top: 25px; }
	#laresiaContents #docWrap .contentsSection p.docImg img { width: 100%; }
	#laresiaContents #docWrap .contentsSection h4.arrowTitle { font-size: 123%; }	
	#laresiaContents #docWrap .contentsSection h5 { margin-top: 30px; }
	#laresiaContents #docWrap .contentsSection h4 + h5 { margin-top: 10px; }
	
	/* LX、TXタイプ製品一覧表 */
	#laresiaContents #docWrap #listSection .contentsOuter div { width: 100%; margin: 25px auto 0; }
	
	/* シルスペーサーについて（TXタイプの場合のみ） */
	#laresiaContents #docWrap #shimSpacerSection #shimSpacerArea { width: 100%; margin: 0 auto; display: block; }
	#laresiaContents #docWrap #shimSpacerSection #shimSpacerArea div { width: 100%; margin-top: 30px; }

	/* 扉厚調整用のスペーサーについて */
	#laresiaContents #docWrap #spacerSection .contentsOuter div { width: 100%; margin: 25px auto 0; }
	#laresiaContents #docWrap #spacerSection .contentsOuter div.spScroll { margin: 10px auto 0; }
	#laresiaContents #docWrap #spacerSection .contentsOuter div.spScroll table { margin-top: 0; }
	
	/* ID-Keyを紛失した、もしくは暗証番号を忘れたときは */
	#laresiaContents #docWrap #reminderSection .contentsOuter > div { width: 100%; margin: 25px auto 0; }
	#laresiaContents #docWrap #reminderSection .cf { margin-top: 5px; }
	#laresiaContents #docWrap #reminderSection ol { float: none; }
	#laresiaContents #docWrap #reminderSection ol.noNumberList li { padding-left: 0; }
	#laresiaContents #docWrap #reminderSection dl { float: none; margin-top: 15px; padding: 10px; font-size: 108%; width: 100%; box-sizing: border-box; }	
	
	/* 施解錠ログを残したまま電池交換を行う方法（入室管理モードの管理者のみ） */
	#laresiaContents #docWrap #managementSection .contentsOuter div { width: 100%; margin: 25px auto 0; }
	#laresiaContents #docWrap #managementSection ol li { margin-top: 30px; }

	/* 2ロックセットでの上下設定の切り替えについて（2ロックセットの場合のみ） */
	#laresiaContents #docWrap #twoLockSection .contentsOuter div { width: 100%; margin: 25px auto 0; }
	#laresiaContents #docWrap #twoLockSection ol + h4 { margin-top: 30px; }
	
	/*--------------------------------------------------------------------
		LaresIA よくいただくご質問
	--------------------------------------------------------------------*/
	#laresiaContents #faqWrap dl dt { margin-top: 30px; font-size: 123%; padding-left: 0; background: url("../images/faq_plus.gif") no-repeat left top; }
	#laresiaContents #faqWrap dl dt span { position: static; display: block; padding: 0 0 10px 40px; }
	#laresiaContents #faqWrap dl dd { padding-left: 0; }
	
}