/*
Theme Name: SumikoSakamoto
Author: sumiko sakamoto
Version: 1.0
Description: 重なり合う風景
*/
@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400&family=Noto+Serif+JP:wght@300;400&display=swap");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background-repeat: no-repeat;
}

img {
  border: none;
  display: block;
  oncontextmenu: "return false"; 
}

ul {
  list-style: none;
}

body {
  width: 100%;
  font-family: Roboto, "Noto Sans JP", sans-serif;
  color: #000;
  font-size: 14px;
  font-weight: 300;
  line-height: 2;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
}

body:lang(en-GB) {
  font-family: Roboto, "arial", sans-serif;
}

.hiramin {
  font-family: "ヒラギノ明朝 W3 JIS2004" , "Hiragino Mincho ProN W3" ,"ヒラギノ明朝 ProN W3";
}

html:lang(en-GB) .hiramin {
  font-family: "Crimson Text", "Times new roman", serif;
}

a:hover img {
  opacity: 0.5;
}

a {
  color: #000;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /*スマホのハイライト*/
  cursor: pointer;
  /*スマホのハイライト用*/
}

a:hover {
  color: #c8c8c8;
}

.inner-wrap {
  max-width: 1100px;
  margin: 0 auto;
}

.align-center {
  text-align: center;
  width: 100%;
}

*:focus {
  outline: none;
  /*ボタンハイライト*/
}

/* ----------------------------------------
header
---------------------------------------- */
header {
  text-align: center;
}

.header-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.lang-switcher,
.header-top p,
.sns-box {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lang-switcher {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 10%;
}

.site-title p {
  font-size: 16px;
  margin-bottom: 3px;
  margin-top: -3px;
  letter-spacing: 0.2em;
}

.site-title p:lang(en-GB) {
  letter-spacing: 0.1em;
}

.header-top .sns-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 10%;
}

.sns-box img {
  height: 32px;
  margin: 0 8px;
}

h1 img {
  height: 48px;
  margin: 0 auto;
}

/* ----------------------------------------
breadcrumb
---------------------------------------- */
.home .breadcrumb {
  display: none;
}

.breadcrumb,
.breadcrumb-media {
  margin-top: 22px;
  margin-bottom: 22px;
}

.breadcrumb li,
.breadcrumb span,
.breadcrumb-media li,
.breadcrumb-media span {
  display: inline;
  font-size: 12px;
}

.breadcrumb li:after,
.breadcrumb-media li:after {
  content: ">";
  padding: 0 0.2em;
  color: #555;
}

.breadcrumb li:last-child:after,
.breadcrumb-media li:last-child:after {
  content: "";
}

.breadcrumb li a,
.breadcrumb span a,
.breadcrumb-media li a,
.breadcrumb-media span a {
  color: #ff9a00;
}

.breadcrumb li a:hover,
.breadcrumb span a:hover,
.breadcrumb-media li a:hover,
.breadcrumb-media span a:hover {
  color: #c8c8c8;
}

/* ----------------------------------------
gnav
---------------------------------------- */
.gnav,
.scroll-header-gnav {
  margin: 28px 0 0;
  padding-bottom: 3px;
  border-bottom: 1px solid #000;
}

.home .gnav,
.home .scroll-header-gnav {
  border-bottom: none;
}

.gnav ul,
.scroll-header-gnav ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

.gnav ul li,
.scroll-header-gnav ul li {
  margin: 0 1em;
  font-size: 14px;
}

.hum-btn,
.humberger {
  display: none;
}

.scroll-header {
  display: none;
}

.scroll-header.fixed-header {
  position: fixed;
  top: 0;
  display: block;
  z-index: 1000;
  background: #fff;
  width: 100%;
  height: 45px;
}

.scroll-header.fixed-header .lang-switcher {
  height: 45px;
}

.scroll-header.fixed-header .lang-switcher img {
  margin-top: 0;
}

.scroll-header-inner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.scroll-header.fixed-header .scroll-header-gnav {
  margin: 0;
  border-bottom: none;
}

.scroll-header.fixed-header .scroll-header-gnav ul li {
  margin: 0 0 0 22px;
}

/* ----------------------------------------
home slick
---------------------------------------- */
#kv .slick-slide {
  max-height: 470px;
}

#kv .slick-slide img {
  width: 100%;
}

.slick-dots li button:before {
  background: url(img/dot.png) no-repeat;
  background-size: contain !important;
}

.slick-dots li.slick-active button:before {
  background: url(img/dot_active.png) no-repeat;
  background-size: contain !important;
}

.slick-dots li button:before {
  content: "" !important;
  height: 100% !important;
  width: 100% !important;
  opacity: 1 !important;
}

.slick-dots li {
  width: 15px !important;
  height: 15px !important;
  margin: 0 !important;
  margin-right: 10px !important;
  margin-left: 10px !important;
}

.slick-dots li button {
  width: 100% !important;
  height: 100% !important;
}

.slick-dots {
  bottom: initial !important;
  margin-top: 5px !important;
}

.slider li a:hover img {
  opacity: 1;
}

/* ----------------------------------------
title-heading
---------------------------------------- */
.title-heading {
  margin-top: 0;
  margin-bottom: 25px;
}

#exhibition .title-heading {
  margin-top: 80px;
  margin-bottom: 55px;
}

.title-heading img {
  height: 34px;
  margin: 0 auto;
}

#exhibition .title-heading img {
  height: 41px;
  margin: 0 auto;
}

.title-heading02 {
  margin-top: 130px;
}

.title-heading02 h2 {
  font-size: 30px;
  line-height: 1;
  font-weight: normal;
  text-align: center;
  margin-bottom: 15px;
}

.title-heading03 {
  margin-top: 65px;
}

.title-heading03 h2 {
  font-size: 23px;
  line-height: 1;
  font-weight: normal;
  text-align: center;
  margin-bottom: 15px;
}


/* ----------------------------------------
NEWS
---------------------------------------- */
#news {
  padding-top: 100px;
}

.news-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.news-content .news-content-box {
  width: 50%;
  padding: 15px 20px 15px 0;
}

.news-content .news-content-box:nth-of-type(2) {
  padding-left: 20px;
  border-left: 1px solid #bdbdbd;
}

.post-date {
  font-size: 13px;
  margin-bottom: 3px;
}

.post-title {
  font-size: 16px;
  line-height: 1.5;
}

/* ----------------------------------------
FEATURED
---------------------------------------- */
#featured {
  padding-top: 100px;
}

.featured-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 800px;
}

.featured-content .featured-content-box {
  width: 48%;
  border: solid thin;
}

.featured-content-box .media-thumb img {
  width: 100%;
  height: auto;
}

/* ----------------------------------------
ART WORK
---------------------------------------- */
#art_work {
  padding-top: 100px;
}

#art_work:lang(en-GB) {
  padding-top: 100px;
}

:target {
  scroll-margin-top: 50px;
}

.all-workscat {
  margin-top: 35px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.workscat-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 1100px;
}

.workscat-card {
  width: 347px;
  margin-bottom: 40px;
  border: solid thin;
}

.workscat-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.workscat-thumb img {
  width: 347px;
  height: 121px;
}

.workscat-title {
  margin: 8px auto;
  width: 100%;
  height: 20px;
  cursor: pointer;
}

.workscat-arrow {
  margin-bottom: 5px;
  width: 100%;
  height: 12px;
  cursor: pointer;
}

.art-work-category {
  margin: 166px 0 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 27px 0 30px;
}

.top-category {
  margin: 0;
}

.art-work-category.small-title {
  padding: 30px 0;
}

.art-work-category:nth-of-type(1) {
  margin: 30px 0 0;
}

.art-work-category img {
  height: 32px;
  margin: 0 auto 25px;
}

.art-work-category.small-title img {
  height: 24px;
  margin: 0 auto 20px;
}

.art-work-category p {
  font-size: 17px;
  line-height: 1.6;
}

.art-work-content {
  display: flex;
  flex-wrap: wrap;
}

.art-work-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  padding: 30px 30px 30px 0;
  border-bottom: 1px solid #bdbdbd;
  border-right: 1px solid #bdbdbd;
  position: relative;
}

.art-work-box:nth-of-type(even) {
  padding: 30px 0 30px 30px;
  border-right: none;
}

.art-work-box:last-child,
.art-work-box:nth-last-child(2) {
  border-bottom: none;
  padding-bottom: 0;
}

.art-work-box:nth-of-type(even):nth-last-child(2) {
  border-bottom: 1px solid #bdbdbd;
}

.art-work-thumb {
  max-width: 280px;
  max-height: 280px;
}

.art-work-thumb img {
  width: 280px;
  height: 280px;
  object-fit: cover;
}

.art-work-info {
  width: calc(100% - 310px);
  display: flex;
  flex-wrap: wrap;
}

.art-work-info h3 {
  font-size: 24px;
  font-weight: normal;
  min-height: 75px;
  line-height: 1.3;
}

.art-work-info h3:lang(en-GB) {
  letter-spacing: 0;
}

.art-work-info h3:lang(en-GB),
.slider-info p:lang(en-GB),
.all-works-wrap ul li a.all-works-link:lang(en-GB),
.italic {
  font-style: italic !important;
}

.art-work-info p {
  font-size: 15px;
  line-height: 1.5;
  min-height: 90px;
  word-wrap: break-word;
}

.art-work-info p:lang(en-GB) {
  letter-spacing: 0;
  line-height: 1.3;
}
.art-work-info table {
  font-size: 13px;
  line-height: 1.5;
}

.art-work-info table td:first-child {
  width: 55px;
}

.art-work-info table td:first-child:lang(en-GB) {
  width: 80px;
}

.art-work-info table {
  vertical-align: top;
}

.art-work-info a {
  color: #fff;
  text-align: center;
  line-height: 2;
  background: #000;
  width: calc(100% - 340px);
  position: absolute;
  bottom: 30px;
}

.art-work-box:last-of-type .art-work-info a,
.art-work-box:nth-of-type(odd):nth-last-child(2) .art-work-info a {
  bottom: 0;
}

.art-work-info a::after {
  content: "＞";
  position: absolute;
  right: 10px;
  transform: scale(0.5, 1);
}

.art-work-info a:hover {
  background: #c6c6c6;
}

/* ----------------------------------------
CUSTOM ART 
---------------------------------------- */
#custom_orders {
  padding-top: 100px;
}

.commission-content {
	max-width: 800px;
	margin: 0 auto;
	padding: 0;
	border: solid thin;
}
.commission-content img {
	width: 100%;
}
@media screen and (max-width: 767px) {
    #custom_orders {
        padding: 50px 0 0 0;
    }
}


/* ----------------------------------------
footer
---------------------------------------- */
footer {
  text-align: center;
  padding-top: 60px;
  position: relative;
  border-top: 1px solid #bdbdbd;
}

.home footer,
.archive-works-wrap footer {
  margin-top: 30px;
}

footer h1 img {
  height: 45px;
  margin: 0 auto;
}

footer .site-title p {
  font-size: 17px;
  margin-bottom: 15px;
}

footer .sns-box {
  margin: 35px auto 30px;
}

footer .sns-box img {
  height: 40px;
  margin: 0 15px;
}

.copyright {
  font-size: 12px;
  padding-bottom: 30px;
}

.go-top {
  display: none;
}

/* ----------------------------------------
online_exhibition
---------------------------------------- */
#exhibition-title,
#profile-title {
  border-bottom: 1px solid #000;
}

.exhibition-info {
  margin-top: 100px;
}

.exhibition-kv,
.profile-kv {
  max-width: 1100px;
  margin: 0 auto;
}

.exhibition-kv img,
.profile-kv img {
  width: 100%;
}

.exhibition-info-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-bottom: 80px;
}

.exhibition-info-box:nth-of-type(2) .info-text {
  order: 1;
}

.info-text {
  width: 516px;
}

.exhibition-info-box:nth-of-type(1) .info-text p:lang(en-GB) {
  width: 430px;
  float: right;
}

.info-text img {
  width: 28px;
  height: auto;
  position: absolute;
  top: 0;
  left: 63px;
}

.info-text img:lang(en-GB) {
  left: 0;
}

.info-text p {
  font-size: 16px;
  text-align: right;
  line-height: 2.5;
  letter-spacing: 0.18em;
}

.exhibition-info-box:nth-of-type(2) .info-text p {
  text-align: left;
}

.info-photo img {
  width: 516px;
}

#exhibition .slider {
  margin: 60px auto 0;
  background: url(img/online_exhibition/2021/bg.jpg) no-repeat;
  background-size: cover;
  background-position: bottom;
  height: 670px;
}

#exhibition .slick-slide {
  text-align: center;
}

a.js-modal-open {
  display: inline-block;
}

#exhibition .slider li img {
  max-width: 600px;
  width: 100%;
  margin: auto;
}

.slide-arrow {
  height: 50px;
  cursor: pointer;
  z-index: 50;
}

.slide-arrow:hover {
  opacity: 0.5;
}

.prev-arrow {
  position: absolute;
  top: 45%;
  left: 30px;
}

.next-arrow {
  position: absolute;
  top: 45%;
  right: 30px;
}

.slider-info {
  text-align: center;
}

.slider-info a {
  color: #fff;
  font-size: 14px;
  border: 1px solid #fff;
  border-radius: 28px;
  padding: 0 4.5em;
  margin-top: 20px;
  display: inline-block;
}

.slider-info a:hover {
  background: #fff;
  color: #535757;
}

.slider-info p {
  color: #fff;
  font-size: 19px;
  line-height: 1.5;
}

.c-modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}

.c-modal_bg {
  background: rgba(255, 255, 255, 1);
  height: 100vh;
  width: 100%;
}

.c-modal_content {
  position: absolute;
  left: 50%;
  top: 50%;
  background: #fff;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  max-width: 1100px;
}

#single-work .c-modal_content {
  position: static;
  left: auto;
  top: auto;
  transform: translate(0);
  overflow-y: auto;
}

.c-modal_content_inner {
  border: 1px solid #bdbdbd;
  border-bottom: none;
}

.c-modal_close img {
  margin: 40px auto;
}

.works {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.works-img-wrap {
  width: 767px;
  border-right: 1px solid #bdbdbd;
}

.works-img {
  max-height: 765px;
  max-width: 100%;
  height: auto;
  padding: 40px 40px 0;
  margin: auto;
}

.works .content {
  padding: 40px 40px 0;
  width: 335px;
  position: relative;
}

.works .content a,
.media-post-wrap a {
  color: #ff9a00;
}

.works .content a:hover,
.media-post-wrap a:hover {
  color: #c8c8c8;
}

.works .content a.works-contact-btn {
  display: block;
  margin-top: 35px;
  font-size: 15px;
  background: #b1a100;
  width: 254px;
  text-align: center;
  color: #fff;
  line-height: 40px;
}

.works .content a.works-contact-btn:hover {
  background: #c9c9c9;
}

.works .content a.works-contact-btn::after {
  content: "＞";
  position: absolute;
  right: 10px;
  transform: scale(0.5, 1);
}

.about-works {
  font-size: 21px;
  padding-bottom: 20px;
  border-bottom: 1px solid #bdbdbd;
  line-height: 1;
}

dl {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  padding: 15px 0;
  border-bottom: 1px solid #bdbdbd;
  margin-bottom: 15px;
}

dl:lang(en-GB) {
  letter-spacing: 0;
}

dt {
  width: 100px;
}

dd {
  width: calc(100% - 100px);
}

dt:lang(en-GB),
dd:lang(en-GB) {
  line-height: 1.7;
  margin: 4px 0;
}

.works-info:lang(en-GB) {
  letter-spacing: 0;
  line-height: 1.8;
}

.fade {
  opacity: 0;
  transition: opacity 1s ease 0.5s;
}

.slick-current .fade.show {
  opacity: 1;
}

.all-works-wrap ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-top: 30px;
  margin-top: 20px;
  border-top: 1px solid #bdbdbd;
}

.all-works-wrap ul li {
  width: 160px;
  margin-right: 28px;
  margin-bottom: 50px;
  text-align: center;
}

.all-works-wrap ul li:nth-of-type(6n) {
  margin-right: 0;
}

.all-works-wrap ul li a.objectfit {
  position: relative;
  display: block;
}

.all-works-wrap ul li a.objectfit::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.all-works-wrap ul li a.objectfit img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
}

.all-works-wrap ul li a.all-works-link {
  cursor: pointer;
}

.all-works-wrap ul li a.all-works-link:lang(en-GB) {
  line-height: 1.5;
  display: block;
  margin-top: 5px;
}

#after-exhibition {
  margin-top: -50px;
}

.after-exhibition-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-bottom: 30px;
  border-top: 1px solid #bdbdbd;
}

.after-exhibition-box {
  width: 48%;
  padding: 30px 0 0 0;
  margin-bottom: 10px;
}

.after-exhibition-title {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.after-exhibition-title a {
  display: block;
  width: 280px;
}

.after-exhibition-title a img {
  width: 100%;
}

.after-exhibition-title .text-box {
  width: calc(100% - 300px);
}

.after-exhibition-title .text-box h3 {
  font-weight: normal;
  font-size: 19px;
  line-height: 1.4;
  margin-top: 9px;
}

.after-exhibition-title .text-box h3 a {
  width: 100%;
}

.after-exhibition-title .text-box p {
  font-size: 16px;
  line-height: 1;
  margin-top: 9px;
}

.after-exhibition-title .text-box p.archive-number {
  margin-top: 0;
}

.after-exhibition-discription {
  font-size: 14px;
  line-height: 1.7;
  margin-top: 15px;
  text-align: justify;
}

.after-exhibition-discription:lang(en-GB) {
  line-height: 1.5;
  text-align: left;
}

/* ----------------------------------------
profile
---------------------------------------- */
.profile-info {
  position: relative;
  margin-top: 120px;
}

.profile-info .sign {
  position: absolute;
  width: 370px;
  top: -160px;
  right: -40px;
}

.profile-info-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-bottom: 90px;
}

.profile-info-box:nth-of-type(1) .info-text,
.profile-info-box:nth-of-type(3) .info-text {
  order: 1;
}

.profile-info-box.p-left .info-text {
  order: 1;	
}

.profile-info-box .info-text {
  width: 458px;
}

.profile-info-box .info-text:lang(en-GB) {
  width: 430px;
}

.profile-info-box:nth-of-type(1) .info-text:lang(en-GB),
.profile-info-box:nth-of-type(3) .info-text:lang(en-GB),
.profile-info-box:nth-of-type(4) .info-text:lang(en-GB) {
  width: 500px;
}

.profile-info-box:nth-of-type(4) .info-text {
  width: 470px;
}

.profile-info-box .info-text img {
  position: absolute;
}

.profile-info-box .info-text p {
  font-size: 16px;
  text-align: left;
  line-height: 2.35;
  letter-spacing: 0.13em;
}

.info-text p:lang(en-GB),
.profile-info-box .info-text p:lang(en-GB) {
  line-height: 1.8;
}

.profile-info-box:nth-of-type(1) .info-text p {
  /margin-bottom: -87px;
}

.profile-info-box:nth-of-type(1) .info-text p:lang(en-GB) {
  margin-bottom: -130px;
}

.profile-info-box .info-photo img {
  width: 555px;
}

.profile-info-box:nth-of-type(2) .info-photo img {
  /width: 630px;
}

.profile-info-box:nth-of-type(3) .info-photo img {
  width: 545px;
}

#profile {
  margin: 80px auto;
}

.profile-box {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.profile-box:lang(en-GB) {
  display: block;
}

.profile-box .sign {
  position: absolute;
  width: 290px;
  top: -126px;
  right: -15px;
}

.profile-box .profile-photo {
  width: 45%;
}

.profile-box .profile-photo:lang(en-GB) {
  float: left;
  margin-right: 55px;
  margin-bottom: 30px;
}

.profile-box .profile-text {
  width: 50%;
}

.profile-box .profile-text:lang(en-GB) {
  width: 100%;
}

.profile-box .profile-photo img {
  width: 100%;
}

#profile h2 {
  font-size: 25px;
  line-height: 1;
  margin-bottom: 25px;
  font-weight: normal;
}

.profile-text p {
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 30px;
}

.profile-text p:lang(en-GB) {
  font-size: 14px;
}

.profile-text tr {
  font-size: 14px;
  vertical-align: top;
}

.profile-text td {
  line-height: 1.8;
}

.profile-text td:nth-of-type(1) {
  padding-right: 1em;
}

.sp-table,
.sp-info-text {
  display: none;
}

/* ----------------------------------------
media
---------------------------------------- */
.media-body .breadcrumb {
  display: none;
}

.media-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 1100px;
}

.media-inner-wrap {
  display: flex;
  justify-content: space-between;
}

main#media {
  width: 740px;
}

.lead-copy02 {
  font-size: 16px;
  margin-bottom: 65px;
  line-height: 1.6;
}

#all-media {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.media-card {
  width: 346px;
  margin-bottom: 40px;
}

.media-thumb a.objectfit {
  position: relative;
  display: block;
}

.media-thumb a.objectfit::before {
  content: "";
  display: block;
  padding-top: 55.7%;
}

.media-thumb a.objectfit img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
}

.media-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.media-info .media-date {
  font-size: 14px;
  color: #666;
}

.media-info .media-category a {
  font-size: 12px;
  line-height: 1;
  color: #fff;
  background: #323232;
  padding: 4px 14px;
  border-radius: 3px;
  display: block;
}

.media-info .media-category a:hover {
  background: #989898;
}

.media-title {
  font-size: 17px;
  font-weight: normal;
  line-height: 1.7;
  margin-top: 10px;
}

.media-post .media-thumb img {
  width: 100%;
  height: auto;
}

.media-post .media-title {
  font-size: 30px;
  margin-bottom: 35px;
  margin-top: 5px;
  font-weight: normal;
}

.media-post-wrap p {
  font-size: 17px;
  font-family: ヒラギノ明朝 W3 JIS2004;
  line-height: 2.3;
  margin-bottom: 30px;
}

.wp-block-image {
  margin-bottom: 0;
}

.media-post-wrap img {
  width: auto;
  margin-bottom: 30px;
  height: auto;
}

.share-btn {
  margin-top: 90px;
}

.share-btn ul {
  display: flex;
  justify-content: center;
}

.share-btn ul li {
  margin: 0 10px;
}

.share-btn ul li img {
  width: 100%;
}

#media-search .breadcrumb {
  margin-bottom: 5px;
}

#media-search .lead-copy02 {
  font-size: 17px;
}

#media-search .media-title-heading {
  margin-bottom: 10px;
}

#media-search .media-title-heading h2,
.category-page .media-title-heading h2 {
  font-size: 28px;
  text-align: center;
}

.ng-search {
  margin: auto;
}

.ng-search p {
  font-size: 17px;
  margin-bottom: 25px;
  text-align: center;
}

/* ----------------------------------------
aside
---------------------------------------- */
aside {
  width: 290px;
}

input#sbox1 {
  height: 32px;
  border: 1px solid #000;
  width: calc(100% - 32px);
  padding-left: 10px;
  border-radius: 5px 0 0 5px;
}

.search-wrap #form1 {
  display: flex;
}

button#sbtn1 {
  height: 32px;
  border: none;
  width: 32px;
  color: #fff;
  background: #000;
  border-radius: 0 5px 5px 0;
  position: relative;
}

.fa-search:before {
  position: absolute;
  top: 8px;
  left: 7px;
  font-size: 16px;
}

.side-block {
  margin-top: 35px;
}

.side-title {
  font-size: 17px;
  border-bottom: 1px solid #000;
}

.post-cont {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 0;
  border-bottom: 1px solid #bdbdbd;
}

.post-cont p {
  width: calc(100% - 120px);
  line-height: 1.7;
}

.post-cont a.objectfit {
  width: 110px;
  position: relative;
  display: block;
}

.post-cont a.objectfit::before {
  content: "";
  display: block;
  padding-top: 55%;
}

.post-cont a.objectfit img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
}

.show-all-link {
  text-align: right;
}

.show-all-link a {
  color: #ff9a00;
}

.show-all-link a:hover {
  color: #c9c9c9;
}

.category-block {
  margin-top: 5px;
}

.category-cont p,
.cat-item {
  padding: 7px 0px;
  border-bottom: 1px solid #bdbdbd;
}

.category-cont p a,
.cat-item a {
  display: block;
}

.post-nav {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  border-top: 1px solid #000;
  margin-top: 100px;
  margin-bottom: 5px;
  padding: 15px 0;
}

a.prev-btn,
a.next-btn {
  font-size: 14px;
  color: #ff9a00;
  margin-bottom: 15px;
  display: flex;
}

a.next-btn {
  justify-content: flex-end;
}

a.prev-btn:hover,
a.next-btn:hover {
  color: #c9c9c9;
}

.post-nav .media-title {
  font-size: 15px;
  line-height: 1.4;
}

/* ----------------------------------------
pager
---------------------------------------- */
#pager {
  width: 100%;
}

#pagination {
  text-align: center;
  border-top: 1px solid #bdbdbd;
  padding: 25px 0;
  margin-top: 80px;
  width: 100vw;
  margin-left: calc(50% - 50vw);
}

.page-numbers {
  font-size: 15px;
  color: #fff;
  background: #323232;
  border-radius: 16px;
  width: 32px;
  display: inline-block;
  text-align: center;
  line-height: 32px;
  margin: 0 8px;
  padding: 0 0 0 2px;
}

.page-numbers.current {
  background: #ff9a00;
}

a.page-numbers:hover {
  background: #ff9a00;
  color: #fff;
}

.page-next,
.page-prev,
.page-numbers.next,
.page-numbers.prev {
  background: transparent;
  color: #000;
  margin: 0;
  width: auto;
  transform: scale(0.5, 1);
  font-size: 26px;
  vertical-align: bottom;
}

.page-next:hover,
.page-prev:hover,
.page-numbers.next:hover,
.page-numbers.prev:hover {
  background: transparent;
  color: #c9c9c9;
}

.page-dots,
.page-numbers.dots {
  background: transparent;
  color: #000;
  margin: 0;
  width: auto;
  font-family: Oswald;
}

.related-article {
  border-top: 1px solid #000;
}

.related-article .title-heading03 {
  font-size: 24px;
  margin-top: 25px;
  margin-bottom: 25px;
}

.related-article-box {
  display: flex;
  justify-content: space-between;
}

.related-article .media-card {
  width: 232px;
  margin-bottom: 55px;
}

.related-article .media-card .media-title {
  font-size: 15px;
  line-height: 1.4;
}

/* ----------------------------------------
privacy
---------------------------------------- */
#privacy {
  max-width: 765px;
  margin: 0 auto 30px;
}

.privacy-block {
  border-top: 1px solid #bdbdbd;
  padding: 25px 0 35px;
}

.privacy-block p {
  font-size: 15px;
  line-height: 1.7;
}

.privacy-block .heading {
  font-size: 20px;
  text-align: center;
  margin-bottom: 20px;
}

.privacy-block a {
  color: #ff9a00;
}

.privacy-block a:hover {
  color: #c9c9c9;
}

/* ----------------------------------------
shopping guide
---------------------------------------- */
#shopping_guide {
  max-width: 820px;
  margin: 0 auto 70px;
}

#shopping_guide table {
  border-collapse: collapse;
  border-spacing: 0;
}

#shopping_guide td {
  padding: 13px 0;
  border-top: 1px solid #bdbdbd;
  font-size: 15px;
  line-height: 1.6;
}

#shopping_guide td span {
  font-size: 13px;
  display: inline-block;
}

#shopping_guide td:first-child {
  width: 165px;
  font-weight: 400;
  font-size: 16px;
}

#shopping_guide td:first-child:lang(en-GB) {
  width: 175px;
}

#shopping_guide td a {
  color: #ff9a00;
}

#shopping_guide td a:hover {
  color: #c9c9c9;
}

/* ----------------------------------------
contact
---------------------------------------- */
.form-layout {
  display: flex;
  justify-content: space-between;
  font-size: 15px;
}

.form-layout-left,
.form-layout-right {
  width: calc(50% - 25px);
  display: block;
  justify-content: flex-start;
  flex-wrap: wrap;
  border-bottom: 1px solid #949494;
}

.InputField {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-top: 1px solid #949494;
  padding: 15px 0px;
  font-weight: 400;
}

.InputField__noflex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  border-top: 1px solid #949494;
  padding: 15px 0px;
}

.InputField__form {
  width: 320px;
  font-weight: 300;
}

.InputField__noflex .InputField__form {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.InputField__noflex .InputField__form:lang(en-GB) {
  width: 100%;
  display: block;
}

.InputField__noflex .InputField__form input[type="text"] {
  width: 50%;
}

.form-layout input[type="text"],
.form-layout input[type="email"] {
  height: 30px;
  width: 100%;
  padding-left: 0.5em;
  border-radius: 4px;
  border: 1px solid #000;
  font-size: 15px;
}

.form-layout textarea {
  width: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 15px;
  height: 150px;
  margin-top: 15px;
}

.mw_wp_form .form-layout-btn .error {
  text-align: center;
}

.form-layout-btn input[type="submit"],
.contact-btn {
  background: #000;
  border: none;
  color: #fff;
  display: block;
  width: 280px;
  line-height: 40px;
  font-size: 16px;
  position: relative;
  cursor: pointer;
  letter-spacing: 0.2em;
}

.form-layout-btn .submit-btn-back input[type="submit"] {
  background: #999;
  cursor: pointer;
}

.contact-btn {
  text-align: center;
}

.form-layout-btn input[type="submit"]:hover,
.contact-btn:hover,
.form-layout-btn .submit-btn-back input[type="submit"]:hover {
  background: #c9c9c9;
}

.submit-btn,
.submit-btn-back {
  position: relative;
  margin: auto;
  line-height: 40px;
  width: 280px;
}

.submit-btn::after,
.contact-btn::after,
.submit-btn-back::after {
  content: "＞";
  position: absolute;
  right: 10px;
  top: 0px;
  transform: scale(0.5, 1);
  color: #fff;
}

.submit-btn-back {
  background: #c9c9c9;
  cursor: pointer;
}

.submit-btn-back::after,
.contact-btn::after {
  content: "＜";
  left: 10px;
  right: auto;
}

.form-Confirm {
  display: flex;
  width: 60%;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
}

.form-Confirm,
.contact-btn {
  margin: 50px auto;
}

span.mwform-radio-field.horizontal-item {
  margin-right: 1em;
}

span.mwform-radio-field.horizontal-item:lang(en-GB) {
  margin-right: 0;
  display: block;
}

.mw_wp_form .horizontal-item + .horizontal-item:lang(en-GB) {
  margin-left: 0;
}

span.mwform-checkbox-field.horizontal-item {
  display: block;
  text-align: center;
  font-size: 16px;
}

.mw_wp_form .vertical-item {
  text-align: center;
}

.works-name {
  padding: 0 0 15px 0;
  border-top: none;
  margin-top: -5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  font-weight: 400;
}

.works-name input[type="text"] {
  margin-left: 1em;
  color: #d80a23;
}

.pv-wrap {
  color: #646464;
  max-width: 780px;
  height: 180px;
  overflow: scroll;
  margin: 20px auto 80px;
  padding: 25px 30px;
  border: 1px solid #000;
  border-radius: 4px;
}

.pv-wrap p {
  margin: 1em 0;
}

.pv-wrap p span {
  font-size: 15px;
  font-weight: 400;
}

.pv-wrap p span:lang(en-GB) {
  font-size: 17px;
}

p.pv-wrap-title {
  font-size: 15px;
  text-align: center;
  margin-top: 0;
  font-weight: 400;
}

p.pv-wrap-title:lang(en-GB) {
  font-size: 17px;
}

.mw_wp_form_confirm .form-layout-btn {
  color: #fff;
}

.InputField.works-name .error {
  padding-left: 1em;
}

/* ----------------------------------------
bogo
---------------------------------------- */
.bogo-language-switcher {
  display: flex;
  font-family: Roboto, "arial", sans-serif;
}

.bogo-language-switcher .ja {
  order: 1;
}

.bogo-language-switcher .bogo-language-name a {
  display: flex;
  align-items: center;
}

.bogo-language-switcher .ja .bogo-language-name a {
  position: relative;
}

.bogo-language-switcher .ja .bogo-language-name a {
  margin-right: 13px;
}

.bogo-language-switcher .ja .bogo-language-name a::after {
  content: "／";
  position: absolute;
  top: -11px;
  right: -14px;
}

.scroll-header .bogo-language-switcher .ja .bogo-language-name a::after {
  top: -6px;
}

.bogo-language-switcher .en-GB {
  order: 2;
}

.lang-switcher img {
  margin-top: -5px;
}

.bogo-language-switcher .bogo-language-name img {
  height: 20px;
}

.archive-works-wrap #art_work {
  padding-top: 0;
}

.youtube-wrap {
  max-width: 1100px;
  margin: 50px auto 114px;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  z-index: 2;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


/* ----------------------------------------
commissions 202506
---------------------------------------- */
.commissions {
	margin-bottom: 50px;
}
.com-h2 {
	font-size: 25px;
	line-height: 1;
	margin-bottom: 25px;
	font-weight: normal;
}
.com-comment {
	margin-bottom: 37px;
	padding: 0 2em 1em 2em;
}
.commissions.profile-info-box .info-text p {
  font-size: 15px;
  text-align: left;
  line-height: 1.85;
  letter-spacing: 0.13em;
}

.com-comment .privacy-block {
	border-top:  1px dashed #bdbdbd;   
    border-bottom: 4px double #bdbdbd;   
    margin-bottom: 40px;
}

.com-comment .hiramin.heading span {
	font-size: 16px;
	color: #333;
}
.commissions h2 {
	background-color: #EEE;
	padding: 1em 0;
}

.commissions-bt img {
	width: 90%;
	max-width: 300px;
	margin: 20px auto 50px auto;
}

.nagare img {
	width: 100%;
	max-width: 600px;
	margin: 50px auto;
}
@media screen and (max-width: 767px) {
    .com-comment .hiramin.heading span {
	font-size: 14px;
	}
	.commissions-bt img {
    width:  50%;
	}

}



@media screen and (max-width: 1100px) {
  .gnav ul li {
    font-size: 13px;
  }

  .scroll-header.fixed-header .scroll-header-gnav ul li {
    letter-spacing: 0;
    font-size: 13px;
  }

  .inner-wrap,
  .media-inner-wrap,
  .scroll-header.fixed-header {
    padding: 0 3%;
  }

  .art-work-thumb {
    max-width: 240px;
    max-height: 240px;
  }

  .art-work-thumb img {
    width: 240px;
    height: 240px;
  }

  .art-work-box:nth-of-type(even) {
    padding: 30px 0 30px 30px;
  }

  .art-work-box:nth-of-type(odd) {
    padding: 30px 30px 30px 0;
  }

  .art-work-info {
    width: calc(100% - 260px);
  }

  .art-work-info h3 {
    width: 100%;
    min-height: auto;
    font-size: 20px;
    padding-bottom: 15px;
  }

  .art-work-info p {
    width: 100%;
    min-height: auto;
    font-size: 13px;
    padding-bottom: 5px;
  }

  .art-work-info table {
    width: 100%;
    font-size: 12px;
  }

  .art-work-info a {
    width: calc(100% - 290px);
  }

  .art-work-box:last-of-type .art-work-info a,
  .art-work-box:nth-of-type(odd):nth-last-child(2) .art-work-info a {
    bottom: 30px;
  }

  .exhibition-kv,
  .profile-kv {
    width: 100%;
  }

  .profile-info-box .info-text,
  .profile-info-box .info-text:lang(en-GB),
  .profile-info-box:nth-of-type(1) .info-text:lang(en-GB),
  .profile-info-box:nth-of-type(3) .info-text:lang(en-GB),
  .profile-info-box:nth-of-type(4) .info-text:lang(en-GB) {
    width: 95%;
  }

  .info-text,
  .info-photo img {
    width: 100%;
  }

  .exhibition-info-box .info-text {
    margin-right: 20px;
  }

  .exhibition-info-box .info-photo {
    margin-left: 20px;
  }

  .exhibition-info-box:nth-of-type(2) .info-text {
    margin-left: 20px;
  }

  .exhibition-info-box:nth-of-type(2) .info-photo {
    margin-right: 20px;
  }

  .after-exhibition-title a {
    width: 25.5vw;
  }

  .after-exhibition-title .text-box {
    width: calc(100% - 27vw);
  }

  .works-img-wrap {
    width: 67%;
  }

  .works-img {
    padding: 30px 30px 0;
    max-height: 610px;
  }

  .works .content {
    width: 33%;
    padding: 30px 30px 0;
    line-height: 1.7;
  }

  .works .content a.works-contact-btn {
    margin: 35px auto 0;
    width: 80%;
  }

  .all-works-wrap ul li {
    width: 18%;
    margin: 0 2.5% 3% 0;
  }

  .all-works-wrap ul li:nth-of-type(6n) {
    margin-right: 2%;
  }

  .all-works-wrap ul li:nth-of-type(5n) {
    margin-right: 0;
  }

  #profile-title .inner-wrap {
    padding: 0;
  }

  .profile-info .sign {
    width: 320px;
    right: 0;
  }

  .profile-box .sign {
    width: 210px;
    top: -106px;
    right: 0px;
  }

  .profile-info-box:nth-of-type(1) .info-text,
  .profile-info-box:nth-of-type(5) .info-text {
    order: 1;
  }
  .profile-info-box.p-left .info-text {
 	order: 0;
 }
  .profile-info-box {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
 
  .profile-info-box .info-text {
    padding-left: 10%;
  }

  .profile-info-box .info-photo,
  .profile-info-box .info-text,
  .profile-info-box:nth-of-type(4) .info-text {
    width: 90%;
  }
.commissions.profile-info-box .info-photo  {
	width: 100%;
	padding-left: 10%;
}


  .profile-info-box:nth-of-type(4) .info-photo {
    width: 100%;
  }

  .profile-info-box:nth-of-type(even) .info-photo {
    padding-left: 10%;
    width: 100%;
  }
   .profile-info-box.p-left .info-photo {
	padding-left: 0;
    padding-right: 10%;
    width: 100%;
  }

  .profile-info-box .info-photo img,
  .profile-info-box:nth-of-type(2) .info-photo img,
  .profile-info-box:nth-of-type(3) .info-photo img {
    width: 100%;
  }

  .profile-info-box:nth-of-type(1) .info-text p,
  .profile-info-box:nth-of-type(1) .info-text p:lang(en-GB) {
    margin-bottom: 30px;
  }

  .profile-info-box .info-text p {
    margin-bottom: 30px;
  }

  .media-wrap {
    width: 100%;
    padding: 0 3%;
  }

  main#media {
    width: 100%;
    order: 1;
  }

  .media-card {
    width: 48%;
  }

  aside {
    width: 100%;
    order: 3;
  }

  .post-cont a.objectfit {
    width: 20%;
  }

  .post-cont p {
    width: calc(100% - 22%);
  }

  #pager {
    order: 2;
  }

  #pagination {
    margin-bottom: 80px;
  }

  .search-wrap {
    width: 50%;
  }

  .form-layout {
    display: block;
  }

  .form-layout-left,
  .form-layout-right {
    width: 80%;
    margin: auto;
  }

  .form-layout-left {
    border-bottom: none;
  }

  .search-wrap {
    width: 100%;
  }

  .art-work-box:last-child,
  .art-work-box:nth-of-type(odd):nth-last-child(2) {
    padding-bottom: 0;
  }

  .art-work-box:last-of-type .art-work-info a,
  .art-work-box:nth-of-type(odd):nth-last-child(2) .art-work-info a {
    bottom: 0;
  }

  .after-exhibition-title .text-box h3 {
    font-size: 1.7vw;
  }

  .after-exhibition-title .text-box p {
    font-size: 1.3vw;
  }
}

@media screen and (max-width: 960px) {
  .hum-btn {
    display: block;
    z-index: 100;
    position: fixed;
    width: 30px;
    height: 20px;
    cursor: pointer;
    top: 15px;
    right: 10px;
  }

  .hum_line {
    position: absolute;
    width: 30px;
    height: 2px;
    background-color: #000;
    transition: all 0.3s;
  }

  .hum_line1 {
    top: 0px;
  }

  .hum_line2 {
    top: 10px;
  }

  .hum_line3 {
    top: 20px;
  }

  .clicked .hum_line1 {
    transform: rotate(45deg);
    top: 10px;
  }

  .clicked .hum_line2 {
    width: 0px;
  }

  .clicked .hum_line3 {
    transform: rotate(-45deg);
    top: 10px;
  }

  .humberger {
    background: #fff;
    height: 100vh;
    transition: all 0.3s;
    z-index: 90;
    width: 100%;
    top: 0;
  }

  .clicked.humberger {
    display: block;
    position: fixed;
    animation: show 0.3s;
    width: 100%;
    overflow: auto;
  }

  .humberger li {
    display: block;
    position: relative;
    font-size: 16px;
    padding: 2% 20px;
    border-bottom: 1px solid #000;
  }

  .humberger li.prev::after {
    content: "＞";
    position: absolute;
    right: 15px;
    top: 15px;
    transform: scale(0.5, 1);
  }

  .humberger li a {
    display: block;
  }

  .inner-wrap {
    width: 100%;
  }

  .site-title {
    width: 100%;
  }

  .lang-switcher,
  .header-top p,
  .sns-box {
    height: auto;
  }

  .sns-box {
    margin-bottom: 50px;
  }

  .site-title p,
  footer .site-title p {
    font-size: 14px;
    margin: 15px 0 13px;
    line-height: 1;
    letter-spacing: 2.5px;
  }

  .site-title p:lang(en-GB) {
    letter-spacing: 2.1px;
    font-size: 12px;
  }

  .bogo-language-switcher .bogo-language-name img {
    height: 24px;
    margin-right: 5px;
    margin-top: 0;
  }

  .bogo-language-switcher li {
    border: none;
  }

  .bogo-language-switcher .ja .bogo-language-name a::after {
    top: -6px;
  }

  .sns-box img {
    height: 40px;
    margin: 40px 20px;
  }

  .gnav,
  .header-top .lang-switcher,
  .header-top .sns-box,
  .header-top .mm-btn {
    display: none;
  }

  header {
    margin-bottom: 20px;
  }

  .scroll-header.fixed-header {
    display: none !important;
  }

  .art-work-box {
    width: 100%;
  }

  .art-work-box:nth-of-type(odd) {
    border-right: none;
  }

  .art-work-box:nth-of-type(odd),
  .art-work-box:nth-of-type(even) {
    padding: 30px 0;
  }

  .art-work-box:last-child {
    padding-bottom: 0;
  }

  .art-work-thumb {
    max-width: 280px;
    max-height: 280px;
  }

  .art-work-thumb img {
    width: 280px;
    height: 280px;
  }

  .art-work-info {
    width: calc(100% - 310px);
  }

  .art-work-info h3 {
    font-size: 24px;
    padding-bottom: 30px;
  }

  .art-work-info p {
    font-size: 15px;
    padding-bottom: 20px;
  }

  .art-work-info table {
    font-size: 13px;
  }

  .art-work-info a {
    width: 250px;
  }

  .art-work-box:last-child .art-work-info a {
    bottom: 0;
  }

  .exhibition-info-box {
    margin-bottom: 35px;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
  }

  .exhibition-info-box:nth-of-type(2) {
    justify-content: flex-start;
  }

  .exhibition-info-box:last-child {
    margin-bottom: 45px;
  }

  .exhibition-info {
    margin-top: 35px;
  }

  .exhibition-info-box .info-text,
  .info-photo {
    width: 80%;
  }

  .exhibition-info-box:nth-of-type(2) .info-text {
    width: 100%;
    padding-left: 20%;
  }

  .exhibition-info-box:nth-of-type(2) .info-photo {
    width: 90%;
    order: 1;
  }

  .exhibition-info-box:nth-of-type(3) .info-text,
  .exhibition-info-box:nth-of-type(3) .info-photo {
    width: 90%;
  }

  .info-text p {
    font-size: 14px;
    text-align: left;
    margin-bottom: 35px;
  }

  .info-text img {
    left: 7%;
    top: 0;
    bottom: auto;
  }

  .exhibition-info-box .info-text,
  .exhibition-info-box .info-photo,
  .exhibition-info-box:nth-of-type(2) .info-text,
  .exhibition-info-box:nth-of-type(2) .info-photo {
    margin: 0;
  }

  #exhibition-title .inner-wrap,
  #profile-title .inner-wrap {
    padding: 0;
  }

  .breadcrumb {
    display: none;
  }

  .works {
    display: block;
  }

  .works-img-wrap {
    width: 100%;
  }

  .works-img {
    padding: 0;
    max-height: none;
  }

  .works .content {
    width: 100%;
    padding: 40px 0 0;
    line-height: 2;
  }

  #exhibition .works-img-wrap,
  #exhibition .works .content,
  #all-works .works-img-wrap,
  #all-works .works .content {
    padding-left: 40px;
    padding-right: 40px;
  }

  .c-modal_content_inner {
    border: none;
  }

  .works-info,
  .works-info p {
    font-size: 15px;
  }

  .works .content a.works-contact-btn {
    position: relative;
    bottom: auto;
    right: auto;
    display: inline-block;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 50px;
    width: 252px;
  }

  .all-works-wrap ul li {
    width: 23%;
  }

  .all-works-wrap ul li:nth-of-type(5n) {
    margin-right: 2%;
  }

  .all-works-wrap ul li:nth-of-type(4n) {
    margin-right: 0;
  }

  /* iOSでのデフォルトスタイルをリセット */
  input[type="submit"],
  input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
  }

  input[type="submit"]::-webkit-search-decoration,
  input[type="button"]::-webkit-search-decoration {
    display: none;
  }

  input[type="submit"]::focus,
  input[type="button"]::focus {
    outline-offset: -2px;
  }

  .youtube-wrap {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .humberger li {
    padding: 4% 20px;
  }

  .inner-wrap {
    padding: 0 20px;
  }

  #news .inner-wrap {
    padding: 0;
  }

  #featured .inner-wrap {
    padding: 0;
  }

  h1 img,
  footer h1 img {
    height: 30px;
  }

  footer .sns-box {
    margin: 30px auto 40px;
  }

  .copyright {
    font-size: 10px;
    padding-bottom: 20px;
  }

  .go-top {
    display: block;
    height: 35px;
    position: fixed;
    bottom: 20px;
    right: 10px;
  }

  .go-top.footertopBtn {
    height: 35px;
    position: absolute;
    top: 10px;
  }

  .news-content {
    display: block;
  }

  .news-content .news-content-box {
    width: calc(100% - 40px);
    padding: 10px 0 10px;
    margin: 0 auto;
    display: block;
  }

  .news-content .news-content-box:nth-of-type(2) {
    border-left: none;
    border-top: 1px solid #bdbdbd;
    padding-left: 0;
  }

  .featured-content {
    width: 100%;
    display: block;
  }

  .featured-content .featured-content-box {
    width: 80%;
    margin: 35px auto;
    display: block;
  }

  .featured-content-box .media-thumb img {
    width: 100%;
    height: auto;
  }

  .title-heading {
    margin-bottom: 20px;
  }

  #exhibition .title-heading {
    margin: 50px auto;
  }

  .title-heading img,
  #exhibition .title-heading img {
    height: 22px;
  }

  .title-heading.media-title-heading img {
    height: 20px;
  }

  #news {
    padding-top: 50px;
  }

  #featured {
    padding-top: 50px;
  }

  #art_work {
    padding-top: 70px;
  }

  #art_work:lang(en-GB) {
    padding-top: 50px;
  }

  .art-work-category,
  .art-work-category.small-title {
    margin-top: 120px;
    padding: 25px 0 15px;
  }

  .art-work-category.small-title.top-category {
    margin-top: 40px;
    padding: 25px 0 15px;
  }

  .art-work-category:nth-of-type(1) {
    margin-top: 20px;
  }

  .art-work-category img {
    height: 25px;
    margin-bottom: 15px;
  }

  .art-work-category.small-title img {
    height: 20px;
    margin: 0 auto 20px;
  }

  .lead-copy {
    font-size: 13px;
    line-height: 1.5;
  }

  .art-work-category p {
    font-size: 13px;
  }

  .art-work-box,
  .art-work-box:nth-of-type(odd) {
    padding: 20px 0;
    min-height: 245px;
    width: 100%;
  }

  .art-work-box:nth-of-type(even) {
    padding: 20px 0;
    min-height: 245px;
  }

  .art-work-thumb {
    width: 160px;
  }

  .art-work-thumb img {
    width: 160px;
    height: 160px;
  }

  .art-work-info {
    width: calc(100% - 175px);
  }

  .art-work-info a {
    width: 160px;
    top: 194px;
    bottom: auto;
    left: 0;
    line-height: 1;
    padding: 7px 0 8px;
  }

  .art-work-info h3 {
    font-size: 16px;
    min-height: auto;
    margin-bottom: 15px;
    padding-bottom: 0;
  }

  .art-work-info p {
    font-size: 13px;
    margin-bottom: 15px;
    padding-bottom: 0;
  }

  .art-work-info table {
    font-size: 12px;
    letter-spacing: 0;
  }

  .art-work-info table td:first-child {
    width: 45px;
  }

  .art-work-info table td:first-child:lang(en-GB) {
    width: 65px;
  }

  .exhibition-info-box:nth-of-type(1) .info-text p:lang(en-GB) {
    width: auto;
    float: none;
  }
  .exhibition-info-box .info-text p:lang(en-GB) {
    padding-right: 20px;
  }

  .info-text img,
  .info-text img:lang(en-GB) {
    left: 6%;
    top: 5px;
  }

  .info-text p {
    line-height: 2;
  }

  .art-work-box:nth-last-child(2) {
    border-bottom: 1px solid #bdbdbd;
  }

  .art-work-box:last-child,
  .art-work-box:nth-last-child(2) {
    padding-bottom: 30px;
  }

  .art-work-box:last-of-type .art-work-info a,
  .art-work-box:nth-of-type(odd):nth-last-child(2) .art-work-info a {
    bottom: 30px;
  }

  #exhibition .slider {
    margin: 50px auto 0;
    height: auto;
    padding-bottom: 60px;
  }

  .slide-arrow {
    height: 25px;
  }

  .prev-arrow {
    bottom: 70px;
    left: 15px;
    top: auto;
  }

  .next-arrow {
    bottom: 70px;
    right: 15px;
    top: auto;
  }

  .slider-info p {
    font-size: 13px;
  }

  .slider-info a {
    font-size: 10px;
    padding: 0 3em;
    margin-top: 10px;
  }

  .about-works {
    font-size: 20px;
    padding-bottom: 10px;
  }

  dl {
    font-size: 13px;
  }

  .works-info,
  .works-info p {
    font-size: 14px;
  }

  .c-modal_content {
    padding: 0;
  }

  .c-modal_close img {
    margin: 20px auto;
  }

  .works-img {
    padding: 0;
  }

  #single-work .works-img {
    padding: 0;
  }

  .works .content {
  }

  #single-work .works .content {
  }

  .c-modal_content_inner {
    border: none;
  }

  .works .content a.works-contact-btn {
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 50px;
  }

  .c-modal_close_bottom {
    margin: auto;
  }

  .title-heading02 {
    margin-top: 75px;
  }

  .title-heading02 h2 {
    font-size: 25px;
    margin-bottom: 15px;
  }

  .all-works-wrap ul {
    padding-top: 8%;
    margin-top: 20px;
  }

  .all-works-wrap ul li {
    width: 46%;
    font-size: 13px;
    margin-right: 8%;
    margin-bottom: 40px;
  }

  .all-works-wrap ul li:nth-of-type(5n) {
    margin-right: 8%;
  }

  .all-works-wrap ul li:nth-of-type(even) {
    margin-right: 0;
  }

  #after-exhibition {
    margin-top: -40px;
    margin-bottom: 30px;
  }

  .after-exhibition-wrap {
    display: block;
    padding-bottom: 0;
  }

  .after-exhibition-box {
    width: 100%;
    padding-top: 20px;
    margin-bottom: 20px;
  }

  .after-exhibition-box-inner {
    padding: 0;
  }

  .after-exhibition-title {
    display: block;
  }

  .after-exhibition-title .text-box {
    padding-top: 10px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }

  .after-exhibition-title .text-box h3 {
    font-size: 16px;
    margin-top: 7px;
  }

  .after-exhibition-title .text-box p {
    font-size: 11px;
    margin-top: 8px;
    width: 100%;
  }

  .after-exhibition-title a {
    width: 100%;
  }

  .after-exhibition-discription {
    font-size: 13px;
    margin-top: 10px;
    line-height: 1.6;
  }

  .after-exhibition-discription:lang(en-GB) {
    line-height: 1.5;
  }

  footer {
    padding-top: 30px;
  }

  .profile-info {
    margin-top: 65px;
  }

  .profile-info .sign {
    width: 154px;
    top: -86px;
    right: 20px;
  }

  .profile-info-box {
    margin-bottom: 25px;
  }

  .profile-info-box .info-text p {
    font-size: 14px;
    line-height: 1.8;
  }

  .sp-info-text {
    display: block;
    margin-top: 30px;
  }

  .info-text.sp-info-text p {
    margin-bottom: 0;
  }

  #profile {
    margin: 40px auto;
  }

  .profile-box .sign {
    width: 110px;
    top: -53px;
    right: -20px;
  }

  .profile-box .profile-photo {
    width: 37%;
    margin-bottom: 30px;
  }

  .profile-box .profile-photo:lang(en-GB) {
    margin-right: 0;
    margin-bottom: 0;
  }

  .profile-box .profile-photo img {
    margin-left: -20px;
  }

  .profile-box .profile-text {
    width: 62%;
  }

  #profile h2 {
    font-size: 19px;
    margin-bottom: 20px;
  }

  .profile-text p {
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 0;
  }

  .sp-table {
    display: block;
  }

  .sp-table:lang(en-GB) {
    display: none;
  }

  .sp-table tr {
    font-size: 13px;
    vertical-align: top;
  }

  .sp-table td {
    line-height: 1.7;
  }

  .sp-table td:nth-of-type(1) {
    padding-right: 1em;
  }

  .media-wrap {
    padding: 0 20px;
  }

  .media-title-heading,
  .shopping_guide-title-heading {
    padding-top: 30px;
    border-top: 1px solid #000;
  }

  .lead-copy02 {
    font-size: 13px;
    margin-bottom: 25px;
    line-height: 1.7;
  }

  .media-wrap {
  }

  .search-wrap {
    width: 100%;
    margin: 0 auto 25px;
  }

  .media-card {
    width: 100%;
  }

  .media-info {
    margin-top: 15px;
  }

  .media-info .media-date {
    font-size: 12px;
  }

  .media-info .media-category a {
    font-size: 11px;
  }

  .media-title {
    font-size: 14px;
  }

  .media-card:last-child {
    margin-bottom: 0;
  }

  #pagination {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 18px 0;
    border-bottom: 1px solid #bdbdbd;
  }

  .page-numbers {
    font-size: 14px;
    border-radius: 15px;
    width: 30px;
    line-height: 30px;
    margin: 0 6px;
  }

  .page-next,
  .page-prev,
  .page-numbers.next,
  .page-numbers.prev {
    margin: 0;
  }

  .page-dots,
  .page-numbers.dots {
    margin: 0 -10px;
  }

  .side-block {
    margin-top: 60px;
    font-size: 21px;
  }

  .side-title {
    text-align: center;
    font-size: 21px;
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }

  .post-cont {
    padding: 18px 0;
  }

  .post-cont a.objectfit {
    width: 140px;
  }

  .post-cont p {
    font-size: 15px;
    width: calc(100% - 145px);
    padding-left: 10px;
  }

  .show-all-link {
    font-size: 15px;
  }

  .category-block {
    margin-top: 20px;
  }

  .category-cont p,
  .cat-item {
    font-size: 15px;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    padding: 10px 20px;
  }

  .cat-item:last-child {
    border-bottom: none;
  }

  .category-cont p {
    border-top: 1px solid #bdbdbd;
    border-bottom: none;
  }

  .category-cont p a,
  .cat-item a {
    position: relative;
  }

  .category-cont p a::after,
  .cat-item a:after {
    content: "＞";
    position: absolute;
    right: 0px;
    transform: scale(0.5, 1);
  }

  article.media-post {
    padding: 0 15px;
  }

  .media-post .media-thumb img {
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }

  .media-post .media-info {
    margin-top: 10px;
  }

  .media-post .media-title {
    font-size: 21px;
    margin-top: 20px;
    margin-bottom: 25px;
  }

  .media-post-wrap p {
    font-size: 15px;
    line-height: 1.9;
  }

  .share-btn {
    margin-top: 0;
  }

  .share-btn ul li {
    margin: 0 10px 0 0;
  }

  .share-btn ul li:last-child {
    margin: 0;
  }

  .post-nav {
    margin-top: 30px;
    padding: 15px 20px 0px;
    margin-bottom: 40px;
    border-bottom: 1px solid #bdbdbd;
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }

  .post-nav .media-card {
    width: 46%;
    margin-bottom: 20px;
  }

  a.prev-btn,
  a.next-btn {
    font-size: 13px;
    font-weight: 400;
  }

  .related-article {
    border-top: none;
  }

  .related-article-box {
    flex-wrap: wrap;
  }

  .related-article .media-card {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    padding: 18px 0;
    border-bottom: 1px solid #bdbdbd;
  }

  .related-article a.objectfit {
    width: 140px;
  }

  .related-article .media-card .media-title {
    width: calc(100% - 145px);
    padding-left: 15px;
  }

  .related-article .title-heading03 {
    margin-top: 65px;
    margin-bottom: 0;
    border-bottom: 1px solid #000;
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }

  .related-article .title-heading03 h2 {
    margin-bottom: 10px;
  }

  .media-info .media-single-date {
    margin-left: -10px;
  }

  .media-info .media-single-category {
    font-size: 11px;
    margin-right: -10px;
  }

  .privacy-block .heading {
    font-size: 15px;
    margin-bottom: 10px;
  }

  .privacy-block .heading:lang(en-GB) {
    font-size: 18px;
    line-height: 1.3;
  }

  #privacy,
  #shopping_guide {
    padding: 0 35px;
    margin-bottom: 10px;
  }

  .privacy-block {
    padding: 15px 0;
  }

  .privacy-block p {
    font-size: 13px;
  }

  .shopping_guide-title-heading img {
    height: 18px;
  }

  .mailmagazine-title-heading img {
    height: 28px;
  }

  #shopping_guide td {
    font-size: 13px;
    width: 100%;
    display: block;
    border-top: none;
    padding: 12px 0 15px;
  }

  #shopping_guide td:first-child,
  #shopping_guide td:first-child:lang(en-GB) {
    font-size: 15px;
    width: 100%;
    border-top: 1px solid #bdbdbd;
    padding: 15px 0 0;
  }

  .search-wrap-pc {
    display: none;
  }

  .form-layout-left,
  .form-layout-right {
    width: 100%;
  }

  .InputField,
  .InputField__noflex,
  .InputField__noflex .InputField__form,
  span.mwform-radio-field.horizontal-item {
    display: block;
  }

  .InputField {
    padding-top: 10px;
    font-size: 16px;
  }

  .InputField__form,
  .InputField__noflex .InputField__form input[type="text"] {
    width: 100%;
    font-size: 16px;
  }

  .form-layout input[type="text"],
  .form-layout input[type="email"] {
    font-size: 16px;
  }

  .mw_wp_form .horizontal-item + .horizontal-item,
  .works-name input[type="text"] {
    margin-left: 0 !important;
  }

  .form-layout textarea {
    height: 160px;
    font-size: 16px;
    margin-top: 0;
  }

  .submit-btn,
  .contact-btn {
    width: 100%;
  }

  .form-Confirm,
  .contact-btn {
    margin: 25px auto 20px;
    flex-wrap: wrap;
  }

  .contact-btn {
    margin: 70px auto;
    width: 60%;
  }

  .submit-btn-back {
    order: 1;
    margin-top: 25px;
  }

  .form-layout-btn input[type="submit"] {
    width: 100%;
    margin: 0 auto;
  }

  .InputField.InputField__noflex:last-child {
    padding-bottom: 0;
  }

  .form-layout-right {
    border-bottom: none;
  }

  .pv-wrap {
    padding: 15px;
  }

  .pv-wrap p {
    font-size: 13px;
    margin-top: 5px;
  }

  p.pv-wrap-title {
    font-size: 14px;
    margin-bottom: 0;
  }

  #media-search .media-title-heading {
    margin-bottom: 5px;
  }

  #media-search .media-title-heading h2 {
    font-size: 15px;
  }

  #media-search .lead-copy02 {
    font-size: 12px;
  }

  input#sbox1,
  input#sbox2 {
    font-size: 16px;
  }

  .ng-search {
    width: 100%;
  }

  .ng-search p {
    font-size: 15px;
  }

  .art-work-box:last-of-type .art-work-info a,
  .art-work-box:nth-of-type(odd):nth-last-child(2) .art-work-info a {
    bottom: auto;
  }

  .home footer,
  .archive-works-wrap footer {
    margin-top: 50px;
  }

  /*メニュー開いた時に背景をスクロールさせない*/
  .scroll-prevent {
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
  }

  #exhibition-top #exhibition-title {
    border-bottom: none;
  }

  #exhibition-top #exhibition .title-heading {
    margin-bottom: 0;
  }

  #exhibition-top #exhibition .slider {
    margin-top: 20px;
  }

  .youtube-wrap {
    max-width: 1100px;
    margin: 0px auto 75px;
  }
}

.pc {
  display: inline-block;
}

.pc-block {
  display: block;
}

.sp {
  display: none;
}

@media screen and (max-width: 767px) {
  .pc {
    display: none;
  }

  .pc-block {
    display: none;
  }

  .sp {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  #exhibition .slick-track {
    height: auto;
  }

  .open-btn {
    width: 100%;
    display: block;
    text-align: center;
    line-height: 35px;
    border: 1px solid #000;
    border-radius: 30px;
    margin-top: 30px;
    background: #fff;
    color: #000;
    position: relative;
  }

  .open-btn:hover {
    background: #fff;
    color: #000;
  }

  .open-btn::after {
    content: "＋";
    position: absolute;
    right: 15px;
  }

  .open-btn.anchor-btn01::after,
  .open-btn.anchor-btn02::after,
  .open-btn.anchor-btn03::after,
  .open-btn.anchor-btn04::after,
  .open-btn.anchor-btn05::after,
  .open-btn.anchor-btn06::after {
    content: "ー";
  }
}

/* ----------------------------------------
英語版
---------------------------------------- */
.art-work-category img.en {
  height: 34px;
}
.art-work-category img.en-large {
  height: 30px;
}
@media screen and (max-width: 767px) {
  .art-work-category img.en {
    height: 24px;
  }
  .art-work-category img.en-large {
    height: 20px;
  }
}

/* ----------------------------------------
メルマガ
---------------------------------------- */
.header-top {
  position: relative;
}

.mm-btn {
  position: absolute;
  right: 110px;
  top: 10px;
}
.mm-btn img {
  height: 32px;
  width: auto;
}

#mail_magazine {
  max-width: 820px;
  margin: 0 auto 70px;
}

.mailmagazine-block {
  border: 10px solid #f1eed1;
  padding: 24px;
  margin-bottom: 10px;
}

.mail-note {
  padding-left: 1em;
  text-indent: -1em;
}

.last-mailmagazine-block {
  margin-top: 70px;
}

.mailmagazine-block form {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mailmagazine-block br {
  display: none;
}

label[for="s2email"] {
  font-size: 15px;
}

.mailmagazine-block form input[name="subscribe"],
.mailmagazine-block form input[name="unsubscribe"] {
  width: 120px;
  height: 30px;
  font-size: 15px;
  border: none;
  background: #b1a100;
  color: #fff;
  margin-left: 14px;
  border-radius: 2px;
  letter-spacing: 0.1em;
  cursor: pointer;
}

.mailmagazine-block form input[name="unsubscribe"] {
  background: #7d7d7d;
  margin-left: 10px;
}

.mailmagazine-block form input[name="subscribe"]:hover {
  background: rgba(177, 161, 0, 0.5);
}

.mailmagazine-block form input[name="unsubscribe"]:hover {
  background: rgba(125, 125, 125, 0.5);
}

#s2email {
  width: 350px;
  margin-left: 10px;
  padding-left: 10px;
  border: 1px solid #000;
  height: 30px;
  border-radius: 2px;
  font-size: 15px;
}

.mail-message {
  background: linear-gradient(#e7e7e7 1px, transparent 1px) #fff;
  background-size: auto 46px;
  line-height: 46px;
  text-align: center;
  margin-top: 75px;
  position: relative;
}

.mail-message p {
  font-size: 17px;
}

.mail-message .mail-heading {
  font-size: 22px;
  font-weight: 400;
}

.mail-message img {
  position: absolute;
  width: auto;
}

.mail-message img:nth-of-type(1) {
  top: 300px;
  left: -65px;
  height: 170px;
}

.mail-message img:nth-of-type(2) {
  top: 430px;
  right: 70px;
  height: 190px;
}

.mail-message img:nth-of-type(3) {
  top: 625px;
  left: -50px;
  height: 244px;
}

.mail-message img:nth-of-type(4) {
  top: 880px;
  right: -50px;
  height: 254px;
}

#comments {
  margin-top: 40px;
  padding: 20px 0 40px;
  border-top: 1px solid #000;
}

.comment .children {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 20px;
  background: #f8f8f8;
}

.depth-2:first-child {
  padding-top: 20px;
}

.fn {
  font-weight: 700;
}

.commentmetadata {
  font-size: 11px;
}

.reply {
  padding-bottom: 20px;
}

.comment-reply-link {
  color: #ff9a00;
}

.comment-form-comment {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.comment-form-comment label {
  width: 10%;
}

.comment-form-comment textarea {
  width: 100%;
}

#reply-title {
  padding: 10px 0 20px;
}

.comment-respond {
}

.comment-notes {
  display: none;
}

.comment-return-notes {
  margin-top: 40px;
  font-weight: 700;
}

.comment-return-notes span {
  color: #b70000;
}

.comment-respond input#submit {
  background: #000;
  border: none;
  padding: 0.5em 2em;
  color: #fff;
  line-height: 2;
  font-size: 14px;
}

.comment-respond input#submit:hover {
  background: #c6c6c6;
}

.comment-form-author {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}

.comment-form-author label {
  width: 9%;
}

.comment-form-author #author {
  height: 2rem;
  border: 1px solid #999;
  padding-left: 1em;
}

.s2_message,
.s2_error {
  text-align: center;
  display: block;
  padding: 0;
}

.s2_message a {
  color: #ff9a00;
}

.media-limited p {
  font-family: Roboto, "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .mail-message {
    background-size: auto 35px;
    line-height: 35px;
    text-align: left;
    margin: 80px auto 0;
  }

  .mail-message p {
    font-size: 14px;
  }

  .mail-message .mail-heading {
    font-size: 17px;
  }

  .mail-message img {
    position: static;
    width: auto;
    margin: 20px auto;
  }

  .mail-message img:nth-of-type(1) {
    height: 135px;
  }

  .mail-message img:nth-of-type(2) {
    height: 135px;
  }

  .mail-message img:nth-of-type(3) {
    height: 170px;
  }

  .mail-message img:nth-of-type(4) {
    height: 170px;
  }

  #mail_magazine {
    max-width: 100%;
    margin: 0 20px 70px;
  }

  .mailmagazine-block {
    padding: 10px;
    margin-bottom: 10px;
  }

  .last-mailmagazine-block {
    margin-top: 70px;
  }

  .mailmagazine-block form {
    display: block;
    text-align: center;
  }

  label[for="s2email"] {
    font-size: 13px;
  }

  .comment-form-comment,
  .comment-form-author {
    display: block;
  }

  .comment-form-comment {
    margin-bottom: 0;
  }
  label[for="comment"] {
    display: none;
  }
  textarea#comment {
    font-size: 16px;
  }

  .comment-form-author #author {
    width: 100%;
    font-size: 16px;
  }

  .comment-return-notes {
    line-height: 1.6;
    text-indent: -1em;
    padding-left: 1em;
  }

  .mailmagazine-block form input[name="subscribe"],
  .mailmagazine-block form input[name="unsubscribe"] {
    width: 49%;
    height: 30px;
    font-size: 13px;
    border: none;
    margin-left: 0;
  }

  .mailmagazine-block form input[name="unsubscribe"] {
    margin-left: 0;
  }

  .mailmagazine-block p:first-of-type {
    display: block;
    width: 100%;
    padding-bottom: 40px;
  }

  .mailmagazine-block p:first-of-type label {
    float: left;
    width: 35%;
  }

  .mailmagazine-block p:first-of-type.s2_message,
  .mailmagazine-block p:first-of-type.s2_error {
    padding: 0;
  }

  .mailmagazine-lead-copy {
    font-size: 14px;
    margin-bottom: 15px;
  }

  #s2email {
    width: auto;
    margin-left: 0;
    padding-left: 0;
    border: 1px solid #000;
    height: 30px;
    font-size: 16px;
    float: right;
    width: 65%;
  }

  .mail-note {
    font-size: 13px;
    line-height: 1.8;
  }

  .mm-btn {
    position: static;
    margin-top: 40px;
  }

  .mm-btn img {
    height: 40px;
    margin: auto;
  }
}