@charset "UTF-8";

/*#description
---------------------------------------*/
#description{
background: url(../images/common/bg_01.jpg) repeat center top;
}

#description img{
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: auto;
}

#description p{
position: relative;
z-index: 2;
text-align: center;
color: #fff;
font-size: 14px;
line-height: 31px;
letter-spacing: 2px;
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
font-weight: bold;
background: url(../images/top/description.png) no-repeat center top;
height: 222px;
padding-top: 38px;
}


/*.bxslider
---------------------------------------*/
.bx-wrapper{
width: 100%;
max-width: 100% !important;
}


/*#about
---------------------------------------*/
#about{
position: relative;
background: url(../images/common/bg_02.jpg) repeat center top;
padding-top: 92px;
}

#about .box{
background: url(../images/top/about.jpg) no-repeat center top;
width: 980px;
margin: auto;
height: 468px;
}

#about p{
color: #004C44;
font-size: 12px;
line-height: 24px;
text-align: justify;
width: 500px;
padding-left: 40px;
padding-top: 310px;
}


/*#event
---------------------------------------*/
#event{
text-align: center;
background: url(../images/common/bg_01.jpg) repeat center top;
margin-top: -92px;
padding-top: 92px;
}

#event .box{
text-align: center;
background: url(../images/common/bg_01.jpg) repeat center top;
padding: 35px 0 60px;
}

#event h2{
position: relative;
z-index: 1;
}

#event .visual{
margin-top: -36px;
}


/*#tradition
---------------------------------------*/
#tradition{
padding-top: 92px;
margin-top: -92px;
}

#tradition .box{
background: url(../images/common/bg_02.jpg) repeat center top;
padding: 63px 0;
}

#tradition h2{
text-align: center;
}

#tradition .section{
position: relative;
width: 900px;
margin: auto;
padding: 42px 0 120px;
background: url(../images/top/tradition_shadow.jpg) no-repeat center bottom;
}

#tradition .section h3{
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
color: #fff;
font-size: 26px;
line-height: 56px;
width: 646px;
margin: auto;
text-align: center;
letter-spacing: 8px;
}

#tradition .section ul{
position: relative;
overflow: hidden;
list-style: none;
}

#tradition .section ul:before{
content: "";
position: absolute;
top: 210px;
left: 294px;
height: 100%;
border-left: dashed 1px #000;
}

#tradition .section ul:after{
content: "";
position: absolute;
top: 210px;
right: 295px;
height: 100%;
border-left: dashed 1px #000;
}


#tradition .section ul li{
position: relative;
float: left;
margin-left: 29px;
}

#tradition .section li:first-child{
margin-left: 0;
}

#tradition .section h4{
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
position: relative;
font-size: 18px;
line-height: 26px;
text-align: justify;
letter-spacing: 2px;
padding-left: 56px;
margin-top: 13px;
}

#tradition .section h4.one{
line-height: 52px;
}

#tradition .section h4 span{
display: block;
font-size: 14px;
}

#tradition .section h4:before{
content: "";
position: absolute;
top: 50%;
left: 0;
width: 48px;
height: 48px;
margin-top: -24px;
}

#tradition .section h4 em{
display: block;
line-height: 1;
font-style: normal;
font-size: 10px;
position: absolute;
top: 20px;
left: 71px;
}

#tradition .section .text{
font-size: 13px;
line-height: 26px;
text-align: justify;
padding-top: 12px;
}

/*.section_01*/
#tradition .section_01 h3,
#tradition .section_01 h4:before{
background: #007D7A;
}

#tradition .section_01 ul li{
width: 280px;
}

#tradition .section_01 h4{
color: #007D7A;
}

/*.section_02*/
#tradition .section_02 h3,
#tradition .section_02 h4:before{
background: #779338;
}

#tradition .section_02 h4{
color: #779338;
}

#tradition .section_02 .text{
padding-top: 0;
margin-top: -24px;
margin-left: 54px;
}

/*.section_03*/
#tradition .section_03{
background: none;
padding: 42px 0 0;
}

#tradition .section_03 ul:before{
left: 50%;
margin-left: -1px;
}

#tradition .section_03 ul:after{
display: none;
}

#tradition .section_03 h3,
#tradition .section_03 h4:before{
background: #007D7A;
}

#tradition .section_03 ul li{
width: 435px;
}

#tradition .section_03 h4{
color: #007D7A;
}


/*#lodging
---------------------------------------*/
#lodging{
padding-top: 92px;
margin-top: -92px;
}

#lodging h2{
padding: 70px 0 40px;
text-align: center;
}

#lodging .section{
position: relative;
width: 900px;
margin: auto;
padding: 42px 0 120px;
background: url(../images/top/lodging_shadow.jpg) no-repeat center bottom;
}

#lodging .section h3{
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
color: #fff;
font-size: 26px;
line-height: 56px;
width: 646px;
margin: auto;
text-align: center;
letter-spacing: 8px;
}

#lodging .section ul{
position: relative;
overflow: hidden;
list-style: none;
}

#lodging .section ul:before{
content: "";
position: absolute;
top: 210px;
left: 294px;
height: 100%;
border-left: dashed 1px #000;
}

#lodging .section ul:after{
content: "";
position: absolute;
top: 210px;
right: 295px;
height: 100%;
border-left: dashed 1px #000;
}

#lodging .section ul li{
position: relative;
float: left;
width: 280px;
margin-left: 29px;
}

#lodging .section li:first-child{
margin-left: 0;
}

#lodging .section h4{
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
position: relative;
font-size: 14px;
line-height: 52px;
text-align: justify;
letter-spacing: 2px;
padding-left: 56px;
margin-top: 13px;
}

#lodging .section h4.br{
line-height: 26px;
}

#lodging .section h4:before{
content: "";
position: absolute;
top: 50%;
left: 0;
width: 48px;
height: 48px;
margin-top: -24px;
}

#lodging .section .text{
font-size: 13px;
line-height: 26px;
text-align: justify;
padding-top: 12px;
height: 106px;
border-bottom: solid 1px;
}

#lodging .section .address{
font-size: 12px;
line-height: 21px;
text-align: justify;
padding-top: 8px;
}

/*.section_01*/
#lodging .section_01 h3,
#lodging .section_01 h4:before{
background: #339B61;
}

#lodging .section_01 h4{
color: #339B61;
}

#lodging .section_01 .text{
border-color: #339B61;
}

/*.section_02*/
#lodging .section_02 h3,
#lodging .section_02 h4:before{
background: #007D7A;
}

#lodging .section_02 h4{
color: #007D7A;
}

#lodging .section_02 .text{
border-color: #007D7A;
}

/*.section_03*/
#lodging .section_03 h3,
#lodging .section_03 h4:before{
background: #85A440;
}

#lodging .section_03 h4{
color: #85A440;
}

#lodging .section_03 .text{
border-color: #85A440;
}