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


/* Common *****************************************/
/* html, body { overflow: hidden; } */

a { color: #fff; }

body {
	background: #000;
	color: #fff;
/* 	font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho Pro', 'Yu Mincho', '游明朝', 'YuMincho', '游明朝体'; */
	font-family: "Sawarabi Mincho";
}

body.home,
body.page-id-459 {
	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;
	position: relative;
}

.home main { height: calc(100vh - 75px); }

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


/* Header *****************************************/
header {
	background: rgba(0,0,0,0.5);;
	position: relative;
	padding: 16px 0;
}

.home header p { display: none; }

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

.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%);
}


/* Home *******************************************/
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; }

.home .title-wrap { display: none; }

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

.logo-home {
	display: flex;
	align-items: center;
	position: absolute;
	bottom: 0;
	margin: 0;
	width: 360px;
}

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

body:not(.home) .logo-home { display: none; }

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


/* Page *******************************************/


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


/* Single *****************************************/


/* Archive ****************************************/
.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%;
}


	/* Art ****************************************/


	/* Seanphotos *********************************/


	/* Classworks *********************************/


	/* Works **************************************/
.category-works .title-wrap { position: relative; }

.sub-menu {
	position: absolute;
	top: 12px;
	right: 0;
}

.sub-menu ul { display: flex; }

.sub-menu ul li { width: 100px; }



	/* Article ************************************/
	.cat-menu {
		display: flex;
		justify-content: space-between;
		background: rgb(0, 0, 0);
		position: absolute;
		bottom: -5;
		width: 100%;
		z-index: 999;
		margin-top: 20px;
	}

	.cat-menu li {
		border: 1px solid;
		border-radius: 8px;
		width: 18%;
		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;
	}

	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; }

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


/* Footer *****************************************/
footer { padding: 16px 0; }


/* Modula *****************************************/
.wp-block-gallery.has-nested-images{
	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-wrapper-inside { height: 90vh; }
 */
.n2-style-3745c27e4cee514fb93ac00b0ec9858c-simple {
	border-radius: 12px !important;
}

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

/* article */
.category-article .content-wrap{
	height: 490px;
	overflow: scroll;
	display: flex;
    flex-direction: column;
}
.category-article .cat-menu{
	bottom: -5px;
}