/*
Theme Name: 高原町観光協会
Author: 高原町観光協会
Description: 高原町観光協会のホームページのstyleです。
*/

/*=================================================================*/
/* 全デバイス共通                                                  */
/*=================================================================*/
	/*	reset
	---------------------------------------------------------------*/
	* { padding: 0px; margin: 0px; }
		
	/*	img
	---------------------------------------------------------------*/
	img { border: none; }
		
	/*	cf
	---------------------------------------------------------------*/
	.cf:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
	.cf { display: inline-block; }
	/* Hides from IE-mac \*/ 
	* html .cf { height: 1%; }
	.cf { display: block; }
	/* End hide from IE-mac */
	
	/*	link
	---------------------------------------------------------------*/
	a:link,
	a:visited,
	a:active {
		color: #5F4633;
		}
		
	a:hover {
		color: #BC8943;
		text-decoration: none;
		}
		
	/*	color
	---------------------------------------------------------------*/
	#wrap .red { color: #E80B74; }
		
	/*	font size
	---------------------------------------------------------------*/
	.small { font-size: 90%; }
	.large { font-size: 125%; }
		
	/*	align
	---------------------------------------------------------------*/
	#contents .center { text-align: center; }
	#contents .left { text-align: left; }
	#contents .right { text-align: right; }
		
	/*	space
	---------------------------------------------------------------*/
	#contents .mb0 { margin-bottom: 0px; }
	#contents .mb10 { margin-bottom: 10px; }
	#contents .mb15 { margin-bottom: 15px; }
	#contents .mb30 { margin-bottom: 30px; }
	#contents .mb50 { margin-bottom: 50px; }
	
	/*	ul
	---------------------------------------------------------------*/
	li { list-style-type: none; }
	
	/*	p
	---------------------------------------------------------------*/
	p { color: #333333; }
	
/*=================================================================*/
body {
	line-height: 160%;
	margin: 0 auto;
	text-align: center;
	font-family:'\30E1\30A4\30EA\30AA',Meiryo,'\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6f\20\57\36','\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6f\20\57\33','\48\69\72\61\67\69\6e\6f\20\4b\61\6b\75\20\47\6f\74\68\69\63\20\50\72\6f','\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF',Verdana,Osaka,sans-serif !important;
	word-break: break-all;
	/*
	font-family: 'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka','メイリオ','Meiryo',sans-serif;
	*/
	background: #fff;
	color: #444;
	}
	
/*******************************************************************/
/* PC：幅981px以上                                                 */
/*******************************************************************/

/*
@media screen and (min-width: 981px) {
*/

/*<start>==========================================================*/
/*	header
---------------------------------------------------------------*/
/*
header {
	background: #424251;
	padding: 5%;
	width: 90%;
	color: #fff;
	}

#container {
	width: 100%;
	}

	#content {
		width: 55%;
		padding: 5%;
		float: left;
		min-height: 3000px;
		}
		
	#sidebar {
		background: #FF9999;
		width: 25%;
		padding: 5%;
		float: left;
		min-height: 3000px;
		}
		
footer {
	background: #FFD9FF;
	padding: 5%;
	width: 90%;
	}
*/

/*<end>============================================================*/
/*
}
*/
/*******************************************************************/
/* TB：幅980px以下 幅641以上                                       */
/*******************************************************************/
@media screen and (min-width: 641px) and (max-width: 980px) {
/*<start>==========================================================*/


/*<end>============================================================*/
}

/*******************************************************************/
/* SP：幅640px以下                                                 */
/*******************************************************************/
@media screen and (max-width: 640px) {
/*<start>==========================================================*/
html { font-size: 75%; }
body { font-size: 0.9rem; }
html,body {
	-webkit-font-smoothing: antialiased;
	android:textAppearance="?android:attr/textAppearanceSmall"
	}
	
/*<end>============================================================*/
}