@charset "UTF-8";

:root {
	--color-key:#eb6b7a;
	--color-base:#974349;
}

/*共通*/
html { font-size:62.5%; height:100%; box-sizing:border-box; }
*, *:before, *:after { box-sizing:inherit; }
body { width:100%; min-width:1024px; height:100%; color:var(--color-base);
	background:var(--color-base); display:block; margin:0; padding:0; font-size:10px; font-size:1.0rem; -webkit-text-size-adjust:100%;}

html:not([lang]) {
	font-family:
		'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',
		メイリオ, 'Meiryo',
		'ＭＳ Ｐゴシック', 'MS PGothic',
		sans-serif;
}
html[lang="ja"], html[lang="ja-JP"] {
	font-family:
		'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',
		メイリオ, 'Meiryo',
		'ＭＳ Ｐゴシック', 'MS PGothic',
		sans-serif;
}
html[lang="en"], html[lang="en-US"] {
	font-family:
		'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',
		メイリオ, 'Meiryo',
		'ＭＳ Ｐゴシック', 'MS PGothic',
		sans-serif;
}
html[lang="ko"], html[lang="ko-KR"] {
	font-family:
		'Malgun Gothic',
		'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',
		メイリオ, 'Meiryo',
		'ＭＳ Ｐゴシック', 'MS PGothic',
		sans-serif;
}
html[lang="zh"], html[lang="zh-cmn-Hans"] {
	font-family:
		'Microsoft YaHei',
		'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',
		メイリオ, 'Meiryo',
		'ＭＳ Ｐゴシック', 'MS PGothic',
		sans-serif;
}
html[lang="zh-cmn-Hant"] {
	font-family:
		'Microsoft JhengHei',
		'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',
		メイリオ, 'Meiryo',
		'ＭＳ Ｐゴシック', 'MS PGothic',
		sans-serif;
}


a { color:#ff6287; outline:none;
	img:hover { transition:all 0.3s ease; opacity:0.65; filter:alpha(opacity=65); -ms-filter:"alpha(opacity=65)";}
	}
a:visited { color:#ff6287; }
a:hover { color:#2dbee8; }
a:active { color:#2dbee8; }

img { margin:0; padding:0; vertical-align:middle; -webkit-backface-visibility:hidden; }
table { border-collapse:collapse; border-spacing:0; }
td { word-break:break-all; }
p,b,dd,dl,td,th,a,li { font-size:1.4rem; line-height:1.8rem; }
b { font-size:1.6rem; line-height:2.2rem;}
ul { list-style:none; }
div,li,td,p { box-sizing:border-box; }

#p-tit { padding:110px 0 40px; }
.sub-tit { font-family:'Playfair Display','Sawarabi Mincho','Times New Roman', '游明朝', 'YuMincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', 'Meiryo', 'serif';position:relative; margin: 0 auto; font-size: 3.8rem; text-align: center; letter-spacing: 5px;color:#ef6a7b;font-weight: normal;}
.sub-tit:after { font-family:游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic',sans-serif;position:absolute; background:var(--color-base);color:#fff;padding:5px 0; text-align:center;left:0;right:0;bottom:-22px;margin: 0 auto;font-weight: normal; font-size: 1.4rem; line-height: 1.4rem; letter-spacing:2px}

.h2-tit{ font-size:1.7rem; line-height:2.2rem; padding:0 0 5px;}
.bg01 { background:#fff4f7; }
.bg02 { background:#fff; }
.bg03 { background:#fff3f7 url(../img/bg-img.gif) top center repeat; }

.mini { font-size:85%!important; }
.p-t { padding:20px 0 0; }
.m-t40 { margin:40px auto 5px; }
.bold { font-size:120%; font-weight:900; }
.bold02 { font-weight:900; }
.t-center { text-align:center; }
.t-left { text-align:left; }
.t-right { text-align:right; }
.pnk { color:#ef6a7b; }
.blu { color:#00c4f5; }
.grn { color:#39c689; }

#floor, #floor02 { width:1316px; margin:0 auto; font-size:0; line-height:0; }
#floor { padding:10px 10px 60px;}
#floor02 { padding:30px 10px 60px;}

/*-pick Up-*/
#slid-floor { width:1316px; margin: 0 auto; padding:10px 0 20px; box-sizing:border-box; } /*-width: 1316px;-*/

@media screen and (max-width: 1316px){
#floor,#floor02{width:100%;}
#slid-floor{width:100%;}
}

/*-フォント-*/
@font-face { font-family:'juliamo_c'; src:url(https://dl.dropboxusercontent.com/s/5me44aeb19mxm6e/juliamo.woff) format('woff');}
.juliamo_c { font-family:juliamo_c; font-size:120%; }

/*-ロード-*/
#loading {
	position:absolute; left:50%; top:50%; -ms-transform:translate(-50%,-50%);
	-webkit-transform :translate(-50%,-50%);
	transform:translate(-50%,-50%); text-align:center; overflow:hidden; }
#loader-bg { position:fixed; width:100%; height:100%; top:0px; left:0px; background:#fff; z-index:999;}
.loadimg { animation:load 0.3s ease 0s 1 normal;-webkit-animation:load 0.3s ease 0s 1 normal;}
@keyframes load {0% {opacity:0}100% {opacity:1}}
@-webkit-keyframes load {0% {opacity:0}100% {opacity:1}}

/*-head-*/
header { position:fixed; z-index:998; width:100%; padding:0; border-bottom:5px solid #fff;}
nav { display:flex; flex-direction:row; width:100%; position:relative; background:#fff; border-bottom:5px solid var(--color-key); padding:10px;}
.drawer { display:flex; flex-direction:row; align-items:center; justify-content:space-between;position:relative; height:70px; padding:0 1em;}
.n-logo { position:relative; z-index:999; }
/*-都鈴-*/
.navbar_toggle { z-index:9999;}
.head-sp { display: none}
.menu {
	width:100%; -webkit-transform:translateX(0); transform:translateX(0);
	position:absolute; top:50%; right:0; -ms-transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%); transform:translate(0,-50%); padding:10px 0 10px 10px;

	ul { display:flex; flex-wrap: wrap; justify-content:flex-end; align-items:center; }
	li { padding:0 10px;}
}
.menu .tw,
.menu .yt,
.menu li:last-of-type { padding:0 5px 0 0; }

/*-foot-*/
footer{
	position:relative; width:100%;

	.foot {
		background:#fff4f7; position:relative;
		box-shadow: 0 10px 24px -8px rgba(255,244,247,.75) inset;
		-moz-box-shadow: 0 10px 24px -8px rgba(255,244,247,.75) inset;
		-mz-box-shadow: 0 10px 24px -8px rgba(255,244,247,.75) inset;
		-webkit-box-shadow: 0 10px 24px -8px rgba(255,244,247,.75) inset;

		.f-floor {
			max-width:1316px; padding:10px 5px 5px;
			position:relative; margin:0 auto; overflow:hidden;

			.f-logo,
			.f-menu { float:left; }

			.f-link {
				display:flex; justify-content:end; gap:1em; flex-wrap:wrap;
			}
			.f-menu {
				li { display:inline-block; margin:0 10px 0 0; }
				li:last-of-type { margin:0; }
				a { color:var(--color-base);padding:0 0 0 16px; position: relative; font-size: 1.4rem;text-decoration: none;}
				a:after, a:before { content: ""; position:absolute; }
				a:after { width:14px; height:14px; background:var(--color-base);border-radius: 25px; left:0; top:3px; }
				a:before {
					position:absolute; display:block; width:5px; height:5px;
					border-top:1px solid #fff;
					border-right: 1px solid #fff;
					-webkit-transform:rotate(45deg);
					transform: rotate(45deg);
					left:4px; top:7px; z-index:1; }
			}
			.f-note { float:right; right:10px; text-align: right; font-size: 1.0rem; }
		}
		.f-floor:last-of-type { padding:5px 5px 10px; border-top:1px solid var(--color-base); }
	}
	.copy{ background:var(--color-base); padding:5px 0; text-align:center; color:#fff; font-size: 1.2rem; letter-spacing: 2px}
}

/*-main-*/
#slider {
	padding:100px 0 0;

	a img:hover { opacity:inherit; filter:alpha(opacity=100); -ms-filter:"alpha(opacity=100)";}
	a { display: block}
}
.sp-button { border:2px solid var(--color-base)!important; }
.sp-buttons { padding-top:5px!important; }
.sp-selected-button { background-color:var(--color-base)!important; }


.slider-pro a { display: block; position: relative; z-index: 1}

/*-コンテンツ(info tw 製品)--*/
#info, #content { display:inline-block; vertical-align:top;}
#info { max-width:972px; width:75%;}
#content { max-width:324px; width:25%; margin:0 0 0 auto; padding:0 0 0 10px;}
.info-tit { width:100%; position: relative; border-bottom:1px solid var(--color-key); margin:0 0 10px; padding:10px 0 2px}
.info-tit:after { content:"更新情報"; position:absolute; right: 0;bottom:0; font-size: 1.4rem; line-height: 1.8rem;letter-spacing:2px}

.info-list { list-style:none; }
.info-box { display:inline-block; width:33.33%; padding:5px 5px 10px; vertical-align:top; position:relative; display:none; }

.info-box a { display:block; position:absolute; top:0; left:0; height:100%; width:100%; z-index:1; }
.info-box:hover {
	p { color:#2dbee8; }
	img {
		transition:all 0.3s ease;opacity:0.5;
		filter:alpha(opacity=50);-ms-filter:"alpha(opacity=50)"; }
}
.no-info-box:hover {
	p { color:var(--color-base)!important; }
	img {
		transition:all 0.3s ease;opacity:1.0!important;
		filter:alpha(opacity=100)!important;
		-ms-filter:"alpha(opacity=100)"!important; }
}

.info-img { display: block;margin: 0 0 5px}
.info-day { padding:5px; background:#faeff2;display: block;margin: 0 0 5px; font-size: 1.2rem; line-height: 1.2rem;color:var(--color-base)!important}
.info-text { font-size:1.2rem; line-height:1.8rem; }
.info-text .name { font-weight: bold; display: block; font-size: 108%;color:#f66a7b; margin: 0 0 2px; }
.info-link { display:block; }

.readMoreBtn {display: none;max-width: 320px;margin: 10px auto 0;padding: 8px 20px;border: 1px solid var(--color-key);font-size: 1.4rem; line-height: 1.6rem; color:var(--color-key)!important; text-align:center}
.readMoreBtn:hover {
	color:#fff!important; background:var(--color-key);transition:all 0.3s ease;
	span:before {
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		transition:all 0.3s ease; }
}
.readMoreBtn {
	span { position:relative; display:inline-block; }
	span:before {
		position:absolute; display:block;
		width:10px; height:10px; border-top:2px solid var(--color-key);
		border-right:2px solid var(--color-key);
		-webkit-transform:rotate(135deg); transform:rotate(135deg);
		content:''; left:-20px; }
	}

.tw-tit { width:100%; position: relative; border-bottom: 1px solid #797979; margin:0 0 10px;padding:0 0 2px; }
.tw-box { padding:10px; background: #f5f5f5; width:100%; height:100%; }

.pro-tit { width:100%; position: relative; border-bottom: 1px solid var(--color-key); margin:0 0 10px;padding:10px 0 2px}
.pro-tit:after { content: "製品情報"; position: absolute; right: 0;bottom:0; font-size: 1.4rem; line-height: 1.8rem;letter-spacing:2px}
.pro-item-box {
	width:100%; margin: 20px 0 0;

	.pro-item-box a { display:block; margin:0 0 5px; }
	.pro-item-box a:last-of-type { margin:0; }
	}


/*--製品情報--*/
.category-tit{font-size: 2.4rem;line-height: 2.8rem; border-bottom: 2px solid var(--color-base); margin: 0 0 10px;padding:0 0 10px;text-align: left}

#pro-info,
#sound-info,
#book-info{padding:10px;background:#fff3f7;}

#pro-info{ margin: 0 0 10px;}
.pro-info-box,
.sound-info-box,
.book-info-box{padding:10px;background: #fff; overflow:hidden; position: relative;}
.pro-info-img,
.sound-info-img,
.book-info-img{max-width:268px;float: left;}

.pro-info-text,
.sound-info-text,
.book-info-text { margin: 0 0 0 288px; padding:0 0 60px}
.pro-info-text li,
.book-info-text li,
.sound-info-text li{ display:inline-block;max-width: 968px;padding: 5px 0; vertical-align: top}
.pro-info-sub,
.sound-info-sub,
.book-info-sub{margin:0 5px 5px 0;background: var(--color-key); color:#fff; text-align: center; border-radius: 3px;width:70px!important;}
.pro-info-link a,
.sound-info-link a,
.book-info-link a{padding:7px 25px 5px; border: 2px solid var(--color-key); margin:0 5px; border-radius: 35px; position: relative;text-decoration: none;}
.pro-info-link a:after,
.sound-info-link a:after,
.book-info-link a:after{content: ""; position: absolute;display: block;width: 6px;height: 6px;border-top:2px solid var(--color-key);border-right:2px solid var(--color-key);-webkit-transform: rotate(45deg)  translateY(-50%);transform: rotate(45deg)  translateY(-50%);right: 8px; top:50%}
.pro-info-link a:hover,
.sound-info-link a:hover,
.book-info-link a:hover{ background: var(--color-key); color:#fff!important;}
.pro-info-link a:hover:after,
.sound-info-link a:hover:after,
.book-info-link a:hover:after{border-top:2px solid #fff;border-right:2px solid #fff;}

/*製品情報・ゲーム*/
.pro-info-tit { margin: 0 0 0 288px;}
.pro-info-text li { width: 90%;}
.pro-info-sub { width:70px!important; letter-spacing:2px; }

.pro-info-mor e{ padding:20px 0 0; width:100%!important}
.pro-info-link { position:absolute; right:10px; bottom:20px; max-width:968px;}

/*製品情報・音声作品*/
	div.floor,
	div.floor02 {
		width:1316px; margin:0 auto;
		font-size:0; line-height:0; }
	div.floor { padding:10px 10px 60px;}
	div.floor02 { padding:30px 10px 60px;}

	/*-pick Up-*/
	div.slid-floor{width: 1316px; margin: 0 auto; padding:10px 0 20px;box-sizing:border-box;}/*-width: 1316px;-*/

	@media screen and (max-width: 1316px){
		div.floor,div.floor02{width:100%;}
		div.slid-floor{width:100%;}
	}

	#sound-info{ width: 49%;display:inline-block; vertical-align:top}
	#sound-info:nth-of-type(2n+1){margin: 0 1% 1% 0}
	#sound-info:nth-of-type(2n){margin: 0 0 1% 0}
	.sound-info-tit{margin: 0 0 5px;}
	.sound-info-text li{width: 75%;}
	.sound-info-sub{width:58px!important;letter-spacing:0;}

	.sound-info-link {
		display:flex; justify-content:end; gap:1em;
		a { display:block; text-align:center; }

		.dlsite::before { content:"DLsite"}
		.animategames::before { content:"animateGAMES"}
	}

	@media screen and (max-width: 640px) {
		#sound-info { width:100%; }
	}
	@media screen and (min-width: 640px) and ( max-width: 1280px) {
		.sound-info-sub{width:58px!important;letter-spacing:0;}
	}
	@media screen and (max-width: 1280px){
		.sound-info-text{margin: 0 0 0 278px;}
		.sound-info-text li{ display:block;width:100%;padding:0 5px 5px; }
		.sound-info-sub{margin:5px 0;width:100%!important;padding:5px!important;}
		.sound-info-link a{ width: 100%;}
		.sound-info-link{margin: 0 0 0 278px;}
	}


	@media screen and ( min-width:0px )		{
		iframe.chobit { width:100%; max-width:740px; min-height:215px; border-radius:4px; margin-bottom:30px;}
		div.chobit.spacing { width:100%; max-width:740px; min-height:215px; border-radius:4px; margin-bottom:30px;}
	}

/*製品情報・書籍*/
#book-info { width: 49%;display:inline-block; vertical-align:top}
#book-info:nth-of-type(2n+1) {margin: 0 1% 1% 0}
#book-info:nth-of-type(2n) {margin: 0 0 1% 0}
.book-info-tit {margin: 0 0 5px;}
.book-info-text {
	li{width: 75%;}
	li:last-of-type,
	li:nth-last-of-type(2){ width: 100%!important}
	li:last-of-type{padding:0 5px 5px}
}
.book-info-sub { width:58px!important; letter-spacing:0; }

.book-info-link{
	margin: 0 0 0 288px;
	a { display: block; width: 80%; margin:0 auto; text-align: center}
}

@media screen and (max-width: 1280px){
	.book-info-text{margin: 0 0 0 278px;}
	.book-info-text li{ display:block;width:100%;padding:0 5px 5px; }
	.book-info-sub{margin:5px 0;width:100%!important;padding:5px!important;}
	.book-info-link a{ width: 100%;}
	.book-info-link{margin: 0 0 0 278px;}
}

/*--イベント情報--*/
.event:after{content:"EVENT";max-width: 246px;}
.bg-eve:nth-of-type(2n+1){background: #f9f9f9;}
.event-tit{padding:0 0 5px;border-bottom: 1px solid var(--color-base); position: relative}
.event-box {padding:10px; font-size:0}
.event-info,.event-img{ display: inline-block; vertical-align: top;}
.event-info {
	width:30%; border-collapse:separate; border-spacing:5px;

	td { padding:5px 0; }
	td:nth-of-type(2n+1) {
		background:#ef6a7b; width:25%;
		text-align:center; color:#fff; }
	td:nth-of-type(2n) { width:100%; }
	tr:last-of-type td {
		background:rgba(255,255,255,0)!important;
		text-align:left!important; color:var(--color-base)!important}
}
.event-img{width: 69%;margin:0 0 0 1%;}

/*イベントend*/
.eve-end {
	.event-tit { padding:0 90px 5px 0 }
	.event-tit:before {
		content:"終了しました"; position:absolute; bottom:5px; right:0; padding:3px 5px;
		color:var(--color-key); border:1px solid var(--color-key);
		font-size:1.2rem; font-weight:normal; width:84px; }
	.event-img { background: #000}
	.event-img img { opacity:0.75; filter:alpha(opacity=75); -ms-filter:"alpha(opacity=75)"; }
}

/*--サポート--*/
.support:after { content:"SUPPORT"; max-width: 246px;}
.sup-text { max-width:768px; margin:30px auto; line-height: 2.4rem;}
.sup-text-sub { border:1px solid #ef6a7b; padding:10px; text-align: center}
.sup-text-sub-tit{
	display:block; margin:0 auto 5px; width:100%;
	background:#ef6a7b; color:#fff; font-size:120%; padding:5px 0 3px}

input.submit{
	width:100%;
	height:40px;
	line-height:30px;
	border: 2px solid #ff8397!important;
	color:#ff8397!important;
	padding:0;
	cursor:pointer;
	font-weight:bold;
	font-size:2.0rem!important;
	letter-spacing:5px;
	border-radius:25px;
}
input.submit:hover { background:#ff8397; color:#fff!important; }
#submit_press input { border:none}



body.sono {
	nav { border-bottom: 5px solid #6bd8eb; }
	.sub-tit { color:#6ab3ef; }
	.category-tit { border-bottom: 2px solid #436a97;}
	.bg03 { background: #fff3f7 url(../img/bg-img_sono.gif) top center repeat;}
	#sound-info {padding:10px;background:#f3f5ff;}
	.sound-info-sub {background: #6bb8eb;}
	.sound-info-link a { color: #62a6ff; border: 2px solid #62a6ff;}
	.sound-info-link a:after { border-top:2px solid #62a6ff; border-right:2px solid #62a6ff;}
	.sound-info-link a:hover { color: #fff !important; background-color: #62a6ff;}
	.sound-info-link a:hover:after { border-top:2px solid #FFF; border-right:2px solid #FFF;}
}



ul.bullet > li::before { content: "・";}

ul.text { padding-left:1em;}
html[lang="ja"] ul.text.asterisk > li::before { content:"※"; }
html[lang="en"] ul.text.asterisk > li::before { content:"* "; }

p.item-p.special::before { content: "会場特別価格 "; color:#ef6a7b;}
p.item-p { font-weight: bold; font-size: 14px;}


@media screen and ( max-width:640px ) {
	img.sp { display:inherit; }
	img.tb { display:none; }
	img.pc { display:none; }
}
@media screen and ( min-width:641px ) and  ( max-width:960px ) {
	img.sp { display:none; }
	img.tb { display:inherit; }
	img.tb + img.pc { display:none; }
	img.pc:has( + img.tb) { display:none; }
}
@media screen and ( min-width:961px ) {
	img.sp { display:none; }
	img.tb { display:none; }
	img.pc { display:inherit; }
}

.flex { display:flex; }

.googlemap,
.map.google { width:100%; border:0; }

span.nw { white-space:nowrap; }

dl.abreast {
	display:grid;
	grid-template-columns:auto 1fr;
	gap:1em 0.5em;
}