@charset "UTF-8";

/* ==================================================
	基本設定
================================================== */
*{
	box-sizing: border-box;
}
html{
	font-size: 14px;
}
body{
	font-size: 1rem;
	font-family: 'Montserrat','Crete Round',"游ゴシック体","Yu Gothic",YuGothic,"游明朝体","Yu Mincho",YuMincho,
					 "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3",
					 "メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	color: #4C4A4A;
	background: #FBF8F1 repeat left top;
	width: 100%;
	margin: 0;
	padding: 0;
}

input, textarea, select, option, label {
	font-family: 'Montserrat',"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}

/* 行間,見出し設定 */
h1,h2,h3,h4,h5,h6{
	font-weight: normal;
	line-height: 1.3;
	margin-bottom: 0.5rem;
}
p{
	line-height: 1.6;
}

/* リンク */
a, input.submit,.button,.on{
	color: #4C4A4A;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
	-webkit-transition-property: background-color,opacity,color;
	   -moz-transition-property: background-color,opacity,color;
	    -ms-transition-property: background-color,opacity,color;
	     -o-transition-property: background-color,opacity,color;
	        transition-property: background-color,opacity,color;
}
a:hover {
	color: #B08250;
	text-decoration: none;
}
.on:hover{
	opacity: 0.5;
}

/* テキストリンク */
a.text-link,
a.text-link:hover{
	color: #005496;
	border-bottom: 1px solid;
}
/* パンくず */
.bread a:hover{
	color: #4C4A4A;
	border-bottom: 1px solid;
}
/* ボタン */
.button_1:hover{
	background-color: #CEB397;
}
.button_2:hover{
	background-color: #9CBBDD;
}

/* リスト */
ul,ol,li{
	margin: 0;
	padding: 0;
	list-style: none;
}

/* イメージ */
img{
	max-width: 100%;
}

/* ==================================================
	ユーティリティ
================================================== */
/* フロート */
.float-left{ float: left; }
.float-right{ float: right; }

/* text-indent: -9999px; */
.text-indent{
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}