/* ======================================================
 * 1-1. Reset
 * =================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
/*	max-width: 100%;*/
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
body,
table,
input, textarea, select, option {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
}
ol, ul, dl {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
img {
	vertical-align:text-bottom;
}

* {
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	text-align: left;
}

body{
	color: gray;
	font:13px/1.231 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',"MS PGothic",sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
	line-height: 1.5;
}

/* ======================================================
 * 1-2. Style
 * =================================================== */
body,html {
	margin: 0;
	padding: 0;
	background: #fff; /* #faf4e1;*/
	color: #484848;
	text-align: center;
	filter: chroma(color=#fff);
}

a:link	  { color: #6f3700; text-decoration: none; }
a:visited { color: #6f3700; text-decoration: none; }
a:hover   { color: #ee7700; text-decoration: underline;}
a:active  { color: #ee7700; text-decoration: underline;}


/* ======================================================
 * 1-3. Common
 * =================================================== */
img {
	vertical-align: text-bottom;
}

a:hover img {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
}
a:hover {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

a.lnk {
	display: block;
	padding: 5px 0 5px 20px;
	background: url(../../../../images/common/yazi_lnk.png) no-repeat center left;
}
a.yazi {
	padding: 0 10px;
	margin-left: 10px;
	background: url(../../../../images/common/yazi_lnk.png) no-repeat center left;
}
a.yazi:hover,
a.lnk:hover {
	background: url(../../../../images/common/yazi_hover.png) no-repeat center left;
}
a.link {
	padding: 5px 0 5px 20px;
	background: url(../../../../images/common/lnk.png) no-repeat center left;
}
a.pdf {
	padding: 5px 5px 5px 28px;
	background: url(../../../../images/common/pdf.png) no-repeat center left;
}
a.mail {
	padding: 5px 0 5px 20px;
	background: url(../../../../images/common/mail.gif) no-repeat center left;
}
a.tel {
	display: inline-block;
	padding-left: 30px;
	margin: 10px 0;
	background: url(../../../../images/common/ico_tel.png) no-repeat center left;
	background-size: 25px 20px;
	font: bold 20px/100% Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

/* table */
.section table {
	margin-bottom: 20px;
	border-collapse: collapse;
}
.section table th {
	background: #f2f2f2;
	background: linear-gradient(#f2f2f2, #e5e5e5);
    background : -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
	font-weight: bold;
	white-space: nowrap;
}
.section table.w100 th {
	white-space: nowrap;
}
.section table th,
.section table td {
	padding: 10px;
	border-top: solid 1px #e5e5e5;
	border-bottom: solid 1px #e5e5e5;
}
.section table.price th,
.section table.price td {
	padding: 10px 20px;
}
.section table.price td {
	text-align: right;
}
.section table.t th,
.section table.t td {
	vertical-align: top !important;
}
.section table.no th,
.section table.no td {
	border: none;
}

/* list */
p.line,
ul.line {
	padding: 10px 0;
	margin: 10px 0;
	border-top: dotted 1px #ccc;
	border-bottom: dotted 1px #ccc;
}
div#page ul.list li {
	margin-left: 20px;
	list-style-type: disc;
}
ul li.ttl {
	width: 100% !important;
	margin: 20px 0 10px 0 !important;
	color: #3f1016;
	font-weight: bold;
	list-style-type: none !important;
}
ul.list li.title {
	padding-top: 5px;
	margin-left: 0;
	color: #3f1016;
	list-style-type: none;
}
ul.list li.no {
	padding-top: 10px;
	margin-left: 0;
	list-style-type: none;
}
ol.list li {
	margin-left: 30px;
	list-style-type: decimal;
}

.txc,
.txc li,
.txc td {
	text-align: center !important;
}

hr {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(204,204,204,0.25), rgba(204,204,204,0.75), rgba(204,204,204,0.25));
	background-image: -moz-linear-gradient(left, rgba(204,204,204,0.25), rgba(204,204,204,0.75), rgba(204,204,204,0.25));
	background-image: -ms-linear-gradient(left, rgba(204,204,204,0.25), rgba(204,204,204,0.75), rgba(204,204,204,0.25));
	background-image: -o-linear-gradient(left, rgba(204,204,204,0.25), rgba(204,204,204,0.75), rgba(204,204,204,0.25));
}

.mgt20 {
	margin-top: 20px !important;
}
.clear {
	clear: both !important;
}

@media screen and (min-width: 641px) {
	.aligncenter {
		display: block;
		clear: both;
		margin: 0.25em auto 1.5em;
	}
	.alignleft {
		float: left;
		clear: both;
		margin: 0.25em 1.5em 0.25em 0;
	}
	.alignright {
		float: right;
		clear: both;
		margin: 0.25em 0 0.25em 1.5em;
	}
	.alignnone {
		float: none;
		clear: both;
		margin: 0;
	}
}
strong {
	font-weight: bold;
}


/* ======================================================
 * 1-6. footer
 * =================================================== */
/*----------------------
  footer部分
------------------------*/
div#footer {
	clear: both;
	margin-top: 50px;
	border-top: solid 1px #8C4600;
	background: #FFAF60;
	background: linear-gradient(#FFAF60, #FFCA95);
    background : -webkit-linear-gradient(top, #FFAF60, #FFCA95);
	overflow: hidden;
}
.home div#footer {
	margin-top: 0;
}
div#footer div#footerNav {
	width: 90%;
	padding: 20px 0;
	margin: 0 auto;
	overflow: hidden;
}
div#footer div#footerNav ul {
	position: relative;
	float: left;
	left: 50%;
}
div#footer div#footerNav ul li {
	position: relative;
	left: -50%;
	display: inline;
	float: left;
}
div#footer div#footerNav ul li a {
	display: block;
	padding: 0 15px;
	line-height: 200%;
}
div#footer div#footerNav ul li a:hover {
	color: #fff;
	text-decoration: none;
}

/*----------------------
  SNS
------------------------*/
div#sns {
	width: 100%;
	border-top: solid 1px #8C4600;
}
div#sns ul {
	position: relative;
	float: left;
	left: 50%;
	padding: 15px 0;
}
div#sns ul li {
	position: relative;
	left: -50%;
	display: inline;
	float: left;
	width: 50px;
	height: 50px;
	padding: 0 10px;
	text-align: center;
}
div#sns ul li a {
	display: block;
	width: 50px;
	height: 50px;
	background: url(../../../../images/common/btn_sns.png) no-repeat;
	text-indent: -9999em;
}
div#sns ul li.facebook a {
	background-position: 0 0;
}
div#sns ul li.twitter a {
	background-position: -50px 0;
}
div#sns ul li.insta a {
	background-position: -250px 0;
}
div#sns ul li.line a {
	background-position: -150px 0;
}
div#sns ul li a:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
}

/* コピーライト */
div#copy {
	clear: both;
	padding: 20px 0;
	background: #713800;
	color: #fff;
	font-family: Calibri;
	text-align: center;
}

@media screen and (max-width: 640px) {
	div#sns {
		border-top: none;
	}
	div#footer {
		margin-bottom: 50px;
		background: #fff;
	}
	div#footer div#footerNav {
		width: 100%;
		padding: 0;
		overflow: hidden;
	}
	div#footer div#footerNav ul {
		left: 0;
	}
	div#footer div#footerNav ul li {
		left: 0;
		width: 50%;
		border-bottom: solid 1px #8C4600;
		background: #FFB468;
		box-sizing: border-box;
	}
	div#footer div#footerNav ul li:nth-child(even){
		border-left: solid 1px #8C4600;
	}
	div#footer div#footerNav ul li:last-child{
		width: 100%;
		border-left: none;
	}
	div#footer div#footerNav ul li a {
		padding: 10px 0;
		text-align: center;
	}
	div#copy {
		font-size: 80%;
	}

}

/* ======================================================
 * Form
 * =================================================== */
table.form {
	width: 100%;
	margin: 30px 0 !important;
	line-height: 150%;
}
table.form th {
	width: 210px;
}
table.form th,
table.form td {
	padding: 20px !imprtant;
}
table.form span.check {
	display: inline;
	float: right;
	color: red;
}

form#form input,
form#form label,
form#form select,
form#form textarea {
	padding: 5px;
	margin: 3px 0;
}
form#form input._email {
	margin-top: 10px;
}
form#form input.hidden {
	display: none;
}
p.form_btn {
	text-align: center;
}
p.form_btn input {
	padding: 10px !important;
	margin: 0 auto;
	text-align: center;
}

.contact_form span.msg {
	color: red;
}
.contact_form input {
	padding: 10px;
	margin: 20px 0;
}

.contact p.btn a {
	width: 300px;
} 
.contact_form table th,
.contact_form table td {
	padding: 10px 0;
	border-bottom: dotted 1px #ccc;
}

@media screen and (min-width: 641px) {
	/* スマホDate非表示 */
	table.form .sp_date {
		display: none;
	}
}
@media screen and (max-width: 640px) {
	/* ＰＣデータピッカー非表示 */
	table.form .datepicker {
		display: none;
	}
	/* スマホ用テーブル設定 */
	table.form tr{
		display: block;
		padding: 0;
		margin: 0;
	/*	width: 80% !important; */
		margin-bottom: 1.5em;
	}
	table.form th,
	table.form td{
		display: list-item;
		list-style: none;
		width: 100%;
		margin: 0;
		box-sizing: border-box;
	}
	form#form input[type="text"],
	form#form input[type="email"],
	form#form input[type="tel"],
	form#form select,
	form#form textarea {
		font-size: 16px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	form#form input,
	form#form select,
	form#form textarea {
		width: 100%;
		max-width: 100% !important;
		box-sizing: border-box;
	}
	form#form input[type="radio"],
	form#form input[type="checkbox"]{
		width: 30px !important;
		margin-bottom: 30px;
	}
	.contact_form table th {
		background: linear-gradient(to bottom, #ccc, #ececec);
	}
}


/* ======================================================
 * TineMCE
 * =================================================== */
/* TineMCE */
h5.bg {
	height: 30px;
	padding-left: 30px;
	margin: 20px 0 10px 0;
	border-bottom: solid 1px #ccc;
	background: url(../../../../images/common/bg_block.png) repeat-y;
	font-weight: bold;
	line-height: 30px;
}
h5.ttl {
	padding: 15px 0;
	color: #008633;
	border-top: solid 1px #008633;
	border-bottom: solid 1px #008633;
}
/* 小見出し(ポイント) */
.mce_h_point {
	padding: 5px 0 5px 18px !important;
	background: url(../../../../images/common/point.gif) no-repeat left center;
	color: #660000;
	font-weight: bold;
}
/* ポイント */
.mce_point {
	padding-left: 18px;
	padding-right: 10px;
	background: url(../../../../images/common/point.gif) no-repeat left center;
	color: #660000;
	font-weight: bold;
}
/* 枠（画像） */
span.waku img {
	padding: 6px;
	margin-bottom: 15px;
	border: solid 1px #ccc;
	box-siziing: border-box;
}
/* 枠（記事） */
.border_t { 
	padding: 10px;
	margin: 10px 0;
	border: double 3px #D6C378;
	overflow: hidden;
	box-sizing: border-box;
}
.price {
	font-weight: bold;
	font-size: 120%;
}