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

	日本ヨーガ禅道院 共通パーツ

//////////////////////////////////////////////////*/
/* Scss Document */
/* Scss Document */
/* 見出し */
.mainimg__slide-box { background: url(/img/nyz/mainimg.jpg) bottom center/cover no-repeat; }

/* ボタン */
.btn { margin-top: 8%; }
.btn a, .btn button { padding: 22px; background: #fff; border-width: 2px; line-height: 1; }

#nyz { /* 切り替えタブ */ }
#nyz .page_tab { 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-bottom: 32px; }
#nyz .page_tab li { flex: 0 1 49%; width: 49%; max-width: 49%; margin-bottom: 2%; }
#nyz .page_tab li a { font-size: 1.4rem; display: block; padding: 10px 14px; font-weight: 500; text-align: center; color: #006e00; background: #fff; border: 2px solid #006e00; position: relative; }
@media (min-width: 375px) { #nyz .page_tab li a { font-size: calc( 1.4rem + ( 1vw - 3.75px ) * 0.64 ); } }
@media (min-width: 1000px) { #nyz .page_tab li a { font-size: 1.8rem; } }
#nyz .page_tab li a::before, #nyz .page_tab li a::after { content: ''; width: 1px; height: 7px; position: absolute; right: 12px; background: #006e00; }
#nyz .page_tab li a::before { top: calc(50% - 2.25px); transform: translateY(-50%) rotate(-45deg); }
#nyz .page_tab li a::after { top: calc(50% + 2.25px); transform: translateY(-50%) rotate(45deg); }
#nyz .page_tab li a.active { color: #fff; background: #006e00; }
#nyz .page_tab li a.active::before, #nyz .page_tab li a.active::after { background: #fff; }
#nyz .page_tab li:last-child { margin-bottom: 0; }
#nyz .nyz__contents--ttl { font-size: 1.8rem; margin-bottom: 3%; padding-left: 10px; font-weight: 500; font-family: inherit; text-align: left; color: #006e00; line-height: 1; position: relative; }
@media (min-width: 375px) { #nyz .nyz__contents--ttl { font-size: calc( 1.8rem + ( 1vw - 3.75px ) * 0.64 ); } }
@media (min-width: 1000px) { #nyz .nyz__contents--ttl { font-size: 2.2rem; } }
#nyz .nyz__contents--ttl::before { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); left: 0; content: ''; width: 5px; height: 100%; background: #006e00; }
#nyz .nyz__contents--wrap .nyz__contents--box { margin-bottom: 8%; }
#nyz .nyz__contents--wrap .nyz__contents--box:last-child { margin-bottom: 0; }
#nyz .nyz__contents--wrap .nyz__contents--list { margin-bottom: 8%; padding: 16px; background: #fff; border-bottom: 6px solid #006e00; }
#nyz .nyz__contents--wrap .nyz__contents--list .thumbnail img { display: block; margin: 0 auto; width: 65%; }
#nyz .nyz__contents--wrap .nyz__contents--list .nyz__item .txt { line-height: 1.8em; }
#nyz .nyz__contents--wrap .nyz__contents--list:last-child { margin-bottom: 0; }
#nyz .nyz__contents--wrap .thumbnail { margin-bottom: 4%; }
#nyz .nyz__contents--wrap .thumbnail img { display: block; }
#nyz .nyz__contents--wrap .thumbnail img.vertical { margin: 0 auto; width: 75%; }
#nyz .nyz__contents--wrap .thumbnail img.vertical + figcaption { text-align: center; }
#nyz .nyz__contents--wrap .nyz__item .ttl { font-size: 1.6rem; margin-bottom: 2%; font-weight: 500; line-height: 1.4; color: #2E2E2E; }
@media (min-width: 375px) { #nyz .nyz__contents--wrap .nyz__item .ttl { font-size: calc( 1.6rem + ( 1vw - 3.75px ) * 0.64 ); } }
@media (min-width: 1000px) { #nyz .nyz__contents--wrap .nyz__item .ttl { font-size: 2rem; } }
#nyz .nyz__contents--wrap .nyz__item .ttl span { font-size: 1.3rem; margin-left: 11px; color: #2E2E2E; }
@media (min-width: 375px) { #nyz .nyz__contents--wrap .nyz__item .ttl span { font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.16 ); } }
@media (min-width: 1000px) { #nyz .nyz__contents--wrap .nyz__item .ttl span { font-size: 1.4rem; } }
#nyz .nyz__contents--wrap .nyz__item .ttl.option_color { color: #006e00; }
#nyz .nyz__contents--wrap .nyz__item .ttl.option_border { padding-left: 10px; font-family: "リュウミン B-KL", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color: #2E2E2E; line-height: 1; position: relative; }
#nyz .nyz__contents--wrap .nyz__item .ttl.option_border::before { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); left: 0; content: ''; width: 5px; height: 100%; background: #006e00; }
#nyz .nyz__contents--wrap .nyz__item .txt { font-size: 1.4rem; line-height: 2.1em; }
@media (min-width: 375px) { #nyz .nyz__contents--wrap .nyz__item .txt { font-size: calc( 1.4rem + ( 1vw - 3.75px ) * 0.32 ); } }
@media (min-width: 1000px) { #nyz .nyz__contents--wrap .nyz__item .txt { font-size: 1.6rem; } }
#nyz .nyz__contents--wrap .nyz__item .btn { margin-top: 2%; }
#nyz .nyz__contents--wrap .nyz__item .btn a, #nyz .nyz__contents--wrap .nyz__item .btn button { font-size: 1.4rem; padding: 15px; position: relative; }
@media (min-width: 375px) { #nyz .nyz__contents--wrap .nyz__item .btn a, #nyz .nyz__contents--wrap .nyz__item .btn button { font-size: calc( 1.4rem + ( 1vw - 3.75px ) * 0.32 ); } }
@media (min-width: 1000px) { #nyz .nyz__contents--wrap .nyz__item .btn a, #nyz .nyz__contents--wrap .nyz__item .btn button { font-size: 1.6rem; } }
#nyz .nyz__contents--wrap .nyz__item .btn a::before, #nyz .nyz__contents--wrap .nyz__item .btn a::after, #nyz .nyz__contents--wrap .nyz__item .btn button::before, #nyz .nyz__contents--wrap .nyz__item .btn button::after { content: ''; width: 1px; height: 7px; position: absolute; right: 12px; background: #006e00; transition: .3s; }
#nyz .nyz__contents--wrap .nyz__item .btn a::before, #nyz .nyz__contents--wrap .nyz__item .btn button::before { top: calc(50% - 2.25px); transform: translateY(-50%) rotate(-45deg); }
#nyz .nyz__contents--wrap .nyz__item .btn a::after, #nyz .nyz__contents--wrap .nyz__item .btn button::after { top: calc(50% + 2.25px); transform: translateY(-50%) rotate(45deg); }
#nyz .nyz__contents--wrap .nyz__item .btn a:hover::before, #nyz .nyz__contents--wrap .nyz__item .btn a:hover::after, #nyz .nyz__contents--wrap .nyz__item .btn button:hover::before, #nyz .nyz__contents--wrap .nyz__item .btn button:hover::after { background: #fff; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { #nyz .page_tab { margin-bottom: 50px; }
  #nyz .page_tab li a { padding: 15px 25px; }
  #nyz .page_tab li a::before, #nyz .page_tab li a::after { right: 20px; }
  #nyz .nyz__contents--ttl { margin-bottom: 3.7%; padding-left: 20px; }
  #nyz .nyz__contents--wrap .nyz__contents--box .thumbnail { margin-bottom: 3%; }
  #nyz .nyz__contents--wrap .nyz__contents--box .nyz__item .ttl { margin-bottom: 1.8%; }
  #nyz .nyz__contents--wrap .nyz__contents--list { 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-bottom: 5%; padding: 30px 25px 45px; }
  #nyz .nyz__contents--wrap .nyz__contents--list .thumbnail { flex: 0 1 40%; width: 40%; max-width: 40%; margin-bottom: 0; }
  #nyz .nyz__contents--wrap .nyz__contents--list .thumbnail img { width: 100%; }
  #nyz .nyz__contents--wrap .nyz__contents--list .nyz__item { flex: 0 1 55%; width: 55%; max-width: 55%; }
  #nyz .nyz__contents--wrap .nyz__contents--list .nyz__item .ttl { margin-bottom: 2.75%; }
  #nyz .nyz__contents--wrap .nyz__contents--list .nyz__item .txt { line-height: 2.06em; }
  #nyz .nyz__contents--wrap .nyz__item .btn { margin-top: 1.6%; }
  #nyz .nyz__contents--wrap .nyz__item .btn a, #nyz .nyz__contents--wrap .nyz__item .btn button { margin-left: 0; padding: 12px; max-width: 190px; }
  #nyz .nyz__contents--wrap .nyz__item .btn.bosatsu_btn a, #nyz .nyz__contents--wrap .nyz__item .btn.bosatsu_btn button { max-width: 391px; } }
/*------------------------------
		981px以上
------------------------------*/
@media screen and (min-width: 981px) { .btn { margin-top: 9.5%; }
  #nyz .page_tab { margin-bottom: 72px; }
  #nyz .page_tab li { flex: 0 1 calc((100% - 73px) / 4); width: calc((100% - 73px) / 4); max-width: calc((100% - 73px) / 4); margin-right: 24px; margin-bottom: 0; }
  #nyz .page_tab li a { padding: 18px 25px; }
  #nyz .page_tab li:last-child { margin-right: 0; }
  #nyz .nyz__contents--wrap .nyz__contents--box { 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-bottom: 13%; }
  #nyz .nyz__contents--wrap .nyz__contents--box .thumbnail { flex: 0 1 39.486673%; width: 39.486673%; max-width: 39.486673%; margin-bottom: 0; }
  #nyz .nyz__contents--wrap .nyz__contents--box .thumbnail img.vertical { margin: 0; width: 80%; }
  #nyz .nyz__contents--wrap .nyz__contents--box .thumbnail img.vertical + figcaption { width: 80%; }
  #nyz .nyz__contents--wrap .nyz__contents--box .nyz__item { flex: 0 1 54.787759%; width: 54.787759%; max-width: 54.787759%; }
  #nyz .nyz__contents--wrap .nyz__contents--box .nyz__item .ttl { margin-bottom: 16px; }
  #nyz .nyz__contents--wrap .nyz__contents--box:nth-child(odd) { flex-direction: row-reverse; }
  #nyz .nyz__contents--wrap .nyz__contents--box:nth-child(odd) .thumbnail img.vertical { margin: auto 0 auto auto; }
  #nyz .nyz__contents--wrap .nyz__contents--box:nth-child(odd) .thumbnail img.vertical + figcaption { margin: 15px 0 auto auto; }
  #nyz .nyz__contents--wrap .nyz__contents--box.reverse_cacel { flex-direction: inherit; }
  #nyz .nyz__contents--wrap .nyz__contents--box.reverse_cacel .thumbnail img.vertical { margin: auto auto auto 0; }
  #nyz .nyz__contents--wrap .nyz__contents--box.reverse_cacel .thumbnail img.vertical + figcaption { margin: 15px auto auto 0; }
  #nyz .nyz__contents--wrap .nyz__contents--box.single_item > * { flex: 0 1 100%; width: 100%; max-width: 100%; }
  #nyz .nyz__contents--wrap .nyz__contents--list { padding: 45px 60px 70px; }
  #nyz .nyz__contents--wrap .nyz__contents--list .thumbnail { flex: 0 1 30.683091%; width: 30.683091%; max-width: 30.683091%; }
  #nyz .nyz__contents--wrap .nyz__contents--list .nyz__item { flex: 0 1 66.069429%; width: 66.069429%; max-width: 66.069429%; } }

/*# sourceMappingURL=style.css.map */