@charset "utf-8";
body {
  font-family:'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic', sans-serif;
	/*'Avenir','Helvetica Neue','Helvetica','Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック',*/
}
body{padding-top: 87px;}
@media (min-width:768px) and (max-width:991.98px){body {padding-top: 76px;}.navbar-brand img {height: 50px; width:auto;}}
@media (min-width:576px) and (max-width:767.98px){body {padding-top: 66px;}.navbar-brand img {height: 40px; width:auto;}}
@media (max-width:575.98px){body {padding-top: 62px;}
.navbar-brand img {height: 36px; width:auto;}}
header{position: absolute;width: 100%;
top: 0;
left: 0;
z-index: 10000;}

/*typo*/
.text-smoll{font-size: 0.8em;}
.h3-caption,#event h3.h3-caption{font-size: 20px; margin: 1em 0;color: #000000;}
/*color*/
.bg-base-f{background: #5E3402;padding-bottom: 3em;}
.bg-base{background: #5E3402;}
@media screen and (max-width:991.98px) {
	.bg-base{
    background-color: rgba(255,255,255,0.00);
}
	.bg-base-65{
    background-color: #e9e0d9;
}
}
/*space*/
.pt-10{padding: 100px 0;}
.pb-10{padding-bottom: 5em;}

/*nav*/
.navbar-dark .navbar-nav .nav-link{color: #ffffff;}
.nav-link img.nav-icon-pc{margin-right: 0.25em;height: 28px; width: auto;}
.nav-link img.sns-icon-pc{margin-right: 0.25em;height: 20px; width: auto;}
.nav-link img.nav-icon-sp,.nav-link img.sns-icon-sp{display: none;}
@media  screen and (max-width:991.98px){.nav-link img.nav-icon-pc,.nav-link img.sns-icon-pc{display: none;}
.nav-link img.nav-icon-sp{margin-right: 0.5em;height: 28px; width: auto;display: inline-flex;}
	.navbar-dark .navbar-nav .nav-link:hover{color: rgba(0, 0, 0, 0.5);}
	.nav-link img.sns-icon-sp{display: block;}

	#list-sns .navbar-nav{margin-top: 0 auto;padding: 20px;display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;flex-direction: row;text-align: center;
   }
	#list-sns .navbar-nav li{  width: 100%;   box-sizing: border-box;}
	#list-sns .navbar-nav li a{  display: flex;
    
    width: 100%;}
	#list-sns .navbar-nav li a.icon-right{
		justify-content: right;padding-right: 0.5em;
    align-items: right;
    text-align: right;
	}
	#list-sns .navbar-nav li a.icon-left{
		justify-content: left;padding-left: 0.5em;
    align-items: left;
    text-align: left;
	}
}
/*nav*/
nav {font-weight: 500;}

@media screen and (min-width:992px) {
.navbar-expand-lg .navbar-nav .nav-link-sns .nav-link{padding-right: 0.1rem;
  padding-left: 0.55rem; }
.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  padding-bottom: 0;
  padding-top: 0;
}
.nav-border li.nav-r{border-right: 1px solid #ffffff;}
.nav-border li.nav-r:first-child{border-left: 1px solid #ffffff;}
}
@media screen and (max-width:991.98px) {

.nav-border li.nav-r{border-bottom: 1px solid #5E3402;padding: 0.5em;}	
.nav-border li.nav-r:first-child{border-top: 1px solid #5E3402;}		
}
/* トグルclose */
.navbar-nav{margin-top: 0px;padding: 0px;text-align: left;
   }
@media screen and (max-width:991.98px) {
.navbar-dark .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 1.0);font-weight: 600;
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 1.0)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-toggler {
  color: rgba(0, 0, 0, 1.0);
  border-color: rgba(255, 255, 255, 0.0);
}
.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 0px solid transparent;
    border-radius: 0.25rem;
}
button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}
    button[aria-expanded="true"] > span {
      position: relative;
      display: none;
    }
     

    button[aria-expanded="true"]::after {
      position: relative;
      /*top: 20px;
      right: 20px;*/
      font-size: 34px;color:rgba(0, 0, 0, 1.0); ;
      content: "\002716";font-weight: 300;

}
.navbar-nav{margin-top: 0px;padding: 20px;text-align: left;
   }}
/*footer*/
footer{border-top: 1px solid #5E3402;padding: 0.25em 0 0em 0;text-align: center;color: #ffffff;}
footer h2 img{width: 180px; height: auto;margin: 1.0em 0 0.5em 0;}
/*main*/
.main-bg{background: url("../images/main-bg_01.jpg");background-size: cover;}
.main-bg img.img-fluid{width: 100%;height: auto;}
@media screen and (max-width:991.98px) {
	.main-bg{margin-top: -87px; background-size: cover;background-position: center bottom;}
	.main-img{margin-top: 75px; }
}
/*index*/
#main-content h2{font-size: 36px;text-align: center;}
#main-content h2 img{margin-right: 0.25em;}
#main-content h2.h2-line01{background: url("../images/ira-line01.png") ,url("../images/ira-line02.png");background-repeat: no-repeat;background-position: left,right;background-size: 35%;padding: 1em;}
@media screen and (min-width:768px) and (max-width:991.98px){
	#main-content h2{font-size: 30px;text-align: center;}
	#main-content h2.h2-line01{background: url("../images/ira-line01.png") ,url("../images/ira-line02.png");background-repeat: no-repeat;background-position: left,right;background-size: 30%;font-size: 30px;padding: 1em;}}

@media screen and (min-width:576px) and (max-width:767.98px){
	#main-content h2.h2-line01{background: #ffffff;font-size: 22px;padding: 0.5em;}
#main-content h2{font-size: 22px;text-align: center;}
	.ira-line03{display: none;}
}
@media screen and  (max-width:575.98px){
#main-content h2{font-size: 20px;text-align: center;}
	#main-content h2.h2-line01{background: #ffffff;font-size: 22px;padding: 0.5em;}
	#main-content h2 img{margin: 0 auto 0.25em auto;display: block;}
	.ira-line03{display: none;}
}
.bg-line02{background: url("../images/ira-line03.svg");background-repeat: no-repeat;background-position:bottom; padding-bottom: 5em;}

.bg-01{background: url("../images/mainbg01-pc.png");background-size: 100% auto;background-repeat: no-repeat;background-position:top;}
.bg-02{background: url("../images/mainbg02-pc.png");background-size: 100% auto;background-repeat: no-repeat;background-position:top;}
.bg-03{background: url("../images/mainbg03-pc.png");background-size: 100% auto;background-repeat: no-repeat;background-position:top;}
.bg-01 h2,.bg-02 h2,.bg-03 h2{margin: 2.5em 0 1em 0;}
@media screen  and (min-width:576px) and  (max-width:767.98px){
	.bg-01 h2{margin: 1.5em 0 1em 0;}
	.bg-02 h2,.bg-03 h{margin: 3.5em 0 1em 0;}
	.bg-01{background: url("../images/mainbg01-sp.png");background-size: 140% auto;background-repeat: no-repeat;background-position:top;}
.bg-02{background: url("../images/mainbg02-sp.png");background-size: 120% auto;background-repeat: no-repeat;background-position:top;}
.bg-03{background: url("../images/mainbg03-sp.png");background-size: 140% auto;background-repeat: no-repeat;background-position:top;}
}
@media screen  and (max-width:576px){
	.bg-01 h2{margin: 0.75em 0 1em 0;}
	.bg-02 h2,.bg-03 h{margin: 3.5em 0 1em 0;}.bg-01{background: url("../images/mainbg01-sp.png");background-size: 140% auto;background-repeat: no-repeat;background-position:top;}
.bg-02{background: url("../images/mainbg02-sp.png");background-size: 140% auto;background-repeat: no-repeat;background-position:top;}
.bg-03{background: url("../images/mainbg03-sp.png");background-size: 140% auto;background-repeat: no-repeat;background-position:top;}}
/**/
.text-20L{font-size: 1.2em;}

/*etc*/
.btn-more{background:#ffffff ;border: 2px solid #9E9E9F;border-radius: 50px;padding: 0.25em 1em;margin: 2em auto;display: inline-block;color: #231815;font-weight: 600;}
.btn-more:hover{background:#9E9E9F ;color:#ffffff ;}
/*event*/

#event h3{color:#009FE6;font-size: 20px; }
#event h3,#event p{padding:0em 0.5em;}
#event img{padding: 0.5em;}
#event span.badge{width: 60px;background: #9e9ea0;color: #ffffff;margin-right: 0.5em;}

@media screen and (max-width:767.98px){
#event h3{color:#009FE6;font-size: 14px; padding:0.5em 0 0em 0.25em;}
#event p{padding:0em;font-size: 0.8em;}
#event img{padding: 0em;}
#event span.badge{width: 43px;background: #9e9ea0;color: #ffffff;margin-right: 0.25em;}
	
}

/*news*/
.list-news{text-align: left;background: #ffffff;border: 1px solid #9E9E9F;padding: 0;margin: 0;}
.list-news li{padding: 0.5em 1em;border-bottom: 1px solid #9E9E9F;}
.list-news li:last-child{border-bottom: 0px ;}
.date{font-weight: 600;}

/*select*/
#search h3{font-size: 24px;margin-top: 0.5em;}
#search h3 span{color:#009FE6; }
@media screen and (max-width:767.98px){
	#search h3{font-size: 22px;margin-top: 1em;}
#search img.items{padding: 0em 0 1em 0;}
}
.select {
  background: #9E9E9F;
  height: 36px;
  width: 80%;
  border-radius: 5px;
  position: relative;margin: 0.5em auto;
	z-index: 1;}

  .select::after {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    right: 10px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    z-index: -1;
  }

select {
  /* 初期化 */
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: none;
  color: #ffffff;
  font-size: 16px;
  width: 100%;
  height: 100%;
  padding: 5px 10px 0 10px;
  position: relative;
}
option[selected][disabled] {
  display: none;color: #ffffff;
}
select option{color: #000;}
 @media screen and (max-width:767.98px){
	 .select {
  background: #9E9E9F;
  height: 30px;
		 width: 100%;}
	 select{  font-size: 14px;}
}
/*リンクの形状*/
#page-top a{
  display: flex;
  justify-content:center;
  align-items:center;
  background:#5E3402;
  border-radius: 30px;
  width: 60px;
  height: 60px;
  color: #fff;
  text-align: center;
  text-transform: uppercase; 
  text-decoration: none;
  font-size:0.6rem;
  transition:all 0.3s;
}

#page-top a:hover{
  background: #908C89;
}

/*リンクを右下に固定*/
#page-top {
  position: fixed;
  right: 10px;
  bottom:10px;
  z-index: 2;
    /*はじめは非表示*/
  opacity: 0;
  transform: translateY(100px);
}

/*　上に上がる動き　*/

#page-top.UpMove{
  animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }
  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/*　下に下がる動き　*/

#page-top.DownMove{
  animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
    opacity: 1;
  transform: translateY(0);
  }
  to {
    opacity: 1;
  transform: translateY(100px);
  }
}

/**/
#event .img-thum{width: 340px; height: 227px;border: 0px solid #ccc;padding: 0.5em;}
#event .img-thum img{width: 100%; height: 100%;object-fit: cover;padding: 0;margin: 0;}
@media screen and (min-width:992px) and (max-width:1199.98px){
	#event .img-thum{width: 280px; height: 187px;border: 0px solid #ccc;padding: 0.5em;}	
}
@media screen and (min-width:768px) and (max-width:991.98px){
	#event .img-thum{width: 200px; height: 133px;border: 0px solid #ccc;padding: 0.25em;}	
}
@media screen and (min-width:576px) and (max-width:767.98px){
	#event .img-thum{width: 140px; height: 93px;border: 0px solid #ccc;padding: 0em;}	
}
@media screen and (min-width:480px) and  (max-width:575.98px){
	#event .img-thum{width: 195px; height: 130px;border: 0px solid #ccc;padding: 0em;}	
}
@media screen and  (max-width:479.98px){
	#event .img-thum{width: 135px; height: 90px;border: 0px solid #ccc;padding: 0em;}	
}