@charset "UTF-8";
/* フォント設定 *******************************************/
/* モリサワType Square ************************************/
/* クリアフィックス */
.clearfix:after {
  content: " ";
  display: block;
  clear: both; }

/*----------- 定義内容-----------
ブレイクポイント設定
メディアクエリ
コンテンツ幅(basicWrap)
基本ベンダープレフィックスをつけた状態で書き出す(prefix)
アニメーション：プレフィクス付（animation）
角丸設定(border-radius)

---------------------------------
*/
/* ヘッダー **********************************************************/
#header-detail {
  background-color: rgba(255, 255, 255, 0.95);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999; }
  #header-detail .basicWrap {
    position: relative; }
  #header-detail .site-logo {
    float: left;
    margin: 10px 0; }
    #header-detail .site-logo img {
      width: 100%; }
  #header-detail .headerNav {
    float: right;
    margin-bottom: 0; }
  @media only screen and (max-width: 600px) {
    #header-detail .site-logo {
      width: 60%;
      margin-bottom: 0; }
    #header-detail.fixed .site-logo {
      display: none; }
    #header-detail .headerNav {
      float: none;
      margin-bottom: 12px; } }

.sub h2 {
  text-align: center; }
.sub .innerBlock {
  margin: 120px auto 80px;
  width: 640px; }
  @media only screen and (max-width: 600px) {
    .sub .innerBlock {
      width: 100%;
      margin-top: 40px; } }
.sub .sectionFooter {
  margin-top: 60px; }

.detailNav {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 8px; }

.mainImg img {
  width: 100%; }

.subImgArea {
  display: -webkit-flex;
  display: flex;
  --webkit-justify-content: space-around;
  justify-content: space-around; }
  .subImgArea a {
    width: 130px;
    display: inline-block; }
    @media only screen and (max-width: 600px) {
      .subImgArea a {
        width: 40%; } }
    .subImgArea a img {
      width: 100%; }
  .subImgArea span {
    display: block;
    width: 130px; }
    @media only screen and (max-width: 600px) {
      .subImgArea span {
        width: 40%; } }

.descArea {
  margin: 60px 0; }
  .descArea .spec {
    margin-bottom: 30px; }
    .descArea .spec dt {
      width: 6em;
      float: left; }
    .descArea .spec dd {
      padding-left: 7em; }
    @media only screen and (max-width: 600px) {
      .descArea .spec dt {
        width: auto;
        float: none; }
      .descArea .spec dd {
        padding-left: 0;
        margin-bottom: 5px; } }
  .descArea p {
    margin-bottom: 20px; }

.otherList {
  margin-bottom: 40px; }
  .otherList li {
    border-left: 2px solid #fff; }
  .otherList img {
    width: 194px;
    height: auto; }
    @media only screen and (max-width: 600px) {
      .otherList img {
        max-width: 120px; } }

/*# sourceMappingURL=detail.css.map */