@charset "UTF-8";
/*note: INDEXの表示は、コメントの「 index: 」でハイライト表示してください。*/
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*index: 外部ファイルの読み込み */
/*

「ブラウザ固有の表示をリセット」のスタイルシート

────────────────────
INDEX
────────────────────
#00 リセット共通利用のプレースホルダー

#01 html要素のリセット
	@include reset-html;

#02 body要素のリセット
	@include reset-body;

#03 htmlとbody要素以外のリセット
	@include reset;

#04 clearfix
	@include clearfix;
────────────────────
*/
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,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline; }

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*index: メディアクエリー*/
/* 切り替えポイントの設定 */
/* 処理 */
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*index: mix extend */
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*index: リセットCSS と サイトの初期設定 */
html * {
  box-sizing: border-box; }

body {
  font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
  line-height: 1;
  position: relative;
  height: 100%;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  word-wrap: break-word; }

:focus {
  outline: 0; }

ol,
ul {
  list-style: none; }

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

caption,
th,
td {
  font-weight: normal;
  text-align: left; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: ""; }

blockquote,
q {
  quotes: "" ""; }

a {
  text-decoration: none; }

a img {
  border: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box; }
  select::-ms-expand {
    display: none; }

/*micro clearfix*/
.cf:before,
.cf:after {
  content: "";
  display: table; }

.cf:after {
  clear: both; }

.cf {
  zoom: 1; }

@media only screen and (max-width: 640px) {
  .nosp {
    display: none; } }

.nopc {
  display: none; }
  @media only screen and (max-width: 640px) {
    .nopc {
      display: block; } }

.links {
  font-size: 18px !important;
  font-weight: bold !important;
  padding: 10px 0 !important;
  line-height: 1.5em; }
  .links br {
    display: none; }
    @media only screen and (max-width: 640px) {
      .links br {
        display: block; } }
  @media only screen and (max-width: 640px) {
    .links {
      font-size: 15px !important; }
      .links br {
        display: block; } }

.excite img {
  display: block;
  width: 100%;
  max-width: 677px;
  height: auto;
  margin: 4% auto 0; }

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*index: parts用の外部ファイル読み込み */
header a {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1; }
  header a:hover {
    opacity: 0.4; }
header .logo {
  background: #EAF2F5;
  display: block;
  float: left;
  padding: 15px 0;
  width: 100%; }
  header .logo img {
    display: block;
    margin: auto;
    width: 230px; }
  @media only screen and (max-width: 768px) {
    header .logo {
      display: none; } }
header:after {
  content: "";
  clear: both;
  display: block; }

.header-txt {
  display: none; }
  @media only screen and (max-width: 768px) {
    .header-txt {
      display: block;
      font-size: 80%;
      line-height: 1.4em;
      text-align: center;
      height: max-content;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto; } }
  @media (max-width: 374px) {
    .header-txt {
      display: none; } }

.sp-menu {
  display: none; }
  @media only screen and (max-width: 768px) {
    .sp-menu {
      display: block;
      padding: 15px 10px;
      position: relative; } }

@media only screen and (max-width: 768px) {
  #panel-btn {
    display: block;
    position: relative;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #E7336E;
    text-align: right;
    float: right; }

  #panel-btn-icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 2px;
    margin: -1px 0 0 -7px;
    background: #fff;
    transition: .2s; }
    #panel-btn-icon:before {
      display: block;
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
      width: 14px;
      height: 2px;
      background: #fff;
      transition: .3s;
      margin-top: 4px;
      margin-top: -6px; }
    #panel-btn-icon:after {
      display: block;
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
      width: 14px;
      height: 2px;
      background: #fff;
      transition: .3s;
      margin-top: 4px; }
    .open #panel-btn-icon {
      background: transparent; }
      .open #panel-btn-icon:before {
        margin-top: 0;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg); }
      .open #panel-btn-icon:after {
        margin-top: 0;
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg); } }
.navi {
  display: block;
  width: 100%; }
  .navi ul {
    display: flex;
    flex-wrap: wrap;
    max-width: 1000px;
    width: 100%;
    margin: auto; }
  .navi li {
    width: calc( (100% / 6) - 30px );
    margin: 20px 15px; }
    .navi li a {
      display: block;
      -webkit-transition: all 0.5s;
      transition: all 0.5s;
      opacity: 1; }
      .navi li a:hover {
        opacity: 0.4; }
  .navi img {
    width: 100%;
    vertical-align: middle; }
  @media only screen and (max-width: 768px) {
    .navi {
      background: #FFEBE8;
      padding: 0 0 10px;
      position: absolute;
      top: -1000px;
      opacity: 0;
      transition: opacity .25s, visibility 0s ease .25s;
      visibility: hidden;
      z-index: 99999; }
      .home .navi {
        padding: 20px 0; }
      .open .navi {
        display: block;
        top: 70px;
        opacity: 1;
        transition-delay: 0s;
        visibility: visible; }
      .navi ul {
        display: flex;
        flex-wrap: wrap;
        width: 90%; }
      .navi li {
        width: calc( (100% / 2) - 30px );
        margin: 20px 15px; }
      .navi img {
        display: block;
        width: auto;
        margin: auto; } }
  @media only screen and (max-width: 640px) {
    .navi img {
      width: 90%; } }

#kikaku .navi {
  padding: 30px 0 0; }
  #kikaku .navi ul {
    max-width: 1045px;
    justify-content: center; }
  #kikaku .navi li {
    width: calc( (100% / 8) - 20px );
    margin: 0 10px 30px; }
    #kikaku .navi li h3 {
      color: #555;
      font-size: 0.7em;
      font-weight: bold;
      margin-top: 10px;
      text-align: center; }
  @media (max-width: 960px) {
    #kikaku .navi ul {
      flex-wrap: wrap;
      max-width: 680px; }
    #kikaku .navi li {
      width: calc( (100% / 5) - 20px );
      margin: 0 10px 25px; } }
  @media only screen and (max-width: 768px) {
    #kikaku .navi {
      padding: 30px 0; }
      #kikaku .navi ul {
        justify-content: flex-start; }
      #kikaku .navi li {
        width: calc( (100% / 2) - 10px );
        margin: 20px 5px; } }

.topbtn {
  background-color: #EBF3F6;
  display: block;
  padding: 20px 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1; }
  .topbtn:hover {
    opacity: 0.4; }

.foot {
  text-align: center; }
  .foot p {
    background-color: #fff;
    color: #aaa;
    padding: 20px 0;
    font-size: 0.9em; }

.foot-navi {
  border-top: 1px solid #BCBCBC; }
  .foot-navi ul {
    display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
    width: 100%;
    margin: auto; }
  .foot-navi li {
    width: calc( (100% / 6) - 30px );
    margin: 40px 15px; }
    .foot-navi li a {
      display: block;
      -webkit-transition: all 0.5s;
      transition: all 0.5s;
      opacity: 1; }
      .foot-navi li a:hover {
        opacity: 0.4; }
  .foot-navi img {
    width: 100%;
    vertical-align: middle; }
  @media only screen and (max-width: 768px) {
    .foot-navi {
      display: none; } }

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*index: home専用外部ファイル読み込み */
.introduction {
  background-color: #FFFFC0;
  padding: 60px 10px;
  position: relative; }
  .introduction video {
    -webkit-box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.3);
    vertical-align: bottom; }
  .introduction img {
    vertical-align: bottom; }
  @media only screen and (max-width: 640px) {
    .introduction {
      padding: 40px 10px 40px; } }

.video-wrapper {
  max-width: 650px;
  width: 100%;
  margin: auto;
  position: relative;
  cursor: pointer; }
  @media only screen and (max-width: 768px) {
    .video-wrapper {
      width: 80%; } }

.slidebox {
  position: relative; }
  .slidebox .slide-title {
    display: block;
    position: absolute;
    top: 8%;
    left: 50%;
    -webkit-transform: translate(-50%, -8%);
    transform: translate(-50%, -8%);
    text-align: left; }
    @media only screen and (max-width: 640px) {
      .slidebox .slide-title {
        width: 80%; } }
  .slidebox .slider {
    background: url(../images/top/bg-slide.jpg) no-repeat center center;
    background-size: cover;
    padding-top: 150px;
    padding-bottom: 50px;
    width: 100%; }
    .slidebox .slider img {
      margin: auto;
      max-height: 800px;
      height: 100%; }
    @media only screen and (max-width: 768px) {
      .slidebox .slider img {
        max-width: 620px;
        width: 85%; } }
    @media only screen and (max-width: 640px) {
      .slidebox .slider {
        padding-top: 26%; } }
  .slidebox .slick-dots {
    bottom: 5%; }
  .slidebox .slick-dots li button:before {
    color: #1A1A1A;
    opacity: 1; }
  .slidebox .slick-dots li button:hover:before {
    opacity: 0.5; }
  .slidebox .slick-dots li.slick-active button:before {
    color: #E50012;
    opacity: 1; }
  .slidebox .slick-slide {
    float: none;
    vertical-align: middle; }
  .slidebox .slick-initialized .slick-slide {
    display: inline-block; }
  .slidebox .slick-dotted.slick-slider {
    margin-bottom: 0; }

#support {
  position: relative;
  padding: 60px 20px; }
  @media only screen and (max-width: 768px) {
    #support {
      padding: 30px 20px; } }
  #support h2 {
    text-align: center; }
    @media only screen and (max-width: 768px) {
      #support h2 img {
        width: 80%; } }
  #support .support-lead {
    display: flex;
    align-items: center;
    max-width: 890px;
    width: 100%;
    margin: 25px auto 0; }
    #support .support-lead .img-box {
      width: 40%;
      margin: 0 15px; }
      #support .support-lead .img-box img {
        width: 100%;
        vertical-align: middle; }
    #support .support-lead .lead-box {
      width: 60%;
      margin: 0 15px; }
    @media only screen and (max-width: 768px) {
      #support .support-lead {
        margin: 25px auto; } }
    @media only screen and (max-width: 640px) {
      #support .support-lead {
        display: block; }
        #support .support-lead .img-box {
          width: 100%;
          margin: 0; }
          #support .support-lead .img-box img {
            width: 60%;
            display: block;
            margin: auto; }
        #support .support-lead .lead-box {
          width: 100%;
          margin: 15px 0 0; } }
  #support .lead-01 {
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 15px; }
    #support .lead-01:nth-child(3) {
      margin-top: 20px; }
    @media only screen and (max-width: 768px) {
      #support .lead-01 {
        text-align: left; }
        #support .lead-01:nth-child(3) {
          margin-bottom: 20px; }
        #support .lead-01 br {
          display: none; } }
    @media only screen and (max-width: 640px) {
      #support .lead-01:nth-child(4) {
        margin-bottom: 30px; } }
  #support ul {
    text-align: center; }
    #support ul:after {
      content: "";
      clear: both;
      display: block; }
  #support li {
    display: inline-block;
    padding: 65px 25px 20px; }
    @media only screen and (max-width: 768px) {
      #support li {
        padding: 10px 0 20px;
        width: 50%;
        float: left; }
        #support li:first-child {
          padding-bottom: 10px; }
        #support li img {
          width: 80%; } }
  #support .shop {
    background-color: #fff;
    border: 3px solid #1A1A1A;
    border-radius: 46px;
    margin: 0 auto 40px;
    position: relative;
    max-width: 650px;
    text-align: center;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
    #support .shop.open {
      max-width: 1000px; }
    #support .shop p {
      line-height: 1.8em;
      font-size: 20px;
      font-weight: bold;
      padding: 10px 0;
      margin: 0; }
      #support .shop p br {
        display: block; }
      @media only screen and (max-width: 768px) {
        #support .shop p {
          font-size: 18px; } }
      @media only screen and (max-width: 640px) {
        #support .shop p {
          font-size: 14px;
          text-align: center; }
          #support .shop p br {
            display: block; } }
      @media (max-width: 380px) {
        #support .shop p {
          font-size: 12px; } }
    @media only screen and (max-width: 640px) {
      #support .shop {
        margin: 0 auto 20px; } }
  #support .shop_li {
    display: none; }
    #support .shop_li dl {
      padding: 20px;
      width: 100%; }
      #support .shop_li dl:last-child {
        padding-bottom: 40px; }
    #support .shop_li dt {
      color: #fff;
      background-color: #F19CA6;
      font-size: 24px;
      padding: 5px 0; }
    #support .shop_li dd li {
      font-size: 18px;
      float: left;
      line-height: 22px;
      text-align: left;
      padding: 10px 0 5px 22px;
      text-indent: -22px;
      width: 50%; }
      #support .shop_li dd li:before {
        content: "●";
        color: #F19CA6;
        padding-right: 4px; }
      #support .shop_li dd li:nth-child(odd) {
        padding-right: 10px; }
    #support .shop_li dd:after {
      content: "";
      clear: both;
      display: block; }
    @media only screen and (max-width: 640px) {
      #support .shop_li dt {
        font-size: 22px; }
      #support .shop_li dd li {
        display: block;
        float: none;
        text-align: justify;
        width: 100%; } }
  #support .txtchange {
    font-size: 24px;
    font-weight: bold;
    padding: 10px 0; }
    @media only screen and (max-width: 768px) {
      #support .txtchange {
        font-size: 18px; } }
    @media only screen and (max-width: 640px) {
      #support .txtchange {
        font-size: 80%;
        text-align: left;
        padding-left: 4%; } }
  #support .arrow {
    content: '';
    display: block;
    width: 16px;
    height: 22px;
    background: url(../images/top/arrow.png) no-repeat center;
    position: absolute;
    top: 12px;
    left: 90%;
    -webkit-transform: translate(-70%, 0px) translate3d(0, 0, 0);
    transform: translate(-70%, 0px);
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
    @media only screen and (max-width: 768px) {
      #support .arrow {
        left: 80%; } }
    @media only screen and (max-width: 640px) {
      #support .arrow {
        left: 81%; } }
  #support .clicked {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  #support .gift {
    background-color: #fff;
    border: 5px solid #1A1A1A;
    border-radius: 20px;
    max-width: 1000px;
    margin: 0px auto 60px auto;
    padding-top: 4%; }
    #support .gift ul {
      padding-top: 10px;
      padding-bottom: 50px; }
    #support .gift li {
      padding: 0px 15px; }
      #support .gift li .soon {
        margin-top: 20px;
        width: 100%; }

.for_mam {
  color: #F07396;
  font-size: 22px;
  font-weight: bold;
  margin: 15px 0 5px; }
  @media only screen and (max-width: 640px) {
    .for_mam {
      font-size: 18px;
      margin: 10px 0;
      text-align: center; } }

.for_mam_message {
  font-size: 15px;
  line-height: 2em;
  text-align: center; }
  @media only screen and (max-width: 640px) {
    .for_mam_message {
      line-height: 1.5em;
      padding: 0 10px;
      text-align: left; }
      .for_mam_message br {
        display: none; } }

.for_supporters {
  color: #5E8ADA;
  font-size: 22px;
  font-weight: bold;
  margin: 15px 0 5px; }
  @media only screen and (max-width: 640px) {
    .for_supporters {
      font-size: 18px;
      margin: 10px 0;
      text-align: center; } }

.for_supporters_message {
  font-size: 15px;
  line-height: 2em;
  text-align: center; }
  @media only screen and (max-width: 640px) {
    .for_supporters_message {
      line-height: 1.5em;
      padding: 0 10px;
      text-align: left; }
      .for_supporters_message br {
        display: none; } }

.howto {
  margin: 30px auto 40px; }
  .howto img {
    width: 100%;
    max-width: 677px;
    height: auto;
    display: block;
    margin: 0 auto; }
  @media only screen and (max-width: 640px) {
    .howto {
      margin: 15px auto 30px; } }

#we_love_banner {
  margin-top: 30px; }
  @media only screen and (max-width: 768px) {
    #we_love_banner strong {
      text-align: center; } }

#nursing {
  background-color: #EBF3F6;
  padding: 60px 20px 40px; }
  #nursing h2 {
    text-align: center; }
    @media only screen and (max-width: 768px) {
      #nursing h2 img {
        width: 80%; } }
  #nursing .lead-01 {
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    margin: 30px 0; }
    @media only screen and (max-width: 640px) {
      #nursing .lead-01 {
        text-align: left; } }
  #nursing ul {
    display: flex;
    max-width: 700px;
    margin: 0 auto 50px; }
    @media only screen and (max-width: 640px) {
      #nursing ul {
        margin: 0 auto 20px; } }
  #nursing li {
    width: calc( ( 100% / 2 ) - 60px );
    margin: 0 30px; }
    #nursing li img {
      width: 100%; }
    @media only screen and (max-width: 640px) {
      #nursing li {
        width: calc( ( 100% / 2 ) - 20px );
        margin: 0 10px; } }
  #nursing a {
    color: inherit;
    text-decoration: none; }
  #nursing .shop {
    background-color: #fff;
    border: 3px solid #1A1A1A;
    border-radius: 46px;
    margin: 0 auto 40px;
    position: relative;
    max-width: 650px;
    text-align: center;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
    #nursing .shop.open {
      max-width: 1000px; }
    #nursing .shop p {
      line-height: 1.8em;
      font-size: 20px;
      font-weight: bold;
      padding: 10px 0;
      margin: 0; }
      #nursing .shop p br {
        display: block; }
      @media only screen and (max-width: 768px) {
        #nursing .shop p {
          font-size: 18px; } }
      @media only screen and (max-width: 640px) {
        #nursing .shop p {
          font-size: 14px;
          text-align: center; }
          #nursing .shop p br {
            display: block; } }
      @media (max-width: 380px) {
        #nursing .shop p {
          font-size: 12px; } }
    @media only screen and (max-width: 640px) {
      #nursing .shop {
        margin: 0 auto 20px; } }
  #nursing .shop_li {
    display: none; }
    #nursing .shop_li dl {
      padding: 20px;
      width: 100%; }
      #nursing .shop_li dl:last-child {
        padding-bottom: 40px; }
    #nursing .shop_li dt {
      color: #fff;
      background-color: #F19CA6;
      font-size: 24px;
      padding: 5px 0; }
    #nursing .shop_li dd li {
      font-size: 18px;
      float: left;
      line-height: 22px;
      text-align: left;
      padding: 10px 0 5px 22px;
      text-indent: -22px;
      width: 50%; }
      #nursing .shop_li dd li:before {
        content: "●";
        color: #F19CA6;
        padding-right: 4px; }
      #nursing .shop_li dd li:nth-child(odd) {
        padding-right: 10px; }
    #nursing .shop_li dd:after {
      content: "";
      clear: both;
      display: block; }
    @media only screen and (max-width: 640px) {
      #nursing .shop_li dt {
        font-size: 22px; }
      #nursing .shop_li dd li {
        display: block;
        float: none;
        text-align: justify;
        width: 100%; } }
  #nursing .txtchange {
    font-size: 24px;
    font-weight: bold;
    padding: 10px 0; }
    @media only screen and (max-width: 768px) {
      #nursing .txtchange {
        font-size: 18px; } }
    @media only screen and (max-width: 640px) {
      #nursing .txtchange {
        font-size: 80%;
        text-align: left;
        padding-left: 4%; } }
  #nursing .arrow {
    content: '';
    display: block;
    width: 16px;
    height: 22px;
    background: url(../images/top/arrow.png) no-repeat center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 95%;
    margin: auto;
    -webkit-transform: translate(-70%, 0px) translate3d(0, 0, 0);
    transform: translate(-70%, 0px);
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
  #nursing .clicked {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  #nursing .gift {
    background-color: #fff;
    border: 5px solid #1A1A1A;
    border-radius: 20px;
    max-width: 1000px;
    margin: 0px auto 60px auto;
    padding-top: 4%; }
    #nursing .gift ul {
      padding-top: 10px;
      padding-bottom: 50px; }
    #nursing .gift li {
      padding: 0px 15px; }
      #nursing .gift li .soon {
        margin-top: 20px;
        width: 100%; }
  #nursing .links {
    text-align: center; }

#present {
  padding: 30px 20px 60px; }
  #present h2 {
    text-align: center; }
    @media only screen and (max-width: 768px) {
      #present h2 img {
        width: 80%; } }
  #present .lead-01 {
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    margin: 30px 0; }
    @media only screen and (max-width: 640px) {
      #present .lead-01 {
        text-align: left; }
        #present .lead-01 br {
          display: none; } }
  #present ul {
    width: 100%;
    max-width: 1070px;
    margin: auto; }
    #present ul img {
      width: 100%; }

#concierge {
  background-color: #EBF3F6;
  padding: 50px 20px; }
  @media (max-width: 1170px) {
    #concierge {
      padding: 50px 20px 20px; } }
  #concierge h2 {
    text-align: center; }
    @media only screen and (max-width: 768px) {
      #concierge h2 img {
        width: 80%; } }
  #concierge .lead-01 {
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    margin: 30px 0 40px; }
    @media only screen and (max-width: 640px) {
      #concierge .lead-01 {
        text-align: left; }
        #concierge .lead-01 br {
          display: none; } }

.news-slider {
  display: none; }
  .news-slider.slick-initialized {
    display: block; }

.concierge-menu {
  display: flex;
  flex-wrap: wrap;
  margin: 40px auto 0;
  max-width: 1200px;
  width: 90%; }
  @media (max-width: 1170px) {
    .concierge-menu {
      margin: 25px auto 0; } }
  @media only screen and (max-width: 640px) {
    .concierge-menu {
      width: 100%; } }
  .concierge-menu .concierge-li {
    position: relative;
    width: calc( ( 100% / 4 ) - 60px );
    margin: 0 30px 40px; }
    @media (max-width: 1170px) {
      .concierge-menu .concierge-li {
        width: calc( ( 100% / 3 ) - 40px );
        margin: 0 20px 40px; } }
    @media only screen and (max-width: 768px) {
      .concierge-menu .concierge-li {
        width: calc( ( 100% / 2 ) - 60px );
        margin: 0 30px 40px; }
        .concierge-menu .concierge-li p {
          display: none; } }
    @media only screen and (max-width: 640px) {
      .concierge-menu .concierge-li {
        width: calc( ( 100% / 2 ) - 30px );
        margin: 0 15px 20px; } }
    @media (max-width: 450px) {
      .concierge-menu .concierge-li {
        width: calc( ( 100% / 2 ) - 16px );
        margin: 0 8px 20px; } }
  .concierge-menu h3 {
    font-size: 24px;
    font-weight: bold;
    padding: 16px 0; }
    @media (max-width: 1170px) {
      .concierge-menu h3 {
        font-size: 20px; } }
    @media only screen and (max-width: 640px) {
      .concierge-menu h3 {
        font-size: 18px; } }
    @media (max-width: 450px) {
      .concierge-menu h3 {
        font-size: 12px; } }
  .concierge-menu p {
    text-align: left;
    line-height: 25px; }
  .concierge-menu a {
    color: inherit;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 1; }
    .concierge-menu a:hover {
      opacity: 0.4; }
  .concierge-menu img {
    width: 100%; }
  .concierge-menu .up {
    background-color: #ED1C24;
    border-radius: 50px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 10px 5px;
    position: absolute;
    top: 20px;
    right: -15px;
    width: 60px;
    z-index: 1;
    -webkit-font-smoothing: antialiased; }
    @media only screen and (max-width: 768px) {
      .concierge-menu .up {
        top: -10px; } }
    @media only screen and (max-width: 640px) {
      .concierge-menu .up {
        font-size: 12px;
        top: -10px;
        right: -12px;
        width: 45px; } }

.insta {
  max-width: 1400px;
  margin: auto;
  padding: 20px 0 40px;
  width: 90%; }
  .insta li {
    padding: 0; }
  .insta img {
    width: 100%;
    margin: auto; }
  .insta .caption {
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    padding: 10px 20px;
    text-align: left; }
  .insta .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(229, 0, 18, 0.8);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-font-smoothing: antialiased;
    z-index: 5; }
    .insta .mask:hover {
      opacity: 1; }
  .insta .shadow {
    -webkit-box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    width: 90%;
    height: 80%;
    margin: 10px 10px;
    position: relative;
    height: auto; }
  @media only screen and (max-width: 640px) {
    .insta {
      padding: 0 0 20px; } }

#maternity {
  background-color: #FFEBE8;
  padding: 50px 20px; }
  #maternity h2 {
    text-align: center; }
    @media only screen and (max-width: 768px) {
      #maternity h2 img {
        width: 80%; } }
  #maternity h3 {
    vertical-align: bottom;
    margin-bottom: -5px; }
    #maternity h3 img {
      display: block;
      margin: 0 auto; }
      @media only screen and (max-width: 768px) {
        #maternity h3 img {
          width: 80%;
          height: auto; } }
  #maternity h4 {
    width: 80%;
    height: auto;
    display: block;
    margin: 0 auto 30px; }
    #maternity h4 img {
      width: 100%;
      vertical-align: middle; }
    @media only screen and (max-width: 768px) {
      #maternity h4 {
        margin: 0 auto 15px; } }
    @media only screen and (max-width: 640px) {
      #maternity h4 {
        width: 90%; } }
  #maternity .lead-01 {
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    margin: 40px 0; }
    @media only screen and (max-width: 640px) {
      #maternity .lead-01 {
        margin: 40px 0 30px;
        text-align: left; }
        #maternity .lead-01 br {
          display: none; } }
  #maternity ul {
    display: flex;
    margin: 0 auto 50px;
    padding: 0 10px; }
    @media only screen and (max-width: 768px) {
      #maternity ul {
        margin: 0 auto 30px; } }
    @media only screen and (max-width: 640px) {
      #maternity ul {
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 auto 10px; } }
  #maternity li {
    width: calc( ( 100% / 3 ) - 50px );
    margin: 0 25px; }
    #maternity li img {
      width: 100%; }
    @media only screen and (max-width: 768px) {
      #maternity li {
        width: calc( ( 100% / 3 ) - 20px );
        margin: 0 10px; } }
    @media only screen and (max-width: 640px) {
      #maternity li {
        width: calc( ( 100% / 2 ) - 10px );
        margin: 0 5px 20px; } }
  #maternity a {
    color: inherit;
    text-decoration: none; }
  #maternity .shop {
    background-color: #fff;
    border: 3px solid #1A1A1A;
    border-radius: 46px;
    margin: 0 auto 40px;
    position: relative;
    max-width: 650px;
    text-align: center;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
    #maternity .shop.open {
      max-width: 1000px; }
    #maternity .shop p {
      line-height: 1.8em;
      font-size: 20px;
      font-weight: bold;
      padding: 10px 0;
      margin: 0; }
      #maternity .shop p br {
        display: block; }
      @media only screen and (max-width: 768px) {
        #maternity .shop p {
          font-size: 18px; } }
      @media only screen and (max-width: 640px) {
        #maternity .shop p {
          font-size: 14px;
          text-align: center; }
          #maternity .shop p br {
            display: block; } }
      @media (max-width: 380px) {
        #maternity .shop p {
          font-size: 12px; } }
    @media only screen and (max-width: 640px) {
      #maternity .shop {
        margin: 0 auto 20px; } }
  #maternity .shop_li {
    display: none; }
    #maternity .shop_li dl {
      padding: 20px;
      width: 100%; }
      #maternity .shop_li dl:last-child {
        padding-bottom: 40px; }
    #maternity .shop_li dt {
      color: #fff;
      background-color: #F19CA6;
      font-size: 24px;
      padding: 5px 0; }
    #maternity .shop_li dd li {
      font-size: 18px;
      float: left;
      line-height: 22px;
      text-align: left;
      padding: 10px 0 5px 22px;
      text-indent: -22px;
      width: 50%; }
      #maternity .shop_li dd li:before {
        content: "●";
        color: #F19CA6;
        padding-right: 4px; }
      #maternity .shop_li dd li:nth-child(odd) {
        padding-right: 10px; }
    #maternity .shop_li dd:after {
      content: "";
      clear: both;
      display: block; }
    @media only screen and (max-width: 640px) {
      #maternity .shop_li dt {
        font-size: 22px; }
      #maternity .shop_li dd li {
        display: block;
        float: none;
        text-align: justify;
        width: 100%; } }
  #maternity .txtchange {
    font-size: 24px;
    font-weight: bold;
    padding: 10px 0; }
    @media only screen and (max-width: 768px) {
      #maternity .txtchange {
        font-size: 18px; } }
    @media only screen and (max-width: 640px) {
      #maternity .txtchange {
        font-size: 80%;
        text-align: left;
        padding-left: 4%; } }
  #maternity .arrow {
    content: '';
    display: block;
    width: 16px;
    height: 22px;
    background: url(../images/top/arrow.png) no-repeat center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 95%;
    margin: auto;
    -webkit-transform: translate(-70%, 0px) translate3d(0, 0, 0);
    transform: translate(-70%, 0px);
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
  #maternity .clicked {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  #maternity .gift {
    background-color: #fff;
    border: 5px solid #1A1A1A;
    border-radius: 20px;
    max-width: 1000px;
    margin: 0px auto 60px auto;
    padding-top: 4%; }
    @media only screen and (max-width: 768px) {
      #maternity .gift {
        margin: 0px auto 30px auto; } }
    @media only screen and (max-width: 640px) {
      #maternity .gift {
        padding-top: 6%; } }
    #maternity .gift li .soon {
      margin-top: 20px;
      width: 100%; }
  #maternity .links {
    text-align: center; }

#services {
  padding: 50px 20px; }
  #services h2 {
    text-align: center; }
    @media only screen and (max-width: 768px) {
      #services h2 img {
        width: 80%; } }
  #services h3 {
    vertical-align: bottom;
    margin-bottom: -5px; }
    #services h3 img {
      display: block;
      margin: 0 auto; }
  #services .lead-01 {
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    margin: 30px 0; }
    @media only screen and (max-width: 640px) {
      #services .lead-01 {
        text-align: left; }
        #services .lead-01 br {
          display: none; } }
  #services ul {
    display: flex;
    max-width: 700px;
    margin: 0 auto 50px; }
    @media only screen and (max-width: 640px) {
      #services ul {
        margin: 0 auto 30px; } }
  #services li {
    width: calc( ( 100% / 2 ) - 60px );
    margin: 0 30px; }
    #services li img {
      width: 100%; }
    @media only screen and (max-width: 640px) {
      #services li {
        width: calc( ( 100% / 2 ) - 20px );
        margin: 0 10px; } }
  #services a {
    color: inherit;
    text-decoration: none; }
  #services .shop {
    background-color: #fff;
    border: 3px solid #1A1A1A;
    border-radius: 46px;
    margin: 0 auto 40px;
    position: relative;
    max-width: 650px;
    text-align: center;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
    #services .shop.open {
      max-width: 1000px; }
    #services .shop p {
      line-height: 1.8em;
      font-size: 20px;
      font-weight: bold;
      padding: 10px 0;
      margin: 0; }
      #services .shop p br {
        display: block; }
      @media only screen and (max-width: 768px) {
        #services .shop p {
          font-size: 18px; } }
      @media only screen and (max-width: 640px) {
        #services .shop p {
          font-size: 14px;
          text-align: center; }
          #services .shop p br {
            display: block; } }
      @media (max-width: 380px) {
        #services .shop p {
          font-size: 12px; } }
    @media only screen and (max-width: 640px) {
      #services .shop {
        margin: 0 auto 20px; } }
  #services .shop_li {
    display: none; }
    #services .shop_li dl {
      padding: 20px;
      width: 100%; }
      #services .shop_li dl:last-child {
        padding-bottom: 40px; }
    #services .shop_li dt {
      color: #fff;
      background-color: #F19CA6;
      font-size: 24px;
      padding: 5px 0; }
    #services .shop_li dd li {
      font-size: 18px;
      float: left;
      line-height: 22px;
      text-align: left;
      padding: 10px 0 5px 22px;
      text-indent: -22px;
      width: 50%; }
      #services .shop_li dd li:before {
        content: "●";
        color: #F19CA6;
        padding-right: 4px; }
      #services .shop_li dd li:nth-child(odd) {
        padding-right: 10px; }
    #services .shop_li dd:after {
      content: "";
      clear: both;
      display: block; }
    @media only screen and (max-width: 640px) {
      #services .shop_li dt {
        font-size: 22px; }
      #services .shop_li dd li {
        display: block;
        float: none;
        text-align: justify;
        width: 100%; } }
  #services .txtchange {
    font-size: 24px;
    font-weight: bold;
    padding: 10px 0; }
    @media only screen and (max-width: 768px) {
      #services .txtchange {
        font-size: 18px; } }
    @media only screen and (max-width: 640px) {
      #services .txtchange {
        font-size: 80%;
        text-align: left;
        padding-left: 4%; } }
  #services .arrow {
    content: '';
    display: block;
    width: 16px;
    height: 22px;
    background: url(../images/top/arrow.png) no-repeat center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 95%;
    margin: auto;
    -webkit-transform: translate(-70%, 0px) translate3d(0, 0, 0);
    transform: translate(-70%, 0px);
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
  #services .clicked {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  #services .gift {
    background-color: #fff;
    border: 5px solid #1A1A1A;
    border-radius: 20px;
    max-width: 1000px;
    margin: 0px auto 60px auto;
    padding-top: 4%; }
    #services .gift ul {
      padding-top: 10px;
      padding-bottom: 50px; }
    #services .gift li {
      padding: 0px 15px; }
      #services .gift li .soon {
        margin-top: 20px;
        width: 100%; }
  #services .links {
    text-align: center; }

#baby {
  padding: 50px 20px; }
  #baby h2 {
    text-align: center; }
    @media only screen and (max-width: 768px) {
      #baby h2 img {
        width: 80%; } }
  #baby h3 {
    vertical-align: bottom;
    margin-bottom: -5px; }
    #baby h3 img {
      display: block;
      margin: 0 auto; }
      @media only screen and (max-width: 768px) {
        #baby h3 img {
          width: 80%;
          height: auto; } }
  #baby .sub-point {
    display: flex;
    align-items: center;
    max-width: 560px;
    width: 100%;
    margin: auto; }
    @media only screen and (max-width: 768px) {
      #baby .sub-point {
        display: block; } }
    #baby .sub-point h2 {
      width: calc( 40% - 20px );
      text-align: center;
      margin: 0 10px; }
      #baby .sub-point h2 img {
        width: 100%; }
      @media only screen and (max-width: 768px) {
        #baby .sub-point h2 {
          width: auto;
          margin: 0; }
          #baby .sub-point h2 img {
            max-width: 284px;
            width: 70%; } }
  #baby .lead-01 {
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    margin: 40px 0; }
    @media only screen and (max-width: 640px) {
      #baby .lead-01 {
        text-align: left; }
        #baby .lead-01 br {
          display: none; } }
  #baby .lead-02 {
    font-size: 15px;
    line-height: 30px;
    text-align: left;
    width: calc( 60% - 20px );
    margin: 30px 10px; }
    @media only screen and (max-width: 768px) {
      #baby .lead-02 {
        text-align: center;
        width: auto;
        margin: 30px 0; } }
    @media only screen and (max-width: 640px) {
      #baby .lead-02 {
        padding: 0 15px;
        text-align: left; }
        #baby .lead-02 br {
          display: none; } }
  #baby ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    max-width: 780px;
    margin: 20px auto 0; }
    @media only screen and (max-width: 640px) {
      #baby ul {
        margin: 20px auto 10px;
        width: 100%; } }
  #baby li {
    width: calc( ( 100% / 2 ) - 80px );
    margin: 0 40px 40px; }
    #baby li.last-img {
      width: 100%; }
    #baby li img {
      width: 100%; }
    @media only screen and (max-width: 640px) {
      #baby li {
        width: calc( ( 100% / 2 ) - 30px );
        margin: 0 15px 15px; } }
  #baby a {
    color: inherit;
    text-decoration: none; }
  #baby .shop {
    background-color: #fff;
    border: 3px solid #1A1A1A;
    border-radius: 46px;
    margin: 0 auto 40px;
    position: relative;
    max-width: 650px;
    text-align: center;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
    #baby .shop.open {
      max-width: 1000px; }
    #baby .shop p {
      line-height: 1.8em;
      font-size: 20px;
      font-weight: bold;
      padding: 10px 0;
      margin: 0; }
      #baby .shop p br {
        display: block; }
      @media only screen and (max-width: 768px) {
        #baby .shop p {
          font-size: 18px; } }
      @media only screen and (max-width: 640px) {
        #baby .shop p {
          font-size: 14px;
          text-align: center; }
          #baby .shop p br {
            display: block; } }
      @media (max-width: 380px) {
        #baby .shop p {
          font-size: 12px; } }
    @media only screen and (max-width: 640px) {
      #baby .shop {
        margin: 0 auto 20px; } }
  #baby .shop_li {
    display: none; }
    #baby .shop_li dl {
      padding: 20px;
      width: 100%; }
      #baby .shop_li dl:last-child {
        padding-bottom: 40px; }
    #baby .shop_li dt {
      color: #fff;
      background-color: #F19CA6;
      font-size: 24px;
      padding: 5px 0; }
    #baby .shop_li dd li {
      font-size: 18px;
      float: left;
      line-height: 22px;
      text-align: left;
      padding: 10px 0 5px 22px;
      text-indent: -22px;
      width: 50%; }
      #baby .shop_li dd li:before {
        content: "●";
        color: #F19CA6;
        padding-right: 4px; }
      #baby .shop_li dd li:nth-child(odd) {
        padding-right: 10px; }
    #baby .shop_li dd:after {
      content: "";
      clear: both;
      display: block; }
    @media only screen and (max-width: 640px) {
      #baby .shop_li dt {
        font-size: 22px; }
      #baby .shop_li dd li {
        display: block;
        float: none;
        text-align: justify;
        width: 100%; } }
  #baby .txtchange {
    font-size: 24px;
    font-weight: bold;
    padding: 10px 0; }
    @media only screen and (max-width: 768px) {
      #baby .txtchange {
        font-size: 18px; } }
    @media only screen and (max-width: 640px) {
      #baby .txtchange {
        font-size: 80%;
        text-align: left;
        padding-left: 4%; } }
  #baby .arrow {
    content: '';
    display: block;
    width: 16px;
    height: 22px;
    background: url(../images/top/arrow.png) no-repeat center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 95%;
    margin: auto;
    -webkit-transform: translate(-70%, 0px) translate3d(0, 0, 0);
    transform: translate(-70%, 0px);
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
  #baby .clicked {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  #baby .gift {
    background-color: #fff;
    border: 5px solid #1A1A1A;
    border-radius: 20px;
    max-width: 1000px;
    margin: 0px auto 60px auto;
    padding-top: 4%; }
    @media only screen and (max-width: 768px) {
      #baby .gift {
        margin: 0px auto 30px auto; } }
    #baby .gift li .soon {
      margin-top: 20px;
      width: 100%; }
  #baby .links {
    text-align: center; }

#daddy {
  background-color: #D6EAF6;
  padding: 50px 20px;
  position: relative; }
  #daddy h2 {
    text-align: center;
    position: relative;
    z-index: 1; }
    @media only screen and (max-width: 768px) {
      #daddy h2 img {
        width: 80%; } }
  #daddy h3 {
    vertical-align: bottom;
    margin-bottom: -5px; }
    #daddy h3 img {
      display: block;
      margin: 0 auto; }
      @media only screen and (max-width: 768px) {
        #daddy h3 img {
          width: 80%;
          height: auto; } }
  #daddy .daddy-bg {
    z-index: -1; }
  #daddy .left {
    position: absolute;
    top: 5%;
    left: 10%;
    -webkit-transform: translate(-10%, -5%);
    transform: translate(-10%, -5%); }
    @media (max-width: 1080px) {
      #daddy .left {
        display: none; } }
  #daddy .right {
    position: absolute;
    top: 5%;
    right: 4%;
    -webkit-transform: translate(-4%, -5%);
    transform: translate(-4%, -5%); }
    @media (max-width: 1080px) {
      #daddy .right {
        display: none; } }
  #daddy .lead-01 {
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    margin: 40px 0;
    position: relative;
    z-index: 3; }
    @media only screen and (max-width: 640px) {
      #daddy .lead-01 {
        margin: 40px 0 30px;
        text-align: left; }
        #daddy .lead-01 br {
          display: none; } }
  #daddy .shop {
    background-color: #fff;
    border: 3px solid #1A1A1A;
    border-radius: 46px;
    margin: 0 auto 40px;
    position: relative;
    max-width: 650px;
    text-align: center;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
    #daddy .shop.open {
      max-width: 1000px; }
    #daddy .shop p {
      line-height: 1.8em;
      font-size: 20px;
      font-weight: bold;
      padding: 10px 0;
      margin: 0; }
      #daddy .shop p br {
        display: block; }
      @media only screen and (max-width: 768px) {
        #daddy .shop p {
          font-size: 18px; } }
      @media only screen and (max-width: 640px) {
        #daddy .shop p {
          font-size: 14px;
          text-align: center; }
          #daddy .shop p br {
            display: block; } }
      @media (max-width: 380px) {
        #daddy .shop p {
          font-size: 12px; } }
    @media only screen and (max-width: 640px) {
      #daddy .shop {
        margin: 0 auto 20px; } }
  #daddy .shop_li {
    display: none; }
    #daddy .shop_li dl {
      padding: 20px;
      width: 100%; }
      #daddy .shop_li dl:last-child {
        padding-bottom: 40px; }
    #daddy .shop_li dt {
      color: #fff;
      background-color: #F19CA6;
      font-size: 24px;
      padding: 5px 0; }
    #daddy .shop_li dd li {
      font-size: 18px;
      float: left;
      line-height: 22px;
      text-align: left;
      padding: 10px 0 5px 22px;
      text-indent: -22px;
      width: 50%; }
      #daddy .shop_li dd li:before {
        content: "●";
        color: #F19CA6;
        padding-right: 4px; }
      #daddy .shop_li dd li:nth-child(odd) {
        padding-right: 10px; }
    #daddy .shop_li dd:after {
      content: "";
      clear: both;
      display: block; }
    @media only screen and (max-width: 640px) {
      #daddy .shop_li dt {
        font-size: 22px; }
      #daddy .shop_li dd li {
        display: block;
        float: none;
        text-align: justify;
        width: 100%; } }
  #daddy .txtchange {
    font-size: 24px;
    font-weight: bold;
    padding: 10px 0; }
    @media only screen and (max-width: 768px) {
      #daddy .txtchange {
        font-size: 18px; } }
    @media only screen and (max-width: 640px) {
      #daddy .txtchange {
        font-size: 80%;
        text-align: left;
        padding-left: 4%; } }
  #daddy .arrow {
    content: '';
    display: block;
    width: 16px;
    height: 22px;
    background: url(../images/top/arrow.png) no-repeat center;
    position: absolute;
    top: 12px;
    left: 90%;
    -webkit-transform: translate(-70%, 0px) translate3d(0, 0, 0);
    transform: translate(-70%, 0px);
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
    @media only screen and (max-width: 768px) {
      #daddy .arrow {
        left: 80%; } }
    @media only screen and (max-width: 640px) {
      #daddy .arrow {
        left: 81%; } }
  #daddy .clicked {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  #daddy .gift {
    background-color: #fff;
    border: 5px solid #1A1A1A;
    border-radius: 20px;
    max-width: 1000px;
    margin: 0px auto 60px auto;
    padding: 4% 20px 0; }
    #daddy .gift p {
      text-align: center;
      padding-top: 0;
      padding-bottom: 40px;
      line-height: 1.8em; }
    #daddy .gift ul {
      padding-top: 10px;
      padding-bottom: 50px; }
    #daddy .gift li {
      padding: 0px 15px; }
      #daddy .gift li .soon {
        margin-top: 20px;
        width: 100%; }
    @media only screen and (max-width: 640px) {
      #daddy .gift {
        margin: 0px auto 20px auto;
        padding: 8% 20px 5px; }
        #daddy .gift p {
          text-align: left; } }
  @media only screen and (max-width: 768px) {
    #daddy .only-pc {
      display: none; } }
  #daddy .only-sp {
    display: none; }
    @media only screen and (max-width: 768px) {
      #daddy .only-sp {
        display: block; }
        #daddy .only-sp img {
          width: 90%;
          height: auto;
          margin: 0 auto; } }

#daddy .item {
  font-size: 35px;
  padding: 10px 0 20px 0; }
#daddy .target {
  font-size: 18px;
  margin-top: 5px; }

.guest p {
  font-size: 17px;
  padding: 16px 0; }
  .guest p:first-child:before {
    content: none; }
  .guest p:nth-child(2) {
    width: 100%;
    max-width: 280px;
    margin: auto; }
  .guest p:nth-child(3) {
    width: 100%;
    max-width: 580px;
    margin: auto; }
  .guest p:before {
    position: absolute;
    bottom: 22px;
    background-color: #BBE7FF;
    width: 100%;
    height: 12px;
    display: block;
    content: "";
    z-index: -1; }
  .guest p br {
    display: none; }
  .guest p span {
    font-size: 30px;
    padding: 0 5px;
    width: 100%; }
.guest dl {
  max-width: 578px;
  margin: 5px auto; }
  .guest dl:after {
    content: "";
    clear: both;
    display: block; }
.guest dt {
  color: #fff;
  padding: 1px 0 0 0;
  margin: 0;
  line-height: 50px;
  text-align: center;
  display: inline-block;
  color: #fff;
  float: left;
  background-color: #29A9E0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 13px; }
.guest dd {
  margin-left: 20px;
  max-width: 578px; }
  .guest dd p {
    padding: 6px 0 14px 0;
    text-align: left;
    margin: 0 30px 0 40px; }
    .guest dd p:first-child:before {
      content: ""; }
    .guest dd p:before {
      position: absolute;
      bottom: 22px;
      background-color: #BBE7FF;
      width: 100%;
      height: 12px;
      display: block;
      content: "";
      z-index: -1; }
.guest .each-01 {
  opacity: .1; }
.guest .each-02 dd p {
  margin: 0 70px 0 40px; }
.guest .item {
  font-size: 35px;
  padding: 10px 0 20px 0; }

.daddy-seminar {
  margin-top: 40px; }
  .daddy-seminar ul {
    padding-top: 20px;
    padding-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 25px; }
  .daddy-seminar li {
    width: 49%;
    padding: 0 10px;
    vertical-align: top; }
    .daddy-seminar li:first-child {
      margin-bottom: 30px; }
  .daddy-seminar a {
    display: block;
    margin-top: 10px;
    margin-left: 38px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 1;
    -webkit-font-smoothing: antialiased; }
    .daddy-seminar a:hover {
      opacity: .4; }

.daddy-tokuten ul.sp {
  display: none; }

.days img {
  margin-bottom: 20px; }

/* note ## パパセミナー PC調整 max-width:1020px
────────────────────
*/
@media (max-width: 1020px) {
  #daddy .daddy-bg .left {
    top: 6%;
    left: -1%;
    -webkit-transform: translate(-1%, -6%);
    transform: translate(-1%, -6%); }

  #daddy .daddy-bg .left img {
    width: 70%; }

  #daddy .daddy-bg .right {
    top: 6%;
    right: 0%;
    -webkit-transform: translate(0%, -6%);
    transform: translate(0%, -6%); }

  #daddy .daddy-bg .right img {
    width: 70%; } }
/* note ## パパセミナー タブレット対応 max-width:930px
────────────────────
*/
@media (max-width: 930px) {
  #daddy .days ul {
    width: 100%; }

  #daddy .days ul li {
    width: 45%;
    padding: 0; }

  #daddy .days ul li img {
    width: 100%; }

  #daddy .daddy-seminar {
    margin-top: 4%; }

  #daddy .guest-info-list {
    background-color: #F3F7F8;
    margin: 0 0 20px 0;
    padding: 40px 20px; }

  #daddy .daddy-tokuten .daddy-present {
    width: 90%; } }
/*!
────────────────────
## パパセミナー タブレット対応 max-width:840px
────────────────────
*/
@media (max-width: 840px) {
  #daddy .guest-info dt {
    text-align: left;
    font-size: 24px; }

  #daddy .guest-info dd {
    text-align: left;
    margin-top: 24px;
    line-height: 30px; }

  #daddy .guest-info.info-01 dd {
    margin-top: 10px; }

  #daddy .guest-info dd p {
    overflow: auto;
    padding: 20px 0 0 0; }

  #daddy .guest-info dd img {
    float: none;
    text-align: center;
    display: block;
    margin: auto; }

  #daddy .guest-info dt span {
    text-align: left;
    font-size: 20px;
    padding-left: 5px; }

  /*note 180529編集分*/
  .guest-info.info-01 .link {
    margin-left: 0; }

  .guest-info.info-02 .link {
    margin-left: 0; }

  #daddy .guest p span {
    line-height: 40px; }

  #daddy .daddy-tokuten p {
    margin-top: -4%; } }
/* note ## パパセミナー タブレット対応 max-width:768px
────────────────────
*/
@media (max-width: 768px) {
  #daddy h3 {
    margin-left: auto;
    margin-right: auto; }

  #daddy h3 img {
    max-width: 574px;
    width: 80%; }

  #daddy .gift {
    border: 5px solid #1A1A1A;
    border-radius: 12px; } }
/* note ## パパセミナー スマホ対応 max-width:630px
────────────────────
*/
@media (max-width: 630px) {
  #maternity {
    padding: 50px 10px; }

  #daddy {
    padding: 50px 10px 1px 10px; }

  #daddy .gift p {
    padding-bottom: 30px; }

  #daddy .gift {
    padding-left: 10px;
    padding-right: 10px; }

  #daddy .guest p span {
    text-decoration: underline;
    -webkit-text-decoration-color: #BBE7FF;
    text-decoration-color: #BBE7FF; }

  #daddy .guest p:before {
    content: none; }

  #daddy .guest p br {
    display: block; }

  #daddy .guest dl {
    max-width: 400px;
    text-align: center;
    margin-bottom: 20px; }

  #daddy .guest dt {
    margin: 12px 0; }

  #daddy .guest dd p {
    padding: 0px 0 0px 0;
    margin: 0;
    text-align: center; }

  #daddy .guest .each-02 dd p {
    margin: 0; }

  /*note 180529編集分*/
  #daddy .daddy-seminar {
    margin-top: 20px; }

  /*note 180529編集分*/
  #daddy .daddy-seminar ul {
    padding-top: 20px;
    padding-bottom: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0; }

  /*note 180529編集分*/
  #daddy .daddy-seminar ul li {
    width: 100%;
    padding: 0 10px; }

  /*note 180529編集分*/
  #daddy .daddy-seminar ul li a {
    display: block;
    margin: 20px 0 30px; }

  .guest-info dt {
    font-weight: bold;
    line-height: 30px; }

  .guest-info dt span {
    font-weight: normal; }

  .guest-info dt:before {
    background-color: #BBE7FF;
    content: none; }

  #daddy .daddy-tokuten p {
    margin-top: -2%; }

  #daddy .daddy-tokuten ul li {
    padding: 0;
    position: relative;
    min-height: 1px;
    height: 100%; }

  #daddy .daddy-tokuten ul.sp li:nth-child(1) {
    width: 70%; }

  #daddy .daddy-tokuten ul li img {
    width: 90%; }

  #daddy .daddy-tokuten .daddy-present {
    padding: 10px 0;
    margin-bottom: 10px; } }
/* note ## パパセミナー スマホ対応 max-width:480px
────────────────────
*/
@media (max-width: 480px) {
  #daddy p {
    text-align: left; }

  #daddy .gift p {
    padding-top: 20px;
    padding-bottom: 30px; }

  #daddy .days ul {
    padding-bottom: 20px; }

  .days img {
    width: 90%; }

  #daddy .item {
    font-size: 24px;
    padding-bottom: 10px;
    text-align: center; }

  #daddy .guest .item {
    font-size: 24px;
    text-align: center; }

  #daddy .guest p {
    font-size: 17px;
    padding: 6px 0;
    text-align: left; }

  #daddy .guest p:nth-child(2) {
    width: 100%;
    max-width: 100%;
    margin: auto; }

  #daddy .guest p:nth-child(3) {
    width: 100%;
    max-width: 100%;
    margin: auto; }

  #daddy .guest p span {
    font-size: 20px;
    padding: 0;
    width: 100%;
    font-weight: bold;
    line-height: 30px; }

  #daddy .guest dt {
    color: #fff;
    padding: 1px 0 0 0;
    margin: 0;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    color: #fff;
    float: none;
    background-color: #29A9E0;
    width: 100%;
    height: 30px;
    border-radius: 50px; }

  #daddy .guest dl {
    max-width: 100%;
    text-align: left;
    margin: 20px 0; }

  #daddy .guest dd {
    margin: 5px 0 0 0; }

  #daddy .guest dd p {
    text-align: left; }

  #daddy .guest-info .link a {
    font-size: 14px; }

  #daddy .daddy-tokuten p {
    margin-top: 2%;
    padding: 0 2%; }

  #daddy .daddy-tokuten p br {
    display: none; }

  .guest-info dt br {
    display: block; } }
/*note 180529編集分*/
#daddy .daddy-seminar ul li img {
  width: 100%; }

#daddy .guest-info-list {
  background-color: #F3F7F8;
  margin: 20px 60px;
  padding: 40px; }

#daddy .guest-info dt {
  text-align: left;
  font-size: 24px; }

#daddy .guest-info:after {
  content: "";
  display: block;
  clear: both; }

#daddy .guest-info dd {
  text-align: left;
  margin-top: 24px;
  line-height: 30px; }

.guest-info dt br {
  display: none; }

#daddy .guest-info dd p {
  overflow: hidden;
  padding: 0;
  padding-left: 30px; }

#daddy .guest-info dd img {
  float: left; }

#daddy .guest-info dt span {
  text-align: left;
  font-size: 20px;
  padding-left: 5px; }

#daddy .guest-info .link {
  text-align: left;
  padding: 10px 0 30px 14px;
  line-height: 22px;
  background: url(../images/top/arrow-blue.svg) no-repeat;
  background-size: 8px 13px;
  background-position: 0px 14px; }

#daddy .guest-info .link a {
  color: #0071BC;
  text-decoration: underline;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
  -webkit-font-smoothing: antialiased; }

#daddy .guest-info .link a:hover {
  opacity: 0.4; }

/*note 180529編集分*/
.guest-info.info-01 .link {
  margin-left: 222px; }

.guest-info.info-02 .link {
  margin-left: 226px; }

.guest-info.info-01 dt {
  width: 100%;
  max-width: 128px;
  position: relative;
  z-index: 2; }

.guest-info.info-02 dt {
  width: 100%;
  max-width: 490px;
  position: relative;
  z-index: 2; }

.guest-info dt:before {
  position: absolute;
  top: 10px;
  background-color: #BBE7FF;
  width: 100%;
  height: 12px;
  display: block;
  content: "";
  z-index: -1; }

.lecturer {
  margin-bottom: 30px; }

.daddy-tokuten {
  margin-top: 40px; }

#daddy .daddy-tokuten p {
  padding: 0;
  margin-top: -50px; }

#daddy .daddy-tokuten .daddy-present {
  padding: 30px 30px; }

#daddy .daddy-tokuten .sub {
  width: 100%; }

#links {
  padding: 5% 5% 2%;
  background-color: #EBF3F6; }
  #links h3 {
    font-size: 3em;
    font-weight: bold;
    margin-bottom: 1.5em;
    text-align: center; }
  #links ul {
    width: 100%;
    max-width: 1070px;
    margin: auto; }
    #links ul:after {
      content: "";
      clear: both;
      display: block; }
  #links li {
    float: left;
    width: 25%;
    margin-bottom: 30px; }
    #links li a {
      display: block;
      -webkit-transition: all 0.5s;
      transition: all 0.5s;
      opacity: 1;
      width: 90%;
      margin: auto; }
      #links li a:hover {
        opacity: 0.7; }
    #links li img {
      display: block;
      width: 100%;
      height: auto; }
  @media only screen and (max-width: 768px) {
    #links {
      padding: 5%; }
      #links h3 {
        font-size: 1.5em;
        font-weight: bold;
        margin-bottom: 1em; }
      #links li {
        margin: 3% auto;
        width: 50%; }
        #links li a {
          width: 85%; } }

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*index: ページ専用外部ファイル読み込み */
#housework .ttl-container {
  background: url(../images/page/bg-memo.jpg);
  background-size: cover;
  padding: 40px; }
#housework.asobi .ttl-container {
  background: url(../images/page/bg-asobi.png);
  background-size: cover;
  padding: 40px; }
#housework.massage .ttl-container {
  background: url(../images/page/bg-massage.jpg);
  background-size: cover;
  padding: 40px; }
#housework.aruaru .ttl-container {
  background: url(../images/page/bg-aruaru.png);
  background-size: cover;
  padding: 40px; }
#housework.read .ttl-container {
  background: url(../images/page/bg-read.jpg);
  background-size: cover;
  padding: 40px; }
#housework.food .ttl-container {
  background: url(../images/page/bg-food.jpg);
  background-size: cover;
  padding: 40px; }
#housework.event .ttl-container {
  background: url(../images/page/bg-event.jpg);
  background-size: cover;
  padding: 40px; }
#housework.skincare .ttl-container {
  background: url(../images/page/bg-skincare.jpg);
  background-size: cover;
  padding: 40px; }
#housework .page-ttl {
  max-width: 760px;
  margin: auto; }
  #housework .page-ttl:after {
    content: "";
    clear: both;
    display: block; }
  @media only screen and (max-width: 768px) {
    #housework .page-ttl {
      max-width: 760px;
      margin: auto; } }
#housework .ttl-img {
  float: left;
  max-width: 240px;
  position: relative; }
  #housework .ttl-img .up {
    background-color: #ED1C24;
    border-radius: 50px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 10px 5px;
    position: absolute;
    top: -8px;
    right: -14px;
    width: 60px;
    z-index: 1;
    -webkit-font-smoothing: antialiased; }
  @media only screen and (max-width: 768px) {
    #housework .ttl-img {
      float: none;
      max-width: 240px;
      margin: auto;
      position: relative; }
      #housework .ttl-img .up {
        right: 8px; }
      #housework .ttl-img img {
        display: block;
        margin: auto;
        width: 80%; } }
#housework .ttl-txt {
  overflow: hidden;
  padding: 50px 0 0 50px;
  text-align: justify; }
  #housework .ttl-txt h1 {
    font-size: 26px;
    font-weight: bold;
    padding: 0 0 20px 10px; }
  #housework .ttl-txt p {
    line-height: 34px; }
  @media only screen and (max-width: 768px) {
    #housework .ttl-txt {
      padding: 0; }
      #housework .ttl-txt h1 {
        padding: 20px;
        text-align: center; }
      #housework .ttl-txt p {
        line-height: 34px; }
        #housework .ttl-txt p br:nth-child(2) {
          display: none; } }
#housework .pager {
  padding: 10px 10px 70px;
  overflow: hidden; }
  @media only screen and (max-width: 768px) {
    #housework .pager {
      padding: 0px 10px 80px 10px; } }
  #housework .pager ul {
    position: relative;
    left: 50%;
    float: left; }
    #housework .pager ul:after {
      content: "";
      clear: both;
      display: block; }
  #housework .pager li {
    margin: 0 10px;
    position: relative;
    left: -50%;
    float: left; }
    @media only screen and (max-width: 768px) {
      #housework .pager li {
        margin: 0 8px; } }
    @media only screen and (max-width: 640px) {
      #housework .pager li {
        margin: 0 4px; } }
    #housework .pager li.current {
      background: #6DC3DD;
      border: 1px solid #6DC3DD;
      color: #fff; }
    #housework .pager li.dis {
      border: 1px solid #BCBCBC;
      color: #7E7E7E;
      opacity: .3; }
    #housework .pager li span, #housework .pager li a {
      display: block;
      font-size: 16px;
      padding: 0.6em 0.8em; }
  #housework .pager a {
    border: 1px solid #BCBCBC;
    color: #7E7E7E; }
    #housework .pager a:hover {
      background: #6DC3DD;
      border: 1px solid #6DC3DD;
      color: #fff; }

.post-list-wrapper {
  margin: 0 10px 60px;
  width: 33.3%;
  width: calc( (100% / 3 ) - 20.1px );
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 960px) {
    .post-list-wrapper {
      width: 50%;
      width: calc( (100% / 2 ) - 20.1px ); } }
  @media only screen and (max-width: 768px) {
    .post-list-wrapper {
      margin: 0 auto 60px;
      width: 100%; } }
  .post-list-wrapper:first-child {
    width: 100%; }
    .post-list-wrapper:first-child a {
      padding: 25px; }
    .post-list-wrapper:first-child .post-list {
      padding: 30px; }
    .post-list-wrapper:first-child .post-thumbnail {
      float: left;
      max-width: 320px;
      width: 40%; }
    .post-list-wrapper:first-child .post-summary {
      padding-left: 40px; }
      .post-list-wrapper:first-child .post-summary h2 {
        font-size: 40px;
        line-height: 1.2em;
        margin-top: 0;
        padding: 0 0 10px 20px; }
        .post-list-wrapper:first-child .post-summary h2 span {
          font-size: 24px; }
    @media (max-width: 960px) {
      .post-list-wrapper:first-child a {
        padding: 20px; }
      .post-list-wrapper:first-child .post-summary h2 {
        font-size: 24px;
        padding: 0 5px 10px 10px; }
        .post-list-wrapper:first-child .post-summary h2 span {
          font-size: 16px; } }
    @media only screen and (max-width: 768px) {
      .post-list-wrapper:first-child .post-list {
        padding: 20px 15px; }
      .post-list-wrapper:first-child .post-thumbnail {
        float: none;
        max-width: 100%;
        width: 100%; }
      .post-list-wrapper:first-child .post-summary {
        padding-left: 0; } }
  .post-list-wrapper a {
    color: inherit;
    border-radius: 6px;
    background: #FAF8F2;
    display: block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 1;
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column; }
    .post-list-wrapper a:hover {
      opacity: 0.4; }

.post-container {
  padding: 50px 5px 0;
  max-width: 1160px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: stretch; }
  .aruaru .post-container {
    background: #FAF8F2;
    color: #646464;
    margin-bottom: 0 !important;
    padding-bottom: 3%; }
  @media (max-width: 960px) {
    .post-container {
      padding: 50px 0 0;
      width: 90%; } }

.post-list {
  max-width: 1160px;
  background: #FAF8F2;
  border: 2px dashed #f48fb1;
  border-radius: 6px;
  margin: 0 auto;
  padding: 15px;
  width: 100%;
  height: 100%;
  position: relative; }
  .post-list:after {
    content: "";
    clear: both;
    display: block; }
  .asobi .post-list {
    border: 2px dashed #91CC3A; }
  .massage .post-list {
    border: 2px dashed #EFBA67; }
  .read .post-list {
    border: 2px dashed #7ecdf4; }
  .food .post-list {
    border: 2px dashed #ed7971; }
  .event .post-list {
    border: 2px dashed #9696d7; }
  .skincare .post-list {
    border: 2px dashed #009c94; }
  .aruaru .post-list {
    margin-bottom: 0 !important; }
  @media (max-width: 960px) {
    .post-list {
      padding: 20px 15px; } }

.post-thumbnail img {
  display: block;
  max-width: 320px;
  width: 100%;
  margin: auto;
  vertical-align: middle; }
@media only screen and (max-width: 768px) {
  .post-thumbnail {
    float: none; }
    .post-thumbnail img {
      width: 100%;
      max-width: 320px; } }

.post-summary {
  overflow: hidden;
  padding-left: 0;
  text-align: left; }
  @media only screen and (max-width: 768px) {
    .post-summary {
      padding: 24px 0 0 0; } }
  .post-summary h2 {
    background: #fff;
    border-radius: 4px;
    position: relative;
    border-left: 6px solid #f48fb1;
    font-size: 24px;
    line-height: 1.2em;
    margin-top: 15px;
    padding: 0 5px 10px 10px;
    	/*&:before {
    	background-color:
    	border-radius: 4px;
    	content: "";
    	display: inline-block;
    	height: 70px;
    	vertical-align: middle;
    	width: 8px;
    	position: absolute;
    	top: 8px;
    	left: 0px;
    }*/ }
    .post-summary h2 span {
      font-size: 20px;
      line-height: 20px;
      font-size: 16px;
      line-height: 1.2em; }
    .asobi .post-summary h2 {
      border-left: 6px solid #91CC3A; }
    .massage .post-summary h2 {
      border-left: 6px solid #EFBA67; }
    .read .post-summary h2 {
      border-left: 6px solid #7ecdf4; }
    .food .post-summary h2 {
      border-left: 6px solid #ed7971; }
    .event .post-summary h2 {
      border-left: 6px solid #9696d7; }
    .skincare .post-summary h2 {
      border-left: 6px solid #009c94; }
  .post-summary p {
    line-height: 22px;
    margin: 20px 0 75px;
    line-height: 1.5em; }
  .post-summary .button-wrapper {
    position: absolute;
    bottom: 25px;
    right: 15px; }
  .post-summary .btn-more {
    background: #D84949;
    border-radius: 50px;
    color: #fff;
    margin: 20px 0 0;
    padding: 10px 5px;
    padding-left: 14px;
    text-align: center;
    width: 136px; }
    .post-summary .btn-more:after {
      content: "";
      display: inline-block;
      width: 10px;
      height: 10px;
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      margin-left: 5px; }

.single-container {
  background: #FAF8F2;
  color: #646464; }
  @media only screen and (max-width: 768px) {
    .single-container {
      padding: 0 20px; } }

.single-inner {
  max-width: 640px;
  margin: auto;
  padding-bottom: 60px; }
  @media only screen and (max-width: 768px) {
    .single-inner img.main-img {
      width: 100%; } }
  .single-inner h1 {
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 40px;
    line-height: 40px;
    text-align: center; }
    @media only screen and (max-width: 640px) {
      .single-inner h1 {
        font-size: 28px;
        font-weight: normal;
        margin-bottom: 20px;
        text-align: left;
        line-height: 34px; } }
    .single-inner h1 span {
      border-bottom: 6px solid #EF93BB;
      font-size: 26px;
      padding-bottom: 10px;
      line-height: 110px; }
      .asobi .single-inner h1 span {
        border-bottom: 6px solid #91CC3A; }
      .massage .single-inner h1 span {
        border-bottom: 6px solid #EFBA67; }
      .read .single-inner h1 span {
        border-bottom: 6px solid #7ecdf4; }
      .food .single-inner h1 span {
        border-bottom: 6px solid #ed7971; }
      .event .single-inner h1 span {
        border-bottom: 6px solid #9696d7; }
      .skincare .single-inner h1 span {
        border-bottom: 6px solid #009c94; }
      @media only screen and (max-width: 768px) {
        .single-inner h1 span {
          border-bottom: 6px solid #EF93BB;
          font-size: 26px;
          padding-bottom: 10px;
          line-height: 110px; }
          .asobi .single-inner h1 span {
            border-bottom: 6px solid #91CC3A; }
          .massage .single-inner h1 span {
            border-bottom: 6px solid #EFBA67; }
          .read .single-inner h1 span {
            border-bottom: 6px solid #7ecdf4; }
          .food .single-inner h1 span {
            border-bottom: 6px solid #ed7971; }
          .event .single-inner h1 span {
            border-bottom: 6px solid #9696d7; }
          .skincare .single-inner h1 span {
            border-bottom: 6px solid #009c94; } }
      @media only screen and (max-width: 640px) {
        .single-inner h1 span {
          line-height: 94px; } }
  .single-inner h2 {
    font-size: 1.4em;
    line-height: 1.5em;
    text-align: left;
    margin: 5% 0 4%;
    border-left: 5px solid #EF93BB;
    padding-left: 0.5em; }
    .asobi .single-inner h2 {
      border-left: 5px solid #91CC3A; }
    .massage .single-inner h2 {
      border-left: 5px solid #EFBA67; }
    .read .single-inner h2 {
      border-left: 5px solid #7ecdf4; }
    .food .single-inner h2 {
      border-left: 5px solid #ed7971; }
    .event .single-inner h2 {
      border-left: 5px solid #9696d7; }
    .skincare .single-inner h2 {
      border-left: 5px solid #009c94; }
  .single-inner p {
    line-height: 30px;
    padding: 40px 0 50px 0;
    text-align: justify;
    padding: 0 0 1.5em; }
  .single-inner .method p {
    padding: 1em 0; }
  .single-inner a {
    display: block;
    font-size: 22px;
    margin: auto;
    margin-top: 20px;
    text-align: center;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 1; }
    .single-inner a:hover {
      opacity: 0.4; }
    .single-inner a.back {
      background: #D84949;
      border-radius: 50px;
      color: #fff;
      padding: 20px 5px;
      padding-left: 18px;
      width: 260px; }
      .single-inner a.back:after {
        content: "";
        display: inline-block;
        width: 15px;
        height: 15px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-left: 10px; }

.img-list {
  overflow: hidden; }
  .img-list ul {
    left: 50%;
    float: left;
    margin-bottom: 40px;
    width: 100%; }
    .img-list ul:after {
      content: "";
      clear: both;
      display: block; }
    @media only screen and (max-width: 768px) {
      .img-list ul {
        float: none;
        margin-bottom: 50px;
        width: 100%; } }
  .img-list li {
    left: -50%;
    float: left;
    width: 50%; }
    .img-list li:nth-child(odd) {
      padding-right: 15px; }
    .img-list li:nth-child(even) {
      padding-left: 15px; }
    .img-list li img {
      display: block;
      margin: auto;
      max-width: 300px;
      overflow: hidden;
      width: 100%;
      max-height: 225px; }
      @media only screen and (max-width: 640px) {
        .img-list li img {
          max-width: 100%;
          max-height: 100%; } }
    @media only screen and (max-width: 768px) {
      .img-list li {
        float: none;
        margin-bottom: 30px;
        width: 100%; }
        .img-list li:nth-child(odd) {
          padding-right: 0px; }
        .img-list li:nth-child(even) {
          padding-left: 0px; } }

.massage .method img + img {
  margin-top: 20px; }
@media only screen and (max-width: 768px) {
  .massage .method img {
    width: 100%; } }

.massage .method img.end-img {
  margin-bottom: 30px; }

.half-center {
  width: 100%;
  margin: 10px 0 30px; }

.half-center img {
  display: block;
  margin: auto;
  width: 50%; }
  @media only screen and (max-width: 768px) {
    .half-center img {
      width: 100%; } }

.supervision {
  margin: 40px 0;
  border: 1px dashed;
  padding: 20px; }
  .supervision p {
    font-size: 14px;
    line-height: 1.5em;
    padding-bottom: .5em; }

#anniversary .ttl-container {
  background: url(../images/anniversary/bg-anniversary.png) no-repeat center;
  background-size: cover;
  padding: 40px; }
#anniversary .page-ttl {
  max-width: 760px;
  margin: auto; }
  #anniversary .page-ttl:after {
    content: "";
    clear: both;
    display: block; }
#anniversary .ttl-img {
  float: left;
  max-width: 240px;
  position: relative; }
  #anniversary .ttl-img .up {
    background-color: #ED1C24;
    border-radius: 50px;
    color: #fff;
    font-weight: bold;
    padding: 10px 5px;
    position: absolute;
    top: -8px;
    right: -14px;
    width: 60px;
    z-index: 1;
    -webkit-font-smoothing: antialiased; }
#anniversary .ttl-txt {
  overflow: hidden;
  padding: 50px 0 0 50px;
  text-align: justify; }
  #anniversary .ttl-txt h1 {
    font-size: 26px;
    font-weight: bold;
    padding: 0 0 20px 10px; }

#anniversary .page-ttl .ttl-txt p {
  line-height: 34px; }

#anniversary .chart-container {
  color: #333333;
  background: #FAF8F2;
  padding: 100px 20px 80px 20px; }

#anniversary .chart-container .chart-inner {
  max-width: 800px;
  margin: auto; }

#anniversary .chart-container .message {
  margin-bottom: 110px;
  position: relative; }

#anniversary .chart-container .message h2 {
  margin-top: -2%; }

#anniversary .chart-container .message p {
  text-align: center;
  line-height: 34px;
  position: relative;
  z-index: 2;
  margin-top: 30px; }

.message .side-left {
  position: absolute;
  left: -8%;
  top: 60%;
  z-index: 0; }

.message .side-right {
  position: absolute;
  right: -2%;
  top: 65%;
  z-index: 0; }

#anniversary .chart-container .check {
  padding: 40px;
  border: 3px solid #e94c39;
  background-color: #fff;
  border-radius: 12px;
  position: relative;
  text-align: left; }

.check .message-02 {
  background-color: #fff;
  border: 3px solid #ee7b47;
  border-radius: 50px;
  font-size: 20px;
  text-align: center;
  position: absolute;
  top: -32px;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 500px;
  padding: 17px 0 17px 44px; }

.check .message-02:before {
  background: url(../images/anniversary/icon-feather.svg) no-repeat;
  content: "";
  display: block;
  width: 36px;
  height: 42px;
  position: absolute;
  top: 6px;
  left: 34px; }

.check .message-02 br {
  display: none; }

/* note ## 記念日早見表 誕生日入力
────────────────────
*/
#anniversary .chart-container .check .input-birthday {
  padding: 30px 0 50px 0;
  max-width: 414px;
  margin: auto; }

#anniversary .chart-container .check .input-birthday ul:after {
  content: "";
  clear: both;
  display: block; }

#anniversary .chart-container .check .input-birthday ul:before {
  content: "";
  clear: both;
  display: block; }

#anniversary .chart-container .check .input-birthday ul li {
  margin: 0 3px;
  float: left;
  height: 50px; }

.input-birthday ul li input {
  color: #333;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0);
  border-bottom: 2px solid #D84949;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 35px;
  font-weight: bold;
  text-align: center; }

.input-birthday ul li input::-webkit-input-placeholder {
  color: #E6E6E6;
  font-weight: bold; }

.input-birthday ul li input:-ms-input-placeholder {
  color: #E6E6E6;
  font-weight: bold; }

.input-birthday ul li input::-moz-placeholder {
  color: #E6E6E6;
  font-weight: bold; }

.input-birthday ul li p {
  font-size: 35px;
  font-weight: bold;
  padding-top: 50%; }

#anniversary .chart-container .check .input-birthday ul li:nth-child(1) {
  margin-left: 0; }

#anniversary .chart-container .check .input-birthday ul li:nth-child(1) input {
  width: 120px;
  height: 48px; }

#anniversary .chart-container .check .input-birthday ul li:nth-child(n+2) input {
  width: 76px;
  height: 48px; }

#anniversary .chart-container .check .input-birthday ul li:last-child {
  margin-right: 0; }

/* note ## 記念日早見表 男の子・女の子ボタン
────────────────────
*/
#anniversary .chart-container .check .input-gender {
  display: block;
  max-width: 330px;
  margin: auto;
  height: 42px; }

#anniversary .chart-container .check .input-gender input {
  display: none; }

#anniversary .chart-container .check .input-gender label {
  display: block;
  float: left;
  cursor: pointer;
  width: 150px;
  height: 42px;
  margin: 0;
  text-align: center;
  line-height: 1;
  -webkit-transition: .2s;
  transition: .2s; }

#anniversary .chart-container .check .input-gender label:first-of-type {
  background: url(../images/anniversary/icon-boy-off.png) no-repeat;
  background-size: 150px 42px;
  margin-right: 15px; }

#anniversary .chart-container .check .input-gender label:last-of-type {
  background: url(../images/anniversary/icon-girl-off.png) no-repeat;
  background-size: 150px 42px;
  margin-left: 15px; }

#anniversary .chart-container .check .input-gender input[type="radio"]:checked + .switch-on {
  background: url(../images/anniversary/icon-boy.png) no-repeat;
  background-size: 150px 42px; }

#anniversary .chart-container .check .input-gender input[type="radio"]:checked + .switch-off {
  background: url(../images/anniversary/icon-girl.png) no-repeat;
  background-size: 150px 42px; }

/* note ## 記念日早見表 チェックボタン
────────────────────
*/
#anniversary .chart-container .check input[type="submit"],
#anniversary .chart-container .check input[type="button"] {
  border-radius: 50%;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#anniversary .chart-container .check input[type="submit"]::-webkit-search-decoration,
#anniversary .chart-container .check input[type="button"]::-webkit-search-decoration {
  display: none; }

#anniversary .chart-container .check input[type="submit"]::focus,
#anniversary .chart-container .check input[type="button"]::focus {
  outline-offset: -2px; }

#anniversary .chart-container .check .checkbtn {
  color: #fff;
  position: relative;
  max-width: 380px;
  width: 100%;
  height: 46px;
  margin: 0 auto 40px auto;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1; }

#anniversary .chart-container .check .checkbtn:hover {
  opacity: 0.4; }

#anniversary .chart-container .check .checkbtn:before {
  content: url(../images/anniversary/btn-parts-arrow-left.png);
  display: block;
  position: absolute;
  top: 33%;
  left: 20px;
  text-align: left; }

#anniversary .chart-container .check .checkbtn:after {
  content: url(../images/anniversary/btn-parts-arrow-right.png);
  display: block;
  position: absolute;
  top: 33%;
  right: 20px;
  text-align: left; }

#anniversary .chart-container .check .checkbtn input {
  background-color: #d84949;
  border-radius: 50px;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 22px;
  max-width: 380px;
  width: 100%;
  height: 46px;
  text-align: center; }

/* note ## 記念日早見表 注意書き
────────────────────
*/
#anniversary .chart-container .check .caution {
  max-width: 680px;
  width: 100%;
  margin: auto; }

#anniversary .chart-container .check .caution p {
  font-size: 12px;
  line-height: 20px;
  text-align: justify; }

.anniversary-wrapper {
  max-width: 800px;
  width: 100%;
  margin: auto;
  padding-top: 70px;
  position: relative; }

.anniversary-container {
  position: relative;
  margin-bottom: 110px;
  	/*&:nth-child(odd) .anniversary-icon {
  	&.b_affer1month {
  	left: -100px;
  	bottom: -110px;
  }
  	&.b_affer6month {
  	left: -40px;
  	bottom: -60px;
  }
  	&.b_affer300day {
  	left: -60px;
  	bottom: -50px;
  }
  }
  	&:nth-child(even) .anniversary-icon{
  	&.b_affer1month {
  	right: -100px;
  	bottom: -110px;
  }
  	&.b_affer100day {
  	right: -50px;
  	bottom: -50px;
  }
  	&.b_affer200day {
  	right: -60px;
  	bottom: -70px;
  }
  	&.day0505 {
  	right: -60px;
  	bottom: -70px;
  }
  }*/ }

.anniversary-container:before {
  background: url(../images/anniversary/bg-anniversary-02.png);
  content: "";
  display: block;
  position: absolute;
  overflow: hidden;
  opacity: .3;
  max-width: 820px;
  height: 270px;
  width: 100%;
  top: 10px;
  left: 10px;
  z-index: 5; }

.anniversary-container.ptn01:before {
  height: 504px; }

.anniversary-container.ptn02:before {
  height: 557px; }

.anniversary-container:after {
  content: "";
  background: url(../images/anniversary/mix-line.png);
  background-size: contain;
  display: block;
  position: absolute;
  left: 50%;
  bottom: -114px;
  width: 6px;
  height: 106px;
  z-index: 0; }

.anniversary-container:last-child:after {
  display: none; }

.icon-wrap {
  position: relative; }

.anniversary-container.ptn01 .icon-wrap:before {
  content: "";
  background: url(../images/anniversary/icon-plus.png);
  background-size: cover;
  position: absolute;
  width: 36px;
  height: 36px;
  bottom: -22px;
  right: 230px;
  z-index: 15; }

.anniversary-container.ptn02 .icon-wrap:before {
  content: "";
  background: url(../images/anniversary/icon-or.png);
  background-size: cover;
  position: absolute;
  width: 36px;
  height: 36px;
  top: -25px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 15; }

.icon-wrap .anniversary-icon {
  position: absolute;
  z-index: 15; }

.icon-wrap .anniversary-icon.b_affer1month {
  left: -60px;
  bottom: -50px; }

.icon-wrap .anniversary-icon.b_affer100day {
  right: -20px;
  bottom: -40px; }

.icon-wrap .anniversary-icon.b_affer6month {
  right: -7px;
  bottom: -35px; }

.icon-wrap .anniversary-icon.b_affer200day {
  right: -5px;
  bottom: -24px; }

.icon-wrap .anniversary-icon.b_affer300day {
  left: 8px;
  bottom: -50px; }

.icon-wrap .anniversary-icon.b_affer1year {
  right: -38px;
  bottom: -62px; }

.icon-wrap .anniversary-icon.day0303 {
  left: -70px;
  bottom: -20px; }

.icon-wrap .anniversary-icon.day0505 {
  left: -50px;
  bottom: -15px; }

.anniversary-inner {
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  height: 273px;
  position: relative;
  z-index: 10;
  overflow: hidden; }

/*
.anniversary-inner:before{
content: "";
clear: both;
display: block;
background: url(../images/anniversary/icon-plus.png)no-repeat;
width: 36px;
height: 36px;
position: absolute;
top: -26px;
right: 230px;
z-index: 10;
}
*/
.anniversary-inner .photo {
  float: left; }

.anniversary-inner .photo:after {
  content: "";
  clear: both;
  display: block; }

.anniversary-inner .photo:before {
  content: "";
  clear: both;
  display: block; }

.anniversary-inner section {
  padding: 20px 30px 0 30px;
  overflow: hidden; }

.anniversary-inner section * {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.anniversary-inner .day dl {
  background-color: #F07B7B;
  border-radius: 50px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Safari */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  height: 40px; }

.anniversary-inner .day dl dt {
  background-color: #fff;
  border-radius: 50px;
  color: #F07B7B;
  text-align: center;
  padding: 6px;
  margin: 0 10px 0 4px;
  max-width: 150px;
  width: 100%; }

.anniversary-inner .day dl dt span {
  font-size: 20px;
  font-weight: bold; }

.anniversary-inner .day dl dd {
  padding-top: 2px; }

.anniversary-inner h3 {
  font-size: 25px;
  font-weight: bold;
  padding: 20px 0; }

.anniversary-inner p {
  font-size: 14px;
  line-height: 18px;
  text-align: justify; }

.anniversary-inner-02 {
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  margin-top: 12px;
  position: relative;
  z-index: 8;
  overflow: hidden; }

.anniversary-inner-02.ptn01 {
  height: 222px; }

.anniversary-inner-02.ptn01 {
  height: 222px; }

.anniversary-inner-02 .photo {
  float: left; }

.anniversary-inner-02 .photo:after {
  content: "";
  clear: both;
  display: block; }

.anniversary-inner-02 .photo:before {
  content: "";
  clear: both;
  display: block; }

.anniversary-inner-02 section {
  padding: 20px 30px 0 30px;
  overflow: hidden; }

.anniversary-inner-02 section * {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.anniversary-inner-02 .day dl {
  background-color: #F07B7B;
  border-radius: 50px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Safari */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  height: 40px; }

.anniversary-inner-02 .day dl dt {
  background-color: #fff;
  border-radius: 50px;
  color: #F07B7B;
  text-align: center;
  padding: 6px;
  margin: 0 10px 0 4px;
  max-width: 150px;
  width: 100%; }

.anniversary-inner-02 .day dl dt span {
  font-size: 20px;
  font-weight: bold; }

.anniversary-inner-02 .day dl dd {
  padding-top: 2px; }

.anniversary-inner-02 h3 {
  font-size: 25px;
  font-weight: bold;
  padding: 20px 0; }

.anniversary-inner-02 p {
  font-size: 14px;
  line-height: 18px;
  text-align: justify; }

/*note ## 記念日早見表 タブレット対応 max-width:930px
────────────────────
*/
@media (max-width: 930px) {
  #anniversary .chart-container .message h2 img {
    width: 100%; }

  .message .side-left {
    left: 0; }

  .message .side-right {
    right: 0; }

  .icon-wrap .anniversary-icon {
    position: absolute;
    display: none; } }
/*note ## 記念日早見表 タブレット対応 max-width:768px
────────────────────
*/
@media (max-width: 768px) {
  #anniversary .page-ttl {
    max-width: 760px;
    margin: auto; }

  #anniversary .page-ttl:after {
    content: "";
    clear: both;
    display: block; }

  #anniversary .page-ttl:before {
    content: "";
    clear: both;
    display: block; }

  #anniversary .page-ttl .ttl-img {
    float: none;
    max-width: 240px;
    margin: auto;
    position: relative; }

  #anniversary .page-ttl .ttl-img img {
    display: block;
    width: 80%;
    margin: auto; }

  #anniversary .page-ttl .ttl-img .up {
    right: 8px; }

  #anniversary .page-ttl .ttl-txt {
    padding: 0; }

  #anniversary .page-ttl .ttl-txt h1 {
    padding: 20px;
    text-align: center; }

  #anniversary .page-ttl .ttl-txt p {
    line-height: 34px; }

  #anniversary .page-ttl .ttl-txt p br:nth-child(2) {
    display: none; }

  #anniversary .chart-container {
    padding: 30px 10px 80px 10px; }

  #anniversary .chart-container .message {
    position: relative;
    margin-bottom: 70px; }

  #anniversary .chart-container .message h2 {
    margin-top: 2%; }

  #anniversary .chart-container .message p {
    max-width: 100%;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-top: 0; }

  .message .side-left {
    display: none; }

  .message .side-right {
    display: none; }

  #anniversary .chart-container .message p br {
    display: none; }

  #anniversary .chart-container .message:before {
    top: 60px; }

  #anniversary .chart-container .message:after {
    top: 60px; }

  #anniversary .chart-container .check {
    padding: 30px 20px 40px 20px; }

  #anniversary .chart-container .anniversary-wrapper {
    max-width: 300px; }

  #anniversary .chart-container .anniversary-container {
    margin-bottom: 80px; }

  .anniversary-container:before {
    content: "";
    background: none; }

  #anniversary .chart-container .anniversary-container:after {
    bottom: -100px; }

  #anniversary .chart-container .anniversary-inner {
    height: auto; }

  #anniversary .chart-container .anniversary-inner .photo {
    float: left;
    width: 100%; }

  #anniversary .chart-container .anniversary-inner .photo:after {
    content: "";
    clear: both;
    display: block; }

  #anniversary .chart-container .anniversary-inner .photo:before {
    content: "";
    clear: both;
    display: block; }

  #anniversary .chart-container .anniversary-inner section {
    padding: 20px 20px 30px 20px; }

  #anniversary .chart-container .anniversary-inner .day dl {
    border-radius: 10px;
    display: block;
    text-align: center;
    height: auto;
    padding: 10px 0; }

  #anniversary .chart-container .anniversary-inner .day dl dt {
    text-align: center;
    padding: 6px;
    margin: auto;
    font-size: 18px; }

  #anniversary .chart-container .anniversary-inner dd {
    font-size: 18px;
    padding: 10px 0 5px 0;
    margin-top: 10px; }

  #anniversary .chart-container .anniversary-inner-02 {
    height: auto; }

  #anniversary .chart-container .anniversary-inner-02 .photo {
    float: left;
    width: 100%; }

  #anniversary .chart-container .anniversary-inner-02 .photo:after {
    content: "";
    clear: both;
    display: block; }

  #anniversary .chart-container .anniversary-inner-02 .photo:before {
    content: "";
    clear: both;
    display: block; }

  #anniversary .chart-container .anniversary-inner-02 section {
    padding: 20px 20px 30px 20px; }

  #anniversary .chart-container .anniversary-inner-02 .day dl {
    border-radius: 10px;
    display: block;
    text-align: center;
    height: auto;
    padding: 10px 0; }

  #anniversary .chart-container .anniversary-inner-02 .day dl dt {
    text-align: center;
    padding: 6px;
    margin: auto;
    font-size: 18px; }

  #anniversary .chart-container .anniversary-inner-02 dd {
    font-size: 18px;
    padding: 10px 0 5px 0;
    margin-top: 10px; }

  .anniversary-container.ptn01 .icon-wrap:before {
    content: "";
    position: absolute;
    width: 36px;
    height: 36px;
    bottom: -22px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 15; } }
/*note ## 記念日早見表 スマホ対応 max-width:580px
────────────────────
*/
@media (max-width: 580px) {
  #anniversary .chart-container {
    padding: 30px 10px; }

  .check .message-02 {
    background-color: #fff;
    border: 3px solid #ee7b47;
    border-radius: 50px;
    font-size: 18px;
    text-align: center;
    position: absolute;
    top: -34px;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 500px;
    padding: 17px 0 17px 44px;
    width: 84%; }

  .check .message-02:before {
    top: 6px;
    left: 5%; } }
/*note ## 記念日早見表 スマホ対応 max-width:479px
────────────────────
*/
@media (max-width: 479px) {
  #anniversary .chart-container .message p {
    max-width: 100%;
    width: 80%;
    margin-top: 2%; }

  #anniversary .chart-container .message .anniversary-inner h3 {
    font-size: 22px; }

  #anniversary .chart-container .check {
    padding-top: 20px; }

  .check .message-02 {
    font-size: 16px;
    text-align: left;
    top: -26px;
    padding: 8px 0 8px 26%; }

  .check .message-02:before {
    top: 2px;
    left: 12%; }

  .check .message-02 br {
    display: block; }

  #anniversary .chart-container .check .input-birthday {
    max-width: 235px;
    padding: 30px 0; }

  #anniversary .chart-container .check .input-birthday ul li {
    margin: 10px 3px;
    float: left;
    height: 50px; }

  #anniversary .chart-container .check .input-birthday ul li input {
    margin: 0;
    padding: 0;
    border: 1px solid rgba(0, 0, 0, 0);
    border-bottom: 2px solid #D84949;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: center; }

  #anniversary .chart-container .check .input-birthday ul li p {
    padding-top: 50%; }

  #anniversary .chart-container .check .input-birthday ul li:nth-child(1) {
    margin-left: 0; }

  #anniversary .chart-container .check .input-birthday ul li:nth-child(1) input {
    width: 192px;
    height: 48px; }

  #anniversary .chart-container .check .input-birthday ul li:nth-child(n+2) {
    margin-left: 0; }

  #anniversary .chart-container .check .input-birthday ul li:nth-child(n+2):last-child {
    margin-right: 0; }

  /*!
  ────────────────────
  ## 記念日早見表 スマホ 男の子・女の子ボタン
  ────────────────────
  */
  #anniversary .chart-container .check .input-gender {
    display: block;
    max-width: 200px;
    margin: auto;
    height: 56px; }

  #anniversary .chart-container .check .input-gender input {
    display: none; }

  #anniversary .chart-container .check .input-gender label {
    display: block;
    float: left;
    cursor: pointer;
    width: 200px;
    height: 56px;
    margin: 0;
    text-align: center;
    line-height: 1;
    -webkit-transition: .2s;
    transition: .2s; }

  #anniversary .chart-container .check .input-gender label:first-of-type {
    background-size: 200px auto;
    margin-bottom: 20px;
    margin-right: 0px; }

  #anniversary .chart-container .check .input-gender label:last-of-type {
    background-size: 200px auto;
    margin-bottom: 20px;
    margin-left: 0px; }

  #anniversary .chart-container .check .input-gender input[type="radio"]:checked + .switch-on {
    background-size: 200px auto; }

  #anniversary .chart-container .check .input-gender input[type="radio"]:checked + .switch-off {
    background-size: 200px auto; }

  #anniversary .chart-container .check .checkbtn {
    margin: 0 auto 40px auto; }

  #anniversary .chart-container .check .checkbtn input {
    font-size: 18px; }

  #anniversary .chart-container .check .checkbtn:before {
    content: none; }

  #anniversary .chart-container .check .checkbtn:after {
    content: none; } }
/*note ## 記念日早見表 スマホ対応 max-width:320px
────────────────────
*/
@media (max-width: 320px) {
  .check .message-02 {
    font-size: 16px;
    top: -26px;
    padding: 4% 0 4% 20%;
    width: 80%; }

  .check .message-02:before {
    top: 6px;
    left: 6%; } }