@charset "utf-8";

/*-------------------------------------------------------
header
-------------------------------------------------------*/
/* h1 img */
@media screen and (min-width:641px){
  #logo {
    margin-bottom: 8px;
  }
  #logo a {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  #logo a img:nth-child(1) {
      width: 50%;
  }
  #logo a img:nth-child(2) {
      width: 44%;
  }
  header h1{
    width: 169px;
    margin-bottom: 8px;
  }
}
@media screen and (max-width:640px){
  .nav_header {
    margin-left: 10px;
  text-align: left;
  }
  #logo {
    width: 100px;
    margin: 10px 0;
    float: left;
  }
}

/* nav */
@media screen and (min-width:641px){
  header{
    width: 234px;
    height: 100%;
    margin: 40px;
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    z-index: 1000;
  }
  nav li {
    text-align: left;
    margin: 5px 0;
    background-size: 234px;
    padding: 0 0 8px 5px;
  }
  nav li img {
    height: 16.4px;
  }
  .header_plan img{
    height: 17px;
  }
  nav ul li ul {
    width: 210px;
    margin-top: 15px;
  }
  nav ul li ul li img {
    height: 14px;
  }
  .nav_bnr{
    width: 234px;
    margin: 29px 0 10px 3px;
  }
  .nav_bnr p {
    display: inline-block;
    margin-right: 5px;
  }
  .nav_bnr img{
    width: 100px;
  }
  .narikiri_bnr {
      width: 210px;
      margin: 30px auto 0;
  }
  .submenu li {
    text-align: left;
    margin: 5px 0;
    background-size: 234px;
    padding: 0 0 8px 37px;
  }
  .submenu li:last-child {
      padding: 0 0 0 37px;
  }
  .acordion{
    margin-left: 25px;
  }
  .bnr_a-studio{
    margin-top: 10px;
  }
  .nav_news_bnr{
    width: 218px;
    margin: 16px 0 10px 3px;
  }
}
@media screen and (max-width:640px){
  header .sp_only {
    margin: 3% auto;
  }
  #accordion a {
    display:block;
    background-position:97% center;
    background-repeat:no-repeat;
    text-decoration:none;
    color: #000;
  }
  #accordion li:last-child {
      border-bottom: 1px solid #7B7B7B;
  }
  #accordion{
    font-size: 14px;
  }
  .sb-slidebar .item-menu{
    font-size:14px;
    color:#FFF;
    text-indent:5%;
    font-weight:bold;
    position: relative;
    text-align: left;
    padding:2% 0;
    width:100%;
    background:#d91b40;
    margin-bottom: 2%;
  }
.sb-slidebar .box-menu li{
  background: none;
  display: table;
  table-layout: fixed;
  width: 95%;
  margin:0 auto 2%;
  border: none;
}
.sb-slidebar .box-menu div a{
  padding: 0;
}
.sb-slidebar .box-menu div{
  display: table-cell;
  width: 48%;
  padding: 0 1% 1%;
}
.sb-slidebar .box-menu div img{
  width: 100%;
}
  .sb-slidebar a { color: #F1F1F1; }
  .sb-header-right {
    background-color: #d91b40;
    position: relative;
    color: #fff;
    font-size: 16px;
    text-align: left;
    padding: 7px;
    font-weight: bold;
  }
  .sb-header a { color: #fff; }
  .sb-slidebar li {
    background: url(../../../../common/images/sub_item.png) 10px 13px no-repeat;
    border-bottom: 1px solid #7B7B7B;
    text-align: left;
  }
  li.sb-menu_plan {
    background: url(../../../../common/images/sb-plan.png) 11.5px 10px no-repeat;
    background-size: 7%;
  }
  li.sb-menu_campaign {
    background: url(../../../../common/images/sb-campaign.png) 11.5px 10px no-repeat;
    background-size: 7%;
  }
  li.sb-menu_gallery {
    background: url(../../../../common/images/sb-gallery.png) 10px 10px no-repeat;
    background-size: 8%;
  }
  li.sb-menu_dress{
    background: url(../../../../common/images/sb-dress.png) 10px 10px no-repeat;
    background-size: 8%;
  }
  li.sb-menu_studio {
    background: url(../../../../common/images/sb-studio.png) 11.5px 51% no-repeat;
    background-size: 7%;
  }
  li.sb-menu_favorite {
    background: url(../../../../common/images/sb-favorite.png) 10px 50% no-repeat;
    background-size: 7%;
  }
  li.sb-menu_goods {
    background: url(../../../../common/images/sb-goods.png) 10px 50% no-repeat;
    background-size: 7%;
  }
  li.sb-menu_voice {
    background: url(../../../../common/images/sb-voice.png) 10px 50% no-repeat;
    background-size: 8%;
  }
  li.sb-menu_faq {
    background: url(../../../../common/images/sb-faq.png) 11.5px 51% no-repeat;
    background-size: 7%;
    border-bottom:1px solid #9A9A9A;
  }
  li.sb-menu_store span {
    background:url(../../../../common/images/sub_link.png) 97% center no-repeat;
    display:block;
    padding: 0;
    background-size: 6%;
  }
  li.sb-menu_store {
    background: url(../../../../common/images/sb-store.png) 10px 49% no-repeat;
    background-size: 8%;
  }
  li.sb-menu_store span {
    background: url(../../../../common/images/sub_link02.png) 97% center no-repeat;
    display: block;
    padding: 0;
    background-size: 6%;
  }
  li.sb-menu_online {
      background: url(../../../../common/images/sb-online.png) 8px 50% no-repeat;
      background-size: 8%;
  }
  header.baby_100_header .btn_online {
    background: url(/common/images/header-reserve.webp) no-repeat;
    background-size: contain;
    display: block;
    top: 7px;
    right: 55px;
    position: absolute;
    width: 75px;
    height: 33px;
    padding: 0;
  }
}

/*-------------------------------------------------------
#footer
-------------------------------------------------------*/
footer a {
  color: #dfce29;
}
footer a:hover,
footer a:focus {
  color: #4f3932;
}
#copy {
  text-align: center;
  font-size: 12px;
}
#copy {
  zoom:1;
  clear: both;
}
#copy:before,
#copy:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
}
#copy:after{
  clear: both;
}
  /* go top */
#page-top {
  position: fixed;
  bottom: 12px;
  right: 12px;
  z-index: 10000;
}
@media screen and (min-width:641px){
  #page-top {
  width: 50px;
}
#reservation{
  width: 300px;
  margin: 30px auto;
  text-align: center;
}}
@media screen and (max-width:640px){
#page-top {
  width: 13%;
}
#reservation{
  width: 50vw;
  margin: 0 auto 30px;
}}

/* 四隅の画像 */
@media screen and (min-width:641px){
  #contents {
    background: url(../images/top_left.png) no-repeat left top, url(../images/top_right.png) no-repeat right top, url(../images/bottom_left.png) no-repeat left bottom, url(../images/bottom_right.png) no-repeat right bottom;
  }
#bottom {
  width: 260px;
  margin: 3% auto;
}}
@media screen and (max-width:640px){
#contents {
    background: url(../images/top_left_sp.png) no-repeat left top, url(../images/top_right_sp.png) no-repeat right top, url(../images/bottom_left_sp.png) no-repeat left bottom, url(../images/bottom_right_sp.png) no-repeat right bottom;
  }
#bottom {
  width: 60%;
  margin: 3% auto;
}}

/*-------------------------------------------------------
common
-------------------------------------------------------*/
.clear{ zoom:1; }
.clear:before,
.clear:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.clear:after { clear: both; }
.left { float: left; }
.right { float: right; }
img{
max-width: 100%;
height: auto;
width /***/:auto;
vertical-align: bottom;
}
@media screen and (min-width:641px){
  .sp_only{ display: none !important; }
  .op:hover img {
    -ms-filter: "alpha( opacity=80 )";
    filter: alpha( opacity=80 );
    opacity: 0.8;
    zoom:1;
  }
  #breadCrumb{
    width: 900px;
    margin:0 auto 30px;
    text-align: left;
  }
  #breadCrumb li{
    display: inline-block;
  }
  #top {
    margin-bottom: 30px;
  }
}
@media screen and (max-width:640px){
  .pc_only{ display: none !important; }
  #breadCrumb{
    display: none;
  }
  #top {
    margin-bottom: 20px;
  }
}

/* #contents */
#index_contents, #contents {
  position: relative;
}
#contents h1, #contents h2 {
  margin: 0 auto 15px;
  text-align: center;
  display: block;
}
#index_contents h1 + p, #index_contents h2 + p,
 #contents h2 + p {
  font-size: 12px;
  letter-spacing: 3px;
  text-align: center;
  font-family:Shuei MaruGo B;
}
.img_box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 5px;
}
@media screen and (min-width:641px){
  #index_contents, #contents {
    margin-left: 314px;
    padding: 30px 10px 0;
  }
  #contents h1 + p{
    font-size: 15px;
    letter-spacing: 3px;
    text-align: center;
  }
  #index_contents h2, #contents h2 {
    margin-bottom: 20px;
  }
  #index_contents h3, #contents h3 {
    margin-bottom: 10px;
  }
  .img_box {
    width: 895px;
    margin: 0 auto;
  }
  .item_box {
    width: 175px;
  }
  .item_box.cell {
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}}

@media screen and (max-width:640px){
  #index_contents, #contents {
    padding:0 10px 5px;
  }
  #index_contents h3, #contents h3 {
    margin-bottom: 2%;
  }
  .img_box {
    width: 100%;
  }
  .item_box {
    width: 22vw;
    margin-bottom: 1vw;
  }}