/*! normalize.css 2012-01-31T16:06 UTC - http://github.com/necolas/normalize.css */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h1{font-size:2em;margin:0.67em 0}h2{font-size:1.5em;margin:0.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:0.83em;margin:1.67em 0}h6{font-size:0.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}pre,code,kbd,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}ul,ol{margin-left:0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}html{margin:0;padding:0;width:100%;height:100%}
body {
	padding: 0;
	color: #373737;
	font-family: ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Sans-Serif;
	font-style: normal;
	font-size: 14px;
	*font-size:100%;
	line-height: 1.8;
	word-spacing: 0;
	letter-spacing: 0.01em;
	background: #fff;
	-webkit-text-size-adjust: 100%;
}
img {
	vertical-align: bottom;
}
a {
	color: #373737;
	text-decoration: none;
}
a:hover {
	color: #a62c29;
	text-decoration: underline;
}
.l_txt {
	font-size: 20px;
	margin-bottom: 50px;
}
.m_txt {
	font-size: 16px;
	font-weight: bold;
}
.smaoff {
	display: inline-block;
}
.smaon {
	display: none;
}
table {
	width: 100%;
}
table th, table td {
	text-align: left;
	padding: 10px 0 10px 1%;
}

/* footer ------------------------------ */
footer {
	width: 100%;
	background: #f9f9f9;
}
footer #copyright {
	font-size: 14px;
	clear: both;
	background: #878785;
	color: #fff;
	padding: 15px 0;
	text-align: center;
}
#pageTop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 9999;
}
#pageTop a {
	box-sizing: border-box;
	padding: 2px 0 0 0;
	text-align: center;
	line-height: normal;
	font-size: 22px;
	color: #5d3d22;
	display: block;
	width: 40px;
	height: 40px;
	border: 1px solid #373737;
	background: #fff;
}
#pageTop a:hover {
	text-decoration: none;
	border: 1px solid #a62c29;
	color: #a62c29;
}

/* header ------------------------------ */
header {
	position: relative;
}
#logo {
	margin: 0 auto;
	padding: 10px 0;
	width: 188px;
}
#logo img {
	width: 100%;
	height: auto;
}
.company {
	border: 1px solid #373737;
	padding: 5px 20px;
	margin: 0;
	position: fixed;
	top: 10px;
	right: 10px;
}

.menu-trigger span {
	display: none;
}

/* navi ------------------------------ */
#gNav {
	width: 100%;
	display: block;
	background: #fff;
	z-index: 999;
}
#gNav ul {
	overflow: hidden;
	max-width: 620px;
	margin: 0 auto;
}
#gNav ul li {
	float: left;
	width: 20%;
	text-align: center;
	border-bottom: none;
}
#gNav ul li a {
	color: #373737;
	letter-spacing: 0;
	text-decoration: none;
	display: block;
	padding: 15px 0;
	width: 100%;
}
#gNav ul li a:hover {
	color: #ca0000;
	text-decoration: underline;
}

/* slide ------------------------------ */
/*#mainImgArea img {
	width: 100%;
	height: auto;
	margin-bottom: 0;
}*/

/* contents ------------------------------ */
.contentWrap {
	padding: 110px 0 0 0;
}
.wrapBottom {
	padding-bottom: 110px;
}
.midashi {
	font-size: 30px;
	line-height: 1.3;
	padding-bottom: 5px;
	margin-bottom: 50px;
	background: url( ../img/underline.png) no-repeat bottom center;
}
.g_bg {
	background: #f9f9f9;
}
.innerBox {
	position: relative;
	max-width: 1100px;
	margin: 0 auto;
	text-align: center;
}
.innerBoxS {
	position: relative;
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
}
.btn {
	width: 385px;
	margin: 50px auto 0;
	font-size: 18px;
	background: #373737 url( ../img/arrow.png) no-repeat right center;
	padding: 15px 30px;
	text-align: center;
}
.btn a {
	color: #fff;
	display: block;
}

/* shigemitsu ---------- */
.shoplogo {
	width: 100%;
	margin-bottom: 150px;
}
.shoplogo img {
	width: 100%;
	padding: 0 20px;
}
.shoplogo .harbs {
	width: 127px;
}
.shoplogo .antico {
	width: 110px;
}

/* voice ---------- */
/*.voice_bg {
	min-height: 430px;
}
.voice_ph {
	float: left;
	width: 38%;
	margin-right: 5%;
	text-align: left;
}
.voice_ph img {
	width: 100%;
}
.voice_txt {
	float: right;
	width: 57%;
	text-align: left;
	margin: 0;
	padding-top: 20px;
}*/

/* adopt ---------- */
#freshers {
	padding: 0 0 50px 0;
}
#chuto {
	padding: 0 0 50px 0;
}
.wBox {
	box-sizing: border-box;
	width: 100%;
	background: #fff;
	border: 1px solid #ededed;
	overflow: hidden;
	padding: 30px 99px 50px 99px;
}
.wBoxinner {
	overflow: hidden;
	margin: 50px 0 0 0;
}
.wBox .guide {
	border-left: 2px solid #373737;
	margin: 0;
	padding: 0 0 0 15px;
	float: left;
	width: 20%;
	text-align: left;
}
.wBox .bnr {}
.wBox .adoptimg {
	width: 100%;
	margin: 0 auto;
}
.wBox .adoptimg img {
	width: 50%;
	margin: 0 auto;
}
.wBox table {
	width: 72%;
	float: right;
	border-top: 1px solid #878785;
}
.wBox table th,.wBox table td {
	text-align: left;
	padding: 15px 0 15px 10px;
	border-bottom: 1px solid #878785;
	vertical-align: top;
}
.wBox table th:last-child,.wBox table td:last-child {
	border-right: none;
}
.wBox table th {
	width: 20%;
	line-height: 1.4;
}
.wBox .detail {
	width: 72%;
	float: right;
	margin: 0;
	text-align: left;
}
.wBox ul {
	list-style: none;
}
.wBox li:before {
	content: "・";
}
.wBox .detail span.shopname a {
	background: #373737;
	color: #fff;
	padding: 5px 20px;
}
.wBox .detail span.shopname a {
	background: #373737;
	color: #fff;
	padding: 5px 20px;
}
.wanted {
	background: #fff;
	color: #ca0000;
	font-weight: bold;
	border: 2px solid #ca0000;
	padding: 5px 15px;
}
.red {
	color:#ca0000;
}

/* subpage ------------------------------ */
.subpage {
	padding-top: 110px;
}

/* senpai ------------------------------ */
.senpai {
	overflow: hidden;
	padding-top: 50px;
}
.senpaiBox {
	margin-bottom: 50px;
}
.senpai_ph {
	float: left;
	width: 38%;
	margin-right: 5%;
	text-align: left;
	margin-bottom: 20px;
}
.senpai_ph img {
	width: 100%;
}
.b_txt {
	font-size: 20px;
	border-top: 1px solid #373737;
	border-bottom: 1px solid #373737;
	padding: 7px 0 10px;
	text-align: left;
	margin: 0;
}
.senpai_txt {
	float: right;
	width: 57%;
	text-align: left;
	margin: 0;
}

/* mailform ------------------------------ */
.mailform {
	margin-bottom: 20px;
}
.mailform th {
	background: #ededed;
	width: 22%;
	border: 2px solid #fff;
	vertical-align: top;
}
.mailform td {
	width: 73%;
}

.g_btn {
	background: #878785;
	color: #fff;
	padding: 10px 60px;
	border-style: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	margin-left: 10px;
}
.r_btn {
	background: #a62c29;
	color: #fff;
	padding: 10px 60px;
	border-style: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.inline {
	display: inline;
}
.wide {
	width: 95%;
	border: 1px solid #ccc;
	padding: 5px 0;
}
.narrow {
	width: 25%;
	border: 1px solid #ccc;
	padding: 5px 0;
}
.att, .error {
	color: #a62c29;
}
.emergency {
	margin: 110px 0;
}
.emergency ul {
	list-style: none;
	text-align: center;
	padding: 0;
}




@media screen and (max-width: 767px) {
body {
	padding: 0;
	font-size: 12px;
}
.l_txt {
	font-size: 14px;
	margin-bottom: 30px;
}
.m_txt {
	font-size: 14px;
}
.s_txt {
	font-size: 12px;
}
.smaoff {
	display: none;
}
.smaon {
	display: inline-block;
}

/* footer767 ------------------------------ */
footer {
	max-width: 100%;
}
footer #copyright {
	font-size: 10px;
	padding: 15px 5%;
}

/* header767 ------------------------------ */
#logo {
	/*margin: 0;
	padding: 15px 0 15px 5%;*/
	padding: 15px 0;
	width: 180px;
}
#menuBtn {
	background: #fff;
	display: block;
	position: fixed;
	z-index: 999;
	top: 10px;
	right: 2.5%;
	padding: 12px;
	border: 1px solid #373737;
	text-align: center;
	cursor: pointer;
}
#menuBtn:hover {
	opacity: 0.8;
}
.menu-trigger, .menu-trigger span {
	display: inline-block;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 60px;
	height: 15px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
}
.noscroll {
	overflow: hidden;
}

/* navi767 ------------------------------ */
#gNav ul {
	max-width: 90%;
}
#gNav ul li {
	width: 30%;
}
/*#gNav {
	display: none;
	position: fixed;
	z-index: 998;
	width: 100%;
}
#gNav ul {
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
#gNav ul li {
	margin: 0;
	padding: 0;
	float: none;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #373737;
}
#gNav ul li:first-child {
	border-top: 1px solid #373737;
}*/

/* slide767 ------------------------------ */
/*#mainImgArea img {
	margin-bottom: 50px;
}*/

/* contents767 ------------------------------ */
.contentWrap {
	padding: 110px 0 50px 0;
}
.midashi {
	font-size: 28px;
	line-height: 1.3;
}
.innerBox {
	width: 95%;
	max-width: 95%;
	padding: 100px 3% 3% 3%;
}
.innerBoxS {
	width: 95%;
	max-width: 95%;
}
.btn {
	width: 80%;
	font-size: 18px;
	padding: 20px 10px;
}

/* voice767 ---------- */
/*.voice_bg {
	min-height: 100%;
	padding-bottom: 20px;
}
.voice_ph {
	float: none;
	width: 100%;
	margin-right: 0;
}
.voice_ph img {
	width: 100%;
}
.voice_txt {
	float: none;
	width: 100%;
}*/

/* adopt767 ---------- */
#chuto {
	padding: 0 0 50px 0;
}
.wBox {
	width: 100%;
}
.wBox .guide {
	font-size: 16px;
	float: none;
	width: 100%;
	margin-bottom: 20px;
}
.wBox .bnr,.wBox .adoptimg  {
	width: 100%;
}
.wBox .bnr img, .wBox .adoptimg img {
	width: 100%;
}
.wBox table th {
	width: 100%;
	display: block;
	border-bottom: none;
	padding: 15px 3% 5px 3%;
}
.wBox table td {
	width: 100%;
	display: block;
	padding: 5px 3% 15px 3%;
}
.wBox .detail {
	width: 100%;
	float: none;
}
.wBox ul {
	padding: 0;
}

/* subpage767 ------------------------------ */
.subpage {
	padding-top: 50px;
}

/* senpai767 ------------------------------ */
.senpai_ph {
	float: none;
	width: 100%;
	margin-right: 0;
}
.senpai_ph img {
	width: 100%;
}
.b_txt {
	font-size: 14px;
}
.senpai_txt {
	float: none;
	width: 100%;
}

/* mailform767 ------------------------------ */
.mailform th {
	display: block;
	width: 100%;
	padding: 7px 0 7px 1%;
}
.mailform td {
	display: block;
	width: 100%;
	padding: 3px 0 17px 1%;
}
.g_btn {
	width: 80%;
	padding: 20px 10px;
	margin-left: 0;
	margin-bottom: 10px;
}
.r_btn {
	width: 80%;
	padding: 20px 10px;
}
.wide {
	width: 99%;
}
.narrow {
	width: 89%;
}

}