* {
    margin:0;
    padding:0;
}

#header{
    position:fixed;
    top:0;
    margin:0;
    padding:4px;
    width:100%;
    z-index:9999;
    height:50px;
}

/*　ロゴ */
/*
.logo{
    float:left;
    display: -webkit-flex;
    display: flex;        /* flexコンテナ化 */     flex-direction: row; /* 横向きに配置 */
    /*-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    max-width:100px;
}
*/
.pc{
  display: block;
}
.sp{
  display: none;
}
 
@media only screen and (max-width: 767px){
  .pc{
    display: none;
  }
  .sp{
    display: block;
  }
}

nav a:link { color: #333; }
nav a:visited { color: #333; }
nav a:hover { color: #333; }
nav a:active { color: #333; }

a {
    text-decoration:none;
}

/* .viewer
------------------------- */
.viewer {
	margin: 0 auto;
  width: 100%;
	position: relative;
	overflow: hidden;
}
.viewer ul {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.viewer ul li {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}
.viewer ul li img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

/* =======================================
	ClearFixElements
======================================= */
.viewer ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.viewer ul {
	display: inline-block;
	overflow: hidden;
}

@media screen and (min-width: 640px) {
  img{
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}

/* ------------------------------------------------
	いちよmediaQueriesの指定を入れておきますが
	スライドショー動作には関連しておりません。
------------------------------------------------ */

/* ===========================================
	デスクトップ系 769 - 1024
=========================================== */
/*@media screen and (min-width: 1024px) {
	.viewer {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  img{
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}
/* ===========================================
	タブレット系 749 - 768
=========================================== */
/*@media screen and (min-width: 768px) {
	.viewer {
    width: 100%;
    max-width: 100%;
    height: auto;
	}
  img{
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}
/* ===========================================
	スマートフォン系 748 - 
=========================================== */
/*@media screen and (min-width: 748px) {
	.viewer {
    width: 100%;
    max-width: 100%;
    height: auto;
	}
  img{
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}

/* お知らせ欄 */
.topics{
    margin: 0 auto;
    width: 70%;
    max-width: 1280px;
}
.topics h2{
    margin-top: 50px;
}
.topics dl {
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
    }
    
    .topics dt {
    padding-bottom: 5px;
    }
    
    @media screen and (min-width: 640px) {
    .topics dt {
    width: 10%;
    }
    .topics dd {
    margin-left: 15%;
    }
}
.topics_in{
    height: 300px;
    overflow: auto;
}

body,
.wrapper{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}


footer{
    background-color: #e4f7e6;
    margin-top: auto;
}


footer .privacy-policy a{
    margin-left: 20%;
    color: blue;
}

.copyright{
    text-align: center;
}

/* 商標表示 */
#devo{
    text-align: right;
    color: rgba(255,255,255,0.7);
}
#devo a:link, a:visited, a:hover, a:active{
    color: rgba(255,255,255,0.7);
}