@charset "UTF-8";
/*//////////////////////////////////////////////////

	ヨーガ禅行事ページ設定

//////////////////////////////////////////////////*/
/* Scss Document */
/* Scss Document */
/* アニメーション記述用 */
@keyframes headerFixed { 0% { transform: translateY(-80px); }
  100% { transform: translateY(0px); } }
@keyframes load5 { 0%,
	100% { box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7); }
  12.5% { box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5); }
  25% { box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); }
  37.5% { box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); }
  50% { box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); }
  62.5% { box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); }
  75% { box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); }
  87.5% { box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em #ffffff; } }
/*//////////////////////////////////////////////////

	スタイル変数化

//////////////////////////////////////////////////*/
/*タイトル共通*/
.home__title { margin: 0% 0% 5.2% 0%; }
.home__title-en { font-size: 1.3rem; letter-spacing: 0.2em; text-align: center; }
@media (min-width: 769px) { .home__title-en { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.9784735812 ); } }
@media (min-width: 1280px) { .home__title-en { font-size: 1.8rem; } }

/*メインイメージ*/
.mainimg__slide-box { background: url("/img/eyoga/mainimg.jpg") top right/cover no-repeat; }

.event__list .event__list-section + .event__list-section { margin-top: 40px; }

.contents__bnr { display: grid; grid-template-rows: auto; grid-template-columns: repeat(1, 1fr); }
.contents__bnr .contents__bnr-item { margin: 0 0 20px 0; }
.contents__bnr .contents__bnr-link { box-sizing: border-box; display: grid; grid-template-columns: 1fr; padding: 15px; background-size: auto, 75% auto; background-position: right center; background-repeat: no-repeat; }
.contents__bnr .contents__bnr-info .bnr__item-ttl { font-size: 1.5rem; border-bottom: 1px solid #236C15; }
.contents__bnr .contents__bnr-info .bnr__item-ttl span { font-size: 1.2rem; }
.contents__bnr .contents__bnr-info .bnr__item-txt { font-size: 1.3rem; }
.contents__bnr .contents__bnr-btn { text-align: right; }
.contents__bnr .contents__bnr-btn .bnr__item-detail { display: inline-block; width: 80px; height: 28px; line-height: 28px; text-align: center; font-size: 1.2rem; color: #fff; background: #236C15; }
.contents__bnr .contents__bnr-btn .bnr__item-detail:after { content: ''; display: inline-block; width: 4px; height: 4px; border-width: 1px 1px 0 0; border-color: #fff; border-style: solid; transform: translateY(-1px) rotate(45deg); }

@media screen and (min-width: 769px) { .contents__bnr { grid-template-columns: 1fr 1fr; }
  .contents__bnr .contents__bnr-item { margin: 0 16px 20px 0; }
  .contents__bnr .contents__bnr-item:nth-child(2n) { margin-right: 0; margin-left: 16px; }
  .contents__bnr .contents__bnr-info { margin-bottom: 15px; } }
@media screen and (min-width: 981px) { .event__list .event__list-section + .event__list-section { margin-top: 60px; }
  .contents__bnr .contents__bnr-link { align-items: end; grid-template-columns: 1fr 140px; padding: 30px; }
  .contents__bnr .contents__bnr-info { margin-bottom: 0; }
  .contents__bnr .contents__bnr-info .bnr__item-ttl { font-size: 2.2rem; }
  .contents__bnr .contents__bnr-info .bnr__item-txt { font-size: 1.6rem; }
  .contents__bnr .contents__bnr-btn .bnr__item-detail { width: 120px; height: 40px; line-height: 40px; font-size: 1.6rem; border-bottom: 3px solid #17460E; background: #236C15; }
  .contents__bnr .contents__bnr-btn .bnr__item-detail:after { width: 4px; height: 4px; } }
.event__outer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.event__outer .event__item { margin-bottom: 40px; line-height: 1.8; }
.event__outer .event__item.parts-ttl, .event__outer .event__item.parts-mv { margin-bottom: 18px; }
.event__outer .event__item.col-1 { flex: 0 1 100%; width: 100%; max-width: 100%; }
.event__outer .event__item.col-2 { flex: 0 1 48%; width: 48%; max-width: 48%; }
.event__outer .event__item .event__item-ttl { font-size: 2.2rem; font-weight: 500; color: #006e00; }
@media (min-width: 769px) { .event__outer .event__item .event__item-ttl { font-size: calc( 2.2rem + ( 1vw - 7.69px ) * 1.5655577299 ); } }
@media (min-width: 1280px) { .event__outer .event__item .event__item-ttl { font-size: 3rem; } }
.event__outer .event__item .event__item-ttl span { font-size: 1.6rem; }
@media (min-width: 769px) { .event__outer .event__item .event__item-ttl span { font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 0.3913894325 ); } }
@media (min-width: 1280px) { .event__outer .event__item .event__item-ttl span { font-size: 1.8rem; } }
.event__outer .event__item .event__item-subttl { margin-bottom: 15px; padding-left: 12px; font-size: 1.8rem; font-weight: 500; line-height: 1; color: #006e00; border-left: 5px solid #006e00; }
@media (min-width: 769px) { .event__outer .event__item .event__item-subttl { font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 0.782778865 ); } }
@media (min-width: 1280px) { .event__outer .event__item .event__item-subttl { font-size: 2.2rem; } }
.event__outer .event__item .event__item-text { font-size: 1.6rem; }
.event__outer .event__item .event__item-text strong { color: #d60909; text-decoration: underline; }
.event__outer .event__item .event__item-text a { color: #006e00; text-decoration: underline; }
.event__outer .event__item .event__item-text.caption { margin-top: 5px; font-size: 1.2rem; }
@media (min-width: 769px) { .event__outer .event__item .event__item-text.caption { font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.1956947162 ); } }
@media (min-width: 1280px) { .event__outer .event__item .event__item-text.caption { font-size: 1.3rem; } }
.event__outer .event__item .event__item-pdf { display: inline-block; margin-top: 10px; color: #006e00; font-weight: bold; }
.event__outer .event__item .event__item-pdf:hover { text-decoration: underline; }
.event__outer .event__item .event__item-btn { margin: 30px auto 0; }
.event__outer .event__item .event__item-btn a { font-size: 1.6rem; display: block; margin: 0 auto; padding: 16px 30px; max-width: 336px; text-align: center; color: #fff; background: #006e00; border-bottom: 5px solid #004800; box-sizing: border-box; }
@media (min-width: 769px) { .event__outer .event__item .event__item-btn a { font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 0.3913894325 ); } }
@media (min-width: 1280px) { .event__outer .event__item .event__item-btn a { font-size: 1.8rem; } }
.event__outer .event__item .event__item-btn.schedule_link span { position: relative; }
.event__outer .event__item .event__item-btn.schedule_link span::before, .event__outer .event__item .event__item-btn.schedule_link span::after { content: ''; position: absolute; top: calc(50% + 1.5px); width: 2px; height: 6.5px; background: #fff; }
.event__outer .event__item .event__item-btn.schedule_link span::before { right: -18px; transform: translateY(-50%) rotate(-45deg); }
.event__outer .event__item .event__item-btn.schedule_link span::after { right: -21.5px; transform: translateY(-50%) rotate(45deg); }
.event__outer .event__item .event__item-img + .event__item-img { margin-top: 40px; }
.event__outer .event__item .link__btn { box-sizing: border-box; display: block; height: 40px; margin-top: 20px; line-height: 40px; text-align: center; color: #006e00; border: 1px solid #006e00; background: #fff; }
.event__outer .event__item .link__btn:after { content: ''; display: inline-block; vertical-align: middle; width: 6px; height: 6px; border-top: 1px solid #006e00; border-right: 1px solid #006e00; transform: translate(6px, -2px) rotate(45deg); }
.event__outer .event__item.schedule { padding-top: 90px; margin-top: -90px; }

#zen { padding-top: 80px; border-top: 1px solid #7E7E7E; }

.col-1 { flex: 0 1 calc(96% / 12 * 1); width: calc(96% / 12 * 1); max-width: calc(96% / 12 * 1); }

.col-2 { flex: 0 1 calc(96% / 12 * 2); width: calc(96% / 12 * 2); max-width: calc(96% / 12 * 2); }

.col-3 { flex: 0 1 calc(96% / 12 * 3); width: calc(96% / 12 * 3); max-width: calc(96% / 12 * 3); }

.col-4 { flex: 0 1 calc(96% / 12 * 4); width: calc(96% / 12 * 4); max-width: calc(96% / 12 * 4); }

.col-5 { flex: 0 1 calc(96% / 12 * 5); width: calc(96% / 12 * 5); max-width: calc(96% / 12 * 5); }

.col-6 { flex: 0 1 calc(96% / 12 * 6); width: calc(96% / 12 * 6); max-width: calc(96% / 12 * 6); }

.col-7 { flex: 0 1 calc(96% / 12 * 7); width: calc(96% / 12 * 7); max-width: calc(96% / 12 * 7); }

.col-8 { flex: 0 1 calc(96% / 12 * 8); width: calc(96% / 12 * 8); max-width: calc(96% / 12 * 8); }

.col-9 { flex: 0 1 calc(96% / 12 * 9); width: calc(96% / 12 * 9); max-width: calc(96% / 12 * 9); }

.col-10 { flex: 0 1 calc(96% / 12 * 10); width: calc(96% / 12 * 10); max-width: calc(96% / 12 * 10); }

.col-11 { flex: 0 1 calc(96% / 12 * 11); width: calc(96% / 12 * 11); max-width: calc(96% / 12 * 11); }

.col-12 { flex: 0 1 100%; width: 100%; max-width: 100%; }

.schedule .attention { color: #2E2E2E; }
.schedule .schedule__wp .schedule__wp-field { display: grid; grid-template-columns: 1fr; align-items: center; }
.schedule .schedule__wp .schedule__wp-field + .schedule__wp-field { margin-top: 20px; }
.schedule .schedule__wp .schedule__wp-field.type2 .schedule__wp-cell { grid-template-columns: 25.0014815% 75.0014815%; }
.schedule .schedule__wp .schedule__wp-field.type2 .schedule__wp-cell.btn { grid-template-columns: 1fr; }
.schedule .schedule__wp .head { display: none; }
.schedule .schedule__wp .body { font-size: 1.4rem; }
@media (min-width: 769px) { .schedule .schedule__wp .body { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.3913894325 ); } }
@media (min-width: 1280px) { .schedule .schedule__wp .body { font-size: 1.6rem; } }
.schedule .schedule__wp .schedule__wp-cell { display: grid; grid-template-columns: 1fr 3fr; background: #fff; }
.schedule .schedule__wp .schedule__wp-cell.btn { grid-template-columns: 1fr; padding: 10px 0; }
.schedule .schedule__wp .schedule__wp-cell.btn a { position: relative; width: calc(100% - 20px); max-width: 280px; height: 46px; line-height: 41px; padding: 0; font-size: 1.6rem; color: #fff; background: #e67f0c; border-width: 1px 1px 3px; border-color: #e67f0c #e67f0c #AC6512; }
.schedule .schedule__wp .schedule__wp-cell.btn a i { position: absolute; top: 50%; right: 10px; transform: translateY(-40%); }
.schedule .schedule__wp .schedule__wp-cell + .schedule__wp-cell { margin-top: 1px; }
.schedule .schedule__wp .schedule__wp-cell .ttl, .schedule .schedule__wp .schedule__wp-cell .data { padding: 10px; }
.schedule .schedule__wp .schedule__wp-cell .ttl { color: #fff; background: #236C15; }
.schedule .schedule__wp .schedule__wp-cell .data span { display: inline-block; }
.schedule .schedule__wp .schedule__wp-cell .data .font-bold { font-weight: bold; }
.schedule .schedule__wp .schedule__wp-cell .data .font-14 { font-size: 1.2rem; }
@media (min-width: 769px) { .schedule .schedule__wp .schedule__wp-cell .data .font-14 { font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.3913894325 ); } }
@media (min-width: 1280px) { .schedule .schedule__wp .schedule__wp-cell .data .font-14 { font-size: 1.4rem; } }
.schedule .schedule__wp .schedule__wp-cell .data.fs_same { font-size: 1.2rem; }
@media (min-width: 769px) { .schedule .schedule__wp .schedule__wp-cell .data.fs_same { font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.3913894325 ); } }
@media (min-width: 1280px) { .schedule .schedule__wp .schedule__wp-cell .data.fs_same { font-size: 1.4rem; } }
.schedule .schedule__wp .schedule__wp-cell.date .data span { text-align: left; word-break: break-all; }
.schedule .schedule__wp .schedule__wp-cell.date .data .font-14 { font-size: 1.2rem; }
@media (min-width: 769px) { .schedule .schedule__wp .schedule__wp-cell.date .data .font-14 { font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.1956947162 ); } }
@media (min-width: 1280px) { .schedule .schedule__wp .schedule__wp-cell.date .data .font-14 { font-size: 1.3rem; } }
.schedule .schedule__wp .schedule__wp-cell .recruit_st { text-align: center; }
.schedule .schedule__wp .schedule__wp-cell .recruit_st.free { color: #236C15; }
.schedule .schedule__wp .schedule__wp-cell .recruit_st.limit { color: #435DED; }
.schedule .schedule__wp .schedule__wp-cell .recruit_st.finish { color: #7E7E7E; }
.schedule .schedule__wp .schedule__wp-cell .recruit_st.recess { color: #7E7E7E; }

/* 月例ヨーガ禅会のみ「休会」の文字色を変更する */
#getsurei .schedule .schedule__wp .schedule__wp-cell .recruit_st.recess { color: #d60909; }

/*------------------------------
		769px以上
------------------------------*/
/*------------------------------
		981px以上
------------------------------*/
@media screen and (min-width: 981px) { /*タイトル共通*/
  .home__title { margin-bottom: 50px; }
  .home__title h2 { margin-bottom: 10px; }
  .event__outer .event__item { margin-bottom: 50px; }
  .event__outer .event__item.parts-ttl, .event__outer .event__item.parts-mv { margin-bottom: 25px; }
  .event__outer .event__item .event__item-btn a { margin: 0 auto 0 0; }
  .event__outer .event__item .event__item-btn.schedule_link span::before { right: -22px; }
  .event__outer .event__item .event__item-btn.schedule_link span::after { right: -25.5px; }
  .event__outer .event__item .event__item-img + .event__item-img { margin-top: 0; }
  .event__outer .event__item .link__btn { width: 200px; }
  .event__outer .event__item .link__btn:hover { color: #fff; background: #006e00; }
  .event__outer .event__item .link__btn:hover:after { border-top: 1px solid #fff; border-right: 1px solid #fff; }
  .event__outer .event__item.schedule { padding-top: 120px; margin-top: -120px; }
  .col-1_pc { flex: 0 1 calc(96% / 12 * 1); width: calc(96% / 12 * 1); max-width: calc(96% / 12 * 1); }
  .col-2_pc { flex: 0 1 calc(96% / 12 * 2); width: calc(96% / 12 * 2); max-width: calc(96% / 12 * 2); }
  .col-3_pc { flex: 0 1 calc(96% / 12 * 3); width: calc(96% / 12 * 3); max-width: calc(96% / 12 * 3); }
  .col-4_pc { flex: 0 1 calc(96% / 12 * 4); width: calc(96% / 12 * 4); max-width: calc(96% / 12 * 4); }
  .col-5_pc { flex: 0 1 calc(96% / 12 * 5); width: calc(96% / 12 * 5); max-width: calc(96% / 12 * 5); }
  .col-6_pc { flex: 0 1 calc(96% / 12 * 6); width: calc(96% / 12 * 6); max-width: calc(96% / 12 * 6); }
  .col-7_pc { flex: 0 1 calc(96% / 12 * 7); width: calc(96% / 12 * 7); max-width: calc(96% / 12 * 7); }
  .col-8_pc { flex: 0 1 calc(96% / 12 * 8); width: calc(96% / 12 * 8); max-width: calc(96% / 12 * 8); }
  .col-9_pc { flex: 0 1 calc(96% / 12 * 9); width: calc(96% / 12 * 9); max-width: calc(96% / 12 * 9); }
  .col-10_pc { flex: 0 1 calc(96% / 12 * 10); width: calc(96% / 12 * 10); max-width: calc(96% / 12 * 10); }
  .col-11_pc { flex: 0 1 calc(96% / 12 * 11); width: calc(96% / 12 * 11); max-width: calc(96% / 12 * 11); }
  .col-12_pc { flex: 0 1 100%; width: 100%; max-width: 100%; }
  .schedule .schedule__wp .schedule__wp-field { grid-template-columns: 1fr; }
  .schedule .schedule__wp .schedule__wp-field + .schedule__wp-field { margin-top: 4px; }
  .schedule .schedule__wp .schedule__wp-field.type2 { grid-template-columns: 25% 21.6% 9.6% 14.6% 9.6% 19.6%; }
  .schedule .schedule__wp .schedule__wp-field.type2 .schedule__wp-cell.date .data span { display: block; }
  .schedule .schedule__wp .head { display: grid; grid-template-columns: 3fr 2.5fr 1.5fr 1.5fr; font-size: 1.4rem; }
  .schedule .schedule__wp .head .schedule__wp-cell { box-sizing: border-box; height: 28px; line-height: 28px; text-align: center; color: #fff; font-weight: bold; background: #2E2E2E; }
  .schedule .schedule__wp .head .schedule__wp-cell + .schedule__wp-cell { margin-left: 4px; }
  .schedule .schedule__wp .body { grid-template-columns: 3fr 2.5fr 1.5fr 1.5fr; background: #fff; }
  .schedule .schedule__wp .body .schedule__wp-cell { position: relative; }
  .schedule .schedule__wp .body .schedule__wp-cell + .schedule__wp-cell { margin-top: 0; }
  .schedule .schedule__wp .body .schedule__wp-cell + .schedule__wp-cell:before { content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 58%; background: #D9D9D9; }
  .schedule .schedule__wp .schedule__wp-cell { display: block; background: transparent; text-align: center; }
  .schedule .schedule__wp .schedule__wp-cell.btn a { max-width: 180px; font-size: 1.4rem; }
  .schedule .schedule__wp .schedule__wp-cell .data { font-size: 1.6rem; padding: 15px; }
  .schedule .schedule__wp .schedule__wp-cell .ttl { display: none; }
  #zen { padding-top: 100px; } }
/*------------------------------
		1181px以上
------------------------------*/
/*------------------------------
		1600px以上
------------------------------*/
