@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*パンくずリスト非表示*/
#breadcrumb {
   display: none;
}

/*見出しの装飾*/
.wp-block-heading {
    font-family: "Zen Maru Gothic", serif;
}

.post_content h2 {
    background: none;
}

.post_content h2::before {
    border: none;
}

.post_content h2 {
    color: #e38b29;
    border-top: 3px dotted #e38b29;
    font-weight: 700;
    font-size: 40px;
    margin: 0 auto;
    text-align: center;
    padding: 20px 0 40px;
}

@media screen and (max-width: 768px){
    .post_content h2  {
        font-size: 32px;
    }
}

.post_content h2.wp-block-heading.is-style-concept {
    padding: 40px 0;
}

.post_content h3 {
  display: inline-block;
  position: relative;
  padding: 0 8px 6px 2px; 
  margin: 10px 0 20px;
}

.post_content h3:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 6px;
  background: -webkit-repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
}

/*レッスンページh3装飾*/
.lesson_title:after{
  content: none;
  display: none;
}

@media screen and (max-width: 768px){
    .post_content h3  {
        font-size: 18px;
    }
}

/*pレスポンシブ左揃え装飾*/
@media (max-width: 767px) {
  .pc-center-sp-left p {
    text-align: left;
  }
}

/*header装飾*/
.l-header__barInner {
    display: none;
}

.l-header {
    max-width: 960px;
    margin: 0 auto;
    box-sizing: border-box;
}

@media screen and (max-width: 768px) {
    .l-header {
            padding-left: 10px;
}
}

/*globalnavのsnsアイコン装飾*/
.c-gnav>.icon-menu>a .ttl>i {
   font-size:26px;
}
.c-gnav__sBtn {
   margin:1px 1px 0 0;
}

@media (min-width: 960px) {
    .-parallel .l-header__gnav .c-gnav>li>a {
        padding: 10px 18px;
    }
}

/*スマホ開閉メニュー文字サイズ装飾*/
.c-spnav {
   font-size: 18px;
}


/*footer余白調整*/
.-frame-on .l-mainContent {
    padding-bottom: 0px;
    }

.l-content {
    margin: 0 auto;
}

.w-beforeFooter {
    margin: 0;
    padding: 0;
}

.w-beforeFooter .l-container {
    margin: 0;
    padding: 0;
}

.w-beforeFooter .p-blogParts {
    margin: 0;
    padding: 0;
}

.w-beforeFooter .follow-banner {
    margin: 0;
    padding: 0;
}

/*メインビジュアル装飾*/
.p-mainVisual {
    max-width: 960px;
    padding-top: 10px;
    background-color: white;
    margin: 0 auto;
    box-sizing: border-box;
}

.p-postSlider {
    max-width: 960px;
    margin: 0 auto;
    box-sizing: border-box;
}

.p-postSlider .p-postList__title {
   display: none;
}

@media screen and (max-width: 768px){
    .p-mainVisual {
        padding-top: 0;
    }
}

/*メインコピー装飾*/
.mv-maincopy {
    margin-top: 36px;
    padding: 0 6px 0 20px;
}

.mv-maincopy h2 {
    text-align: center;
    margin-top: 20px;

}

/*サブテキスト装飾*/
#main_visual .mv-subtext-fixed {
    background-color: white;
    font-size: 18px;
    z-index: 10;
    padding: 30px 40px 60px 40px; 
}

#main_visual .mv-subtext-fixed p {
    text-align: center;
    line-height: 2em;
}

@media screen and (max-width: 768px) {
    #main_visual .mv-subtext-fixed {
        padding: 20px; 
    }
    #main_visual .mv-subtext-fixed p {
        text-align: justify;
    }
}

/*リンクボタン装飾*/
.wp-block-button .wp-block-button__link {
    font-family: "Zen Maru Gothic", serif;
    color: #602800;
    font-weight: bold;
    background: #ffb080 url(http://sizutamacreate.verse.jp/wp-content/uploads/2026/02/link_btn.svg) no-repeat right 26px center;
    background-size: 20px;
    padding: 10px 100px 10px 30px;
    transition: all 0.2s;
}

.wp-block-button .wp-block-button__link:hover {
    background-position: right 22px center;
    opacity: 0.7;
}

/*予約ボタン装飾*/
.reserve-link-btn {
   padding-top: 30px;
}

/* Googleカレンダー詳細説明の装飾 */
.calendar-menu .swell-block-dl__dd {
   margin-left: 0;
    padding: 6px 0 0 10px;
}

@media (min-width: 960px) {
    .calendar-menu {
        padding-left: 30px;
    }
}

/* Googleカレンダーのレスポンシブ対応 */
.googleCalendar {
    text-align: center;
}

.googleCalendar iframe {
    width: 100%;
    max-width: 800px;
    height: 400px;
}

@media (min-width: 768px) {
    .googleCalendar iframe {
        height: 500px;
    }
}

/*記事一覧リスト装飾*/
.p-postListWrap {
    width: 650px;
    margin: 0 auto;
}

.-type-list .p-postList__item {
    border-top: 2px dotted #ffb080;
    padding: 16px 0;
    margin-bottom: 0;
}

@media screen and (max-width: 768px){
    .p-postListWrap  {
        width: auto;
    }
}

/*access画像装飾*/
.wp-block-image.is-style-border img, .wp-block-video.is-style-border video, img.border {
    border: 5px solid #ffb080;
}

/*LINE予約追従バナー装飾*/
.follow-banner {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 20;
}

.follow-banner a {
  display: flex;
  align-items: center;
  gap: 0.5em;
  writing-mode: vertical-rl;
	font-weight: bold;
  font-size: 16px;
	color: white;
	background-color: #ffb080 ;
  letter-spacing: 0.1em;
  padding: 1.5em 1em;
  border-radius: 10px;
  text-decoration: none;
  transition: opacity 0.25s;
}

.follow-banner a img {
	padding-bottom: 8px;
}

.follow-banner a:hover {
  opacity: 0.7;
}

.follow-banner .swl-inline-icon::after {
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 768px){
    .follow-banner {
        display: none;
    }
}


/*第二階層上部余白調整*/
.l-mainContent__inner>.post_content {
   margin-top: 10px;
}