﻿
#main div.photo-sample {
  max-width: 100%;
}

#main div.photo-sample * {
  max-width: 100%;
}

#main div.photo-sample div.image {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}

#main div.photo-sample div.image div.item {
  width: 50%;
  padding: 3px;
}

#main div.photo-sample div.image div.item a {
  height: 100%;
  max-height: 212px;
  color: inherit;
  text-decoration: none;
  background-color: #666;
  overflow: hidden;
  display: block;
}

#main div.photo-sample div.image div.item .title {
  padding: 0.25em 0.25em 0.375em 0.25em;
  color: #fff;
  font-size: 14px;
  text-align: center;
}

#main div.photo-sample div.image div.item .title + * {
  margin-top: 0;
}

#main div.photo-sample .modal-contents {
  display: none;
}

@media (min-width:737px) {

  #main div.photo-sample div.image div.item {
    width: 20%;
    min-width: 188px;
  }

  #main div.photo-sample div.image div.item .title {
    font-size: 16px;
  }

}

#cboxLoadedContent div.photo-sample-contents {
}

#cboxLoadedContent div.photo-sample-contents .text {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

@media (max-width:736px) {
}

.hissu {
  color: #e76000;
}

.mw-wp-form_image {
  line-height: 1;
  margin-bottom: 10px;
}

#main th[scope="row"] {
  width: 30%;
}

#main td {
  width: 70%;
}

#main input[type="text"],
#main input[type="tel"],
#main textarea {
  max-width: 100%;
  padding: 0.4em;
  background: #fff;
  border: 1px solid #d9d9d9;
}

#main textarea {
  width: 100%;
}

#main input[name="zip"],
#main input[name="pref"] {
  width: 10em;
}

#main input[name="namae"],
#main input[name="name_kana"],
#main input[name="kana"],
#main input[name="tel"],
#main input[name="fax"] {
  width: 15em;
}

#main input[name="company"],
#main input[name="email"],
#main input[name="email2"],
#main input[name="addr"],
#main input[name="addr2"] {
  width: 20em;
}

#main [require] th:before {
  content: '※';
  display: inline;
  color: #e76000;
  text-indent: -1em;
}

#main .form-button {
  text-align: center;
}

#main .form-button > * {
  display: inline-block;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  border: none;
  transition: opacity 0.2s;
  margin: 0.5em;
}

#main .form-button > *:hover {
  opacity: 0.8;
}

#main *[class*="mwblock-"],
#main *[class*="mwinline-"] {
  display: none;
}

#main .mw_wp_form_preview .mwblock-preview {
  display: block;
}

#main .mw_wp_form_input .mwblock-input {
  display: block;
}

#main .mw_wp_form_preview .mwinline-preview {
  display: inline;
}

#main .mw_wp_form_input .mwinline-input {
  display: inline;
}

#main .content {
  font-size: 2.3rem;
}

#main .body {
  max-width: 1020px;
}

#main a[href] {
  color: #004ea2;
}

#main .js-tel a {
  color: #000;
}

#main .content .layout-flex-2 div:first-child {
  width: 64%;
}

#main .content .layout-flex-2 div:last-child {
  width: 33%;
}

#main .content .number .text {
  display: inline-block;
  font-size: 3rem;
  font-weight: bold;
  color: #00b900;
}

#main .content .number .js-tel {
  font-size: 5rem;
  font-weight: bold;
}

#main .table {
  padding: 20px;
}

#main .table table.default2 {
  width: 100%;
}

#main .table table.default2 tr > * {
  padding: 10px;
  background: #f2f2f2;
  border: 5px solid #fff;
}

#main .table table.default2 tr th {
  width: 25%;
  font-weight: normal;
  text-align: left;
}

#main .table table.default2 tr th .description {
  display: block;
  font-weight: normal;
  text-align: left;
  text-indent: -1em;
  padding-left: 1em;
  margin: 1em 0;
}

#main .table table.default2 tr td {
  width: 75%;
}

#main .table table.default2 tr td .photo-list {
  font-size: 0;
}

#main .table table.default2 tr td .photo-list .item {
  display: inline-block;
  vertical-align: top;
  margin-top: 15px;
  margin-right: 15px;
}

#main .table input[name="address"] {
  width: 100%;
}

#main .note {
  font-size: 1.6rem;
}

#main .note .line {
  display: block;
  text-indent: -1em;
  padding-left: 1em;
}

#main .privacy {
  height: 300px;
  padding: 1.5em;
  border: 1px solid #aaa;
  overflow-y: auto;
  margin-top: 30px;
}

#main .privacy .title {
  font-size: 1.5em;
  text-align: center;
  border-bottom: 1px solid;
}

#main .privacy dl {
  margin: 2em 0;
}

#main .privacy dl dt {
  font-size: 1.1em;
  margin-bottom: 5px;
}

@media (max-width:736px) {
  #main .content {
    font-size: 1.6rem;
  }
  #main .content .layout-flex-2 {
    display: block;
  }
  #main .content .layout-flex-2 div {
    width: 100% !important;
  }
  #main .content .number .text {
    display: block;
    font-size: 2rem;
    text-align: center;
  }
  #main .content .number .js-tel {
    display: block;
    font-size: 3rem;
    text-align: center;
  }
  #main .table {
    padding: 20px 0;
  }
  #main .table table.default2,
  #main .table table.default2 tr,
  #main .table table.default2 tr > * {
    width: 100% !important;
    display: block;
  }
  #main .table table.default2 tr td {
    background: #fff;
  }
  #main .table table.default2 tr td .photo-list {
    margin-top: 15px;
  }
  #main .table table.default2 tr td .photo-list .item {
    width: 50%;
    padding: 1%;
    margin: 0 !important;
  }
  #main .table table.default2 tr td .photo-list .item img {
    width: 100%;
  }
  #main .form_wrap .form-button {
    margin-top: 4rem;      
  }
}