﻿@charset "UTF-8";
/* CSS Document */

@media screen and (max-width:750px)
{
  body
  {
    padding: 0;
  }

  .clearfix
  {
    display: block;
  }

  .wrapper
  {
    margin: 0;
    width: auto;
    padding: 0;
    background: none;
  }

  div#header
  {
    float: none;
    height: auto;
    margin-bottom: 0;
    padding: 10px;
    width: auto;
    background-image: none;
  }

  h1 a
  {
    display: block;
    width: 97px;
    height: 21px;
    background-image: url(img/a-fumi_s.gif);
    text-indent: -9999px;
  }

  /*-- サイドコンテンツ--*/

  div#navi
  {
    display: none;
  }

  div#navi_mobile
  {
    display: block;
    width: 90px;
    top: 40px;
    right: 0;
    top: 5px;
    position: fixed;
    z-index: 9999;
  }

  .menumobile
  {
    display: none;
    border: 1px solid #ec6877;
    z-index: 9999;
    top: 35px;
    right: 0;
    position: fixed;
  }

  .menumobile h3
  {
  }

  .menumobile h3 a
  {
    display: block;
    width: 200px;
    padding: 15px 5px;
    background-color: #fee8ea;
    border-bottom: 1px solid #ec6877;
    text-decoration: none;
    color: #40210f;
    font-weight: normal;
  }

  .menumobile h3 a em
  {
    font-style: normal;
  }

  .menumobile h3 a:hover,
  .menumobile h3 a:active
  {
    background-color: #ffd5d6;
  }

  div#profile_mobile
  {
    display: block;
    margin-top: 10px !important;
    padding: 10px;
    border-top: 1px dotted #ec6877;
    font-size: 16px;
    line-height: 26px;
  }

  div#profile_mobile h4
  {
    padding: 10px 0 0 10px;
  }

  div#profile_mobile p em
  {
    font-weight: bold;
  }

  div.div_extlink_mobile
  {
    padding: 10px 0 0 10px;
  }

  div.div_extlink_mobile a
  {
    float: left;
    padding-right: 10px;
  }

  /*-- メインコンテンツ--*/
  #hs_container
  {
    display: none;
  }

  div.div_toppage,
  div#wedding,
  div#wedding div,
  div#samples,
  div#samples div,
  div#school,
  div#school div,
  div#about_fumi,
  div#about_fumi div,
  div#contact,
  #View1
  {
    padding: 0px;
    width: auto;
    margin: 0;
    height: auto;
  }

  div.div_toppage p,
  div#wedding p,
  div#wedding div p,
  div#samples p,
  div#samples div p,
  div#school p,
  div#school div p,
  div#about_fumi p,
  div#about_fumi div p,
  #contact p
  {
    padding: 5px 10px;
  }

  div#sitemap_navi
  {
    display: none;
  }

  div#contents
  {
    margin-left: 0;
    width: auto;
    background-color: #ffffff;
  }

  * html div#contents
  {
    float: none;
    margin-left: 0px;
    width: auto;
  }

  div#samples h2,
  div#wedding h2,
  div#school h2,
  div#contact h2,
  div#about_fumi h2,
  div#contact h2
  {
    background: url(img/h2_back_mobile.png) no-repeat;
    background-position: -2px -2px;
    height: auto;
    margin: 0 0 10px 0;
    padding: 8px 10px;
    font-size: 17px;
  }

  div#school h3,
  div#samples h3,
  div#about_fumi h3,
  div#wedding h3
  {
    background-color: #ffe4e4;
    border-left: #ec6877 3px solid;
    margin: 5px;
    padding: 5px;
    font-size: 15px;
    font-weight: normal;
  }

  div.div_contact_mobile
  {
    display: block;
    padding: 10px;
  }

  div_minheight
  {
    min-height: 300px;
    padding: 10px;
  }

  table.tbl_contact
  {
    display: none;
  }

  div.div_contact_mobile dl dt
  {
    padding: 5px 5px 5px 23px;
    width: 80px;
    text-align: left;
    color: #330000;
    vertical-align: top;
    background: url(img/point_rose10.gif) no-repeat 2px 7px;
  }








  /*--▼ フッター--*/

  div#footer
  {
    height: 30px;
    margin-top: 25px;
    padding-top: 25px;
    font-style: normal;
    text-align: center;
    background: url(img/footer_back.gif) no-repeat;
  }

  div#footer address
  {
    font-style: normal;
    font-size: 12px;
  }
}
