@charset "utf-8";



/* ==========================================
 
 
サイト全体
 
 
========================================== */

/* サイト全体の背景とテキスト色 */

body {
	color: #333333;
	background: #fdf8f4;
}

/* デフォルトのリンク色 */

a:link { color: #497a76; text-decoration: none; }
a:visited { color: #497a76; text-decoration: none; }
a:hover { color: #497a76; text-decoration: underline; }


/* 左右カラムの背景色 */

#main_wrapper #left_column { background: #fdf8f4; }
#main_wrapper #right_column { background: #ffffff; }



/* ==========================================
 
 
ヘッダ・メインビジュアル
 
 
========================================== */


/* #site_discriptionの帯色 */

#header #site_description,
#header #site_description h1 { 
	background: #deb887;
}

/* #site_discriptionの文字色 */

#header #site_description h1 {
	color : #ffffff; 
}

#header #site_description h1 a:link { color: #ffffff; }
#header #site_description h1 a:visited { color: #ffffff; }
#header #site_description h1 a:hover { color: #ffffff; }

/* #site_titleの背景色・画像設定 */

#header #site_title_wrapper,
#header #site_title_wrapper #site_title {
	background: #ffffff;
}

/* ---- PC表示 ---- */
@media screen and (min-width:768px) {

	/* #site_title要素の配置設定 */
	
	#header #site_title_wrapper #site_title .left .logo { padding: 0 0 10px 0; }
	#header #site_title_wrapper #site_title .left .add { padding: 1em 0 1em 0; }
	#header #site_title_wrapper #site_title .right .tel { padding: 10px 0 10px 0; }
	#header #site_title_wrapper #site_title .right .time { padding: 10px 0 10px 0; }
		
	/* #メインビジュアルの背景設定 */
		
	#main_visual_pc {
		background: url("/res/images/common/mv_bg.png") repeat-x;
	}
	
} /* ---- media screen and (min-width:751px) ---- */



/* ==========================================
 
 
グローバルナビ
 
 
========================================== */

/* ---- スマホ表示 ---- */
@media screen and (max-width:767px) {
	
	/* グローバルナビのフォントサイズ */
	#global_nav ul a {
		font-size: 1.6rem;
	}
	
	/* グローバルナビの文字色 */
	#global_nav ul a:link { color: #333333; }
	#global_nav ul a:visited { color: #333333; }
	#global_nav ul a:hover { color: #333333; }

} /* ---- スマホ表示 END ---- */


/* ---- PC表示 ---- */
@media screen and (min-width:768px) {
	
	/* グローバルナビのフォントサイズ */
	#global_nav nav ul li {
	    font-size: 1.6rem;    
	}
	
	/* グローバルナビの文字色 */
	#global_nav nav ul a:link { color: #ffffff; }
	#global_nav nav ul a:visited { color: #ffffff; }
	#global_nav nav ul a:hover { color: #ca813a; }
	
} /* ---- PC表示 END ---- */



/* ==========================================
 
 
サイドメニュー
 
 
========================================== */


/* モバイル用メニュー見出しの文字サイズと背景色 */
#mobile_side_menu h3 {
	font-size: 1.2em;
	background: #444444;
}

/* モバイル用メニュー項目の文字サイズ */
#mobile_side_menu ul li a {
	font-size: 1.2em; /* カスタムCSSで上書き */
}


/* ---- PC表示 ---- */
@media screen and (min-width:768px) {
	
	/* サイドメニュー見出し設定 */
	#sidebar h3 {
		color: #333333;
		height: 40px;
        line-height: 40px;
		margin: 0 0 10px 0;
	}
	
	
	/* サイドメニュー項目設定 */
    #sidebar ul li a {
        height: 30px;
        line-height: 30px;
        margin: 0 0 3px 0;
        padding: 0 0 0 20px;
    }
		    
		#sidebar ul li a:link { color: #333333; }
		#sidebar ul li a:visited { color: #333333; }
		#sidebar ul li a:hover { color: #ca894a; }
    
} /* ---- PC表示 END ---- */



/* ==========================================
 
 
フッタ
 
 
========================================== */


/* フッタの帯色・文字色 */

#footer #footer_license, 
#footer #footer_license .license {
	color: #ffffff;
	background: #deb887;
}
	
	#footer #footer_license .license a:link { color: #ffffff; }
	#footer #footer_license .license a:visited { color: #ffffff; }
	#footer #footer_license .license a:hover { color: #ffffff; }


/* ==========================================
 
 
モバイルフッタメニュー
 
 
========================================== */


/* ---- スマホ表示 ---- */
@media screen and (max-width:767px) {
	
	/* モバイルフッタメニューの背景・文字色・ボーダーカラー */
	
	#mobile_footer_menu {
		background: #ffffff;
		border-top: solid 1px #eeeeee;
	}
	
	#mobile_footer_menu ul a {
		color: #333333;
		border-right: solid 1px #eeeeee;
	}
			
	#mobile_footer_menu ul a:link { color: #333333; }
	#mobile_footer_menu ul a:visited { color: #333333; }
	#mobile_footer_menu ul a:hover { color: #333333; }
		

} /* ---- スマホ表示 END ---- */




/* ==========================================
 
 
コンテンツ
 
 
========================================== */