@charset "UTF-8";

*{box-sizing: border-box;}

body,h1,h2,h3,h4,p{margin: 0;padding: 0;}

body {
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
	color: wheat;
	background-image: url(../image/background.jpg);
	/* 天地左右の中央に配置 */
	background-position: center center;
    
	/* タイル状に繰り返し表示しない */
	background-repeat: no-repeat;
	
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
	background-attachment: fixed;
	
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
	background-size: cover;}

/*リンクが貼られた場合の指定*/
a {text-decoration: none;
	color: white;
	transition: 0.3s ease;}
    
a:hover {color: red;}

a img {transition: 0.5s ease;}

a:hover img {opacity: 0.6;}

p{line-height: 2;}/*行間を２文字分あける*/


/* wrapper */
.wrapper {
	width: 1000px;
	margin: 0 auto;
	background-color: rgba(44, 32, 46, 0.9);}

/* ロゴ・サイトタイトル */
header {height: 110px;
  display: flex;/*ロゴとメニューを横並びにする*/
  align-items: center;}/*ロゴとメニューを上下の中央に配置する*/
    
header .logo {
	width: 140px;
	margin-left: 40px;
	padding-top: 10px;}


/* メインナビゲーション */
nav{margin:0 40px 0 auto;}

nav ul {display: flex;
    list-style-type: none;}

nav ul li {margin-left: 20px;
	font-weight: bold;}

/* メインビジュアル */
.main_image img{width: 100%;}

/* メインコンテンツ */
article {
	width: 1000px;
	margin: 0 auto;
  padding: 0 40px;}

/* フッター */
footer {
	padding: 80px 0 30px 0;
	font-size: 14px;
  text-align: center;}

.footer_nav ul {    
  list-style-type: none;
	margin-bottom: 20px;
	display: flex;
	justify-content: center;}

.footer_nav li {margin-right: 20px;}

footer p{font-size: 16px;}