/* ------------------------------ color
------------------------------ */
/* ------------------------------ font
------------------------------ */
/* ------------------------------ studio
------------------------------ */
body.studio .contents-main { /* blog */ /* campaign */ /* coupon */ /* index */ /* instructor */ /* map */ }
body.studio .contents-main .studio-header { background: #fff; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; position: -webkit-sticky; position: sticky; top: 0; z-index: 10; }
body.studio .contents-main .studio-header .page-title { padding-right: 130px; }
body.studio .contents-main .studio-header .page-contact { background: #eee; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; padding: 12px 10px 10px; text-align: center; }
body.studio .contents-main .studio-header .page-contact .btn { display: inline-block; margin-left: 5px; }
body.studio .contents-main .studio-header .page-contact p { font-size: 79%; line-height: 1.35; padding-top: 5px; }
body.studio .contents-main .studio-header .social { position: absolute; top: 20px; right: 30px; }
body.studio .contents-main .studio-header .social a { margin-top:10px; margin-left: 15px; vertical-align: middle; }
body.studio .contents-main .studio-header .social a:first-child { margin-left: 0; }
body.studio .contents-main .studio-header .social .btn-facebook, body.studio .contents-main .studio-header .social .btn-twitter { font-size: 125%; }
body.studio .contents-main .studio-header .social .btn-facebook { color: #3b5998; color: #3b5998; }
body.studio .contents-main .studio-header .social .btn-twitter { color: #1da1f3; color: #1da1f3; }
body.studio .contents-main .title { border-bottom: 1px solid #e0e0e0; font-size: 129%; font-weight: 700; line-height: 1.5; padding-bottom: 8px; }
body.studio .contents-main .title i { color: #bcaaa4; }
body.studio .contents-main .studio-nav { background: #fff; position: -webkit-sticky; position: sticky; z-index: 10; }
body.studio .contents-main .studio-nav nav { border-bottom: 1px solid #689f38; margin-right: 0; margin-left: 0; padding-right: 25px; padding-left: 25px; }
body.studio .contents-main .studio-nav nav a { font-size: 93%; letter-spacing: -0.05em; line-height: 30px; padding: 10px 0; text-align: center; }
body.studio .contents-main .studio-nav nav .blog a, body.studio .contents-main .studio-nav nav .instructor a { line-height: 15px; }
body.studio .contents-main .studio-nav.is-bottom nav { border-top: 1px solid #689f38; border-bottom: none; }
body.studio.is-ie .contents-main .studio-header.is-fixed, body.studio.is-ie .contents-main .studio-nav.is-fixed { position: fixed; top: auto; width: 860px; }
body.studio .contents-main .studio-btns { margin-right: auto; margin-left: auto; padding-right: 0; padding-left: 0; padding-bottom: 40px; max-width: 520px; }
body.studio .contents-main .studio-btns .btn { float: left; width: 240px; }
body.studio .contents-main .studio-btns .btn:last-child { float: right; }
body.studio .contents-main .studio-btns.is-r .btn { float: right; }
body.studio .contents-main .studio-btns.is-r .btn:last-child { float: left; margin-left:20px;}
body.studio .contents-main .studio-blog .title i { color: #2196f3; }
body.studio .contents-main .studio-blog .parts-link-ws-s { background: none; border-bottom: 1px solid #e0e0e0; margin-top: 0; padding-top: 20px; padding-bottom: 20px; }
body.studio .contents-main .studio-blog .parts-link-ws-s .body, body.studio .contents-main .studio-blog .parts-link-ws-s .detail { font-size: 110%; }
body.studio .contents-main .studio-blog .parts-link-ws-s .body { font-weight: 700; }
body.studio .contents-main .studio-blog-detail .parts-link-ws-s { margin-bottom: 20px; }
body.studio .contents-main .studio-blog-detail .parts-link-ws-s .body { display: block; font-size: 150%; font-weight: 700; margin-top: 10px; }
body.studio .contents-main .studio-blog-detail .detail { font-size: 93%; }
body.studio .contents-main .studio-campaign .detail, body.studio .contents-main .studio-coupon .detail { padding-top: 10px; }
body.studio .contents-main .studio-campaign .detail p, body.studio .contents-main .studio-coupon .detail p { padding-top: 10px; }
body.studio .contents-main .studio-coupon .data, body.studio .contents-main .studio-coupon .btns { margin-top: 20px; }
body.studio .contents-main .studio-coupon .btns .table ul { max-width: 560px; }
body.studio .contents-main .studio-coupon .btns .table li { width: 280px; }
body.studio .contents-main .studio-coupon .form-coupon { border: 1px solid #e0e0e0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; margin-top: 60px; }
body.studio .contents-main .studio-coupon .form-coupon form { margin-right: auto; margin-left: auto; padding: 30px; max-width: 580px; }
body.studio .contents-main .studio-coupon .form-coupon .form-coupon-title { font-size: 115%; font-weight: 700; }
body.studio .contents-main .studio-coupon .form-coupon .form-coupon-title i { color: #ff9800; }
body.studio .contents-main .studio-coupon .form-coupon .form-coupon-mail { font-size: 86%; line-height: 1.5; margin-top: 20px; }
body.studio .contents-main .studio-coupon .form-coupon .checkbox { display: block; margin: 5px 0 0; }
body.studio .contents-main .studio-coupon .form-coupon .parts-privacy { border: none; border-top: 1px solid #e0e0e0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; }
body.studio .contents-main .studio-service .point { font-size: 150%; font-weight: 700; line-height: 1.5; margin-top: 20px; }
body.studio .contents-main .studio-service .detail { margin-top: 10px; }
body.studio .contents-main .studio-service .service { margin-left: -8px; padding-top: 10px; }
body.studio .contents-main .studio-service .service ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
body.studio .contents-main .studio-service .service li { border: 1px solid #bdbdbd; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; letter-spacing: 0; line-height: 1.25; font-size: 86%; margin-top: 8px; margin-left: 8px; padding: 5px; text-align: center; width: calc(33.33% - 8px); }
body.studio .contents-main .studio-index .content-title { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
body.studio .contents-main .studio-index .data { margin-top: 10px; }
body.studio .contents-main .studio-index .photo .title { border: none; }
body.studio .contents-main .studio-index .photo .detail { font-size: 86%; line-height: 1.5; padding-top: 10px; }
body.studio .contents-main .studio-instructor .list { letter-spacing: 0.025em; line-height: 1.5; }
body.studio .contents-main .studio-instructor .list ul { margin-top: 40px; }
body.studio .contents-main .studio-instructor .list ul:first-child { margin-top: 20px; }
body.studio .contents-main .studio-instructor .list li { vertical-align: top; }
body.studio .contents-main .studio-instructor .list .instructor img { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; }
body.studio .contents-main .studio-instructor .list .instructor .name { font-size: 129%; font-weight: 700; padding-top: 5px; text-align: center; }
body.studio .contents-main .studio-instructor .list .instructor .yoga, body.studio .contents-main .studio-instructor .list .instructor .detail { font-size: 86%; }
body.studio .contents-main .studio-instructor .list .instructor .yoga { background: #eee; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font-weight: 700; margin-top: 5px; padding: 5px 10px; }
body.studio .contents-main .studio-instructor .list .instructor .detail { margin-top: 10px; }
body.studio .contents-main .studio-map { line-height: 1.5; }
body.studio .contents-main .studio-map .address, body.studio .contents-main .studio-map .map { margin-top: 20px; }
body.studio .contents-main .studio-map .address { font-weight: 700; margin-top: 20px; }
body.studio .contents-main .studio-map .access { font-size: 93%; margin-top: 1em; }
body.studio .contents-main .studio-map #studio-map { margin-bottom: 20px; height: 400px; }
body.studio .contents-main .studio-map .data { margin-top: 40px; }

@media screen and (min-width: 768px) { body.studio .contents-main { /* blog */ }
  body.studio .contents-main .studio-blog .parts-link-ws-s { padding-left: 90px; }
  body.studio .contents-main .studio-blog .parts-link-ws-s:before { content: '\f138'; font-size: 125%; right: 0; }
  body.studio .contents-main .studio-blog .parts-link-ws-s label { margin-top: 0; top: 19px; left: 0; }
  body.studio .contents-main .studio-blog .parts-link-ws-s .detail { padding-top: 10px; margin-left: -90px; } }
@media screen and (max-width: 767px) { body.studio .contents-main { /* blog */ /* coupon */ /* index */ /* instructor */ /* map */ }
  body.studio .contents-main .content-sp .title, body.studio .contents-main .content-l-sp .title { padding-top: 20px; padding-right: 20px; padding-left: 20px; }
  body.studio .contents-main .studio-header .page-title { padding-right: 120px; }
  body.studio .contents-main .studio-header .social a { margin-top:14px;}
  body.studio .contents-main .studio-header .social { right: 20px; }
  body.studio .contents-main .studio-header .social .btn-facebook, body.studio .contents-main .studio-header .social .btn-twitter { display: none; }
  body.studio .contents-main .studio-nav nav { padding-right: 18px; padding-left: 18px; }
  body.studio .contents-main .studio-nav nav li { padding-right: 2px; padding-left: 2px; }
  body.studio .contents-main .studio-nav nav a { font-size: 86%; }
  body.studio .contents-main .studio-nav nav .campaign a, body.studio .contents-main .studio-nav nav .coupon a { line-height: 15px; }
  body.studio .contents-main .studio-btns { max-width: none; }
  body.studio .contents-main .studio-btns .btn { float: none !important; margin-top: 20px; margin-right: auto !important; margin-left: auto !important; }
  body.studio .contents-main .studio-btns .btn:first-child { margin-top: 0; }
  body.studio .contents-main .studio-blog-detail .btns { margin-top: 0; }
  body.studio .contents-main .studio-coupon .data, body.studio .contents-main .studio-coupon .btns { margin-top: 20px; }
  body.studio .contents-main .studio-coupon .form-coupon { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; margin-top: 40px; }
  body.studio .contents-main .studio-coupon .form-coupon form { padding: 0; max-width: none; }
  body.studio .contents-main .studio-coupon .form-coupon .form-coupon-title { font-size: 115%; font-weight: 700; }
  body.studio .contents-main .studio-coupon .form-coupon .form-coupon-title i { color: #ff9800; }
  body.studio .contents-main .studio-coupon .form-coupon .form-coupon-mail { margin-top: 10px; }
  body.studio .contents-main .studio-coupon .form-coupon .parts-privacy { border: 1px solid #e0e0e0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; margin-top: 20px; }
  body.studio .contents-main .studio-service .point { font-size: 129%; }
  body.studio .contents-main .studio-service .service li { font-size: 79%; width: calc(50% - 8px); }
  body.studio .contents-main .studio-index .content-title { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; }
  body.studio .contents-main .studio-index .data { margin-right: 20px; margin-bottom: 40px; margin-left: 20px; }
  body.studio .contents-main .studio-instructor .list ul { margin-top: 0 !important; }
  body.studio .contents-main .studio-instructor .list .instructor { border-bottom: 1px solid #e0e0e0; padding: 20px 20px 20px 180px; min-height: 180px; }
  body.studio .contents-main .studio-instructor .list .instructor .name { padding-top: 0; text-align: left; }
  body.studio .contents-main .studio-instructor .list .instructor img { position: absolute; top: 20px; left: 20px; width: 140px; }
  body.studio .contents-main .studio-map .map { margin-right: -20px; margin-left: -20px; }
  body.studio .contents-main .studio-map #studio-map { height: 300px; } }
  body.studio .contents-main .studio-header .social {display:flex;}
  body.studio .contents-main .studio-header .social .social-inner { display:block; }
@media screen and (max-width: 480px) { body.studio .contents-main { /* blog */ /* campaign */ /* coupon */ /* index */ /* instructor */ /* map */ }
  body.studio .contents-main .content-sp .title, body.studio .contents-main .content-l-sp .title { font-size: 115%; padding-right: 10px; padding-left: 10px; }
  body.studio .contents-main .studio-header .social {top: 20px; right: 10px; }	
  body.studio .contents-main .toggle-content nav { padding-right: 9px; padding-left: 9px; }
  body.studio .contents-main .toggle-content nav li { padding-right: 1px; padding-left: 1px; }
  body.studio .contents-main .toggle-content nav a { letter-spacing: -0.075em; padding-top: 5px; padding-bottom: 5px; }
  body.studio .contents-main .studio-blog-detail .parts-link-ws-s { margin-bottom: 10px; }
  body.studio .contents-main .studio-campaign .detail, body.studio .contents-main .studio-coupon .detail { padding-top: 0; }
  body.studio .contents-main .studio-coupon .form-coupon .parts-privacy { margin-top: 10px; }
  body.studio .contents-main .studio-service .point { font-size: 115%; }
  body.studio .contents-main .studio-service .service { margin-left: -4px; }
  body.studio .contents-main .studio-service .service li { margin-top: 4px; margin-left: 4px; width: calc(50% - 4px); }
  body.studio .contents-main .studio-index .data { margin-right: 10px; margin-left: 10px; }
  body.studio .contents-main .studio-instructor .list .instructor { padding-left: 140px; padding-right: 10px; min-height: 160px; }
  body.studio .contents-main .studio-instructor .list .instructor img { left: 10px; width: 120px; }
  body.studio .contents-main .studio-map .map { margin-right: -10px; margin-left: -10px; }
  body.studio .contents-main .studio-map #studio-map { height: 240px; } }
@media screen and (max-width: 400px) { body.studio .contents-main .toggle-content nav a { font-size: 72%; padding-top: 5px; padding-bottom: 5px; } }