body { padding: 100px 0 0 !important; }

#header { background: #fff; z-index: 99; width: 100%; position: fixed; top: 0; left: 0; padding: 15px 0; text-align: center; border-bottom: 1px solid #D9D9D9; }
#header .logo img { width: 120px; height: auto; }

#bread ol { padding: 10px 30px; display: flex; justify-content: flex-start; flex-wrap: wrap; }
#bread ol li { padding: 0 10px 0 20px; background: url(../images/reserve/bread.png) no-repeat left center; background-size: 8px auto; }
#bread ol li:first-child { padding: 0 10px 0 0; background: none; }

footer .to_top { background: #4D4D4D; display: flex; justify-content: flex-end; }
footer .to_top .page { font-size: 18px; background: #333333; color: #fff; display: block; min-width: 400px; height: 100px; line-height: 100px; text-align: center; }
footer .to_top .arrow { background: #000; height: 100px; width: 100px; text-align: center; line-height: 100px; }
footer .to_top .arrow img { vertical-align: middle; }
footer .f_logo { text-align: center; padding: 100px 0; }

/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
	#bread ol { padding: 10px 4%; }

	footer .to_top { display: block; }
	footer .to_top .page { font-size: 16px; min-width: inherit; width: 100%; line-height: 70px; height: 70px; }
	footer .to_top .arrow { display: block; width: 100%; height: 40px; line-height: 40px; }
	footer .to_top .arrow img { width: 25px; height: auto; }
	footer .f_logo { padding: 50px 0; }
	
}
@charset "utf-8";
/* default.css 2.0 by © ARTI FACTORY last update 2011.11.10 */
/* ------------------------------------------------------------ Initialization of the browser style */
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
address,
code,
em,
span.strong,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
hr {
	padding: 0;
	margin: 0;
	/*zoom: 1;*/
	font-style: normal;
	font-weight: normal;
	line-height: 170%;
	/* word-break: break-all;  */
}

/* ------------------------------------------------------------ body reset */
body {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 16px;
	background-color: #fff;
}

table { font-size: 100%; }
strong { font-weight: normal; }
/* ------------------------------------------------------------ Table Elements */
table,
th,
td {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ------------------------------------------------------------ Form Elements */
input,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

button { border: 0; }
button:hover { cursor: pointer; }
label { cursor: pointer; }

/* ------------------------------------------------------------ etc */
a,
fieldset,
img { border: 0; }

ul li { list-style-type: none; }

/* ------------------------------------------------------------ img */
*:first-child+html img { vertical-align: bottom; }

* html img { vertical-align: bottom; }

img {
	margin-bottom: 0;
	font-size: 0;
	line-height: 0;
	vertical-align: middle;
	border: none;
}

/* ------------------------------------------------------------ input */
input { vertical-align: middle; display: inline; }

*:first-child+html input { vertical-align: middle; }

* html input { vertical-align: middle; }

/* ------------------------------------------------------------ select */
select { vertical-align: middle; }

*:first-child+html select { vertical-align: middle; }

* html select { vertical-align: middle; }

/* ------------------------------------------------------------ shortcuts */
.flL { float: left; }
.flR { float: right; }

.txL { text-align: left; }
.txC { text-align: center; }
.txR { text-align: right; }

.pd0 { padding: 0 !important; }
.mg0 { margin: 0 !important; }

.clear { clear: both; }
.button { cursor: pointer; }

.tx10 { font-size: 10px; }
.tx14 { font-size: 14px; }

/* ------------------------------------------------------------ clear Fix */

.cfx:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.cfx { min-height: 1px; }

* html .cfx {
  height: 1px;
  /*Â¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* ------------------------------------------------------------other format */
.bgrlnk a:hover { text-decoration: none; }

/* ------------------------------------------------------------ iphone */
@media screen and (max-device-width: 480px) {
body {
-webkit-text-size-adjust: none; /* iPhone */
}
}
/*!
 * jquery-drawer v3.2.2
 * Flexible drawer menu using jQuery, iScroll and CSS.
 * http://git.blivesta.com/drawer
 * License : MIT
 * Author : blivesta <design@blivesta.com> (http://blivesta.com/)
 */

/*!------------------------------------*\
    Base
\*!------------------------------------*/

.drawer-open {
  overflow: hidden !important;
}

.drawer-nav {
  position: fixed;
  z-index: 90;
  top: 0;
  overflow: hidden;
  width: 16.25rem;
  height: 100%;
  color: #222;
  background-color: #fff;
}

.drawer-brand {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 3.75rem;
  display: block;
  padding-right: .75rem;
  padding-left: .75rem;
  text-decoration: none;
  color: #222;
}

.drawer-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.drawer-menu-item {
  font-size: 1rem;
  display: block;
  padding: .75rem;
  text-decoration: none;
  color: #222;
}

.drawer-menu-item:hover {
  text-decoration: underline;
  color: #555;
  background-color: transparent;
}

/*! overlay */

.drawer-overlay {
  position: fixed;
  z-index: 80;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .2);
}

.drawer-open .drawer-overlay {
  display: block;
}

/*!------------------------------------*\
    Top
\*!------------------------------------*/

.drawer--top .drawer-nav {
  top: -100%;
  left: 0;
  width: 100%;
  height: auto;
  max-height: 100%;
  -webkit-transition: top .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: top .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.drawer--top.drawer-open .drawer-nav {
  top: 0px;
}

.drawer--top .drawer-hamburger,
.drawer--top.drawer-open .drawer-hamburger {
  right: 5px;
  top: 5px;
}

/*!------------------------------------*\
    Left
\*!------------------------------------*/

.drawer--left .drawer-nav {
  left: -16.25rem;
  -webkit-transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.drawer--left.drawer-open .drawer-nav,
.drawer--left .drawer-hamburger,
.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
  left: 0;
}

.drawer--left.drawer-open .drawer-hamburger {
  left: 16.25rem;
}

/*!------------------------------------*\
    Right
\*!------------------------------------*/

.drawer--right .drawer-nav {
  right: -16.25rem;
  -webkit-transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.drawer--right.drawer-open .drawer-nav,
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
  right: 0px;
}

.drawer--right.drawer-open .drawer-hamburger {
  right: 16.25rem;
}

/*!------------------------------------*\
    Hamburger
\*!------------------------------------*/

.drawer-hamburger {
  position: fixed;
  z-index: 104;
  top: 0px;
  width:158px;
  height: 38px;
  padding: 0;
  padding-top: 7px;
  padding-right: 5px;
  background: black;
}

.drawer-hamburger:after {
  position: absolute;
  top: -2px;
  right: -2px;
  content: "MENU";
  width: 160px;
  height: 40px;
  background: #938876;
  background-size: cover;
  font-size:20px;
  color:white;
  font-family: 'EB Garamond', serif;
  letter-spacing:0.12em;
  line-height:40px;
}

.drawer-hamburger.open:after {
  position: absolute;
  top: -2px;
  right: -2px;
  content: "CLOSE";
  width: 160px;
  height: 40px;
  background: #938876;
  background-size: cover;
  font-size:20px;
  color:white;
  font-family: 'EB Garamond', serif;
  letter-spacing:0.12em;
  line-height:40px;
}

.drawer-hamburger:hover {
  cursor: pointer;
  /*background-color: transparent;*/
}

.drawer-hamburger-icon {
  position: relative;
  display: block;
  margin-top: 10px;
}

.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
  width: 100%;
  height: 2px;
  -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  background-color: white;
}

.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
  position: absolute;
  top: -10px;
  left: 0;
  content: ' ';
}

.drawer-hamburger-icon:after {
  top: 10px;
}

.drawer-open .drawer-hamburger-icon {
  background-color: transparent;
}

.drawer-open .drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:after {
  top: 0;
}

.drawer-open .drawer-hamburger-icon:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.drawer-open .drawer-hamburger-icon:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/*!------------------------------------*\
    accessibility
\*!------------------------------------*/

/*!
 * Only display content to screen readers
 * See: http://a11yproject.com/posts/how-to-hide-content
 */

.sr-only {
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

/*!
 * Use in conjunction with .sr-only to only display content when it's focused.
 * Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
 * Credit: HTML5 Boilerplate
 */

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
}

/*!------------------------------------*\
    Sidebar
\*!------------------------------------*/

.drawer--sidebar {
  background-color: #fff;
}

.drawer--sidebar .drawer-contents {
  background-color: #fff;
}

@media (min-width: 64em) {
  .drawer--sidebar .drawer-hamburger {
    display: none;
    visibility: hidden;
  }

  .drawer--sidebar .drawer-nav {
    display: block;
    -webkit-transform: none;
            transform: none;
    position: fixed;
    width: 12.5rem;
    height: 100%;
  }

  /*! Left */
  .drawer--sidebar.drawer--left .drawer-nav {
    left: 0;
    border-right: 1px solid #ddd;
  }

  .drawer--sidebar.drawer--left .drawer-contents {
    margin-left: 12.5rem;
  }

  /*! Right */
  .drawer--sidebar.drawer--right .drawer-nav {
    right: 0;
    border-left: 1px solid #ddd;
  }

  .drawer--sidebar.drawer--right .drawer-contents {
    margin-right: 12.5rem;
  }

  /*! container */
  .drawer--sidebar .drawer-container {
    max-width: 48rem;
  }
}

@media (min-width: 75em) {
  .drawer--sidebar .drawer-nav {
    width: 16.25rem;
  }

  .drawer--sidebar.drawer--left .drawer-contents {
    margin-left: 16.25rem;
  }

  .drawer--sidebar.drawer--right .drawer-contents {
    margin-right: 16.25rem;
  }

  /*! container */
  .drawer--sidebar .drawer-container {
    max-width: 60rem;
  }
}

/*!------------------------------------*\
    Navbar
\*!------------------------------------*/

.drawer--navbarTopGutter {
  padding-top: 3.75rem;
}

.drawer-navbar .drawer-navbar-header {
  border-bottom: 1px solid #ddd;
  background-color: #fff;
}

.drawer-navbar {
  z-index: 102;
  top: 0;
  width: 100%;
}

/*! .drawer-navbar modifier */

.drawer-navbar--fixed {
  position: fixed;
}

.drawer-navbar-header {
  position: relative;
  z-index: 102;
  box-sizing: border-box;
  width: 100%;
  height: 3.75rem;
  padding: 0 .75rem;
  text-align: center;
}

.drawer-navbar .drawer-brand {
  line-height: 3.75rem;
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
}

.drawer-navbar .drawer-brand:hover {
  background-color: transparent;
}

.drawer-navbar .drawer-nav {
  padding-top: 3.75rem;
}

.drawer-navbar .drawer-menu {
  padding-bottom: 7.5rem;
}

@media (min-width: 64em) {
  .drawer-navbar {
    height: 3.75rem;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
  }

  .drawer-navbar .drawer-navbar-header {
    position: relative;
    display: block;
    float: left;
    width: auto;
    padding: 0;
    border: 0;
  }

  .drawer-navbar .drawer-menu--right {
    float: right;
  }

  .drawer-navbar .drawer-menu li {
    float: left;
  }

  .drawer-navbar .drawer-menu-item {
    line-height: 3.75rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  .drawer-navbar .drawer-hamburger {
    display: none;
  }

  .drawer-navbar .drawer-nav {
    position: relative;
    left: 0;
    overflow: visible;
    width: auto;
    height: 3.75rem;
    padding-top: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  .drawer-navbar .drawer-menu {
    padding: 0;
  }

  /*! dropdown */
  .drawer-navbar .drawer-dropdown-menu {
    position: absolute;
    width: 16.25rem;
    border: 1px solid #ddd;
  }

  .drawer-navbar .drawer-dropdown-menu-item {
    padding-left: .75rem;
  }
}

/*!------------------------------------*\
    Dropdown
\*!------------------------------------*/

.drawer-dropdown-menu {
  display: none;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #fff;
}

.drawer-dropdown-menu > li {
  width: 100%;
  list-style: none;
}

.drawer-dropdown-menu-item {
  line-height: 3.75rem;
  display: block;
  padding: 0;
  padding-right: .75rem;
  padding-left: 1.5rem;
  text-decoration: none;
  color: #222;
}

.drawer-dropdown-menu-item:hover {
  text-decoration: underline;
  color: #555;
  background-color: transparent;
}

/*! open */

.drawer-dropdown.open > .drawer-dropdown-menu {
  display: block;
}

/*! drawer-caret */

.drawer-dropdown .drawer-caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 4px;
  -webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
  transition: opacity .2s ease, -webkit-transform .2s ease;
  transition: transform .2s ease, opacity .2s ease;
  transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

/*! open */

.drawer-dropdown.open .drawer-caret {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/*!------------------------------------*\
    Container
\*!------------------------------------*/

.drawer-container {
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 64em) {
  .drawer-container {
    max-width: 60rem;
  }
}

@media (min-width: 75em) {
  .drawer-container {
    max-width: 70rem;
  }
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
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: baseline;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",Meiryo,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  background: #fff;
  line-height: 1.5;
}

::-moz-selection {
  background: #eadc88;
}

::selection {
  background: #eadc88;
}

::-moz-selection {
  background: #eadc88;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  opacity: .8;
}

img {
  max-width: 100%;
}

img.spOnly {
  display: none;
}

@media screen and (max-width: 767px) {
  img.spOnly {
    display: inline;
  }
}

.serifGothic {
  font-family: 'ITC Serif Gothic Regular';
  letter-spacing: 1px;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

.center {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .pcOnly {
    display: none;
  }
}

.spOnly {
  display: none;
}

@media screen and (max-width: 767px) {
  .spOnly {
    display: block;
  }
}

@media screen and (min-width: 769px) {
  .allLink {
    cursor: pointer;
  }
  .allLink:hover {
    opacity: 0.8;
  }
  .allLink a:hover {
    opacity: 1;
  }
}

input[type="submit"] {
  border: 0;
  cursor: pointer;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
}

input[type="submit"]:hover {
  opacity: .8;
}

.btn01 a {
  padding: 17px 0 16px;
  background: #fff;
  border: 1px solid #666;
  border-bottom: 5px solid #666;
  display: block;
}

.btn01 a:hover {
  color: #fff;
  background: #666;
  opacity: 1;
}

.headerTop {
  margin-top: -86px;
  padding-top: 86px;
}

@media screen and (max-width: 768px) {
  .headerTop {
    margin-top: -61px;
    padding-top: 61px;
  }
}

.checkbox {
  padding-left: 25px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
}

@media screen and (max-width: 400px) {
  .checkbox {
    font-size: 13px;
    letter-spacing: -.5px;
    padding: 3px 0 3px 32px;
  }
}

.checkbox:before, .checkbox:after {
  content: '';
  position: absolute;
}

.checkbox:before {
  width: 16px;
  height: 16px;
  border: 1px solid #c8c9ca;
  border-radius: 3px;
  z-index: 3;
  top: 0;
  left: 0;
}

@media screen and (max-width: 400px) {
  .checkbox:before {
    width: 23px;
    height: 23px;
  }
}

.checkbox:after {
  width: 4px;
  height: 9px;
  margin-top: -6px;
  border-right: 3px solid #333;
  border-bottom: 3px solid #333;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  z-index: 1;
  display: block;
  top: 8px;
  left: 6px;
}

@media screen and (max-width: 400px) {
  .checkbox:after {
    width: 6px;
    height: 14px;
    left: 9px;
  }
}

.checkbox input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: 41px 0px #fff;
  box-shadow: 41px 0px #fff;
  -moz-appearance: none;
  -webkit-appearance: none;
  z-index: 2;
  display: block;
  position: absolute;
  left: -40px;
}

@media screen and (max-width: 400px) {
  .checkbox input[type="checkbox"] {
    width: 23px;
    height: 23px;
  }
}

.checkbox input[type="checkbox"]:checked {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.mainContent {
  padding-bottom: 120px;
}

@media screen and (max-width: 768px) {
  .mainContent {
    margin-top: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .mainContent {
    padding: 60px 0 80px;
  }
}

.mainContentSub {
  padding: 40px 0 180px;
}

@media screen and (max-width: 768px) {
  .mainContentSub {
    margin-top: 0 !important;
    padding-top: 80px;
  }
}

@media screen and (max-width: 767px) {
  .mainContentSub {
    padding-bottom: 80px;
  }
}

.mainContent h2 {
  font-size: 24px;
  color: #4d4d4d;
}

.catchcopy02 {
  font-size: 12px;
  margin: 30px 0;
  line-height: 2;
}

.more01 {
  width: 500px;
  margin: 50px auto 0;
}

@media screen and (max-width: 767px) {
  .more01 {
    margin-top: 35px;
  }
}

@media screen and (max-width: 550px) {
  .more01 {
    width: 85%;
  }
}

.more01 a {
  padding: 15px 0 14px;
  border: 1px solid #8c8c8c;
  display: block;
}

.more01 a:hover {
  color: #fff;
  background: #8c8c8c;
}

.slide a {
  display: block;
}

.slick-prev,
.slick-next {
  width: 22px;
  height: 38px;
}

@media screen and (max-width: 767px) {
  .slick-prev,
  .slick-next {
    width: 30px;
    height: auto;
    padding: 8px 0;
  }
}

.slick-prev:hover,
.slick-next:hover {
  opacity: .7;
}

.slick-prev {
  background: url(../images/common/arrow_prev.png) no-repeat 0 0;
  background-size: contain;
  z-index: 1;
  left: -50px;
}

@media screen and (max-width: 767px) {
  .slick-prev {
    background: url(../images/common/arrow_prev.png) no-repeat 50% 50%, #fff;
    background-size: 30px, auto;
    left: 10px;
    background-color: transparent;
  }
}

.slick-prev:before {
  content: "";
}

.slick-prev:hover, .slick-prev:focus {
  background: url(../images/common/arrow_prev.png) no-repeat 0 0;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .slick-prev:hover, .slick-prev:focus {
    background: url(../images/common/arrow_prev.png) no-repeat 50% 50%, #fff;
    background-size: 30px, auto;
    background-color: transparent;
  }
}

.slick-next {
  background: url(../images/common/arrow_next.png) no-repeat 0 0;
  background-size: contain;
  right: -50px;
}

@media screen and (max-width: 767px) {
  .slick-next {
    background: url(../images/common/arrow_next.png) no-repeat 50% 50%, #fff;
    background-size: 30px, auto;
    right: 10px;
    background-color: transparent;
  }
}

.slick-next:before {
  content: "";
}

.slick-next:hover, .slick-next:focus {
  background: url(../images/common/arrow_next.png) no-repeat 0 0;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .slick-next:hover, .slick-next:focus {
    background: url(../images/common/arrow_next.png) no-repeat 50% 50%, #fff;
    background-size: 30px, auto;
    background-color: transparent;
  }
}

.fadeIn01 {
  opacity: 0;
  -ms-transform: translate(0, 60px);
  transform: translate(0, 60px);
  -webkit-transform: translate(0, 60px);
  -webkit-transition: .8s;
  -o-transition: .8s;
  transition: .8s;
}

.fadeIn01.move {
  opacity: 1;
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

.show425 {
  display: none;
}

.sp {
  display: none;
}

.spMenu {
  width: 100%;
  background-color: #FFFFFF;
  height: 50px;
  position: fixed;
  z-index: 100;
  padding-right: 6%;
  padding-left: 6%;
  padding-top: 5px;
}

.spMenu01 {
  background-color: #cccccc;
  padding-top: 85px;
  padding-bottom: 40px;
  margin-bottom: 1px;
}

.spMenu01 .firstMenu a {
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 20px;
  font-family: "EB Garamond";
  display: block;
}

.spMenu01 .firstMenu {
  text-align: center;
}

.spMenu01 .childMenu a {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 14px;
  display: block;
  position: relative;
}

.spMenu01 .childMenu li {
  padding-left: 15%;
}

.spMenu01 .childMenu.fl li {
  float: left;
  width: 50%;
  padding-left: 15%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.spMenu01 .childMenu.fl li:nth-child(2n) {
  float: left;
  width: 50%;
  padding-left: 5%;
}

.spMenu01 .childMenu li:last-child a {
  margin-bottom: 20px;
}

.spMenu02 {
  background-color: #B2B2B2;
  padding-top: 35px;
  padding-bottom: 25px;
}

.spMenu02 .firstMenu a {
  padding-bottom: 25px;
}

.spMenu03 {
  background-color: #cccccc;
  padding-bottom: 40px;
}

.spMenu03 span {
  background-color: #cccccc;
  font-size: 10px;
  display: block;
  margin-top: -2px;
}

.spMenu03 .firstMenu a {
  padding-top: 10px;
  padding-bottom: 10px;
}

.spMenu04 p {
  background-color: #525252;
  margin-right: 1px;
  margin-left: 1px;
  color: white;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 16px;
}

.spMenu04 {
  padding-bottom: 1px;
  background-color: white;
}

.childMenu01 {
  display: none;
}

.spMenu01 .childMenu.icon a:after {
  position: absolute;
  top: 15px;
  right: 15%;
  content: "";
  width: 4px;
  height: 8px;
  background: url(../images/ico_04.png) center center;
  background-size: cover;
}

.menu:hover {
  cursor: pointer;
  opacity: 0.8;
}

@media screen and (max-width: 737px) {
  main {
    padding-top: 50px;
  }
}

@media screen and (max-width: 680px) {
  .sp {
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .show425 {
    display: block;
  }
}

.globalNav01 {
  display: none;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 100000;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .globalNav01 {
   /*  display: none !important; */
  }
}

@media screen and (max-width: 640px) {
  .img01 {
    margin-top: -4px !important;
  }
  .img02 {
    margin-bottom: 15px;
  }
}

.copyright {
  font-family: 'EB Garamond', serif;
}

.img03 {
  width: 74px;
  margin-top: 3px;
}

.footer_wrapper a {
  letter-spacing: 0.06em;
}

.loadingArea01 {
  width: 100%;
  height: 100%;
  background: #b2b2b2;
  z-index: 1000000;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.loadingArea01 .loader01 {
  width: 205px;
  height: 225px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.loadingArea01 .circle {
  border-top: 2px solid #fff;
  border-bottom: 2px solid transparent;
  border-left: 2px solid #fff;
  border-right: 2px solid transparent;
  border-radius: 50% 50% 50% 50%;
  -webkit-animation: animate 2s infinite;
  animation: animate 2s infinite;
  position: absolute;
}

.loadingArea01 .circle01 {
  width: 50px;
  height: 50px;
  top: 75px;
  left: 75px;
}

.loadingArea01 .circle02 {
  width: 70px;
  height: 70px;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  top: 65px;
  left: 65px;
}

.loadingArea01 .circle03 {
  width: 90px;
  height: 90px;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  top: 55px;
  left: 55px;
}

.loadingArea01 .circle04 {
  width: 110px;
  height: 110px;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  top: 45px;
  left: 45px;
}

.loadingArea01 .text01 {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  color: #fff;
  margin-top: 165px;
}

.loadingArea01 .small {
  font-size: 10px;
}

.loadingArea01 .large {
  font-size: 18px;
}

@-webkit-keyframes animate {
  50% {
    -webkit-transform: rotate(360deg) scale(0.8);
    transform: rotate(360deg) scale(0.8);
  }
}

@keyframes animate {
  50% {
    -webkit-transform: rotate(360deg) scale(0.8);
    transform: rotate(360deg) scale(0.8);
  }
}

.closeBtn01 {
  margin-right: 5%;
  cursor: pointer;
}

body {
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mintyo ProN",serif;
}

img {
  max-width: 100%;
}

.topSlider {
  position: relative;
  width: 100%;
}

.topSlider ul {
  width: 100%;
}

.topSlider ul li img {
  width: 100%;
}

.topSlider .logo {
  position: absolute;
  top: 30px;
  left: 30px;
  width: 160px;
}

@media screen and (max-width: 767px) {
  .topSlider .logo {
    top: 25px;
    left: 20px;
  }
}

.topSlider .sliderText {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 81px;
}

@media screen and (max-width: 767px) {
  .topSlider .sliderText {
    top: 25px;
    right: 20px;
  }
}

.container {
  padding: 95px 0px;
  /* menuContainer end */
  /* campaignList end */
  /* bannerContainer end */
  /* newsContainer end */
  /* aboutContainer end */
  /* のちに編集する部分のcss */
  /* ここまで */
  /* birthdayText end */
  /* icoContainer */
}

.container.gray {
  background-color: #E3E4E4;
}

.container.darkGray {
  background-color: #333333;
  color: #FFFFFF;
}

.container.darkGray h2 {
  font-family: 'EB Garamond', serif;
  margin-bottom: 40px;
}

.container.noPaddingTop {
  padding-top: 0px;
}

.container h2 {
  font-family: 'EB Garamond', serif;
  text-align: center;
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 45px;
}

.container h2.noMargin {
  margin-bottom: 0px;
}

.container p.subText {
  text-align: center;
  font-size: 11px;
}

.container .menuContainer {
  width: 775px;
  margin: 0 auto;
  margin-bottom: 40px;
  /* menuBox end */
}

@media screen and (max-width: 900px) {
  .container .menuContainer {
    width: 90%;
  }
}

.container .menuContainer .menuBox {
  width: 30%;
  float: left;
  border-bottom: 1px solid #4d4d4d;
  /* menu end */
  /* ul end*/
}

.container .menuContainer .menuBox.centerMenu {
  margin: 0px 5%;
}

.container .menuContainer .menuBox .menu h3 {
  font-family: 'EB Garamond', serif;
  font-size: 22px;
  text-align: center;
  padding-bottom: 5px;
}

.container .menuContainer .menuBox .menu p {
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mintyo ProN",serif;
  font-size: 11px;
  text-align: center;
  padding-bottom: 30px;
}

.container .menuContainer .menuBox ul {
  padding-bottom: 30px;
  display: none;
  /* li end */
  /* &.2row end */
}

.container .menuContainer .menuBox ul li a {
  text-align: center;
  display: block;
  padding-bottom: 3px;
  font-size: 11px;
}

.container .menuContainer .menuBox ul li a:hover {
  background: #000;
  color: #fff;
}

.container .menuContainer .menuBox ul.row2 li {
  width: 47.5%;
  float: left;
}

.container .menuContainer .menuBox ul.row2 li:nth-child(2n+1) {
  margin-right: 5%;
  clear: both;
}

.container .menuContainer .menuBox ul.row2 li a {
  text-align: left;
}

.container .menuContainer .menuBox ul.row2 li a:hover {
  background: #000;
  color: #fff;
}

.container .campaignList {
  /* ul end */
}

.container .campaignList ul {
  width: 960px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 40px;
  /* li end */
}

@media screen and (max-width: 1080px) {
  .container .campaignList ul {
    width: 90%;
  }
}

.container .campaignList ul li {
  width: 30%;
  margin-right: 5%;
  margin-bottom: 35px;
  float: left;
  /* detail end */
}

.container .campaignList ul li:nth-child(3n) {
  margin-right: 0px;
}

.container .campaignList ul li:nth-child(3n+1) {
  clear: both;
}

.container .campaignList ul li img {
  vertical-align: bottom;
}

.container .campaignList ul li .detail {
  padding: 10px;
  background-color: #FFFFFF;
}

.container .campaignList ul li .detail h4 {
  font-size: 14px;
}

.container .campaignList ul li .detail h4 span {
  display: inline-block;
}

.container .campaignList ul li .detail .date {
  font-size: 10px;
}

.container .campaignList ul li .detail .store {
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .container .campaignList ul li {
    width: 45%;
  }
  .container .campaignList ul li:nth-child(3n) {
    margin-right: 5%;
  }
  .container .campaignList ul li:nth-child(3n+1) {
    clear: none;
  }
  .container .campaignList ul li:nth-child(2n) {
    margin-right: 0px;
  }
  .container .campaignList ul li:nth-child(2n+1) {
    clear: both;
  }
}

.container .more {
  display: block;
  width: 30%;
  margin: 0 auto;
  padding: 20px 0px;
  border: 1px solid #4d4d4d;
  font-family: 'EB Garamond', serif;
  font-size: 18px;
  text-align: center;
}

.container .bannerContainer ul {
  margin-top: 120px;
  width: 100%;
}

.container .bannerContainer ul li {
  float: left;
  margin: 0px 5px;
}

.container .bannerContainer ul li img {
  width: 100%;
}

.container .newsContainer {
  /* ul end */
}

.container .newsContainer.gray ul li {
  background-color: #E3E4E4;
}

.container .newsContainer ul {
  margin-bottom: 60px;
  /* li end */
}

.container .newsContainer ul li {
  padding: 10px;
  width: 600px;
  height: 60px;
  background-color: #FFFFFF;
  margin: 0 auto;
  margin-bottom: 20px;
}

.container .newsContainer ul li:last-child {
  margin-bottom: 0px;
}

.container .newsContainer ul li p {
  font-size: 14px;
  display: table-cell;
  vertical-align: middle;
  height: 40px;
}

.container .newsContainer ul li p.date {
  padding: 0px 20px;
  border-right: 1px solid #939292;
}

.container .newsContainer ul li p.detail {
  padding-left: 20px;
}

@media screen and (max-width: 640px) {
  .container .newsContainer ul li {
    width: calc(100% - 40px);
  }
}

.container .comment {
  font-size: 12px;
  text-align: center;
  margin-bottom: 110px;
  letter-spacing: 0.3em;
  line-height: 25px;
}

@media screen and (max-width: 768px) {
  .container .comment {
    font-size: 12px;
    text-align: center;
    margin-bottom: initial;
    letter-spacing: 0.3em;
    line-height: 25px;
  }
}

.container .aboutContainer {
  margin-bottom: 100px;
  /* textBox end */
}

.container .aboutContainer .img {
  width: 52%;
}

.container .aboutContainer .img img {
  width: 100%;
  vertical-align: bottom;
}

.container .aboutContainer .textBox {
  width: 48%;
  position: relative;
  /* text end */
}

.container .aboutContainer .textBox .text .imgText {
  text-align: center;
  margin-bottom: 40px;
}

.container .aboutContainer .textBox .text .imgText img {
  vertical-align: bottom;
}

.container .aboutContainer .textBox .text .text01 {
  font-size: 24px;
  width: 300px;
  margin: 0 auto;
  margin-bottom: 30px;
}

.container .aboutContainer .textBox .text .text02 {
  font-size: 12px;
  width: 300px;
  margin: 0 auto;
}

.container .imgBarContainer {
  width: 98%;
  margin: 0 auto;
}

.container .birthdayText {
  width: auto;
  /*height:100px;*/
  margin: 0 auto;
  /* title end */
  /* detail end */
}

.container .birthdayText .title {
  width: 280px;
  display: table-cell;
  vertical-align: middle;
  /*height:100px;*/
  font-size: 36px;
  font-family: 'EB Garamond', serif;
  text-align: right;
  line-height: 20px;
  padding-right: 30px;
  /*border-right:1px solid #939292;*/
}

.container .birthdayText .title span {
  display: inline-block;
  font-size: 12px;
  padding-top: 15px;
}

.container .birthdayText .detail {
  padding-left: 20px;
  display: table-cell;
  vertical-align: middle;
  height: 100px;
  font-size: 12px;
}

@media screen and (max-width: 900px) {
  .container .birthdayText {
    width: 80%;
    height: initial;
  }
}

@media screen and (max-width: 767px) {
  .container .birthdayText .title {
    display: block;
    width: initial;
    height: initial;
    padding: 0px;
    text-align: center;
    line-height: 30px;
    border: none;
  }
  .container .birthdayText .title span {
    display: block;
  }
  .container .birthdayText .detail {
    display: none;
  }
}

.container .birthdayLink {
  width: 620px;
  margin: 0px auto;
  margin-top: 30px;
}

.container .birthdayLink a {
  display: block;
  width: 300px;
  padding: 20px 0px;
  border: 1px solid #666666;
  color: 1A1A1A;
  font-size: 14px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .container .birthdayLink {
    width: 80%;
  }
  .container .birthdayLink a {
    width: 48%;
  }
}

.container .icoContainer {
  text-align: center;
  margin-top: 50px;
}

.container .icoContainer a:nth-child(2) {
  margin: 0px 10px;
}

.container .icoContainer a img {
  border-radius: 5px;
}

.container .icoContainer a:hover {
  opacity: initial;
}

/* container end */
.darkGray p {
  font-size: 14px;
  text-align: center;
}

.dot {
  width: 10px;
  height: 10px;
  background-color: #000000;
  border-radius: 50%;
  margin: 45px auto 55px auto;
}

.bar {
  width: 960px;
  height: 1px;
  margin: 0 auto;
  background-color: #939292;
}

@media screen and (max-width: 1080px) {
  .bar {
    width: 90%;
  }
}

.commentContainer {
  padding: 75px 0px;
}

.commentContainer p {
  text-align: center;
  font-size: 28px;
  line-height: 50px;
}

.comment {
  margin-top: 40px;
  margin-bottom: 140px;
  font-size: 14px;
  text-align: center;
}

.recruit {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 125px;
}

#map {
  width: 100%;
  height: 500px;
  z-index: 1;
}

#map1, #map2, #map3, #map4, #map5, #map6 {
  position: relative;
  margin: 0 auto;
  margin-bottom: 90px;
  width: 80%;
  height: 300px;
  border: 1px solid #333333;
  background-color: #FFFFFF;
  display: none;
  margin-top: -100px;
  z-index: 10000;
}

#map1.active, #map2.active, #map3.active, #map4.active, #map5.active, #map6.active {
  display: block;
}

/* #map1〜6 end */
.container.footer_wrapper {
  max-width: 960px;
  margin: 0px auto;
  padding: 0px;
}

.footer_wrapper .linkArea li {
  color: #4D4D4D;
  font-size: 10px;
  line-height: 2;
}

.footer_wrapper .linkArea p {
  color: #4D4D4D;
  font-size: 10px;
  margin-bottom: 18px;
}

.footer_wrapper .linkArea {
  max-width: 740px;
}

.footer_wrapper .linkArea .footer01 {
  float: left;
  width: 21%;
}

.footer_wrapper .linkArea .footer02 {
  float: left;
  width: 18%;
}

.footer_wrapper .linkArea .footer03 {
  float: left;
  width: 21%;
}
@charset "UTF-8";

/*ドロワーメニュー　(メガメニュー)*/

.menu__mega .menu__second-level {
  position: absolute;
  top: 85px;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.menu__mega:hover .menu__second-level {
    top: 85px;
    visibility: visible;
    opacity: 1;
}

.menu__mega .menu__second-level > li {
    float: left;
    width: 32%;
    border: none;
}

.menu__mega .menu__second-level > li:nth-child(3n+2) {
    margin: 0 1%;
}

.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

.subMenu .item01{
    float:left;
    width:30%;
}

.subMenu .item02{
    float:left;
    width:70%;
}


.shadowOn:before{
	/* 透過した黒を重ねる */
	background-color: rgba(0,0,0,0.1);
	/* どの範囲に重ねるかを指定 */
	position: absolute;
	top:77px;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';
  z-index:90;
}

.menuArea01 .menuLeft{
  float: left;
  width: 65%;
}

.menuArea01 .menuRight{
  float: right;
  width: 35%;
}

.menuArea01 .menuLeft .snsArea p{
  float: left;
  line-height: 1;
  margin-right: 6px;
}

.menuArea01 .menuLeft .menu{
  width: 640px;
}

.menuArea01 .menuLeft .menu__single,
.menuArea01 .menuLeft .menu__single02 .item01{
  float: left;
  font-size: 15px;
  font-weight:bold;
}

.menuArea01 .menuContainer{
  padding:0px 50px;
}

.menuArea01 .menuRight p{
  text-align:right;
}

.menuArea01 .menuRight p img{
  padding-top: 15px;
}

.menuArea01 .menuLeft .menu__single a,
.menuArea01 .menuLeft .menu__single02 .item01 {
  font-family: 'Century Gothic','Avenir-Light', sans-serif;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 1px;
  padding-right: 10px;
  padding-left: 10px;
  padding-top:6px;
  padding-bottom:25px;
  display: block;
  line-height: 1;
}

.menuArea01 .menuLeft .menu__mega .item01 {
  font-family: 'Century Gothic','Avenir-Light', sans-serif;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 1px;
  padding-right: 10px;
  padding-left: 0px;
}

.menuArea01 .snsArea{
  padding-top: 38px;
  padding-bottom:6px;
}

.menu__second-level .child01{
  background-color: #a19277;
  padding-top: 27px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px;
}

.menu__second-level .child02{
  background-color: #7e7f8a;
  padding-top: 27px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px;
}

.menu__second-level .child03{
  background-color: #85747c;
  padding-top: 27px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px;
}

.menu__second-level .child04{
  background-color: #678a9c;
  padding-top: 27px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px;
}

.menu__mega .menu__second-level child li a{
  float: left;
  padding-top: 0px;
  padding-bottom: 15px;
  margin-right: 10px;
  color:white;
  font-size: 12px;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  letter-spacing: 0.1em;
  text-align: center;
}

.menuLeft .menu__mega .menu__second-level .child li:first-child a{
  margin-left: 0px;
  margin-right: 10px;
}

.menu03 .menu__single02{
  float: left;
  width:  14%;
}

.menu03{
  max-width: 960px;
  margin: 0px auto;
}

.menu03{
  max-width: 960px;
  margin: 0px auto;
}

.menu03 a.item01,
.menu__single a{
  padding-top: 34px;
  padding-bottom: 31px;
  text-align: center;
  display: block;
  font-family: 'EB Garamond', serif;
  letter-spacing: 0.06em;
}

.menu__single p{
  text-align: center;
  margin-top: 17px;
}

.mmenuContainer{
  max-width: 960px;
  margin: 0px auto;
}

.menu__mega .item01:hover{
  cursor: pointer;
}

.mmenuContainer ul{
  float: left;
}

.mmenuContainer a{
  color:white;
  margin-top: 7px;
  margin-bottom: 7px;
  display: block;
}

.mmenuContainer01 ul{
  width: 150px;
}

.mmenuContainer01 ul:last-child {
  margin-top: 28px;
}

.mmenuContainer02 ul{
  width: 160px;
}

.mmenuContainer03 ul{
  /*width: 170px;*/
  float: none;
}

.mmenuContainer03 ul:first-child li {
  margin-right: 25px;
}

.mmenuContainer03 ul:first-child li:nth-child(3) {
  margin-right: 37px;
}

.mmenuContainer03 ul:last-child li {
  margin-right: 22px;
}

.mmenuContainer04 ul{
  width: 200px;
}

.mmenuContainer01{
  position: relative;
}

.mmenuContainer01,
.mmenuContainer02,
.mmenuContainer03,
.mmenuContainer04{
  position: relative;
  padding-left: 13px;
}

.mmenuContainer01:before{
  position: absolute;
  top: -43px;
  left: 55px;
  content: "";
  width: 20px;
  height: 17px;
  background: url(../images/icon_mmenu_01.png)center;
  background-size: cover;
}

.mmenuContainer02:before{
  position: absolute;
  top: -43px;
  left: 195px;
  content: "";
  width: 20px;
  height: 17px;
  background: url(../images/icon_mmenu_04.png)center;
  background-size: cover;
}

.mmenuContainer03:before{
  position: absolute;
  top: -43px;
  left: 333px;
  content: "";
  width: 20px;
  height: 17px;
  background: url(../images/icon_mmenu_03.png)center;
  background-size: cover;
}

.mmenuContainer04:before{
  position: absolute;
  top: -43px;
  right: 60px;
  content: "";
  width: 20px;
  height: 17px;
  background: url(../images/icon_mmenu_02.png)center;
  background-size: cover;
}

/*　ドロワーメニュー　(メガメニュー)　 終了　*/
.item01_06 a {
  padding-right: 20px;
}

.item01_02 a {
  padding-left: 20px;
}

.spMenu01 .childMenu02.fl li:nth-child(2n+1) {
  padding-left: 8.5%;
}

.spMenu01 .childMenu02.fl li:nth-child(2n) {
  padding-left: 8%;
}
.footer_wrapper .linkArea .footer04 {
  float: left;
  width: 20%;
}

.footer_wrapper .linkArea .footer05 {
  float: left;
  width: 21%;
}

.footer {
  padding-top: 0;
  padding-bottom: 15px;
  background: #fff;
  border-top: 1px solid #D1D1D1;
  border-bottom: 1px solid #D1D1D1;
}

.footer_logo {
  text-align: right;
  margin-top: -30px;
}

.copyright {
  color: #4D4D4D;
  font-size: 11px;
  padding-top: 15px;
  padding-bottom: 50px;
  text-align: center;
  background: #fff;
}

.show680 {
  display: none;
}

.footer_logo span:first-child {
  padding-right: 20px;
}

.show680 {
  display: none;
}

.none680 {
  display: inline-block;
}

.show680_02 {
  display: none;
}

@media screen and (max-width: 1040px) {
  .container.footer_wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 680px) {
  .show680 {
    display: block;
  }
  .none680 {
    display: none;
  }
  .container.footer_wrapper {
    padding-left: 0px;
    padding-right: 0px;
  }
  .footer_wrapper .linkArea .footer01 p,
  .footer_wrapper .linkArea .footer02 p,
  .footer_wrapper .linkArea .footer03 p,
  .footer_wrapper .linkArea .footer04 p,
  .footer_wrapper .linkArea .footer05 p {
    width: 100%;
    border-bottom: 1px solid #D1D1D1;
  }
  .footer_wrapper .linkArea .footer01 li {
    width: 50%;
    float: left;
    border-bottom: 1px solid #D1D1D1;
    border-right: 1px solid #D1D1D1;
  }
  .footer_wrapper .linkArea .footer01 li:nth-child(2n) {
    width: 50%;
    float: left;
    border-right: none;
  }
  .footer_wrapper .linkArea .footer01,
  .footer_wrapper .linkArea .footer02,
  .footer_wrapper .linkArea .footer03,
  .footer_wrapper .linkArea .footer04,
  .footer_wrapper .linkArea .footer05 {
    float: none;
    width: 100%;
  }
  .footer {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .footer_wrapper .linkArea p {
    margin-bottom: 0px;
  }
  .footer_wrapper .linkArea a {
    display: block;
    padding-top: 11px;
    padding-bottom: 10px;
    padding-left: 20px;
    line-height: 1;
  }
  .footer_wrapper .linkArea p a {
    padding-left: 0px;
    text-align: center;
  }
  .footer_logo {
    text-align: center;
    margin-top: 0px;
    padding: 18px;
    padding-bottom: 13px;
  }
  .footer_logo img {
    width: 67px;
  }
  .footer_logo span:nth-child(3) {
    padding-right: 6px;
    padding-left: 0px;
  }
  .footer_logo span:last-child {
    padding-right: 0px;
    padding-left: 6px;
  }
  .show680 {
    display: block;
  }
  .copyright {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .footer_wrapper .linkArea li {
    border-bottom: 1px solid #D1D1D1;
  }
  .show680_02 {
    display: inline-block;
  }
}

@media screen and (max-width: 600px) {
  .container {
    padding: 0px 20px;
    /* menuConatiner end */
    /* newsContainer */
    /* &.content05 end */
  }
  .container.contents05 {
    padding: 0px;
  }
  .container .more {
    width: 100%;
  }
  .container .campaignList ul li {
    width: 100%;
    clear: both;
  }
  .container .campaignList ul li img {
    width: 100%;
  }
  .container .menuContainer {
    width: 100%;
    margin: 0px;
  }
  .container .menuContainer .menuBox {
    clear: both;
    width: 100%;
    margin-bottom: 20px;
  }
  .container .menuContainer .menuBox.centerMenu {
    margin: 0px;
    margin-bottom: 20px;
  }
  .container .menuContainer .menuBox ul {
    padding: 0px 10px;
    padding-bottom: 20px;
  }
  .container .menuContainer .menuBox .menu p {
    padding-bottom: 20px;
  }
  .container .newsContainer ul li {
    width: 100%;
  }
  .container.contents05 {
    /* aboutContainer end */
  }
  .container.contents05 .comment {
    margin-bottom: 30px;
  }
  .container.contents05 .aboutContainer {
    margin-bottom: 35px !important;
    /* textBox end */
  }
  .container.contents05 .aboutContainer .img, .container.contents05 .aboutContainer .textBox {
    clear: both;
    text-align: center;
    width: 100%;
  }
  .container.contents05 .aboutContainer .textBox {
    padding: 0px;
    margin-top: 35px;
  }
  .container.contents05 .aboutContainer .textBox .text {
    padding: 0px 20px;
  }
  .container.contents05 .aboutContainer .textBox .text .text01 {
    width: initial;
  }
  .container.contents05 .aboutContainer .textBox .text .text01 p {
    font-size: 22px;
  }
  .container.contents05 .aboutContainer .textBox .text .text02 {
    width: initial;
  }
  .container.contents05 .aboutContainer .textBox .text .text02 p {
    font-size: 11.5px;
  }
  /* container end */
}

.container .menuContainer .menuBox .menu:hover {
  opacity: .8;
}

a.recruit:hover {
  opacity: initial;
}

.recruitImage:hover {
  opacity: .6;
}

.birthdayText {
  float: left;
}

.birthdayLink {
  float: left;
}

.linkArea a p {
  font-family: 'EB Garamond', serif;
}

.logoFooter02 {
  width: 105px;
}
body .headerNavArea01 .container {
  width: 94%;
  max-width: 960px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .headerNavArea01 .globalNav01 {
    display: block !important;
    opacity: 1 !important;
  }
}
.bgWhite01 {
  background: #fff;
  z-index: 1;
  position: relative;
}

.birthArea01 {
  width: 1160px;
  margin: 0 auto;
  position: relative;
  line-height: 1;
}

@media screen and (max-width: 1200px) {
  .birthArea01 {
    width: 96%;
  }
}

@media screen and (max-width: 640px) {
  .birthArea01 {
    width: 100%;
  }
}

.birthArea01 .rangeArea01 {
  color: #fff;
  width: 735px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
}

@media screen and (max-width: 900px) {
  .birthArea01 .rangeArea01 {
    width: 640px;
  }
}

@media screen and (max-width: 767px) {
  .birthArea01 .rangeArea01 {
    width: 200px;
    height: 278px;
    margin: auto 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
  }
}

.birthArea01 .rangeArea01 input {
  width: 100%;
}

.birthArea01 .rangeArea01 li {
  font-size: 12px;
  letter-spacing: .08em;
  position: absolute;
  top: -15px;
}

@media screen and (max-width: 900px) {
  .birthArea01 .rangeArea01 li {
    font-size: 10px;
    top: -9px;
  }
}

@media screen and (max-width: 767px) {
  .birthArea01 .rangeArea01 li {
    text-align: left;
  }
}

.birthArea01 .rangeArea01 li:first-child {
  top: -28px;
  left: -10px;
}

@media screen and (max-width: 900px) {
  .birthArea01 .rangeArea01 li:first-child {
    top: -20px;
    left: -8px;
  }
}

@media screen and (max-width: 767px) {
  .birthArea01 .rangeArea01 li:first-child {
    top: -4px;
    left: 22px;
  }
}

.birthArea01 .rangeArea01 li:nth-child(2) {
  top: -28px;
  left: 48px;
}

@media screen and (max-width: 900px) {
  .birthArea01 .rangeArea01 li:nth-child(2) {
    top: -20px;
    left: 40px;
  }
}

@media screen and (max-width: 767px) {
  .birthArea01 .rangeArea01 li:nth-child(2) {
    top: 18px;
    left: 22px;
  }
}

.birthArea01 .rangeArea01 li:nth-child(3) {
  top: -28px;
  left: 102px;
}

@media screen and (max-width: 900px) {
  .birthArea01 .rangeArea01 li:nth-child(3) {
    top: -20px;
    left: 88px;
  }
}

@media screen and (max-width: 767px) {
  .birthArea01 .rangeArea01 li:nth-child(3) {
    top: 36px;
    left: 22px;
  }
}

.birthArea01 .rangeArea01 li:nth-child(4) {
  left: 165px;
}

@media screen and (max-width: 900px) {
  .birthArea01 .rangeArea01 li:nth-child(4) {
    left: 145px;
  }
}

@media screen and (max-width: 767px) {
  .birthArea01 .rangeArea01 li:nth-child(4) {
    top: 65px;
    left: 22px;
  }
}

.birthArea01 .rangeArea01 li:nth-child(5) {
  left: 238px;
}

@media screen and (max-width: 900px) {
  .birthArea01 .rangeArea01 li:nth-child(5) {
    left: 205px;
  }
}

@media screen and (max-width: 767px) {
  .birthArea01 .rangeArea01 li:nth-child(5) {
    top: 86px;
    left: 22px;
  }
}

.birthArea01 .rangeArea01 li:nth-child(6) {
  left: 290px;
}

@media screen and (max-width: 900px) {
  .birthArea01 .rangeArea01 li:nth-child(6) {
    left: 255px;
  }
}

@media screen and (max-width: 767px) {
  .birthArea01 .rangeArea01 li:nth-child(6) {
    top: 110px;
    left: 22px;
  }
}

.birthArea01 .rangeArea01 li:nth-child(7) {
  left: 358px;
}

@media screen and (max-width: 900px) {
  .birthArea01 .rangeArea01 li:nth-child(7) {
    left: 310px;
  }
}

@media screen and (max-width: 767px) {
  .birthArea01 .rangeArea01 li:nth-child(7) {
    top: 132px;
    left: 22px;
  }
}

.birthArea01 .rangeArea01 li:nth-child(8) {
  top: -28px;
  left: 408px;
}

@media screen and (max-width: 900px) {
  .birthArea01 .rangeArea01 li:nth-child(8) {
    top: -20px;
    left: 355px;
  }
}

@media screen and (max-width: 767px) {
  .birthArea01 .rangeArea01 li:nth-child(8) {
    top: 152px;
    left: 22px;
  }
}

.birthArea01 .rangeArea01 li:nth-child(9) {
  left: 472px;
}

@media screen and (max-width: 900px) {
  .birthArea01 .rangeArea01 li:nth-child(9) {
    left: 410px;
  }
}

@media screen and (max-width: 767px) {
  .birthArea01 .rangeArea01 li:nth-child(9) {
    top: 180px;
    left: 22px;
  }
}

.birthArea01 .rangeArea01 li:nth-child(10) {
  top: -28px;
  left: 530px;
}

@media screen and (max-width: 900px) {
  .birthArea01 .rangeArea01 li:nth-child(10) {
    top: -20px;
    left: 462px;
  }
}

@media screen and (max-width: 767px) {
  .birthArea01 .rangeArea01 li:nth-child(10) {
    top: 198px;
    left: 22px;
  }
}

.birthArea01 .rangeArea01 li:nth-child(11) {
  left: 592px;
}

@media screen and (max-width: 900px) {
  .birthArea01 .rangeArea01 li:nth-child(11) {
    left: 518px;
  }
}

@media screen and (max-width: 767px) {
  .birthArea01 .rangeArea01 li:nth-child(11) {
    top: 226px;
    left: 22px;
  }
}

.birthArea01 .rangeArea01 li:nth-child(12) {
  left: 658px;
}

@media screen and (max-width: 900px) {
  .birthArea01 .rangeArea01 li:nth-child(12) {
    left: 574px;
  }
}

@media screen and (max-width: 767px) {
  .birthArea01 .rangeArea01 li:nth-child(12) {
    top: 248px;
    left: 22px;
  }
}

.birthArea01 .rangeArea01 li:last-child {
  left: 710px;
}

@media screen and (max-width: 900px) {
  .birthArea01 .rangeArea01 li:last-child {
    left: 620px;
  }
}

@media screen and (max-width: 767px) {
  .birthArea01 .rangeArea01 li:last-child {
    top: 270px;
    left: 22px;
  }
}

.birthArea01 .rangeArea01 p {
  margin-top: 12px;
}

@media screen and (max-width: 767px) {
  .birthArea01 .rangeArea01 p {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .birthArea01 .categoryArea01 {
    position: relative;
  }
}

@media screen and (max-width: 767px) {
  .birthArea01 .caption01 {
    font-size: 11px;
    letter-spacing: 0.1em;
    color: #fff;
    position: absolute;
    right: 10px;
    bottom: 10px;
  }
}

.birthArea01 .pcOnly .ui-widget-content {
  margin: 0 auto;
  background: url("../images/bg_birth01.png") no-repeat center center;
  background-size: 100%;
  border: 0;
}

.birthArea01 .pcOnly .ui-widget-header {
  background: none;
}

.birthArea01 .pcOnly .ui-slider-horizontal {
  height: 22px;
}

.birthArea01 .pcOnly .ui-slider-horizontal .ui-slider-handle {
  top: 10px;
  margin-left: -8px;
}

.birthArea01 .pcOnly .ui-slider-horizontal .ui-slider-handle:focus {
  outline: none;
}

.birthArea01 .pcOnly .ui-slider .ui-slider-handle {
  width: 17px;
  height: 17px;
}

.birthArea01 .pcOnly .ui-state-default, .birthArea01 .pcOnly .ui-widget-content .ui-state-default, .birthArea01 .pcOnly .ui-widget-header .ui-state-default {
  border: 0;
  background: url("../images/ico_birth01.png") no-repeat 0 0;
}

.birthArea01 .spOnly .ui-widget-content {
  background: url("../images/bg_birth02.png") no-repeat left center;
  background-size: 100%;
  border: 0;
}

.birthArea01 .spOnly .ui-widget-header {
  background: none;
}

.birthArea01 .spOnly .ui-slider-vertical {
  width: 16px;
  height: 278px;
  margin: auto 0;
  position: absolute;
  top: 0;
  bottom: 0;
}

.birthArea01 .spOnly .ui-slider-vertical .ui-slider-handle {
  margin-bottom: -9px;
  left: -2px;
}

.birthArea01 .spOnly .ui-slider-vertical .ui-slider-handle:focus {
  outline: none;
}

.birthArea01 .spOnly .ui-state-default, .birthArea01 .spOnly .ui-widget-content .ui-state-default, .birthArea01 .spOnly .ui-widget-header .ui-state-default {
  border: 0;
  background: url("../images/ico_birth02.png") no-repeat 0 0;
}

.fontAcp {
  font-family: 'EB Garamond', serif;
}

.container h2 {
  line-height: 1;
  letter-spacing: 0.06em;
}

.container h2.subTitile01 {
  margin-bottom: 60px;
}

.container.darkGray {
  padding-bottom: 100px;
  padding-top: 80px;
}

.container.darkGray h2 {
  margin-bottom: 35px;
}

.container.contents01 {
  padding-top: 100px;
  padding-bottom: 100px;
  background: #fff;
}

.dot {
  margin: 45px auto 60px auto;
}

.container.contents02 {
  padding-top: 115px;
}

.container .campaignList ul {
  margin-top: 65px;
  margin-bottom: 25px;
}

.container .bannerContainer ul {
  margin-top: 110px;
}

.container .newsContainer ul {
  margin-bottom: 55px;
}

.container.contents03 {
  padding-bottom: 140px;
}

.container.contents04 {
  padding-top: 145px;
  padding-bottom: 130px;
  background: #fff;
}

.container.contents05 {
  padding-top: 145px;
  padding-bottom: 45px;
  background: #fff;
}

.container.contents05 h2.subTitile01 {
  margin-bottom: 70px;
}

.container.contents05 .aboutContainer .textBox {
  padding-top: 3%;
}

.container.contents05 .aboutContainer {
  margin-bottom: 110px;
}

.comment {
  margin-top: 45px;
  margin-bottom: 150px;
}

.dot.recruit02 {
  margin: 45px auto 80px auto;
}

@media screen and (max-width: 680px) {
  .container.contents06 {
    padding: 0px 3%;
  }
}

.container.contents06 .comment {
  margin-bottom: 80px;
}

.container.contents06 {
  height: 1300px;
}

.container.contents06 h2.subTitile01 {
  margin-bottom: 70px;
}

#map_area {
  padding: 0 0 0;
}

.img01 {
  margin-top: -28px;
}

.img01:hover {
  opacity: 1;
}

#map_arrow_up {
  margin-bottom: -12px;
}

.container.contents06 {
  padding-bottom: 155px;
}

.container .aboutContainer .textBox .text .text02 {
  line-height: 1.8;
}

.container.contents05 .aboutContainer .textBox {
  padding-top: 11%;
}

.commentContainer {
  padding: 75px 6%;
}

@media screen and (max-width: 1024px) {
  .container.contents05 .aboutContainer .textBox {
    padding-top: 6.5%;
  }
}

@media screen and (max-width: 768px) {
  .footer {
    padding-top: 160px;
  }
}

@media screen and (max-width: 680px) {
  .container.contents01 {
    margin-right: 11%;
    margin-left: 11%;
    padding: 0px 0px;
    padding-top: 55px;
    padding-bottom: 80px;
  }
  .container .menuContainer .menuBox .menu h3 {
    font-size: 20px;
    padding-bottom: 0px;
  }
  .menuContainer .menuBox .menu p {
    padding-bottom: 20px;
    margin-top: -3px;
  }
  .container .menuContainer .menuBox .menu p {
    padding-bottom: 19px;
  }
  .container h2 {
    margin-bottom: 50px;
  }
  .dot {
    margin: 45px auto 50px auto;
  }
  .container .menuContainer .menuBox ul li a {
    text-align: center;
    display: block;
    margin-bottom: 17px;
    text-align: left;
    line-height: 1;
    font-size: 12px;
  }
  .container .menuContainer .menuBox ul li:last-child a {
    margin-bottom: 0px;
  }
  .container .menuContainer .menuBox ul {
    padding-bottom: 25px;
  }
  .container .menuContainer .menuBox li {
    position: relative;
  }
  .container .menuContainer .menuBox li:after {
    position: absolute;
    top: 18%;
    right: 0px;
    content: "";
    width: 4px;
    height: 8px;
    background: url(../common/images/ico_04.png);
    background-size: cover;
  }
  .container .menuContainer .menuBox ul.row3 li:nth-child(2n+1) {
    margin-right: 5%;
    clear: both;
  }
  .container .menuContainer .menuBox ul.row3 li {
    width: 47.5%;
    float: left;
  }
  .container .menuContainer .menuBox ul.row3 li:nth-child(5) a {
    margin-bottom: 0px;
  }
  .logo.top img {
    width: 110px;
    height: 70px;
  }
  .sliderText img {
    width: 67px;
    height: 190px;
  }
  .container.contents02 {
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 60px;
  }
  .campaignList {
    margin-right: 6%;
    margin-left: 6%;
  }
  .container .campaignList ul {
    margin-top: 40px;
    margin-bottom: 30px;
  }
  .container h2 {
    font-size: 30px;
  }
  .more.campaign {
    margin-right: 6%;
    margin-left: 6%;
    width: 88%;
  }
  .container {
    padding: 0px 6%;
  }
  .container .bannerContainer ul {
    margin-top: 80px;
  }
  .contents03.container h2.subTitile01 {
    padding-top: 70px;
    padding-bottom: 48px;
    margin-bottom: 0px;
  }
  .container .newsContainer ul li {
    margin-bottom: 10px;
  }
  .container .newsContainer ul {
    margin-bottom: 20px;
  }
  .container.contents03 {
    padding-bottom: 80px;
  }
  .container.contents04 {
    padding-top: 78px;
    padding-bottom: 90px;
  }
  .bar {
    width: 100%;
  }
  .container.contents05 {
    margin-bottom: 13px;
    font-size: 12px;
  }
  .container.contents05 .comment {
    margin-bottom: 64px;
  }
  .container.contents05 .aboutContainer .textBox {
    padding-top: 15px;
  }
  .container .aboutContainer .textBox .text .imgText img {
    vertical-align: bottom;
    height: 43px;
  }
  .container .aboutContainer .textBox .text .imgText {
    margin-bottom: 35px;
  }
  .container.contents05 .aboutContainer .textBox .text .text01 p {
    font-size: 20px;
  }
  .container .aboutContainer .textBox .text .text01 {
    margin-bottom: 25px;
  }
  .container.contents05 .aboutContainer .textBox .text .text02 p {
    font-size: 12px;
    text-align: left;
  }
  .container.contents05 .aboutContainer .textBox .text {
    padding: 0px 6%;
  }
  .container.contents05 {
    padding-bottom: 55px;
  }
  .bar02 {
    margin-right: 6%;
    margin-left: 6%;
    width: 88%;
  }
  .commentContainer p {
    text-align: center;
    font-size: 24px;
    line-height: 50px;
  }
  .commentContainer {
    padding: 70px 0px;
  }
  .comment {
    margin-top: 48px;
    margin-bottom: 65px;
  }
  .comment {
    padding-right: 6%;
    padding-left: 6%;
    line-height: 2.8;
  }
  .recruit {
    margin-bottom: 78px;
  }
  .dot.recruit02 {
    margin: 45px auto 60px auto;
  }
  .container.contents06 h2.subTitile01 {
    margin-bottom: 35px;
  }
  .container.contents06 .comment {
    margin-top: 35px;
  }
  .container .birthdayText {
    margin-top: 23px;
  }
  .container.contents06 {
    padding-bottom: 85px !important;
  }
  .container .birthdayLink {
    margin-top: 20px;
  }
  .container .birthdayLink a {
    padding: 15px 0px;
  }
  .container .birthdayLink a:first-child {
    margin-bottom: 20px;
  }
  .footer_logo span:last-child {
    padding-right: 0px;
    padding-left: 0px;
  }
  .container.contents06 .comment {
    margin-bottom: 35px;
  }
  .container .birthdayText {
    margin-top: 28px;
  }
}

@media screen and (max-width: 425px) {
  .container .campaignList ul {
    width: 100%;
  }
  .container .newsContainer ul li p.date {
    padding: 0px 20px;
    border-right: 1px solid #939292;
    padding-left: 15px;
  }
  .container .campaignList ul li {
    margin-bottom: 20px;
  }
  .container.contents05 .aboutContainer .textBox .text .text01 p {
    text-align: left;
  }
  .container .birthdayLink a {
    width: 100%;
  }
  .container .birthdayLink {
    width: 100%;
  }
  .footer {
    padding-top: 0;
  }
}

@media screen and (max-width: 599px) {
  .container.contents05 {
    padding-top: 90px;
  }
  .container.contents05 h2.subTitile01 {
    margin-bottom: 40px;
  }
}

.sliderText p {
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.18em;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  color: white;
  margin-left: -10px;
}

@media screen and (max-width: 767px) {
  .sliderText p {
    font-size: 14px;
  }
}

.hover_show {
  display: block;
}

.container .menuContainer .menuBox ul li a {
  font-size: 12px;
  padding-bottom: 5px;
}

.pos_right {
  width: 620px;
  margin-right: -30px;
  float: right;
}

.container .comment {
  font-size: 12px;
  letter-spacing: 0.18em;
}

.container .birthdayLink a {
  display: inline-block;
}

.birthdayLink {
  float: none;
}

.birthdayText {
  float: none;
}

.container .birthdayLink {
  display: inline-block;
  margin-top: 0px;
}

.container .birthdayText {
  display: inline-block;
  margin-top: 14px;
  vertical-align: top;
}

.birthdayContainer {
  text-align: center;
  margin-top: 50px;
}

.container .birthdayText .title {
  padding-right: 20px;
}

.container .birthdayLink {
  width: auto;
}

.container .birthdayLink a:first-child {
  margin-right: 20px;
}

.container .birthdayLink a:hover {
  border: 1px solid #666666;
  color: white;
  background-color: #666666;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.show450 {
  display: none;
}

.moreBtn a {
  display: block;
  padding: 12px 0px;
  font-family: adobe-caslon-pro, serif;
  font-size: 18px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 1px;
  outline: 1px solid #4d4d4d;
}

.moreBtn {
  width: 88%;
  margin-right: 6%;
  margin-left: 6%;
}

.moreBtn02 {
  width: 100%;
  margin-right: 0%;
  margin-left: 0%;
}

.footer_wrapper a {
  font-family: 'EB Garamond', serif;
}

.footer_wrapper .linkArea p {
  width: 100%;
}

@media screen and (max-width: 900px) {
  .container .birthdayText .title {
    display: block;
    width: initial;
    height: initial;
    padding: 0px;
    text-align: center;
    line-height: 30px;
    border: none;
    margin-bottom: 12px;
    padding-right: 0px;
  }
}

@media screen and (max-width: 768px) {
  .container .birthdayText .title {
    padding-right: 0px;
  }
  .container .birthdayLink a {
    width: 280px;
  }
  .topSlider .sliderText {
    top: 25px;
    right: 8px;
  }
  .birthdayContainer {
    text-align: center;
    margin-top: 15px;
  }
  p.menu06 {
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 20px;
    font-family: "EB Garamond";
    display: block;
  }
}

@media screen and (max-width: 680px) {
  .container .birthdayLink a:first-child {
    margin-right: 0px;
  }
  .container .birthdayLink a {
    width: 100%;
  }
  .container .birthdayLink {
    width: 96%;
  }
  .container .birthdayLink a:first-child {
    margin-bottom: 10px;
  }
  .container .birthdayText .title {
    margin-bottom: 12px;
  }
  .container .birthdayLink a {
    padding: 14px 0px;
  }
}

@media screen and (max-width: 450px) {
  .show450 {
    display: block;
  }
  .none450 {
    display: none !important;
  }
}

.container .menuContainer .menuBox .menu:hover {
  opacity: 1;
}

.hover00:hover {
  color: #848484;
}

.mmenu_logo img {
  width: 102px;
  text-align: center;
  margin: 0px auto;
  margin-right: 15px;
}

.mmenu_logo a {
  padding: 0;
}

.container .menuContainer .menuBox .menu h3 {
  letter-spacing: 0.06em;
}

#box1 a, #box2 a, #box3 a {
  letter-spacing: 0.06em;
}

.container .birthdayText .title {
  letter-spacing: 0.06em;
}

.spMenu01 .firstMenu a {
  letter-spacing: 0.06em;
}

.moreBtn a {
  letter-spacing: 0.06em;
}

.birthTextNone01 {
  display: none;
}

.footer_wrapper .linkArea .footer05 {
  float: left;
  width: 20%;
}

@media screen and (max-width: 680px) {
  .footer_wrapper .linkArea .footer01, .footer_wrapper .linkArea .footer02, .footer_wrapper .linkArea .footer03, .footer_wrapper .linkArea .footer04, .footer_wrapper .linkArea .footer05 {
    float: none;
    width: 100%;
  }
}

#about, #event {
  margin-top: -140px;
  padding-top: 140px;
}

#sns {
  margin-top: -200px;
  padding-top: 200px;
}

@media screen and (max-width: 767px) {
  #about {
    margin-top: -70px;
    padding-top: 70px;
  }
  #event {
    margin-top: -70px;
    padding-top: 70px;
  }
  #sns {
    margin-top: -90px;
    padding-top: 90px;
  }
}

@media screen and (max-width: 1160px) {
  .container.contents06 {
    height: auto;
  }
}

.allLinkBlank:hover {
  opacity: 0.8;
  cursor: pointer;
}

.pcSlide01 {
  background: url("../common/images/slidePC0001.jpg") no-repeat 50% center;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .pcSlide01 {
    background: url("../common/images/slideSP0001.jpg") no-repeat 80% center;
    background-size: cover;
  }
}

.pcSlide02 {
  background: url("../common/images/slidePC0002.jpg") no-repeat 30% center;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .pcSlide02 {
    background: url("../common/images/slideSP0002.jpg") no-repeat 30% center;
    background-size: cover;
  }
}

.pcSlide03 {
  background: url("../common/images/slidePC0003.jpg") no-repeat 60% center;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .pcSlide03 {
    background: url("../common/images/slideSP0003.jpg") no-repeat 20% center;
    background-size: cover;
  }
}

.pcSlide04 {
  background: url("../common/images/slidePC0004.jpg") no-repeat 50% center;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .pcSlide04 {
    background: url("../common/images/slideSP0004.jpg") no-repeat 40% center;
    background-size: cover;
  }
}

.pcSlide05 {
  background: url("../common/images/slidePC0005.jpg") no-repeat 80% center;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .pcSlide05 {
    background: url("../common/images/slideSP0005.jpg") no-repeat 20% center;
    background-size: cover;
  }
}

.pcSlide06 {
  background: url("../common/images/slidePC0006.jpg") no-repeat 90% center;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .pcSlide06 {
    background: url("../common/images/slideSP0006.jpg") no-repeat 40% center;
    background-size: cover;
  }
}

.pcSlide07 {
  background: url("../common/images/slidePC0007.jpg") no-repeat 60% center;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .pcSlide07 {
    background: url("../common/images/slideSP0007.jpg") no-repeat 40% center;
    background-size: cover;
  }
}

.pcSlide08 {
  background: url("../common/images/slidePC0008.jpg") no-repeat 60% center;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .pcSlide08 {
    background: url("../common/images/slideSP0008.jpg") no-repeat 60% center;
    background-size: cover;
  }
}

.pcSlide09 {
  background: url("../common/images/slidePC0009.jpg") no-repeat 80% center;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .pcSlide09 {
    background: url("../common/images/slideSP0009.jpg") no-repeat 40% center;
    background-size: cover;
  }
}

.pcSlide10 {
  background: url("../common/images/slidePC0010.jpg") no-repeat 20% center;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .pcSlide10 {
    background: url("../common/images/slideSP0010.jpg") no-repeat 20% center;
    background-size: cover;
  }
}

.pcSlide11 {
  background: url("../common/images/slidePC0011.jpg") no-repeat 20% center;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .pcSlide11 {
    background: url("../common/images/slideSP0011.jpg") no-repeat 20% center;
    background-size: cover;
  }
}

.pcSlide12 {
  background: url("../common/images/slidePC0012.jpg") no-repeat 20% center;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .pcSlide12 {
    background: url("../common/images/slideSP0012.jpg") no-repeat 20% center;
    background-size: cover;
  }
}

.pcSlide13 {
  background: url("../common/images/slidePC0013.jpg") no-repeat 20% center;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .pcSlide13 {
    background: url("../common/images/slideSP0013.jpg") no-repeat 20% center;
    background-size: cover;
  }
}

.topSlider li {
  height: 100vh;
}

@media screen and (max-width: 767px) {
  .topSlider .logo {
    top: 75px;
  }
}

.topSlider .sliderText {
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 767px) {
  .topSlider .sliderText {
    top: 75px;
  }
}

@media screen and (max-width: 737px) {
  main {
    padding-top: 0;
  }
}

@media screen and (max-width: 640px) {
  .darkGray {
    padding: 0;
  }
}

@media screen and (max-width: 640px) {
  .darkGray .textArea01 {
    padding: 0 6%;
  }
}

.snsArea01 {
  width: 440px;
  margin: 40px auto 15px;
}

@media screen and (max-width: 640px) {
  .snsArea01 {
    width: 100%;
    margin-bottom: 20px;
  }
}

.snsArea01 .snsContent01 {
  padding: 15px 10px;
  border-top: 1px solid #fff;
}

@media screen and (max-width: 640px) {
  .snsArea01 .snsContent01 {
    padding: 20px 10px;
  }
}

.snsArea01 .snsContent01:last-child {
  border-bottom: 1px solid #fff;
}

.snsArea01 p {
  font-size: 16px;
  text-align: left;
}

@media screen and (max-width: 500px) {
  .snsArea01 p {
    font-size: 14px;
  }
}

@media screen and (max-width: 360px) {
  .snsArea01 p {
    font-size: 12px;
  }
}

.snsArea01 span {
  font-size: 10px;
  display: block;
}

@media screen and (max-width: 500px) {
  .snsArea01 ul {
    width: 100px;
  }
}

@media screen and (max-width: 360px) {
  .snsArea01 ul {
    width: 85px;
  }
}

.snsArea01 li {
  width: 40px;
}

@media screen and (max-width: 500px) {
  .snsArea01 li {
    width: 30px;
  }
}

@media screen and (max-width: 360px) {
  .snsArea01 li {
    width: 25px;
  }
}

.snsArea01 li:not(:last-child) {
  margin-right: 15px;
}

@media screen and (max-width: 500px) {
  .snsArea01 li:not(:last-child) {
    margin-right: 5px;
  }
}

.linkArea01 {
  background: #d1d1d1;
  padding: 128px 0 95px;
}

@media screen and (max-width: 680px) {
  .linkArea01 {
    padding: 75px 3% 80px;
  }
}

.linkArea01 h2 {
  font-size: 36px;
  font-family: 'EB Garamond', serif;
  margin-bottom: 77px;
}

@media screen and (max-width: 640px) {
  .linkArea01 h2 {
    font-size: 30px;
    margin-bottom: 50px;
  }
}

.linkArea01 ul {
  width: 960px;
  margin: 0 auto;
}

@media screen and (max-width: 1000px) {
  .linkArea01 ul {
    width: 90%;
  }
}

@media screen and (max-width: 680px) {
  .linkArea01 ul {
    width: 100%;
  }
}

.linkArea01 li {
  width: 31.333%;
  margin: 0 2% 2% 0;
}

@media screen and (max-width: 680px) {
  .linkArea01 li {
    width: 100%;
    margin: 0 0 10px 0;
    float: none;
  }
}

.linkArea01 li:last-child {
  margin-right: 0;
}

.linkArea01 li a {
  font-size: 16px;
  font-family: 'EB Garamond', serif;
  background: #fff;
  padding: 50px 0;
  display: block;
}

@media screen and (max-width: 680px) {
  .linkArea01 li a {
    padding: 35px 0;
  }
}

.linkArea01 li a:hover {
  color: #fff;
  background: #000;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.linkArea01 li a span {
  font-size: 11px;
  display: block;
}

.topSlider .openIndexBtn01 {
  z-index: 2;
  position: fixed;
  right: 30px;
  bottom: 20px;
}

@media screen and (max-width: 767px) {
  .topSlider .openIndexBtn01 {
    width: 280px;
    margin: 0 auto;
    right: 0;
    bottom: 10px;
    left: 0;
  }
}

.mapAreaTop {
  position: relative;
  padding: 30px 0 24.455% 0;
  height: 0;
  overflow: hidden;
}

@media screen and (max-width: 640px) {
  .mapAreaTop {
    padding: 30px 0 66.67% 0;
  }
}

.mapAreaTop iframe, .mapAreaTop object, .mapAreaTop embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#gmap-wrapper.category {
  height: auto;
}

@media screen and (max-width: 640px) {
  #map_arrow_up {
    bottom: 12px;
  }
}

.topSlider li {
  background-repeat: no-repeat;
  background-size: cover;
}

.topSlider.topMovieArea01 {
  width: 100%;
  height: 100vh;
}

@media screen and (max-width: 767px) {
  .topSlider.topMovieArea01 {
    height: 330px;
  }
}

@media screen and (max-width: 360px) {
  .topSlider.topMovieArea01 {
    height: 290px;
  }
}

.topSlider .topMovie01 {
  width: 100%;
  height: 100%;
  z-index: -2;
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 767px) {
  .topSlider .topMovie01 {
    height: 42%;
    top: 50px;
  }
}

.topSlider .topMovie01 video {
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}
.container {
  padding: 0;
}

@media screen and (max-width: 375px) {
  body .container {
    width: 90%;
  }
}

@media screen and (max-width: 767px) {
  body .content {
    width: 90%;
  }
}

body .content01 {
  margin-top: 95px;
}

@media screen and (max-width: 767px) {
  body .content01 {
    margin-top: 0;
    padding-top: 84px;
  }
}

@media print, screen and (min-width: 768px) {
  body .content01 .container {
    max-width: 1080px;
  }
}

@media screen and (max-width: 1360px) and (min-width: 768px) {
  body .content01 .container {
    float: right;
  }
}

@media print, screen and (min-width: 768px) {
  body .content02 .container {
    max-width: 1080px;
  }
}

@media screen and (max-width: 1360px) and (min-width: 768px) {
  body .content02 .container {
    float: left;
  }
}

body .content04 {
  max-width: 800px;
}

.grayContent {
  padding: 30px 0 130px;
  background: #e2e1e0;
}

@media screen and (max-width: 767px) {
  .content01 .menuAreaBg01 {
    padding: 10px 0 4px;
    background: #fff;
    z-index: 1;
    position: fixed;
    top: 45px;
    left: 0;
    right: 0;
    bottom: auto;
  }
}

.content01 .menuArea01 {
  height: 125px;
  margin: auto 0;
  z-index: 1;
  position: fixed;
  top: 0;
  right: 15px;
  bottom: 0;
}

@media screen and (max-width: 767px) {
  .content01 .menuArea01 {
    font-size: 12px;
    width: 231px;
    height: auto;
    margin: 0 auto;
    position: static;
  }
}

.content01 .menuArea01 li {
  text-align: right;
}

@media screen and (max-width: 767px) {
  .content01 .menuArea01 li {
    padding: 0 8px;
    float: left;
  }
}

.content01 .menuArea01 li:not(:last-child) {
  margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
  .content01 .menuArea01 li:not(:nth-child(4)) {
    border-right: 1px solid #000;
  }
}

.content01 .menuArea01 a {
  padding: 5px 8px 5px 12px;
  border-radius: 30px;
}

@media screen and (max-width: 767px) {
  .content01 .menuArea01 a {
    padding: 0;
  }
}

.content01 .menuArea01 a:hover {
  color: #fff;
  background: #000;
}

@media screen and (max-width: 767px) {
  .content01 .menuArea01 a:hover {
    color: #000;
    background: none;
  }
}

.content01 .menuArea01 a:hover span {
  background: url("../images/ico_index01_on.png") no-repeat 100% 50%;
}

@media screen and (max-width: 767px) {
  .content01 .menuArea01 a:hover span {
    background: none;
  }
}

.content01 .menuArea01 span {
  padding-right: 15px;
  background: url("../images/ico_index01.png") no-repeat 100% 50%;
}

@media screen and (max-width: 767px) {
  .content01 .menuArea01 span {
    padding: 0;
    background: none;
  }
}

@media screen and (max-width: 767px) {
  .content01 .menuArea01 span.spOnly {
    display: inline;
  }
}

.content01 .planSlide01 {
  width: 800px;
}

@media screen and (max-width: 767px) {
  .content01 .planSlide01 {
    width: 100%;
    float: none;
  }
}

.content01 .planSlide01 li {
  line-height: 0;
}

.content01 .container {
  position: relative;
}

.content01 .textArea01 {
  width: 440px;
  z-index: 1;
  position: absolute;
  top: 100px;
  left: 0;
}

@media screen and (max-width: 1200px) {
  .content01 .textArea01 {
    top: 95px;
  }
}

@media screen and (max-width: 767px) {
  .content01 .textArea01 {
    width: 100%;
    margin-top: 50px;
    position: static;
  }
}

.content01 .textArea01 h2 {
  font-size: 40px;
  text-align: left;
  margin-bottom: 30px;
  line-height: 1.25;
}

@media screen and (max-width: 767px) {
  .content01 .textArea01 h2 {
    font-size: 26px;
    margin-bottom: 10px;
  }
}

.content01 .textArea01 span {
  display: block;
}

@media screen and (max-width: 767px) {
  .content01 .textArea01 span {
    text-align: center;
  }
}

.content01 .textArea01 .mediumText01 {
  font-size: 18px;
  letter-spacing: normal;
}

.content01 .textArea01 .mediumText01:after {
  content: "";
  width: 50px;
  height: 1px;
  margin: 45px 0;
  background: #000;
  display: block;
}

@media screen and (max-width: 767px) {
  .content01 .textArea01 .mediumText01:after {
    margin: 15px auto;
  }
}

.content01 .textArea01 .smallText01 {
  font-family: 'EB Garamond', serif;
  font-size: 12px;
  letter-spacing: 1px;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .content01 .textArea01 .smallText01 {
    margin-bottom: 50px;
  }
}

.content01 .textArea01 p {
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .content01 .textArea01 p {
    font-size: 12px;
    line-height: 1.8;
  }
}

.content {
  padding: 100px 0;
}

@media screen and (max-width: 767px) {
  .content {
    padding: 30px 0;
  }
}

h3 {
  font-family: 'EB Garamond', serif;
  font-size: 30px;
  margin-bottom: 80px;
}

@media screen and (max-width: 767px) {
  h3 {
    font-size: 20px;
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 767px) {
  .content02 {
    width: 90%;
    margin: 0 auto;
    padding: 60px 0 50px;
  }
}

.content02 h3 span {
  letter-spacing: 4px;
  border-bottom: 1px solid #000;
}

.content02 .imageArea01 {
  width: 500px;
}

@media screen and (max-width: 1000px) {
  .content02 .imageArea01 {
    width: 44%;
  }
}

@media screen and (max-width: 767px) {
  .content02 .imageArea01 {
    width: 100%;
    float: none;
  }
}

.content02 ul {
  width: 500px;
  margin-left: 80px;
}

@media screen and (max-width: 1300px) {
  .content02 ul {
    width: 45%;
  }
}

@media screen and (max-width: 1200px) {
  .content02 ul {
    width: 40%;
  }
}

@media screen and (max-width: 1100px) {
  .content02 ul {
    margin-left: 5%;
  }
}

@media screen and (max-width: 1000px) {
  .content02 ul {
    width: 44%;
    margin-left: 2%;
  }
}

@media screen and (max-width: 767px) {
  .content02 ul {
    width: 100%;
    margin-left: 0;
    float: none;
  }
}

@media screen and (max-width: 767px) {
  .content02 li {
    margin-top: 25px;
  }
}

@media print, screen and (min-width: 768px) {
  .content02 li:not(:last-child) {
    margin-bottom: 50px;
  }
}

.content02 li p {
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .content02 li p {
    font-size: 12px;
    line-height: 1.6;
  }
}

.content02 h4 {
  font-size: 26px;
  margin-bottom: 15px;
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .content02 h4 {
    font-size: 18px;
    margin-bottom: 5px;
  }
}

.content03 {
  background: url("../images/bg_index01.png") repeat-x 0 100%;
}

.content03 h3 {
  font-family: 'EB Garamond', serif;
  font-size: 44px;
  margin-bottom: 0;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .content03 h3 {
    font-size: 34px;
    text-align: center;
    float: none;
  }
}

.content03 h3 span {
  font-size: 16px;
  border-bottom: 0;
  display: block;
}

@media screen and (max-width: 767px) {
  .content03 h3 span {
    font-size: 14px;
  }
}

.content03 .titleArea01 {
  margin-bottom: 45px;
}

@media screen and (max-width: 767px) {
  .content03 .titleArea01 {
    margin-bottom: 40px;
  }
}

.content03 .planArea01 li {
  margin-top: 25px;
}

.content03 .planArea01 li img {
  text-align: center;
}

.btnArea01 {
  width: 685px;
  margin: 55px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .btnArea01 {
    width: 335px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 375px) {
  .btnArea01 {
    width: 100%;
    margin-top: 40px;
  }
}

.btnArea01 li {
  font-size: 16px;
  width: 49%;
  border: 1px solid #666;
}

@media screen and (max-width: 767px) {
  .btnArea01 li {
    font-size: 14px;
    width: 100%;
  }
}

.btnArea01 li:not(:last-child) {
  margin-right: 2%;
}

@media screen and (max-width: 767px) {
  .btnArea01 li:not(:last-child) {
    margin-bottom: 10px;
  }
}

.btnArea01 a {
  padding: 21px 20px 18px;
  background: url("../../studio_detail/images/ico_index04.png") no-repeat 94% 50%;
  display: block;
}

@media screen and (max-width: 767px) {
  .btnArea01 a {
    padding: 16px 20px 13px;
  }
}

.btnArea01 a:hover {
  color: #fff;
  background: url("../../studio_detail/images/ico_index04_on.png") no-repeat 94% 50%, #666;
  opacity: 1;
}

.btnArea02 li {
  border: 0;
  line-height: 0;
}

.btnArea02 a {
  padding: 0;
  background: none;
}

.btnArea02 a:hover {
  background: none;
  opacity: 0.8;
}

.content04 {
  padding: 30px 0;
}

@media screen and (max-width: 767px) {
  .content04 {
    padding: 50px 0 30px;
  }
}

.content04 h3 span:first-child {
  border-bottom: 1px solid #000;
}

.content04 h3 span:last-child {
  font-size: 14px;
  display: block;
}

@media screen and (max-width: 767px) {
  .content04 ul {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }
}

.content04 li {
  background: #fff;
}

@media screen and (max-width: 767px) {
  .content04 li {
    background: none;
  }
}

.content04 li .image01 {
  width: 42%;
  line-height: 0;
}

@media screen and (max-width: 767px) {
  .content04 li .image01 {
    width: 100%;
    float: none;
  }
}

.content04 li .textArea01 {
  width: 58%;
  padding: 92px 20px 20px;
}

@media screen and (max-width: 890px) {
  .content04 li .textArea01 {
    padding-top: 62px;
  }
}

@media screen and (max-width: 767px) {
  .content04 li .textArea01 {
    width: 100%;
    padding: 20px 0;
    float: none;
  }
}

.content04 li h4 {
  font-size: 24px;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .content04 li h4 {
    font-size: 20px;
  }
}

.content04 li .price01 {
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .content04 li .price01 {
    font-size: 14px;
  }
}

.content04 li .text01 {
  font-size: 13px;
  margin-top: 35px;
}

@media screen and (max-width: 767px) {
  .content04 li .text01 {
    font-size: 12px;
    margin-top: 10px;
  }
}

.content04 li:not(:last-child) {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .content04 li:not(:last-child) {
    margin-bottom: 20px;
  }
}

.content05 .menuArea01 {
  width: 685px;
  margin: 55px auto 0;
}

@media screen and (max-width: 767px) {
  .content05 .menuArea01 {
    width: 335px;
  }
}

@media screen and (max-width: 375px) {
  .content05 .menuArea01 {
    width: 100%;
    margin: 40px auto 0;
  }
}

.content05 .menuArea01 a {
  padding: 21px 20px 18px;
  background: url("../../studio_detail/images/ico_index04.png") no-repeat 94% 50%, #fff;
  display: block;
}

@media screen and (max-width: 767px) {
  .content05 .menuArea01 a {
    padding: 16px 20px 13px;
  }
}

.content05 .menuArea01 a:hover {
  color: #fff;
  background: url("../../studio_detail/images/ico_index04_on.png") no-repeat 94% 50%, #666;
  opacity: 1;
}

.content05 .menuArea02 {
  width: 685px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .content05 .menuArea02 {
    width: 335px;
  }
}

@media screen and (max-width: 375px) {
  .content05 .menuArea02 {
    width: 100%;
    margin: 0 auto;
  }
}

.content05 .menuArea02:last-child {
  border-top: 1px solid #333;
}

.content05 .menuArea02:last-child h3 {
  padding-top: 22px;
}

.content05 .menuArea02:last-child ul {
  margin-bottom: 25px;
}

@media screen and (max-width: 767px) {
  .content05 .menuArea02:last-child ul {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

.content05 .menuArea02:last-child ul li {
  display: inline-block;
}

.content05 .menuArea02:last-child ul li:first-child {
  width: 42%;
}

@media screen and (max-width: 767px) {
  .content05 .menuArea02:last-child ul li:first-child {
    width: 100%;
  }
}

.content05 .menuArea02:last-child ul li:nth-child(2) {
  width: 27%;
}

@media screen and (max-width: 767px) {
  .content05 .menuArea02:last-child ul li:nth-child(2) {
    width: 100%;
  }
}

.content05 .menuArea02:last-child ul li:nth-child(3) {
  width: 30%;
}

@media screen and (max-width: 767px) {
  .content05 .menuArea02:last-child ul li:nth-child(3) {
    width: 100%;
  }
}

.content05 .menuArea02:last-child ul li:nth-child(4) {
  width: 42%;
}

@media screen and (max-width: 767px) {
  .content05 .menuArea02:last-child ul li:nth-child(4) {
    width: 100%;
  }
}

.content05 .menuArea02:last-child ul li:nth-child(5) {
  width: 27%;
}

@media screen and (max-width: 767px) {
  .content05 .menuArea02:last-child ul li:nth-child(5) {
    width: 100%;
  }
}

.content05 .menuArea02:last-child ul li:last-child {
  width: 30%;
}

@media screen and (max-width: 767px) {
  .content05 .menuArea02:last-child ul li:last-child {
    width: 100%;
  }
}

.content05 .menuArea02 h3 {
  font-size: 20px;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 15px;
}

@media screen and (max-width: 375px) {
  .content05 .menuArea02 h3 {
    text-align: center;
  }
}

.content05 .menuArea02 ul {
  padding-bottom: 18px;
}

@media screen and (max-width: 375px) {
  .content05 .menuArea02 ul {
    width: 90%;
    margin: 0 auto;
  }
}

.content05 .menuArea02 ul li {
  width: 25%;
  margin-bottom: 5px;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .content05 .menuArea02 ul li {
    width: 50%;
  }
}

.content05 .menuArea02 ul li a {
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .content05 .menuArea02 ul li a {
    font-size: 12px;
  }
}

.content05 .reserveBtn01 {
  font-size: 16px;
  background: #000;
  border: 1px solid #000;
}

.content05 .reserveBtn01 a {
  color: #fff;
  padding: 27px 20px 25px 110px;
  background: url("../../studio_detail/images/ico_index06.png") no-repeat 20px 50%, url("../../studio_detail/images/ico_index04_on.png") no-repeat 97% 50%;
}

@media screen and (max-width: 767px) {
  .content05 .reserveBtn01 a {
    padding: 20px 20px 18px 110px;
  }
}

.content05 .reserveBtn01 a:hover {
  color: #000;
  background: url("../../studio_detail/images/ico_index06_on.png") no-repeat 20px 50%, url("../../studio_detail/images/ico_index04.png") no-repeat 97% 50%, #fff;
}

.content05 .menuBtn01 {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .content05 .menuBtn01 {
    width: 100%;
  }
}

.content05 .menuBtn01 li {
  width: 49%;
  margin-top: 15px;
  border: 1px solid #666;
}

@media screen and (max-width: 767px) {
  .content05 .menuBtn01 li {
    width: 100%;
    float: none;
  }
}

@media screen and (min-width: 768px) {
  .content05 .menuBtn01 li:nth-child(2n+1) {
    clear: both;
  }
}

@media screen and (min-width: 768px) {
  .content05 .menuBtn01 li:not(:nth-child(2n)) {
    margin-right: 2%;
  }
}
.sub #header{
	height:80px;
	z-index:1000;
	border-bottom:1px solid #cccccc;
}
.sub #header_inner{
	margin:0 auto;
	width:860px;
}
.sub #header_bottom_stripe{
	margin-bottom:4px;
	width:100%;
	min-height:20px;
	background:none;
	z-index:1000;
}
/*.sub .menu{
	float:left;
	margin:1.0em 1em 0;
	width: 320px
}*/
.sub .menu li{
	height:58px;
}
.sub .menu li{
	position: relative;
	float:left;
	width: 33%;
	height:84px;
	text-align:center;
	line-height:0;
	letter-spacing:1px;
}
.sub .menu_tit{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display:block;
	padding: 0.5em 0;
	height: 25px;
	font-family: 'Century Old Style';
	font-size: 14px;
	opacity:1;
	background: #ffffff;
	z-index: 5;
	cursor: pointer;
}
.sub .menu_tit:hover{
	opacity: 0;
	background: none;
	-webkit-transition: All 0.25s ease-out;
	-moz-transition: All 0.25s ease-out;
	-o-transition: All 0.25s ease-out;
	-ms-transition: All 0.25s ease-out;
	transition: All 0.25s ease-out;
}
.menu_tit_hover{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: block;
	padding:0.5em 0;
	height: 25px;
	font-size:13px;
	letter-spacing:0;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , serif;
	text-align: center;
	z-index: 0;
}
.active{
	background:url(../images/common/menu_arrow.png) no-repeat center 42px;
}
h1{
	margin:0;
}
h1 img{
	width:70%;
}

h2{
	padding-bottom:1.2em;
	background:url(../images/common/sub_h2_border.gif) no-repeat center bottom;
}
h2 .ruby{
	display:block;
	margin-top:0.4em;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , serif;
	font-size:11px;
	letter-spacing:0;
}
h3{
	text-align:center;
	letter-spacing:1px;
	color:#323232;
}
.read{
	font-size:16px;
	text-align:center;
	letter-spacing:1px;
}
.small{
	font-size:10px;
}
section ul{
	margin:3em 0;
}
.en{
	font-family: 'Century Old Style Italic';
	color:#808072;
}
.ruby_jp{
	display:block;
	margin-top:0.5em;
	font-size:12px;
	letter-spacing:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
#backtop{
	margin:0 auto;
	width:400px;
	text-align:center;
	border:1px solid #7f7f7f;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
#backtop:hover{
	border:1px solid #7f7f7f;
	background:#7f7f7f;
	/*Transition*/
	-webkit-transition: All 0.25s ease-out;
	-moz-transition: All 0.25s ease-out;
	-o-transition: All 0.25s ease-out;
	-ms-transition: All 0.25s ease-out;
	transition: All 0.25s ease-out;
}
#backtop a{
	display:block;
	padding:1em;
	color:#7F7F7F;
	text-decoration:none;
}
#backtop a:hover{
	color:#ffffff;
}
.btn{
	margin:0 auto;
	text-align:center;
	color:#7f7f7f;
	border:1px solid #7f7f7f;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.btn:hover{
	border:1px solid #7f7f7f;
	background:#7f7f7f;
	/*Transition*/
	-webkit-transition: All 0.25s ease-out;
	-moz-transition: All 0.25s ease-out;
	-o-transition: All 0.25s ease-out;
	-ms-transition: All 0.25s ease-out;
	transition: All 0.25s ease-out;
}
.btn a{
	display:block;
	padding:1em;
	color:#7F7F7F;
	text-decoration:none;
}
.btn a:hover{
	color:#ffffff;
}
a,a:active{
	/* color: #00849B; */
}
.btn_pdf{
	margin:2em auto;
	width:400px;
}
.link_btn{
	margin:0 auto;
	width:85%;
	text-align:center;
}

/*---about---*/
.about .inner ul li{
	padding:1em 2em;
	border-bottom:1px dotted #767472;
}
.about .inner ul li:first-child{
	border-top:1px dotted #767472;
}
.about .inner ul li dl{
	display:table;
}
.about .inner ul li dl dt{
	display:table-cell;
	width:150px;
	font-size:19px;
	line-height:1.4;
	color:#323232;
}
.about .inner ul li dl dt .en{
	display:block;
	font-size:14px;
	line-height:1.4;
	letter-spacing:0.5px;
}
.about .inner ul li dl dd{
	display:table-cell;
	vertical-align:middle;
}
.about #sign{
	text-align:right;
}

/*---album---*/
.album_box{
	margin-bottom:2em;
	height:400px;
	background:#EDEDED;
}
.album_box .clip {
	position:relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.album_box img{
	position:absolute;
	bottom:0px;
	left:-10px;
}
.album_photo{
	width:50%;
}
.album_photo img{
	/*width:110%;*/
	height:105%;
}
.album_spec{
	padding:3%;
	width:44%;
}
.album_box.odd .album_photo{
	float:left;
}
.album_box.even .album_photo{
	float:right;
}
.album_box.odd .album_spec{
	float:right;
}
.album_box.even .album_spec{
	float:left;
}
.album_spec h3{
	text-align:left;
}
.album_spec .ruby{
	display:block;
	font-size:16px;
}
.album_spec .read{
	margin-bottom:0.5em;
	text-align:left;
	font-size:12px;
}
.album_spec .size,
.album_spec .item{
	margin-bottom:0.5em;
}

/*---consulting---*/
.consulting h3{
	font-size:20px;
	text-align:left;
}
.consulting_box{
	margin-bottom:2em;
}
.consulting_box h4{
	margin-bottom:0.4em;
	font-size:28px;
	color:#4C4C4C;
	line-height:1.4;
}
.consulting_box h4 span{
	display:block;
	font-size:12px;
	font-family: 'Century Old Style';
}
#consulting01,
#consulting02{
	margin:0;
	padding:0;
}
.consulting_photo{
	margin:0;
	padding:0;
	width:100%;
	height:350px;
}
#consulting01.consulting_photo{
	background:url(../images/consulting/consulting_img01.jpg) no-repeat center center;
	background-size:cover;
}
#consulting02.consulting_photo{
	background:url(../images/consulting/consulting_img02.jpg) no-repeat center center;
	background-size:cover;
}
.consulting_list{
	padding:3%;
	width:43.8%;
	min-height:160px;
	background:#EDEDED;
}
.consulting_list:nth-child(odd){
	float:left;
}
.consulting_list:nth-child(even){
	float:right;
}
.consulting #name{
	margin-top:2em;
}
.consulting #name img{
	margin-left:5px;
}
.consulting .imgbtn{
	margin:3em 0 0;
	text-align:center;
}
.consulting #offer{
	margin-bottom:5em;
	border-bottom:1px solid #D1D1D1;
}
.consulting #offer section{
	padding:0 0 5em;
}

/*---lovemessage---*/
.love #req_question li{
	margin-bottom:3em;
}
.love #req_question li dl dt{
	margin-bottom:1em;
	padding:0 30px;
	border-bottom:1px solid #B2B2B2;
	line-height:1.6;
}
.love #req_question li dl dt span{
	padding-right:15px;
	font-family: 'Century Old Style Italic';
	font-size:36px;
	color:#B2B2B2;
}
.love #req_question li dl dd{
	display:table;
	padding:0 65px;
}
.love #req_question li dl dd input{
	display:table-cell;
	vertical-align:0.3px;
}
.love #req_question li dl dd textarea{
	width:640px;
	font-size:13px;
}
.love #any_question li{
	margin-bottom:1em;
	padding:1.5em 4em;
	background:#EAEAEA;
}
.love #any_question li dl{
	display:table;
}
.love #any_question li dl dt{
	display:table-cell;
	margin-bottom:1em;
	width:40px;
	line-height:1.6;
}
.love #any_question li dl dd{
	display:table-cell;
	padding:0 20px;
}
.love #any_question li dl dd input{
	border:none;
	box-shadow:none;
	background:none;
	height:30px;
	font-size:13px;
}
.love .btnSet{
	margin:0 5em;
	width:700px;
}
.love .btn{
	float:left;
	margin:0 1em;
	width:40%;
}

/*---company---*/
.company ul li dl{
	display:table;
}
.company ul li dl dt{
	display:table-cell;
}
.company ul li dl dd{
	display:table-cell;
}
.company ul#company_profile_list li{
	padding:1.8em 2em;
}
.company ul#company_profile_list li:nth-child(odd){
	background:#EAEAEA;
}
.company ul#company_profile_list li dl dt{
	padding:0 1.5em;
	width:100px;
	vertical-align:middle;
}
.company ul#history_list{
	margin:0 auto;
	width:70%;
}
.company ul#history_list li dl dt{
	padding:0 1.5em;
	width:80px;
	vertical-align:auto;
}

/*---recruit---*/
.rec_detail{
	margin:3em auto;
	padding:3em 3.5em 1em;
	width:75%;
	border:1px solid #999999;
	border-radius:10px;
}
.rec_detail h3{
	margin-bottom:1em;
	color:#656565;
	font-size:22px;
	letter-spacing:2.5px;
}
.rec_detail p{
	margin-bottom:1em;
}
.recruit ul li dl{
	display:table;
}
.recruit ul li dl dt{
	display:table-cell;
}
.recruit ul li dl dd{
	display:table-cell;
}
.recruit ul#rec_regular_list li dl dt{
	padding:0 1.5em 0 0;
	width:58px;
	vertical-align:auto;
}
.recruit ul#rec_part_list li dl dt{
	padding:0 1.5em 0 0;
	width:58px;
	vertical-align:auto;
}
.recruit #freearea{
	padding:2em 0;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
}
.recruit ul#studio_list li{
	float:left;
	margin:0 20px 20px 0;
	width:265px;
	height:70px;
}
.recruit ul#studio_list li dl dt{
	display:block;
	padding:0 1.5em 0 0;
	width:100%;
}
.recruit ul#studio_list li dl dd{
	display:block;
	width:100%;
}

/*---privacypolicy---*/
.pp .inner div{
	margin:3em auto;
	width:80%;
}
.pp .inner h3{
	margin-bottom:1em;
	font-size:20px;
	color:#656565;
}

/*---contact---*/
.contact_form ul li dl dd textarea{
	width:100%;
	height:200px;
	font-size:13px;
}
.contact_form ul li{
	margin-bottom:1em;
	padding: 14px 1.5em 14px 2em;
	background:#e5e5e5;
}
.contact_form ul li dl{
	width: 100%;
	display:table;
}
.contact_form ul li dl dt{
	display:table-cell;
	margin-bottom:1em;
	width:15%;
	line-height:1.6;
	vertical-align:middle;
}
.contact_form ul li dl dt span{
	color:#00849B;
}
.contact_form ul li dl dd{
	display:table-cell;
	/*padding-left: 50px;*/
}
.contact_form ul li dl dd input{
	border:none;
	box-shadow:none;
	background:none;
	width: 100%;
	height:30px;
	font-size:13px;
	box-sizing: border-box;
}
.contact_form .btnSet{
	margin:80px auto 0;
	width:700px;
}
.contact_form .btn{
	margin:0 auto;
	padding:0;
	width:40%;
	line-height:0;
}
.contact_form input[type="submit"],
.contact_form input[type="button"] {
	display:block;
	margin:0 auto;
	padding:1em 0;
	width:58%;
	height: 60px;
	text-align:center;
	color:#4d4d4d;
	border:1px solid #4d4d4d;
	background:none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-size:12px;
	border-radius: 0;
	cursor: pointer;
	box-shadow:none;
	text-shadow: none;
}
.contact_form input[type="submit"]:hover,
.contact_form input[type="button"]:hover{
	border:1px solid #4d4d4d;
	background:#4d4d4d;
	/*Transition*/
	-webkit-transition: All 0.25s ease-out;
	-moz-transition: All 0.25s ease-out;
	-o-transition: All 0.25s ease-out;
	-ms-transition: All 0.25s ease-out;
	transition: All 0.25s ease-out;
	color:#ffffff;
}

/*---tab_album_box ---*/
.gallery h2{
	margin-bottom:0;
}
#search_area{
	position:relative;
	width:100%;
	text-align:center;
	background:#656565;
}
#search_btn{
	height:40px;
	border-bottom:1px solid #ffffff;
}
#search_btn a{
	display:block;
	padding:8px 0;
	height:24px;
	color:#ffffff;
	text-decoration:none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  sans-serif;
	line-height:2.0;
}
#search_btn a:hover{
	background:#7f7f7f;
}
#search_box{
	margin:0 auto;
	padding-bottom:2em;
	width:800px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  sans-serif;
	text-align:left;
	line-height:2.0;
}
#search_box p{
	font-weight:bold;
	margin-bottom:0.2em;
	padding-bottom:0.2em;
	border-bottom:1px solid #E5E5E5;
	color:#4F4F4F;
}
#search_box span{
	display:inline-block;
	margin-right:5px;
	word-break:keep-all;
}
#search_category{
	float:left;
	margin-bottom:1%;
	padding:1.5% 2%;
	width:96%;
	background:#ffffff;
}
#search_studio{
	float:left;
	margin-bottom:1%;
	padding:1.5% 2%;
	width:96%;
	background:#ffffff;
}
#search_option{
	float:left;
	padding:1.5% 2%;
	width:96%;
	color:#ffffff;
}
#search_option p{
	color:#ffffff;
}
.tab_album_box{
	margin:3em auto;
	width:980px;
}
.gallery-container{
	margin:2em auto;
}
.gallery-item{
	float:left;
	margin:1%;
	width:46%;
}
.grid-sizer {
	margin: 5px;
	width: 460px;
}
@media (max-width: 480px) {
    .gallery-item,
    .grid-sizer {
        margin:6%;
        width:88%;
    }
}

.remove-check {
    float: right;
    cursor: pointer;
    font-weight: normal;
}

.gallery-item img{
	width:100%;
	height:auto;
}

#search_filter {
    color: #fff;
}

#search_submit{
	margin:1% auto;
	padding:10px;
	width:100%;
	color:#ffffff;
	background:#000000;
	border:none;
	border-radius:5px;
	box-shadow:none;
	cursor:pointer;
}
#search_submit:hover{
	background:#E47257;
}


/*---blog---*/
.wp{
	float:right;
	width:660px;
}
.wp h4{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	font-size:20px;
}
.wp .date{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	font-size:10px;
	color:#938059;
}
.wp .box{
	padding:2em 0;
}
.wp .box p{
	margin-bottom:1.5em;
}
.wp .pager{
	margin:3em 0;
	padding:35px 100px;
	width:460px;
	border-top:1px dotted #7F7F7F;
}
.wp .pager .l {
	float: left;
}
.wp .pager .r {
	float: right;
}
#slide_panel{
	float:left;
	margin: 0 50px 0 0;	padding: 0 0 0 0;
	/* ポイント：横幅指定とはみ出し非表示にする事で、横幅が0に近づいても文字の改行を押さえる(改行させない) */
	width:240px; height: auto;
	cursor: pointer;
	overflow: hidden;	/* ←重要 */
	z-index: 100;
}
#slide_panel .wrap{
	width: 240px;
	overflow:hidden;	/* IE対策のおまじない */
}
#slide_panel .panel_main ul {
	list-style: none;
	margin: 0 10px;
}
#slide_panel .panel_main h5 {
	margin-bottom:10px;
	padding-bottom:0;
	border-bottom:1px dotted #7F7F7F;
	font-size:16px;
	text-align:left;
}
#slide_panel .panel_main table {
	margin: 0 10px;
	width:160px;
}
#slide_panel .panel_main table th,
#slide_panel .panel_main table td {
	border: none;
	text-align: center;
}
#slide_panel .panel_main table thead tr th {
	border: #666 solid 1px;
}
#slide_panel .panel_main .wpTag .box {
	padding: 0 10px 20px;
}
#slide_panel .panel_main .wpTag .box a {
	color:#323232;
	text-decoration:none;
}
#slide_panel .panel_main .wpCat {
	margin: 20px 0;
	font-size:12px;
}
#slide_panel .panel_main .wpTag {
	margin: 20px 0;
	font-size:12px;
}

/*---information---*/
#information_content{
	margin:0 auto;
	width:80%;
}
#information_content .pager {
	position: relative;
	overflow: hidden;
	margin:3em 0;
	padding: 10px 0;
	text-align:center;
}
#information_content .pager ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
#information_content .pager .wp-pagenavi a {
	position: relative;
	margin-right:5px;
	padding: 10px 11px;
	border:1px solid #7F7F7F;
	color:#4C4C4C;
	text-decoration:none;
	z-index: 500;
}
#information_content .pager .current {
	background: #4C4C4C;
	margin-right:5px;
	padding: 10px 11px;
	border:1px solid #7F7F7F;
	color: #fff;
}
#information_content .pager .nextpostslink{
	margin-right:5px;
}
#information_content .pager ul {
	float: right;
	list-style: none;
}
#information_content .pager ul li {
	display: inline;
}
#information_content .pager ul li:first-child {
	background: url(/common_images/content_arrow_return.png) right 1px no-repeat;
	padding-right: 16px;
	margin-right: 10px;
}
#information_content .pager ul li:last-child {
	background: url(/common_images/content_arrow_forward.png) left 1px no-repeat;
	padding-left: 16px;
}
#information_content div.articles {
	overflow: hidden;
}
#information_content div.articles ul {
	display:table;
	border-bottom: #ccc dotted 1px;
	list-style: none;
	margin: 0 auto;
	padding: 1em;
	width:100%;
	overflow: hidden;
}
#information_content div.articles ul li{
	display:table-cell;
	margin:0 2%;
}
#information_content div.articles ul li.true_photo{
	width:6%;
}
#information_content div.articles ul li.tit{
	width:67%;
}
#information_content div.articles ul li.date{
	width:10%;
	font-size:11px;
}
.info_cont{
	float:right;
	width:660px;
}
#backnumber ul li{
	display:block;
	padding:0.5em 0;
	border-bottom:1px dotted #ccc;
	line-height:1.6;
}
#backnumber ul li .date{
	display:block;
	font-size:9px;
	color:#686868;
}

/*---studio---*/
.studio h2.first{
	margin-bottom:0;
}
.studio_box{
	margin-bottom:2em;
	height:370px;
	background:#EDEDED;
}
.studio_box .clip {
	position:relative;
	width: 50%;
	height: 100%;
	overflow:hidden;
}
.studio_box img{
	position:absolute;
	top:0px;
	left:0px;
}
.cachette_studio_box .clip,
.unemu_studio_box .clip {
	position:relative;
	width: 100%;
	height: 380px;
	overflow:hidden;
}
.cachette_studio_box img{
	position:absolute;
	top:-60px;
	left:0px;
	max-width:100%;
}
.unemu_studio_box img{
	position:absolute;
	top:-140px;
	left:0px;
	max-width:100%;
}
.studio_photo{
	width:50%;
	height:auto;
}
.studio_photo img{
	/*max-width:100%;*/
	height:105%;
}
.studio_spec{
	padding:3% 5%;
	width:40%;
}
.studio_spec h3{
	text-align:left;
}
.studio_spec h3 span{
	margin-right:5px;
	font-size:20px;
}
.studio_spec .ruby{
	display:block;
	font-size:11px;
	color:#7f7f7f;
}
.studio_spec .read{
	margin-bottom:0.5em;
	text-align:left;
	font-size:12px;
}
.studio_box .studio_photo{
	float:left;
}
.studio_box .studio_spec{
	float:right;
}
.studio_box .btn_area,
.cachette_studio_box .btn_area,
.unemu_studio_box .btn_area{
	margin:1.5em 0;
}
.studio_box .btn_area li{
	float:left;
	margin:0.4em;
	width:43%;
	border:1px solid #999999;
	text-align:center;
}
.cachette_studio_box .btn_area li{
	float:left;
	margin:0.4em 0.8em;
	width:30%;
	border:1px solid #999999;
	text-align:center;
}
.unemu_studio_box .btn_area li{
	float:none;
	margin:0.4em auto;
	width:40%;
	border:1px solid #999999;
	text-align:center;
}
.studio_box .btn_area li:hover,
.cachette_studio_box .btn_area li:hover,
.unemu_studio_box .btn_area li:hover{
	background:#999999;
}
.studio_box .btn_area li a,
.cachette_studio_box .btn_area li a,
.unemu_studio_box .btn_area li a{
	display:block;
	padding:0.7em;
	color:#323232;
	text-decoration:none;
}
.studio_box .btn_area li a:hover,
.cachette_studio_box .btn_area li a:hover,
.unemu_studio_box .btn_area li a:hover{
	padding:0.7em;
	color:#ffffff;
}
.studio_box p{
	clear:both;
}
.cachette_studio_box .inner,
.unemu_studio_box .inner{
	margin-top:2em;
}
#map_area h2{
	background:none;
}

/*---page_studio---*/
.page_studio h2.first{
	background:none;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , serif;
	font-size:24px;
}
.page_studio h2.first .ruby{
	font-size:18px;
	font-family: 'Century Old Style Italic';
}
#studio_menu,
#studio_menu_three,
#gallery_menu_three{
	position:fixed;
	top:230px;
	right:0;
	z-index:9999;
}
#studio_menu li,
#studio_menu_three li,
#gallery_menu_three li{
	margin-bottom:5px;
	width:135px;
	height:25px;
	text-indent:-9999px;
	/*Transition*/
	-webkit-transition: All 0.25s ease-out;
	-moz-transition: All 0.25s ease-out;
	-o-transition: All 0.25s ease-out;
	-ms-transition: All 0.25s ease-out;
	transition: All 0.25s ease-out;
}
#studio_menu li.studio_menu01,
#studio_menu_three li.studio_menu01{
	background:url(../images/common/ribbon_studio.png) no-repeat 20px 0;
}
#studio_menu li.studio_menu01:hover,
#studio_menu_three li.studio_menu01:hover{
	background-position:0 0;
}
#studio_menu li.studio_menu02,
#studio_menu_three li.studio_menu02{
	background:url(../images/common/ribbon_reserve.png) no-repeat 20px 0;
}
#studio_menu li.studio_menu02:hover,
#studio_menu_three li.studio_menu02:hover{
	background-position:0 0;
}
#studio_menu li.studio_menu03,
#studio_menu_three li.studio_menu03{
	background:url(../images/common/ribbon_gallery.png) no-repeat 20px 0;
}
#studio_menu li.studio_menu03:hover,
#studio_menu_three li.studio_menu03:hover{
	background-position:0 0;
}
#studio_menu li.studio_menu04,
#studio_menu_three li.studio_menu04{
	background:url(../images/common/ribbon_fb.png) no-repeat 20px 0;
}
#studio_menu li.studio_menu04:hover,
#studio_menu_three li.studio_menu04:hover{
	background-position:0 0;
}
#gallery_menu_three li.gallery_menu01{
	background:url(../images/common/ribbon_studiolist.png) no-repeat 20px 0;
}
#gallery_menu_three li.gallery_menu01:hover{
	background-position:0 0;
}
#gallery_menu_three li.gallery_menu02{
	background:url(../images/common/ribbon_pagestudio.png) no-repeat 20px 0;
}
#gallery_menu_three li.gallery_menu02:hover{
	background-position:0 0;
}
#gallery_menu_three li.gallery_menu03{
	background:url(../images/common/ribbon_reserve.png) no-repeat 20px 0;
}
#gallery_menu_three li.gallery_menu03:hover{
	background-position:0 0;
}
#studio_menu li a,
#studio_menu_three li a,
#gallery_menu_three li a{
	display:block;
	width:135px;
	height:25px;
}
.page_studio_box .page_studio_photo,
.page_studio_box .page_studio_price{
	float:left;
	width:300px;
}
.page_studio_box .page_studio_spec{
	float:right;
	width:600px;
}
.page_studio_box .page_studio_price h3,
.page_studio_box .page_studio_spec h3{
	display:table;
	padding-bottom:0.5em;
	width:100%;
	font-size:16px;
	border-bottom:1px solid #656565;
	text-align:left;
}
.page_studio_box .page_studio_spec h3 span{
	display:table-cell;
	padding-left:10px;
	width:38%;
	background:url(../images/common/ico_mapcircle.png) no-repeat left center;
	font-size:12px;
}
.page_studio_box .page_studio_spec h3 span a{
	color:#4c4c4c;
	text-decoration:none;
	letter-spacing:0;
}
.page_studio_box .page_studio_price ul,
.page_studio_box .page_studio_spec ul{
	margin:1em 0;
}
.page_studio_box .page_studio_spec dl{
	display:table;
	width:100%;
}
.page_studio_box .page_studio_spec dl dt{
	display:table-cell;
	width:20%;
}
.page_studio_box .page_studio_spec dl dd{
	display:table-cell;
	width:80%;
}
.page_studio_box .page_studio_spec dl dd a{
	text-decoration:none;
}
.page_studio .staff_list{
	margin:0 auto;
	width:700px;
}
.page_studio .staff_list li{
	float:left;
	width:21%;
	padding:2%;
	text-align:center;
	font-family: 'Century Old Style Italic';
	font-size:14px;
	color:#7f7f7f;
	letter-spacing:0.5px;
}
#studio_btn_area p{
	margin:1em 0;
}
#studio_btn_area #backtop {
	float:right;
	width:49%;
}
#studio_btn_area #backstudio{
	float:left;
	width:49%;
}

/*---page_studiogallery---*/
#studio_gallery img{
	width:100%;
	height:auto;
}


/*---studio_map---*/
#map_area{
	margin:2em 0;
}
#map{
	width:100%;
	height:360px;
}

/*---slider---*/
#slide{
	width:100%;
}
#slide img{
}

/*---studio-kobe---*/
.studio-kobe .attention{
	margin:2em auto 0;
	padding:1em;
	width:80%;
	border:1px solid #801F80;
	color:#801F80;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	line-height:1.6;
}

/*---studio-kakogawa---*/
.studio-kakogawa .attention{
	margin:2em auto 0;
	padding:1em;
	width:80%;
	border:1px solid #7c3c51;
	color:#7c3c51;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	letter-spacing:2px;
}

/*---studio-cachette---*/
.studio-cachette .attention{
	margin:2em auto 0;
	padding:1em;
	width:80%;
	border:1px solid #6d5f40;
	color:#6d5f40;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	letter-spacing:2px;
}
.studio-cachette .attention:hover{
	opacity:0.5;
	cursor:pointer;
}

/*---studio-unemu---*/
.studio-unemu .attention{
	margin:2em auto 0;
	width:80%;
	color:#3a3a3a;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	font-weight:bold;
	letter-spacing:2px;
}

/*---page-plan---*/
.page_plan{
	background:#dddddb;
}
.page_plan h2.first{
	margin-bottom:1em;
	background:none;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , serif;
	font-size:30px;
	color:#656565;
	letter-spacing:5px;
}
.page_plan h2.first .ruby{
	font-size:18px;
	font-family: 'Century Old Style Italic';
	color:#808072;
	letter-spacing:1px;
}
#plan_menu,
#plan_menu_three{
	position:fixed;
	top:230px;
	right:0;
	z-index:9999;
}
#plan_menu li,
#plan_menu_three li{
	margin-bottom:5px;
	width:135px;
	height:25px;
	text-indent:-9999px;
	/*Transition*/
	-webkit-transition: All 0.25s ease-out;
	-moz-transition: All 0.25s ease-out;
	-o-transition: All 0.25s ease-out;
	-ms-transition: All 0.25s ease-out;
	transition: All 0.25s ease-out;
}
#plan_menu li.plan_menu01,
#plan_menu_three li.plan_menu01{
	background:url(../images/common/ribbon_plan_studio.png) no-repeat 20px 0;
}
#plan_menu li.plan_menu01:hover,
#plan_menu_three li.plan_menu01:hover{
	background-position:0 0;
}
#plan_menu li.plan_menu02,
#plan_menu_three li.plan_menu02{
	background:url(../images/common/ribbon_plan_reserve.png) no-repeat 20px 0;
}
#plan_menu li.plan_menu02:hover,
#plan_menu_three li.plan_menu02:hover{
	background-position:0 0;
}
#plan_menu li.plan_menu03,
#plan_menu_three li.plan_menu03{
	background:url(../images/common/ribbon_plan_gallery.png) no-repeat 20px 0;
}
#plan_menu li.plan_menu03:hover,
#plan_menu_three li.plan_menu03:hover{
	background-position:0 0;
}
#plan_menu li.plan_menu04,
#plan_menu_three li.plan_menu04{
	background:url(../images/common/ribbon_plan_faq.png) no-repeat 20px 0;
}
#plan_menu li.plan_menu04:hover,
#plan_menu_three li.plan_menu04:hover{
	background-position:0 0;
}
#plan_menu li a,
#plan_menu_three li a{
	display:block;
	width:135px;
	height:25px;
}
#price ul li{
	margin-bottom:1em;
	padding:1.2em 2em 2em;
	border:1px solid #4c4c4c;
	background:#ffffff;
}
#price ul li dl dt{
	display:table;
	margin-bottom:0.5em;
	padding-bottom:0.2em;
	width:100%;
	border-bottom:1px solid #7f7f7f;
	font-size:22px;
	color:#4c4c4c;
}
#price ul li dl dt span{
	display:table-cell;
	text-align:right;
}
#price ul li dl dt .plan-price{
	width:40%;
	font-size:20px;
}
#price ul li dl dd.exp{
	font-size:16px;
}
.attention_unemu{
	padding:1.5em;
	color:#ffffff;
	background:#b8ae74;
	text-align:center;
	font-size:15px;
	letter-spacing:0;
}
.attention_unemu span{
	display:block;
	font-size:12px;
}
#voice_list li{
	display: -moz-inline-box;
	display:inline-block;
	margin-bottom:1em;
	padding:2.5%;
	width:42%;
	background:#ffffff;
	border:1px solid #999999;
	vertical-align:top;
}
#voice_list li:nth-child(odd){
	margin-right:2%;
}
#voice_list li:nth-child(even){
	margin-left:2%;
}
.plan_list{
	margin:0 auto 2em;
	overflow:hidden;
	text-align:center;
}
.plan_list p{
	margin-bottom:0.8em;
}
.plan_list a{
	display:inline-block;
	padding:0em 1em;
	border-right:1px solid #999999;
}
.plan_list a:last-child{
	border-right:none;
}

/*---plan-idphoto---*/
#flow_list{
	margin:0 auto;
	width:400px;
}
#flow_list li{
	margin-bottom:2em;
	padding-bottom:50px;
	background:url(../images/plan-adult/idphoto/id_flow_arrow.png) no-repeat bottom center;
	background-size:auto;
}
#flow_list li:last-child{
	background:none;
}
#flow_list li dl{
	display:table;
	width:100%;
}
#flow_list li dl dt{
	display:table-cell;
	width:25%;
	font-size:20px;
}
#flow_list li dl dd{
	display:table-cell;
	width:75%;
	font-size:12px;
	text-align:right;
}

/*---faq---*/
#faq_accordion {
}
#faq_accordion li {
	margin-bottom:2px;
	background:#E5E5E5;
}
#faq_accordion li a.list_first{
	display:block;
	margin:0;
	height:30px;
	font-size:15px;
}
#faq_accordion li a.list_first.active{
	background:url(../images/faq/ico_faq_accordion_open.png) no-repeat 98% center ,#cccccc;
	background-size: 24px 24px;
}
#faq_accordion > li > a {
    display: block;
	padding: 15px 15px 15px 25px;
	background:url(../images/faq/ico_faq_accordion_close.png) no-repeat 98% center;
    background-size: 24px 24px;
    line-height: 1.8;
}
#faq_accordion > li > a:active,
#faq_accordion > li > a:hover {
	background:url(../images/faq/ico_faq_accordion_open.png) no-repeat 98% center ,#cccccc;
	background-size: 24px 24px;
}
#faq_accordion > li > a.close {
    background: url(../images/faq/ico_faq_accordion_open.png) no-repeat 98% center;
    background-size: 24px 24px;
}
#faq_accordion > li > a.open {
    background-image:none;
}
#faq_accordion > li > a.current {
    font-weight: bold;
}
#faq_accordion > li ul {
    display: none;
	margin:0;
	padding:0 2em 2em;
	background:#cccccc;
}
#faq_accordion > li ul li{
	margin-bottom:4px;
	padding:1.5em;
	background:#ffffff;
}
#faq_accordion > li ul li a {
    display: block;
    padding: 7px 20px;
	font-size: 90%;
	text-align:left;
    line-height: 1.4;
}
#faq_accordion > li ul li a:active,
#faq_accordion > li ul li a:hover {
    background:#cccccc;
}
#faq_accordion {
	width:100%;
    margin-top: 0;
}
#faq_accordion > li {
	width:100%;
}
#faq_accordion li ul li dl dt{
	margin-bottom:0.5em;
	padding-bottom:0.5em;
	font-weight:bold;
	font-size:14px;
	border-bottom:1px solid #7F7F7F;
}


/*---reservation---*/
#reserve_list{
	margin:2em auto;
	width:85%;
}
#reserve_list li{
	margin:1em 0;
}
#reserve_list img{
	width:100%;
}
#reserve_list .attention{
	display:block;
	color:#4C4C4C;
	text-align:right;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
}
.blue{
	color:#318BFF;
}

.shop_reservation h2{
	padding-bottom:0.9em;
}
.shop_reservation h3{
	margin:3em 0 0;
	padding:0.7em 0;
	background:#7F7F7F;
	color:#ffffff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	letter-spacing:3px;
}
#representative_list,
.subject_list,
#offer_list,
#ps_list{
	margin:0;
	border:1px solid #7F7F7F;
}
#representative_list li,
.subject_list li,
#ps_list li{
	border-bottom:1px solid #7F7F8F;
}
#representative_list li,
#ps_list li{
	padding:1em 1.5em;
}
.subject_list li.attention{
	padding:1em 1.5em;
}
#representative_list li:last-child,
.subject_list li:last-child,
#offer_list li:last-child,
#ps_list li:last-child{
	border-bottom:none;
}
.shop_reservation ul li.attention{
	background:#E5E5E5;
}
.shop_reservation ul li dl{
	display:table;
	width:100%;
}
.shop_reservation ul li dl dt,
.shop_reservation ul li dl dd{
	display:table-cell;
	border-collapse:collapse;
	vertical-align:middle;
}
.shop_reservation ul li dl dd span{
	display:inline-block;
	margin-right:5px;
}
.shop_reservation ul li dl dd.indent01 .horizontal-item+.horizontal-item {
	margin-left: 0;
}

.shop_reservation ul li dl dd.indent01 span:last-child {
	clear: both;
	float: none;
}

#representative_list li dl dt,
#offer_list li dl dt{
	padding-right:5%;
	width:20%;
	text-align:right;
	vertical-align:middle;
}
#representative_list li dl dd input{
	width:92%;
	font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic Pro","Meiryo","メイリオ","Osaka","ＭＳ Ｐゴシック","MS P Gothic","Arial",sans-serif; 
}
.subject_list li dl{
	width:100%;
	line-height:3.0;
}
.subject_list li dl dt{
	margin:0;
	padding:0;
	width:4%;
	border-right:1px solid #7F7F7F;
	vertical-align:middle;
}
.subject_list li dl dt.en{
	font-size:22px;
}
.subject_list li dl dd.subject_name{
	width:55%;
}
.subject_list li dl dd.subject_spec{
	width:45%;
	border-right:none;
}
.subject_list li dl dd ul{
	margin:0;
	padding:0;
}
.subject_list li dl dd li{
	margin:0;
	padding:1em 4%;
	width:100%;
	border-right:1px solid #7F7F7F;
}
.subject_list li dl dd.subject_spec li{
	width:98.5%;
	border-right:none;
}
.subject_list li dl dd dl{
	width:100%;
}
.subject_list li dl dd dl dt{
	width:18%;
	border-right:none;
}
.subject_list li dl dd dl dd{
	width:72%;
}
#offer_list li{
	border-bottom:1px solid #7F7F7F;
}
#offer_list li.attention{
	padding:1em 1.5em;
}
#offer_list li dl dt{
	padding-right:2.2em;
	border-right:1px solid #7F7F7F;
}
#offer_list li dl dd{
	padding:1em 1.5em;
}
#offer_list li dl dd.parent,
#offer_list li dl dd.child{
	display:block;
	width:100%;
}
#offer_list li dl dd.parent{
	border-bottom:1px solid #7F7F7F;
}
#offer_list li dl dd span{
	display:block;
	float:left;
}
#offer_list li dl dt .blank{
	display:block;
	padding-right:12px;
	line-height:1.4;
}
#offer_list li dl dd .studio_name{
	padding:0.5em 1.5em 0.5em 0.5em;
	font-size:18px;
}
#offer_list li dl dd .child_select{
	float:right;
}
#ps_list #request_question,
#ps_list #request_area{
	display:block;
}
#ps_list #request_area textarea{
	width:100%;
	height:140px;
	border:none;
	resize: vertical;
}
#ps_list li dl dd .child_select{
	float:right;
}
.shop_reservation ul li dl dd.input_point {
	padding-left:20px;
	background:url(../images/reservation/ico_reservation_arrow.png) no-repeat center left;
}
.shop_reservation ul li dl dd input{
	border:none;
	box-shadow:none;
	background:none;
	height:30px;
	font-size:13px;
}

/*---ラジオボタンとテキスト---*/
label.radio_text {
	cursor       : pointer;
	position     : relative;
	margin-right : 20px;
	height:23px;
	overflow     : hidden;
	padding-left : 20px;
	display      : inline-block;
	line-height:2.4;
}
label.radio_text:before {
	position      : absolute;
	width         : 15px;
	height        : 15px;
	border        : 1px solid #B3B3B3;
	border-radius : 50%;
	left          : 0px;
	top           : 6px;
	content       : '';
	z-index       : 3;
}
label.radio_text:after {
	content          : '';
	position         : absolute;
	width            : 11px;
	height           : 11px;
	border-radius    : 100%;
	left             : 3px;
	top              : 9px;
	background-color : #7c3c51;
	z-index          : 1;
}
label.radio_text input[type="radio"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	position   : absolute;
	z-index    : 2;
	width      : 22px;
	height     : 22px;
	left       : -23px;
	top        : 1px;
	margin     : 0px;
	box-shadow : 20px -1px #FFF;
}
label.radio_text input[type="radio"]:checked {
	box-shadow : none;
}
label.radio_text input[type="radio"]:focus {
	opacity    : 0.2;
	box-shadow : 20px -1px #FFF;
}

.mwform-radio-field label {
	cursor       : pointer;
	position     : relative;
	margin-right : 20px;
	height:23px;
	overflow     : hidden;
	padding-left : 20px;
	display      : inline-block;
	line-height:2.4;
}
.mwform-radio-field label:before {
	position      : absolute;
	width         : 15px;
	height        : 15px;
	border        : 1px solid #B3B3B3;
	border-radius : 50%;
	left          : 0px;
	top           : 6px;
	content       : '';
	z-index       : 3;
}
.mwform-radio-field label:after {
	content          : '';
	position         : absolute;
	width            : 11px;
	height           : 11px;
	border-radius    : 100%;
	left             : 3px;
	top              : 9px;
	background-color : #7c3c51;
	z-index          : 1;
}
.mwform-radio-field label input[type="radio"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	position   : absolute;
	z-index    : 2;
	width      : 17px;
	height     : 17px;
	left       : -20px;
	top        : 7px;
	margin     : 0px;
	box-shadow : 20px -1px #FFF;
	border-radius: 50%;
}
.studioInput {
	width: 387px;
	display: flex !important;
	flex-wrap: wrap;
}
@media screen and (max-width:767px) {
	.studioInput {
		width: auto;
		display: block !important;
	}
}
/*.studioInput .horizontal-item+.horizontal-item:nth-child(3) {
	width: calc(100% - 380px);
}*/
.studioInput .horizontal-item+.horizontal-item:nth-child(4) {
	margin-left: 0;
}
@media screen and (max-width:767px) {
	.studioInput .horizontal-item+.horizontal-item {
		margin-left: 0;
		display: block;
	}
}
.mwform-radio-field label input[type="radio"]:checked {
	box-shadow : none;
}
.mwform-radio-field label input[type="radio"]:focus {
	opacity    : 0.2;
	box-shadow : 20px -1px #FFF;
}

/*CheckBoxとText */
label.checkbox_text {
	cursor       : pointer;
	position     : relative;
	padding-left : 25px;
	margin-right : 20px;
	overflow     : hidden;
	position     : relative;
	padding-left : 25px;
	display      : inline-block;
	box-sizing   : border-box;
}
label.checkbox_text:before {
	content  : '';
	position : absolute;
	width    : 15px;
	height   : 15px;
	left     : 0px;
	top      : 0;
	border   : 1px solid #B3B3B3;
	z-index  : 3;
}
label.checkbox_text:after {
	content           : '';
	position          : absolute;
	top               : 40%;
	left              : 4px;
	display           : block;
	margin-top        : -10px;
	width             : 6px;
	height            : 10px;
	border-right      : 3px solid #7c3c51;
	border-bottom     : 3px solid #7c3c51;
	transform         : rotate(45deg);
	-webkit-transform : rotate(45deg);
	-moz-transform    : rotate(45deg);
	z-index           : 1;
}
label.checkbox_text input[type="checkbox"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	position   : absolute;
	left       : -40px;
	width      : 20px;
	height     : 20px;
	display    : block;
	box-shadow : 41px 0px #FFF;
	z-index    : 2;
	margin     : 0px;
	padding    : 0px;
}
label.checkbox_text input[type="checkbox"]:checked {
	box-shadow : none;
}
label.checkbox_text input[type="checkbox"]:checked:focus {
	box-shadow : 40px 0px #ffffff;
	opacity    : 0.1;
}
label.checkbox_text input[type="checkbox"]:focus {
	box-shadow : 41px 0px #ffffff;
}

.mwform-checkbox-field label {
	cursor       : pointer;
	position     : relative;
	padding-left : 25px;
	margin-right : 20px;
	overflow     : hidden;
	position     : relative;
	display      : inline-block;
	box-sizing   : border-box;
}
.mwform-checkbox-field label:before {
	content  : '';
	position : absolute;
	width    : 15px;
	height   : 15px;
	left     : 0px;
	top      : 0;
	border   : 1px solid #B3B3B3;
	z-index  : 3;
}
.mwform-checkbox-field label:after {
	content           : '';
	position          : absolute;
	top               : 40%;
	left              : 4px;
	display           : block;
	margin-top        : -10px;
	width             : 6px;
	height            : 10px;
	border-right      : 3px solid #7c3c51;
	border-bottom     : 3px solid #7c3c51;
	transform         : rotate(45deg);
	-webkit-transform : rotate(45deg);
	-moz-transform    : rotate(45deg);
	z-index           : 1;
}
.mwform-checkbox-field .horizontal-item + .horizontal-item {
    margin-left:0px;
}
.mwform-checkbox-field label input[type="checkbox"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	position   : absolute;
	left       : -40px;
	width      : 20px;
	height     : 20px;
	display    : block;
	box-shadow : 41px 0px #FFF;
	z-index    : 2;
	margin     : 0px;
	padding    : 0px;
}
.mwform-checkbox-field label input[type="checkbox"]:checked {
	box-shadow : none;
}
.mwform-checkbox-field label input[type="checkbox"]:checked:focus {
	box-shadow : 40px 0px #ffffff;
	opacity    : 0.1;
}
.mwform-checkbox-field label input[type="checkbox"]:focus {
	box-shadow : 41px 0px #ffffff;
}


.shop_reservation ul li dl dd select{
	margin:0 0 0.5em;
	border:2px solid #cccccc;
	box-shadow:none;
	background:none;
	height:30px;
	font-size:13px;
}
.shop_reservation .btnSet{
	margin:3em auto;
	width:700px;
}
.shop_reservation .btn{
	float:left;
	margin:0 1em;
	width:46%;
}
.shop_reservation input[type="submit"],
.shop_reservation input[type="button"] {
	display:block;
	margin:0 auto;
	padding:1em 0;
	width:58%;
	text-align:center;
	color:#7f7f7f;
	border:1px solid #7f7f7f;
	background:none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-size:12px;
	border-radius: 0;
	cursor: pointer;
	box-shadow:none;
	text-shadow: none;
}
.shop_reservation input[type="submit"]:hover,
.shop_reservation input[type="button"]:hover{
	border:1px solid #7f7f7f;
	background:#7f7f7f;
	/*Transition*/
	-webkit-transition: All 0.25s ease-out;
	-moz-transition: All 0.25s ease-out;
	-o-transition: All 0.25s ease-out;
	-ms-transition: All 0.25s ease-out;
	transition: All 0.25s ease-out;
	color:#ffffff;
}



/*---404error---*/
.error404 .leftcont{
	margin-right:5%;
	width:45%;
}
.error404 .rightcont{
	width:50%;
}
.error404 .leftcont img,
.error404 .rightcont img{
	width:100%;
	height:auto;
}
.error404 p{
	margin:1.5em 0;
}


/* ---------- PC style ---------- */
@media (min-width:769px){
/*---about---*/
.about #about_slide ul{
	width:100%;
}
.about .inner .rightcont img{
	padding:0 0 2.5em 2.5em;
}

}

/* ---------- Tablet style ---------- */
@media (max-width: 768px) and (min-width: 641px) {
h1{
	margin:0 0.5em;
}
.read{
	font-size:14px;
}

/*---about---*/
.about #about_slide ul{
	width:100%;
}
.about #sign{
	display:none;
}

/*---album---*/
.album section{
	padding:0;
}
.album section:first-child{
	padding:5em 0;
}
.album_box{
	margin-bottom:2em;
	height:100%;
	background:#EDEDED;
}
.album_box .clip {
	width:100%;
	height:420px;
}
.album_box img{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}
.album_photo{
	width:100%;
}
.album_photo img{
	width:100%;
	height:auto;
}
.album_spec{
	margin:0 auto;
	padding:3%;
	width:70%;
}
.album_box.odd .album_photo{
	float:none;
}
.album_box.even .album_photo{
	float:none;
}
.album_box.odd .album_spec{
	float:none;
}
.album_box.even .album_spec{
	float:none;
}

/*---consulting---*/
.consulting section{
	padding:0;
}
.consulting section:first-child{
	padding:5em 0;
}
.consulting h3{
	font-size:18px;
	text-align:left;
}
.consulting_box{
	margin-bottom:2em;
}
.consulting_box h4{
	margin-bottom:0.4em;
	font-size:22px;
	color:#4C4C4C;
	line-height:1.4;
}
.consulting_box h4 span{
	display:block;
	font-size:12px;
	font-family: 'Century Old Style';
}
.consulting_photo{
	margin:0;
	padding:0;
	width:100%;
	height:280px;
}
.consulting_list:nth-child(odd){
	float:none;
	width:94%;
}
.consulting_list:nth-child(even){
	float:none;
	width:94%;
}

/*---lovemessage---*/
.love #req_question li dl dd textarea{
	width:420px;
	font-size:13px;
}
.love #any_question li dl dt{
	width:100px;
}
.love .btnSet{
	margin:0 3.5em;
	width:460px;
}
.love .btn{
	float:left;
	margin:0 1em;
	width:40%;
}

/*---company---*/
.company ul#history_list{
	margin:0 auto;
	width:90%;
}

/*---privacypolicy---*/
.pp .inner h3{
	font-size:18px;
}

/*---contact---*/
.contact_form ul li dl dd textarea{
	width:100%;
	height:200px;
	font-size:13px;
}
.contact_form ul li dl dt{
	/*width:112px;*/
}
.contact_form ul li dl dd{
	display:table-cell;
	/*padding:0 20px;*/
}
.contact_form .btnSet{
	margin:0 3.5em;
	width:460px;
}
.contact_form .btn{
	float:left;
	margin:0 1em;
	width:40%;
}

/*---gallery---*/
#search_box{
	margin:0 auto;
	padding-bottom:0;
	width:100%;
}
#search_category{
	float:none;
	margin:0 0 2% 0;
	padding:1% 2%;
	width:96%;
	background:#ffffff;
}
#search_studio{
	float:none;
	margin:0 0 2% 0;
	padding:1% 2%;
	width:96%;
	background:#ffffff;
}
#search_option{
	float:none;
	padding:1% 2%;
	width:96%;
	color:#ffffff;
}
.tab_album_box{
	margin:3em auto;
	width:90%;
}
.grid-sizer,
.gallery-item{
	margin:1%;
	width:48%;
}

.gallery-item {
	float:left;
}

.gallery-item img{
	width:100%;
	height:auto;
}
#search_submit{
	margin:5% 0 0;
	padding:10px;
	width:100%;
}

/*---blog&information---*/
#slide_panel{
	float:none;
	margin: 0 auto;	padding: 1.5em 0 0;
	/* ポイント：横幅指定とはみ出し非表示にする事で、横幅が0に近づいても文字の改行を押さえる(改行させない) */
	width:100%; height: auto;
	cursor: pointer;
	overflow: hidden;	/* ←重要 */
	z-index: 100;
	border-top:1px dotted #7F7F7F;
}
#slide_panel .wrap{
	margin:0;
	padding:0 ;
	width: 100%;
}
.wp{
	float:none;
	margin:0 10%;
	width:80%;
}
.wp img{
	max-width:100%;
	height:auto;
}
.wp .pager{
	margin:3em 0;
	padding:35px 0;
	width:100%;
	border-top:1px dotted #7F7F7F;
}
.wp .pager .l img{
	width:70%;
}
.wp .pager .r img{
	width:70%;
}
#slide_panel .panel_main h5 {
	display:block;
	margin-bottom:10px;
	padding:0 0 1.2em;
	border-bottom:1px dotted #7F7F7F;
	font-size:16px;
	text-align:center;
}
#slide_panel .panel_main table {
	margin: 0 auto;
	width:80%;
}

/*---accordion---*/
.accordion_btn{
	display:block;
}
.accordion{
	display:none;
	margin:0 auto;
	width:80%;
}
#backnumber .accordion{
	width:100%;
}
#backnumber .accordion ul{
	margin:0;
}
#backnumber .accordion ul li{
	display:table;
	padding:2% 5%;
	width:90%;
}
#backnumber .accordion ul li .date{
	display:table-cell;
	width:15%;
}

/*---studio---*/
.studio_box{
	margin-bottom:2em;
	height:100%;
	background:#EDEDED;
}
.studio_box .clip {
	position:relative;
	width: 100%;
	height: 300px;
	overflow:hidden;
}
.studio_box .studio_photo{
	float:none;
	width:100%;
}
.studio_box .studio_photo img{
	float:none;
	width:100%;
	height:auto;
}
.studio_box .studio_spec{
	float:none;
	margin:0 auto;
	width:80%;
}
.studio_box .btn_area li{
	float:none;
	margin:0.4em;
	width:95%;
	border:1px solid #999999;
	text-align:center;
}
.cachette_studio_box .btn_area li{
	float:none;
	margin:0.4em 0.4em;
	width:95%;
	border:1px solid #999999;
	text-align:center;
}
.unemu_studio_box .btn_area li{
	float:none;
	margin:0.4em auto;
	width:95%;
	border:1px solid #999999;
	text-align:center;
}

/*---page_studio---*/
.page_studio_box .single_studio_photo{
	float:none;
	margin:0 auto;
	width:300px;
}
.page_studio_box .single_studio_spec{
	float:none;
	margin:1em auto 0;
	width:75%;
}

/*---page_plan---*/
.plan_list p{
	margin-bottom:0;
}
.plan_list p:first-child{
	margin-bottom:0;
	border-top:1px solid #999999;
}
.plan_list a{
	display:block;
	padding:1em;
	border-right:none;
	border-bottom:1px solid #999999;
}
.plan_list a:last-child{
	border-right:none;
}
#price ul li{
	margin-bottom:1em;
	padding:1.2em 2em 2em;
	border:1px solid #4c4c4c;
	background:#ffffff;
}
#price ul li dl dt{
	display:table;
	margin-bottom:0.5em;
	padding-bottom:0.2em;
	width:100%;
	border-bottom:1px solid #7f7f7f;
	font-size:22px;
	color:#4c4c4c;
}
#price ul li dl dt span{
	display:inherit;
	text-align:left;
}
#price ul li dl dt .plan-price{
	width:100%;
	font-size:20px;
}
#voice_list li{
	display:block;
	margin-bottom:2.5%;
	padding:2.5%;
	width:100%;
	background:#ffffff;
	border:1px solid #999999;
}
#voice_list li:nth-child(odd){
	margin-right:0;
}
#voice_list li:nth-child(even){
	margin-left:0;
}

/*---plan-idphoto---*/
#flow_list{
	margin:0 auto;
	width:400px;
}


/*---reservation---*/
#reserve_list{
	margin:1em auto;
	width:100%;
}
.subject_list li dl dt{
	margin:0;
	padding:0;
	width:6%;
	border-right:1px solid #7F7F7F;
	vertical-align:middle;
}
.subject_list li dl dt.en{
	font-size:22px;
	text-align:left;
}
.subject_list li dl dd.subject_name{
	display:block;
	width:100%;
}
.subject_list li dl dd.subject_name li{
	border-bottom:1px solid #7F7F7F;
}
.subject_list li dl dd.subject_spec{
	display:block;
	width:97.2%;
	border-right:none;
}
.subject_list li dl dd li{
	margin:0;
	padding:1em 4%;
	width:96%;
	border-right:none;
}
.subject_list li dl dd.subject_spec li{
	width:99%;
	border-right:none;
}
#offer_list li dl dt{
	padding:0 0.5em;
}
#offer_list li dl dd .studio_name{
	padding:0;
	font-size:18px;
	float:none;
}
#offer_list li dl dd.parent,
#offer_list li dl dd.child{
	display:block;
	width:91.5%;
	height:auto;
	min-height:23px;
}
#offer_list li dl dd span{
	display:block;
	float:left;
}
#offer_list li dl dd .child_select{
	float:none;
}
.shop_reservation .btnSet{
	margin:3em auto;
	width:80%;
}
.shop_reservation .btn{
	float:none;
	margin:1em auto;
	width:95%;
}


/*---404error---*/
.error404 .leftcont{
	margin:0 auto;
	width:65%;
}
.error404 .rightcont{
	margin:0 auto;
	width:65%;
}
}


/* ---------- Smartphone style ---------- */
@media (max-width:640px){
h1{
	margin:0 0.5em;
}
h2{
	padding-bottom:1.2em;
	background:url(../images/common/sub_h2_border.gif) no-repeat center bottom;
}
h2 .ruby{
	display:block;
	margin-top:0.4em;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , serif;
	font-size:11px;
	letter-spacing:0;
}
.read{
	font-size:12px;
}
#backtop{
	width:85%;
}

/*---about---*/
.about .inner ul li{
	padding:1.2em 0.8em;
}
.about .inner ul li dl{
	display:inherit;
}
.about .inner ul li dl dt{
	display:block;
	margin-bottom:0.2em;
	width:100%;
	font-size:16px;
}
.about .inner ul li dl dd{
	display:block;
	width:100%;
}
.about .inner ul li dl dt .en{
	display:inline-block;
	margin-left:0.5em;
}
.about #sign{
	display:none;
}

/*---album---*/
.album section{
	padding:0;
}
.album section:first-child{
	padding:2em 0;
}
.album_box{
	margin-bottom:2em;
	height:100%;
	background:#EDEDED;
}
.album_box .clip {
	width:100%;
	height:220px;
}
.album_box img{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}
.album_photo{
	width:100%;
}
.album_photo img{
	width:100%;
	height:auto;
}
.album_spec{
	margin:0 auto;
	padding:3%;
	width:80%;
}
.album_box.odd .album_photo{
	float:none;
}
.album_box.even .album_photo{
	float:none;
}
.album_box.odd .album_spec{
	float:none;
}
.album_box.even .album_spec{
	float:none;
}

/*---lovemessage---*/
.love #req_question li dl dt{
	margin-bottom:em;
	padding:0 10px 10px;
	line-height:1.2;
}
.love #req_question li dl dd{
	display:inherit;
	padding:0;
}
.love #req_question li dl dd textarea{
	width:280px;
	font-size:13px;
}
.love #any_question li{
	margin-bottom:1em;
	padding:1.5em;
	background:#EAEAEA;
}
.love #any_question li dl{
	display:inherit;
}
.love #any_question li dl dt{
	display:block;
	margin-bottom:1em;
	width:100%;
	line-height:1.6;
}
.love #any_question li dl dd{
	display:block;
	padding:0 ;
}
.love .btnSet{
	margin:0;
	width:100%;
}
.love .btn{
	float:none;
	margin:0 0 1em;
	width:100%;
}

/*---company---*/
.company ul li dl{
	display:inherit;
}
.company ul li dl dt{
	display:block;
}
.company ul li dl dd{
	display:block;
}
.company ul#company_profile_list li{
	padding:1em 2em;
}
.company ul#company_profile_list li:nth-child(odd){
	background:#EAEAEA;
}
.company ul#company_profile_list li dl dt{
	padding:0;
	width:100%;
}
.company ul#history_list{
	margin:0 auto;
	width:100%;
}
.company ul#history_list li {
	margin-bottom:1em;
	padding-bottom:1em;
	border-bottom:1px dotted #cccccc;
}
.company ul#history_list li dl dt{
	padding:0;
	width:100%;
}

/*---recruit---*/
.rec_detail{
	margin:3em auto;
	padding:3em 1.5em;
	width:85%;
	border:1px solid #999999;
	border-radius:10px;
}
.rec_detail h3{
	margin-bottom:1em;
	color:#656565;
	font-size:18px;
	letter-spacing:2.5px;
}
.recruit ul li{
	margin-bottom:1em;
}
.recruit ul li dl{
	display:inherit;
}
.recruit ul li dl dt{
	display:block;
}
.recruit ul li dl dd{
	display:blockl;
}
.recruit ul#rec_regular_list li dl dt{
	padding:0 ;
	width:100%;
}
.recruit ul#rec_part_list li dl dt{
	padding:0 ;
	width:100%;
}
.recruit ul#studio_list li{
	float:none;
	margin:0 0 20px 0;
	width:100%;
	height:auto;
}
.recruit ul#studio_list li:last-child{
	margin:0;
}
.recruit ul#studio_list li dl dt{
	display:block;
	padding:0 1.5em 0 0;
	width:100%;
}
.recruit ul#studio_list li dl dd{
	display:block;
	width:100%;
}
.recruit #regular span{
	display:block;
}

/*---consulting---*/
.consulting section{
	padding:0;
}
.consulting section:first-child{
	padding:2em 0;
}
.consulting h3{
	font-size:16px;
}
.consulting_box h4{
	font-size:20px;
}
.consulting_photo{
	margin:0;
	padding:0;
	width:100%;
	height:280px;
}
.consulting_list:nth-child(odd){
	float:none;
	padding:4%;
	width:92%;
}
.consulting_list:nth-child(even){
	float:none;
	padding:4%;
	width:92%;
}
.consulting #name img{
	width:60px;
	vertical-align:middle;
}
.consulting .imgbtn img{
	width:100%;
}

/*---privacypolicy---*/
.pp .inner h3{
	font-size:16px;
}

/*---contact---*/
.contact_form{
	width:100%;
}
.contact_form ul li {
	padding:1.5em 1em;
}
.contact_form ul li dl dd textarea{
	width:100%;
	height:100px;
	font-size:13px;
}
.contact_form ul li dl{
	display:inherit;
	width:100%;
}
.contact_form ul li dl dt{
	display:block;
	width:100%;
}
.contact_form ul li dl dd{
	display:block;
	padding:0 ;
}
.contact_form .btnSet{
	margin:0 auto;
	width:100%;
}
.contact_form input[type="submit"],
.contact_form input[type="button"] {
	width:100%;
}

/*---gallery---*/
#search_box{
	margin:0 auto;
	padding-bottom:0;
	width:100%;
}
#search_category{
	float:none;
	margin:0 0 2% 0;
	padding:3% 4%;
	width:92%;
	background:#ffffff;
}
#search_studio{
	float:none;
	margin:0 0 2% 0;
	padding:3% 4%;
	width:92%;
	background:#ffffff;
}
#search_option{
	float:none;
	padding:3% 4%;
	width:92%;
	color:#ffffff;
}
.tab_album_box{
	margin:3em auto;
	width:90%;
}
.gallery-item{
	float:left;
	margin:1%;
	width:100%;
}
.gallery-item img{
	width:100%;
	height:auto;
}
#search_submit{
	margin:5% 0 0;
	padding:10px;
	width:100%;
}

/*---blog&information---*/
#slide_panel{
	float:none;
	margin: 0 auto;	padding: 1.5em 0 0;
	/* ポイント：横幅指定とはみ出し非表示にする事で、横幅が0に近づいても文字の改行を押さえる(改行させない) */
	width:100%; height: auto;
	cursor: pointer;
	overflow: hidden;	/* ←重要 */
	z-index: 100;
	border-top:1px dotted #7F7F7F;
}
#slide_panel .wrap{
	margin:0;
	padding:0 ;
	width: 100%;
}
.wp{
	float:none;
	margin:15% 5%;
	width:90%;
}
.wp img{
	max-width:100%;
	height:auto;
}
.wp .pager{
	margin:3em 0;
	padding:35px 0;
	width:100%;
	border-top:1px dotted #7F7F7F;
}
.wp .pager .l img{
	width:80%;
}
.wp .pager .r img{
	text-align:right;
	width:80%;
}
#slide_panel .panel_main h5 {
	display:block;
	margin-bottom:10px;
	padding:0 0 1.2em;
	border-bottom:1px dotted #7F7F7F;
	font-size:16px;
	text-align:center;
}
#slide_panel .panel_main table {
	margin: 0 auto;
	width:90%;
}

/*---accordion---*/
.accordion_btn{
	display:block;
}
.accordion{
	display:none;
	margin:0 auto;
	width:90%;
}
#backnumber .accordion{
	width:100%;
}
#backnumber .accordion ul{
	margin:0;
}
#backnumber .accordion ul li{
	display:table;
	padding:2% 5%;
	width:90%;
}
#backnumber .accordion ul li .date{
	display:table-cell;
	width:15%;
}

/*---information---*/
#information_content{
	margin:0 auto;
	width:90%;
}
#information_content .pager {
	position: relative;
	overflow: hidden;
	margin:3em 0;
	padding: 10px 0;
	text-align:center;
}
#information_content div.articles ul {
	display:table;
	border-bottom: #ccc dotted 1px;
	list-style: none;
	margin: 0 auto;
	padding: 1em;
	width:90%;
	overflow: hidden;
}
#information_content div.articles ul li{
	display:table-cell;
	margin:0 2%;
}
#information_content div.articles ul li.true_photo{
	width:10%;
}
#information_content div.articles ul li.true_photo img{
	width:18px;
}
#information_content div.articles ul li.tit{
	width:63%;
}
#information_content div.articles ul li.date{
	width:10%;
	font-size:9px;
}

/*---studio---*/
.studio_box{
	margin-bottom:2em;
	height:100%;
	background:#EDEDED;
}
.studio_box .clip {
	position:relative;
	width: 100%;
	height: 280px;
	overflow:hidden;
}
.cachette_studio_box .clip,
.unemu_studio_box .clip {
	position:relative;
	width: 100%;
	height: 200px;
	overflow:hidden;
}
.cachette_studio_box img{
	position:absolute;
	top:0px;
	left:0px;
	max-width:100%;
}
.unemu_studio_box img{
	position:absolute;
	top:0px;
	left:0px;
	max-width:100%;
}
.studio_box .studio_photo{
	float:none;
	width:100%;
}
.studio_box .studio_photo img{
	float:none;
	width:100%;
	height:auto;
}
.studio_box .studio_spec{
	float:none;
	margin:0 auto;
	width:80%;
}
.studio_box .btn_area li{
	float:none;
	margin:0.4em;
	width:95%;
	border:1px solid #999999;
	text-align:center;
}
.cachette_studio_box .btn_area li{
	float:none;
	margin:0.4em 0.4em;
	width:95%;
	border:1px solid #999999;
	text-align:center;
}
.unemu_studio_box .btn_area li{
	float:none;
	margin:0.4em auto;
	width:95%;
	border:1px solid #999999;
	text-align:center;
}

/*---page_studio---*/
.page_studio h2.first{
	background:none;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , serif;
	font-size:18px;
	line-height:1.6;
}
.page_studio h2.ruby{
	font-size:9px;
}
#studio_menu{
	position:fixed;
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	padding:2%;
	width:99%;
	height:72px;
	z-index:9999;
	background:#ffffff;
}
#studio_menu_three{
	position:fixed;
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	padding:2%;
	width:97%;
	height:37px;
	z-index:9999;
	background:#ffffff;
}
#studio_menu li{
	float:left;
	margin-bottom:0;
	width:48.5%;
	height:auto;
	text-indent:inherit;
	background:#000000;
}
#studio_menu_three li{
	float:left;
	margin-bottom:0;
	width:33%;
	height:auto;
	text-indent:inherit;
	background:#000000;
}
#studio_menu li.studio_menu01,
#studio_menu_three li.studio_menu01{
	background:#000000;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}
#studio_menu li.studio_menu02{
	background:#000000;
	border-bottom:1px solid #ffffff;
}
#studio_menu_three li.studio_menu02{
	background:#000000;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}
#studio_menu li.studio_menu03{
	background:#000000;
	border-right:1px solid #ffffff;
}
#studio_menu_three li.studio_menu03{
	background:#000000;
	border-right:1px solid #ffffff;
}
#studio_menu li.studio_menu04,
#studio_menu_three li.studio_menu04{
	background:#000000;
}
#gallery_menu_three{
	position:fixed;
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	width:100%;
	height:35px;
	z-index:9999;
	background:rgba(255,255,255,0.50);
}
#gallery_menu_three li{
	float:left;
	margin-bottom:0;
	width:33%;
	height:auto;
	text-indent:inherit;
	background:#000000;
}
#gallery_menu_three li.gallery_menu01{
	background:#000000;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}
#gallery_menu li.gallery_menu02{
	background:#000000;
	border-bottom:1px solid #ffffff;
}
#gallery_menu_three li.gallery_menu02{
	background:#000000;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}
#gallery_menu li.gallery_menu03{
	background:#000000;
	border-right:1px solid #ffffff;
}
#gallery_menu_three li.gallery_menu03{
	background:#000000;
	border-right:1px solid #ffffff;
}
#studio_menu li:hover,
#studio_menu_three li:hover,
#gallery_menu_three li:hover{
	background:#7f7f7f;
}
#studio_menu_three li:last-child,
#gallery_menu_three li:last-child{
	border:none;
}
#studio_menu li a,
#studio_menu_three li a,
#gallery_menu_three li a{
	display:block;
	padding:8px 0;
	width:auto;
	height:20px;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	font-size:11px;
}
.page_studio_box .page_studio_photo{
	float:none;
	margin:0 auto;
	width:240px;
}
.page_studio_box .page_studio_photo img{
	width:100%;
}
.page_studio_box .page_studio_price,
.page_studio_box .page_studio_spec{
	float:none;
	margin:0 auto;
	width:80%;
}
.page_studio_box .page_studio_price{
	margin-bottom:3em;
}
.page_studio_box .page_studio_spec h3{
	display:block;
}
.page_studio_box .page_studio_spec h3 span{
	display:block;
	width:100%;
}
.page_studio_box .page_studio_spec h3 span a{
	color:#4c4c4c;
	text-decoration:none;
	letter-spacing:0;
}
.page_studio_box .page_studio_spec ul{
	margin:1em 0;
}
.page_studio_box .page_studio_spec li{
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px dotted #999999;
}
.page_studio_box .page_studio_spec dl{
	display:inherit;
	width:100%;
}
.page_studio_box .page_studio_spec dl dt{
	display:block;
	width:100%;
}
.page_studio_box .page_studio_spec dl dd{
	display:block;
	width:100%;
}
.page_studio_box .page_studio_spec dl dd a{
	text-decoration:none;
}
.page_studio .staff_list{
	margin:0 auto;
	width:80%;
}
.page_studio .staff_list li{
	float:left;
	width:44%;
	padding:3%;
	text-align:center;
	font-family: 'Century Old Style Italic';
	font-size:14px;
	color:#7f7f7f;
	letter-spacing:0.5px;
}
.page_studio .staff_list li img{
	width:100%;
}
.btn_pdf{
	margin:2em auto;
	width:84%;
}
#studio_btn_area p{
	margin:1em 0;
}
#studio_btn_area #backtop {
	float:none;
	width:100%;
}
#studio_btn_area #backstudio{
	float:none;
	width:100%;
}
.link_btn img{
	width:100%;
}

/*---page_plan---*/
.page_plan h2.first{
	background:none;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , serif;
	font-size:18px;
	line-height:1.6;
}
#plan_menu{
	position:fixed;
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	padding:2%;
	width:99%;
	height:72px;
	z-index:9999;
	background:#ffffff;
}
#plan_menu_three{
	position:fixed;
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	padding:2%;
	width:97%;
	height:37px;
	z-index:9999;
	background:#ffffff;
}
#plan_menu li{
	float:left;
	margin-bottom:0;
	width:48.5%;
	height:auto;
	text-indent:inherit;
	background:#000000;
}
#plan_menu_three li{
	float:left;
	margin-bottom:0;
	width:33%;
	height:auto;
	text-indent:inherit;
	background:#000000;
}
#plan_menu li.plan_menu01,
#plan_menu_three li.plan_menu01{
	background:#000000;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}
#plan_menu li.plan_menu02{
	background:#000000;
	border-bottom:1px solid #ffffff;
}
#plan_menu_three li.plan_menu02{
	background:#000000;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}
#plan_menu li.plan_menu03{
	background:#000000;
	border-right:1px solid #ffffff;
}
#plan_menu_three li.plan_menu03{
	background:#000000;
	border-right:none;
}
#plan_menu li.plan_menu04,
#plan_menu_three li.plan_menu04{
	background:#000000;
}
#plan_menu li:hover,
#plan_menu_three li:hover{
	background:#7f7f7f;
}
#plan_menu li a,
#plan_menu_three li a{
	display:block;
	padding:8px 0;
	width:auto;
	height:20px;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	font-size:11px;
}
#price ul li{
	margin-bottom:1em;
	padding:1.2em 2em 2em;
	border:1px solid #4c4c4c;
	background:#ffffff;
}
#price ul li dl dt{
	display:table;
	margin-bottom:0.5em;
	padding-bottom:0.2em;
	width:100%;
	border-bottom:1px solid #7f7f7f;
	font-size:18px;
	color:#4c4c4c;
}
#price ul li dl dt span{
	display:inherit;
	text-align:left;
}
#price ul li dl dt .plan-price{
	width:100%;
	font-size:16px;
}
#voice_list{
	margin:0;
}
#voice_list li{
	float:none;
	margin-bottom:2.5%;
	padding:4%;
	width:92%;
	background:#ffffff;
	border:1px solid #999999;
	line-height:1.6;
}
#voice_list li:nth-child(odd){
	margin-right:0;
}
#voice_list li:nth-child(even){
	margin-left:0;
}
.attention_unemu{
	padding:1.5em;
	color:#ffffff;
	background:#b8ae74;
	text-align:left;
	font-size:12px;
}
.attention_unemu span{
	display:block;
	font-size:10px;
}
.plan_list p{
	margin-bottom:0;
}
.plan_list p:first-child{
	margin-bottom:0;
	border-top:1px solid #999999;
}
.plan_list a{
	display:block;
	padding:1em;
	border-right:none;
	border-bottom:1px solid #999999;
}
.plan_list a:last-child{
	border-right:none;
}

/*---plan-idphoto---*/
#flow_list{
	margin:0 auto;
	width:100%;
}
#flow_list img{
	width:100%;
}
#flow_list li dl dt{
	width:30%;
	font-size:16px;
}
#flow_list li dl dd{
	width:70%;
	font-size:9px;
}

/*---faq---*/
#faq_accordion > li ul {
    display: none;
	margin:0;
	padding:0 1em 1em;
	background:#cccccc;
}
#faq_accordion > li ul li{
	margin-bottom:4px;
	padding:1.2em;
	background:#ffffff;
	line-height:1.7;
}
#faq_accordion li a.list_first{
	display:block;
	margin:0;
	height:24px;
	font-size:13px;
}
#faq_accordion li a.list_first.active{
	background:url(../images/faq/ico_faq_accordion_open.png) no-repeat 95% center ,#cccccc;
	background-size: 16px 16px;
}
#faq_accordion > li > a {
    display: block;
	padding: 15px;
	background:url(../images/faq/ico_faq_accordion_close.png) no-repeat 95% center;
    background-size: 16px 16px;
    line-height: 1.8;
}
#faq_accordion > li > a:active,
#faq_accordion > li > a:hover {
	background:url(../images/faq/ico_faq_accordion_open.png) no-repeat 95% center ,#cccccc;
	background-size: 16px 16px;
}
#faq_accordion > li > a.close {
    background: url(../images/faq/ico_faq_accordion_open.png) no-repeat 95% center;
    background-size: 16px 16px;
}


/*---reservation---*/
#reserve_list{
	margin:1em auto;
	width:100%;
}
#reserve_list .attention{
	font-size:10px;
}
.shop_reservation ul li dl{
	display:block;
	width:100%;
}
.shop_reservation ul li dl dt,
.shop_reservation ul li dl dd{
	display:block;
	width:100%;
}
#representative_list li dl dt,
#offer_list li dl dt{
	padding-right:0;
	width:100%;
	text-align:left;
}
#representative_list li dl dd input{
	width:92%;
}
.subject_list li dl dt{
	margin:0;
	padding:0;
	width:100%;
	text-align:center;
	border-right:none;
}
.subject_list li dl dt.en{
	margin:0 auto;
	padding-bottom:10px;
	width:40%;
	height:40px;
	font-size:22px;
	text-align:center;
	border-bottom:3px solid #c9c9c9;

}
.subject_list li dl dd.subject_name{
	display:block;
	width:100%;
}
.subject_list li dl dd.subject_name li{
	border-bottom:1px solid #7F7F7F;
}
.subject_list li dl dd.subject_spec{
	display:block;
	width:100%;
	border-right:none;
}
.subject_list li dl dd li{
	margin:0;
	padding: 1em 1.5em;
	width:100%;
	border-right:none;
}
.subject_list li dl dd.subject_spec li{
	width:99%;
	border-right:none;
}
.subject_list li dl dd dl dt {
	width:100%;
	text-align:left;
}
#offer_list li dl dt{
	display:block;
	padding:2% 4%;
	width:100%;
	border-right:none;
	border-bottom:1px solid #7F7F7F;
	background:#efefef;
}
#offer_list li dl dt .blank{
	display:inline-block;
	padding-right:0;
	line-height:inherit;
}
#offer_list li dl dd{
	display:block;
	margin:0 auto;
	padding:2% 4%;
	width:92%;
}
#offer_list li dl dd.parent,
#offer_list li dl dd.child{
	display:block;
	width:92%;
	height:auto;
}
#offer_list li dl dd.parent{
	border-bottom:1px solid #7F7F7F;
}
#offer_list li dl dd span{
	display:block;
	float:none;
	width:100%;
}
#offer_list li dl dd .studio_name{
	padding:0.5em 0 0.5em;
	font-size:18px;
	float:none;
}
#offer_list li dl dd .child_select{
	float:none;
}
#ps_list li dl dd .child_select{
	float:none;
}
.shop_reservation ul li dl dd select,
.shop_reservation ul li dl dd .child_select select{
	width:100%;
}
.shop_reservation .btnSet{
	margin:3em auto;
	width:80%;
}
.shop_reservation .btn{
	float:none;
	margin:1em auto;
	width:95%;
}
.shop_reservation input[type="submit"],
.shop_reservation input[type="button"] {
	width:100%;
}

/*---404error---*/
.error404 .leftcont{
	margin:0 auto;
	width:90%;
}
.error404 .rightcont{
	margin:0 auto;
	width:90%;
}

}

.drawer-nav{
	z-index:9999;
}
.drawer a{
	text-decoration:none;
	color:inherit;
}
small{
	font-size:14px;
}



/* button_animation
----------------------------------*/
.banner_area{
	padding:1em 0 3em;
}
.banner_btn{
	margin-bottom:1em;
	text-align:center;
}
.animation_btn{
	position:relative;
}
.banner_btn_cover{
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

#furisodesite_btn{
	margin:0 auto;
	width:540px;
	height:280px;
}
#furisodesite_btn .animated{
	position:absolute;
	top:90px;
	left:70px;
}
#furisodesite_btn .animated img{
	width:120px;
	height:auto;
}
#bridalsite_btn{
	margin:0 auto;
	width:540px;
	height:280px;
}
#bridalsite_btn .animated{
	position:absolute;
	top:120px;
	left:200px;
	z-index:20;
}
#bridalsite_btn .animated img{
	width:120px;
	height:auto;
}
#shichigosansite_btn{
	margin:0 auto;
	width:540px;
	height:280px;
}
#shichigosansite_btn a:hover{
	opacity: 0.8;
}
#shichigosansite_btn .animated{
	position:absolute;
	top:140px;
	left:400px;
	z-index:20;
}
#shichigosansite_btn .animated img{
	width:120px;
	height:auto;
}
#design-album_btn{
	margin:0 auto;
	width:540px;
	height:290px;
}
#design-album_btn .animated{
	position:absolute;
	top:0;
	left:0;
}
.special_banner_btn{
	margin:0 auto;
	width:540px;
}
.special_banner_btn img{
	width:100%;
}

@media (max-width:640px){
.banner_area{
	padding:0 0 0.5em;
}
.banner_btn img,
.banner_btn_cover img{
	width:100%;
}
#furisodesite_btn{
	margin:0 auto;
	width:100%;
	height:160px;
}
#furisodesite_btn .animated{
	position:absolute;
	top:45px;
	left:30px;
}
#furisodesite_btn .animated img{
	width:65px;
	height:auto;
}
#bridalsite_btn{
	margin:0 auto;
	width:100%;
	height:160px;
}
#bridalsite_btn .animated{
	position:absolute;
	top:65px;
	left:110px;
}
#bridalsite_btn .animated img{
	width:65px;
	height:auto;
}
#shichigosansite_btn{
	margin:0 auto;
	width:100%;
	height:auto;
}
#shichigosansite_btn .banner_btn_cover {
	position: static;
}
#shichigosansite_btn .animated{
	position:absolute;
	top:70px;
	left:200px;
}
#shichigosansite_btn .animated img{
	width:65px;
	height:auto;
}
#design-album_btn{
	margin:0 auto;
	width:100%;
	height:120px;
}
#design-album_btn .animated{
	position:absolute;
	top:0;
	left:0;
}
#design-album_btn .animated img{
	width:85px;
}
.special_banner_btn{
	margin:0 auto;
	width:100%;
}
}

@-webkit-keyframes rollIn {
  0% {  opacity: 0;  -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  }
  100% {   opacity: 1;  -webkit-transform: none;  transform: none; }
}
@keyframes rollIn {
  0% {  opacity: 0;  -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  100% { opacity: 1;  -webkit-transform: none; transform: none; }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

@-webkit-keyframes tada {
  0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
@keyframes tada {
  0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

#wrapper {
	padding-top: 86px;
}

.contact_form .copyArea01 #box1.btn01 {
  width: 300px;
  margin: 50px auto;
  box-sizing: border-box;
  position: relative;
}

.contact_form .copyArea01 #box1.btn03 {
	margin-top: 0;
}

.contact_form .copyArea01 #box2.btn02 {
  width: 300px;
	margin: 50px auto 12px;
}

@media (max-width: 400px) {
  .contact_form .copyArea01 #box2.btn02{
    width: 100%;
  }
}

.contact_form .copyArea01 #box2.btn01 a {
  font-size: 12px;
  text-align: left;
  margin: 1px;
  padding: 10px;
  background: url("/love/images/ico_index01.png") no-repeat 95% 45%;
  box-sizing: border-box;
  outline: 1px solid #4d4d4d;
  display: block;
}

.contact_form .copy01 {
	margin: 0 0 10px;
}

.contact_form .copy01 li {
	margin-bottom: 0;
	padding: 0;
	background: none;
}

.contact_form .copy01 span {
	color: #008299;
}

.contact_form form ul {
	margin-top: 0;
}

@media (max-width: 400px) {
  .contact_form .copyArea01 #box1.btn01 {
    width: 100%;
  }
}

.contact_form .copyArea01 #box1.btn01 a {
  font-size: 12px;
  text-align: left;
  margin: 1px;
  padding: 10px;
  background: url("/love/images/ico_index01.png") no-repeat 95% 45%;
  box-sizing: border-box;
  outline: 1px solid #4d4d4d;
  display: block;
}

.contact_form .center {
  text-align: center;
}

.contact_form textarea {
	background: #e5e5e5;
	border: 0;
	resize: none;
}

.contact_form ul li dl dd input:focus,
.contact_form ul li dl dd textarea:focus {
	outline: none;
}

.contact_form h2 {
  font-family: 'EB Garamond', serif;
  font-size: 36px;
  color: #000;
  text-align: center;
  margin-bottom: 45px;
  padding-bottom: 0;
  background: none;
}

@media screen and (max-width:767px) {
	.contact_form h2 {
		font-size: 30px;
	}
}

.contact_form h2 span {
  font-size: 11px;
  font-weight: bold;
  display: block;
}

.contact_form .submitBtn01 p {
	line-height: 0.5;
}

.contact_form .privacy01 {
	width: 406px;
	margin: 0 auto;
}

@media screen and (max-width:768px) {
	.contact_form .privacy01 {
		width: 52%;
	}
}

@media screen and (max-width:640px) {
	.contact_form .privacy01 {
		width: 100%;
	}
}

.contact_form .privacy01 a {
	text-decoration: underline;
}

.contact_form ul li:nth-child(3) dl dd input {
	width: 98%;
}

.studioListPage01 h2 {
  font-family: 'EB Garamond', serif;
  font-size: 36px;
  color: #000;
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 0;
  background: none;
}

.studioListPage01 h2 span {
	font-size: 11px;
  font-weight: bold;
  display: block;
}
#reserve_list li:hover {
	opacity: .7;
}

.pinkText01 {
	font-size: 14px;
	color: #f2004f;
	margin: 15px auto -20px;
}

@media screen and (max-width: 640px) {
	.pinkText01 {
		margin-top: -30px;
	}
}
@charset "UTF-8";

@font-face {
  font-family: 'DINCondensed-Bold';
  src: url('../fonts/DINCondensed-Bold.eot');
  src: url('../fonts/DINCondensed-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/DINCondensed-Bold.svg#DINCondensed-Bold') format('svg'),
       url('../fonts/DINCondensed-Bold.ttf') format('truetype'),
       url('../fonts/DINCondensed-Bold.woff2') format('woff2'),
       url('../fonts/DINCondensed-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir-Roman';
  src: url('../fonts/Avenir-Roman.eot');
  src: url('../fonts/Avenir-Roman.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Avenir-Roman.svg#Avenir-Roman') format('svg'),
       url('../fonts/Avenir-Roman.ttf') format('truetype'),
       url('../fonts/Avenir-Roman.woff') format('woff'),
       url('../fonts/Avenir-Roman.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DINAlternate-Bold';
  src: url('../fonts/DINAlternate-Bold.eot');
  src: url('../fonts/DINAlternate-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/DINAlternate-Bold.svg#DINAlternate-Bold') format('svg'),
       url('../fonts/DINAlternate-Bold.ttf') format('truetype'),
       url('../fonts/DINAlternate-Bold.woff2') format('woff2'),
	   url('../fonts/DINAlternate-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Butler-Light';
  src: url('../fonts/Butler-Light.otf');
  font-weight: normal;
  font-style: normal;
}

 .mainContent {
	 padding: 0;
 }
 
 section ul {
	 margin: 0;
 }

.globalNav01 { display: block; }

body { font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; letter-spacing: 0.3px; font-size: 12px; }
body.on { position: relative; }

.PC { display: block; }
.SP { display: none; }

.inner { max-width: 1200px; margin: 0 auto; }
p.btn span { display: inline-block; font-size: 16px; color: #fff; }
/* ------------------------------------------------------------ form validation */

.input_validate { display: inline-block; }
/* .input_error {  box-shadow:0px 0px 3px 2px #d20000; } */
.display_block label { display: block; }
.input_validate .alert_text { color: #E64F7F; font-size: 16px; display: block; }

.mwform-radio-field label,
.menu_container .input_validate label { font-size: 16px; height: auto; line-height: 200%;  }
.mwform-radio-field label small { font-size: 14px; }

/* ------------------------------------------------------------ #reservation */

#reservation { padding: 50px 0 0; color: #000; }
#reservation h2 { text-align: center; padding: 0 0 60px; font-family: 'Butler-Light'; font-size: 12px; border-bottom: 1px solid #000;}
#reservation h2 span { display: block; font-size: 50px; color: #000; }
#reservation h2 small {  color: #E64F7F; font-size: 16px; }

#reservation .warning .caution { background: #FFFFAE; padding: 60px 0; text-align: center; }
#reservation .warning .caution .inner { max-width: 1200px !important; width: 94%; }
#reservation .warning .caution h4 { padding: 0 0 10px; font-size: 20px; font-weight: bold; }
#reservation .warning .caution p.text b { font-weight: bold; }
#reservation .warning .caution .button { padding: 30px 0 0; float: none; text-align: center; border: none; width: 100%; }
#reservation .warning .caution .button a { min-width: 400px; border-radius: 50px; padding: 15px 0; display: inline-block; background: #000; color: #fff; }
.shop_reservation h3 { margin: 0; }

#reservation table { width: 100%; font-size: 16px; }
#reservation table.tb1 { text-align: left; }

#reservation .border-top table{ display: block; }

#reservation .step1{ padding: 60px 0 30px; }
#reservation .step2{ padding: 70px 0 130px; }

#reservation .step3 { display: none; position: relative; padding: 30px 0 30px; background: #8f8f8f; z-index: 9; }
#reservation .step3.fixed { position: fixed; bottom: 0; left: 0; right: 0; }
#reservation .step3 .simulation{ color: #fff; text-align: center; }
#reservation .step3 .simulation p{ font-size: 18px; }
#reservation .step3 .simulation p strong{ font-size: 35px; }
#reservation .step3 .simulation p.small{  padding: 0 0 30px; font-size: 14px; }
#reservation .step3 .btn{ width: 400px; margin: 0 auto; float: none; border: none; background: no-repeat; }
#reservation .step3 .btn a{ padding-top: 18px; height: 60px; background: #fff; border: 1px solid #fff; border-radius: 50px; color: #000; font-size: 16px; }
#reservation .step3 .btn a:hover{ opacity: 1; background: #8f8f8f; color: #fff; }
#reservation .step3 .btn.plan_set .noclick { background: #8f8f8f; color: #fff; pointer-events: none;}

#reservation select { border: 2px solid #ededed; margin: 0; border-radius: 5px; padding: 0 40px 0 10px; min-width: 390px; height: 38px; max-width: 522px;
	background: #ededed url(../images/arw.svg) no-repeat 96% center;
	background-size: 10px auto;
	-webkit-appearance: none; 
	-moz-appearance: none; 
	appearance: none; 
}
#reservation .plan_box { margin: 10px 0 0; }
#reservation table.tb1 tr th,
#reservation table.tb1 tr td { border-top: 1px solid #A3A3A3; /* padding: 30px 0; */ }

#reservation table.tb1 tr:first-child th,
#reservation table.tb1 tr:first-child td { border: none; }
/*
#reservation .border-top { border-top: 1px solid #A3A3A3; }
#reservation .border-bot { border-bottom: 1px solid #A3A3A3; }
*/

#reservation table.tb1 tr th { padding: 0 20px; width: 220px; vertical-align: top; }
#reservation .border-top table.tb1 tr th { vertical-align: baseline; }

#reservation #plans { padding: 0 0 20px; }
#reservation #plans .add_plan { padding: 20px 0 0; }
#reservation #plans .add_plan span { width: 280px; height: 40px; line-height: 40px; color: #fff; cursor: pointer; display: inline-block; text-align: center; background: #3B3B3B; border-radius: 5px; }
#reservation #plans .add_plan span img { margin: 0 10px 0 0; vertical-align: middle; }
#reservation #plans .add_plan span:hover { background: #5878DC; }
#reservation #plans span.fee { display: inline-block; margin: 10px 0 0; vertical-align: top;  padding: 0;}
#reservation #plans span.fee small { display: inline-block; background: #DAEEF5; height: 39px; line-height: 39px; border-radius: 5px; padding: 0 15px; font-weight: bold; font-size: 14px; }

#reservation .plan_bg { background: #e2f2f2; }
#reservation .plan_bg select { border: 2px solid #fff; background: #fff url(../images/arw.svg) no-repeat 96% center; background-size: 10px auto; }
/* #reservation .plan_bg td { padding: 30px 30px 0 0 !important; } */
#reservation #plans .plan_container { padding: 0; }
#reservation #plans .plan_form { overflow: hidden; border-radius: 5px; background: #fff; margin: 0 0 15px; }
#reservation #plans .plan_form h4 { background: #666666; padding: 5px 15px; color: #fff; }
#reservation #plans .left { width: 560px; border-right: 1px solid #A3A3A3; }
#reservation #plans .right { width: 420px; }
#reservation #plans .plan_form .right table tr th { width: 100px; }
#reservation #plans .plan_form ul li { display: table; width: 100%; overflow: hidden; box-sizing: border-box; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; }
#reservation #plans .plan_form .sub { background: #dbdbdb; padding: 20px; }
#reservation #plans .plan_form .sub .full { background: #fff;  margin: 10px 0 0; } 
#reservation #plans .plan_form .sub .full:first-child { margin: 0; }
#reservation #plans .plan_form .sub p.btn { border: none; float: none; margin: 0; padding: 0 0 20px; }
#reservation #plans .plan_form .sub p.btn:hover { background: none;  }
#reservation #plans .plan_form .sub p.btn a { margin: 0; background: #666666; color: #fff; border-radius: 5px; }
#reservation #plans .btn.plan_set { padding: 30px 0 60px;  margin: 0; background: none !important; border: none; }
#reservation #plans .btn.plan_set a { background: #333333; padding: 20px 0; color: #fff; border-radius: 5px; }


#reservation #plans .plan_form .sub .siblings_container { margin: 0 0 10px; }
#reservation #plans .plan_form .sub .delete_siblings { padding: 0; } 
#reservation #plans .plan_form .sub .delete_siblings p.btn { width: 100%; padding: 0; }
#reservation #plans .plan_form .sub .delete_siblings p.btn a { background: #999999; border-radius: 0; padding: 0; }
#reservation #plans .plan_form .sub .delete_siblings p.btn a span { padding: 15px 30px; display: inline-block; background: url(../images/reserve/delete_btn.png) no-repeat left center;
	background-size: auto 50%;
}

#reservation #plans .plan_form ul li:first-child { border-top: none; }
#reservation #plans .plan_form ul li .th,
#reservation #plans .plan_form ul li .td { display: table-cell; /* vertical-align: middle; */ font-size: 14px; padding: 20px 0 20px 50px; }
#reservation #plans .plan_form ul li .th { vertical-align: middle; }
#reservation #plans .plan_form ul li .td input[type="text"] { width: 100%; background: #ededec; }
#reservation #plans .plan_form ul li .th { width: 150px; padding: 0 20px; box-sizing: border-box; }
#reservation #plans .plan_form .right li .th { width: 100px; }
#reservation #plans .plan_form .full { border-top: 1px solid #A3A3A3; }
#reservation #plans .plan_form .full.noborder { border: none; }
#reservation #plans .plan_form .full li .th { width: 220px; }
#reservation #plans p.caution_msg { font-weight: bold; padding: 0 0 30px; }

#reservation #plans .date p.caution_msg { padding: 0; }
#reservation #plans .date .left { border: none; }
#reservation #plans .date .right span { display: inline-block; padding: 0 40px 0 0; box-sizing: border-box; }
#reservation #plans .date input[type="text"] { width: 70px; text-align: right; height: 20px; }
#reservation #plans .date .right p { background: #EDEDED; padding: 20px; border-radius: 5px; }

#reservation #plans p.add_input span { display: block; width: 100%; background: #666666; color: #fff; cursor: pointer; padding: 5px 15px; border-radius: 5px; font-size: 14px; }

#reservation #plans .plan_form .add_options { background: #CCCCCC; padding: 5px 20px; }

#reservation #plans input[type="text"],
#reservation #plans input[type="email"] { -webkit-appearance: none; appearance: none; background: none; border: none; }

#reservation #plans .required_time { padding: 20px; border: 1px solid #000; border-radius: 5px; }
#reservation #plans .required_time h4 { font-weight: bold; font-size: 16px; }
#reservation #plans .required_time h4 span { font-size: 20px; }
#reservation #plans .required_time p { padding: 5px 0 0; }

#reservation #plans .plan_form ul li.col1 .td { border-left: 1px solid #dbdbdb; }
#reservation #plans .plan_form ul li.col2 .td { padding: 0; border-left: 1px solid #dbdbdb; }
#reservation #plans .plan_form ul li.col2 .td .row { padding: 10px 20px; border-top: 1px solid #dcdcdc; }
#reservation #plans .plan_form ul li.col2 .td .row:first-child { border-top: none; }
#reservation #plans .plan_form ul li.col2 .td .toggle { background: #e8e8e8; }
#reservation #plans .plan_form ul .white_bg { background: #fff; padding: 10px 15px; }
#reservation #plans .plan_form .toggle { height: auto; display: none; }
#reservation #plans .plan_form .hidden { display: none; }
#reservation #plans .plan_form .gray { background: #e8e8e8; border-top: none; }
#reservation #plans .plan_form ul li.col2 .td input[type="text"],
#reservation #plans .plan_form ul li.col2 .td input[type="number"] { width: 50px; padding: 10px 0; background: #ededec; border: none; }
#reservation #plans .plan_form ul li p.caution { font-weight: bold; font-size: 16px; }
#reservation #plans .plan_form ul.full li.rental { display: block; padding: 20px; background: #dbdbdb; }

#reservation #plans .plan_form ul li.row .short { padding: 0 10px; width: 60px; background: #ededec; min-width: inherit; }
#reservation #plans select.date_year,
#reservation #plans select.date_month { width: 60px; padding: 0 10px; min-width: inherit; background: #ededec; }
#reservation #plans select.date_year { width: 73px; }

#reservation .warning { background: #EBEBEB; padding: 50px 0 0; font-size: 16px; }
#reservation .warning .inner { max-width: 800px; margin: auto; }
#reservation .warning .alert { padding: 10px 0 10px 50px; background: url(../images/reserve/warning_icn.png) no-repeat left center;
	background-size: 40px auto; font-weight: 300;
}
#reservation .warning .contain { padding: 0 25px; }
#reservation .warning .contain p{ font-weight: 300; font-size: 15px; }
#reservation .warning ul { padding: 10px 0 20px; }
#reservation .warning ul li p { display: inline-block; padding: 0 0 0 5px; max-width: 725px; }
#reservation .warning ul li span { display: inline-block; vertical-align: top; }
#reservation .warning .numbers { padding: 20px 0 50px; border-top: 1px solid #878787; }

/* ------------------------------------------------------------ calendar */

#reservation #calendar { margin: 0; }
#reservation table.tb1 .reserve th,
#reservation table.tb1 .reserve td { padding: 100px 20px 50px; }
#reservation #calendar table { width: 100%; border: 1px solid #a3a3a3;  }
#reservation #calendar table th { padding: 15px 0; text-align: center; border: 1px solid #a3a3a3; }

#reservation #calendar table td { text-align: center; border: 1px solid #a3a3a3; background: #ebebeb; padding: 0; min-height: 90px; }
#reservation #calendar table td a { text-decoration: none; color: #000; }

#reservation #calendar table th.year_month { position: relative; }
#reservation #calendar table th.year_month .prev { 
	position: absolute; 
	display: block; 
	padding: 15px;
	cursor: pointer;
	left: 0;
	top: 0;
}

#reservation #calendar table th.year_month .next { 
	position: absolute; 
	display: block; 
	padding: 15px 20px;
	cursor: pointer;
	right: 0;
	top: 0;
}
#reservation .hidden { display: none; }

#reservation #calendar .input_validate { width: 100%; }


#reservation #calendar table td p,
#reservation #calendar table td label { display: block; height: 80px; position: relative; box-sizing: border-box; padding: 8px 0;}
#reservation #calendar table td input[type="radio"] { height: 1px; z-index: -1; margin: 0; width: 1px; line-height: 0; position: absolute; top: 0; left: 0; }
#reservation #calendar table td label span { display: block; padding: 0 0 5px; }
#reservation #calendar table td.available { background: #fff; }
#reservation #calendar table td.available.holiday span { color: #ea4e8b; }
#reservation #calendar table td.available.saturday span { color: #498aff; }
#reservation #calendar table td.active { background: #ffe6e7; }
#reservation #calendar table td p span { color: #b0b0b0; }

#reservation #calendar .caution_msg { padding: 10px 0 0; font-weight: bold; color: #ff0064; }
#reservation #calendar .caution_msg span { display: block; }

#reservation #sched { padding: 50px 0 0; }
#reservation #sched table td { vertical-align: middle; padding: 20px; border: none; border-bottom: 1px solid #a3a3a3; }
#reservation #sched table td span,
#reservation #sched table td label,
#reservation #sched table td a { display: inline-block; width: 180px; height: 45px; line-height: 45px; vertical-align: middle; border-radius: 25px; margin: 0 0 0 10px; text-align: center; color: #fff; }
#reservation #sched table td label input[type="radio"] { height: 1px; width: 1px; position: absolute; z-index: -1; }
#reservation #sched table td small { display: inline-block; font-size: 16px; width: 60px; }
#reservation #sched table td .locked { background: #b2b2b2 url(../images/reserve/icn_x.png) no-repeat center center; background-size: 25px auto; }
#reservation #sched table td .unlocked { background: #ee8aa3; }
#reservation #sched table td .call { background: #fff url(../images/reserve/icn_tel_1.png) no-repeat center center; background-size: 25px auto; border: 1px solid #000; }
#reservation #sched table td.active { background: #ffe6e7; }
/* #reservation #sched table tr { border-top: 1px solid #a3a3a3; } */
#reservation #sched table { border-top: 1px solid #a3a3a3; border-bottom: 1px solid #a3a3a3; }
#reservation #sched .caution { text-align: right; padding: 20px 0; }
#reservation #sched .caution span { display: inline-block; font-weight: bold; padding: 0 0 0 30px; background: #fff url(../images/reserve/icn_tel_1.png) no-repeat left center; background-size: 25px auto; }
#reservation #sched .input_validate { width: 100%; }
#reservation #sched h4 { font-size: 30px; font-weight: bold; padding: 0 20px 5px; }

/* ------------------------------------------------------------ estimate */

#estimate { padding: 100px 0 135px; background: #EDEDED; }
#estimate .inner { width: 1000px; margin: auto; }
#estimate table th { width: 180px; text-align: left; padding: 20px 10px; }
#estimate table td p.caution { font-weight: bold; padding: 30px 40px; border: 1px solid #333333; border-radius: 5px; }
#estimate ul { padding: 30px 0 10px; }
#estimate .white_bg { background: #fff; padding: 30px 40px; margin: 0 0 5px; }
#estimate .details { margin: 40px 0 5px; }
#estimate .items { padding: 0 0 10px; }
#estimate table td h5 { font-weight: bold; }
#estimate .items h5 { padding: 0 0 10px; }
#estimate .price { font-weight: bold; }
#estimate .price .total span{ font-size: 20px; }
#estimate dl dt,
#estimate dl dd { padding: 5px 0; }
#estimate dl dt { width: 420px; float: left; }
#estimate dl dd { padding: 5px 0 5px 420px; }
#estimate dl dd span { display: inline-block; min-width: 100px; }
#estimate dl dd .del,
#estimate dl dd .del_menu {  padding: 0 20px 0 35px; font-size: 16px; line-height: 30px; height: 30px; vertical-align: middle; width: auto;
	box-sizing: border-box; 
	display: inline-block; 
	margin: 0;
	border-radius: 5px;
	background: #CCCCCC url(../images/reserve/icn_delete.png) no-repeat 15px center;
	background-size: 15px auto;
}

#estimate p.caution_msg { padding: 0 0 30px; }
#estimate p.caution_msg span { font-weight: bold; }

/* ------------------------------------------------------------ applicant */

#applicant { padding: 0 0 90px; background: #EDEDED; }
#applicant.hide { display: none; }
#applicant .inner { width: 1000px; margin: auto; }
#applicant h3 { margin: 0 0 90px; font-size: 16px; }
#applicant table { width: 100%; }
#applicant table tr th { width: 180px; padding: 20px 10px; border-top: 1px solid #A3A3A3; vertical-align: top; text-align: left; }
#applicant table tr td { padding: 35px 10px; border-top: 1px solid #A3A3A3; }
#applicant table tr td .input_validate { width: 100%; }
#applicant table tr td .input_validate.inline { width: auto; }
#applicant table tr td input[type="text"] { border: none; border-radius: 5px; box-sizing: border-box; padding: 0 20px; height: 50px; line-height: 50px; width: 100%; }

#applicant table tr:first-child th,
#applicant table tr:first-child td { padding: 0 10px 20px; border: none; vertical-align: middle; }
#applicant table tr:nth-of-type(2) th,
#applicant table tr:nth-of-type(2) td { padding: 0 10px 35px; border: none; vertical-align: middle; }
#applicant table td.email p:first-child { margin: 0 0 20px; }
#applicant table td label { line-height: 23px; }
#applicant table td .inline label { display: inline-block; padding: 0 0 5px; }
#applicant table td select { background: #fff url(../images/arw.svg) no-repeat 96% center; background-size: 10px auto; }
#applicant table td .other { padding: 30px 0 0; }
#applicant table td textarea { width: 100%; resize: vertical; border: none; border-radius: 5px; padding: 10px 20px; line-height: 150%; box-sizing: border-box; }

#applicant .form_submit { padding: 80px 0 20px; }
#applicant .form_submit input[type="submit"] { width: 550px; height: 50px; line-height: 50px; padding: 0; background: #333333; border-radius: 40px; font-size: 16px; color: #fff; border: none; }
#applicant p.caution { width: 540px; margin: auto; font-size: 16px; padding: 5px 0 0; }
#applicant p.caution span { display: inline-block; vertical-align: top; max-width: 522px; }
#applicant p.caution a { text-decoration: underline; }

#thanks { padding: 0 0 100px; text-align: center; }
#thanks h3 { font-size: 24px; margin: 0 0 30px; }
#thanks p.form_submit { padding: 50px 0 0; }
#thanks p.form_submit a { display: inline-block; width: 550px; height: 50px; line-height: 50px; padding: 0; background: #333333; border-radius: 40px; font-size: 16px; color: #fff; border: none; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, .shop_reservation .error .shadow { box-shadow:0px 0px 3px 2px #d20000; display: inline-block; }
}

/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){

body { min-width: 100%; padding: 60px 0 0 !important;  }

.PC { display: none; }
.SP { display: block; }

.inner { width: 100% !important; }

.mwform-radio-field label { font-size: 14px; height: auto; line-height: 180%;  }
.mwform-radio-field label small { font-size: 12px; }

.input_validate .alert_text { font-size: 14px; }

/* ------------------------------------------------------------ reservation */

#reservation { padding: 30px 0 0; }
#reservation h2 { font-size: 10px; padding: 0 0 30px; }
#reservation h2 span { font-size: 30px; }

#reservation .warning .caution { padding: 30px 0 50px; }
#reservation .warning .caution p.text { font-size: 14px; padding: 0 12%; text-align: left; line-height: 170%; }
#reservation .warning .caution .button { padding: 30px 0 0; }
#reservation .warning .caution .button a { font-size: 14px; width: 80%; min-width: inherit; max-width: 320px; }

#header { padding: 10px 0; }
#header .logo img { width: 80px; }

#reservation .step3{ padding: 25px 0; }
#reservation .step3 .simulation p{ font-size: 15px; }
#reservation .step3 .simulation p.small{ padding: 0 0 15px; font-size: 12px; }
#reservation .step3 .simulation p strong{ font-size: 25px; }

#reservation .step3 .btn{ width: 90%; }
#reservation .step3 .btn a{ padding-top: 13px; height: 50px; font-size: 14px; }

#reservation table.tb1 tr th { display: block; width: 100%; box-sizing: border-box; padding: 15px 4% 5px; font-size: 14px; }
#reservation table.tb1 tr td { display: block; width: 100%; border: none; padding: 0 4% 15px; box-sizing: border-box; }
#reservation select { min-width: inherit; width: 100%; font-size: 12px; height: 38px; }
#reservation #plans .left { width: 100%;  float: none; border: none;}
#reservation #plans .right { width: 100%; float: none; }
#reservation #plans span.fee { width: 100%; box-sizing: border-box; height: auto; font-size: 12px; padding: 10px 0; line-height: 150%; font-size: 12px; padding: 10px 15px; }
#reservation #plans .plan_container { padding: 0; }
#reservation #plans .plan_form h4 { font-size: 12px; text-align: center; }
#reservation #plans .plan_form ul li { height: auto; border-top: 1px solid #dbdbdb; }
#reservation #plans .plan_form ul li .th,
#reservation #plans .plan_form ul li .td { font-size: 12px; }
#reservation #plans .plan_form ul li .th { width: 80px; padding: 10px 15px; }
#reservation #plans .plan_form ul li .td { padding: 10px 10px; }
#reservation #plans .plan_form ul li .td input[type="text"] { box-sizing: border-box; height: 30px; }
#reservation #plans .plan_form .right { border-top: 1px solid #fff; }
#reservation #plans .plan_form .right li .th { width: 80px; }
#reservation #plans p.caution_msg { font-size: 12px; }

#reservation #plans .add_plan span { width: 100%; box-sizing: border-box; max-width: 240px; font-size: 12px; }

#reservation #plans .plan_form .full { border-top: 1px solid #fff; }
#reservation #plans .plan_form .full li .th,
#reservation #plans .plan_form .full li .td { display: block; }
#reservation #plans .plan_form .full li .th { padding: 15px 4% 0; }
#reservation #plans .plan_form .full li .td { padding: 0 4% 15px; }
#reservation #plans .plan_form .sub .full label { display: block; }

#reservation #plans .date .right p { background: none; padding: 0; }
#reservation #plans .date .right p span { display: block; padding: 0 0 10px; }
#reservation #plans .date .right p label { display: inline-block; background: #EDEDED; padding: 10px 10px 10px 15px; border-radius: 5px; }
#reservation #plans .date .right p label input[type="text"] { width: 50px; }
#reservation #plans .date p.caution_msg { padding: 10px 0 0; }

#reservation #plans p.add_input span { text-align: center; font-size: 12px; }

#reservation .warning h3 { margin: 0; font-size: 15px; }
#reservation .warning { padding: 30px 0 0; }
#reservation .warning ul { padding: 0 0 20px; }
#reservation .warning ul li p { box-sizing: border-box; width: calc(100% - 20px); font-size: 14px;}
#reservation .warning ul li span { display: inline-block; vertical-align: top; }
#reservation .warning .numbers { padding: 20px 0; border-top: 1px solid #878787; }
#reservation .warning .alert { font-size: 14px; }
#reservation .warning .numbers ul { width: 94%; margin: auto; }
#reservation .warning .numbers ul li { float: left; width: 50%; text-align: center;  }
#reservation .warning .numbers ul li a { display: inline-block; background: #fff; width: 90%; font-size: 14px; padding: 15px 0; margin: 5px 0; border-radius: 40px; }

#reservation .border-top table{ width: 90%; margin: 0 auto; }
#reservation .border-top table tbody,
#reservation .border-top table tr{ display: block; width: 100%; }
#reservation .input_validate{ display: block; }
#reservation .plan_bg{ border-top: 2px solid #a3a3a3; }

#reservation .step1{ padding: 30px 0 15px; }
#reservation .step2{ padding: 40px 0 0; }

#reservation table.tb1 .reserve th { padding: 30px 20px 0; }
#reservation table.tb1 .reserve td { padding: 20px 20px 0; }

#applicant h3 { margin: 0 0 20px; font-size: 14px; padding: 5px 0; }

#applicant .form_submit { padding: 50px 4% 30px; }
#applicant .form_submit input[type="submit"] { width: 100%; max-width: 550px; height: 40px; line-height: 40px; font-size: 14px; }
#applicant p.caution { width: 100%; font-size: 12px; padding: 0 4%; box-sizing: border-box; }
#applicant p.caution span { display: inline; }

#reservation #plans .plan_form .sub { box-sizing: border-box; width: 100%; }
#reservation #plans .plan_form .full { width: 100%; }
#reservation .plan_bg td { padding: 20px 4% !important; }
#reservation #plans .plan_form .full li .th { width: 100%; }

#reservation #plans .plan_form .sub p.btn { text-align: center; }
#reservation #plans .plan_form .sub p.btn a { padding: 10px 0; display: inline-block; font-size: 14px; width: 100%; border-radius: 50px; max-width: 350px; }


#reservation #plans .plan_form .sub .delete_siblings p.btn a { width: 100%; }
#reservation #plans .plan_form .sub .delete_siblings p.btn a span { font-size: 14px; padding: 10px 30px; }

#reservation #plans .btn.plan_set { padding: 20px 0; text-align: center; display: block; width: 100%; }
#reservation #plans .btn.plan_set a { padding: 10px 0; width: 100%; box-sizing: border-box; font-size: 14px; display: inline-block; border-radius: 50px; max-width: 350px; }

#reservation #plans .required_time { padding: 15px 6%; }
#reservation #plans .required_time h4 { font-size: 14px; }
#reservation #plans .required_time h4 span { font-size: 16px; }
#reservation #plans .required_time p { font-size: 14px; }

#reservation #plans .plan_form ul li.col2 .th { width: auto; padding: 0 10px; box-sizing: border-box; display: table-cell; }
#reservation #plans .plan_form ul li.col2 .td { display: table-cell; padding: 0; }
#reservation #plans .plan_form ul li.col2 .td .row { padding: 10px; border-top: 1px solid #dbdbdb; }
#reservation #plans .plan_form ul li.col2 .td .first { border-top: none; }

#reservation #plans .plan_form ul li p.caution { padding: 20px 0 0; font-size: 14px; }

/* ------------------------------------------------------------ calendar */

#reservation #calendar { margin: 10px 0 20px; }
#reservation #calendar table tr:first-child .table p { font-size: 12px !important; }
#reservation #calendar table tr:nth-of-type(2) th { width: auto; min-width: inherit; font-size: 12px; }
#reservation #calendar table tr:nth-of-type(2) th span { display: inline-block; }
#reservation #calendar table th { width: auto; min-width: 50px; font-size: 12px; padding: 10px 0; }
#reservation #calendar table td { width: auto; }
#reservation #calendar table th,
#reservation #calendar table td { display: table-cell; }
#reservation #calendar table td span { padding: 2px; }
#reservation #calendar .caution_msg { font-size: 14px; }
#reservation #calendar table td p, 
#reservation #calendar table td label { height: 50px; padding: 0; }
#reservation #calendar table td label span { padding: 0; }
#reservation #calendar table td span { font-size: 10px; padding: 0; }
#reservation #calendar table td label img { width: 15px; height: auto; }

#reservation #sched { padding: 30px 0 0; }
#reservation #sched h4 { font-size: 20px; text-align: center; padding: 0 0 10px; }
#reservation #sched table td span,
#reservation #sched table td label,
#reservation #sched table td a { height: 30px; width: 100%; max-width: 100px; margin: 0; font-size: 12px; line-height: 30px; }
#reservation #sched table td small { font-size: 12px; display: block; text-align: center; width: 100%; }
#reservation #sched table td .locked { background-size: 20px auto; }
#reservation #sched table td .call { background-size: 15px auto; }
#reservation #sched table td { padding: 10px 3%; text-align: center; display: table-cell;  width: 30%; }

#reservation #sched .caution { padding: 10px 0; }
#reservation #sched .caution span { background-size: 15px auto; font-size: 14px; padding: 0 0 0 20px; }

/* ------------------------------------------------------------ estimate */

#estimate { padding: 30px 0; }
#estimate table th,
#estimate table td { display: block; }
#estimate table th { width: 100%; padding: 20px 0 10px; }
#estimate table td p.caution { padding: 0 0 20px; border: none; font-size: 14px; }
#estimate .inner { padding: 0 4%; }
#estimate .details { padding: 20px 6%; margin: 0 0 5px; }
#estimate dl dt { width: auto; font-size: 14px; }
#estimate dl dd { padding: 5px 0 5px 80px; font-size: 14px; }
#estimate table td h5 { font-size: 14px; }
#estimate .white_bg { padding: 20px 6%; }
#estimate .items h5 { padding: 0 0 10px; }
#estimate .items dl { padding: 0 0 10px; }
#estimate .items dl dt { padding: 0; width: calc(100% - 130px); min-width: 120px; }
#estimate .items dl dd { padding: 0 0 0 120px; text-align: right; }
#estimate .items dl dd span { min-width: inherit; }
#estimate dl dd .del,
#estimate dl dd .del_menu { font-size: 12px; background-size: 10px auto; background-position: 8px center; padding: 0 10px 0 22px; margin: 0 0 0 5px; height: 25px; line-height: 25px; }
#estimate .price { font-size: 14px; }
#estimate .price .total span { font-size: 16px; }

#estimate p.caution_msg { padding: 0 0 15px; }
#estimate p.caution_msg span { font-size: 14px; }

/* ------------------------------------------------------------ applicant */

#applicant .inner { padding: 0 4%; }
#applicant table tr th { padding: 10px 0 0; width: 100%; }
#applicant table tr th, 
#applicant table tr td { display: block; }
#applicant table tr:first-child th, 
#applicant table tr:first-child td { width: 100%; padding: 0 0 10px; }
#applicant table tr:nth-of-type(2) th { width: 100%; padding: 0 0 10px; }
#applicant table tr:nth-of-type(2) td { width: 100%; padding: 0 0 20px;  }
#applicant table tr td { border-top: none; padding: 10px 0 20px; }
#applicant table td.email p:first-child { margin: 0 0 10px; }
#applicant table tr td input[type="text"] { height: 40px; line-height: 50px; }


/* ------------------------------------------------------------ */

#thanks { padding: 0 0 60px; text-align: center; }
#thanks h3 { font-size: 20px; margin: 0 0 30px; }
#thanks p.form_submit { padding: 50px 0 0; }
#thanks p.form_submit a { display: inline-block; width: 80%; height: 50px; line-height: 50px; padding: 0; background: #333333; border-radius: 40px; font-size: 16px; color: #fff; border: none; }

}