@charset "UTF-8";
html {
  margin: 0;
	padding:0;
	height:100%;
}
body,
.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
  font-weight: 500;
  color: #333;
	line-height: 2.0;
	height:100%;
}

h2,h3,h4,h5 {
  margin: 0;
  padding: 0;
}

img {
  width: 100%;
  vertical-align: bottom;
}

ul,li,dl,dt,dd {
  margin:0;
  padding:0;
  list-style: none;
}


a { 
  text-decoration: none;
  color: #000;
}
a:hover { 
  transition: .3s;
  opacity: 0.6;
}

.content-wrapper{
	width:740px;
	margin:0 auto;
 }
/*========= header ===========*/
 /*ヘッダー全体*/
 .header{
	width:58em;
	margin:0 auto;
	padding-bottom:1vh;

}


.header_right{
	float:right;
	width:5em;
	padding-top:5.5em;
	padding-left:2em;
}

.header_right li{
	float:left;
	width: 2em;
}

.header_right .twitter{
	padding-left: 1em;

}


.header nav{
	text-align: center;

}

/*ナビゲーションメニュー全体*/
 .header nav ul li{
	display: inline-block;
	vertical-align: middle;
	width:5em;
	padding-left:3em;
	padding-right:3em;
}


/*タイトル*/
.header_title{
	width:40em;
	margin-top:4em;
	margin-bottom:3em;

}

/*snsアイコン*/
.header_sns{
	width:6em;
}



/*ナビゲーションメニュー*/
.header_nav{
	width:8em;

}

.mojisho {
	font-size: 80%;
	letter-spacing: 0.2em;
}



.footer{
	margin-bottom:10px;
	text-align: center;
	bottom:0;
	margin-top:auto;
	font-size:0.9em;
}