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

/* clearfix（任意で） */
*:after { display:block; clear:both; }
/* はみ出し対策 */
body { 
width:100%;
display:hidden;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background-color: #FFF;
color:#313131;
}
/* Space */
.mt0{ margin-top:0;}
.mt05{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}

.mr0{ margin-right:0;}
.mr05{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr30{ margin-right:30px;}

.mb0{ margin-bottom:0;}
.mb05{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}

.ml0{ margin-left:0;}
.ml05{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}

.mW05{ margin:0 5px;}
.mW10{ margin:0 10px;}
.mW15{ margin:0 15px;}
.mW20{ margin:0 20px;}
.mW30{ margin:0 30px;}

.pt0{ padding-top:0;}
.pt02{ padding-top:2px;}
.pt03{ padding-top:3px;}
.pt04{ padding-top:4px;}
.pt05{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pt40{ padding-top:40px;}

.pr0{ padding-right:0;}
.pr05{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}
.pr20{ padding-right:20px;}

.pb0{ padding-bottom:0;}
.pb03{ padding-bottom:3px;}
.pb04{ padding-bottom:4px;}
.pb05{ padding-bottom:5px;}
.pb07{ padding-bottom:7px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pb30{ padding-bottom:30px;}

.pl0{ padding-left:0;}
.pl05{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}

.pW05{ padding:0 5px;}
.pW10{ padding:0 10px;}
.pW15{ padding:0 15px;}
.pW20{ padding:0 20px;}
.pW30{ padding:0 30px;}

.pd05{ padding: 5px;}
.pd10{ padding: 10px;}
.pd15{ padding: 15px;}
.pd20{ padding: 20px;}
/* Space */
.content {
	background-color: #FFF;
	margin-right: 0px;
	margin-left: 0px;
}
.header{
	width: 100%;
	height: 55px;
	float: left;
	border-bottom: 1px solid #d2d2d2;
	border-top: 4px solid #29d7cc;
}
.headlogo {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 55px;
	width: 200px;
	display: block;
}
.menubtn {
	float: right;
	height: 40px;
	width: 40px;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-right: 8px;
	display:block;
}
.space {
	float: left;
	height: 1px;
	width: 100%;
}
.clearfix {
	clear: both;
}
.pclear {
	padding-right: -15px;
	padding-left: -15px;
}

	

/* footer */

.footer {
	background-repeat: no-repeat;
	background-position: center bottom;	
	background-size: 100%;
	padding-bottom: 10px;
	margin-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
}
.copyright {
	font-size: 9px;
	font-weight: normal;
	color: #332020;
	text-align: center;
	width: 100%;
	padding-top: 10px;
}
.address {
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	color: #313131;
	letter-spacing: 0em;
}
.telnumber{
	text-align:center;
	font-size:18px;
	line-height: 32px;
	font-weight:bold;
	color:#ea68a2;
	letter-spacing: 0.1em;
	padding-bottom:20px;
}
/* footer */


/*ハンバーガーメニュ*/

#menuToggle.menuToggle{
			display: none;
			
		}
.menuToggle{
  position: fixed;
  opacity: 0;
  pointer-events: none;
	display: none;
}
#hamburger.menubtn{
  position: fixed;
  top: 4px;
  right: 4px;
  z-index: 1002;
  cursor: pointer;
}
#slideBox.hamburger-list{
	display: block;
  position: fixed;
  top: 0;
  right: -450px;
  width: 100%;
  height: 100%;
  background: #29d7cc;
  z-index: 1001;
  transition: right .3s ease;
  overflow-y: auto;
/*  box-shadow: -2px 0 6px rgba(0,0,0,.2);*/
}
.menuOverlay{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.4);
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease;
  z-index: 1000;
  cursor: pointer;
}

/* 開いた状態 */
.menuToggle:checked ~ #slideBox{ right: 0; }
/*
.menuToggle:checked ~ .menuOverlay{
  opacity: 1;
  visibility: visible;
}
*/

#Box_in{
	padding-top: 4rem;
}

/*フッターメニュ*/

.acToggle{
  display: none;
}

/* dt（見た目は今のまま） */
.acordion .trigger label{
  display: block;
  cursor: pointer;
/*  padding: 12px 10px;*/
}
.acordion_tree#footer_hamburger{
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease;
	padding-top: 0;
}
.acToggle:checked + .trigger + .acordion_tree{
  max-height: 1000px; /* 中身より大きければOK */
}

/* open / close 表示切替 */
.acToggle:checked + .trigger .open-close{
  content: "close";
}