/*----------------------------------------
	下層ページレイアウト用
----------------------------------------*/

/*.content--sidebar {
max-width: 1440px;
  display: grid;
  grid-template-columns: 1fr 303px; 
  padding:70px 190px 150px 190px;
  gap: 0px;
}*/

.content--sidebar {
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 300px;
   padding: 0 100px;
}

.mainContents--subdirectory {
  padding: 2%;
    margin: 0 auto; 
}


.l-sidemenu{
 padding: 0 0px 0 0;
box-sizing: border-box;
margin: 5%;

	}

.sidemenu__list + .sidemenu__list {
  margin-top: 40px;
}

.sidemenu__list {
  margin: 0;
  padding: 0;

    border:1px solid var(--color-green);
  border-radius: var(--radius);
  overflow: hidden;
}

.sidemenu__title,
.sidemenu__item {
  margin: 0;
}

 
.sidemenu__title{
background-color:var(--color-green);
width: 100%;
padding: 12px 20px;
font-size: 22px;
color: #fff;
}

.sidemenu__titleLink {
display: block;
color: inherit;
text-decoration: none;
}

.sidemenu__titleLink:hover {
text-decoration: none;
color:#fff;
}


.sidemenu__item{
padding: 10px 20px;
font-size: 16px;
border-bottom:1px solid var(--color-green);
}

.sidemenu__item a{
  text-decoration: none;
}

.sidemenu__item:last-child{
  border-bottom:none;
}
  
 @media screen and (max-width: 1040px),print {
	.content--sidebar {
		grid-template-columns: 1fr 260px;
		padding: 0 50px;
	}

 }

 @media screen and (max-width: 768px),print {
.mainContents--subdirectory {
 	margin: 20px 0 50px;
  padding:0;
  width: 100%;
  
	}
	
  .content--sidebar {
    grid-template-columns: 1fr;
    padding: 0 0 100px 0;
    margin: 0 20px;
  }

.sidemenu {
	margin: 0;
}

 .l-sidemenu{
    order: 2; 
  }

  .mainContents--subdirectory{
    order: 1;
  }
}


.sidemenu__arrow{
	position: relative;
	display: inline-block;
	padding: 0 0 0 24px;
	vertical-align: middle;
	text-decoration: none;
}
.sidemenu__arrow::before,
.sidemenu__arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.sidemenu__arrow2::before{
	width: 16px;
	height: 16px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: var(--color-green);
}
.sidemenu__arrow2::after{
	left: 7px;
	width: 8px;
	height: 8px;
  box-sizing: border-box;
 	border: 3px solid transparent;
	border-left: 3px solid #fff;
}