﻿@media screen and (max-width:640px) {



/*============================================================================

	#main

============================================================================*/
.main {
  margin: 0 auto;
  width: 100%;
}

.main .inner {
  width: 95%;
}


.main img {
  max-width: 100%;
}

section {
  min-width: initial; /* 背景切れ対策 */
  min-width: auto;
  padding: 30px 0;
}

.main .ttl01 h2 {
  background: url(../images/common/icon_triangle_s.png) no-repeat left 20%;
  margin-bottom: 15px;
  padding: 0 0 10px 24px;
  font-size: 22px;
}


/*============================================================================

	sitemap

============================================================================*/
#siteList li {
  width: 50%;
  margin-right: 0;
}

#siteList li a span {
  font-size: 0.8rem;
}


@media screen and (orientation: landscape) {
  body, section {
    width: 100%;
    min-width: initial;
    min-width: auto;
    min-height: auto;
  }
  img.lb-image {
    width: 100% !important;
    height: auto !important;
  }
}


}