/* media
--------------------------*/
@media screen and (max-width: 768px) {
  /*font-size(ttl)*/
  .ttlS {
    font-size: 1.1429em;
    /* 16px */
    line-height: 1.5000em;
    /* 24px */
    margin-bottom: 1.5000em;
  }

  .ttlM {
    font-size: 1.286em;
    /*18px*/
    line-height: 1.3333em;
    /* 24px */
    margin-bottom: 1.3333em;
  }

  .ttlL {
    font-size: 1.5000em;
    /* 21px */
    line-height: 1.1429em;
    /* 24px */
    margin-bottom: 1.1429em;
  }

  .ttlLL {
    font-size: 2em;
    /*28px*/
    line-height: 1.7143em;
    /*48px*/
    margin-bottom: 0.8571em;
  }

  header {
    padding: 0.8571em 0 10px;
  }
  header #catch {
    display: none;
  }
  header .menuTtl .icoTxt {
    display: none;
  }

  #mv .txtBox {
    left: 5%;
    margin-top: -15%;
    padding: 10px 25px;
    overflow: hidden;
  }
  #mv .mvTxt {
    font-size: 1em;
    /*14px*/
    line-height: 1.7143em;
    /*24px*/
  }

  .slideNav {
    display: none;
  }

  #crumb {
    display: none;
  }

  #contents.Home {
    padding: 0 0 0;
  }

  .topContainer {
    padding: 0;
  }
  .topContainer .column {
    left: 0;
  }

  .topSection {
    width: auto;
    height: auto !important;
    margin-bottom: 0;
    float: none;
    padding: 1.7143em 10px;
  }
  .topSection2 {
    width: 50%;
    margin-bottom: 0;
    float: left;
  }
  .topSection2.column {
  position: relative;
  }
  .topSection2.column2 {
  left:  5px;
  }

.topSection5 {
  margin: 10px;
  width: 45%;
  float: left;
}

.topSection5.column {
  position: relative;
}
.topSection5.column2 {
  left: 10px;
}

  .thumbSection {
    padding: 0;
  }
  .thumbSection.blogSection {
    padding: 1.7143em 0;
  }
  .thumbSection .wrap {
    padding: 1.7143em 10px;
  }
  .thumbSection .thumb {
    width: 96px;
    height: 96px !important;
    margin: 0 10px 10px 0;
  }
  .thumbSection .sectionTtl {
    margin-left: 0;
  }
  .thumbSection .txt {
    margin-left: 0;
    color: #999;
  }

  .newsSection .newsLi .date {
    display: block;
    float: none;
  }
  .newsSection .newsLi .txt {
    margin-left: 0;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
  }

  #widget .container {
    padding: 0 10px;
  }
  #widget .widget {
    width: 100%;
    float: none;
    left: 0 !important;
  }

  footer .container {
    padding: 0 10px;
  }
  footer .column {
    text-align: center;
    float: none;
    left: 0;
    width: 100%;
  }

  /*blog*/
  .archiveSection {
    float: none;
    width: 100%;
  }

  #post {
    float: none;
    width: 100%;
    margin-bottom: 3em;
  }
  #post .postTxt {
    font-size: 1em;
    /*14px*/
    line-height: 1.7143em;
    /*24px*/
    margin-bottom: 1.7143em;
    word-break: break-word;
  }
  #post .thumb {
    width: 96px;
    height: 96px !important;
    margin: 0 10px 10px 0;
  }

  #side {
    padding-top: 1.7143em;
    float: none;
    width: 100%;
    border-top: 1px dotted #666;
  }
  #side h2 {
    margin-bottom: 0.861em;
  }
  #side .widget {
    margin-bottom: 3em;
  }

  .bottomContainer {
    padding: 0 10px;
  }

  .backBtn {
    width: 100%;
  }

  .blogPost .thumb {
    width: 96px;
    height: 96px !important;
    margin: 0 10px 10px 0;
  }
  .blogPost .ttlS {
    font-size: 1.286em;
    /*18px*/
    line-height: 1.3333em;
    /* 24px */
    margin: 0 0 1.3333em 0;
  }
  .blogPost .meta {
    margin: 0;
    clear: both;
    text-align: left;
  }

  #BlogComment .commentTable td {
    display: block;
    width: 100% !important;
  }
  #BlogComment .commentTable .auth-captcha-image {
    float: none;
  }
  #BlogComment .commentTableImg input {
    width: 90%;
  }
  #BlogComment .submit {
    width: 100%;
  }

  .widget-blog-calendar table {
    width: 100%;
  }

  #pageBody .aboutSection01 {
    float: none;
    width: 100%;
  }
  #pageBody .aboutSection02 {
    float: none;
    width: auto;
    padding: 0 20px;
  }
  #pageBody .aboutTable {
    left: 0;
  }
  #pageBody #map {
    left: 0;
  }

  #MessageIndexForm {
    font-size: 1em;
  }
  #MessageIndexForm th {
    width: 100%;
    display: block;
  }
  #MessageIndexForm th label {
    margin-left: 0;
  }
  #MessageIndexForm td {
    width: auto;
    display: block;
    padding: 0 0 25px;
  }
  #MessageIndexForm td input[type="text"] {
    border: 1px solid #ccc;
    width: 90%;
    margin-left: 0;
  }
  #MessageIndexForm td input + span {
    margin-left: 0;
  }
  #MessageIndexForm #FieldMessageAddress1 {
    margin: 15px 0 0 0;
  }

  #FieldMessageName1 {
    display: block;
    margin-bottom: 10px;
  }

  #FieldMessageNameKana2 {
    margin-top: 8px;
  }

  .mail-attention {
    display: block;
  }

  #FieldMessageTel1,
  #FieldMessageTel2,
  #FieldMessageTel3 {
    float: left;
  }
  #FieldMessageTel1 input,
  #FieldMessageTel2 input,
  #FieldMessageTel3 input {
    width: 70% !important;
  }

  #RowMessageTel1 {
    margin-bottom: 10px;
  }

  #RowMessageZip {
    clear: both;
  }
  #RowMessageZip input[type="text"] {
    width: 50%;
  }

  #MessageAddress1 {
    width: 70%;
    height: 30px;
  }

  #MessageIndexForm #FieldMessageAddress2 input[type="text"] {
    width: 90%;
  }

  .contactSection .row-table-01 {
    margin-bottom: 0;
  }

  #MessageIndexForm .submit {
    padding: 0;
  }

  #MessageIndexForm .submit {
    left: 0;
    width: 100%;
  }

  #MessageIndexForm .submit .btn-gray {
    position: relative;
    left: 0;
    float: none;
    -webkit-appearance: none;
    width: 100%;
    height: 40px;
    margin: 15px 0 20px;
  }

  #BtnMessageConfirm {
    width: 100%;
    left: 0;
  }

  .mail-attention {
    text-align: right;
  }

  #MessageIndexForm #FieldMessageAddress3 {
    margin: 10px 0 0 0;
  }

  #MessageIndexForm #FieldMessageAddress2, #MessageIndexForm #FieldMessageAddress3 {
    margin: 10px 0 0 0;
  }

  #MessageIndexForm #FieldMessageAddress3 input[type="text"] {
    width: 90%;
  }

  #FieldMessageRootEtc {
    display: block;
    margin-top: 10px;
  }

  header.contensHeader .ico-pageTop:before {
    display: block;
  }

  header.contensHeader .logoAlt {
    display: none !important;
  }
  header.contensHeader #logoLink {
    position: relative;
    top: -37px;
    width: 150px;
    left: 50%;
    height: 48px;
    margin-left: -75px;
  }

  #slideMenu .wrap:hover {
    background: #333 !important;
  }
}