@charset "UTF-8";
/*---------------------------------------------------------------------
　CSS : Layout
---------------------------------------------------------------------*/
/* Base
/* Header
/* globalMenu
/* パンくず
/* メインカラム（1カラム）、サブカラム（2カラム）※サブカラムパーツ含む
/* Footer
/* pageTop
/* form

/* 	Base
++++++++++++++++++++++++++++++++++*/
html{}

body{
  position: relative ;
	width:100% ;
	min-width: 1180px ;
	margin:0;
	padding:0;
	font-size: 1.5rem ;
	line-height: 1.5 ;
	-webkit-text-size-adjust: 100%;
}

.inner{
	padding: 0 0 0 0;
	position: relative;
	margin: 0 auto;
}

.baseWidth{
	width: 1180px ;
}

.box_center{
  margin: 0 atuo;
}

.clearfix::after{
	content: "";
	display: block;
	clear: both;
}

@media screen and (max-width:1180px ){
	body{
		min-width: 100% ;
	}
	.baseWidth{
		width: 100% ;
	}
}

/* fontsize　change
-----------------------------------------*/
html.fontSmall { font-size: 50% }
html.fontMiddle { font-size: 62.5 }
html.fontLarge { font-size: 75% }

/* 	Header
++++++++++++++++++++++++++++++++++*/
header{
    margin-bottom: 10px;
}

	/*  .inner  */
    header .inner{
      height: 90px ;
      padding-top: 15px;
      padding-bottom: 15px ;
      background-position: -2px 0 ;
      background-repeat: no-repeat ;
      background-size: 105px 84px ;
    }

    /*  .inner_rightmark_pattern  */
    #index header .inner,
    #about header .inner,
    #under header .inner,
    #news header .inner,
    #blog header .inner,
    #contact header .inner,
    #minwa header .inner,
    #ichikawa header .inner,
    #iseki header .inner,
    #ezu header .inner,
    #miyasaka header .inner,
    #purpose header .inner,
    #sitemap header .inner,
    #old-doc header .inner,
    #dogu header .inner{
      background-image: url("../images/about/about_header.svg");
    }
    #guide header .inner{
      background-image: url("../images/guide/guide_header.svg");
    }
    #exhibition header .inner{
      background-image: url("../images/exhibition/exhibition_header.svg");
    }
    #permanent header .inner{
      background-image: url("../images/permanent/permanent_header.svg");
    }
    #event header .inner{
      background-image: url("../images/event/event_header.svg");
    }
    #school header .inner{
      background-image: url("../images/school/school_header.svg");
    }
    #books header .inner{
      background-image: url("../images/books/books_header.svg");
    }
    #publication header .inner{
      background-image: url("../images/publication/publication_header.svg");
    }

		/*  h_logo  */
		header #h_logo{
            padding-top: 10px ;
            text-align: center ;
        }

      header #h_logo a{
        width:215px;
        height:auto;
        display: block;
        margin: 0 auto;
      }

        header #h_logo a img{
          width:100%;
          height:auto;
        }
        /*header #h_logo a{
            font-family: 'Noto Sans JP', sans-serif;
            font-size:30px;
            text-decoration: none;
            display: inline-block;
            line-height: 0.7em;
            text-align: right;
        }
        header #h_logo span{
            font-family: 'Lato', sans-serif;
            font-size:15px;
            display: inline-block;
            margin-top: -5px;
        }*/     

		/*  h_submenu  */
		header #h_submenu{
      width: 450px ;
      position: absolute ;
      top: 0 ;
      right: 0 ;
      font-size:15px;
    }

			header #h_submenu .skip-link,
			header #h_submenu .h_access,
			header #h_submenu .h_fontsize,
			header #h_submenu .h_bgcolor,
			header #h_submenu .h_search,
			header #h_submenu .h_language{
				display: inline-block ;

			}

			/*  skip-link  */
			header #h_submenu .skip-link{
				position: absolute;
				top: -1180px ;
				opacity: 0 ;
			}

        /*  h_language/h_fontsize/h_bgcolor  */
      header #h_submenu .h_language,
      header #h_submenu .h_fontsize,
      header #h_submenu .h_bgcolor{
        width: 120px ;
        margin: 15px 0 7px 0;
        text-align: center;
        }

        header #h_submenu .h_language p,
        header #h_submenu .h_fontsize p,
        header #h_submenu .h_bgcolor p{
          position: relative;
          cursor: pointer;
          background: #fafafa;
        }

        header #h_submenu .h_language p:after,
        header #h_submenu .h_fontsize p:after,
        header #h_submenu .h_bgcolor p:after{
          font-family: "Font Awesome 5 Free";      
          font-weight: 900;
          position: absolute;
          right: 45%;
          bottom:-15px;
          z-index: 150;
        }

        header #h_submenu .h_language p#h_language_ttl:after,
        header #h_submenu .h_fontsize p#h_fontsize_ttl:after,
        header #h_submenu .h_bgcolor p#h_bgcolor_ttl:after{
          content: '\f107';
        }

        header #h_submenu .h_language p#h_language_ttl.up:after,
        header #h_submenu .h_fontsize p#h_fontsize_ttl.up:after,
        header #h_submenu .h_bgcolor p#h_bgcolor_ttl.up:after{
          content: '\f106';
        }
        header #h_submenu .h_language ul,
        header #h_submenu .h_fontsize ul,
        header #h_submenu .h_bgcolor ul{
            display: none;
            position: absolute;
            z-index: 100;
            width:120px;
            background: #fafafa;
            padding-top: 5px;
        }
        header #h_submenu .h_language li,
        header #h_submenu .h_fontsize li,
        header #h_submenu .h_bgcolor li{
          list-style: none;
          padding: 5px 0px;
          border-bottom:1px solid #4f5961;
          cursor: pointer;
          display: block; 
        }
        header #h_submenu .h_language a{
            display: block;
            padding-left: 35px;
        }
            header #h_submenu .h_language a.ja{
                background: url(../images/flag_jp.png);
                background-repeat: no-repeat;
                background-position: 10px;
            }
            header #h_submenu .h_language a.en{
                background: url(../images/flag_en.png);
                background-repeat: no-repeat;
                background-position: 10px;
            }
            header #h_submenu .h_language a.cn{
                background: url(../images/flag_cn.png);
                background-repeat: no-repeat;
                background-position: 10px;
            }
            header #h_submenu .h_language a.tw{
                background: url(../images/flag_cn.png);
                background-repeat: no-repeat;
                background-position: 10px;
            }
            header #h_submenu .h_language a.kr{
                background: url(../images/flag_kr.png);
                background-repeat: no-repeat;
                background-position: 10px;
            }

      /*  リンク  */
			header #h_submenu .hs_under{
        display:block ;
        margin-top: 10px ;}
			header #h_submenu .hs_under ul{
        overflow: hidden ;}
			header #h_submenu .hs_under ul li{
        width: 120px ;
        float: left ;
        list-style: none ;}
			header #h_submenu .hs_under ul li:nth-child(2){
        margin: 0 1% ;}
			header #h_submenu .hs_under ul li a{
        display: block ;
        padding: 2px 5px ;
        border: 1px solid #cacdd0 ;
        border-radius:5px ;
        text-align: center ;
        text-decoration: none ;}

			/*  h_search  */
			header #h_submenu .h_search{
        position: absolute ;
        background: #4f5961 ;
        top: 0 ;
        width:80px;
        overflow: hidden;
        right: 0px;
        z-index: 300;
        -webkit-transition: width 0.5s linear 0s;
        transition: width 0.5s linear 0s;}
      header #h_submenu .h_search.off{
        width:380px;
      }
			header #h_submenu .h_search .inner{
        width: 350px ;
        height:inherit;
        padding:0;
        margin: 16px 15px ;
        border: 3px solid #a7acb0 ;
        border-radius:5px ;
        background: #f0f0f0 ;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex ;}
      header #h_submenu .h_search .inner p{
        width: 40px ;
        background:#fad728 ;
        text-indent: -9999em ;
        background-image: url("../images/header_search.svg");
        background-position: 7px 5px ;
        background-repeat: no-repeat ;
        background-size: 40px 40px ;
        cursor: pointer;}
      header #h_submenu .h_search .inner input[type=text]{
        border: none ;
        width: 250px ;
        padding: 10px ;
        -webkit-box-sizing: border-box ;
        box-sizing: border-box ;
        background: #fff;
      }
			header #h_submenu .h_search .inner input[type=submit]{
        border: none ;
        height: 100% ;
        text-align: center;
        background: #F0F0F0;
        cursor: pointer;
			}

			/*  h_access  */
			header #h_submenu .h_access{
        margin-left: 15px ;}
			header #h_submenu .h_access a{
				display: block;
				min-height: 25px ;
				border: 1px solid #c9deec ;
        background: #c9deec ;
				padding: 0 10px ;
				border-radius:5px ;
        font-weight: bold ;
				text-decoration: none ;
			}
			header #h_submenu .h_access a:hover,
			header #h_submenu .h_access a:focus{
        background: #187fc4 ;
        color: #ffffff ;}


@media screen and (max-width:1180px ){
	/*  .inner  */
	header .inner{
    width:100% ; 
    background-size: 75px ;}
}

@media screen and (max-width:1179px) and (min-width: 897px) {
  header #h_logo{
      text-align: left;
      margin:0 auto;
      width:600px;
  }
  header #h_logo a{
    display: inline-block;
  }
  header #h_submenu .h_search{
    z-index: 151;
    width:15%;
  }
  #globalMenu nav ul li.first{
      min-width: inherit;
      width: 10%;
  }
}

@media screen and (max-width:896px){
  header #h_logo{
    text-align: left;
    margin-left: 60px;
    position: relative;
    /*z-index: 100;*/
  }
  /*header #h_logo a{
    font-size:2.5rem;
    line-height: 0.7em;
  }
  header #h_logo span{
    font-size:1.2rem;
  }*/
  header #h_logo a{
    width:185px;
    display: inline-block;
  }
  header #h_submenu{
    height:70px;
    width:100%;
    position: initial;
  }
  header #h_submenu .h_language, 
  header #h_submenu .h_fontsize, 
  header #h_submenu .h_bgcolor{
    display: none;
  }
  header #h_submenu .h_search{
    z-index: 100;
    width:65px;
    pointer-events: none;
  }
  header #h_submenu .h_search .inner{
    margin: 10px;
  }
  header #h_submenu .h_search.off{
    width:100%;
  }
  header #h_submenu .h_search{
    pointer-events: all;
  }
}

/*++++++++++++++++++++++++++++++++
 	globalMenu
++++++++++++++++++++++++++++++++++*/
#globalMenu{
	position: relative ;
	z-index: 10 ;
    margin-bottom: 15px ;
    }

	#globalMenu nav{
        margin: 0 auto ;
        position: relative ;
    }

	#globalMenu nav ul{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

	#globalMenu nav ul li.first{
		list-style: none ;
    min-width:130px;
    }

		#globalMenu nav ul li.first > h2,
		#globalMenu nav ul li.first > span{
   position: relative ;
   display: block ;
   padding: 17px 10px ;
   font-weight: bold ;
   -webkit-box-sizing: border-box ;
   box-sizing: border-box ;
   text-align: center ;
   text-decoration: none ;
   cursor: pointer;
  }

    #globalMenu nav ul li.first > h2.active:after,
    #globalMenu nav ul li.first > span.active:after,
    #globalMenu nav ul li.first > h2:after,
    #globalMenu nav ul li.first > span:after{
      position: absolute ;
      display: block ;
      content: '' ;
      bottom:-1px ;
      left: 50% ;
      margin-left: -6px ;
      border-top: 6px solid #61a0af;
      border-right: 6px solid transparent;
      border-left: 6px solid transparent;
    }
    #globalMenu nav ul li.first > h2:after,
    #globalMenu nav ul li.first > span:after{
      -webkit-transition: 0s;
      transition: 0s;/*マウスを外した時は時差をかけない*/
    }

    #globalMenu nav ul li.first > h2:hover,
    #globalMenu nav ul li.first > span:hover{}

    #globalMenu nav ul li.first > h2:hover:after,
    #globalMenu nav ul li.first > span:hover:after{
      margin-left: -10px ;
      border-top: none;
      border-bottom: 10px solid #4f5961;
      border-right: 12px solid transparent;
      border-left: 12px solid transparent;
      -webkit-transition: 0.1s;
      transition: 0.1s;/*マウスを載せた時は時差をかける*/
    }

    #globalMenu nav ul li.m01.first > h2:hover:after,
    #globalMenu nav ul li.m01.first > span:hover:after{
      border-bottom: 10px solid #fad728;
    }

    #globalMenu nav ul li.m02.first > h2:hover:after,
    #globalMenu nav ul li.m02.first > span:hover:after{
      border-bottom: 10px solid #61a0af;
    }

    #globalMenu nav ul li.m03.first > h2:hover:after,
    #globalMenu nav ul li.m03.first > span:hover:after{
      border-bottom: 10px solid #a37838;
    }

    #globalMenu nav ul li.m04.first > h2:hover:after,
    #globalMenu nav ul li.m04.first > span:hover:after{
      border-bottom: 10px solid #6d864e;
    }

    #globalMenu nav ul li.m05.first > h2:hover:after,
    #globalMenu nav ul li.m05.first > span:hover:after{
      border-bottom: 10px solid #a15369;
    }

    #globalMenu nav ul li.m06.first > h2:hover:after,
    #globalMenu nav ul li.m06.first > span:hover:after{
      border-bottom: 10px solid #3d765e;
    }

    #globalMenu nav ul li.m07.first > h2:hover:after,
    #globalMenu nav ul li.m07.first > span:hover:after{
      border-bottom: 10px solid #537092;
    }

    #globalMenu nav ul li.m08.first > h2:hover:after,
    #globalMenu nav ul li.m08.first > span:hover:after{
      border-bottom: 10px solid #817baa;
    }

        #globalMenu nav ul li.first.m01{
            background: url(../images/menubg01.png);
            background-position: center top;
            background-repeat: no-repeat;
        }

        #globalMenu nav ul li.first.m02{
            background: url(../images/menubg02.png);
            background-position: center top;
            background-repeat: no-repeat;
        }

        #globalMenu nav ul li.first.m03{
            background: url(../images/menubg03.png);
            background-position: center top;
            background-repeat: no-repeat;
        }

        #globalMenu nav ul li.first.m04{
            background: url(../images/menubg04.png);
            background-position: center top;
            background-repeat: no-repeat;
        }

        #globalMenu nav ul li.first.m05{
            background: url(../images/menubg05.png);
            background-position: center top;
            background-repeat: no-repeat;
        }

        #globalMenu nav ul li.first.m06{
            background: url(../images/menubg06.png);
            background-position: center top;
            background-repeat: no-repeat;
        }

        #globalMenu nav ul li.first.m07{
            background: url(../images/menubg07.png);
            background-position: center top;
            background-repeat: no-repeat;
        }

        #globalMenu nav ul li.first.m08{
            background: url(../images/menubg08.png);
            background-position: center top;
            background-repeat: no-repeat;
        }

        #globalMenu nav ul li.kids{
          text-indent: -9999px;
          background: url(../images/menu_kodomo.png) no-repeat;
          background-size: 100%;
        }

        #globalMenu nav ul li.kids a{
          display: block;
          padding: 17px 10px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          text-align: center;
        }

        #globalMenu nav ul li.kids img{
            max-width: inherit ;
        }

      #globalMenu nav ul li.first > span a{
        text-decoration: none;
        font-size:15px;
      }

    #globalMenu nav ul li.sub{
			display: none ;
		}

  	#globalMenu nav ul li .sub_navi{
      display: none ;
      position: absolute ;
      top:100% ;
      left: 0 ;
      min-width: 100% ;
      word-break: keep-all ;
      background: #4f5961;
      padding: 15px 0px 5px 0px;
      -webkit-box-sizing: border-box ;
      box-sizing: border-box ;
      -webkit-animation-name: subnav_collor;
      animation-name: subnav_collor;
      -webkit-animation-duration:0.1s;
      animation-duration:0.1s;
      -webkit-animation-timing-function:linear;
      animation-timing-function:linear;
      -webkit-animation-iteration-count:1;
      animation-iteration-count:1;/*アニメーションの繰り返す回数*/
      -webkit-animation-direction: normal;
      animation-direction: normal;
      -webkit-animation-fill-mode:none;
      animation-fill-mode:none;/*開始前と開始後のスタイル*/
    }

      @-webkit-keyframes subnav_collor {
        0% {height: 0px;}
        100% {height: 120%;}
      }

      @keyframes subnav_collor {
        0% {height: 0px;}
        100% {height: 120%;}
      }

    #globalMenu nav ul li.m01 .sub_navi{
      background: #fad728;
    }

    #globalMenu nav ul li.m02 .sub_navi{
      background: #61a0af;
    }

    #globalMenu nav ul li.m03 .sub_navi{
      background: #a37838;
    }

    #globalMenu nav ul li.m04 .sub_navi{
      background: #6d864e;
    }

    #globalMenu nav ul li.m05 .sub_navi{
      background: #a15369;
    }

    #globalMenu nav ul li.m06 .sub_navi{
      background: #3d765e;
    }

    #globalMenu nav ul li.m07 .sub_navi{
      background: #537092;
    }

    #globalMenu nav ul li.m08 .sub_navi{
      background: #817baa;
    }

@media screen and (min-width:896px ){
    #globalMenu nav ul li:hover .sub_navi,
    #globalMenu nav ul li .sub_navi.focused{
      display: block ;
    }
}

    #globalMenu nav ul li .sub_navi ul{
        /*overflow: hidden ;*/
        margin: 0 auto ;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex ;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width:1180px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    #globalMenu nav ul li.m04 .sub_navi ul,
    #globalMenu nav ul li.m05 .sub_navi ul,
    #globalMenu nav ul li.m06 .sub_navi ul,
    #globalMenu nav ul li.m07 .sub_navi ul{
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    #globalMenu nav ul li.m08 .sub_navi ul{
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
    }

    #globalMenu nav ul li .sub_navi ul li{
        display: inline-block;
        margin: 0px 10px 10px 0;
/*        max-width: 25%;*/
    }

    #globalMenu nav ul li .sub_navi ul li:last-child{
        margin-right: 130px ;
    }
			#globalMenu nav ul li .sub_navi.half ul li:nth-child(even){
            }
			#globalMenu nav ul li .sub_navi ul li a{
          position: relative;
          display: block;
          color: #fff;
          font-weight: bold;
          padding: 15px 15px 15px 35px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          text-align: left;
          text-decoration:none;
          background: #4f5961;
          border:1px solid #fff;
          border-radius: 10px;
          font-size:15px;
        }
			#globalMenu nav ul li .sub_navi ul li a:before{
            position: absolute;
            display: block;
            content: '';
            top: 15px;
            left: 10px;
            width: 17px;
            height: 17px;
            border-radius: 50%;
            background: #fad728;
        }
      #globalMenu nav ul li .sub_navi ul li a:after{
          position: absolute;
          display: block;
          content: '';
          left: 15px;
          top: 20px;
          width: 4px;
          height: 4px;
          border-top: 2px solid #4f5961;
          border-right: 2px solid #4f5961;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          /*background: #fff;
          color:#1a1a1a;
          border:#1a1a1a 1px solid;*/
      }

      /*収蔵史資料検索のみ目立たせる*/
      #globalMenu nav ul li.m07 .sub_navi ul li:nth-child(2) a{
        background: #6e4a55;
      }
      #globalMenu nav ul li.m07 .sub_navi ul li:nth-child(2) a:hover {
        background: #fbfaf4;
        color:#942343;
        opacity: 1;
      }

#globalMenu nav ul li .sub_navi ul li a:hover{
  background: #fbfaf4;
  color:#4f5961;
  opacity: 1;
}
			/*navigation*/
			#sp_menu{
				display: none;
			}

@media screen and (max-width:1180px ){
  #globalMenu nav ul li .sub_navi ul{
    width:100%;
  }
  #globalMenu nav ul li .sub_navi ul li:last-child{
    margin-right: 0px ;
  }
  #globalMenu nav ul li.m02.first > h2:hover:after,
  #globalMenu nav ul li.m03.first > h2:hover:after,
  #globalMenu nav ul li.m04.first > h2:hover:after,
  #globalMenu nav ul li.m07.first > h2:hover:after,
  #globalMenu nav ul li.m08.first > h2:hover:after,
  #globalMenu nav ul li.m02.first > span:hover:after,
  #globalMenu nav ul li.m03.first > span:hover:after,
  #globalMenu nav ul li.m04.first > span:hover:after,
  #globalMenu nav ul li.m07.first > span:hover:after,
  #globalMenu nav ul li.m08.first > span:hover:after{
    position: absolute;
    bottom:-1.5em;
	}
}

@media screen and (max-width:1090px ){
  #globalMenu nav ul li.m07.first > h2:hover:after,
  #globalMenu nav ul li.m07.first > span:hover:after{
    bottom:0;
  }
  #head_gmenu{
    display: block !important ;
  }
}

@media screen and (max-width:960px ){
  #globalMenu nav ul li.m02.first > h2:hover:after,
  #globalMenu nav ul li.m02.first > span:hover:after{
    bottom:0;
  }
  #head_gmenu{
    display: block !important ;
  }
}

@media screen and (max-width:1179px) and (min-width: 897px) {
  #globalMenu nav ul li.first{
      min-width: inherit;
      width: 10%;
  }
  #head_gmenu{
    display: block !important ;
  }
}

@media screen and (max-width:896px ){
  #head_gmenu{
    display: block !important ;
  }
  #globalMenu{
    display: none ;
  	position:absolute;
    top: 70px ;
    width: 100% ;
    z-index: 1000 ;}

	#globalMenu nav{
    width: 100%;}

	#globalMenu nav ul{
    padding: 15px 0px;
		display: block ;
    background: #4f5961;
  }

	#globalMenu nav ul li{
    display: block ;
    color: #ffffff ;
  background: #4f5961;}
  
  #globalMenu nav ul li.first.m01,
  #globalMenu nav ul li.first.m02,
  #globalMenu nav ul li.first.m03,
  #globalMenu nav ul li.first.m04,
  #globalMenu nav ul li.first.m05,
  #globalMenu nav ul li.first.m06,
  #globalMenu nav ul li.first.m07,
  #globalMenu nav ul li.first.m08{
    display: block ;
    color: #ffffff ;
    background: #4f5961;
  }
  
  #globalMenu nav ul li.first > h2,
  #globalMenu nav ul li.first > span{
    padding: 0;
  }
  
    #globalMenu nav ul li.first > h2.active:after,
    #globalMenu nav ul li.first > span.active:after,
    #globalMenu nav ul li.first > h2:after,
    #globalMenu nav ul li.first > span:after{
      position: static;
      margin-left: 0 ;
      border-top: none;
      border-right: none;
      border-left: none;}

    #globalMenu nav ul li.first > h2:hover,
    #globalMenu nav ul li.first > span:hover{
      color: #4f5961 ;}

    #globalMenu nav ul li.first > h2:hover:after,
    #globalMenu nav ul li.first > span:hover:after{
      margin-left: 0 ;
      border-top: none;
      border-right: none;
      border-left: none;}
  
    #globalMenu nav ul li.m01.first > h2:hover:after,
    #globalMenu nav ul li.m05.first > h2:hover:after,
    #globalMenu nav ul li.m06.first > h2:hover:after,
    #globalMenu nav ul li.m01.first > span:hover:after,
    #globalMenu nav ul li.m05.first > span:hover:after,
    #globalMenu nav ul li.m06.first > span:hover:after{
    border-bottom:0;
  }

  #globalMenu nav ul li.first > h2 a,
  #globalMenu nav ul li.first > span a,
  #globalMenu nav ul li.kids,
  #head_gmenu ul li a{
      width: 90% ;
      position: relative;
      display: block;
      color: #fff;
      border: 1px solid #fff;
      border-radius: 15px;
      margin: 0 auto 15px;
      padding: 10px;
    }
  
  #head_gmenu ul li a{
    text-align: center;
    text-decoration: none;
    font-weight: bold;
  }

   #globalMenu nav ul li.first > h2 a:before,
   #globalMenu nav ul li.first > span a:before,
   #globalMenu nav ul li.kids:before,
   #head_gmenu ul li a:before{
      position: absolute;
      display: block;
      content: '';
      top: 12px;
      left: 17px;
      width: 17px;
      height: 17px;
      border-radius: 50%;
      background: #fad728;
    }
  
   #globalMenu nav ul li.first > h2 a:after,
   #globalMenu nav ul li.first > span a:after,
   #globalMenu nav ul li.kids:after,
   #head_gmenu ul li a:after{
      position: absolute;
      display: block;
      content: '';
      left: 21px;
      top: 17px;
      width: 4px;
      height: 4px;
      border-top: 2px solid #4f5961;
      border-right: 2px solid #4f5961;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
  
      #globalMenu nav ul li.kids{
        text-indent: 0;
        background: none;
        font-weight: bold;
      }

    #globalMenu nav ul li.kids a{
      display: block;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      text-align: center;
      color:#fff;
      padding: 0;
      text-decoration:none;
    }

    #globalMenu nav ul li.kids img{
        max-width: inherit ;
    }

  	#globalMenu nav ul li .sub_navi{
      display: none ;
      position: relative;
      width: 100% ;
      background-color: rgba(255,255,255,1) ;
      padding: 0;
      border: none;
    }
      #globalMenu nav ul li .sub_navi ul{
        width: 100% ;
        margin: 0 auto ;}
			#globalMenu nav ul li .sub_navi ul li{
        border-bottom: 1px solid #cccccc ;
        margin: 0 ;
			}
			#globalMenu nav ul li .sub_navi ul li:last-child{
                border-bottom: none ;
            }
            #globalMenu nav ul li .sub_navi.half ul{
                display: block ;
            }
            #globalMenu nav ul li .sub_navi.half ul li{
                width: 100% ;
				margin: 0 ;
            }
			#globalMenu nav ul li .sub_navi ul li span{
                position: relative ;
				padding: 5px 15px ;
				text-align: left ;
				text-decoration: none;
			}

/*  sp_menu  */
	#sp_menu{
    width: 45px ;
		display: block;
  position: absolute;
    top: 11px;
    right: 65px;}
	#panel-btn{
		display: block;
		position: relative;
		background: #fff;
		padding: 28px 39px 11px 0px;
		cursor:pointer;
		border-radius:3px;
		color: #1a1a1a;
		font-size: 1rem;
		line-height: 1;
		border: none ;
        margin-left: 5px ;
        overflow: visible;
	}
  
  ul#menu_list a {
    text-decoration: none;
  }
  
		#panel-btn-icon{
			display: block;
			position: absolute;
			top: 49%;
			left: 31%;
			width: 26px;
			height: 3px;
			margin: -1px 0 0 -6px;
			background: #1a1a1a;
			-webkit-transition: .2s;
			transition: .2s;
			text-indent: -9999em ;
		}
		#panel-btn-icon:before, #panel-btn-icon:after{
			display: block;
			content: "";
			position: absolute;
			top: 43%;
			left: 0;
			width: 26px;
			height: 3px;
			background: #1a1a1a;
			-webkit-transition: .3s;
			transition: .3s;
		}
		#panel-btn-icon:before{
			margin-top: -11px;
		}
		#panel-btn-icon:after{
			margin-top: 9px;
		}
		#panel-btn span.close{
			background: transparent;
		}
		#panel-btn span.close:before, #panel-btn .close:after{
			margin-top: 0;
		}
		#panel-btn span.close:before{
			transform: rotate(-45deg);
			-webkit-transform: rotate(-45deg);
		}
		#panel-btn span.close:after{
			transform: rotate(-135deg);
			-webkit-transform: rotate(-135deg);
		}
  #panel-btn-txt{
    position: absolute;
    bottom: -6px;
    left: 5px;
  }
}

/*++++++++++++++++++++++++++++++++++
 	main
++++++++++++++++++++++++++++++++++*/
main{
	position: relative;
  margin-bottom: 50px;}

	/*  パンくず
	------------------------------*/
	main #footprint{
		-webkit-box-sizing: border-box ;
		box-sizing: border-box ;
		margin: 0 auto;
	}

    main #footprint .inner ul{
      overflow: hidden;
      white-space: nowrap;
      width: 98%;
    }
    main #footprint .inner ul li{
      list-style: none ;
      display: inline-block ;}

    main #footprint .inner ul li span,
    main #footprint .inner ul li a{
      position: relative ;
      display: block ;
      padding: 15px 30px 15px 15px ;
      -webkit-box-sizing: border-box ;
      box-sizing: border-box ;
      text-decoration: none ;
        color:#fff;}

    main #footprint .inner ul li a:after{
      position: absolute ;
      display: block ;
      content: '' ;
      top:0 ;
      right: 5px ;
      width: 50px;
      height:100%;
      border-top: 3px solid #ffffff;
      border-right: 3px solid #ffffff;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);}

    /*footprint color*/
    body#about main #footprint .inner,
    body#under main #footprint .inner,
    body#news main #footprint .inner,
    body#blog main #footprint .inner,
    body#contact main #footprint .inner,
    body#minwa main #footprint .inner,
    body#ichikawa main #footprint .inner,
    body#iseki main #footprint .inner,
    body#ezu main #footprint .inner,
    body#miyasaka main #footprint .inner,
    body#purpose main #footprint .inner,
    body#sitemap main #footprint .inner,
    body#old-doc main #footprint .inner,
    body#dogu main #footprint .inner{
      background: #fad728 ;}

    body#guide main #footprint .inner{
      background: #61a0af ;}

    body#exhibition main #footprint .inner{
      background: #a37838 ;}

    body#permanent main #footprint .inner{
      background: #6d864e ;}

    body#event main #footprint .inner{
      background: #a15369 ;}

    body#school main #footprint .inner{
      background: #3d765e ;}

    body#books main #footprint .inner{
      background: #537092 ;}

    body#publication main #footprint .inner{
      background: #817baa ;}
   
        body#about main #footprint .inner ul li span,
        body#about main #footprint .inner ul li a,
        body#under main #footprint .inner ul li span,
        body#under main #footprint .inner ul li a,
        body#news main #footprint .inner ul li span,
        body#news main #footprint .inner ul li a,
        body#blog main #footprint .inner ul li span,
        body#blog main #footprint .inner ul li a,
        body#contact main #footprint .inner ul li span,
        body#contact main #footprint .inner ul li a,
        body#minwa main #footprint .inner ul li span,
        body#minwa main #footprint .inner ul li a,
        body#ichikawa main #footprint .inner ul li span,
        body#ichikawa main #footprint .inner ul li a,
        body#iseki main #footprint .inner ul li span,
        body#iseki main #footprint .inner ul li a,
        body#ezu main #footprint .inner ul li span,
        body#ezu main #footprint .inner ul li a,
        body#miyasaka main #footprint .inner ul li span,
        body#miyasaka main #footprint .inner ul li a,
        body#purpose main #footprint .inner ul li span,
        body#purpose main #footprint .inner ul li a,
        body#sitemap main #footprint .inner ul li span,
        body#sitemap main #footprint .inner ul li a,
        body#old-doc main #footprint .inner ul li span,
        body#old-doc main #footprint .inner ul li a,
        body#dogu main #footprint .inner ul li span,
        body#dogu main #footprint .inner ul li a{
            color:#1a1a1a;
        }

    @media screen and (max-width:896px){
      main{
        margin-bottom: 20px;
      }
      main #footprint{
          display: none ;
      }
    }

    /*  カラム分け
    ------------------------------*/
    main #column_wrap{
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width:1180px;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin: 0px auto;
    }


    @media screen and (max-width:1179px) and (min-width: 897px) {
      main #column_wrap,
      main #contents{
        width:100%;
      }
    }

    @media screen and (max-width:896px ){
      main #column_wrap{
        width:95%;
        display: block;
      }
    }

/*  contents (#column1 & #column2)
	------------------------------*/
    main #contents{
      clear: both;
      line-height: 1.9 ;
    }

    main#column1 #contents{
      width: 775px;
      margin: 0 auto;
    }

    main#column2 #contents{
      width: 100%;/*#column2:775px*/
    }


    /*  メインカラム（1カラム）
    ------------------------------*/
    main#column1 #main_column{
        width: 100% ;
        padding-top: 20px;
      }

    /*  サブカラム（2カラム）
    ------------------------------*/
      main#column2 #main_column{
        width: 775px ;
        padding-top: 20px;
      }

      main#column2 #sub_column{
        width:330px;
      }

    main#column2 #sub_column{
      position: relative;
      padding-top: 20px;
    }
    main#column2 #sub_column:after{
      content:"";
      background: #4f5961;
      position: absolute;
      right:0;
      top:0;
      width:20px;
      height:330px;    
    }

    main#column2 #sub_column h3{
      border-bottom: #cacdd0 1px solid;
      padding-bottom: 10px;
      margin-bottom: 20px;
    }

    main#column2 #sub_column ul{
      margin-bottom: 30px;
    }

    main#column2 #sub_column ul li{
      list-style: none;
      display: block;
      font-size: 1.4rem;
      margin-bottom: 5px;
      text-align: left;
    }

    main#column2 #sub_column ul li a{
      position: relative;
      display: block;
      text-decoration: none;
      padding-left: 25px;
      text-align: left;
    }

    main#column2 #sub_column ul li a:before{
      position: absolute;
        display: block;
        content: '';
        top: 0;
        left: 2px;
        width: 17px;
        height: 17px;
        border-radius: 50%;
        background: #fad728;
    }

    main#column2 #sub_column ul li a:after{
        position: absolute;
        display: block;
        content: '';
        left: 7px;
        top: 6px;
        width: 4px;
        height: 4px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

/*サブメニューリスト（1カラム２カラム共通*/
    main #sub_column h3{
      border-bottom: #cacdd0 1px solid;
      padding-bottom: 10px;
      margin-bottom: 20px;
    }

    main #sub_column ul{
      margin-bottom: 30px;
    }

    main #sub_column ul li{
      list-style: none;
      display: block;
      font-size: 1.4rem;
      margin-bottom: 5px;
      text-align: left;
    }

    main #sub_column ul li a{
      position: relative;
      display: block;
      text-decoration: none;
      padding-left: 25px;
      text-align: left;
    }

    main #sub_column ul li a:before{
      position: absolute;
        display: block;
        content: '';
        top: 0;
        left: 2px;
        width: 17px;
        height: 17px;
        border-radius: 50%;
        background: #fad728;
    }

    main #sub_column ul li a:after{
        position: absolute;
        display: block;
        content: '';
        left: 7px;
        top: 6px;
        width: 4px;
        height: 4px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

  /*list color*/
    body#about #sub_column ul li a:before,
    body#under #sub_column ul li a:before,
    body#news #sub_column ul li a:before,
    body#blog #sub_column ul li a:before,
    body#contact #sub_column ul li a:before,
    body#minwa #sub_column ul li a:before,
    body#ichikawa #sub_column ul li a:before,
    body#iseki #sub_column ul li a:before,
    body#ezu #sub_column ul li a:before,
    body#miyasaka #sub_column ul li a:before,
    body#purpose #sub_column ul li a:before,
    body#sitemap #sub_column ul li a:before,
    body#dogu #sub_column ul li a:before{
      background: #fad728 ;}

    body#about #sub_column ul li a:after,
    body#under #sub_column ul li a:after,
    body#news #sub_column ul li a:after,
    body#blog #sub_column ul li a:after,
    body#contact #sub_column ul li a:after,
    body#minwa #sub_column ul li a:after,
    body#ichikawa #sub_column ul li a:after,
    body#iseki #sub_column ul li a:after,
    body#ezu #sub_column ul li a:after,
    body#miyasaka #sub_column ul li a:after,
    body#purpose #sub_column ul li a:after,
    body#sitemap #sub_column ul li a:after,
    body#dogu #sub_column ul li a:after{
      border-top: 2px solid #4f5961;
      border-right: 2px solid #4f5961;
    }

    body#guide #sub_column ul li a:before{
      background: #61a0af ;}

    body#exhibition #sub_column ul li a:before{
      background: #a37838 ;}

    body#permanent #sub_column ul li a:before{
      background: #6d864e ;}

    body#event #sub_column ul li a:before{
      background: #a15369 ;}

    body#school #sub_column ul li a:before{
      background: #3d765e ;}

    body#books #sub_column ul li a:before{
      background: #537092 ;}

    body#publication #sub_column ul li a:before{
      background: #817baa ;}

    @media screen and (max-width:1179px) and (min-width: 897px) {
      main#column2 #main_column{
        width:75%;
      }
      main#column2 #sub_column{
        width:auto;
        margin-left: auto;
        padding-right: 5%;
      }
    }

    @media screen and (max-width:896px ){
      main#column2 #main_column{
        width:95%;
        margin: 0 auto;
      }
      
      main#column2 #sub_column{
        margin-left:inherit;
        padding-right: 0;
        width:95%;
      }
      main#column2 #sub_column:after{
        display: none;
      }
    }

	/*  page_header
	------------------------------*/
 main #pageHeader {
  margin-bottom: 25px ;}

 main #pageHeader #title{
  width: 100%;
  position: relative;
  text-align: center;
  line-height: 1.9em;
  background-position: center center ;
  background-repeat: repeat-x ;}

  main #pageHeader #title h2{
   width:60%;
   max-width: 80%;
   min-height: 55px;
   background: #fff;
   margin: 0 auto;}

  main #pageHeader h2 span:first-child{
   font-size:1.8rem;}

  main #pageHeader h2 span:last-child{
   font-size:3rem;
   font-weight: bold;
   line-height: 5rem}

  /*----h2 pattern---*/
  #about main #pageHeader #title,
  #under main #pageHeader #title,
  #news main #pageHeader #title,
  #blog main #pageHeader #title,
  #contact main #pageHeader #title,
  #minwa main #pageHeader #title,
  #ichikawa main #pageHeader #title,
  #iseki main #pageHeader #title,
  #ezu main #pageHeader #title,
  #miyasaka main #pageHeader #title,
  #purpose main #pageHeader #title,
  #sitemap main #pageHeader #title,
  #old-doc main #pageHeader #title,
  #dogu main #pageHeader #title{
   background-image: url(../images/about/about_h2bg.png);
  }

  #guide main #pageHeader #title{
   background-image: url(../images/guide/guide_h2bg.png);
  }

  #exhibition main #pageHeader #title{
   background-image: url(../images/exhibition/exhibition_h2bg.png);
  }

  #permanent main #pageHeader #title{
   background-image: url(../images/permanent/permanent_h2bg.png);
  }

  #event main #pageHeader #title{
   background-image: url(../images/event/event_h2bg.png);
  }

  #school main #pageHeader #title{
   background-image: url(../images/school/school_h2bg.png);
  }

  #books main #pageHeader #title{
   background-image: url(../images/books/books_h2bg.png);
  }

  #publication main #pageHeader #title{
   background-image: url(../images/publication/publication_h2bg.png);
  }

	/*  date
	------------------------------*/
  main #pageHeader #date{
    float:right;
  }


/*++++++++++++++++++++++++++++++++++
 	Acrobat
++++++++++++++++++++++++++++++++++*/
.rs_skip{
 margin: 30px auto 50px auto ;}
.rs_skip .plugin{
 width: 1180px ;
 margin: 0 auto ;
 border: 1px solid #ffd1e4 ;
 background: #FBEEEE ;
 padding: 15px ;
 line-height: 1.7 ;
 -webkit-box-sizing: border-box ;
 box-sizing: border-box ;}

@media screen and (max-width:1180px){
  .rs_skip .plugin {
    width:100%;
  }
}

/*++++++++++++++++++++++++++++++++++
 	Footer
++++++++++++++++++++++++++++++++++*/
footer{
  position: relative ;
  background-image: url("../images/line1.png") ;
  background-position: center top  ;
  background-repeat: repeat-x ;
}
  footer #f_upper{
    padding: 50px 0 20px 0 ;
  }

@media screen and (max-width:896px){
  footer #f_upper{
    padding: 30px 0 20px 0 ;
    height: auto ;
  }
}

	/* 	f_navi
	--------------------------------*/
	footer #f_navi{
		margin: 0 auto 20px;
		overflow: hidden ;
	}
  	footer #f_navi .inner{
      margin: 0 auto ;}
  	footer #f_navi .inner .top{
      margin: 0 0 15px 5px ;}
  	footer #f_navi .inner .top a{
      position: relative ;
      text-decoration: none ;
      padding-left: 25px ;
      text-align: left ;}
  	footer #f_navi .inner .top a:hover{
      text-decoration: underline ;}

    footer #f_navi .inner .top a::before{
      position: absolute;
      display: block;
      content: '';
      top: 0;
      left: 2px;
      width: 17px;
      height: 17px;
      border-radius: 50%;
      background: #fad728;
    }
    footer #f_navi .inner .top a::after{
      position: absolute;
      display: block;
      content: '';
      left: 7px;
      top: 6px;
      width: 4px;
      height: 4px;
      border-top: 2px solid #4f5961;
      border-right: 2px solid #4f5961;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }

  	footer #f_navi .inner ul{
      width: 100% ;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex ;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;}

  	footer #f_navi .inner ul li.first{
      list-style: none ;
      width: 190px ;
      margin: 0 0 10px 5px ;
      text-align: center ;}

  	footer #f_navi .inner ul li.first > span{
      display: block ;
      font-weight: bold ;
      padding-bottom: 10px ;
      background-image: url("../images/f_under.png") ;
      background-position: center bottom ;
      background-repeat: no-repeat ;}

    footer #f_navi .inner ul li.first > span a{
      pointer-events:none;
      text-decoration: none;
    }

  	footer #f_navi .inner ul li.first ul{
      margin-top: 15px ;
      display: block ;}

  	footer #f_navi .inner ul li.first ul li{
      list-style: none ;
      display: block ;
      font-size: 1.4rem ;
      margin-bottom: 5px ;
      text-align: left ;}
  	footer #f_navi .inner ul li.first ul li a{
      position: relative ;
      display: block ;
      text-decoration: none ;
      padding-left: 25px ;
      text-align: left ;}
  	footer #f_navi .inner ul li.first ul li a:hover{
      text-decoration: underline ;}
    footer #f_navi .inner ul li.first ul li a::before{
      position: absolute;
      display: block;
      content: '';
      top: 0;
      left: 2px;
      width: 17px;
      height: 17px;
      border-radius: 50%;
      background: #fad728;
    }
    footer #f_navi .inner ul li.first ul li a::after{
      position: absolute;
      display: block;
      content: '';
      left: 7px;
      top: 6px;
      width: 4px;
      height: 4px;
      border-top: 2px solid #4f5961;
      border-right: 2px solid #4f5961;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }

    footer #f_navi .inner ul li.first.s01 ul li a::before{
      background: #fad728;
    }
    footer #f_navi .inner ul li.first.s01 ul li a::after{
      border-top: 2px solid #4f5961;
      border-right: 2px solid #4f5961;
    }
    footer #f_navi .inner ul li.first.s02 ul li a::before{
      background: #61a0af;
    }
    footer #f_navi .inner ul li.first.s02 ul li a::after{
      border-top: 2px solid #ffffff;
      border-right: 2px solid #ffffff;
    }
    footer #f_navi .inner ul li.first.s03 ul li a::before{
      background: #4f5961;
    }
    footer #f_navi .inner ul li.first.s03 ul li a::after{
      border-top: 2px solid #ffffff;
      border-right: 2px solid #ffffff;
    }
    footer #f_navi .inner ul li.first.s04 ul li a::before{
      background: #a37838;
    }
    footer #f_navi .inner ul li.first.s04 ul li a::after{
      border-top: 2px solid #ffffff;
      border-right: 2px solid #ffffff;
    }
    footer #f_navi .inner ul li.first.s05 ul li a::before{
      background: #6d864e;
    }
    footer #f_navi .inner ul li.first.s05 ul li a::after{
      border-top: 2px solid #ffffff;
      border-right: 2px solid #ffffff;
    }
    footer #f_navi .inner ul li.first.s06 ul li a::before{
      background: #a15369;
    }
    footer #f_navi .inner ul li.first.s06 ul li a::after{
      border-top: 2px solid #ffffff;
      border-right: 2px solid #ffffff;
    }
    footer #f_navi .inner ul li.first.s07 ul li a::before{
      background: #3d765e;
    }
    footer #f_navi .inner ul li.first.s07 ul li a::after{
      border-top: 2px solid #ffffff;
      border-right: 2px solid #ffffff;
    }
    footer #f_navi .inner ul li.first.s08 ul li a::before{
      background: #537092;
    }
    footer #f_navi .inner ul li.first.s08 ul li a::after{
      border-top: 2px solid #ffffff;
      border-right: 2px solid #ffffff;
    }
    footer #f_navi .inner ul li.first.s09 ul li a::before{
      background: #817baa;
    }
    footer #f_navi .inner ul li.first.s09 ul li a::after{
      border-top: 2px solid #ffffff;
      border-right: 2px solid #ffffff;
    }
    footer #f_navi .inner ul li.first.s10 ul li a::before{
      background: #fad728;
    }
    footer #f_navi .inner ul li.first.s10 ul li a::after{
      border-top: 2px solid #4f5961;
      border-right: 2px solid #4f5961;
    }
    footer #f_navi .inner ul li.first.s11 ul li a::before{
      background: #4f5961;
    }
    footer #f_navi .inner ul li.first.s11 ul li a::after{
      border-top: 2px solid #ffffff;
      border-right: 2px solid #ffffff;
    }
    footer #f_navi .inner ul li.first.s12 ul li a::before{
      background: #4f5961;
    }
    footer #f_navi .inner ul li.first.s12 ul li a::after{
      border-top: 2px solid #ffffff;
      border-right: 2px solid #ffffff;
    }

@media screen and (max-width:1180px){
  footer #f_navi .inner{
    width: 95% ;}
  	footer #f_navi .inner .sns{
      width: calc(100% - 710px) ;}
}

@media screen and (max-width:896px){
  footer #f_navi .inner ul li.first ul{
    display: none;
  }
  footer #f_navi .inner ul li.first{
    text-align: left;
    width:45%;
  }
  footer #f_navi .inner ul li.first.s12{
    display: none;
  }
  footer #f_navi .inner span a {
 	font-weight:bold;
 }
  footer #f_navi .inner ul li.first > span{
    background-image:none;
  }
  footer #f_navi .inner ul li.first > span a{
      position: relative;
      display: block;
      text-decoration: none;
      padding-left: 25px;
      text-align: left;
      pointer-events: auto;
  }
  footer #f_navi .inner ul li.first > span a:before{
      position: absolute;
      display: block;
      content: '';
      top: 0;
      left: 2px;
      width: 17px;
      height: 17px;
      border-radius: 50%;  
  }
  footer #f_navi .inner ul li.first > span a:after{
      position: absolute;
      display: block;
      content: '';
      left: 7px;
      top: 6px;
      width: 4px;
      height: 4px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
  }
  footer #f_navi .inner ul li.first.s01 > span a:before{
      background: #fad728;
  }
  footer #f_navi .inner ul li.first.s01 > span a:after{
      border-top: 2px solid #4f5961;
      border-right: 2px solid #4f5961;
  }
  footer #f_navi .inner ul li.first.s02 > span a:before{
      background: #61a0af;
  }
  footer #f_navi .inner ul li.first.s03 > span a:before{
      background: #a37838;
  }
  footer #f_navi .inner ul li.first.s04 > span a:before{
      background: #6d864e;
  }
  footer #f_navi .inner ul li.first.s05 > span a:before{
      background: #a15369;
  }
  footer #f_navi .inner ul li.first.s06 > span a:before{
      background: #3d765e;
  }
  footer #f_navi .inner ul li.first.s07 > span a:before{
      background: #537092;
  }
  footer #f_navi .inner ul li.first.s08 > span a:before{
      background: #817baa;
  }
  footer #f_navi .inner ul li.first.s09 > span a:before{
      background: #817baa;
  }
  footer #f_navi .inner ul li.first.s10 > span a:before{
      background: #fad728;
  }
  footer #f_navi .inner ul li.first.s11 > span a:before{
      background: #4f5961;
  }
  footer #f_navi .inner ul li.first.s12 > span a:before{
      background: #4f5961;
  }
}

  /* 	f_contact
  --------------------------------*/
  footer #f_contact{
    margin: 0 auto ;
/*    overflow: hidden ;*/
    background-image: url("../images/line1.png") ;
    background-position: center top  ;
    background-repeat: repeat-x ;
    padding-top: 60px ;
  }
  	footer #f_contact .inner{
/*      overflow: hidden ;*/
      margin: 0 auto ;
      text-align: center ;}
		footer #f_contact .inner .f_contact_logo{
      width: 100% ;
      text-align: center ;
      margin: 0 auto 15px auto ;
      font-family: 'Noto Sans JP', sans-serif;
      font-size:3rem;
      text-decoration: none;
      display: inline-block;
      line-height: 0.7em;
      padding-top: 2px;}

        /*footer #f_contact .inner .f_contact_logo span{
            font-family: 'Lato', sans-serif;
            font-size:1.5rem;
            display: inline-block;
            margin-top: -5px;
        }*/
    footer #f_contact .inner .f_contact_logo a{
      width:215px;
      height:auto;
      margin: 0 auto;
      display: block;
    }
		footer #f_contact .inner .f_contact_logo img{
      width: 100%;
      height:auto;}

    footer #f_contact .inner .f_contact_wrap{
      width: 800px ;
      margin: 0 auto ;
      overflow: hidden ;
    }
		footer #f_contact .inner .f_contact_info{
      width: 550px ;
      height: 130px ;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex ;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; 
      vertical-align: middle ;
      float: left ;
      overflow: hidden ;
      border: 3px solid #c7c9cb ;
      -webkit-box-sizing: border-box ;
      box-sizing: border-box ;}
		footer #f_contact .inner .f_contact_info .f_info_tel,
		footer #f_contact .inner .f_contact_info .f_info_time{
      width: 50% ;
      padding: 15px ;
      -webkit-box-sizing: border-box ;
      box-sizing: border-box ;
      font-weight: bold ;
      text-align: center ;
    }
		footer #f_contact .inner .f_contact_info .f_info_tel span,
		footer #f_contact .inner .f_contact_info .f_info_time span{
      display: block ;}
    footer #f_contact .inner .f_contact_info .f_info_tel span:nth-child(2){
      font-size: 2.2rem ;}
		footer #f_contact .inner .f_contact_info .f_info_time{
      border-left:3px solid #edeeef ;
    }
		footer #f_contact .inner .f_contact_info .f_info_time .sub{
      font-weight: normal ;}
		footer #f_contact .inner .f_contact_form{
      width: 240px ;
      height: 130px ;
      float: right ;
      border: 3px solid #c7c9cb ;
      background: #4f5961 ;
      -webkit-box-sizing: border-box ;
      box-sizing: border-box ;}
		footer #f_contact .inner .f_contact_form a{
      display: block ;
      -webkit-box-sizing: border-box ;
      box-sizing: border-box ;
      text-align: center ;
      width: 100% ;
      height: 100%;
      color: #ffffff ;
      font-size: 2rem ;
      padding-top: 60px ;
      text-decoration: none ;
      background-image: url("../images/icon_mail.png") ;
      background-position: center 20px ;
      background-repeat: no-repeat ;}

@media screen and (max-width:1180px){
  footer #f_contact .inner{
    width: 95% ;}
}

@media screen and (max-width:896px){
  footer #f_contact .inner .f_contact_wrap{
    width:80%;
  }
  
  footer #f_contact .inner .f_contact_logo{
    width: 100% ;
    text-align: center ;
    margin: 0 auto 15px auto ;
    float: none ;}

  footer #f_contact .inner .f_contact_info{
    width: 100% ;
    text-align: center ;
    margin: 0 auto 15px auto ;
    display: block;
    height:auto;
    float:none;
  }
  
  footer #f_contact .inner .f_contact_form{
    float:none;
    width: 100%;
    height: auto;
    padding: 0 0 20px 0;
    margin: 0 auto;
  }
  
  footer #f_contact .inner .f_contact_info .f_info_tel, 
  footer #f_contact .inner .f_contact_info .f_info_time{
    width:auto;
  }
  footer #f_contact .inner .f_contact_info .f_info_tel{
    border-bottom:3px solid #edeeef;
    
  }
}

footer #f_contact .inner .f_contact_info .f_info_time

  /* 	f_copyright
  --------------------------------*/
  footer #f_copyright{
    padding: 15px 0 ;}

    footer #f_copyright .inner{
      margin: 0 auto ;
      text-align: center ;}

@media screen and (max-width:1180px){
  footer #f_copyright .inner{
    width: 90% ;} 
}

@media screen and (max-width:896px){
  footer #f_copyright .inner{
    margin: 0 auto ;}
  footer #f_copyright .inner p{
    margin-right: 40px ;}
  footer #f_contact .inner .f_contact_info .f_info_time{
    border-left:none;
  }
}


/* 	pageTop
  --------------------------------*/
#pageTop a {
	background:rgba(0, 0, 0, 0.8);
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	height: 50px;
	padding-top: 15px;
	padding-left: 15px;
	position: fixed;
	right: 50px;
	bottom: 35px;
	text-decoration: none;
	width: 50px;
	line-height: 1 ;
	z-index: 20 ;
	-webkit-transition: background-color 0.4s linear;
	transition: background-color 0.4s linear;}
.fontLarge #pageTop a {
	padding-top: 8px;
  padding-left: 16px;}
#pageTop a span{
	display: block ;
	text-indent: -9999em ;
}
#pageTop a:hover {
	background-color: #001a2b;
}

#pageTop a::before {
  display: block ;
  content: '' ;
  width: 20px ;
  height: 20px ;
  background-image: url("../images/icon_pagetop.png") ;
  background-position: center center ;
  background-repeat: no-repeat ;
  background-size: contain ;}

@media screen and (max-width:767px ){
	#pageTop a{
		right: 5px;
		bottom: 15px;
	}
}

/* 	alert
  --------------------------------*/
#alert{
  width:1180px;
  margin: 0 auto;
  background: #d72935;
  padding: 15px;
  color:#fff;
  margin-bottom: 30px;
}

#alert h2{
 font-size:2.5rem;
 font-weight: bold ;
 margin-bottom: 15px ;
 text-align: center ;
}

#alert div{
 background: #ffffff ;
 padding: 15px ;
 box-sizing: border-box ;
 color: #d72935 ;
 font-weight: bold ;
}


@media screen and (max-width:1180px ){
  #alert{
    width:95%;
  }
}

/* 	external
  --------------------------------*/
#contents img.external{
  display: inline;
}

/* 	form parts
  --------------------------------*/
main #contents .form .attention{
  border: #666 1px solid;
  padding: 10px 10px 0px 10px;
  margin-bottom: 20px;
}

main #contents .form .note{
  color:#D71316;
  font-size:1.2rem;
  display: inline-block;
}

main #contents .form p.note {
  background:#ffe5e5;
  padding-left:5px;
  font-weight:bold;
  font-size:1.3rem;
  display: block;
}

main #contents .form p.note:before {
  font-family:"Font Awesome 5 Free";
  content:'\f06a';
  font-weight: 900;
  margin-right:5px;
}

main #contents .form span.require{
  color: #fff;
  background:#D71316;
  font-size:1rem;
  padding: 3px 5px;
  display: inline-block;
  margin-left: 5px;
}

main #contents .form table{
  margin-bottom: 20px;
}

main #contents .form table th{
  background: #f2f2f2;
  text-align: left;
  color:#1a1a1a;
  width:25%;
  vertical-align: top;
}

main #contents .form table th legend{
 display: inline;}

main #contents .form .send{
  border: #fad728 2px solid;
  padding: 20px;
  font-size:2rem;
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
}

main #contents .form input[type="text"],
main #contents .form input[type="email"],
main #contents .form textarea,
main #contents .form select,
main #contents #search input[type="text"], 
main #contents #search input[type="email"], 
main #contents #search textarea, 
main #contents #search select{
  border:#4f5961 1px solid;
  border-radius:5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 2px 8px;
  margin: 0 0 2px;
}

main #contents .form input[type="text"]:focus,
main #contents #search input[type="text"]:focus{
  outline: none;
}

main #contents .form label.bl{/*ラベルの幅を固定する場合*/
  display: inline-block;
}

main #contents .form input[type=checkbox] {
  display: inline-block;
  margin-right: 100px
}
main #contents .form input[type=checkbox] + label {
/*  display: inline-block;*/
  margin-left: -95px;
  margin-right: 1em;
}
main #contents .form input[type=checkbox] + label + input[type=text] {
  margin-left: -1em;
}


@media screen and (max-width:896px ){
  main #contents .form table th,
  main #contents .form table td{
    display: block;
    width:100%;}
  main #contents .form label.bl{
    display: block;
  }
}

/*パーツの幅*/
main #contents .form .w100{
  width:100%;
}
main #contents .form .w90{
  width:90%;
}
main #contents .form .w80{
  width:80%;
}
main #contents .form .w70{
  width:70%;
}
main #contents .form .w60{
  width:60%;
}
main #contents .form .w50{
  width:50%;
}
main #contents .form .w40{
  width:40%;
}
main #contents .form .w30{
  width:30%;
}
main #contents .form .w20{
  width:20%;
}
main #contents .form .w20{
  width:20%;
}
main #contents .form .w10{
  width:10%;
}

@media screen and (max-width:470px ){
  main #contents .form .w90,
  main #contents .form .w80,
  main #contents .form .w70,
  main #contents .form .w60,
  main #contents .form .w50,
  main #contents .form .w40,
  main #contents .form .w30,
  main #contents .form .w20,
  main #contents .form .w10{
  width:auto;
}
}


/* 	モーダル
  --------------------------------*/

.moddal img,
.moddal figcaption{
  display: block;
  margin: 0 auto 5px;
}