@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; } }
/*//////////////////////////////////////////////////

	スタイル変数化

//////////////////////////////////////////////////*/
.width-outer { width: 90%; max-width: 1083px; margin: 0 auto; }

.width-inner { width: 90%; max-width: 1000px; margin: 0 auto; }

.detail .detail__inner { position: relative; background: #fff; padding-top: 40px; margin-bottom: 40px; }
.detail .detail__state { display: inline-block; position: absolute; left: 0; top: 0; padding: 9px 30px; font-size: 1.2rem; line-height: 1; background: #951510; color: #fff; }
@media (min-width: 769px) { .detail .detail__state { font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.782778865 ); } }
@media (min-width: 1280px) { .detail .detail__state { font-size: 1.6rem; } }
.detail .detail__state.free { background: #236C15; }
.detail .detail__state.limit { background: #435DED; }
.detail .detail__state.finish { background: #7E7E7E; }
.detail .detail__state.recess { background: #7E7E7E; }
.detail .detail__datetime { display: inline-block; font-size: 1.2rem; text-align: left; }
@media (min-width: 769px) { .detail .detail__datetime { font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.782778865 ); } }
@media (min-width: 1280px) { .detail .detail__datetime { font-size: 1.6rem; } }
.detail .detail__datetime span { display: block; word-break: break-all; }
.detail .detail__ttl { font-size: 2rem; letter-spacing: 0; color: #006e00; text-align: left; }
@media (min-width: 769px) { .detail .detail__ttl { font-size: calc( 2rem + ( 1vw - 7.69px ) * 1.9569471624 ); } }
@media (min-width: 1280px) { .detail .detail__ttl { font-size: 3rem; } }
.detail .detail__wrap { margin: 3.9% 0% 0% 0%; }
.detail .detail__wrap .detail__wrap-left { width: 222px; margin: 0 auto; text-align: center; }
.detail .detail__wrap .detail__wrap-left img { margin: 0 auto; height: 264px; object-fit: cover; }
.detail .detail__wrap .detail__wrap-right { 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; margin-top: 16px; }
.detail .detail__wrap .detail__wrap-right .detail__wrap-topinfo { flex: 0 1 100%; width: 100%; max-width: 100%; }
.detail .detail__wrap .detail__wrap-right .right__content-teacher { display: inline-block; width: 100%; color: #006e00; font-size: 1.6rem; }
@media (min-width: 769px) { .detail .detail__wrap .detail__wrap-right .right__content-teacher { font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 0.782778865 ); } }
@media (min-width: 1280px) { .detail .detail__wrap .detail__wrap-right .right__content-teacher { font-size: 2rem; } }
.detail .detail__wrap .detail__wrap-right .right__content-teacher .teacher-item { display: inline-block; padding-right: 12px; border-right: 1px solid #CBCBCB; margin-right: 10px; line-height: 1.2em; vertical-align: top; }
.detail .detail__wrap .detail__wrap-right .right__content-teacher .teacher-name { display: inline-block; width: 78%; line-height: 1.2em; word-break: break-all; vertical-align: top; }
.detail .detail__wrap .detail__wrap-right .right__content-teacher .teacher-name small { display: block; font-size: 70%; }
.detail .detail__wrap .detail__wrap-right .right__content-capacity { display: inline-block; background: #E8E8E8; font-size: 1.2rem; margin-top: 10px; }
@media (min-width: 769px) { .detail .detail__wrap .detail__wrap-right .right__content-capacity { font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.782778865 ); } }
@media (min-width: 1280px) { .detail .detail__wrap .detail__wrap-right .right__content-capacity { font-size: 1.6rem; } }
.detail .detail__wrap .detail__wrap-right .right__content-capacity .capacity-item { border-right: 1px solid #CBCBCB; line-height: 1; padding: 0 16px; display: inline-block; }
.detail .detail__wrap .detail__wrap-right .right__content-capacity .capacity-count { line-height: 1; padding: 0 16px; display: inline-block; }
.detail .detail__wrap .detail__wrap-right .history_link { font-size: 1.3rem; color: #006e00; }
.detail .detail__wrap .detail__wrap-right .history_link a:after { content: ''; display: inline-block; vertical-align: middle; width: 6px; height: 6px; border-width: 1px; border-style: solid; border-color: transparent #006e00 #006e00 transparent; transform: translate(3px, -3px) rotate(45deg); }
.detail .detail__wrap .detail__wrap-right .right__content-body { margin-top: 8px; font-size: 1.2rem; line-height: 3.0rem; padding-bottom: 12px; border-bottom: 1px solid #E8E8E8; margin-bottom: 20px; }
@media (min-width: 769px) { .detail .detail__wrap .detail__wrap-right .right__content-body { font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.782778865 ); } }
@media (min-width: 1280px) { .detail .detail__wrap .detail__wrap-right .right__content-body { font-size: 1.6rem; } }
.detail .detail__wrap .detail__wrap-right .right__content-body strong { color: #d60909; text-decoration: underline; }
.detail .detail__wrap .detail__wrap-right .event__item-pdf { display: inline-block; margin-top: 10px; color: #006e00; font-weight: bold; }
.detail .detail__wrap .detail__wrap-right .event__item-pdf:hover { text-decoration: underline; }
.detail .detail__wrap .detail__wrap-right .right-content-fee { flex: 0 1 100%; width: 100%; max-width: 100%; margin-bottom: 26px; }
.detail .detail__wrap .detail__wrap-right .right-content-fee strong { color: #d60909; text-decoration: underline; }
.detail .detail__wrap .detail__wrap-right .right-content-fee .fee-caption { font-size: 1.6rem; margin-bottom: 12px; }
@media (min-width: 769px) { .detail .detail__wrap .detail__wrap-right .right-content-fee .fee-caption { font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 0.782778865 ); } }
@media (min-width: 1280px) { .detail .detail__wrap .detail__wrap-right .right-content-fee .fee-caption { font-size: 2rem; } }
.detail .detail__wrap .detail__wrap-right .right-content-fee .fee-content { font-size: 1.2rem; font-weight: bold; }
@media (min-width: 769px) { .detail .detail__wrap .detail__wrap-right .right-content-fee .fee-content { font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 1.1741682975 ); } }
@media (min-width: 1280px) { .detail .detail__wrap .detail__wrap-right .right-content-fee .fee-content { font-size: 1.8rem; } }
.detail .detail__wrap .detail__wrap-right .right-content-fee .fee-info { font-size: 1.2rem; }
@media (min-width: 769px) { .detail .detail__wrap .detail__wrap-right .right-content-fee .fee-info { font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.782778865 ); } }
@media (min-width: 1280px) { .detail .detail__wrap .detail__wrap-right .right-content-fee .fee-info { font-size: 1.6rem; } }
.detail .detail__wrap .detail__wrap-right .right-content-venue { flex: 0 1 100%; width: 100%; max-width: 100%; margin-bottom: 26px; }
.detail .detail__wrap .detail__wrap-right .right-content-venue .venue-caption { font-size: 1.6rem; margin-bottom: 12px; }
@media (min-width: 769px) { .detail .detail__wrap .detail__wrap-right .right-content-venue .venue-caption { font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 0.782778865 ); } }
@media (min-width: 1280px) { .detail .detail__wrap .detail__wrap-right .right-content-venue .venue-caption { font-size: 2rem; } }
.detail .detail__wrap .detail__wrap-right .right-content-venue .venue-content { font-size: 1.2rem; margin-bottom: 12px; }
@media (min-width: 769px) { .detail .detail__wrap .detail__wrap-right .right-content-venue .venue-content { font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.782778865 ); } }
@media (min-width: 1280px) { .detail .detail__wrap .detail__wrap-right .right-content-venue .venue-content { font-size: 1.6rem; } }
.detail .detail__wrap .detail__wrap-right .right-content-remarks { flex: 0 1 100%; width: 100%; max-width: 100%; margin-bottom: 26px; }
.detail .detail__wrap .detail__wrap-right .right-content-remarks .remarks-caption { font-size: 1.6rem; margin-bottom: 12px; }
@media (min-width: 769px) { .detail .detail__wrap .detail__wrap-right .right-content-remarks .remarks-caption { font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 0.782778865 ); } }
@media (min-width: 1280px) { .detail .detail__wrap .detail__wrap-right .right-content-remarks .remarks-caption { font-size: 2rem; } }
.detail .detail__wrap .detail__wrap-right .right-content-remarks .remarks-content { font-size: 1.2rem; line-height: 3.4rem; margin-bottom: 12px; }
@media (min-width: 769px) { .detail .detail__wrap .detail__wrap-right .right-content-remarks .remarks-content { font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.782778865 ); } }
@media (min-width: 1280px) { .detail .detail__wrap .detail__wrap-right .right-content-remarks .remarks-content { font-size: 1.6rem; } }
.detail .detail__wrap .detail__wrap-right .right-content-remarks .remarks-content strong { color: #d60909; text-decoration: underline; }
.detail .detail__wrap .detail__wrap-right .right-content-history { flex: 0 1 100%; width: 100%; max-width: 100%; margin-bottom: 74px; }
.detail .detail__wrap .detail__wrap-right .right-content-history .remarks-caption { padding-left: 9px; font-size: 1.2rem; line-height: 1.6rem; border-left: 16px solid #006e00; margin-bottom: 8px; }
@media (min-width: 769px) { .detail .detail__wrap .detail__wrap-right .right-content-history .remarks-caption { font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.3913894325 ); } }
@media (min-width: 1280px) { .detail .detail__wrap .detail__wrap-right .right-content-history .remarks-caption { font-size: 1.4rem; } }
.detail .detail__wrap .detail__wrap-right .right-content-history .remarks-content { font-size: 1.2rem; line-height: 3.4rem; margin-bottom: 12px; }
@media (min-width: 769px) { .detail .detail__wrap .detail__wrap-right .right-content-history .remarks-content { font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.782778865 ); } }
@media (min-width: 1280px) { .detail .detail__wrap .detail__wrap-right .right-content-history .remarks-content { font-size: 1.6rem; } }
.detail .entry-btn { padding-bottom: 36px; }
.detail .entry-btn a { position: relative; max-width: 320px; max-height: 74px; padding: 22px 0; font-size: 1.6rem; color: #fff; background: #e67f0c; border-width: 1px 1px 3px; border-color: #e67f0c #e67f0c #AC6512; }
.detail .entry-btn a i { position: absolute; top: 50%; right: 10px; transform: translateY(-40%); }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .width-inner { padding: 0 30px; width: 100%; box-sizing: border-box; }
  .detail .detail__inner { padding-top: 60px; margin-bottom: 81px; }
  .detail .detail__state { display: inline-block; padding: 9px 30px; }
  .detail .detail__ttl { letter-spacing: unset; }
  .detail .detail__wrap { 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; }
  .detail .detail__wrap .detail__wrap-left { flex: 0 1 22.2%; width: 22.2%; max-width: 22.2%; margin: 0; }
  .detail .detail__wrap .detail__wrap-left img { height: 295px; }
  .detail .detail__wrap .detail__wrap-right { flex: 0 1 74.1%; width: 74.1%; max-width: 74.1%; margin-top: 0; }
  .detail .detail__wrap .detail__wrap-right .detail__wrap-topinfo { 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; }
  .detail .detail__wrap .detail__wrap-right .right__content-teacher { flex: 0 1 100%; width: 100%; max-width: 100%; }
  .detail .detail__wrap .detail__wrap-right .right__content-teacher .teacher-name { width: 88%; }
  .detail .detail__wrap .detail__wrap-right .right__content-capacity { flex: 0 1 auto; width: auto; max-width: auto; max-width: 30%; margin-top: 16px; }
  .detail .detail__wrap .detail__wrap-right .right__content-body { flex: 0 1 100%; width: 100%; max-width: 100%; line-height: 3.4rem; margin-top: 16px; padding-bottom: 30px; margin-bottom: 30px; }
  .detail .detail__wrap .detail__wrap-right .flex__wrap { 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; }
  .detail .detail__wrap .detail__wrap-right .right-content-fee { flex: 0 1 45%; width: 45%; max-width: 45%; margin-bottom: 30px; }
  .detail .detail__wrap .detail__wrap-right .right-content-venue { flex: 0 1 50%; width: 50%; max-width: 50%; margin-bottom: 30px; }
  .detail .entry-btn { padding-bottom: 78px; }
  .detail .entry-btn a { position: relative; max-width: 320px; max-height: 74px; padding: 22px 0; font-size: 1.6rem; color: #fff; background: #e67f0c; border-width: 1px 1px 3px; border-color: #e67f0c #e67f0c #AC6512; }
  .detail .entry-btn a i { position: absolute; top: 50%; right: 10px; transform: translateY(-40%); } }
/*------------------------------
		981px以上
------------------------------*/
/*------------------------------
		1181px以上
------------------------------*/
/*------------------------------
		1600px以上
------------------------------*/