@charset "utf-8";
/*
Theme Name: next-takasu
Author: SUDA Co., Ltd
Description: next-takasu original theme
*/

/*--------------2階層以下のメニュー部--------------*/
header {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
#twolay-title {
	top: 0;
	height: auto;
	text-align: center;
}
.twolay-title-area-orange {
	color: #E8A733;
}
.twolay-title-area-orange h2{
	padding-top: 50px;
	padding-bottom: 30px;
	font-size: 2.0em;
	letter-spacing: 0.2em;
	text-align: center;
}
.logo-area {
	position: relative;
	width: 100%;
	margin: 20px auto 0 auto;
}
.logo-area img {
	text-align: center;
	margin: 0 auto;
}
@media screen and (max-width: 920px) {
	.twolay-title-area-orange h2 {
		font-size: 1.8em;
		letter-spacing: 0.1em;
	}
}
section h1 {
	color: #E8A733;
	font-size: 2.0em;
	font-weight: bold;
	margin-bottom: 2.0em;
	letter-spacing: 0.2em;
}
.orange-index {
	text-decoration: underline;
	text-underline-offset: 0.5em;
	text-decoration-color: #000;
	line-height: 2.0em;
	padding-top: 189px;
margin-top: -189px;
}
#twolay-title h2 {
	padding-top: 50px;
	padding-bottom: 30px;
	font-size: 2.0em;
	letter-spacing: 0.2em;
}
#link-2lay {
	width: 100%;
	max-width: 806px;
	padding-top: 0;
	margin: 50px auto;
	text-align: center;
}
@media screen and (max-width: 920px) {
	#twolay-title {
		top: 0;
	}
	#link-2lay {
		padding-top: 0;
	}
}
.title-area {
	display: none;
}
/*--------------ヘッダー--------------*/
header {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
#logo-2lay {
	position: relative;
	width: 100%;
	height: 100px;
	margin: 20px auto;
	text-align: center;
	background-color: #fff;
}
#logo-2lay img {
	text-align: center;
}
.del {
	text-decoration: line-through;
}
/*--------------メニュー--------------*/
.sp {
	display: none;
}
nav {
	position: absolute;
	width: 100%;
	top: 0;
	background: #fff;
	z-index: 800;
}
.menu-line-cont {
	position: relative;
	padding-top: 200px;
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}
@media screen and (max-width: 920px) {
	.menu-line-cont {
		padding-top: 50px;
	}
}
.menu-line {
	width: 100%;
	height: 1.0em;
	background-color: #e8a733;
}
.nav-pc {
	display: flex;
	list-style: none;
	width: 100%;
	max-width: 680px;
	margin: 25px auto;
	padding: 0;
}
.nav-pc li {
	flex: 1 0 auto;
	font-size: 0.9em;
	text-align: center;
}
.nav-pc li + li {
	border-left: 1px solid #000;
}
.nav-pc a {
	display: block;
	text-align: center;
	text-decoration: none;
	color: #000;
	padding: 0;
}
.nav-pc a:hover {
	color: #1AACB5;
}
.fixed {
	position: fixed;
	top: 0;
}
.logo {
	display: none;
}
.slideIn {
	top: 0px;
	width: 60px;
	height: 60px;
	overflow: hidden;
	opacity:0;
	animation-name: slideInAnime;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
}
@keyframes slideInAnime{
  from {
    opacity: 0;
  transform: translateY(-50px);
  }

  to {
    opacity: 1;
  transform: translateY(15px);
  }
}
@media screen and (max-width: 1300px) {
	.nav-pc {
		margin: 25px auto 25px auto;
	}
	.logo {
		left: 10%;
	}
}
@media screen and (max-width: 1000px) {
	.nav-pc {
		margin: 25px 10% 25px auto;
	}
	.logo {
		left: 10%;
	}
}
@media screen and (max-width: 920px) {
	.pc {
		display: none;
	}
	.logo {
		display: none;
	}
	.sp {
		display: block;
	}
	/*ハンバーガー*/
	.hamburger {
	  display : block;
	  position: fixed;
	  z-index : 3;
	  right : 13px;
	  top   : 12px;
	  width : 42px;
	  height: 42px;
	  cursor: pointer;
	  text-align: center;
	}
	.hamburger span {
	  display : block;
	  position: absolute;
	  width   : 30px;
	  height  : 2px ;
	  left    : 6px;
	  background : #515151;
	  -webkit-transition: 0.3s ease-in-out;
	  -moz-transition   : 0.3s ease-in-out;
	  transition        : 0.3s ease-in-out;
	}
	.hamburger span:nth-child(1) {
	  top: 10px;
	}
	.hamburger span:nth-child(2) {
	  top: 20px;
	}
	.hamburger span:nth-child(3) {
	  top: 30px;
	}
	/* ナビ開いてる時のボタン */
	.hamburger.active span:nth-child(1) {
	  top : 16px;
	  left: 6px;
	  -webkit-transform: rotate(-45deg);
	  -moz-transform   : rotate(-45deg);
	  transform        : rotate(-45deg);
	}
	.hamburger.active span:nth-child(2),
	.hamburger.active span:nth-child(3) {
	  top: 16px;
	  -webkit-transform: rotate(45deg);
	  -moz-transform   : rotate(45deg);
	  transform        : rotate(45deg);
	}
	#nav-sp {
	  position: fixed;
	  z-index : 2;
	  top  : 0;
	  left : 0;
		padding-top: 20px;
		padding-bottom: 20px;
	  color: #000;
	  background: #fff;
	  text-align: center;
	  transform: translateX(100%);
	  transition: all 0.6s;
	  width: 100%;
		height: 100%;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	#nav-sp ul {
	  background: #fff;
	  margin: 0 auto;
	  padding: 0;
	  width: 100%;
	}
	#nav-sp ul li {
	  list-style-type: none;
	  padding: 0;
	  width: 100%;
	  border-bottom: 1px solid #ccc;
	}
	#nav-sp ul li:last-child {
	  padding-bottom: 0;
	  border-bottom: none;
	}
	#nav-sp ul li:hover{
	  background-color :#e8a733;
	}
	#nav-sp ul li a {
	  display: block;
	  color: #000;
	  padding: 1em 0;
	  text-decoration :none;
	}

	/* このクラスを、jQueryで付与・削除する */
	#nav-sp.active {
	  transform: translateX(0%);
	}
}/*------------------------------------*/
/*------------------共通------------------*/
section a {
	text-decoration: none;
	color: #1AACB5;
}
#single-area {
	width: 90%;
	max-width: 806px;
	margin: 4.0em auto;
}

/*------------------------------------*/
h1 {
	font-size: 2.4em;
	font-weight: bold;
}
#single-area .fn a {
	text-decoration: none;
	color: #1AACB5;
}
#single-area .comment-meta a {
	text-decoration: none;
	color: #333;
	font-size: 0.6em;
}
#single-area .reply {
	width: 40px;
	height: 20px;
	text-align: center;
	background-color:#e8a733;
	line-height: 20px;
	border-radius: 6px;
}
#single-area .reply a {
	font-size: 0.8em;
	text-decoration: none;
	color: #fff;
}
#single-area .comment-list > li {
	margin-bottom: 2.0em;
	padding-bottom: 2.0em;
	border-bottom: solid 1px #000;
}