@charset "UTF-8";

/*Reset =============================================*/

br{
	display: none!important;
}

main section {
    margin: 0rem 0;
    text-align: center;
}





.no-visual main {
  margin-top: initial!important;
}
.sec_top{
padding-top: 1rem;
      padding-bottom: 1rem;
}
p,li{
      line-height: 1.6;
}
.brsp{
  display: block;

}
.brpc{
    display: none;
}
.sweet-ttl{
font-size: 1.8rem!important;
}
.left-center{
  text-align: center;
}
.sec_bloc {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.n_container{
width: 86%;
  margin: 0 auto;
}	
.aroma-ttl{
font-size: 1.5rem;
  line-height: 1.6;
  text-align: center;
  padding-top: 0rem;
  font-weight: bold;
  padding-bottom: 3rem;
}
.border {
  background: #ebebeb;
  height: 6px;
}
.border {
  background: #ebebeb;
  height: 7px;
height: 3px;
}	
.img-post{
  margin: 1rem 2rem 3rem;
}	
.img-post img{
      border-radius: 7px;
}
.s_boxday{
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic","Noto Sans CJK JP", Arial, Osaka, Sans-Serif;
  font-size: 1.5rem;
    padding-top: 0.5rem;
}	
.alomabg{
background: url(../aroma-img/2208_yoga_aroma-3.jpg);
    background-size: cover;
  padding: 19rem 0 3rem;
}
.s_boxtxt{
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic","Noto Sans CJK JP", Arial, Osaka, Sans-Serif;
      text-align: left;
      padding-top: 2rem;
      font-size: 1.3rem;
padding-bottom: 1rem;
}
.s_boxtxtgp{
width: 86%;
  text-align: center;
  margin: auto;
}
.aloma-lessonttl{
  font-size: 2.5rem!important;
}
.aloma-lessontxt{
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic","Noto Sans CJK JP", Arial, Osaka, Sans-Serif;
    padding: 1.4rem 0 2rem;
  font-size: 1.5rem;
  letter-spacing: 0;
}

.aloma-btn{
color: #fff;
  font-weight: bold;
  font-size: 1.3rem;
  border-radius: 7px;
  border: solid 2px #2b6360;
}
.aloma-btn a{
    padding: 7% 4%;
  background: rgb(43, 99, 96,0.92);
  margin: 1%;
  display: block;
  border-radius: 7px;
}
.pick_gb{
  padding: 0 2rem;
}
.boxint a {
  background: #fff;
  border-radius: 7px;
  text-decoration: none;
  display: flex;
  align-items: center;
/*    justify-content: space-between;*/
  width: 100%;
  margin: 0 auto;
  box-shadow: 0.15rem 0.25rem 0.6rem #cacaca;
}
.boxint figure{
  width: 40%;
}
.boxint figure img {
  width: auto;
  height: 100%;
  /* margin: 0 auto; */
  border-radius: 5px 0 0 5px;
  object-fit: cover;
}	
.detail_wrap22 {
  width: 60%;
  padding: 1rem 0;
}
.detail22{
  text-align: center;
  font-size: 1.4rem;
}
.instructor22{
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 0.3em;
}

.date22{
  font-size: 1rem;
  padding: 0 0.5rem;
  letter-spacing: 0;
}
.date22 p{
  line-height: 1.4;
}
.date22 br {
  display: inherit !important;
}
.sec_bloc2{
padding: 0.6rem 0;
}
.time22{
padding-bottom: 0.8rem;
}
.pickwrap{
padding-bottom: 5rem;
}
.pick-box{
text-align: center;
padding: 3rem 0;
}
.pickwrap h3{
font-family: 'century gothic','Josefin Sans',"游ゴシック体", "Yu Gothic", YuGothic, ui-sans-serif;
font-size: 2.8rem;
    letter-spacing: .1em;
    font-weight: 300;
}
.pick-box p{
text-align: center;
  font-size: 1.4rem;
  /* font-size: 0.45em; */
  line-height: 1.4;
margin-top: 0.8em;
}
.sec_aloma{
  padding: 3rem 0;
}
.pick-box{
  padding-top: 0.6rem;
}

@media (min-width: 960px) {
  .topics-post-wrap h1 {
    font-size: 2.2em;
    line-height: 1.5;
    /* margin-bottom: 2em; */
    text-align: center;
    /* opacity: 0; */
  }
  .topics-post-txt img {
    margin: 0em auto;
    display: block;
    height: auto;
  }
  .aroma-ttl{
    padding-bottom: 0rem;
  }
  .topimg22 {
    width: 46%;
    margin: 4rem auto 3rem;
    max-width: 480px;
  }
  .reverse22{
    flex-direction: row-reverse;
    padding-right: 5rem;
  }
  .s_box{
      border-top: solid 2px #ebebeb;
    border-bottom: solid 2px #ebebeb;
    width: 60%;
    text-align: left;
    padding: 6rem 2rem;
    margin: 0 2%;
  }
  .sec_bloc {
    display: flex;
    padding: 0 3rem 0;
    margin: 8rem 0 0;
    padding-right: 5rem;
  }
  .img-post {
    margin:0;
  }
  .aloma-lessonttl {
    font-size: 2.5rem;
  }
  .alomabg{
    background: url(../aroma-img/2208_yoga_aroma-4.jpg);
    background-size: cover;
    padding: 3rem 0 4rem;
  }
  .s_boxtxt{
      text-align: left;
        padding-top: 2rem;
        font-size: 1.2rem;
  }
  .s_boxtxtgp {
    width: 39%;
    text-align: center;
    margin-left: 3rem;
  }
  .aloma-lessonttl{
    font-size: 2.5rem;
  }
  .aloma-lessontxt {
    padding: 2rem 0;
    font-size: 1.4rem;
  }
  .aloma-btn {
    font-size: 1.3rem;
    margin: auto;
    border-radius: 7px;
    border: solid 2px #2b6360;
  }	
  .aloma-btn a {
    padding: 5% 4%;
    margin: 0.5%;
    display: block;
  }	
  .pick_gb{
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: auto;
  }
  .pick_gb .boxint{
    width: 32%;
    height: 100%;
    padding: 0;
  }	
  .boxint a{
    height: 100%;
  }	
  .pick_gb .detail_wrap22{
    padding: 0;
  }
  .pickwrap{
    padding: 6rem 0 9rem;
  }
  .pickwrap h3{
    letter-spacing: 1.2rem;
  }
  .pick-box p{
    margin-top: 0.8em;
  }
}

@media (min-width: 1200px) {
  .sec_bloc,.aaa{
    max-width: 1200px;
    margin: auto;
    padding: 3rem 0rem 3rem;
    }
  .sec_top {
      padding-top: 2rem;
      padding-bottom: 2rem;
  }
	.topics-post-wrap h1 {
    font-size: 2.2em;
    line-height: 1.5;
    /* margin-bottom: 2em; */
    text-align: center;
    padding-top: 14rem;
    /* opacity: 0; */
  }
}