@charset "utf-8";

body{
margin: 0px auto;
background-image:url("../images/background/background.jpg");
background-repeat: repeat-y;
background-size:cover;
font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
}

img{
border-style:none;
}

#header{
width:850px;
height:250px;
margin: 0px auto;
padding: 0px;
}

div.global_navigation{
display: flex;
width: 850px;
margin: 0px auto;
flex-wrap: nowrap;
}

div.global_navigation div.gn_button{
flex-basis: 169px;
box-sizing: border-box;
border-right: solid rgba(255,255,255,1.00) 1px;
background-color:rgba(219,210,193,1.00);
}

div.global_navigation div.gn_button img:hover{
background-color:rgba(119,99,60,0.7);
}

div.global_navigation div.gn_button_end{
flex-basis: 170px;
box-sizing: border-box;
border-right: none;
background-color:rgba(219,210,193,1.00);
}

div.global_navigation div.gn_button_end img:hover{
background-color:rgba(119,99,60,0.7);
}


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.clear{
clear: both;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#container{
width:1000px;
margin: 0px auto;
padding: 0px;
padding-bottom: 50px;
height:auto;
background-color: rgba(255,255,255,0.3);
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap{
width:850px;
height:auto;
margin:0px auto;
padding-bottom: 50px;
background-color: rgba(255,255,255,0.7);
background-repeat:no-repeat;  
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap img.img_season{
display: block;
width:850px;
margin: 0px auto;
padding: 0px;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap a:link{
color:#1C70E1;
}

div.wrap a:visited{
color:#1C70E1;
}

div.wrap a:hover{
color:#DB477E;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap p{
width:780px;
margin:10px auto;
padding: 0px;
font-size:17px;
color:rgba(86,71,43,1.00);
text-align: left;
line-height: 22pt;
}

div.wrap span.bold{
font-weight:bold;
}


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap h1{
width:830px;
margin:30px auto 0px auto;
padding-left:20px;
padding-top: 15px;
padding-bottom:5px;
background-color:rgba(216,198,189,0.7);
border-bottom: solid rgba(150,129,90,0.7) 1px;
border-radius:20px;
text-align: left;
color:rgba(90,50,26,1.00);
font-size:26px;
box-sizing: border-box;
}

div.wrap h1 span{
display: inline-block;
margin-left: 8px;
font-size:18px;
color:rgba(99,85,11,1.00);
}

div.wrap h1.theme{
width:820px;
margin: 10px auto;
padding-left: 10px;
padding-bottom: 0px;
box-sizing: border-box;
background-color:rgba(255,255,255,1.00);
color:rgba(240,81,101,1.00);
font-size:20px;
}


div.wrap h2{
width:800px;
margin:20px auto 0px auto;
padding-left: 10px;
border-bottom: dotted rgba(136,129,89,0.5) 2px;
color:rgba(248,90,93,1.00);
text-align:left;
font-size:22px;
}

div.wrap h3{
width:780px;
margin:0px auto;
color:rgba(159,162,51,1.00);
text-align:left;
font-size:20px;
font-weight:bold;
line-height:24pt;
box-sizing: border-box;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap div.link_menu{
width: 820px;
margin: 0px auto;
padding: 0px;
box-sizing: border-box;
}

div.wrap div.link_menu div.menu{
width: 820px;
margin: 10px auto;
padding: 3px;
box-sizing: border-box;
background-color:rgba(172,177,113,0.8);
border-radius: 20px;
text-align: center;
}

div.wrap div.link_menu div.menu span.menu_name{
display: block;
width: 810px;
border:solid rgba(255,255,255,1.00) 3px;
border-radius: 20px;
margin:0px auto;
padding: 3px;
box-sizing: border-box;
text-align: center;
font-weight:bold;
font-size:30px;
color:rgba(255,255,255,1.00);
}

div.wrap div.link_menu div.menu a{
text-decoration: none;
}

div.wrap div.link_menu div.menu a:hover span.menu_name {
background-color: rgba(255,255,255,1.00);
color: rgba(172,177,113,1.00);
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap div.event{
width:820px;
margin:20px auto 10px auto;
padding: 5px;
background-color:rgba(220,197,167,0.3);
box-sizing: border-box;
}

div.wrap div.event h2{
width:780px;
margin: 0px auto;
padding: 0px;
font-size:22px;
color:rgba(23,164,131,1.00);
box-sizing: border-box;
}

div.wrap div.event p{
width:770px;
margin:5px auto;
padding: 0px;
font-size: 17px;
color:rgba(82,53,33,1.00);
line-height: 18pt;
box-sizing: border-box;
}

div.wrap div.event ul{
width:800px;
margin:15px auto 10px 15px;
padding: 0px;
}

div.wrap div.event ul li{
list-style-type: none;
margin: 0px;
margin-bottom: 10px;
padding: 0px;
}

div.wrap div.event ul li span.circle{
display: inline-block;
width:55px;
height:55px;
box-sizing: border-box;
padding: 3px;
padding-top: 13px;
margin-right: 8px;
font-size:18px;
font-weight:600;
text-align: center;
color:rgba(255,255,255,1.0);
background-color:rgba(111,87,71,0.7);
border-radius:50%;
vertical-align:middle;
}


div.wrap div.event ul li span.circle2{
display: inline-block;
width:55px;
height:55px;
box-sizing: border-box;
padding: 3px;
padding-top: 7px;
margin-right: 8px;
font-size:15px;
font-weight:600;
text-align: center;
color:rgba(255,255,255,1.0);
background-color:rgba(111,87,71,0.7);
border-radius:50%;
line-height: 15pt;
vertical-align:middle;
}

div.wrap div.event ul li span.text{
display: inline-block;
width: 700px;
margin: 0px;
padding:0px; 
font-weight:400;
font-size: 17px;
color:rgba(82,53,33,1.00);
vertical-align:middle;
line-height: 20pt;
}


div.wrap div.event2{
width:820px;
margin:20px auto 10px auto;
padding: 5px;
box-sizing: border-box;
}



div.wrap div.event2 h3{
width:770px;
margin:0px auto;
color:rgba(241,85,88,1.00);
text-align:left;
font-size:20px;
font-weight:bold;
box-sizing: border-box;
}


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap ul{
width:750px;
margin: 5px auto 5px 60px;
padding: 0px;
box-sizing: border-box;
}

div.wrap ul li{
margin-bottom: 10px;
font-size:17px;
color:rgba(86,71,43,1.00);
}　　　　　

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap ul.takuji{
width:750px;
margin: 5px auto 5px 60px;
padding: 0px;
box-sizing: border-box;
}

div.wrap ul.takuji li{
margin-bottom: 10px;
font-size:17px;
color:rgba(86,71,43,1.00);
}

div.wrap ul.takuji li span.box1{
display: inline-block;
width:80px;
padding: 0px;
margin-right:5px;
font-weight:bold;
font-size:19px;
}

div.wrap ul.takuji li span.box2{
display: inline-block;
width: 650px;
padding: 0px;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap ul.link{
width:780px;
margin: 10px auto;
padding: 0px;
box-sizing: border-box;
}

div.wrap ul.link li{
margin-bottom: 10px;
list-style-type: none;
font-size:17px;
}


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.wrap ul.kome{
width:790px;
padding: 0px;
margin:20px auto 20px 40px;
}

div.wrap ul.kome li{
margin:0px auto;
list-style-type:none;
font-size:17px;
color:#555125;
}

div.wrap ul.kome li:before{
content:"\203B";
display: inline-block;
margin-right: 0px;
}

div.wrap ul.kome li span{
width:750px;
padding: 0px;
margin: 0px auto 6px 10px;
display: inline-block;
vertical-align: top;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.footer{
width:100%;
background-color:rgba(250,247,243,0.7);
background-size: cover;
border-top:solid rgba(124,114,108,1.00) 1px;
padding-bottom: 20px;
}


div.footer_flex{
display: flex;
margin: 0px auto;
width:850px;
height:auto;
flex-wrap: nowrap;
flex-direction: row;
justify-content:space-around;
align-items: stretch;
}

div.footer_flex div.footerbox01{
flex-basis:320px;
padding: 0px;
}

div.footer_flex div.footerbox01 ul{
width: 310px;
}

div.footer_flex div.footerbox01 ul li{
font-size:13px;
margin:0px auto 1px 15px;
color:rgba(126,105,79,1.00);
text-align: left;
list-style-type: none;
}

div.footer_flex div.footerbox01 ul li.name{
font-size:16px;
margin-bottom: 5px;
color:rgba(126,105,79,1.00);
text-align: left;
list-style-type: none;
text-indent: -0.2em;
}

div.footer_flex div.footerbox01 ul li.name img{
display: inline-block;
margin-right: 3px;
vertical-align:bottom;
}

div.footer_flex div.footerbox02{
flex-basis:510px;
padding-top: 20px;
margin: 0px;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.footer div.copy{
width:850px;
height:22px;
margin:30px auto;
color:rgba(139,122,99,1.00);
text-align:center;
font-size:12px;
}