@charset "UTF-8";
/* CSS Document */

/*メディアクエリ基準*/


@media screen and (min-width:961px) {
.burgerMenu {display: none;}
}


/*　ハンバーガーボタン　*/
.hamburger {
  display : block;
  position: fixed;
  z-index : 11;
  right : 15px;
  top   : 100px;
  width : 45px;
  height: 45px;
  cursor: pointer;
  text-align: center;}
	/*
@media screen and (max-width:864px) {
.hamburger {  
	right : 15px;
 top   : 130px;
	width : 90px;
 height: 90px;}
}
*/
.hamburger span {
  display : block;
  position: absolute;
  width   : 45px;
  height  : 5px ;
  /*left    : 6px;*/
  background : #000;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;}
/*
@media screen and (max-width:864px) {
.hamburger span { width:60px;  height  : 4px ;}
}*/
.hamburger span:nth-child(1) { top: 14px;background-color: #c03f43 ;}
.hamburger span:nth-child(2) { top: 28px;background-color: #717c39 ;}
/*@media screen and (max-width:864px) {
.hamburger span:nth-child(2) { top: 36px;}
}*/
.hamburger span:nth-child(3) { top: 42px;background-color: #c0602e ;}
/*@media screen and (max-width:864px) {
.hamburger span:nth-child(3) { top: 56px;}
}*/

 
/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
z-index : 3;
  top : 16px;
  /*right: 6px;*/
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}
.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
z-index : 3;
  top: 16px;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

nav.globalMenuSp {
  position: fixed;
  z-index : 2;
  top  : 0;
  left : 0;
  color: #000;
  background: rgba(255,255,255,0.95);
  text-align: center;
  transform: translateX(110%);
  transition: all 0.6s;
  width: 100%;
	height: 100vh;
	/*box-shadow: 0px 0px 15px #ccc;*/
}

nav.globalMenuSp ul {
  margin: 55px auto 0;
  padding: 0 0 30px;
  width: 100%;
	min-width: 410px;
	display: flex;
	flex-wrap: wrap; 
	justify-content: space-around;
	align-items: center;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
	margin: 0;
  width: 100%;
  border-bottom: 1px solid #ccc;
}

nav.globalMenuSp ul li.menu_home:hover{background :#fff;}

nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
nav.globalMenuSp ul li:hover{
   background :var(--blue); transition: 0.5s ease-out;
}

nav.globalMenuSp ul li a {
  display: block;
  color: #000;
  padding: 1.3em 0;
  text-decoration :none;
}
nav.globalMenuSp ul li a:hover {color: #fff;}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
  transform: translateX(25%);
}


.burger-side-menu {width: 270px; font-weight: 600; /*background: url("../img/under_bar01.png") top center no-repeat;*/}
.burger-side-menu a { display: flex; flex-wrap: wrap; align-items: center; height: 60px; padding:2px 0 2px 18px; background: url("/common_files/img/under_bar01.png") bottom center no-repeat;}
.burger-side-menu a:last-child {background:none;}

.burger-side-menu a.index-link-home::before {content: ""; display: inline-block; width: 45px; height: 45px; background-image: url("/common_files/img/index-link-home.png"); background-size: contain; background-repeat: no-repeat; margin-right: 15px;background-position: center 2px;}
.burger-side-menu a.index-link-kyouan::before {content: ""; display: inline-block; width: 45px; height: 45px; background-image: url("/common_files/img/leaf2.png"); background-size: contain; /* または cover */ background-repeat: no-repeat; margin-right: 15px;background-position: center 2px;}
.burger-side-menu a.index-link-news::before {content: ""; display: inline-block; width: 45px; height: 45px; background-image: url("/common_files/img/tori01.png"); background-size: contain; background-repeat: no-repeat; margin-right: 15px;background-position: center 2px;}
.burger-side-menu a.index-link-litany::before {content: ""; display: inline-block; width: 45px; height: 45px; background-image: url("/common_files/img/litany02.png"); background-size: contain; background-repeat: no-repeat; margin-right: 15px;background-position: center;}
.burger-side-menu a.index-link-yomimono::before {content: ""; display: inline-block; width: 45px; height: 45px; background-image: url("/common_files/img/flower01.png"); background-size: contain; background-repeat: no-repeat; margin-right: 15px;background-position: center;}
.burger-side-menu a.index-link-waiwai::before {content: ""; display: inline-block; width: 45px; height: 45px; background-image: url("/common_files/img/waiwai01.png"); background-size: contain; background-repeat: no-repeat; margin-right: 15px;background-position: center;}
.burger-side-menu a.index-link-iroiro::before {content: ""; display: inline-block; width: 45px; height: 45px; background-image: url("/common_files/img/iroiro-about.png"); background-size: contain; background-repeat: no-repeat; margin-right: 15px;background-position: center;}
.burger-side-menu a.index-link-kenkin::before {content: ""; display: inline-block; width: 45px; height: 45px; background-image: url("/common_files/img/kenkin.png"); background-size: contain; background-repeat: no-repeat; margin-right: 15px;background-position: center;}
.burger-side-menu a.index-link-osusume::before {content: ""; display: inline-block; width: 45px; height: 45px; background-image: url("/common_files/img/recommendBook.png"); background-size: contain; background-repeat: no-repeat; margin-right: 15px;background-position: center;}
.burger-side-menu a.index-link-edhitor::before {content: ""; display: inline-block; width: 45px; height: 45px; background-image: url("/common_files/img/forEditor.png"); background-size: contain; background-repeat: no-repeat; margin-right: 15px;background-position: center;}
.burger-side-menu a.index-link-inq::before {content: ""; display: inline-block; width: 45px; height: 45px; background-image: url("/common_files/img/inq.png"); background-size: contain; background-repeat: no-repeat; margin-right: 15px;background-position: center;}



/*スマートフォン（ここから追加）
@media screen and (max-width:599px) {
  .hamburger{
    width: 60px ;
    height: 60px;
  }
  .hamburger span:nth-child(1) {
    top: 10px;
    background-color: #c03f43 ;
  }
  .hamburger span:nth-child(2) {
    top: 25px;
    background-color: #717c39 ;
  }
  .hamburger span:nth-child(3) {
    top: 40px;
    background-color: #c0602e ;
  }

  .index-logo{
  width: 45% ;
}

.logo1{
  width: 100% ;
}

  .index-side-menu a.index-link-iroiro::before,.index-side-menu a.index-link-kenkin::before,.index-side-menu a.index-link-osusume::before{
    width: 30px  ;
    height: 30px ;
  }


h3.index-titles img{
  width: 50px ;
}



.index_kyouan{
  display: block;
}

.index_kyouan img{
 width: 35%;
}

.index_kyouan a.kochira{
  width: 60%;
  padding: 5px;
  margin: 20px auto;
}

}*/