/* author */
.c-entry-summary__content,
.c-meta__item--author {
  display: none;
}

/* margin/padding */
.smb-section_pb0 {
  padding-bottom: 0;
}

.smb-section_pt0 {
  padding-top: 0;
}

.smb-section_mt0 {
  margin-top: 0;
}

.smb-section_mb0 {
  margin-bottom: 0;
}


.l-contents__inner:last-child {
  padding-bottom: 0;
}

.wp-block-themeisle-blocks-sharing-icons.has-label.smb-section_mt0 {
  margin-top: 0;
}

.p-section-front-page-content {
  padding-top: 0;
}


/*---------------------------------

navigation

---------------------------------*/

.p-global-nav .c-navbar__item > a {
  color: #333;
}

/*---------------------------------

title

---------------------------------*/
.smb-section__title {
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 0 45px;
  width: 50%;
  color: #e87b40;
}

.smb-section__title:before,
.smb-section__title:after {
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 44px;
  height: 2px;
  background-color: #e87b40;
  content: '';
  -webkit-transform: rotate(-60deg);
          transform: rotate(-60deg);
}

.smb-section__title:before {
  left: 0;
}
.smb-section__title:after {
  top: 6px;
  right: 0;
}

.smb-section__subtitle {
  color: #333;
}


/*---------------------------------

home

---------------------------------*/

/* mv */
.section-mv {
  position: relative;
  background-image: url('https://satokoto.com/wp-content/uploads/bg-mv2.png');
  background-size: cover;
  background-repeat: no-repeat;
}

.section-mv__p {
  position: absolute;
  top: 20px;
  left: 15px;
  z-index: 2;
  padding: .5rem 1rem;
  background-color: #e87b40;
  color: #fff;
  font-weight: 600;
  font-size: 1.5rem;
}

.section-mv__message {
  position: absolute;
  right: 15px;
  bottom: 40px;
  z-index: 2;
  text-align: right;
}

.section-mv__message span {
  display: inline-block;
  margin-bottom: .5rem;
  background-color: #fff;
  color: #333;
  font-weight: 600;
  font-size: 2rem;
}

/* ---------------------------- */
/* --- Animation --- */
/* ---------------------------- */
.element2 {
  opacity: 0;
  animation: fadeIn 1s linear;
  animation-delay: 2s;

  animation-fill-mode: both;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.element3 {
  opacity: 0;
  animation: fadeIn 1s linear;
  animation-delay: 2s;

  animation-fill-mode: both;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* slider dots */
.spider__dots:not([data-thumbnails=true]) .spider__dot[aria-current=true] {
  background-color: #e87b40;
}


/* hederimage */
.c-page-header[data-has-image=true] {
  max-height: 400px;
}

.c-page-header__bgimage > img {
  object-position: 30% 35%;
}



/*
  profile
---------------------------------*/
.section-profile {
  background-image: url('https://satokoto.com/wp-content/uploads/bg-profile2.png');
  background-position: left 0 bottom -270px;
  background-size: 45%;
  background-repeat: no-repeat;
}

.profile {
  position: relative;
}

.profile__name {
  position: absolute;
  bottom: 20px;
  left: -170px;
}

/*
  policy
---------------------------------*/

/* .section-policy {
  position: relative;
}

.section-policy::after {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -10;
  display: block;
  width: 58%;
  height: 100%;
  background-color: #fdf3de;
  content: '';
} */


/* .section-policy{
  background-color: #fdf3de;
} */

.section-policy {
  background-image: url('https://satokoto.com/wp-content/uploads/bg-policy-100.jpg');
  background-repeat: repeat;
  background-size: contain;
}


/* card */

.card {
  border: 0 solid hsl(0 0% 83%);
  border-radius: 2ch;
  box-shadow: 0 2rem 1rem -2rem hsl(190deg 30% 20% / 20%);
}

.smb-box__background {
  border: 0;
}

.section-policy__btn {
  font-size: 2rem;
}


/*
  blog
---------------------------------*/
.c-entries__item>a .c-entry-summary__body {
  display: flex;
  flex-wrap: wrap;
}

.c-entry-summary__header {
  order: 2;
}

.c-entry-summary__meta {
  order: 1;
}


/*
  support
---------------------------------*/
/* .section-support {
  position: relative;
}

.section-support::after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: -10;
  display: block;
  width: 100%;
  height: 96%;
  background-color: #fff3ec;
  content: '';
} */

.section-support{
  background-color: #fff3ec;
}

/*
  step
---------------------------------*/


.smb-step__item__number {
  background-color: #ffebb5;
  color: #333;
}

.linelink {
  height: 45px;
}

/*
  sns
---------------------------------*/
.sns-section {
  background-image: url('https://satokoto.com/wp-content/uploads/sp-bg-profile.png');
  background-repeat: no-repeat;
  /* background-size: cover; */
}

.icons {
  padding: 1rem;
  width: 80px;
}

.sns__icon li {
  display: inline-block;
  list-style: none;
}

.sns__icon {
  text-align: center;
}

/*
  photo
---------------------------------*/

.groupphoto {
  height: 500px;
}

.wp-block-snow-monkey-blocks-section-with-bgimage.alignfull.smb-section.smb-section-with-bgimage.smb-section-with-bgimage--center.smb-section-with-bgimage--fit.js-bg-parallax.groupphoto.smb-section_mt0 {
  margin-top: 0;
}

/*
  footer
---------------------------------*/

.smb-section__title + .smb-section__lede,
.smb-section__title + .smb-section__lede-wrapper {
  text-align: center;
}

.section-footer {
  background-color: #fdf7e9;
}

/*---------------------------------

page

---------------------------------*/
.c-page-header[data-has-image=true] {
  min-height: 200px;
}

.c-page-header[data-has-image=true] .c-page-header__content {
  color: #333;
}



/*---------------------------------

tablet

---------------------------------*/
@media screen and (min-width:768px) and ( max-width:1024px) {
  .smb-section__title {
    width: 60%;
  }

  .section-mv__p {
    font-size: 1rem;
  }

  .section-mv__message span {
    font-size: 1.2rem;
  }

  .section-profile img {
    display: block;
    margin: 0 auto;
    width: 60%;
  }

  .section-profile.smb-media-text__figure {
    text-align: center;
  }

  .section-support .wp-block-columns {
    display: block;
  }
}

/*---------------------------------

sp

---------------------------------*/
@media screen and (max-width: 767px) {
  .section-mv__p {
    top: 15px;
    left: 0;
    font-size: 1rem;;
  }

  .smb-section__title:after {
    top: 0;
    right: 0;
  }

  .section-mv__message {
    right: 0;
    bottom: 10px;
  }

  .section-mv__message span {
    font-size: 1.5rem;
  }

  .section-profile {
    background-image: url('https://satokoto.com/wp-content/uploads/sp-bg-profile.png');
    background-position: left -120px bottom 100px;
    background-size: 250%;
    background-repeat: no-repeat;
  }

  .smb-section__title {
    padding: 0;
    width: 100%;
    font-size: 1.2rem;
  }

  .punctuation{
    display: none;
  }

  .section-profile .smb-section__title{
    font-size: 1.5rem;
  }

  .section-profile .smb-section__title:before {
    content: none;
  }


  .section-profile .smb-section__title:after {
    content: none;
  }

  .wp-block-snow-monkey-blocks-step--item--free.smb-step__item {
    margin-top: 3rem;
    margin-left: 0;
  }

  .smb-step__body:before {
    display: none;
  }

  .wp-block-image > figure,
  figure.wp-block-image {
    text-align: center;
  }

  .smb-btn.smb-btn--full.smb-btn__label {
    font-size: 1.5rem;
  }


  .section-policy__btn {
    font-size: 1.5rem;
  }

  .smb-btn {
    padding: .5rem 1rem;
  }

  .wp-block-column:not(:first-child) {
    margin-top: .5rem;
  }


  .icons {
    padding: 1rem;
    width: 60px;
  }

  ul {
    padding-left: 0;
  }

  .sns-section {
    background-position: 40% 0;
  }

  .groupphoto {
    height: 200px;
  }
}

/*---------------------------------

1600px~

---------------------------------*/
@media screen and (min-width: 1600px) {
  .section-profile {
    background-position: left 0 bottom -650px;
  }
}

/*---------------------------------

768px~

---------------------------------*/

@media screen and (min-width: 768px) {
  .smb-step__sp {
    display: none;
  }
}

.smb-section__background,
.smb-section__fixed-background {
  position: relative !important;
}

/*---------------------------------

br

---------------------------------*/

@media screen and (min-width: 680px){
  .pc { display:inline; }
  .sp { display:none; }
}
@media screen and (max-width: 680px){
  .pc { display:none; }
  .sp { display:inline; }
}