/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/


html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none;}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

html, body {
width: 100%;
height: 100%;
background:#ffffff;
}
html #page,
body #page{
background:#ffffff;
}
@font-face {
font-family: 'hannari';
src: url(../font/hannari.woff2) format("woff2"),
 url(../font/hannari.woff) format("woff"),
url(../font/hannari.otf) format("opentype");
}
body{
font-size:21px;
-webkit-text-size-adjust: 100%;
font-family: 'Hannari','hannari',serif;
text-align:center;
color:#666;
}
a{
text-decoration:none;
color:#F15A22;
line-height:1;
opacity:1;
}
a,a:hover {
-webkit-transition:0.7s;
-moz-transition:0.7s;
-o-transition:0.7s;
transition:0.7s;
}
a img:hover {
-moz-opacity:0.75;
opacity:0.75;
}
a:hover{
opacity:0.5;
}
p,li,div,dt,dd,td,th{
box-sizing:border-box;
}
p{
text-align:left;
}

/*====================================================
LAYOUT
====================================================*/

#wrapper{
width:100%;
height:100%;
position:relative;
overflow: scroll;
margin:0 auto;
}
.w600{
width:600px;
margin:0 auto;
}
.w720{
width:720px;
margin:0 auto;
}
.w980{
width:980px;
margin:0 auto;
}
.w1080{
width:1080px;
margin:0 auto;
}
.inside{
width:100%;
}

/*====================================================
HEADER
====================================================*/
#header{
padding:1rem 0;
min-height:80px;
}
#header .w980{
position:relative;
}
#header #sitename{
position:absolute;
left:0;
right:0;
color:#fff;
font-size:26px;
}
#header #sitename img{
width:42px;
height:auto;
vertical-align:middle;
margin-right:0.5rem;
}
#header #sitename a{
color:#000;
font-family:'hannari';
font-size:36px;
}
#navi{
display:block;
}
#navigation{
background:#fcf2ef;
}
#navigation ul li{
float:left;
}
#navigation ul li a{
padding:1rem 1rem 1.3rem 1rem;
display:block;
}
#navigation ul li:first-child a{
padding-left:0;
}

/*====================================================
SP NAVIGATION
====================================================*/
#spnav{
display:none;
}
#sp-btn{
display: inline-block;
position: absolute;
right:0;
width: 40px;
height: 40px;
background:none;
top:0;
}
#sp-btn:hover{
opacity:1;
}
#sp-btn-icon{
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 40px;
height: 6px;
margin: -3px 0 0 -13px;
background: #F15A22;
transition: .2s;
}
#sp-btn-icon:before, #sp-btn-icon:after{
display: block;
content: "";
position: absolute;
top: 50%;
left: 0;
width: 40px;
height: 6px;
background: #F15A22;
margin:0;
transition: .3s;
}
#sp-btn-icon:before{
margin-top: -15px;
}
#sp-btn-icon:after{
margin-top: 10px;
}
#sp-btn .close{
background: transparent;
}
#sp-btn-icon.close{
}
#sp-btn .close:before, #sp-btn .close:after{
margin: 0;
}
#sp-btn .close:before{
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
#sp-btn .close:after{
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}


/*====================================================
MAIN
====================================================*/

#main{
padding:0 0 2rem 0;
}
#home{
padding-bottom:4rem;
}
#slide{
margin-bottom:2rem;
}
.section{
padding:4rem 0;
}
section h1{
font-size:36px;
margin-bottom:2rem;
position:relative;
padding-bottom:1rem;
color:#000;
}
section h1:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background: repeating-linear-gradient(-45deg, #ffb7a0, #ffb7a0 2px, #fff 2px, #fff 4px);
}
.s-odd{
background:#fff0eb;
}

.dl_base dd,
.dl_base dt{
text-align:left;
}
.dl_base dt{
font-weight:bold;
}
.dl_base dd{
padding-left:4rem;
margin-bottom:2rem;
}

.panorama iframe,
.gmap iframe{
border:none;
width:100%;
height:480px;
}

.gallery ul li{
float:left;
width:32%;
margin:0 0 1rem 2%;
}
.gallery ul li:nth-child(3n+1){
clear:left;
float:left;
margin-left:0;
}

#lang{
width:180px;
position:absolute;
right:0;
}
#lang ul li{
width:50%;
float:left;
border:1px solid #fff0eb;
}
#lang ul li a{
font-size:14px;
display:block;
padding:0.2rem 0 0.5rem 0;
}
#lang ul li.active a{
background:#fff0eb;
}

.owner{
padding:2rem;
background:#eee;
background:url("../img/bg_owner.png");
margin:2rem 0;
border-top:1px solid #e7ebe0;
border-bottom:1px solid #e7ebe0;
}

.en p,
.en{
font-family:serif;
}

/*====================================================
FOOTER
====================================================*/
#ft{
background:#fff5ed;
padding:1rem 0;
}
#ft ul li{
width:24%;
margin-left:1.333333%;
float:left;
}
#ft ul li:nth-child(4n+1){
margin-left:0;
}
#ft ul li a{
display:block;
box-sizing:border-box;
padding:1rem;
background:#fff;
margin-bottom:1rem;
border-radius:0.5rem;
border:1px solid #fff;
border-bottom:1px solid #eacbb1;
}

.copyright{
padding:0.5rem;
background:#F15A22;
color:#e9ffee;
}


/*====================================================
IMG100%
====================================================*/

.img100 img,
.img100{
width:100%;
height:auto;
}

/*====================================================
CLEARFIX
====================================================*/
.cl:after,
.breadcrumb:after,
.col2:after,
#ft:after,
.w640:after,
.w720:after,
.w980:after,
#navigation ul:after,
#header:after,
#wrapper:after,
#contents:after,
#footer:after,
#navigation:after,
#header:after{content:".";display:block;clear:both;height:0;visibility:hidden;font-size:0;}

/*====================================================
BASE
====================================================*/

.ctr{
text-align:center;
}
.big{
font-size:150%;
}
.small{
font-size:88%;
}
.blue{
color:#00c5d5;
}
.red{
color:#ea426a;
}
.bold,
strong{
font-weight:bold;
}
.txtgt{
text-align:right;
}
.txtlt{
text-align:left;
}
.gt{
float:right;
}
.lt{
float:left;
}
img{
vertical-align:bottom;
}
.imglt{
float:left;
padding:0 1rem 1rem 0;
}
.mb1{
margin-bottom:1rem;
}
.mb2{
margin-bottom:2rem;
}
.mb3{
margin-bottom:3rem;
}
.mb4{
margin-bottom:4rem;
}
.strike{
text-decoration:line-through;
}

.pc{
display:block;
}
.sp{
display:none;
}

/*====================================================
media query for smartphone, tablet
====================================================*/

@media screen and (max-width: 1080px) {
	.w980{
	width:95%;
	}
	#navigation .w980{
	width:100%;
	}
	body{
	font-size:150%;
	}
	.w720,
	.w980{
	width:92%;
	}
	#spnav{
	display:block;
	}
	#navi{
	display:none;
	}
	#navigation ul li:first-child,
	#navigation ul li{
	float:none;
	border-bottom:1px solid #f7dfd0;
	}
	#navigation ul li:first-child a,
	#navigation ul li a{
	padding:1rem 0;
	}
	
	.col2_r,
	.col2_l{
	float:none;
	width:100%;
	margin:0 0 2rem 0;
	}
	.breadcrumb{
	display:none;
	}

	#ft ul li:nth-child(4n+1),
	#ft ul li{
	width:49%;
	margin-left:2%;
	float:left;
	}
	#ft ul li:nth-child(2n+1){
	margin-left:0;
	}
#lang{
left:0;
width:120px;
}
#lang ul li a{
font-size:12px;
}

}
@media screen and (max-width: 800px) {
.w720{
width:100%;
}
.tbl th,
.tbl td{
widtH:100%;
display:block;
border:none;
}
.tbl td{
padding:1rem 0 2rem 0;
}
input{
box-sizing:border-box;
}

}