@charset "UTF-8";
/*
Theme Name:photo
*/


/* ========================================
      デザイン共通
===========================================*/
a {
	color: #fff;
	text-decoration-line: underline;
	text-decoration-thickness: 0px;
	text-underline-offset: 1px;
}

p {
	margin: 16px 0px;
}

html, body {
	font-size: 16px;
	letter-spacing: normal;
}

body {
	background: #000;
	color: #fff;
	font-family: "Sawarabi Mincho";
	margin: 8px;
}

body.page-id-131,
body.page-id-141,
body.page-id-143,
body.page-id-158,
body.page-id-296 {
	background-image: url(/wp/wp-content/uploads/about_001.jpg);
	background-position: 240% 0;
	background-size: 85%;
	background-repeat: no-repeat;
}

main {
	margin: 0 32px;
	padding: 0;
	position: relative;
	min-height: 0px;
}

.tabletarticle main,
.zhtabletarticle main,
.frtabletarticle main,
.entabletarticle main,
.kotabletarticle main {
	min-height: calc(100vh - 70px);
}

.page-id-131 main,
.page-id-141 main,
.page-id-143 main,
.page-id-158 main,
.page-id-296 main { height: calc(100vh - 75px); }

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}


/* ========================================
      ヘッダー
===========================================*/
header {
	background: rgba(0,0,0,0.5);
	position: relative;
	padding: 16px 0;
	height: auto;
}

.home header p,
.page-id-131 header p { display: none; }

header p {
	margin: 0;
	position: absolute;
		top: 50%;
		right: 16px;
		transform: translateY(-50%);
}

/* ========================================
      bogo 言語切り替え
===========================================*/
.bogo-language-switcher { display: flex; }
.bogo-language-switcher li { margin-left: 32px; }
.bogo-language-switcher li:nth-child(1) { order: 2; }
.bogo-language-switcher li:nth-child(2) { order: 1; }
.bogo-language-switcher li:nth-child(3) { order: 4; }
.bogo-language-switcher li:nth-child(4) { order: 3; }
.bogo-language-switcher .current { display: none; }

.bogo-language-switcher li::before {
	content: '';
	background-repeat: no-repeat;
	background-size:  auto 20px;
	margin-right: 6px;
	padding-left: 30px;
}
.bogo-language-switcher li.en::before { background-image: url(img/flag_en.png); }
.bogo-language-switcher li.fr::before { background-image: url(img/flag_fr.png); }
.bogo-language-switcher li.ja::before { background-image: url(img/flag_jp.png); }
.bogo-language-switcher li.ko::before { background-image: url(img/flag_ko.png); }
.bogo-language-switcher li.zh-TW::before { background-image: url(img/flag_zh-TW.png); }

.language {
	position: absolute;
	top: 50%;
	right: 235px;
	transform: translateY(-50%);
}

/* ========================================
      トップページ
===========================================*/
h1.p-title {
	border-radius: 12px;
	box-shadow: 1px 1px 4px;
	font-size: 32px;
	margin: 0 0 16px 0;
	width: 250px;
}
h1.p-title:has(a):hover {
	background: #383c3c;
	box-shadow: -1px -1px 4px;
}
h1.p-title:not(:has(a)) {
	padding: 12px;
	width: 226px;
}

h1.p-title a {
	display: block;
	padding: 12px;
	text-decoration: none;
}

.en-US h1.p-title { width: 460px; }

.fr-FR h1.p-title { width: 595px; }

.ko-KR h1.p-title { width: 315px; }

.title-wrap {
	text-align: center;
	position: relative;
}

.home .title-wrap,
.page-id-131 .title-wrap,
.page-id-141 .title-wrap,
.page-id-143 .title-wrap,
.page-id-158 .title-wrap,
.page-id-296 .title-wrap { display: none; }

.title-wrap h1,
.tabletarticle .title-wrap,
.entabletarticle .title-wrap,
.zhtabletarticle .title-wrap,
.kotabletarticle .title-wrap,
.frtabletarticle .title-wrap { display: block !important; }

.home .wp-block-group {
	margin: 2% 0 0 4%;
}

.logo-home {
	display: flex;
	align-items: center;
	position: absolute;
	bottom: -5px;
	width: 100%;
	width: 360px;
}

.logo-home figure { margin: 0 16px 0 0; }
.logo-home figure:not(:nth-child(1)) {
	margin-top: 8px;
	width: 100px;
}

body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	margin-left: 0 !important;
	margin-right: 0 !important;
}


/* ========================================
      Page.php
===========================================*/

/* About *****************************************/
.about .title-wrap { display: none; }

/* プラグイン: Smart Slider 3 *********************************/
/* .n2-ss-slider .n2-ss-slider-controls-absolute-center-bottom {
	flex-flow: column !important;
	position: relative;
}

.n2-ss-slider .n2-ss-slider-controls-absolute-center-bottom > div:nth-child(1) {
	position: absolute;
	right: 16px;
	bottom: 5px;
	text-align: right !important;
}

.n2-ss-slider .n2-ss-slider-controls-absolute-center-bottom > div:nth-child(2) {
	position: absolute;
	bottom: 0;
} */

.n2-ss-slider .n2-ss-slider-controls-absolute-center-bottom {
	flex-flow: column !important;
	position: relative;
}

.n2-ss-slider .n2-ss-slider-controls-absolute-center-bottom > div:nth-child(1) {
	position: absolute;
	right: 16px;
	bottom: 5px;
	text-align: right !important;
}

.n2-ss-slider .n2-ss-slider-controls-absolute-center-bottom > div:nth-child(2) {
	position: absolute;
	bottom: 0;
}

.n2-style-3745c27e4cee514fb93ac00b0ec9858c-simple {
	border-radius: 12px !important;
}

.n2-font-1bc0f869f2100043a30427cdfe9ebf36-simple {
	font-family: unset !important;
	font-size: 27px !important;
}

/* 掲載記事 *****************************************/
.archive main { min-height: calc(100vh - 70px); }

.article > ul > li {
	display: flex;
	margin-bottom: 12px;
}
span.post-date { width: 8rem; }
span.post-country { width: 2.5rem; }
span.post-title { width: calc(100% - 11rem); }

.post-country div { display: inline-block; }

.post-country div.jpn::before { background-image: url(/wp/wp-content/themes/Kamamoto/img/flag_jp.png); }
.post-country div.twn::before { background-image: url(/wp/wp-content/themes/Kamamoto/img/flag_zh-TW.png); }
.post-country div.fra::before { background-image: url(/wp/wp-content/themes/Kamamoto/img/flag_fr.png); }
.post-country div.usa::before { background-image: url(/wp/wp-content/themes/Kamamoto/img/flag_en.png); }
.post-country div.kor::before { background-image: url(/wp/wp-content/themes/Kamamoto/img/flag_ko.png); }

.post-country div.jpn::before,
.post-country div.twn::before,
.post-country div.fra::before,
.post-country div.usa::before,
.post-country div.kor::before {
	content: '';
    background-repeat: no-repeat;
    background-size: auto 20px;
    margin-right: 6px;
    padding-left: 30px;
}

.post-country img{
	height: 20px;
}

.archive .content-wrap div:not(.article) ul {
	display: flex;
	gap: 0 8px;
}

.archive .content-wrap div:not(.article) li {
	width: 100%;
}

.tabletarticle .content-wrap,
.zhtabletarticle .content-wrap,
.frtabletarticle .content-wrap,
.entabletarticle .content-wrap,
.kotabletarticle .content-wrap {
	height: 490px;
	overflow: scroll;
	display: flex;
	flex-direction: column;
}

/* ナビゲーションヘッダー *****************************************/
.sub-menu {
	position: absolute;
	top: 12px;
	right: 0;
}

.sub-menu ul {
	display: flex;
	gap: 5px;
}

.sub-menu li {
	list-style: none;
}

.sub-menu ul li {
	border: 1px #FFF solid;
	border-radius: 8px;
	width: 100px;
}

.sub-menu ul li a {
	display: block;
	text-decoration: none;
	font-size: 86%;
	padding: 7px 0;
	line-height: 1;
}

.tabletarticle2 .sub-menu ul li,
.zhtabletarticle2 .sub-menu ul li,
.frtabletarticle2 .sub-menu ul li,
.entabletarticle2 .sub-menu ul li,
.kotabletarticle2 .sub-menu ul li {
	width: 112px;
}

.cat-menu {
	display: flex;
	justify-content: space-between;
	background: #000;
	position: absolute;
	width: 100%;
	z-index: 999;
	margin-top: 20px;
}

.cat-menu li {
	border: 1px solid;
	border-radius: 8px;
	width: 15%;
}

.cat-menu li a {
	display: block;
	padding: 8px 0;
	text-align: center;
	text-decoration: none;
}

.cat-menu li:nth-last-child(2) {
	order: 1;
}

.tabletarticle .cat-menu,
.zhtabletarticle .cat-menu,
.frtabletarticle .cat-menu,
.entabletarticle .cat-menu,
.kotabletarticle .cat-menu {
	bottom: -5px;
}


/* 掲載記事リスト *****************************************/
div.article {
	margin-bottom: 36px;
}

div.article h2 {
	background: #f3f3f2;
	border-radius: 10px 0;
	color: #000;
	padding: 0 8px;
}

div.article ul { padding: 0 8px; column-count: 2;}

/* フッター *****************************************/
footer { padding: 16px 0; }


/* プラグイン: Modula *****************************************/
.wp-block-gallery.has-nested-images{
	display: none;
}

.modula-gallery{
	overflow: scroll;
}

.modula-items { width: 300%; }

.content-wrap p {
	margin: 16px 0px;
}

.title-wrap > div {
	content: "";
	right: 0;
	width: 35%;
	height: 100%;
	background-color: transparent;
}

.tabletarticle2 .title-wrap > div,
.zhtabletarticle2 .title-wrap > div,
.frtabletarticle2 .title-wrap > div,
.entabletarticle2 .title-wrap > div,
.kotabletarticle2 .title-wrap > div {
	width: 38%;
}

/* 体験 *********************************/
/* 画面レイアウト時のナビゲーションメニューの幅調整 */
@media screen and (min-width: 1200px) {
	body[class*="tabletclassworks"] .sub-menu ul,
	body[class*="tabletquadrilateral"] .sub-menu ul,
	body[class*="tabletround"] .sub-menu ul,
	body[class*="tabletmantaray"] .sub-menu ul,
	body[class*="tabletothers"] .sub-menu ul {
		justify-content: space-between;
		gap: 0;
		min-width: 420px;
	}
}

/* ========================================
      Single.php
===========================================*/
.works .post-content ul li:nth-child(2),
.works .post-content ul li:nth-child(3) {
	display: none;
}