html {
    font-size: 62.5%;
    font-size: 100%;
}

body {  -webkit-text-size-adjust: 100%; margin: 0; font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif; background: #fff; color: #67611a;}
input, textarea { font-family: "Helvetica neue", Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif; }
a {text-decoration: none;}
img {vertical-align: bottom;}
div, p, ul {margin: 0;padding: 0;border: none;}

/*-----全体------*/
header { padding: 0 10%; height: 80px;}
nav { padding: 0 10%;}
article {display:grid; grid-template-columns: 35% 1fr; width: 100%;}
aside { padding: 0 10%;}
div.layer_contents { padding: 0 10%;}
footer { border-top: 1px solid #C8B417; padding: 20px 0; margin: 0 0 20px 0;}

/*-----HEADER------*/
.logo{ font-size: 34px;
display:inline-block; line-height: 38px; margin:17px 0 20px 0; color: rgba(120,105,0,0.8); font-weight: bold; text-shadow: 3px 4px 3px rgba(50,30,0,0.17);
}

h1, h2 {position:absolute; display: inline-block; margin: 0; font-weight: normal;}
h1 {top:12px; left:52%; font-size:14px;line-height: 22px;}
h2 {top:12px; right:10%; font-size:14px;line-height: 22px;}

.logo:hover {  background-image: linear-gradient(180deg,red 0%,pink 100%); -webkit-background-clip: text;color: transparent;}
.head-area1 { display: none; position: absolute;top: 19px; left: 10%;font-size: 37px; line-height: 38px; }
.tel{position: absolute;top: 32px;right: 10%;display: block; font-size: 20px;}
.address{position: absolute;top: 34px; left: 52%;font-size: 17px; display:block;}

.icon-area {position: absolute;top: 59px;right: 10%;display: inline-block; font-size: 18px;}
a.i-head {color: #BCB282;margin-left: 10px;font-size: 20px;display: inline-block;text-shadow: 2px 2px 5px rgba(0,0,0,0.2);}
a.i-head:hover { text-shadow: none;}

/*-----NAV --- LINK------*/
.link-area {display: table;margin: 0 auto;color: deeppink; width:95%;}
.link-area li.title {display: none;}
.link-area li.item {display: table-cell;f;font-size: 16px; padding: 2px 2px 8px 2px;}
.link-area li.item a {display : inline-block; color:#817A1A;}
.link-area li.item a i { color: #D1CAA3; font-size: 16px; margin: 0 7px 0 15px;}
.link-area li.item a:hover {color:coral;}

/*-----LINK EX------*/
.link-area-ex { z-index:999;position:absolute; top:130px;left:0;display: inline-block;list-style: none;width: 100%;padding:15px 20px;margin: 0;box-sizing: border-box;height:150px;background-image: linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%);}
.link-area-ex li {color: #807347; font-size:14px;}
.link-area-ex li a {display: block;color: #d9333f; font-size:14px; margin-top: 3px;}
.link-area-ex li a:hover {color: deeppink;}
.link-area-ex li a i {color: #e83929; margin-right: 10px;}

/*-----ARTICLE --- TOP-PAGE 画像部分 ------*/
article div { position: relative;}
.top1 {position: relative;padding:0;background-image:url('../images/img/2.jpg');background-position: top right; }
.top1 span {
display: block; height: 355px;color: rgba(250,250,250,1); font-size: 29px; line-height: 31px; padding: 25px 0 0 22%;
text-shadow: 5px 5px 3px rgba(100,80,0,0.5);
background-image: linear-gradient(135deg,rgba(255,255,255,1) 0%, rgba(255,255,255,0) 55%,rgba(255,255,255,0) 100%);
}
.top2 { background-image:url('../images/img/3.jpg');background-position: top center;}
.top2 div { background-image: linear-gradient(135deg,rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.58) 55%,rgba(255,255,255,1) 100%); height: 380px;}
.top2 div p { color: #63542A; padding: 57px 0 48px 10%; font-size: 34px; text-shadow: 1px 1px 2px rgba(155,145,135,0.7), 0 0 1.4em crimson;}
.top2 div span { color: #42310C; padding: 0 0 0 10%; font-size: 19px; text-shadow: 1px 1px 2px rgba(150,145,135,0.7), 0 0 0.8em #fff;}

/*-----ASIDE --- PAGES　上------*/
aside div { height: 190px;}
aside div ul { list-style: none;}
aside div ul p {padding: 0; margin: 0;}
.cap-first { font-size: 17px;color:#726F17; padding: 20px 30px;}
.cap-second { font-size: 14px;}

/*-----FOOTER------*/
footer {
	text-align: center;
	font-size: 12px;
	padding: 20px 0;
	color: #887755;
}
footer a {
	color: crimson;
}