@charset "utf-8";

/* --- 共通 --- */

body {
  -webkit-text-size-adjust: 100%;
  min-width: 320px;
  margin: 0;
  padding: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6edf2+0,ffffff+100 */
  background: #f6edf2; /* Old browsers */
  background: -moz-linear-gradient(top,  #f6edf2 0%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6edf2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f6edf2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f6edf2 0%,#ffffff 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f6edf2 0%,#ffffff 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f6edf2 0%,#ffffff 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6edf2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, select {
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  font-size: 13px;
  color: #555555;
}
hr { display: none; }
.clr {
  width: auto;
  zoom: 100%;
}
.clr:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}
img {
  vertical-align: bottom;
  boreder: 0px;
  width: 100%;
}
a {
  outline: none;
  color: #325fb4;
  text-decoration: none;
}
span, strong { font-size: 100%; }
strong { font-weight: bold; }
.mt2p { margin-top: 2%!important; }
.mt3p { margin-top: 3%!important; }
.mt4p { margin-top: 4%!important; }
.mt5p { margin-top: 5%!important; }

.mb2p { margin-bottom: 2%!important; }
.mb3p { margin-bottom: 3%!important; }
.mb4p { margin-bottom: 4%!important; }
.mb5p { margin-bottom: 5%!important; }

.w70 { width: 70%!important; }
.w90 { width: 90%!important; }

.center { text-align: center!important; }

.mb1em { margin-bottom: 1em!important; }
.mb2em { margin-bottom: 2em!important; }
.mb3em { margin-bottom: 3em!important; }

#main {
  background: #ffffff;
  margin: 0 auto;
  max-width: 760px;
  min-height: 1000px;
}
#main:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}
#inner {
  max-width: 600px;
  padding: 0 5px;
  margin: 0 auto;
}
.logo { text-align: center; }
.logo img { }
.mainmenu { clear: both; }
.mainmenu li { list-style-type: none; }
.mainmenu li a {
  display: block;
  float: left;
  width: 50%;
  max-width: 300px;
  max-height: 83px;
}
.mainmenu li a.mm99,
.mainmenu li a.mm99:hover {
  cursor: default;
}

.ttl_01 {
  background: url("../images/li_01_18.png") no-repeat scroll 0 0;
  font-size: 150%;
  font-weight: bold;
  line-height: 1.25;
  margin: 0 auto;
  padding-bottom: 5px;
  padding-left: 1.5em;
  max-width: 600px;
}

.goto_top {
  clear: both;
  cursor: pointer;
  display: inline-block;
  float: right;
  font-size: 116%;
  margin: 3% 0 5%;
  color: #325fb4;
}
.goto_pc {
  width: 80px;
  margin: 30px auto;
}
.footer_clinic {
  font-size: 132%;
  font-weight: bold;
  margin-bottom: 1%;
  text-align: center;
}
.footer_clinic_addr {
  font-size: 132%;
  line-height: 1.45;
  text-align: center;
  margin-bottom: 5%;
}
.fb_pagebox {
  margin: 0 auto 2%;
  max-width: 500px;
  overflow: hidden;
}
.sns_btn {
  margin: 5% 0;
  overflow: hidden;
  text-align: center
}
.sns_btn img {
  margin-right: 2%
}
.sns_btn .line img {
  width: 32px;
  height: 32px;
}
.sns_btn .tw img {
  width: 32px;
  height: 32px;
}
.sns_btn .fb img {
  width: 32px;
  height: 32px;
}
.sns_btn .in img {
  width: 32px;
  height: 32px;
  margin-right: 0;
}

.gomovie {
/*  background: url("/images/hifuka/yt24.png") no-repeat scroll 25px 2px; */
  font-size: 132%;
  line-height: 1.4;
  margin-bottom: 20px;
  text-align: center;
}
.gomovie img {
  margin-right: 10px;
  vertical-align: middle;
  width: auto;
  margin-bottom: 3px;
}
.movie_thumb_wrap {
  width: 300px;
  position: relative;
  margin: 0 auto 5px;
  clear: both;
}
.movie_thumb { margin-bottom: 5px; }
.movie_thumb.h225 {
  display: table;
  height: 225px;
  background: #000000;
}
.movie_thumb.h225 a {
  display: table-cell;
  vertical-align: middle;
}

.movie_thumb img { width: 100%; }
.movie_thumb_playbtn {
  position: absolute;
  top: 0;
}
.movie_thumb_wrap:hover { opacity: 0.5; }
.movie_thumb_playbtn img { width: 100%; }
.movie_thumb_wrap a:link:hover,
.movie_thumb_wrap a:visited:hover {
  border: 0 none;
}

@media only screen and (max-width: 460px) {

  .ttl_01 {
    background: url("../images/li_01_14.png") no-repeat scroll 0 0;
    padding-left: 1.2em;
    font-size: 132%;
  }

  .goto_pc {
    width: 50px;
  }
  .footer_clinic,
  .footer_clinic_addr {
    font-size: 116%;
  }
  .gomovie {
    background-position: 4px 0;
    font-size: 100%;
    padding-left: 35px;
  }
  .movie_thumb_wrap { width: 200px; }
  .movie_thumb.h225 {
    height: 150px;
  }


}