@charset "UTF-8";

/* common */
article#fullIndex .toHead {
  display: none;
}

.forSPhone {
  display: none;
}

article.catBottom #examContent h2:first-of-type,
article.examDate #examContent div:first-child h2 {
  margin-top: 0;
}

/* 変数設定 */
:root {
  --lighting-dark: #030;
  --lighting: #060;
  --optics-dark: #036;
  --optics: #069;
}

/* コンテンツ横断ナビ */
nav#examNav ul {
  margin: 2em 0;
  padding: 0 0 7px;
  list-style: none;
  display: flex;
  overflow: auto;
  scrollbar-color: #f6f6f6 #f6f6f6;
  scrollbar-width: thin;
  white-space: nowrap;
}

nav#examNav ul li {
  margin: 0;
  font-size: clamp(1.125rem, 2.6vw, 1.25rem);
  max-width: 80%;
  border-bottom: 4px solid #ced3e0;
  transition: all .7s;
}

nav#examNav ul li + li {
  flex-shrink: 0;
  margin-left: clamp(20px, 5.2vw, 40px);
}

nav#examNav ul li:nth-child(4) {
  border-bottom: 0;
  align-self: flex-end;
}

nav#examNav ul li:nth-child(4) span {
  padding: 2px 0 2px 20px;
  display: block;
  box-shadow: inset 5px 5px 10px rgba(0,0,0,15%);
  border-radius: 1.5em;
  box-sizing: border-box;
  position: relative;
  height: fit-content;
}

nav#examNav ul li:nth-child(4) span input {
  background: transparent;
}

nav#examNav ul li:nth-child(4) span input[type="button"] {
  background: url(https://www.iwasaki.co.jp/assets/img/header-search-nav_button_black_ic01.svg) 50% 50% / 32px auto no-repeat;
  content: "";
  display: block;
  height: 100%;
  aspect-ratio: 1/1;
  right: 0;
  position: absolute;
  top: 0;
  border: 0;
  text-indent: -9999px;
}

nav#examNav ul li.examCurrent {
  align-items: center;
  border-color: #0b183d;
}

nav#examNav ul li a {
  display: block;
  padding: 0 20px calc(20px - .4em) 20px;
  background: transparent;
}

nav#examNav ul li.examCurrent a {
  color: #0b183d;
  cursor: default;
  font-weight: bold;
}

nav#examNav ul li:hover {
  border-color: #0b183d;
}

/* カテゴリー第一階層 */
article.examCategory #examContent {
  display: flex;
  justify-content: space-between;
}

article.examCategory .examCatList {
  margin-top: 50px;
  padding: 0 40px 40px;
  border-radius: 40px;
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 10%);
  box-sizing: border-box;
}

article.examCategory #examContent .examCatList h2 {
  margin: -50px 0 0 -40px;
}

article.examCategory #examContent .examCatList h3 {
  display: flex;
  align-items: center;
}
article.examCategory #examContent .examCatList h3::before {
  display: none;
}
article.examCategory #examContent .examCatList h3 span {
  margin-right: 10px;
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
}

article.examCategory #examContent .examCatList h3 span img {
  max-width: none;
  height: 60px;
}

article.examCategory #examContent .examCatList h3 a {
  max-width: calc(100% - 70px);
  margin-right: 0;
  padding-right: 0;
  background-image: none;

}

article.examCategory #examContent .examCatList h3 a:hover {
  opacity: 0.5;
}

article.examCategory .examLighting {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 65%;
}
article.examCategory .examOptics {
  width: 32%;
}
article.examCategory .examLighting h2 {
  width: 100%;
}
article.examCategory .examLighting > div {
  width: 48%;
}
.examLighting a {
  color: var(--lighting-dark);
  background-image: linear-gradient(var(--lighting-dark), var(--lighting-dark));
}
.examOptics a {
  color: var(--optics-dark);
  background-image: linear-gradient(var(--optics-dark), var(--optics-dark));
}
article.examCategory .examCatList ul {
  margin-left: 28px;
  padding-left: 0;
  list-style: none !important;
}
article.examCategory .examCatList ul li {
  padding-left: 18px;
  position: relative;
}

article.examCategory .examCatList ul li::before {
  background: url(https://www.iwasaki.co.jp/assets/img/btn_arrow_right_gray_ic02.svg) -0.28em center no-repeat;
  background-size: 1.2em auto;
  content: "";
  display: inline-block;
  margin-left: -18px;
  min-height: 20px;
  vertical-align: middle;
  width: 18px;
}
.examCategory .examCatList .newIcon::after {
  content: "";
  display: block;
  position: absolute;
  left: -30px;
  top: 5px;
  width: 44px;
  height: 22px;
  background: url(../img/new_icon.svg) 0 50% / 100% auto no-repeat;
}

/* カテゴリー第二階層 */
/* ページ内リンク */
article.catBottom #examContent {
  flex-direction: column;
}

article.catBottom #examContent h2 + ul {
  padding: 0;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
article.catBottom #examContent h2 + ul li {
  position: relative;
}
article.catBottom #examContent h2 + ul li:not(:last-child) {
  margin-right: 15px;
  padding-right: 15px;
  border-right: 2px solid #b2b2b2;
}
article.catBottom #examContent h2 + ul li a {
  display: block;
  background: transparent;
  padding-left: 20px;
}
article.catBottom #examContent h2 + ul li a::before {
  margin: 0;
  content: "";
  background: url(https://www.iwasaki.co.jp/assets/img/anchor_line-arrow_glay_ic01.svg) 50% 50% no-repeat;
  background-size: 15px auto;
  position: absolute;
  left: 0;
  top: calc(50% - 10px);
  width: 15px;
  height: 20px;
  transition: background-position .7s;
}
@media(hover) {
  article.catBottom #examContent h2 + ul li a:hover::before {
    background-position: 50% calc(50% + 5px)
  }
}

/* サムネイル付きリスト */
/* カテゴリーの下層 */
/* 年月一覧 */
/* 詳細ページ同カテゴリの納入事例 */
article.catBottom #examContent > div ul,
article.examDate .monthBox ul,
#examSimilar ul {
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  justify-content: space-between;
}
article.examDate .monthBox ul {
  flex: 1;
}

article.catBottom #examContent > div ul li,
article.examDate .monthBox ul li,
#examSimilar ul li {
  margin: 0 0 20px 0;
  display: flex;
  align-items: stretch;
  background: #fff;
  border-radius: 12px;
  width: 48.5%;
  position: relative;
}
article.catBottom #examContent > div ul li a,
article.examDate .monthBox ul li a,
#examSimilar ul a {
  display: flex;
  background: transparent;
  align-items: center;
}
#examContent.optics > div:not(#examEquipment) ul li a { color: var(--optics-dark); }
#examContent.optics > div:not(#examEquipment) ul li a span { color: var(--optics); }
#examContent.lighting > div:not(#examEquipment) ul li a { color: var(--lighting-dark); }
#examContent.lighting > div:not(#examEquipment) ul li a span { color: var(--lighting); }

article.catBottom #examContent > div ul li p,
article.examDate .monthBox ul li p,
#examSimilar ul p {
  line-height: 1.3;
}

article.catBottom #examContent > div ul li p span,
article.examDate .monthBox ul li p span,
#examSimilar ul p span {
  padding-top: 5px;
}

.caseImgCont {
  height: 100%;
  overflow: hidden;
  display: flex;
}
article.catBottom .caseImgCont,
article.examDate .monthBox .caseImgCont,
#examSimilar .caseImgCont {
  border-radius: 12px 0 0 12px;
  width: 132px;
}
.caseImgCont img {
  vertical-align: bottom;
  margin: auto;
  height: 100%;
  width: auto;
  max-width: none;
}

.caseImgCont.newIcon::before {
  content: "";
  display: block;
  position: absolute;
  left: -6px;
  top: 6px;
  width: 44px;
  height: 22px;
  background: url(../img/new_icon.svg) 0 50% / 100% auto no-repeat;
}

.caseImgCont + p {
  margin: 0;
  padding: 5px 15px;
  flex: 1;
}
.caseImgCont + p span {
  display: block;
}

/* 年月一覧 */
.yearBox h2::before {
  content: "";
  display: block;
  background: url(https://www.iwasaki.co.jp/assets/img/footer_pagetop_gray_ic01.svg) no-repeat 50% / contain;
  opacity: 1;
  transition: all .7s;
  width: .6em;
  height: .6em;
  position: absolute;
  right: 20px;
  top: calc(50% - 0.3em);
}
.examDate .yearBox.listOpen h2::before {
  content: "";
  transform: rotate(180deg);
}

.monthBox h3::before {
  display: none;
}

/* Myリスト、閲覧履歴、地図から探す */
article.examList #examContent,
article.examMap #examContent {
  display: flex;
  justify-content: space-between;
  margin-top: 0;
  padding: 40px;
  border-radius: 40px;
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 10%);
  box-sizing: border-box;
}
article.examList #examContent:not(:has(aside)) {
  display: block;
}

/* 件数表示、ページャー */
article.examList #examContent > div,
article.examList #examContent:not(:has(aside)) {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

article.examList #examContent > div > p,
article.examList #examContent:not(:has(aside)) > p {
  margin: 0;
}

article #examContent > div > p select,
article.examList #examContent:not(:has(aside)) > p select {
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 1rem;
  background: #eee;
  padding: 0.5rem;
}

article #examContent .examPager {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

article #examContent .examPager li {
  margin: 0;
  padding: 0 1px;
}

article #examContent .examPager li a {
  margin: 0;
  padding: 5px;
  background: #eee;
}

article #examContent .examPager li a:hover {
  background: #5b637a;
}
article #examContent .examPager li.examActive a {
  background: #8e93a5;
  color: #fff;
}

/* 一覧 */
article.examList #examContent > div,
article.examMap #examContent > div {
  width: 77%;
}

article.examMap #mapCanvas {
  height: 100%;
}

#mapCanvas div strong {
	display: block;
	font-size: 1.2em;
	line-height: 24px;
	max-width: 260px;
  margin-bottom: 7px;
  padding-right: 20px;
}

#mapCanvas div.markerDetail {
  display: flex;
  font-weight: 500;
  white-space: wrap;
  overflow-wrap: break-word;
}

#mapCanvas div span {
	display: block;
}

#mapCanvas div img {
	margin-right: 5px;
	display: block;
	width: 100px;
  order: -1;
}

#mapCanvas div .gm-style .gm-style-iw-d {
  margin-top: -35px;
  max-width: 280px;
}
#mapCanvas div .gm-style .gm-style-iw-c {
  padding: 15px;
}

#examContent .caseList {
  margin: 0 0 20px;
  padding: 0 0 25px;
  list-style: none;
  border-bottom: 2px solid #eee;
  width: 100%;
}

#examContent .caseList li {
  position: relative;
  padding-top: 25px;
  border-top: 2px solid #eee;
}

#examContent .caseList li a {
  display: block;
  background: transparent;
}

#examContent .caseList li a:first-child {
  display: flex;
  justify-content: space-between;
}

#examContent .caseList li .caseImgCont {
  width: min(133px, 18%);
}

#examContent .caseList li .caseTxtCont {
  width: calc(98% - min(133px, 18%));
}

.caseList li .caseTxtCont .lighting,
.caseList li .caseTxtCont .lighting + h2 {
  color: var(--lighting-dark);
}
.caseList li .caseTxtCont .optics,
.caseList li .caseTxtCont .optics + h2 {
  color: var(--optics-dark);
}
.caseList li .caseTxtCont .lighting + h2 span { color: var(--lighting); }
.caseList li .caseTxtCont .optics + h2 span { color: var(--optics); }

.caseList li .caseTxtCont h2 span {
  margin-left: 1em;
  font-size: 80%;
  font-weight: normal;
}


#examContent .caseList li .caseTxtCont p,
#examContent .caseList li .caseTxtCont h2 {
  margin-top: 0;
  margin-bottom: 0;
}
#examContent .caseList li .caseTxtCont h2::after {
  display: none;
}

#examContent .caseList li .caseDelete {
  position: absolute;
  right: 0;
  top: calc(20px - .4em);
}

/* ちず */
article.examMap #examContent {
  align-items: flex-start;
}

.examMap #examContent > div {
  width: 100%;
  aspect-ratio: 1 / 1;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(221, 221, 221);
  border-image: initial;
}

/* aside */
#examContent aside {
  margin-top: 0;
  padding: 0;
  box-sizing: border-box;
  width: 20%;
}

.examMap #examContent aside h3:first-of-type {
  margin-top: 0;
}

#examContent aside ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Myリスト、履歴 */
.examList #examContent aside ul li {
  margin: 0 0 2px;
}

.examList #examContent aside ul li a {
  margin: 0;
  padding: 10px;
  background: #eee;
  display: block;
}

.examList #examContent aside ul li a:hover {
  background: #5b637a;
}

.examList #examContent aside ul li.selected a {
  background: #8e93a5;
  color: #fff;
}

#examContent aside #lampSelect {
  display: none;
}

/* 地図 */
.examMap #examContent aside ul li {
  margin: 0;
  padding-left: 40px;
  min-height: 34px;
  background-position: 0 0;
  background-size: 32px 32px;
  background-repeat: no-repeat;
  font-size: 90%;
}
/* アイコン */
#selectCrimePrevention.on { background-image: url(../img/icon_crimeprevention_on.png); }
#selectRoad.on { background-image: url(../img/icon_road_on.png); }
#selectTunnel.on { background-image: url(../img/icon_tunnel_on.png); }
#selectPark.on { background-image: url(../img/icon_park_on.png); }
#selectScene.on { background-image: url(../img/icon_scene_on.png); }
#selectSports.on { background-image: url(../img/icon_sports_on.png); }
#selectFactory.on { background-image: url(../img/icon_factory_on.png); }
#selectHighBay.on { background-image: url(../img/icon_highbay_on.png); }
#selectSignLight.on { background-image: url(../img/icon_sign_on.png); }
#selectCommerce.on { background-image: url(../img/icon_commerce_on.png); }
#selectControl.on { background-image: url(../img/icon_control_on.png); }

#selectInfodisplay.on { background-image: url(../img/icon_infodisplay_on.png); }
#selectSterilize.on { background-image: url(../img/icon_sterilize_on.png); }
#selectWaterTreatment.on { background-image: url(../img/icon_watertreatment_on.png); }
#selectEnvironmentSim.on { background-image: url(../img/icon_environmentsim_on.png); }
#selectHalogenHeating.on { background-image: url(../img/icon_halogenheating_on.png); }
#selectPlantRaising.on { background-image: url(../img/icon_plantraising_on.png); }

#selectCrimePrevention { background-image: url(../img/icon_crimeprevention.png); }
#selectRoad { background-image: url(../img/icon_road.png); }
#selectTunnel { background-image: url(../img/icon_tunnel.png); }
#selectPark { background-image: url(../img/icon_park.png); }
#selectScene { background-image: url(../img/icon_scene.png); }
#selectSports { background-image: url(../img/icon_sports.png); }
#selectFactory { background-image: url(../img/icon_factory.png); }
#selectHighBay { background-image: url(../img/icon_highbay.png); }
#selectSignLight { background-image: url(../img/icon_sign.png); }
#selectCommerce { background-image: url(../img/icon_commerce.png); }
#selectControl { background-image: url(../img/icon_control.png); }

#selectInfodisplay { background-image: url(../img/icon_infodisplay.png); }
#selectSterilize { background-image: url(../img/icon_sterilize.png); }
#selectWaterTreatment { background-image: url(../img/icon_watertreatment.png); }
#selectEnvironmentSim { background-image: url(../img/icon_environmentsim.png); }
#selectHalogenHeating { background-image: url(../img/icon_halogenheating.png); }
#selectPlantRaising { background-image: url(../img/icon_plantraising.png); }


/* レスポンシブ */
@media (min-width: 769px) {
/*  年月一覧 */
  .examDate #examContent {
    display: grid;
    grid-template-columns: 5rem auto;
  }
  .yearBox h2 {
    grid-column: 1 / 3;
    transition: 0.7s;
  }
  .yearBox h2:hover {
    background: #ddd;
    cursor: pointer;
  }
  .yearBox,
  .monthBox {
    display: contents;
  }

  .examDate .yearBox .monthBox {
    display: none;

  }
  .examDate .yearBox.listOpen .monthBox {
    display: contents;
  }

}
@media (max-width: 768px) {
/* コンテンツ横断ナビ */
  nav#examNav {
    position: relative;
  }

  nav#examNav ul {
    padding-top: 4em;
  }

  nav#examNav ul li:nth-child(4) {
    position: absolute;
    left: -20px;
    top: 0;
  }

  /* カテゴリー第一階層 */
  article.examCategory #examContent {
    flex-direction: column;
  }
  
  article.examCategory .examCatList {
    margin: 50px 0 0 clamp(-20px,-5.2vw,-40px);
    padding: 0 clamp(20px,5.2vw,40px) 40px clamp(20px,5.2vw,40px) ;
    border-radius: 0;
  }
  article.examCategory #examContent .examCatList h2 {
    margin-left: 0;
  }
  
  article.examCategory .examLighting {
    margin-bottom: 50px;
    flex-direction: column;
    width: 100vw;
  }
  article.examCategory .examOptics {
    width: 100vw;
  }
  article.examCategory .examLighting > div {
    width: 100%;
  }

  /* サムネイル付きリスト */
  /*  カテゴリーの下層 */
  /*  年月一覧 */
  /*  詳細ページ同カテゴリの納入事例 */
  .examDate .yearBox .monthBox {
    display: none;
  }
  .examDate .yearBox.listOpen .monthBox {
    display: block;
  }
   #container article.examDate h2 {
    margin: calc(clamp(40px,15.625vw,120px) - .4em) 0 -0.4em;
  }

  .yearBox h2::before {
    right: 0;
  }

  h2 + .monthBox {
    margin-top: 20px;
  }

  #container article.examDate .monthBox h3 {
    width: 100%;
    margin-top: 20px;
    margin-right: clamp(20px,5.2vw,40px);
    /* border-bottom: 1px solid #babdc9; */
  }
  /* .monthBox h3::after {
    content: "";
    display: block;
    background: url(https://www.iwasaki.co.jp/assets/img/footer_pagetop_gray_ic01.svg) no-repeat 50% / contain;
    opacity: 1;
    transition: all .7s;
    width: .6em;
    height: .6em;
    position: absolute;
    right: 0;
    top: calc(50% - 0.3em);
  }
  #container article.examDate .monthBox.listOpen h3 {
    border-bottom: 0;
  }
  .monthBox.listOpen h3::after {
    content: "";
    transform: rotate(180deg);
  } */

  article.catBottom #examContent > div,
  article.examDate .monthBox > ul,
  #examSimilar {
    margin-left: calc(clamp(20px,5.2vw,40px) * -1);
    padding: 0;
    width: 100vw;
  }

  article.catBottom #examContent > div h3,
  #examSimilar h2 {
    margin-left: clamp(20px,5.2vw,40px);
  }

  article.catBottom #examContent > div ul,
  article.examDate .monthBox > ul,
  #examSimilar ul {
    flex-direction: column;
    /* width: 100vw; */
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 10%);
    background-color: #f6f6f6;
  }
  article.examDate .monthBox ul {
    margin-top: 10px;
  }

  article.catBottom #examContent > div ul li,
  article.examDate .monthBox > ul li,
  #examSimilar ul li {
    margin-bottom: 2px;
    padding: 15px  clamp(20px,5.2vw,40px);
    display: flex;
    align-items: stretch;
    border-radius: 0;
    width: 100%;
    box-sizing: border-box;
  }
  .caseImgCont {
    background-color: transparent;
  }
  article.catBottom .caseImgCont,
  article.examDate .monthBox .caseImgCont,
  #examSimilar .caseImgCont {
    border-radius: 0;
    width: 23vw;
  }
  
  .caseImgCont img {
    height: auto;
    max-width: 23vw;
  }


  .caseImgCont.newIcon::before {
    top: 13px;
  }

  /* Myリスト、閲覧履歴、地図からさがす */
  article.examList #examContent,
  article.examMap #examContent {
    margin: 0 0 0 calc(clamp(20px,5.2vw,40px) * -1);
    padding: 20px clamp(20px,5.2vw,40px);
    border-radius: 0;
    width: 100vw;
    box-sizing: border-box;
  }
  article.examList #examContent {
    flex-direction: column-reverse;
  }

  /* 件数表示、ページャー */
  article #examContent .examPager {
    margin: 10px 0;
    width: 100%;
  }
  
  /* 一覧 */
  article.examList #examContent > div,
  article.examMap #examContent > div,
  #examContent aside {
    width: 100%;
  }

  #examContent .caseList {
    padding: 0 0 15px;
  }
  
  #examContent .caseList li {
    padding-top: 15px;
  }
  
  #examContent .caseList li a:first-child {
    display: block;
  }

  #examContent .caseList li .caseImgCont {
    margin-right: 10px;
    margin-bottom: 10px;
    width: 23vw;
    float: left;
  }
  
  #examContent .caseList li .caseTxtCont {
    width: 100%;
  }
  #examContent .caseList li .caseTxtCont p {
    padding-right: 30px;
  }
  #examContent .caseList li .caseTxtCont h2 {
    clear: left;
  }

  /* aside */
  /* Myリスト、履歴 */
  .examList #examContent aside {
    margin-bottom: 20px;
    box-sizing: border-box;
    border-bottom: 2px solid #8e93a5;
  }

  .examList #examContent aside ul {
    display: flex;
    overflow-x: auto;
  }

  .examList #examContent aside ul li {
    margin: 0;
    white-space: nowrap;
  }
  .examList #examContent aside ul li a {
    padding: 5px 10px;
    background: transparent;
  }

  /* 地図 */
  body:has(article.examMap) {
    overflow-x: hidden;
    position: relative;
  }


  article.examMap #examContent {
    position: relative;
    display: block;
  }

  .examMap #examContent aside {
    border: 2px solid #ccc;
    border-right: 0;
    position: absolute;
    left: 30vw;
    top: 10px;
    width: 70vw;
    border-radius: 10px 0 0 10px;
    background: #fff;
		transition: all .7s ease;
    z-index: 850;
  }

  .examMap #examContent aside.close {
    left: 98vw;
  }

  .examMap #examContent aside .forSPhone {
    display: block;
    color: transparent;
    position: relative;
    background-color: #ccc;
    background-image: none;
    width: 32px;
    height: 32px;
    border-radius: 5px 0 0 5px;
    position: absolute;
    left: -32px;
    top: 10px;
  }

  .examMap #examContent aside .forSPhone::before {
    content: "";
    display: block;
    background: url(../img/arrow_left_white.svg) 50% 50% / 32px auto no-repeat;
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0;
    top: 0;
  }

  .examMap #examContent aside > div {
    padding: 20px;
  }
}

/* 地図表示時のasideのみ特例 */
@media only screen and (max-width: 1020px) and (min-width: 769px) {
  article.examMap #examContent {
    flex-direction: column;
  }
  article.examMap #examContent > div {
    width: 100%;
  }

  article.examMap #examContent aside {
    margin-top: 0;
    padding: 0;
    width: 100%;
  }
  article.examMap #examContent aside div {
    display: grid;
    grid-auto-flow: column;
    margin-top: 0;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
  }
  article.examMap #examContent aside div h3:first-of-type,
  article.examMap #examContent aside div ul {
    margin-top: 40px;
    width: fit-content;
  }
}

/* 印刷用 */
@media print {
/* 全体 */
  #fullIndex h1 {
    padding-left: clamp(20px, 5.2vw, 40px);
  }

  a {
    background-image: none;
  }

  nav#examNav ul:not(:has(.examCurrent)),
  nav#examNav ul li:not(.examCurrent),
  article #examContent aside {
    display: none;
  }

  nav#examNav ul li {
    margin-left: clamp(20px, 5.2vw, 40px);
    padding-left: 0;
  }
  nav#examNav ul li a {
    padding-left: 0;
  }

  article#fullIndex #examContent {
    padding: 0 clamp(20px, 5.2vw, 40px);
    box-shadow: none;
  }

  /* カテゴリー第一階層 */
  article.examCategory .examCatList {
    padding: 0;
    border-radius: 0;
    box-shadow: none;
  }
  article.examCategory .examCatList:first-child {
    border-right: 2px solid #ddd;
  }
  article.examCategory #examContent .examCatList h2 {
    margin-left: 0;
  }

  /* カテゴリー第二階層 */
  article.catBottom #examContent h2 + ul {
    display: none;
  }

  /* Myリスト、閲覧履歴、地図から探す */
  article.examList #examContent > div,
  article.examMap #examContent > div {
    width: 100%;
  }

  article.examList #examContent > div > p,
  article.examList #examContent > p,
  article.examList #examContent .resultNumber,
  article.examList #examContent .examPager,
  #examContent .caseList li .caseDelete {
    display: none;
  }
}