p{
	color : #696969;
	font-size :12pt;
	text-align: center;/* ﾁｭｳｵｳﾖｾ */
	background: #ffffff;	
	border: solid 1px #c0c0c0;
       padding: 15px;
       width: 60%;
       border-radius: 10px; /* 角を丸くする */
	margin: 30px auto;
}

figure {/* サムネイル暗くする */
  position: relative;
  overflow: hidden;
  width: 100%;
}
figcaption {
  color : #ffffff;
  position: absolute;
  top: 0;
  left:5%;
  z-index: 2;
  width: 90%;
  height: 100%;
  background: rgba(0,0,0,.6);
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 0;
}
figure:hover figcaption {
  opacity: 1;
}

.resizeimage img { 
width: 100%;
height: 100%;
}

.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}

a:link {
	color: #043c78; /* アクセスしたことのないリンク*/
}

a:visited {
	color: #8da0b6; /*アクセスしたことのあるリンク*/
}

a:hover {
	color: #d83473; /*マウスが上に乗っている状態*/
	text-decoration:underline;
}

a:active {
	color: #008db7; /*クリック中*/
}


.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: #7f7fff;
  transition: .3s;
  z-index:9999;
}
.header h1 {
  color: #fff;
  transition: .3s;
}


.site-header{/*ヘッダー設定等々*/
    background: #7f7fff;
    display: flex;
    padding: 10px 10px;
    position: fixed;
    justify-content: space-between;
    width: 100%;
}

#logo img{
    height: 100px;
    width: auto;
    float: left;
    transition: .3s;
}

#logo.mini img{
    height: 50px;!important;
    width: auto;
    float: left;
    transition: .3s;
}

#gnav__menu{
    font-size :20px;
    display: flex;
    padding-top: 10px;
    float: right;
    transition: .3s;
}
#gnav__menu__item{/*右側メニュー*/
    margin-right: 20px;
    margin-left: 40px;
	list-style: none;
}
#gnav__menu__item a{/*メニュー項目*/
    font-size :80%;
    float: right;
    color: #f0f8ff;
    text-decoration: none;
}


body {
	background: #fdfdfd;
}

* {
    margin: 0px;
    padding: 0px;
	box-sizing: border-box;   /*全体を中心に寄せる*/
}
.box{/* ボックス外輪 */
	width: 80%;
	  border: 1px solid #7f7f7f;
	border-radius: 5px; /* 角を丸くする */
	text-align: center;/* 中央寄せ */
	margin: 30px auto;
	color : #696969;
    background: #ffffff;
}
.box h3{
      
	  color: #202020;
	  text-align: center;
	  margin: .5em auto;
	  width: calc(60% - 2em);
	  border-bottom: 1px solid #202020;
}
.is-animation {
  height: 50px;
}
.is-animation h1 {
  color: #000;
}

html {
 overflow-y: scroll;
}