/* PC、スマホ共通スタイル */
body {
  font-family: "Source Sans Pro", "Hiragino Kaku Gothic ProN", Meiryo, Arial,
    sans-serif;
}

p {
  font-size: 15px;
}

#main-visual>img {
  width: 100%;
}

/*================
PC用のスタイル 
=================*/
@media screen and (min-width: 768px) {
  /* 横幅設定 */
  body {
    max-width: 1080px;
    min-width: 960px;
    margin: 0 auto 0 auto;
  }
	
  /* ヘッダー */
  header {
    display: flex;
    justify-content: space-between;
  }

  /* ナビゲーションのレイアウト */
  #nav-pc {
    text-align: right;
    font-size: 14px;
    padding-top: 15px;
  }

  /* ナビゲーションのリンクの装飾設定 */
  #nav-pc>a {
    text-decoration: none;
    margin-left: 20px;
  }

  #nav-pc>a:link {
    color: #0d0d0d;
  }

  #nav-pc>a:visited {
    color: #0d0d0d;
  }

  #nav-pc>a:hover {
    color: #0d0d0d;
    text-decoration: underline;
  }

  #nav-pc>a:active {
    color: #0d0d0d;
  }
	 /* スマホ用ナビゲーションを非表示にする */
  #menu-sp{
    display: none;
  }
  #nav-sp{
    display: none;
  }

}


/*===================
スマートフォン用のスタイル
=====================*/
@media screen and (max-width: 767px){
	
	/*横幅設定*/
	body {
		min-width: 375px;
		margin: 0;
	}
/*PC用ナビゲーションの非表示*/
	#nav-pc {
		display: none;
	}

	/*ハンバーガーメニュー*/
	#menu-sp {
		float: right;
		padding: 0;
		
	}
	
	/*スマホ用ナビゲーションとの表示切替*/
	/*初期状態、レイアウトと非表示設定*/
	
	#nav-sp {
		background-color: #ce933e;
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		display: none;
		z-index: 100;
	}
	/*×ボタン*/
	#close {
		position: absolute;
		top: 20px;
		right: 20px;
		background-color: transparent;
        border: none;
	}
	/*ナビゲーション用メニューロゴ*/
	#logo-sp {
		margin: 80px 0 20px 20px;
	}

	#nav-sp > ul {
		padding-left: 0;
		margin-top: 80px;
	}
	#nav-sp >li {
		list-style: none;
	}
	#nav-sp >a {
		display: block;
	}
	#nav-sp > a:link {
		color: #ffffff;
	}
	#nav-sp > a:visited {
		color: #ffffff;
	}
	
	#nav-sp > a:hover {
		text-decoration: underline;
	} 
	#nav-sp > a:active {
		color: #ffffff;
	}
	#nav-sp .menu {
		text-decoration: none;
		display: block;
		margin: 20px 20px 20px 20px;
		height: 44px;
		font-size: 16px;
		background-image: url("images/arrow.png");
		background-repeat: no-repeat;
		background-position: right top;
		color: #ffffff;
	}
	
	
}