@charset "utf-8";
body{
  background: #ffffc8;
}
 
.flexcontainer{
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  margin: 0;
  text-decoration: none;
}
 
.flexitem{
	flex: 1; /* これが重要！ */
	margin:20px 30px 10px 30px;
	text-align:center;
	text-decoration: none;
}

.flexitem img{
	border-radius: 5%;
	box-shadow: 5px 5px 15px -10px;
}
.item-title{
	text-decoration: none;
	text-align:center;
	font-size:17px;
}
h1{
	text-align:center;
	margin-top: 20px;
	margin-bottom: 20px;
	border-top:solid 1px;
	border-bottom:solid 1px;
}
	
#header-logo{
  z-index:10;
  margin-top: 25px;
  text-align:center;
}
#gnavi{
  z-index:30;
  position: absolute; 
  top: 15px;
  left:20px;
  font-size: 1.2em;
  margin: 0 auto;
}

#mainvisual_2 img {
	width: 100%;
	max-width: 1920px;
	height: 300px;	/*メインビジュアル２　画像の高さ*/
	object-fit: cover;	/*メインビジュアル２　画像サイズを固定*/
	right: 0;
	opacity:0.8;
} 

/* ------------------------------
   baseFooter
------------------------------ */
.baseFooter {
	text-align: center;
}

.baseFooter small {
	color: #999;
	font-size: 0.6em;
}


/
/*Edge IE11 hack*/
_:-ms-lang(x), .js-scroll a::before{
  right:-11px;
}




/* モーダル全体(背景＋本体) */
.modal{
  display: none;
  position: fixed;
  top: 0;
  height: 100vh;
  width: 100%;
}

/* モーダル背景 */
.modal-bg{
  position: absolute;
  height: 100vh;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
}

/* モーダル本体 */
.modal-content{
  position: absolute;
  text-align:center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: scroll; /* はみ出た部分はスクロールさせる */
  height: 60%;/* これが無いと「overflow:scroll」が利かない */
  width: 60%;/* これが無いと「overflow:scroll」が利かない */
  background: white;
  padding: 40px;
}

/* モーダルウィンドウ表示中に記事本体を固定 */
body.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
}

/* pagetop */
#pagetop{
    position:fixed;
    right:10px;
    bottom:0px;
    cursor:pointer;
    z-index: 10;
}

a:hover {
  color: #000;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  font-weight:Bold;
  /*画像を70%の不透明度に
  もし50%にしたいときは
  上から50、0.5、0.5にします*/
}

a:link, a:visited, a:hover, a:active {
  color:  #000;
}

.heading03 {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 26px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 20px;
}

.heading03::before,
.heading03::after {
	content: '';
	width: 70px;
	height: 3px;
	background-color: #e3bf00;
}

.heading03::before {
	margin-right: 20px;
}
.heading03::after {
	margin-left: 20px;
}