@charset "UTF-8";
/*　キーカラー　*/
/*　マスターワイズ　*/
.img_sp {
  display: none; }

/* 基礎要素	＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
#ttl_program {
  width: 980px;
  margin: 0 auto; }
  #ttl_program h1 {
    font-size: 2.7rem;
    padding: 18px 0 34px;
    font-family: 'Noto Sans Bold'; }

main {
  width: 980px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto; }
  main aside {
    width: 200px;
    order: 2; }
  main article {
    width: 740px;
    order: 3; }
    main article p, main article ul, main article ol {
      line-height: 1.8; }

/*　パンくずリスト　＿＿＿＿＿　*/
#list_bread ol {
  display: flex;
  list-style: none;
  font-size: 1.3rem;
  padding: 10px 0; }
  #list_bread ol li:not(:last-child) {
    width: auto; }
    #list_bread ol li:not(:last-child):after {
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      content: "\f105";
      margin: 0 10px; }
  #list_bread ol a {
    color: inherit; }

/*　サイドメニュー　＿＿＿＿＿　*/
aside h3 a {
  color: #fff;
  display: block;
  background-color: #333;
  font-size: 1.4rem;
  line-height: 1;
  font-family: 'Noto Sans Bold';
  padding: 10px 8px 12px; }
  aside h3 a:after {
    content: "\f0da";
    width: 14px;
    height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .8rem;
    float: right;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    background-color: #c6141e; }
  aside h3 a:hover:after {
    text-decoration: none; }

aside ul {
  list-style: none;
  margin: 0 0 25px; }
  aside ul li a {
    display: block;
    line-height: 1.5;
    padding: 4px 0; }

/* 構成要素	＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
/*レンタル器材リスト*/
.rentalListFrex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none; }
  .rentalListFrex li {
    background: #fff;
    line-height: 1;
    width: 49%;
    border: 1px solid #ddd;
    padding: 10px;
    margin: 0 0 15px; }
  .rentalListFrex img {
    width: 100%; }

.rentalList {
  list-style: none; }
  .rentalList li {
    background: #fff;
    border: 1px solid #ddd;
    padding: 20px;
    margin: 0 0 15px; }
  .rentalList img {
    width: 100%; }

/*カテゴリリスト*/
#categoryList table {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  background: #fff;
  border-style: solid;
  border-color: #ddd;
  border-width: 1px 0px 1px 1px;
  max-width: 980px;
  margin: 0 0 40px; }
  #categoryList table tr {
    border-bottom: 1px solid #ddd; }
    #categoryList table tr:last-child {
      border-bottom: 0px; }
  #categoryList table td {
    margin: 0;
    width: calc(100%/3);
    text-align: center;
    border-right: 1px solid #ddd; }
  #categoryList table a {
    display: block;
    padding: 15px;
    height: 100%;
    min-height: 246px; }
    #categoryList table a:hover {
      background-color: #eee; }
  #categoryList table img {
    display: block;
    width: 100%; }

/*写真リスト*/
#photoList ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none; }
  #photoList ul li {
    background: #fff;
    width: 230px;
    margin: 0 25px 40px 0; }
    #photoList ul li:nth-child(3n) {
      margin: 0 0 40px; }
  #photoList ul img {
    max-width: 100%; }

.photoList ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap; }
  .photoList ul a {
    display: block;
    margin: 0;
    height: auto;
    line-height: 0;
    background: #ddd; }
  .photoList ul li {
    width: 230px;
    margin: 0 25px 40px 0; }
    .photoList ul li:nth-child(3n) {
      margin: 0 0 40px; }
  .photoList ul a {
    pointer-events: none !important; }
  .photoList ul img {
    max-width: 100%; }

/*よくある質問*/
.qaList {
  padding: 0 0 20px;
  line-height: 1.7; }
  .qaList dt {
    font-size: 1.6rem;
    font-family: 'Noto Sans Bold';
    padding: 0 0 10px 0; }
    .qaList dt:before {
      display: inline-block;
      width: 22px;
      font-size: 2rem;
      content: "Q.";
      color: #389815; }
  .qaList dd {
    display: flex;
    justify-content: flex-start;
    /*background-color: #eee;*/
    background-color: #e5e5e5;
    border-radius: 3px;
    padding: 20px; }
    .qaList dd:before {
      display: inline-block;
      content: "A.";
      color: #BA1013;
      font-size: 2rem;
      font-family: 'Noto Sans Bold';
      padding: 0 20px 10px 0; }

/*　レスポンシブ対応（ブレークポイント 768px）
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
@media screen and (max-width: 768px) {
  .img_sp {
    display: block; }

  img {
    max-width: 100%;
    height: auto; }

  #list_bread {
    display: none; }

  #ttl_program {
    width: 90%;
    margin: 0 auto; }

  main {
    width: 90%;
    display: block;
    margin: 0 auto; }
    main aside {
      display: none; }
    main article {
      width: 100%; }

  .photoList ul li {
    width: 100%;
    margin: 0 0 40px; }

  /*カテゴリリスト*/
  #categoryList table a {
    min-height: auto; }

  .rentalListFrex {
    display: block; }
    .rentalListFrex li {
      width: 100%; } }
/*　ここまで　*/