@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
#contents { margin-top: 50px; }

/*-----title-----*/
.salon-ttl { background: #2EA7E0; padding: 20px 0; text-align: center; color: #fff; }
.salon-ttl .salon-ttl__jp { border-bottom: 1px solid; padding-bottom: 10px; margin-bottom: 10px; font-size: 1.8rem; letter-spacing: normal; }
@media (min-width: 769px) { .salon-ttl .salon-ttl__jp { font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 4.3795620438 ); } }
@media (min-width: 1180px) { .salon-ttl .salon-ttl__jp { font-size: 3.6rem; } }
.salon-ttl .salon-ttl__en { font-size: 1rem; letter-spacing: 0.2em; }
@media (min-width: 769px) { .salon-ttl .salon-ttl__en { font-size: calc( 1rem + ( 1vw - 7.69px ) * 1.9464720195 ); } }
@media (min-width: 1180px) { .salon-ttl .salon-ttl__en { font-size: 1.8rem; } }

/*-----サロン情報-----*/
.salon .salon__img { padding-top: 40px; margin-bottom: 40px; background: url("/saito/img/salon/bg_salon.png") center top/cover no-repeat; }
.salon .salon__img .salon__copy { margin-bottom: 40px; color: #2EA7E0; font-size: 1.8rem; }
@media (min-width: 769px) { .salon .salon__img .salon__copy { font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 2.9197080292 ); } }
@media (min-width: 1180px) { .salon .salon__img .salon__copy { font-size: 3rem; } }
.salon .salon__map .salon__btn a { display: block; width: 70%; max-width: 300px; padding: 10px 0; margin: 20px auto 0; background: #808080; font-size: 1.4rem; text-align: center; color: #fff; }
@media (min-width: 769px) { .salon .salon__map .salon__btn a { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.9732360097 ); } }
@media (min-width: 1180px) { .salon .salon__map .salon__btn a { font-size: 1.8rem; } }

/*-----彩都インフォミュージアム-----*/
.museum .museum__ttl { padding: 10px 0; margin-bottom: 10px; background: #6CBB5A; color: #fff; font-size: 1.6rem; }
@media (min-width: 769px) { .museum .museum__ttl { font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 0.9732360097 ); } }
@media (min-width: 1180px) { .museum .museum__ttl { font-size: 2rem; } }
.museum .museum__txt { margin-bottom: 10px; }
.museum .museum__imgs figure { margin-bottom: 10px; }
.museum .museum__imgs figcaption { font-size: 1rem; }
@media (min-width: 769px) { .museum .museum__imgs figcaption { font-size: calc( 1rem + ( 1vw - 7.69px ) * 0.4866180049 ); } }
@media (min-width: 1180px) { .museum .museum__imgs figcaption { font-size: 1.2rem; } }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .salon-ttl { padding: 40px 0; }
  .salon .salon__img { padding-top: 60px; margin-bottom: 60px; }
  .salon .salon__img .salon__copy { margin-bottom: 40px; line-height: 1.8; }
  .salon .salon__img figure { max-width: 1180px; margin: auto; }
  .salon .salon__map .salon__btn a { margin: 40px auto 0; }
  /*-----彩都インフォミュージアム-----*/
  .museum .museum__ttl { padding: 15px 0; margin-bottom: 20px; }
  .museum .museum__ttl .ll-txt { margin-left: 10px; }
  .museum .museum__txt { margin-bottom: 30px; }
  .museum .museum__imgs { 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; }
  .museum .museum__imgs > * { flex: 0 1 49%; width: 49%; max-width: 49%; }
  .museum .museum__imgs figure { margin-bottom: 4%; } }
/*------------------------------
		961px以上
------------------------------*/
@media screen and (min-width: 961px) { #contents { margin-top: 85px; } }
/*------------------------------
		1181px以上
------------------------------*/

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