@charset "UTF-8";

:root{
  --gothic:
	"Hiragino Sans",
	"Hiragino Kaku Gothic ProN",
	"Hiragino Kaku Gothic Pro",
	"Yu Gothic Medium", "Yu Gothic UI Semibold",
	"Yu Gothic", "Yu Gothic UI",
	"游ゴシック体", "游ゴシック",
	"Noto Sans CJK JP", "Noto Sans JP",
	"Meiryo", "メイリオ",
	-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,
	"MS PGothic", "ＭＳ Ｐゴシック", Osaka,
	sans-serif;
}

html{
	min-width: 1000px;
    height: 100%;
    visibility: hidden;
	scroll-behavior: smooth;
	scroll-padding-top: 160px;
}
html.wf-active,
html.loading-delay {
    visibility: visible;
}
@media screen and (max-width: 1000px) {
	html{
		min-width: 769px;
		scroll-padding-top: 110px;
	}
}
@media screen and (max-width: 768px) {
	html{
		min-width: 320px;
		scroll-padding-top: 80px;
	}
}

body{
    min-height: 100%;
	color: #242323;
	font-family: fot-tsukuaoldmin-pr6n, sans-serif;
	font-weight: 300;
	font-style: normal;
	-webkit-text-size-adjust: 100%;
}

:focus{ outline:0; }

a{color:#242323; text-decoration:none; cursor:pointer;transition: 0.8s;}
a:visited{color:#242323;}
a:hover{color: #dabb61;}
a img:hover{
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	opacity: 0.7;
	transition: 0.8s;
}
.dsp_pc{display: block;}
.dsp_sp{display: none;}


@media screen and (max-width: 768px) {
	* {-webkit-text-size-adjust: none;}
	.dsp_pc{display: none!important;}
	.dsp_sp{display: block;}
	.img_sp{width: 100%; height: auto;}
	.img_sp_m{max-width: 100%; height: auto;}
}

.scroll-up {
  opacity: 0; 
  visibility: hidden;
  transform: translateY(50px);
  transition: all 1s;
}
.scroll-up.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}


/* header */

#includeHeader{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 12px 0 10px;
	background: rgba(255,255,255,0.8);
	border-bottom: solid 1px #dabb61;
	z-index: 997;
	box-sizing: border-box;
}
@media screen and (max-width: 768px) {
	#includeHeader{
		padding: 0;
		text-align: center;
		border-bottom: solid 1px #eee;
	}
}

/* wrapper */

#wrapper{
	width: 100%;
	margin:  0 auto;
}


/* contents */

#contents{
	width: 100%;
	margin: 100px auto;
}
#contents section{
	width: 1000px;
	margin: 0 auto;
}
#contents h1{
	line-height: 2.25em;
	text-align: center;
	margin-bottom: 50px;
}
#contents h1 span:first-child{
	font-size: 2em;
}
#contents h1 span:last-child{
	font-size: 1.25em;
	display: block;
}
.commonWrap{
	padding-top: 30px;
}
.commonWrap article{
	padding: 0 37px 10px 42px;
}
@media screen and (max-width: 1000px){
	#contents section{
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
	}
}
@media screen and (max-width: 768px){
	#contents{
		margin-top: 60px;
	}
	#contents h1{
		line-height: 1.75em;
		margin-bottom: 30px;
	}
	#contents h1 span:first-child{
		font-size: 1.35em;
	}
	#contents h1 span:last-child{
		font-size: 0.8375em;
	}
	.commonWrap{
		padding-top: 20px;
	}
}
@media screen and (max-width: 375px){
	.commonWrap article{
		padding: 0 32px 10px 37px;
	}
	#contents h1 span:first-child{
		font-size: 1.25em;
	}
	#contents h1 span:last-child{
		font-size: 0.754em;
	}
}


/* text */

.first{
	max-width: 650px;
	margin: 0 auto;
}
.description{
	font-size: 0.9375rem;
	line-height: 1.85rem;
	letter-spacing: 0.0985em;
}
.description span{
	display: block;
}
.paragraph span{
	margin-top: 20px;
}
.paragraph span:first-of-type{
	margin-top: 0;
}
.star::after{
	content: '';
	background: url(../img/common/icoStar.webp);
	background-size: contain;
	width: 11px;
	height: 11px;
	display: block;
	margin: 30px auto 0;
}
@media screen and (max-width: 768px) {
	.description{
		font-size: 0.8375rem;
		line-height: 1.8em;
	}
}
@media screen and (max-width: 375px) {
	.description{
		font-size: 0.754rem;
		line-height: 1.8em;
	}
}


/* border */

.border{
	width: 1000px;
	margin: 0 auto;
	padding: 50px 0;
	text-align: center;
}
.border img{
	width: 50%;
}
@media screen and (max-width: 1000px) {
	.border{
		width: 100%;
		padding: 40px 0;
	}
}


/* button */

.buttonMore{
	margin: 20px auto 0;
	width: 100%;
	text-align: center;
}
.buttonMore a{
	font-family: semplicitapro, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 0.8125rem;
	line-height: 1.5em;
	box-sizing: border-box;
	padding: 12px 25px 12px 30px;
}
.buttonMore a::after{
	content: '>';
	padding-left: 10px;
}
.buttonMore a:hover{
	color: #777;
	transition: 0.8s;
}
.buttonMoreGL a{
	text-align: center;
	border: solid 1px #dabb61;
	border-radius: 30px;
	color: #dabb61;
}
.buttonMoreGL a:hover{
	border: solid 1px #777;
}
.buttonMoreNB a{
	color: #dabb61;
}
.buttonBK{
	text-align: center;
}
.buttonBK a{
	color: #232424;
	font-size: 1rem;
	letter-spacing: 0.0985em;
	line-height: 1.5em;
	box-sizing: border-box;
}
.buttonBK a::after{
	content: '>';
	font-family: semplicitapro, sans-serif;
	font-weight: 400;
	font-style: normal;
	padding-left: 10px;
}
.buttonBK a:hover{
	color: #dabb61;
	transition: 0.8s;
}
@media screen and (max-width: 768px) {
	.buttonBK a{
		font-size: 0.8375rem;
	}
}
@media screen and (max-width: 375px) {
	.buttonBK a{
		font-size: 0.754rem;
	}
}


/* tab */

.tab-group{
	display: flex;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 0 4px;
}
.tab{
	flex: 1 1 0;
	text-align: center;
	box-sizing: border-box;
	font-size: 0.985em;
	line-height: 1.45em;
	color: #fff;
	background-color: #dabb61;
	border: solid 1px #dabb61;
	border-bottom: none;
	padding: 10px 0 11px;
}
.tab:hover{
	color: #dabb61;
	background-color: #fff;
	transition: 0.8s;
}
.tab.is-active{
	color: #dabb61;
	background-color: #fff;
	z-index: 2;
	transition: all 0.2s ease-out;
}
.group article{
	border: solid 1px #dabb61;
	margin-top: -1px;
	z-index: 1;
}
.panel{
	display:none;
	transition: 0.8s;
}
.panel.is-show{
	display:block;
	transition: 0.8s;
}
@media screen and (max-width: 768px) {
	.tab{
		font-size: 0.9em;
	}
}
@media screen and (max-width: 375px) {
	.tab{
		font-size: 0.81em;
	}

}

@keyframes displayAnime{
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


@charset "UTF-8";

/* index */

.indexWrap section{
	margin: 0 auto 20px !important; 
}
#slider {
    width: 100%;
    height: 80vh;
}
.sliderWrapper{
	width: 100%;
	display: block;
	position: relative;
}
.joldeeno{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%,-50%);
	color: #fff;
	margin-top: 20px;
	text-align: center;
}
.joldeeno p span{
	display: block;
}
.joldeeno p span:first-child{
	font-size: 4.85rem;
	line-height: 1em;
	padding-left: 10px;
}
.joldeeno p span:last-child{
	font-size: 1.65rem;
	margin-top: -8px;
}
@media screen and (max-width: 768px) {
	.indexWrap section{
		margin: 0 auto !important; 
	}
	#slider {
    	height: 80vh;
	}
	.joldeeno{
		width: 100%;
	}
	.joldeeno p span:first-child{
		font-size: 3.25rem;
		line-height: 1.175em;
		padding-left: 5px;
	}
	.joldeeno p span:last-child{
		margin-top: -8px;
		font-size: 1.125rem;
	}
}
@media screen and (max-width: 375px) {
	.joldeeno p span:first-child{
		font-size: 2.925rem;
	}
	.joldeeno p span:last-child{
		font-size: 1.0125rem;
	}
}
.aboutJoldeeno{
	margin-top: 80px;
	text-align: center;
	width: 100%;
	letter-spacing: 0.1em;
}
.aboutJoldeeno p{
	font-size: 1.25em;
}
.aboutJoldeeno p:last-child{
	margin-top: 30px;
	font-size: 1.75rem;
}
@media screen and (max-width: 768px) {
	.aboutJoldeeno{
		margin-top: 60px;
	}
	.aboutJoldeeno p{
		font-size: 0.9375em;
		line-height: 1.8em;
	}
	.aboutJoldeeno p:last-child{
		margin-top: 30px;
		font-size: 1.125rem;
		line-height: 1.5em;
	}
}
@media screen and (max-width: 375px) {
	.aboutJoldeeno p{
		font-size: 0.845em;
	}
	.aboutJoldeeno p:last-child{
		font-size: 1.0125rem;
	}
}


/* murdermystery */

.murderTopWrap{
	padding: 0!important;
}
.murdermysteryPU{
	width: 1000px;
	box-sizing: border-box;
	transition: 1s;
	margin-bottom: 50px;
}
.murdermysteryPU article{
	width: calc( 100% / 3 - 15px );
	margin-top: 10px;
	text-align: center;
	box-shadow: 2px 3px 5px #bdbcbc;
	box-sizing: border-box;
}
.murdermysteryPU article:not(:last-of-type){
	margin-right: 7px;
}
.murdermysteryPU article:not(:first-of-type){
	margin-left: 7px;
}
.murdermysteryPU article p{
	padding: 20px;
}
.murdermysteryPU article img{
	width: 100%;
}
.murdermysteryPU article span{
	background-color: #aaa;/*#bdb7ba*/
	color: #fff;
	display: block;
	line-height: 1.5em;
	text-align: center;
	padding: 6px 0;
}
	
.murdermysteryPU .swiper-slide{
	transition: 0.2s;
}
.murdermysteryPU .swiper-slide:hover{
	transform: scale(1.02,1.02);
	filter: alpha(opacity=80);
    -moz-opacity: 0.8;
	opacity: 0.8;
}
.swiper-wrapper{
	display: block;
}
.murdermysteryPU .swiper-pagination-bullet{
	width: 9px;
	height: 9px;
	background: #4d4c4c1 !important;
}
.murdermysteryPU .swiper-pagination-bullet-active{
	background: #4d4c4c !important;
}
.murdermysteryPU .swiper-pagination {
	position: static !important;
	margin-top: 15px;
}
.murdermysteryPU .swiper-pagination-bullet:not(:first-child){
	margin: 0 0 0 18px !important;
}
.murdermysteryPU .swiper-pagination-bullet:first-child{
	margin: 0 !important;
}

@media screen and (max-width: 1000px) {
	.murdermysteryPU{
		width: 100%;
	}
	.murdermysteryPU .swiper-slide:hover{
		transform: scale(1,1);
	}
}
@media screen and (max-width: 768px) {
	.murdermysteryPU article{
		width: calc( 100% - 160px );
	}
	.murdermysteryPU article:not(:last-of-type){
		margin-right: 6px;
	}
	.murdermysteryPU article:not(:first-of-type){
		margin-left: 6px;
	}
	.murdermysteryPU article p{
		padding: 20px 10px;
	}
	.murdermysteryPU article span{
		font-size: 0.875em;
	}
}


/* products * boardgame */

.otherScenariosWrap ul{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 20px;
	width: 100%;
}
.otherScenariosWrap ul li{
	width: 100%;
	border: solid 1px #dabb61;
	box-shadow: 3px 3px 5px #dfdfdf;
	padding: 45px 40px;
	text-align: center;
}
.otherScenariosWrap ul li h3{
	display: inline-block;
	font-size: 1.5rem;
	margin: 0 auto 25px;
	padding-top: 55px;
	position: relative;
}
.otherScenariosWrap ul li h3::before{
	content: '';
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	left: 50%;
	top: -5px;
	transform: translateX(-50%);
}
.otherScenariosWrap ul li:first-of-type h3::before{
	background: url(../img/common/icoBookGL.webp);
	background-size: contain;
}
.otherScenariosWrap ul li:last-of-type h3::before{
	background: url(../img/common/icoRoseGL.webp);
	background-size: contain;
}
.otherScenariosWrap ul li h3::after{
	content: '';
	background-image: repeating-linear-gradient(315deg, #dabb61, #dabb61 5px, transparent 5px, transparent 10px);
	width: calc( 100% + 40px );
	height: 3px;
	display: block;
	margin: 5px 0 0 -20px;
}
@media screen and (max-width: 768px){
	.otherScenariosWrap ul{
		flex-wrap: wrap;
		width: 90%;
		margin: 0 auto;
	}
	.otherScenariosWrap ul li{
		padding: 45px 20px;
	}
	.otherScenariosWrap ul li h3{
		font-size: 1.125rem;
		margin: 0 auto 10px;
		padding-top: 45px;
	}
	.otherScenariosWrap ul li h3::before{
		width: 46px;
		height: 46px;
		top: -8px;
	}
	.otherScenariosWrap ul li h3::after{
		width: calc( 100% + 28px );
		display: block;
		margin: 5px 0 0 -14px;
	}
	.otherScenariosWrap ul li p{
		font-size: 0.9rem;
		line-height: 1.5rem;
	}
}
@media screen and (max-width: 375px){
	.productsTopWrap article,
	.boardgameWrap article{
		padding: 0 12px;
	}
	.otherScenariosWrap ul{
		width: 95%;
	}
	.otherScenariosWrap ul li h3{
		font-size: 1.115rem;
	}
	.otherScenariosWrap ul li p{
		font-size: 0.9rem;
		line-height: 1.5rem;
	}
}


/* products * boardgame */

.productsTopWrap article,
.boardgameWrap article{
	padding: 0 17px;
}
.productsTopWrap article p,
.boardgameWrap article p{
	margin-bottom: 20px;
	padding: 0 20px 0 25px;
}
.productsTopWrap img,
.boardgameWrap img{
	width: 100%;
	padding: 25px 15px 0;
	box-sizing: border-box;
}
.productsTopWrap img,
.boardgameWrap img{
	width: 40%;
	padding: 5px 15px 0;
	box-sizing: border-box;
}
.productsTopWrap img:first-of-type,
.boardgameWrap img:first-of-type{
	display: block;
}
.productsTopWrap img:last-of-type,
.boardgameWrap img:last-of-type{
	display: none;
}
.productsTopWrap img{
	float: left;
}
.boardgameWrap img{
	float: right;
}
.indexPBInner{
	width: 60%;
	float: right;
}
.productsTopWrap .indexPBInner{
	float: right;
}
.boardgameWrap .indexPBInner{
	float: left;
}
@media screen and (max-width: 768px) {
	.productsTopWrap img,
	.boardgameWrap img{
		width: 100%;
		padding: 25px 15px 0;
		box-sizing: border-box;
		float: none;
	}
	.productsTopWrap img:first-of-type,
	.boardgameWrap img:first-of-type{
		display: none;
	}
	.productsTopWrap img:last-of-type,
	.boardgameWrap img:last-of-type{
		display: block;
	}
	.indexPBInner{
		width: 100%;
		float: none;
	}
}
@media screen and (max-width: 375px) {
	.productsTopWrap article,
	.boardgameWrap article{
		padding: 0 12px;
	}
}


/* access */


#accessTCK,
#accessKCJ{
	scroll-margin-top: 160px;
}
.accessInner img{
	width: 100%;
	padding: 40px 15px 0;
	box-sizing: border-box;
}
.accessImg{
	width: 40%;
	box-sizing: border-box;
}
.accessImg img:nth-child(2){
	padding: 1px 15px 30px;
}
.accessWrap .panel:first-of-type .accessImg{
	float: left;
}
.accessWrap .panel:last-of-type .accessImg{
	float: right;
}
.accessDetail{
	width: 60%;
	float: right;
	box-sizing: border-box;
	padding: 0 30px;
}
.accessWrap .panel:first-of-type .accessDetail{
	float: right;
}
.accessWrap .panel:last-of-type .accessDetail{
	float: left;
}
.accessDetail p:first-of-type{
	margin: 35px 20px 30px 25px;
	text-align: left;
}
.accessDetail p:last-of-type{
	line-height: 2rem;
	text-align: center;
}
.accessWrap article{
	padding: 15px 15px 5px;
}
.accessBtnRoot{
	margin: 30px 0 40px;
	text-align: center;
}
.accessBtnRoot a{
	border: solid 1px #dabb61;
	border-radius: 30px;
	color: #dabb61;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.8375rem;
	letter-spacing: 0.0985em;
	line-height: 1.5em;
	box-sizing: border-box;
	padding: 12px 25px 12px 30px;
}
.accessBtnRoot a::after{
	content: '>';
	font-family: semplicitapro, sans-serif;
	font-weight: 400;
	font-style: normal;
	padding-left: 10px;
}
.accessBtnRoot a:hover{
	border: solid 1px #777;
	color: #777;
	transition: 0.8s;
}
.accessGooglemap{
	width: 100%;
	box-sizing: border-box;
	display: block;
}
.accessGooglemap iframe{
	width: 100%;
	height: 550px;
	border: none;
}
@media screen and (max-width: 768px) {
	#accessTCK,
	#accessKCJ{
		scroll-margin-top: 80px;
	}
	.accessInner img{
		padding: 25px 15px 0;
	}
	.accessImg{
		width: 100%;
		float: none;
	}
	.accessImg img:last-child{
		display: none;
	}
	.accessDetail{
		width: 100%;
		float: none;
		padding: 0;
	}
	.accessDetail h2{
		font-size: 1.0125rem;
		margin: 0 0 5px;
	}
	.accessGooglemap{
		width: 100%;
		box-sizing: border-box;
		display: block;
		float: none;
	}
	.accessGooglemap iframe{
		width: 100%;
		height: 300px;
	}
}
@media screen and (max-width: 375px) {
	.accessDetail p:first-of-type{
		margin: 35px 15px 30px 20px;
	}
	.accessBtnRoot a{
		font-size: 0.754rem;
	}
}


/* cancel */

.cancelPolicy{
	width: 100%;
	box-sizing: border-box;
	font-size: 0.9em;
	margin-bottom: 20px;
}
.cancelPolicy h4{
	font-size: 1.0725rem;
	padding-bottom: 8px;
}
.cancelPolicy span{
	display: block;
}
.cancelPolicy span:last-child{
	padding-top: 8px;
}
.cancelInner{
	margin: 0 auto;
	display: block;
}
@media screen and (max-width: 768px) {
	.cancelPolicy{
		width: 100%;
		padding: 20px 30px;
		font-size: 0.825em;
	}
	.cancelPolicy h4{
		font-size: 1rem;
		padding-bottom: 8px;
	}
}


/* twitter */

.twitterWrap{
	width: 100%;
}
.twitterWrap h1 img{
	width: 50px;
}
.twitterWrap ul{
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	padding: 50px 0 20px;
	gap: 15px;
}
.twitterWrap li{
	width: 100%;
	box-sizing: border-box;
	position: relative;
}
.twitterWrap li::after{
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	color: #fff;
	line-height: 1;
	width: 0.8em;
	height: 0.8em;
	border: 0.15em solid currentColor;
	border-left: 0;
	border-bottom: 0;
	box-sizing: border-box;
	transform: translateY(-50%) translateX(-50%) rotate(45deg);
}
.twitterWrap li a{
	color: #fff;
	background: #dabb61;
	display: block;
	text-align: center;
	font-size: 0.985em;
	line-height: 1.45em;
	padding: 12px 30px;
	transition: 0.8s;
}
.twitterWrap li a:hover{
	background: #242323;
}
.twitterWrap li p{
	padding: 2px 0 5px;
	box-sizing: border-box;
	font-size: 1.25rem;
	line-height: 1.25em;
	text-align: center;
}
.twitterWrap li p span{
	display: block;
	font-size: 0.75em;
	line-height: 1em;
	font-family: Pelago VF Light, sans-serif;
	font-variation-settings: "wght" 400;
	padding-top: 10px;
}
@media screen and (max-width: 768px){
	.twitterWrap h1 img{
		width: 35px;
	}
	.twitterWrap ul{
		max-width: 320px;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		padding: 30px 0 0;
		gap: 10px;
	}
	.twitterWrap li{
		box-sizing: border-box;
		position: relative;
	}
	.twitterWrap li p{
		font-size: 1.175rem;
		line-height: 1.175em;
	}
}