@charset "UTF-8";
@-webkit-keyframes gnavfadein {
  0% {
    -webkit-transform: translate(-50%, -5px);
            transform: translate(-50%, -5px);
    opacity: 0; }
  60% {
    opacity: 0.5; }
  100% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    opacity: 1; } }

/* ==========================================================================
   Basic Elements
   ========================================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: bottom; }

body {
  line-height: 1;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝B", "游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #261a13;
  width: 100%; }

ol, ul {
  list-style: none; }

p {
  text-align: justify;
  text-justify: inter-ideograph; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a:link, a:visited {
  color: #74b3a8;
  text-decoration: underline; }

embed,
iframe,
object {
  max-width: 100%; }

@media screen and (min-width: 641px) {
  #articles a:hover img, .banner a:hover img, #aboutthums a:hover img {
    opacity: 0.8;
    /*IE7以下用*/
    filter: alpha(opacity=80);
    /*IE8用*/
    -ms-filter: "alpha(opacity=80)"; }
  #gnavi a:hover img, .aboutnav a:hover img {
    opacity: 0.6;
    /*IE7以下用*/
    filter: alpha(opacity=60);
    /*IE8用*/
    -ms-filter: "alpha(opacity=60)"; } }

::-moz-selection {
  background: #d1c4bc;
  text-shadow: none; }

::selection {
  background: #d1c4bc;
  text-shadow: none; }

/* ==========================================================================
   汎用スタイル
   ========================================================================== */
.clear {
  clear: both; }

.clearfix:after, #footer-sitemap:after, #top .section.blog ul:after, #top .section.topics ul:after, #content.brand-archive .brand-list:after, #content.article .buy-item .buy-item-block:after, .section.news .news-list:after {
  content: " ";
  display: block;
  clear: both; }

@media screen and (min-width: 641px) {
  body .mobile {
    display: none; } }

@media screen and (max-width: 640px) {
  body .desktop {
    display: none; } }

/* ==========================================================================
   Layout BaseStyle
   ========================================================================== */
.section, .banner {
  margin-bottom: 30px; }
  .home .section h2, .home .banner h2 {
    margin-bottom: 10px; }

#header, #topgal #slideshow, #content, #footer-inner {
  margin: 0 auto; }
  @media screen and (min-width: 641px) {
    #header, #topgal #slideshow, #content, #footer-inner {
      width: 1020px; } }
  @media screen and (max-width: 640px) {
    #header, #topgal #slideshow, #content, #footer-inner {
      width: 90%; } }

#content {
  padding-top: 5px;
  line-height: 1.8;
  font-size: 13px;
  margin-bottom: 60px; }
  #content #sub .section p {
    margin-bottom: 5px; }
  @media screen and (min-width: 641px) {
    #content #main {
      width: 690px;
      float: left; }
      #content #main.center {
        float: none;
        margin-left: auto;
        margin-right: auto; }
      #content #main.full {
        width: 100%; }
    #content #sub {
      width: 300px;
      float: right; } }
  @media screen and (max-width: 640px) {
    #content img {
      max-width: 100%;
      height: auto; }
    #content #gm img {
      max-width: none; }
    #content #main p {
      text-align: left;
      word-wrap: break-word; }
    #content #sub .section.access {
      display: none; } }

/* ==========================================================================
   header
   ========================================================================== */
#header {
  position: relative;
  z-index: 1001; }
  #header h1 img {
    width: 360px;
    height: auto; }
  #header #gnavi {
    position: absolute;
    right: 0;
    bottom: 0; }
    #header #gnavi li {
      position: relative; }
      #header #gnavi li img {
        height: 70px;
        width: auto; }
      #header #gnavi li ul li a {
        text-decoration: none;
        font-size: 12px;
        line-height: 30px; }
  #header #subnavi li a {
    text-decoration: none;
    color: #261a13; }
    #header #subnavi li a i {
      font-size: 110%; }
  @media screen and (min-width: 641px) {
    #header {
      margin-bottom: 30px; }
      #header #gnavi li {
        float: left; }
        #header #gnavi li a {
          display: block; }
        #header #gnavi li.haschild:hover ul {
          display: block;
          -webkit-animation: gnavfadein .4s linear 0s 1;
                  animation: gnavfadein .4s linear 0s 1; }
        #header #gnavi li ul {
          position: absolute;
          top: 52px;
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          background: url(/img/dropdown-arrow.png) top center no-repeat;
          padding-top: 7px;
          z-index: 1000;
          display: none; }
          #header #gnavi li ul li {
            min-width: 100%;
            display: block;
            float: none; }
            #header #gnavi li ul li a {
              white-space: nowrap;
              display: block;
              background: url(/img/dropdown-off.png) repeat;
              color: #fff;
              padding: 3px 10px; }
      #header #subnavi {
        position: absolute;
        top: 30px;
        right: 0; }
        #header #subnavi li {
          float: left;
          margin-right: 20px;
          font-size: 12px; }
          #header #subnavi li a:hover {
            text-decoration: underline;
            color: #633834; } }
  @media screen and (max-width: 640px) {
    #header {
      margin: 0 0 10px; }
      #header h1 img {
        width: 220px; }
      #header #gnavi {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background: #fff;
        text-align: center;
        padding-top: 30px;
        box-sizing: border-box; }
        #header #gnavi li ul {
          position: relative;
          top: -15px; }
          #header #gnavi li ul li {
            display: inline-block; }
            #header #gnavi li ul li a {
              color: #633834; }
              #header #gnavi li ul li a:after {
                content: "｜"; }
            #header #gnavi li ul li:first-child {
              display: none; }
            #header #gnavi li ul li:last-child a:after {
              display: none; }
      #header #subnavi {
        display: none;
        position: fixed;
        left: 0;
        bottom: 20px;
        width: 100%;
        text-align: center; }
      #header #mobile-bar {
        position: fixed;
        right: 20px;
        top: 20px;
        z-index: 9999; } }
    @media screen and (max-width: 640px) and (min-width: 641px) {
      #header #mobile-bar {
        display: none; } }
  @media screen and (max-width: 640px) {
        #header #mobile-bar #mobile-nav-btn {
          width: 22px;
          cursor: pointer; }
          #header #mobile-bar #mobile-nav-btn span {
            display: block;
            margin-top: 6px;
            height: 2px;
            background: #633834;
            -webkit-transition: all 0.3s;
            transition: all 0.3s; }
            #header #mobile-bar #mobile-nav-btn span:first-child {
              margin-top: 0; }
          #header #mobile-bar #mobile-nav-btn.on span {
            -webkit-transform-origin: 50% 50%;
                    transform-origin: 50% 50%;
            margin: 0;
            display: none;
            -webkit-transition: all 0.3s;
            transition: all 0.3s; }
            #header #mobile-bar #mobile-nav-btn.on span:first-child {
              display: block;
              -webkit-transform: rotate3d(0, 0, 1, -45deg);
                      transform: rotate3d(0, 0, 1, -45deg);
              margin-top: 8px; }
            #header #mobile-bar #mobile-nav-btn.on span:last-child {
              display: block;
              -webkit-transform: rotate3d(0, 0, 1, 45deg);
                      transform: rotate3d(0, 0, 1, 45deg);
              margin-top: -2px; } }

/* ==========================================================================
   footer
   ========================================================================== */
#footer {
  width: 100%;
  clear: both;
  background: url(/img/bg-footer.png) repeat;
  color: #fff;
  font-size: 12px;
  line-height: 2;
  text-shadow: 0px -1px 0px #000; }
  #footer a:link, #footer a:visited {
    color: #fff;
    text-decoration: none;
    text-shadow: 0px -1px 0px #000; }
  #footer a:hover {
    text-decoration: underline;
    text-shadow: none; }
  #footer #copyright {
    clear: both;
    padding-bottom: 20px;
    line-height: 15px;
    height: 15px; }
    #footer #copyright a {
      margin-right: 15px; }
      #footer #copyright a i {
        font-size: 110%; }
  @media screen and (min-width: 641px) {
    #footer {
      padding-top: 40px; }
      #footer #copyright {
        text-align: right; } }
  @media screen and (max-width: 640px) {
    #footer {
      padding-top: 20px; } }

#footer-inner {
  position: relative; }
  #footer-inner #footer-logo {
    position: absolute;
    left: 0;
    top: 0px; }
  @media screen and (max-width: 640px) {
    #footer-inner #footer-logo {
      display: none; } }

@media screen and (min-width: 641px) {
  #footer-sitemap {
    padding-left: 360px; }
    #footer-sitemap #fnav-left {
      width: 150px;
      float: left; } }

@media screen and (max-width: 640px) {
  #footer-sitemap {
    margin-bottom: 20px; }
    #footer-sitemap #fnav-left {
      width: 50%;
      float: left; } }

/* ==========================================================================
   top
   ========================================================================== */
/*top slideshow*/
#topgal {
  width: 100%;
  padding: 5px 0;
  background: url(/img/bg-paper.png) repeat;
  overflow: hidden; }
  #topgal #slideshow {
    position: relative; }
    #topgal #slideshow.noslide img {
      position: absolute;
      left: -90px; }
    #topgal #slideshow ul {
      z-index: 2;
      position: absolute;
      overflow: hidden;
      top: 0; }
      #topgal #slideshow ul.clone {
        z-index: 1;
        position: absolute;
        top: 0; }
    #topgal #slideshow li {
      float: left;
      padding: 0;
      position: relative; }
  @media screen and (min-width: 641px) {
    #topgal {
      margin-bottom: 40px; }
      #topgal #slideshow, #topgal #slideshow ul {
        height: 500px; }
      #topgal #slideshow.noslide img {
        position: absolute;
        left: -90px; }
      #topgal #slideshow ul {
        left: -90px; } }
  @media screen and (max-width: 640px) {
    #topgal {
      margin-bottom: 20px; }
      #topgal #slideshow {
        width: 100%; }
        #topgal #slideshow:before {
          content: "";
          display: block;
          padding-top: 41.66%; }
        #topgal #slideshow li {
          width: 100vw; }
          #topgal #slideshow li img {
            width: 100%;
            height: auto; } }

#top .more {
  text-align: right; }

#top h2 {
  margin-bottom: 20px; }

#top .section.blog {
  clear: both;
  margin-bottom: 30px; }

@media screen and (min-width: 641px) {
  #top .section.news li {
    margin-bottom: 0; }
  #top .section.blog {
    width: 1020px; }
    #top .section.blog ul {
      width: 1080px; }
      #top .section.blog ul li {
        margin-right: 60px;
        margin-bottom: 60px; }
      #top .section.blog ul li:nth-child(4n+1) {
        clear: both; }
  #top .section.topics {
    width: 1020px;
    margin-bottom: 90px; }
    #top .section.topics ul {
      width: 1080px; }
      #top .section.topics ul li {
        width: 480px;
        margin-right: 60px;
        margin-bottom: 60px; } }

/* ==========================================================================
   about
========================================================================== */
#content.about #main h2 {
  font-size: 18px;
  margin-bottom: 20px; }

#content.about #main h3 {
  margin-top: 52px;
  margin-bottom: 26px; }

#content.about #main p {
  margin-bottom: 26px;
  line-height: 2;
  letter-spacing: 1px; }

#content.about #main #aboutthums li {
  float: left;
  width: 210px;
  margin-right: 30px; }
  #content.about #main #aboutthums li.last {
    margin-right: 0; }

#content.about #abouthead {
  margin-bottom: 30px; }

#content.about #aboutcontent h3 {
  font-weight: bold; }

#content.about .section.aboutnav {
  padding: 15px 0;
  margin-bottom: 0; }

#content.about .section.blog {
  padding-top: 30px;
  border-top: 1px dashed #d1c4bc; }
  #content.about .section.blog h2 {
    margin-bottom: 30px; }

#gm {
  position: relative;
  left: 0;
  top: 0;
  width: 690px;
  height: 460px;
  margin-bottom: 30px; }
  #gm.side {
    height: 300px;
    width: 300px; }
  @media screen and (max-width: 640px) {
    #gm {
      width: 100%;
      height: 300px; } }

/*items*/
#content.items #main #items-navi {
  margin-bottom: 30px;
  color: #d1c4bc;
  font-family: "Adobe Garamond Pro","Times New Roman", Times, serif; }
  #content.items #main #items-navi li {
    display: inline; }

#content.items #main .section {
  background: url(/img/bg-gray.png) repeat;
  position: relative; }
  #content.items #main .section .detail {
    background: #fff; }
    #content.items #main .section .detail p {
      margin-bottom: 1em; }
    #content.items #main .section .detail img {
      display: block;
      margin-bottom: 1em; }

@media screen and (min-width: 641px) {
  #content.items #main .section {
    position: relative; }
    #content.items #main .section h3 {
      position: absolute;
      top: 20px;
      right: 720px; }
    #content.items #main .section .detail {
      margin-left: 300px;
      padding-left: 30px; } }

@media screen and (max-width: 640px) {
  #content.items #main .section h3 {
    padding: 10px 0;
    text-align: right; } }

#content.brand-archive h2 {
  margin-bottom: 30px; }

#content.brand-archive .brand-list li {
  text-align: center; }
  #content.brand-archive .brand-list li img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 10px; }

#content.brand-archive .brand-list a {
  text-decoration: none;
  color: #261a13; }

@media screen and (min-width: 641px) {
  #content.brand-archive .brand-list {
    margin-right: -30px;
    margin-bottom: 30px; }
    #content.brand-archive .brand-list li {
      width: 232px;
      float: left;
      margin-right: 30px;
      margin-bottom: 30px; }
    #content.brand-archive .brand-list a:hover {
      color: #74b3a8; } }

@media screen and (max-width: 640px) {
  #content.brand-archive .brand-list li {
    margin-bottom: 20px; } }

.side-brand-list a {
  color: #261a13; }
  .side-brand-list a:hover {
    color: #74b3a8; }

/* ==========================================================================
   blog / topics single
========================================================================== */
/*blog single, topics single*/
#content #breadcrumb li a, #content.article .article-navi a {
  color: #261a13; }

#content #breadcrumb {
  background: url(/img/bg-gray.png) repeat;
  padding: 2px 15px;
  margin-bottom: 30px; }
  #content #breadcrumb li {
    display: inline; }
    #content #breadcrumb li.first {
      background: url(/img/home-icon.png) no-repeat left center;
      padding-left: 18px; }

#content.article h2 {
  font-size: 18px; }

#content.article .date {
  color: #99908a; }

#content.article .article-content p {
  margin-bottom: 1.8em; }

#content.article .article-content h3 {
  font-weight: bold;
  font-size: 16px;
  line-height: 3; }

#content.article .article-content h4 {
  font-weight: bold;
  font-size: 14px;
  line-height: 2; }

#content.article .article-content strong {
  font-weight: bold; }

#content.article .article-content em {
  font-style: italic; }

#content.article .article-content del {
  text-decoration: line-through; }

#content.article .article-content blockquote {
  font-style: italic;
  padding-left: 2em; }

#content.article .article-content ul, #content.article .article-content ol {
  margin-bottom: 1.8em; }

#content.article .article-content ul li {
  list-style: inside circle; }

#content.article .article-content ol li {
  list-style: inside decimal; }

#content.article .buy-item {
  margin-top: 3.6em;
  margin-bottom: 3.6em;
  background: url(/img/bg-border.png) repeat-x left bottom; }
  #content.article .buy-item .buy-item-block {
    background: url(/img/bg-border.png) repeat-x left top;
    padding: 15px 0; }
    #content.article .buy-item .buy-item-block a {
      display: block;
      text-decoration: none;
      color: #261a13; }
      #content.article .buy-item .buy-item-block a:hover {
        color: #74b3a8; }
        #content.article .buy-item .buy-item-block a:hover .btn {
          background: #633834; }
    #content.article .buy-item .buy-item-block .title {
      font-size: 15px;
      line-height: 24px; }
    #content.article .buy-item .buy-item-block .btn {
      background: #261a13;
      color: #fff;
      font-weight: bold;
      padding: 0.5em 0;
      text-align: center; }

#content.article .social-btns {
  margin-bottom: 3.6em; }
  #content.article .social-btns .btn {
    float: left;
    margin-right: 20px; }

#content.article .article-navi {
  background: url(/img/bg-gray.png) repeat;
  padding: 20px;
  clear: left; }
  #content.article .article-navi #paging, #content.article .article-navi #cate-tag {
    padding-bottom: 20px;
    margin-bottom: 20px;
    background: url(/img/bg-border.png) repeat-x left bottom; }
  #content.article .article-navi #paging.topics {
    padding-bottom: 0px;
    margin-bottom: 0;
    background: none; }
  #content.article .article-navi #paging li.next {
    text-align: right; }

#content.article #sub #category li a {
  color: #261a13; }

@media screen and (min-width: 641px) {
  #content.article .buy-item .buy-item-block a {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center; }
  #content.article .buy-item .buy-item-block .title, #content.article .buy-item .buy-item-block .btn {
    vertical-align: middle; }
  #content.article .buy-item .buy-item-block .title {
    width: 70%; }
  #content.article .buy-item .buy-item-block .btn {
    width: 30%; }
  #content.article .article-navi #paging li {
    width: 40%;
    float: left; }
    #content.article .article-navi #paging li.list {
      text-align: center;
      width: 20%; } }

@media screen and (max-width: 640px) {
  #content.article .buy-item .buy-item-block .title {
    margin-bottom: 10px; }
  #content.article .article-navi #paging li.list {
    display: none; } }

#sub .section.archive li:nth-child(n+13) {
  display: none; }

#sub .section.archive li:last-child {
  display: block; }

#sub .section.search label {
  display: none; }

#sub .section.search input[type="submit"] {
  background: #261a13;
  color: #fff;
  border-radius: 0;
  border: 1px solid #261a13; }

/* Images */
.article-content img,
.widget img {
  max-width: 100%;
  /* Fluid images for posts, comments, and widgets */ }

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
  height: auto;
  /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }

img.size-full,
img.size-large {
  max-width: 100%;
  width: auto;
  /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
  height: auto;
  /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }

.article-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

.wp-caption {
  margin-bottom: 1.8em;
  padding: 9px;
  max-width: 100% !important; }
  .wp-caption img {
    display: block;
    margin: 0 auto;
    max-width: 100%; }

.wp-caption-text {
  color: #666;
  font-size: 12px;
  margin-bottom: 0;
  padding: 10px 0 5px 10px;
  position: relative;
  text-align: center; }

#content .gallery {
  margin: 0 auto 1.625em; }
  #content .gallery a img {
    border: none; }
  #content .gallery img#wpstats {
    display: block;
    margin: 0 auto 1.8em; }

/* ==========================================================================
   topics
========================================================================== */
.section.topics {
  overflow: hidden; }
  .section.topics h2 {
    margin-bottom: 10px; }
  .section.topics h3 a:link, .section.topics h3 a:visited {
    color: #261a13;
    font-size: 16px;
    text-decoration: none; }
  .section.topics #articles li {
    margin-bottom: 30px; }
    .section.topics #articles li a {
      display: block;
      text-decoration: none;
      color: #261a13; }
      .section.topics #articles li a:hover {
        color: #74b3a8; }
    .section.topics #articles li img {
      width: 100%;
      height: auto; }
    .section.topics #articles li .ttl {
      font-size: 16px;
      letter-spacing: 0.1em;
      margin: 16px 0 10px; }
    .section.topics #articles li p {
      color: #633834; }
    .section.topics #articles li:nth-child(2n+3) {
      clear: both; }
  @media screen and (min-width: 641px) {
    .section.topics {
      width: 690px; }
      .section.topics h3 a:hover {
        color: #633834;
        text-decoration: underline; }
      .section.topics #articles {
        width: 720px; }
        .section.topics #articles li {
          width: 330px;
          float: left;
          margin-right: 30px; } }

/* ==========================================================================
   blog
   ========================================================================== */
.section.blog {
  overflow: hidden; }
  .section.blog h2 {
    margin-bottom: 10px; }
  .section.blog h3 {
    font-size: 14px;
    margin-bottom: 20px; }
  .section.blog #articles li {
    padding: 10px 10px 5px;
    background: url(/img/bg-paper.png) repeat;
    margin-bottom: 30px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); }
    .section.blog #articles li img {
      display: block;
      margin-bottom: 5px; }
    .section.blog #articles li h3 {
      margin: 0 !important; }
    .section.blog #articles li h3 a:link, .section.blog #articles li h3 a:visited {
      font-weight: normal;
      text-decoration: none;
      color: #261a13; }
    .section.blog #articles li .date {
      color: #a67353;
      margin-bottom: 5px; }
    .section.blog #articles li .cate {
      background: url(/img/bg-footer.png) repeat;
      color: #fff;
      line-height: 1.6;
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
      padding: 0 5px;
      margin-right: 5px;
      margin-bottom: 5px;
      display: inline-block;
      font-size: 11px; }
  @media screen and (min-width: 641px) {
    .section.blog {
      width: 690px; }
      .section.blog #articles {
        width: 720px; }
        .section.blog #articles li {
          width: 190px;
          float: left;
          margin-right: 30px;
          margin-bottom: 30px; }
          .section.blog #articles li h3 a:hover {
            color: #633834;
            text-decoration: underline; } }
  @media screen and (max-width: 640px) {
    .section.blog #articles {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
              justify-content: space-between;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap; }
      .section.blog #articles:after {
        position: absolute;
        display: none; }
      .section.blog #articles li {
        box-sizing: border-box;
        width: 48%;
        margin-bottom: 20px; }
        .section.blog #articles li img {
          max-width: 100%; }
        .section.blog #articles li .cate {
          font-size: 9px; } }

#pagenavi {
  clear: both; }
  #pagenavi .wp-pagenavi {
    background: url(/img/bg-gray.png) repeat;
    padding: 5px 10px; }
    #pagenavi .wp-pagenavi span, #pagenavi .wp-pagenavi a {
      display: -moz-inline-box;
      display: inline-block;
      *display: inline;
      *zoom: 1;
      padding: 0px 2px;
      margin-right: 10px; }

/* ==========================================================================
   news
   ========================================================================== */
.section.news .news-list {
  margin-bottom: 30px; }
  .section.news .news-list li .date {
    color: #a67353; }
  .section.news .news-list a {
    text-decoration: none;
    color: #261a13; }
    .section.news .news-list a:hover {
      color: #74b3a8; }

#sub .section.news li {
  border-bottom: 1px dashed #d1c4bc;
  padding-bottom: 11px;
  margin-bottom: 11px; }

@media screen and (min-width: 641px) {
  .section.news .news-list {
    margin-right: -30px; }
    .section.news .news-list li {
      width: 320px;
      float: left;
      margin-right: 30px;
      margin-bottom: 30px; }
      .section.news .news-list li:nth-child(3n+1) {
        clear: both; } }

@media screen and (max-width: 640px) {
  .section.news .news-list li {
    margin-bottom: 20px; } }

/* ==========================================================================
   inquiry
========================================================================== */
#content.inquiry #main .attention {
  padding: 10px;
  background: url(/img/bg-gray.png) repeat; }
  #content.inquiry #main .attention p {
    margin-bottom: 1em;
    font-size: 12px; }

#content.inquiry #main dl {
  margin-bottom: 25px; }
  #content.inquiry #main dl dt {
    font-size: 14px;
    padding: 5px 0 5px; }
  #content.inquiry #main dl dd {
    margin-bottom: 1em; }
  #content.inquiry #main dl input, #content.inquiry #main dl textarea {
    background: #faf7f5;
    border: 1px solid #d1c4bc;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","HGS明朝B", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
  #content.inquiry #main dl textarea {
    width: 98%;
    height: auto; }

@media screen and (min-width: 641px) {
  #content.inquiry #main .attention {
    float: left;
    width: 190px; }
  #content.inquiry #main #inquiry-form {
    float: right;
    width: 450px; } }

@media screen and (max-width: 640px) {
  #content.inquiry #main .attention {
    margin-bottom: 30px; }
  #content.inquiry #main #inquiry-form input {
    max-width: 100%; }
  #content.inquiry #sub {
    display: none; } }
/*# sourceMappingURL=main.css.map */