@charset "UTF-8";

	div#content {/* 要素が少ないときにfooterが上にくるのを防ぐ */
	    min-height:800px;
	}

	#masthead .container {
	    padding: 15px 0 0;
	}

	header#masthead .site-info {/* ヘッダーのサイトタイトルの文字を大きく */
	    font-size: 1.5rem;
	}

	div.page-header-inner h1{/* ヘッダーの投稿タイトルを非表示に */
	    display:none;
	}

	body.header-overlay .page-header:not(.eye-catch-top) div.page-header-inner {/* ヘッダーの投稿タイトルを表示場所を小さく */
            padding: calc(0.5rem + 70px) 0 1.5rem;
    	}

	div.overlay-inner ul.menu-items {/* ヘッダーメニューのフォントを大きく */
	    font-size: 1.0rem;
	}

	div.overlay-inner ul.menu-items li a {/* ヘッダーメニューのコンテナ幅を小さく */
	    height: 2rem;
	}

	.entry-content div.srsm-group-works h1 {
	    	padding-bottom: 0rem;/* Works個別ページのH1のpadding調整 */
	}


	div.container.column {/* メインコンテンツの上下のスペースを小さく */
	    margin: 0.5rem auto;
	}

	div.srsm-group-padding {/* aboutなど左右のスペースを空ける */
	   padding: 0 5% 50px;
	}


	div.site-info .copyright span:first-child { /* フッターのコピーライトを中央に */
	    flex: 0 0 100%;
	    text-align: center;
	}

	div.site-info .copyright span:nth-child(2) { /* フッターのいらない部分削除 */
	    display:none;
	}

	main#main article#post-31 { /* ホームに指定した何もない記事のタイトルだけ出てしまうのでコンテナごと見えないように。 */
	    display:none;
	}


	div#scroll-to-content { /* 下にスクロールを促すアイコンの削除 */
	    display: none;
	}

	figure.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {/* ギャラリーボックスをSP時に3カラムにするようにする。 */
	    margin: 0;
	    width: calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px) * 0.6667);
	}


/* bogoのスイッチャーの表示変更↓ */

	.widget_bogo_language_switcher .w-header__title {
	  display: none;
	}

	.bogo-language-switcher {
	  display: flex;
	  flex-direction: row-reverse;
	  font-size: 0.7rem;
	}

	.bogo-language-switcher a {
	  padding: 1em;
	  color: var(--color_text);
	  font-weight: 400;
	}

	div.overlay-inner ul.bogo-language-switcher .current a {
	  font-weight: 800;
	}

	.bogo-language-switcher .en-US {
	  position: relative;
	}

	.bogo-language-switcher .en-US::before {
	  content: "|";
	  width: 1px;
	  height: 65%;
	  background-color: var(--color_text);
	  position: absolute;
	  top: 30%;
	  left: 0%;
	  transform: translateY(-50%);
	}

/* bogoのスイッチャーの表示変更↑ */


/* ↓スライドショー関連↓ */

	[id^="slider-pro-"] div.sp-selected-thumbnail {/* スライドショーの下のボタンのボーダー変更 */
		border: 2px solid #ccc !important;
	}

	div.sp-button {/* スライドショーの下のボタン色変更 */
	    border: 1px solid #CCC !important;
	}

	div.sp-selected-button {/* スライドショーの下のボタン色変更 */
	    background-color: #CCC !important;
	}

	div.sp-next-arrow::after, div.sp-next-arrow::before {/* スライドショーの左右矢印色変更 */
	    background-color: #CCC !important;
	}

	div.sp-previous-arrow::after, div.sp-previous-arrow::before {/* スライドショーの左右矢印色変更 */
	    background-color: #CCC !important;
	}

	div.sp-full-screen-button::before {/* スライドショーの全画面矢印色変更 */
	    color: #CCC !important;
	}

/* ↑スライドショー関連↑ */


@media (min-width: 769px){
	.wpcf7-form-control.form-control {
	    width: auto;
	    max-width: 100%;
	}

	.wpcf7-form {/* フォームを中央に配置・背景色指定 */
	    max-width: 720px;
	    margin-left:auto;
	    margin-right:auto;
	    padding: 15px 20px;
	    border-radius: 5px;
	}
}
	
	.wpcf7-form small.text-danger {/* 必須マーク */
	    color: #fff !important;
	    background-color: #dc3545;
	    font-size: 75%;
	    padding: 0.1em 0.3em;
	    margin-left: 0.5em;
	}
	
	form .wpcf7-acceptance input[type="checkbox"] {/* 入力確認のチェックボックス */
	    margin-right: 0.5em;
	}

	input.wpcf7-submit {/* 送信ボタンをぴったり中央に配置 */
	    margin-left:48px;
	}

	p.sm-contact-accept span[data-name="your-accept"] {/* 確認ボタンの文章をなるべく中央に配置 */
	    padding-right:48px;
	}

	p.sm-contact-accept  {/* 確認ボタン上下の余白調整 */
	    padding:12px 0 24px;
	}


@media (min-width: 769px){

	p.srsm-works-detail {/* Works個別ページのサイズ等の部分の上下を変更 */
	   padding: 0 0 20px;
	}

	div#content {/* 要素が少ないときにfooterが上にくるのを防ぐ */
	    min-height:800px;
	}
}

@media only screen and (max-width: 768px) {

	div#content {/* 要素が少ないときにfooterが上にくるのを防ぐ */
	    min-height:650px;
	}

	div.srsm-group-padding {/* aboutなど左右のスペースを空ける */
	   padding: 0 0 30px;
	}

	div.entry-content > h1, .nishiki-pro-content > h1 {/* H1の上下左右のスペースを減らす */
	    margin: 1rem 0 0;
	    padding: 1rem 0 1.5rem;
	}

	div.wp-block-buttons>.wp-block-button.wp-block-button__width-50 {/* ボタンのSPでの幅を変更 */
	    width: 60%;
	}

	div.sp-thumbnail-container{/* スライドショーのサムネイルのSP時サイズ変更 */
		width: 100px !important;	
		height:100px !important;
	}

	div.sp-thumbnails{/* スライドショーのサムネイルのSP時サイズ変更に伴う親のコンテナサイズ変更 */	
		height:100px !important;
	}

	div.sp-button {/* スライドショーの下のボタンサイズ変更 */
	    width: 12px;
	    height: 12px;
	}
}