@charset "utf-8";
/* CSS Document */
/********************************************************************
	layout.css
*********************************************************************/

/* clearfix */
.cf {
	zoom:1;
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear:both;
}

/*--- リンク ---*/
a:link, a:visited {
	color: #66b566;
	text-decoration: none;
}
a:hover, a:active {
	color: #3c8ecc;
	text-decoration:underline;
}
/*-- PDFマーク --*/
.pdf::after {
  font-family: 'FontAwesome';
  content: "\f1c1";
  margin-left: 5px;
}

/*--- ページトップ ---*/
#pagetop {
	position: fixed;
  bottom: 10px;
  right: 10px;
	z-index:10;
}
#pagetop a {
  display: block;
  color: #FFFFFF;
  height: 35px;
  line-height: 35px;
  width: 35px;
  text-align: center;
  background-color: #e42dac;
  border-radius: 4px;
}

/*--- フルードイメージ ---*/
/* 拡大縮小 */
.fluidimg {
	width: 100%;
	max-width: 100%;
	height:auto;
}
/* 画像サイズ内で縮小 */
.fluidimg2 {
	width: auto;
	max-width: 100%;
	height:auto;
}

html {
	width:100%;
}
body {
	width: 100%;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #FFFFFF;
}
img {
  vertical-align: bottom;
}
a:hover img {
	filter: alpha(opacity=80);
	opacity:0.8;
}
/*==========================================================================
	レイアウト
============================================================================*/
#wapper {
}
.sp_none {
	display:none;
}


/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  .sp_none {
	  display:block;
  }
  .tb_none {
	  display:none;
  }
}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
  .tb_none {
	  display:block;
  }
  .pc_none {
	  display:none;
  }
}


/*==========================================================================
	ヘッダー
============================================================================*/
#header {
  width: 100%;
  position: fixed;
  margin:0px auto;
  background-color: #FFF;
  z-index: 90;
}
#header #headerinnr {
  width: 100%;
  position: relative;
  background-color: #e42dac;
  height: 95px;
}
#header #headerinnr .ttl {
	max-width: 178px;
	margin: 0 auto;
	padding: 10px 10px 8px 10px;
	text-align: center;
}
.navbtnList {
	width: 50%;
	margin: 0 auto;
	list-style: none;
	display: flex;
	justify-content: center;
}
.navbtnList li {
	margin: 0 5px;
	max-width: 40px;
}

/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
	#header {
  		width: 100%;
  		position:relative;
  		margin:0px auto;
  		background-color: #FFF;
	}
  	#header #headerinnr {
		max-width: 750px;
    	height: 180px;
    	margin: 0 auto;
  	}
	#header #headerinnr .ttl {
		max-width: 356px;
		margin: 0 auto;
		padding: 10px 10px 20px 10px;
		text-align: center;
	}
	.navbtnList {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.navbtnList li {
		margin: 0 10px;
		max-width: 80px;
	}
}

/*==========================================================================
	コンテンツ
============================================================================*/
#contents {
  /* 固定ヘッダーの高さ分あける*/
  padding-top: 95px;
}
#contents .contsinnr {
	background-color: #FFF;
	text-align: center;
}
/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  #contents {
    /* 固定ヘッダーの高さ分あける*/
   /*padding-top: 180px;*/
	  padding-top: 0;
  }
  #contents .contsinnr {
    max-width: 750px;
    margin: 0px auto;
  }
}

/*==========================================================================
	フッダー
============================================================================*/
#footer {
 	background-color: #fc617b;
	margin: 20px 0;
	padding:30px 10px;
	box-sizing: border-box;
	text-align: center;
	font-size: 13px;
	color: #FFFFFF;
}
#footer .copy {
	padding: 20px 0;
	line-height: 1.6;
}
/*--- リンク ---*/
#footer a:link, #footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	color: #FFFFFF;
	text-decoration:underline;
}
#footer .dist {
	font-size: 14px;
	line-height: 1.8;
	margin: 20px 0;
}


/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
	#footer {
		max-width: 750px;
		margin: 0 auto 40px;
		padding:40px 10px;
		font-size: 16px;
	}
	#footer .dist {
		font-size: 18px;
		margin: 40px 0;
	}
}