@import url('contact.css');

.mt30 {
	margin-top: 30px;
}

.mt50 {
	margin-top: 50px;
}

.c-section {
	padding-top: 0;
}

/* 固定ページではサイドバーを非表示 */
body.page .l-contents__sidebar {
  display:none;
}

/* パンくずリストを非表示 */
.p-breadcrumbs-wrapper {
  display:none;
}

/* フッター */
.l-footer-widget-area {
	padding-top: 40px !important; 
	padding-bottom: 20px !important; 
}

.p-footer-sub-nav {
	padding-bottom: 40px;
}

.p-footer-sub-nav .c-container .c-navbar {
	display: flex;
	justify-content: center;
}

.footer-sub-title {
	margin-top: 4px !important;
}

/* ヘッダー部分の余白 */
.l-contents {
	margin-top: 83px;
}

/* 作品一覧 */
.works-list .c-row .wp-block-snow-monkey-blocks-panels-item-block-link .smb-panels__item .smb-panels__item__body .wp-block-image img {
  margin: 0 auto;
}

/* 作品一覧の作品の高さを指定 */
.works-list div div div div figure img {
  max-height: 200px;
  object-fit: cover;
}

@media screen and (min-width: 640px, max-width: 767px){
  .works-list div div div div figure img {
    height: 200px;
    max-height: 250px;
  }
}

/* ボタンに影を追加 */
.smb-btn {
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.5); 
}

@media screen and (min-width: 768px){
  .smb-btn:hover {
    border-color: #333333;
    background-color: #ffffff;
    color: #333333;
  }
}

/* セクションの上下の余白 */
.wp-block-snow-monkey-blocks-section {
	padding-top: 50px;
	padding-bottom: 50px;
}

/* セクションタイトル */
.smb-section__title {
	font-size: 40px !important;
	font-weight: 300;
}

.p-global-nav ul li a span {
  font-weight: 300;
}

@media screen and (min-width: 768px){
  .p-global-nav ul li a span:hover {
    border-bottom: 1px solid;
  }
}

@media screen and (max-width: 1023px){
  .profile-section div div div div {
	  gap: 100px 0;
  }
}