@charset "utf-8";

body{
color:#333;
font-size:62.5%;
font-family:'Noto Sans JP', sans-serif;
margin:0;
background:#ffffff;
}

img, img[class*="wp-image-"], img[class*="attachment-"] {
height:auto;
max-width:100%;
vertical-align:bottom;
}
img.scaled-image {
border:0;
margin:0;
}

h1{
width:100%;
color:#9a7239;
font-family:'Kosugi Maru', sans-serif;
font-size:2rem;
font-weight:normal;
text-align:center;
margin:80px 0 60px 0;
}

h2{
width:98%;
color:#fff;
font-family:'Kosugi Maru', sans-serif;
font-size:1.4rem;
font-weight:normal;
text-align:left;
padding:1%;
margin:0 0 30px 0;
background:#0060b2;
display:flex;
flex-flow:wrap;
justify-content:space-between;
}

h2 span{
font-size:0.9rem;
line-height:1.6rem;
padding:0 0 0 30px;
}

h3{
width:98%;
color:#0060b2;
font-family:'Kosugi Maru', sans-serif;
font-size:1.4rem;
font-weight:normal;
text-align:left;
padding:0 0 20px 0;
margin:60px 0 20px 0;
border-bottom:1px solid #0060b2;
display:flex;
flex-flow:wrap;
justify-content:space-between;
}

ul{list-style:none;padding:0;}

.inv-a{
display:table;
}

.inv-b{
display:none;
}

p{
width:100%;
color:#333;
font-size:0.98rem;
line-height:1.6rem;
letter-spacing:2px;
padding:0;
margin:0;
}

p span{
color:#ff0000;
}


/*-lnk-------------------------*/
a{
color:#333;
text-decoration:none;
transition:1s;
}

a:hover{
color:#333;
text-decoration:none;
opacity:0.8;
transition:1s;
}


/*-layout-------------------------*/
#hd{
width:100%;
heigt:auto;
background:#efefef;
}

#wrapper{
width:100%;
overflow:hidden;
}

#content{
width:100%;
}

#sec{
width:1000px;
height:auto;
padding:40px 0;
margin:0 auto;
display:flex;
flex-flow:wrap;
justify-content:flex-start;
}



#home-sec{
width:1100px;
height:auto;
text-align:center;
padding:40px 0 0 0;
margin:0 auto;
display:flex;
flex-flow:wrap;
justify-content:flex-start;
}

#home-sec-yll{
width:100%;
padding:40px 0;
background:#fbf5eb;
}

#common-image-sec{
width:100%;
margin:30px 0;
display:flex;
flex-flow:wrap;
justify-content:flex-start;
}
#common-image-sec a{
width:160px;
margin:15px 3px;
display:inline-block;
border-radius:4px;
overflow:hidden;
}




/*-------------------------------------*/
#home-hd{
width:1100px;
padding:10px 0 0 0;
position:fixed;
top:0;
left:50%;
transform:translatex(-50%);
display:flex;
flex-flow:wrap;
justify-content:space-between;
z-index:200;
}
#home-logo{
width:270px;
margin:16px 0 0 0;
display:table;
}

#home-contact{
width:440px;
padding:4px 6px;
background:#fff;
border:2px solid #f2e0b5;
border-radius:12px;
display:flex;
}
#home-contact dt{
width:318px;
font-size:0.86rem;
line-height:1.6rem;
margin:auto 0;
}
#home-contact dd{
width:116px;
margin:auto 0 auto 6px;
}

#main-img{
width:100%;
height:140px;
overflow:hidden;
position:fixed;
top:0;
left:0;
z-index:1;
}
#home-menu-box{
width:900px;
margin:0 auto;
text-align:center;
}
#home-menu-box a{
color:#fff;
font-size:0.9rem;
line-height:1.5;
padding:0 20px;
border-left:1px solid #fff;
}


#home-menu-back{
width:100%;
padding:10px 0;
background:#9a7239;
position:sticky;
position:-webkit-sticky;
top:100px;
z-index:100;
}
#home-menu-sec{
width:900px;
margin:0 auto;
display:flex;
flex-flow:wrap;
justify-content:space-between;
}

#home-menu-block{
width:150px;
}
#home-menu-block dl{
margin:0;
}

#home-menu-block dt{
width:100%;
height:50px;
text-align:center;
margin:0;
}
#home-menu-block dd{
width:100%;
color:#fff;
font-size:0.8rem;
font-weight:normal;
text-align:center;
margin:0;
border-left:1px solid #fff;
}

#home-content-block{
width:330px;
display:inline-block;
position:relative;
border:1px solid #9a7239;
border-radius:6px;
}
#home-content-icon{
position:absolute;
top:-20px;
left:-20px;
}
#home-content-block dl{
width:310px;
padding:10px;
margin:0;
}
#home-content-block dl dt{
width:100%;
height:160px;
margin:0;
}
#home-content-block dl dd{
width:100%;
font-size:0.9rem;
font-weight:bold;
letter-spacing:1px;
text-align:center;
padding:10px 0;
margin:0;
}
#home-content-block dl span{
width:100%;
color:#fff;
font-size:0.9rem;
font-weight:normal;
text-align:center;
background:#9a7239;
border-radius:6px;
display:table;
}

#home-info-sec{
width:800px;
margin:0 auto;
display:flex;
flex-flow:wrap;
justify-content:flex-start;
}
#home-info-sec dt{
width:120px;
font-size:0.9rem;
text-align:center;
padding:10px 0;
margin:0;
}
#home-info-sec dd{
width:556px;
font-size:0.9rem;
padding:10px 0 10px 4px;
margin:0;
}
span#news{
width:90%;
color:#0060b2;
font-size:0.7rem;
text-align:center;
padding:0;
margin:0 auto;
background:#c8dbec;
display:inline-block;
}
span#event{
width:90%;
color:#21ba6d;
font-size:0.7rem;
text-align:center;
padding:0;
margin:0 auto;
background:#bbffdd;
display:inline-block;
}

#ft-img{
width:100%;
height:240px;
}

#ft-sec{
width:100%;
padding:4px 0;
background:#9a7239;
}
#ft-txt{
width:1100px;
color:#fff;
font-size:0.8rem;
margin:0 auto;
}

#ft-menu-sec{
width:1100px;
padding:20px 0;
margin:0 auto;
display:flex;
flex-flow:wrap;
justify-content:space-between;
}
#ft-menu-sec dt{
width:920px;
padding:0;
margin:0;
}

#ft-menu-sec dt ul{
width:600px;
margin:20px 0 0 0;
display:flex;
flex-flow:wrap;
justify-content:flex-start;
}
#ft-menu-sec dt ul li{
width:200px;
font-size:0.8rem;
padding:0 0 6px 0;
}
#ft-menu-sec dt ul li span{
color:#0060b2;
padding:0 4px 0 0;
margin:0;
display:inline;
}


#ft-menu-sec dt div{
width:200px;
}
#ft-menu-sec dt span{
width:100%;
font-size:0.7rem;
letter-spacing:1px;
margin:12px 0 0 0;
display:table;
}
#ft-menu-sec dd{
width:180px;
padding:0;
margin:0;
}
#ft-menu-sec dd a{
width:160px;
display:table;
margin:0 0 10px 0;
}

.flex-direction-nav .flex-prev{
left:100px !important;
}
.flex-direction-nav .flex-next{
right:100px !important;
}

#common-hd-back{
width:100%;
position:fixed;
top:0;
z-index:10;
}
#common-hd-sec{
width:1100px;
height:200px;
margin:0 auto;
position:relative;
}

#common-hd-logo{
position:absolute;
width:260px;
top:74px;
left:0;
display:table;
}

#common-hd-menu{
position:absolute;
width:720px;
padding:10px 20px;
top:120px;
right:0;
display:flex;
flex-flow:wrap;
justify-content:space-between;
background:rgba(0,100,170,0.6);
border-radius:7px;
}

#common-hd-menu a{
color:#fff;
font-size:0.84rem;
}
#common-hd-menu a img{
width:30px;
margin:auto 4px auto 0;
}
#common-hd-menu a span{
line-height:30px;
}

#breadcrumb{
width:1000px;
font-size:0.8rem;
margin:210px auto 30px auto;
display:table;
}
#breadcrumb a{
color:#0060b2;
text-decoration:underline;
}

#midokoro-lnk{
color:#fff;
font-family:'Noto Sans JP', sans-serif;
font-size:0.9rem;
line-height:1.2rem;
margin:0 0 0 20px;
display:inline-block;
}
#midokoro-lnk img{
height:20px;
margin:0 6px 0 0;
}



#hd-common-contact{
width:440px;
padding:4px 6px;
background:#fff;
border:2px solid #f2e0b5;
border-radius:12px;
display:flex;
position:absolute;
right:0;
top:16px;
}
#hd-common-contact dt{
width:318px;
font-size:0.86rem;
line-height:1.6rem;
margin:auto 0;
}
#hd-common-contact dd{
width:116px;
margin:auto 0 auto 6px;
}


/* pager------------------------------------------------------------*/
.pager{
width:100%;
text-align:center;
margin:30px 0 40px 0;
}
.pager a{
color:#81add3;
}

a.page-numbers,
.pager .current{
font-size:0.9rem;
background:#fff;
border:solid 1px #81add3;
padding:5px 8px;
margin:0 2px;
}
.pager .current{
color:#fff;
background:#81add3;
border:solid 1px #fff;
}

#pagenavi{
width:90%;
height:auto;
font-size:0.9rem;
margin:100px auto 30px auto;
}
#pagenavi a{
color:#81add3;
}
.prev{
float:left;
}
.next{
float:right;
}

#tel{
width:100%;
color:#0060b2;
font-size:2rem;
}
#tel a{
color:#0060b2;
font-weight:bold;
padding:0 0 0 10px;
}

#res-menu-back{
display:none;
}

.caption-wrap{
height:100% !important;
background:none !important;
opacity:1 !important;
}
.metaslider .caption{
height:100% !important;
}
#slide-base{
width:100%;
height:100%;
position:relative;
}
#slide-main{
height:56px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#slide-chara{
position:absolute;
width:160px;
left:50%;
bottom:10px;
transform:translatex(360px);
}

#wpcf7-f573-o1{
margin:auto;
}

#contact-box{
width:800px;
margin:60px auto;
display:table;
}
input[type="text"], input[type="email"] {
width:90%;
height:auto;
font-size:1.2rem;
padding:20px 10px;
margin:40px auto 0 auto;
border:1px solid #eee;
border-radius:4px;
}

textarea{
width:90%;
height:auto;
font-size:1.2rem;
padding:20px 10px;
margin:40px auto 0 auto;
border:1px solid #eee;
border-radius:10px;
}

input[type="submit"]{
width:200px;
height:auto;
color:#fff;
font-size:1rem;
line-height:3;
text-align:center;
padding:0 20px;
margin:60px auto 0 auto;
background:#0060b2;
border:0px;
border-radius:10px;
display:table;
}

.wpcf7-not-valid-tip{
color:#ff8ca3;
font-size:1.4rem;
font-weight:normal;
display:block;
}