.container {
  max-width: 960px;
}

/*
 * Custom translucent site header
 */

.site-header {
  background-color: rgba(0, 0, 0, .85);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}
.site-header a {
  color: #999;
  transition: ease-in-out color .15s;
}
.site-header a:hover {
/*青背景*/
  color: #62B3E6;
  text-decoration: none;
}

/*
 * Dummy devices (replace them with your own or something else entirely!)
 */

.product-device {
  position: absolute;
  right: 10%;
  bottom: -30%;
  width: 300px;
  height: 540px;
  background-color: #333;
  border-radius: 21px;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

.product-device::before {
  position: absolute;
  top: 10%;
  right: 10px;
  bottom: 10%;
  left: 10px;
  content: "";
  background-color: rgba(255, 255, 255, .1);
  border-radius: 5px;
}

.product-device-2 {
  top: -25%;
  right: auto;
  bottom: 0;
  left: 5%;
  background-color: #e5e5e5;
}


/*
 * Extra utilities
 */

.flex-equal > * {
  -ms-flex: 1;
  flex: 1;
}
@media ( min-width : 768px ){
  .flex-md-equal > * {
    -ms-flex: 1;
    flex: 1;
  }
}

.overflow-hidden { overflow: hidden; }


/*追加要素*/
.dounyuu{
	background-color: white;
	width: 80%;
	text-align: center;
	margin: 10px auto 100px auto;
		padding-top:10px;
		padding-left:10px;
	border-bottom:solid 2px gray;
}

.pictures img{
	width:80%;
	height:80%;
}

.footer img{
	position:absolute;
}

.more{text-align: center;
	margin: 30px 10px 50px 10px;
}

.nav{
	background-color: white;
}

.footer{/*親div*/
  position: relative;/*相対配置*/
  }

.footer p {
 position: absolute;/*絶対配置*/
  color: white;/*文字は白に*/
  left: 50%;
	 top: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,50%);
  margin:0;
  padding:0;
  }

.footer img {
  width: 100%;
  }


#nav-drawer {
  position: relative;
}

#nidlogo{
	
	text-align: center;
}
#nidlogo img{
	margin-top: 10px;
margin-bottom: -30px;
}


#logofull{
	z-index: 1;
	position: fixed;
	background:rgba(255,255,255,0.8);
	padding-top: 15px;
	text-align : center;
  top: 0;
  left: 0;
  right: 0;
　width: 1170px;
	}

#logofull img {
	width:20%;
	height: 20%;
}


@media screen and (min-width:768px) {
  #nidlogo{	display:none;
}	
}

@media screen and (max-width:768px) {
  #nav-drawer img{	
	  display:none;
}	
}
/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #555;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 330px;/*最大幅（調整してください）*/
  height: 100%;
  background: #fff;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

@media screen and (min-width:768px) {
  #nav-open {
    display:none;
  }
}


.subject {
   text-align: left;  /* 文章を左寄せする(※) */
   float: left;  /* 左端に寄せて、後続を右側へ回り込ませる */
	width:112px;
}
.date {
   text-decoration: underline;/* 文章を右寄せする */
}
.syurui{
	float: none;
}

.message{
	text-align: left;
	margin-top: 40px;
	margin-bottom: 20px;
	margin-left: 20px;
}
.top1{
	position: relative;
	margin-top: 80px;
}

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

.top1 h2{
	 font-size: 4.375vw;
	position: absolute;
	color: white;
	margin-top: 5%;
	margin-left: 5%;
}

.top1 h6{
	font-size: 3.375vw;
	position: absolute;
	color: white;
	margin-top: 15%;
	margin-left: 40%;
}

.top2 img{
	width: 100%;
	height: 100%;
}
.top1 p{
	font-size: 2.375vw;
	color: white;
	text-align: right;
	margin-top: -12vw;
	padding-bottom:14.375vw;
	padding-right: 10vw;
}


.card-more{
	margin:0 auto;
}

a .news{
  color: gray;
  text-decoration: none;
}

.back{
	background:#DFDFDF;
	margin-top: 3%;
	padding-top:1%;
	padding-bottom: 5%;
}

.border{
	border:solid 2px black;
}


.check1{
	height: 10%;
	width: 20%;
	background-image:url("picture/nyuusi@2x.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position:center top;
		margin: 0 auto;
}

.check1 h2{
  top: 50%;
	border-top:solid 1px white;
}

@media screen and (max-width:768px) {
  .check1{
    display:none;
  }
}

.check2{
	height: 11%;
	width: 40%;
	background-image:url("picture/nyuusi@2x.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position:center top;
		margin: 0 auto;
}

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

.all{
	margin: 0 20px 0 20px;
}

/*ナビバー*/

.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
    background-color: #aaa;
}
.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
    height: 2px;
}
.drawer-nav {
    background:rgba(255,255,255,0.8);
}

.drawer-overlay {
    background-color: rgba(0, 0, 0, 0.6);
}

.drawer-hamburger {
    padding-top: 20px;
    padding-left: 30px;
}

.drawer-menu img{
width: 50%;	
	height: 50%;
}

.drawer-menu-item{
	text-align: center;
	text-size:1.5em;
	margin-top: 0;
}

.honbun {
	text-align: left;
	font-size: 1rem;
  font-weight: 300;
}

/*マーカー*/
.marker {
 background: linear-gradient(transparent 65%, #ab8bd1 65%);
font-weight: bold; 
border-radius:6px;
}

h2{
	margin-top:5%;
		margin-bottom:5%;
}

.under {
  text-decoration: underline;
}

.dounyuu p{
	font-size:1.2em;
	
}