@charset "UTF-8";

/* ───────────────────────────────────────────────────────────── Default */

body {
background:#fffef8;
font-family:fot-tsukuardgothic-std, sans-serif;
font-weight:400;
font-style:normal;
color:#8e6a50;
_display:inline;
_zoom:1;
-webkit-text-size-adjust:100%;
position:relative;
}


/* ────────────────────────────────────────────────────────── Common Style */

/*
h1, h2, h3, h4, h5, h6
*/

.heading01 {
margin-bottom:3.5em;
}

.heading02 {
font-weight:400;
line-height:1.5em;
}

.subheading01 {
font-weight:400;
}

/*
p, img, figure
*/

@media only screen and (min-width:1025px) {

.heading02 {
font-size:150%;
margin-bottom:1.5em;
}

.heading02 .sub {
display:block;
font-size:56.25%;
}

.text-sm {
font-size:93.75%;
line-height:1.8em;
}

.text-xs {
font-size:87.5%;
line-height:2.2em;
}

}

@media only screen and (max-width:1024px) {

.heading02 {
font-size:112.5%;
text-align:center;
margin-bottom:1em;
}

.heading02 .sub {
display:block;
font-size:77.5%;
margin-top:0.5em;
}

.text-sm {
font-size:87.5%;
line-height:1.8em;
}

.text-xs {
font-size:81.25%;
}

}

img {
max-width:100%;
height:auto;
}

/*
a
*/

a {
color:#8b715e;
-webkit-transition:all 0.25s ease;
-moz-transition:all 0.25s ease;
-o-transition:all 0.25s ease;
transition:all 0.25s ease;
}

a:hover {
opacity:0.75;
}

a.tel {
cursor:default;
text-decoration:none;
}

a.tel:hover {
opacity:1;
}

/*
other
*/

.clearfix {
overflow:hidden;
position:relative;
}

.clr {
clear:both;
}

.hide {
width:0;
height:0;
margin:0;
padding:0;
overflow:hidden;
}

.ls-1 {
letter-spacing:1em;
}

.text-center {
text-align:center;
}

.text-right {
text-align:rihgt;
}

.br {
display:block;
}

.br-inline {
display:inline-block;
}

.no_print {
display:none;
}

/*
margin, padding
*/

*:nth-child(1) {
margin-top:0;
}


/* ────────────────────────────────────────────────────────── Common Layout */

.row {
width:80.5%;
max-width:1100px;
margin:0 auto;
}

.container {
width:72.75%;
max-width:800px;
margin:0 auto;
}

/*
header
*/

ul.sns-link, ul.aside-link {
margin-top:1.75em;
}

ul.aside-link li {
font-size:87.5%;
}

@media only screen and (min-width:1025px) {

.nav-hide {
display:none;
}

#footer {
padding:4em 0 1.75em;
}

#footer:before {
background:#a89191;
content:"";
width:91%;
max-width:1000px;
height:1px;
margin-right:auto;
margin-left:auto;
position:absolute;
top:0;
right:0;
left:0;
}

#footer ol {
margin-bottom:2.5em;
}

#footer ol li {
display:inline-block;
font-size:87.5%;
}

#footer ol li {
margin:0 1.5em;
}

ul.aside-link li {
display:inline-block;
margin:0 1em;
}

#footer #address {
margin-top:8em;
}

}

@media only screen and (max-width:1024px) {

.row {
width:90%;
max-width:inherit;
}

.container {
width:100%;
max-width:inherit;
}

#header ul.aside-link li a {
display:block;
padding:1em 0;
}

#footer {
border-top:1px solid #a89191;
padding:3em 0 1.75em;
}

#footer ol, #footer ul.aside-link {
display:none;
}

#footer #address {
margin-top:3em;
}

}

/*
footer
*/

#footer {
text-align:center;
position:relative;
}

.sns-link li {
display:inline-block;
font-size:1.625em;
margin:0 0.5em;
}

#footer #address {
font-size:75%;
}

/*
pageTop
*/

p#pageTop {
position:fixed;
bottom:0.625em;
right:0.625em;
z-index:99;
}

p#pageTop a {
display:block;
width:64px;
text-align:center;
}

p#pageTop a:hover {
opacity:1.0;
}

p#pageTop a span.icon {
display:inline-block;
width:48px;
height:auto;
transition:all 0.5s ease;
}

p#pageTop a:hover span.icon {
transform:translateY(-0.5em);
}

p#pageTop a span.text {
display:block;
opacity:0;
transition:all 0.5s ease;
}

p#pageTop a:hover span.text {
opacity:1.0;
}


/* ────────────────────────────────────────────────────────── SP */

@media only screen and (max-width:768px) {


}

@media only screen and (max-width:480px) {


}


/* ────────────────────────────────────────────────────────── Effects */

/* --読み込み後表示-- */
.first_appear{
	opacity : 0;
	visibility: hidden;
	transition: 1.5s;
}
.first_active{
	opacity: 1;
	visibility: visible;
}


/* --スクロールするとふわっと下から表示 -- */
	.scroll_appear_move{
	opacity : 0;
	visibility: hidden;
	transition: 1.5s;
	transform: translateY(50px);
}
/*アニメーション要素までスクロールした時のスタイル*/
.scroll_active_move{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
	

/* -- スクロールするとその場でふわっと表示-- */
	.scroll_appear{
	opacity : 0;
	visibility: hidden;
	transition: 1.5s;
}
/*アニメーション要素までスクロールした時のスタイル*/
.scroll_active{
	opacity: 1;
	visibility: visible;
}