/* -------------------------------- 

Primary style

-------------------------------- */
@media only screen and (max-width: 768px) {
	*, *::after, *::before {
		box-sizing: border-box;
	}
	html {
		font-size: 85%;
	}
	body {
		font-size: 1.3rem;
		/*font-family: "Jaldi", sans-serif;*/
		/*color: #ffffff;*/
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	a {
		color: #fd6c93;
		text-decoration: none;
	}
	h1 {
		text-align: center;
		width: 90%;
		margin: 2em auto 0;
		font-size: 2.4rem;
		color: #507b55;
		font-weight: bold;
	}
	input {
		/*font-family: "Jaldi", sans-serif;*/
		/*font-size: 1.6rem;*/
	}
	/* -------------------------------- 

Main Components 

-------------------------------- */
	.cd-accordion-menu {
		position: relative;
		right: 0;
		width: 100%;
		max-width: 400px;/*メニュー全体の幅*/
		box-shadow: 0 4px 40px #70ac76;
		background-color: #fff;
	}
	
/*	.service {
		padding: 20px 0px;
		background-color: aqua;
	}*//*　has-childrenのパディング　*/
	
	/* 吹き出し三角 */
	.cd-accordion-menu span.triangle {
		position: absolute;
		right: 20px;
		top: -40px;
		display: block;
		width: 0;
		height: 0;
		border: 20px solid transparent;
		border-bottom: 20px solid #fff;
	}
	.cd-accordion-menu ul {
		/* by default hide all sub menus */
		display: none;
	}
	.cd-accordion-menu li.has-children {/*　下層あり　タイトル　*/
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-color: #fff;
		position: relative;
	}
	.cd-accordion-menu li.has-children a {/*　下層リンク　*/
		display: block;
		width: 100%;
	/*	padding: 20px 0px;*//*　has-childrenのパディング　*/
		/*color: #333;*/
		/*font-size: 20px;*/
	}
	.cd-accordion-menu li/*.has-children a*/:hover {/*　下層なし、あり　ホバーバックグラウンド　*/
		background-color:  var(--theme-sub-color);
	}
	.cd-accordion-menu label {/*　文字のパディング　*/
	/*	padding: 0 0 0 30px;*/
	}
	.cd-accordion-menu li:hover {/*　ホバーの時動く　*/
	/*	padding: 20px 0 20px 0;*/
	}
	.cd-accordion-menu li:hover label a {/*　下層なし、ありし　タイトル　ホバー　*/
		color: #fff;
		/*font-weight: bold; */
	}
		/*下向き▼*/
  .cd-accordion-menu li.has-children label::after {/*　下層あり　タイトル　下向き矢印　*/
    content: "";
    position: absolute;
    top: 50%;
			/*top: 20px;*/
    left: 230px;
    width: 20px;
    height: 9px;
    background: url("../images/ico_arrow.png") no-repeat;
    background-size: 13px;
  }

	.sub-has-children li.has-children {/*下層リストulの下リスト*/
		padding: 20px 0;
	}
	.cd-accordion-menu input[type=checkbox] {
		/* hide native checkbox */
		position: absolute;
		opacity: 0;
	}
.cd-accordion-menu label a, .cd-accordion-menu .sub-has-children a{
		color: #333;
		text-decoration: none;
	width: 100%;
	height: 100%;
	display: block;
	}
	/*	.cd-accordion-menu .has-children a:hover {
		color: #fff;
		text-decoration: none;
	}*/
	
		/***********************	下層あり・なし　ページタイトル　**********************/
	.cd-accordion-menu label, .cd-accordion-menu .sub-has-children a {
		position: relative;
		display: block;
		 padding: 8px; 
		/* background: #fff; */
	/*	color: #333;*/
			/*font-size: 1.2rem;*/
		font-weight: 600;
	}
/*	.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {
		background: #fff;
	}*/
	.cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after {/*花アイコン回転*/
		/* icons */
		content: '';
		display: inline-block;
		width: 16px;
		height: 16px;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.cd-accordion-menu label {
		cursor: pointer;
	}
	.cd-accordion-menu label::before, .cd-accordion-menu label::after {
		background-image: url("../images/nav-icon-maple.png");
		background-repeat: no-repeat;
	}
	.cd-accordion-menu label::before {/*花アイコン回転*/
		/* arrow icon */
		left: 18px;
		background-position: 0 0;
		-webkit-transform: translateY(-50%) rotate(-90deg);
		-moz-transform: translateY(-50%) rotate(-90deg);
		-ms-transform: translateY(-50%) rotate(-90deg);
		-o-transform: translateY(-50%) rotate(-90deg);
		transform: translateY(-50%) rotate(-90deg);
	}
	.cd-accordion-menu label::after {
		/* folder icons */
		left: 41px;
		background-position: -16px 0;
	}
	.cd-accordion-menu .sub-has-children a::after {
		/* image icon */
		left: 8px;	
		background: url(../images/nav-icon-hover-maple.svg) no-repeat;
	}
	.cd-accordion-menu input[type=checkbox]:checked + label::before {
		/* rotate arrow */
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
/* チェックボックスがチェックされた場合 */
.cd-accordion-menu li.has-children input[type="checkbox"]:checked + label::after {
    transform: rotate(180deg); /* 180度回転 */
}
	/* .cd-accordion-menu input[type=checkbox]:checked + label::after {
		show open folder icon if item is checked 
		background-position: -32px 0;
	}*/
	.cd-accordion-menu input[type=checkbox]:checked + label + ul, .cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
		/* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
		/* show children when item is checked */
		display: block;
		/*margin-top: 20px;*/
		background: #fff;
	}
	/*.sub-has-children li {
    padding: 15px 0;
  }*/
	
	/**********************　下層ナビページ  ************************/
	.cd-accordion-menu ul.sub-has-children label, .cd-accordion-menu ul.sub-has-children a {
		/* background: #fff; */
	/*	color: #343434;*/
		 box-shadow: inset 0 -1px #ccc; 
		/*paddin: 50px;*//*ナビ下層ページパディング*/
		line-height: 1em;
		/*font-size: 1.2rem;*/
	}
	.cd-accordion-menu ul.sub-has-children label, .cd-accordion-menu ul br{display: none;}

	.cd-accordion-menu ul.sub-has-children a:hover {
		/*color: #333;*/
		background-color:  var(--theme-sub-color);
/*		padding: 20px 75px;*/	/*ナビ下層ページパディング*/
	display: block;
	}
/*	.no-touch .cd-accordion-menu ul.sub-has-children label:hover, .no-touch .cd-accordion-menu ul a:hover {
		background: #3c3f45;
	}*/
	.cd-accordion-menu > li:last-of-type > label, .cd-accordion-menu > li:last-of-type > a, .cd-accordion-menu > li > ul > li:last-of-type label, .cd-accordion-menu > li > ul > li:last-of-type a {
		box-shadow: none;
	}
/*	.cd-accordion-menu ul label::before {
		left: 36px;
	}
	.cd-accordion-menu ul label::after, .cd-accordion-menu ul a::after {
		left: 59px;
	}
	.cd-accordion-menu ul ul label, .cd-accordion-menu ul ul a {
		padding-left: 100px;
	}
	.cd-accordion-menu ul ul label::before {
		left: 54px;
	}
	.cd-accordion-menu ul ul label::after, .cd-accordion-menu ul ul a::after {
		left: 77px;
	}*/
/*	.cd-accordion-menu ul ul ul label, .cd-accordion-menu ul ul ul a {
		padding-left: 118px;
	}
	.cd-accordion-menu ul ul ul label::before {
		left: 72px;
	}
	.cd-accordion-menu ul ul ul label::after, .cd-accordion-menu ul ul ul a::after {
		left: 95px;
	}*/
	
/*	.cd-accordion-menu label, .cd-accordion-menu .sub-has-children a {
		 padding: 15px 25px;
		font-size: 1.9rem;
		display: block;
		font-size: 2rem;
	}*/
	.cd-accordion-menu label::before {
		left: 5px; /*left: 50px;*/
	}
/*	.cd-accordion-menu label::after {
		left: 53px;
	}
	.cd-accordion-menu ul label, .cd-accordion-menu ul a {
		padding-left: 106px;
	}
	.cd-accordion-menu ul label::before {
		left: 48px;
	}
	.cd-accordion-menu ul label::after, .cd-accordion-menu ul a::after {
		left: 77px;
	}
	.cd-accordion-menu ul ul label, .cd-accordion-menu ul ul a {
		padding-left: 130px;
	}
	.cd-accordion-menu ul ul label::before {
		left: 72px;
	}
	.cd-accordion-menu ul ul label::after, .cd-accordion-menu ul ul a::after {
		left: 101px;
	}
	.cd-accordion-menu ul ul ul label, .cd-accordion-menu ul ul ul a {
		padding-left: 154px;
	}
	.cd-accordion-menu ul ul ul label::before {
		left: 96px;
	}
	.cd-accordion-menu ul ul ul label::after, .cd-accordion-menu ul ul ul a::after {
		left: 125px;
	}
*/	
	.cd-accordion-menu.animated label::before {
		/* this class is used if you're using jquery to animate the accordion */
		-webkit-transition: -webkit-transform 0.3s;
		-moz-transition: -moz-transform 0.3s;
		transition: transform 0.3s;
	}
}