@charset "utf-8";

/* -------------------------------------------------------------------

	（お問い合わせフォーム）エレメント定義を行うCSS
	ニューさがみや用

	最終更新：　2020年1月8日

	■CSS書き順■
	 * display / list-style
	 * position / float / clear / z-index
	 * width / height / margin / padding / border
	 * background
	 * color / 
	   font (font-family / font-style / font-variant / font-weight / font-size / line-height)
	   text-decoration / text-align / vertical-align /letter-spacing / white-space / (other text)
	 * content
	 * cursor

------------------------------------------------------------------- */

#wrap{background:url(/common-contact/img/atami-sagamiya/body-background.png) center top repeat-x; border-top:#0f2350 solid 2px;}

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

	ヘッダーエリア定義

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

#main h1,
#main header p.parts-h1-merit{border-left:6px solid #0f2350;}

#outer-header{border-bottom:#01336b solid 1px;}
#header { width:960px; margin:0 auto; padding:11px 0 1px; }
	#header p.header-text { margin:0 0 0 2px; padding: 0; font-size:12px; font-size:1.2rem; }
	#header #header-logo { margin:5px 0 0; }


/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

	フッターエリア定義

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

#footer{ clear:both; width:100%; }
	
	/* ユーティリティ */
	#footer #outer-footer-utility { background-color: #0f2350; }
		#footer #outer-footer-utility #footer-utility { width:960px; margin:0 auto; padding:0;}
			#footer #outer-footer-utility #footer-utility ul { margin:0; padding:0;}
				#footer #outer-footer-utility #footer-utility ul li { margin:1em 0 0; padding:0 17px 0 0; list-style:none; float:left; }
					#footer #outer-footer-utility #footer-utility ul li a       { font-size:12px; font-size:1.2rem; line-height:1.5em; color:#fff; text-decoration:none;}
					#footer #outer-footer-utility #footer-utility ul li a.icons-blank-white{ display:inline-block; padding-left:16px; background:url(/common-contact/img/atami-sagamiya/icons-blank-white.png) no-repeat 2px 0.5em;}
					#footer #outer-footer-utility #footer-utility ul li a:hover { color:#fff; text-decoration:underline;}


	/* コピーライト */
		#footer #copyright {
			width:960px; margin:0 auto;}
			#footer #copyright p {
				color:#fff; margin:0; padding:1em 0 10px 0;
				font-size:12px; font-size:1.2rem; line-height:1.5em;}

/* ページトップ */
#pagetop {
	clear:both; position:relative;
	width:960px; margin:0 auto; z-index:100; }
	#pagetop a {
		display:block;
		position:fixed; bottom:10px;
		width:44px; height:44px;
		margin:0 0 0 916px; }
	#pagetop a.footer-fixed { position:absolute; top:-181px; bottom:0; }


/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

	コンテンツヘッダー（色などが変わるため、共通化しない）
	
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

#main header p.text-title-lead { margin:1em 0 0; font-size:16px; font-size:1.6rem; line-height:1.7em; }

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

	タブレット対応

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

@media screen and (max-device-width:959px) and (min-device-width:600px) and (orientation:portrait){
	/* グローバルエリア */
	#wrap { min-width:730px; }
	#main-container { width:700px; padding: 20px 0 10px 0; }
	#main { float:none; margin:0 auto; padding:0 0 20px 0; }
	
	/* ヘッダーロゴ */
	#header{ width:700px; padding:10px 0 0;}
	#header #header-logo { width:155px; margin:0; padding:0; }

	#side { float:none; width:700px; padding-bottom:40px; margin-top:0; }
		#side:after{content:""; display:block; clear:both;}

	/* ユーティリティ */
	#footer #outer-footer-utility #footer-utility { width:690px; padding:0; }
		#footer #outer-footer-utility #footer-utility ul li { padding:0 10px 0 0;}
		#footer #outer-footer-utility #footer-utility p { right:10px; }

	/* コピーライト */
	#footer #copyright { width:690px; padding:0;}

	/* ページトップ */
	#pagetop { width:710px; }
		#pagetop a { margin:0 0 0 666px; }
		#pagetop a.footer-fixed { top:-250px; }

/* side */
#side .area-contact{
	float:left;
	width:218px;
	margin:0; padding:10px;
	border:1px solid #cfcdce; border-radius:5px;
	background-color:#faf6f5; }

	#side .area-contact .comment{ float:right; width:200px;}

	.conversion-outer{ float:left; width:216px;}
	#side .area-contact .area-contact-info .conversion{ }
	#side .area-contact .area-contact-info .conversion .contact-tel-office{ display:none;}
#side .area-contact .area-contact-info .conversion .conversion-tel .contact-tel-text{ margin-top:0; text-align:left;}
	#side .area-contact .area-contact-info .conversion .conversion-tel .contact-tel-number{ margin-top:0; text-align:left;font-size:29px; font-size:2.9rem; line-height:1.2em;}

	#side #privacy-detail{ margin-top:0; float:none; width:225px;}
	#side .area-contact + #privacy-detail{margin-top:0; float:right; width:225px;} 
		
}