@charset "utf-8";
/* CSS Document */

*{
  margin: 0;
  padding: 0;
}

.title{
	background-image:url(../img/title.jpg);
}

.c-nav{
	background-color:rgba(160,160,160,0.25);
	padding:40px 0;
	box-sizing:border-box;
	margin-bottom:77px;
}
.c-nav ul{
}
.c-nav ul li{
	width:50%;
	text-align:center;
}
.c-nav ul li a{
	position:relative;
	display:inline-block;
	padding-right:15px;
}
.c-nav ul li a:hover{
	color:#179B65;
}
.c-nav ul li a:before{
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	display:block;
	margin:auto;
	border-top: 2px solid #179B65;
	border-right: 2px solid #179B65;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	width:5px;
	height:5px;
}

.sign{
	background-color:#FFFFFF;
	padding:120px 0 70px;
	box-sizing:border-box;
	text-align:center;
}
.sticker{
	background-color:#F4F9F3;
}
.sign > h3{
	text-align:center;
	font-family: 'Kiwi Maru', serif;
	font-weight: 500;
	font-size:40px;
	color:#179b65;
	margin-bottom:30px;
}
.sign ul{
	margin:70px auto 65px;
}
.sign ul li{
	width:32%;
	padding:40px 0;
	box-sizing:border-box;
	background-color:#ECECEC;
	border-radius: 0 50px 0 50px / 0 50px 0 50px;
	margin-bottom:25px;
}
.sign ul li.none{
	padding:0;
	background-color:rgba(0,0,0,0);
}
.sign ul li img{
	margin-bottom:40px;
}
.sign ul li h4{
	font-family: 'Kiwi Maru', serif;
	font-weight: 500;
	font-size:20px;
	margin-bottom:15px;
}
.sign ul li h4:after{
	content:"";
	display:block;
	margin:0 auto;
	border-bottom:2px solid #9C9C9C;
	width:25%;
	margin-top:15px;
}
.sign ul li p{
	letter-spacing:1px;
}

/* モーダル全体(背景＋本体) */
.modal{
  display: none;
  position: fixed;
  top: 0;
	left:0;
  height: 100vh;
  width: 100%;
}

/* モーダル背景 */
.modal-bg{
  position: absolute;
  height: 100vh;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
}

/* モーダル本体 */
.modal-content{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*overflow: scroll;*/ /* はみ出た部分はスクロールさせる */
 /* height: 60%;*//* これが無いと「overflow:scroll」が利かない */
  /*width: 60%;*//* これが無いと「overflow:scroll」が利かない */
  /*background: white;
  padding: 40px;*/
}

/* モーダルウィンドウ表示中に記事本体を固定 */
body.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
}

.sign ul li .modal-content img{
	margin:0 auto;
}
.sign ul li .modal-content ul{
	width:100%;
	margin:10px 0 0;
}
.sign ul li .modal-content ul li{
	width:auto;
	padding:0;
	margin-bottom:0;
	background-color:rgba(0,0,0,0);
}
.sign ul li .modal-content ul li *{
	color:#FFFFFF;
	font-weight: 500;
	font-size:30px;
}
.sign ul li .modal-content ul li p{
	font-family: 'Kiwi Maru', serif;
}
.sign ul li .modal-content ul li .js-modal-close i{
	font-family: "Font Awesome 5 Free";
	font-weight:900;
}


#sign,
#sticker{
	padding-top:77px;
	margin-top:-77px;
}