/* ===== Base Settings ===== */
html { font-size: 10px; }

body { font-family: 'Noto Sans JP', sans-serif; font-size: 14px; font-weight: 400; line-height: 1.42857; color: #4b4848; background: #f3f3f3; }

area{
border:none;
outline:none;
}

a, a:active, a:hover, a:visited { outline: 0 !important; }

a:hover img.over { opacity: 0.7; filter: alpha(opacity=70); }

.text-right { text-align: right !important; }

.text-center { text-align: center !important; }

#return { position: fixed; bottom: 8%; right: 10px; overflow: hidden; }
#return a { display: inline-block; width: 64px; padding: 26px 0 12px 0; border: 1px solid #fff; border-radius: 50%; font-size: 12px; text-align: center; line-height: 1; font-weight: 700; color: #fff; background: url(https://www.cj-exhibition.com/images/common/return.png) no-repeat 50% 5px #333; text-decoration: none; }
#return a:hover { background-color: #555; }


/* ===== Header Settings ===== */
/* ===== Header Top Settings ===== */
#header { background: #393939; }
#header p { margin: 1rem 0 0 0; }
#header p.language { text-align: right; padding: 5px 10px 0 0; }
#header p.language:before { content: " "; display: inline-block; width: 1px; height: 10px; vertical-align: middle; }
#header p.language a { position: relative; display: inline-block; color: #fff; padding-left: 2.5rem; }
#header p.language a::before {
    content: "";
    position: absolute;
    left: 0; top: 50%;
    width: 20px; height: 20px;
}
#header p.language > span { color: #e60012; }
#header p.language a:hover { text-decoration: none; }
#header p.language a:hover span { opacity: 0.7; }
#header h1 { margin: 10px 0; }
@media (min-width: 768px) {
	#header p.language { color: #ffffff; padding: 10px 20px 0 0; }
	#header p { margin: 20px 0 10px 0; }
	#header h1 { margin: 20px 0 30px 0; }
	#header img { display: table; margin: 0 auto; }
}

/* ===== Main Settings ===== */

#main section { padding: 30px 10px; }
#main section h2 { font-weight: 900; text-align: center; line-height: 1.6; margin: 0 0 10px 0; }
#main section img { display: table; margin: 0 auto; }
#main section.mono h3 img { width: 300px; }
#main section.koto h3 img { width: 240px; }
#main section.mono p.btn { color: #fff; }
#main section.koto a { color: #333; }
#main section p { display: table; text-align: center; margin: 0 auto 1.5rem auto; }
#main section .btn { display: table; color: #fff; margin: 0 auto; padding: 5px 20px 10px 20px; background: #000; border-radius: 0; }
#main section.mono .btn { background: #e60012; border: 1px solid #fff; box-shadow: 0 2px 2px rgba(0,0,0,0.25);}
#main section.koto .btn { background: #61bdc0; }
#main section.koto:hover, #main section.mono:hover { opacity: 0.7; }
#main section.koto a:hover, #main section.mono a:hover { text-decoration: none; }
#main section.mono { color: #fff; background: #fff url("https://www.cj-exhibition.com/images/bg_mono.svg") no-repeat 120% center / auto 100%; }
#main section.koto { background: url("https://www.cj-exhibition.com/images/bg_koto.jpg") no-repeat center center / cover; }
#main section.mono a h2 { color: #e60012; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff, 0 -1px 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff; }
#main section.mono a p { display: table; width: 50%; color: #131313; text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff; }
#main section.koto a p { display: table; width: 50%; }
#main section.mono a p br { display: none; }
#main #photo { padding: 40px 0; background: url("https://www.cj-exhibition.com/images/bg_target.png") no-repeat center center / cover; }
#main #photo img { display: table; margin: 0 auto; }
#main #photo img:first-of-type { display: none; }
#main #news .container { text-align: center; margin: 0; padding: 0; }
#main #news .container h2 { font-weight: 700; font-size: 18px; }
#main #news .container ul { list-style: none; text-align: center; background: none; margin: 0; padding: 0; }
#main #news p a { color: #fff; text-decoration: underline; }
#main #news p a:hover { opacity: 0.7; text-decoration: none; }
#main #news #fix-btn {
  position: fixed;
  right: 0;
  top: 50rem;
	border: 1px solid #ffffff;
	border-right: none;
	z-index: 9999;
}
#main #news #fix-btn .btn-box {
	padding: 1rem;
}
#main #news #fix-btn .btn-box.co01 {
	background: #000;
}
#main #news #fix-btn .btn-box.co02 {
	background: #E60012;
}
#main #news #fix-btn .btn-box h2 {
	font-size: 1.4rem;
	text-align: left;
	color: #fff;
	margin: 0.6rem 0 0.4rem 0;
}
#main #news #fix-btn ul {
	margin-bottom: 0.8rem;
}
#main #news #fix-btn li {
	margin-top: 1rem;
}
#main #news #fix-btn a {
  display: table;
	width: 10em;
  color: #000;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: left;
  text-decoration: none;
  line-height: 1;
  padding: 1rem 1.5rem;
  background: #ffffff;
	border-radius: 4px;
}
#main #news #fix-btn .btn-box.co01 li:last-of-type a {
	background: #FFEF89;
}
#main #news #fix-btn a:hover {
	opacity: 0.7;
}
#main #news #fix-btn a span {
  font-size: 1.2rem;
}
#main #news #fix-btn a svg {
	width: auto;
	height: 6px;
	stroke: #e60012;
  stroke-width: 2px;
	margin-left: 0.5rem;
}

@media (min-width: 641px) {
#main section.mono { color: #fff; background: #fff url("https://www.cj-exhibition.com/images/bg_mono.svg") no-repeat right center / auto 100%; }
	#main #news ul.btn a { padding: 1.5rem; }
}

@media (min-width: 768px) {
	#main section.mono a p.btn,#main section.koto a p.btn { width: auto; padding: 1.25rem 2rem 1.5rem 2rem; }
	#main #photo img:first-of-type { display: table; }
	#main #photo img:last-of-type { display: none; }
	#main #news .container h2 { font-size: 24px; }
	#main #news .container ul { display: table; list-style: none; font-size: 16px; font-weight: 700; margin: 0 auto 2rem auto; }
	#main #news ul.btn { width: auto; bottom: 3rem; right: 3rem; left: auto; }
	#main #news ul.btn li { margin-bottom: 1rem; }
	#main #news ul.btn a { width: 17em; font-size: 1.5rem; padding: 1rem 2rem; border-radius: 4px; border-width: 2px; }
	#main #news ul.btn a span { font-size: 1.25rem; }
}

@media (min-width: 992px) {
	#main #main_cnt { display: table; width: 100%; }
	#main section { display: table-cell; width: 50%; padding: 50px 20px; }
	#main section h2 { font-size: 42px;  margin: 0 0 20px 0; }
	#main section.mono { background: #fff url("https://www.cj-exhibition.com/images/bg_mono.svg") no-repeat 140% center / auto 100%; }
	#main section.mono h3 img { width: auto; height: 140px; }
	#main section.koto h3 img { width: auto; height: 140px; }
	#main section.mono a p { width: 50%; text-align: left; }
	#main section.koto a p { width: 60%; text-align: left; }
	#main section p { font-size: 20px; }
	#main section .btn { margin: 20px auto 0 auto; }
	#main section p.btn a { padding: 15px 30px 20px 30px; }
	#main #news ul.btn a { font-size: 1.75rem; padding: 1rem 2rem; }
}

@media (min-width: 1024px) {
	#main section.mono h3 img { height: 180px; }
	#main section.koto h3 img { height: 180px; }
	#main section p { width: 460px; font-size: 24px; }
	#main section p.btn { width: auto; }
}

@media (min-width: 1400px) {
	#main section.mono h3 img { height: 246px; }
	#main section.koto h3 img { height: 246px; }
	#main section.mono a p, #main section.koto a p { width: 60%; text-align: center; }
	#main section.mono a p br { display: block; }
	#main section.mono { background: #fff url("https://www.cj-exhibition.com/images/bg_mono.svg") no-repeat right center / auto 100%; }
}



/* ===== Footer Top Settings ===== */
footer.footer .page-footer .commons dl { width: 100%; display: table; margin: 0 !important; padding: 0 !important; position: relative; border-left: none; border: 1px solid #ccc; }
footer.footer .commons dl dt.caption { font-weight: 400; color: #585555; margin: 0; padding: 0.25rem; display: block; background: #e8e8e8; text-align: center; vertical-align: middle; }
footer.footer .commons dl dd { margin: 0; padding: 1rem 0.5rem; vertical-align: middle; display: block; background: #fff; text-align: center; font-size: 1.1rem; }
footer.footer .commons dl dd a { display: block; }
footer.footer .commons dl dd a img { margin: 0 auto 0.5rem auto; }

@media (min-width: 768px) { .footer-top .sitemap ul { padding-top: 2rem; padding-bottom: 2rem; list-style: none outside; }
  footer.footer .commons { clear: both; display: flex; width: 100%; padding: 0; }
  footer.footer.commons dl { display: block; width: 49%; margin-right: 2%; background: #fff; }
  footer.footer.commons dl:last-of-type { margin-right: 0; }
}
@media (min-width: 992px) {
  footer.footer .commons { clear: none; display: inherit; float: right; width: 240px; padding: 3rem 0 0 0; }
  footer.footer.commons dl { float: none; width: 100%; margin: 0 0 10px 0; padding: 0; }
	footer.footer .commons dl dd { padding: 1rem 1.5rem;}
}
@media (min-width: 1200px) { 
  footer.footer.commons { width: 300px; }
}
/* ===== Footer Bottom Settings ===== */
footer.footer .page-footer { padding-top: 30px; background: #f3f3f3; }
footer.footer .page-footer h2 { margin-bottom: 3rem; padding: 0; text-align: center; }
footer.footer .page-footer h2 a { display: block; margin: 0; padding: 0; }
footer.footer .page-footer h2 a img { display: table; width: 100%; max-width: 175px; margin: 0 auto; }
footer.footer .page-footer h3 { font-weight: 700; margin: 0; font-size: 1.5rem;  }
footer.footer .page-footer dl { margin: 2rem 0; padding-left: 2rem; border-left: 2px solid #ccc;}
footer.footer .page-footer dl dt { border-top: 1px solid rgba(255, 255, 255, 0.3); }
footer.footer .page-footer dl dt span { display: block; font-weight: 400; font-size: 12px; margin-bottom: 1rem; }
footer.footer .page-footer dl dd { font-size: 12px; }
footer.footer .page-footer .contact-box table { margin: 0.5em 0; border: 1px solid #cccccc; }
footer.footer .page-footer .contact-box table th, footer.footer .page-footer .contact-box table td { padding: 0.25rem 1em; border: 1px solid #cccccc; }
footer.footer .page-footer .contact-box table th { font-weight: 400; background: #e8e8e8; }
footer.footer .page-footer .contact-box .priv { list-style: none; padding: 0; }
footer.footer .page-footer .contact-box .priv li { text-align: center; margin-bottom: 5px; padding: 0; }
footer.footer .page-footer .contact-box .priv li a { display: block; width: 100%; font-weight: 500; color: #000; padding: 0.5rem; background: #d5d5d5; }
footer.footer .page-footer .contact-box .priv li a#fmenu_privacy_mono {
	display: flex;
	flex-flow: column;
	justify-content: center;
	gap: 1rem;
	padding-top: 1.5rem;
	background: #E8E8E8;
}
footer.footer .page-footer .contact-box .priv li a#fmenu_privacy_mono span {
	display: flex;
	align-items: center;
	gap: 1rem;
	width: 100%;
}
footer.footer .page-footer .contact-box .priv li a#fmenu_privacy_mono span img:first-of-type {
	width: calc(27.5% - 0.75rem);
}
footer.footer .page-footer .contact-box .priv li a#fmenu_privacy_mono span img:nth-of-type(2) {
	width: calc(27.5% - 0.75rem);
}
footer.footer .page-footer .contact-box .priv li a#fmenu_privacy_mono span img:nth-of-type(3) {
	width: calc(20% - 0.75rem);
}
footer.footer .page-footer .contact-box .priv li a#fmenu_privacy_mono span img:last-of-type {
	width: calc(25% - 0.75rem);
}
footer.footer .page-footer .contact-box .priv li a#fmenu_privacy_koto {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-content: center;
	gap: 1rem;
	background: #E8E8E8;
}
footer.footer .page-footer .contact-box .priv li a#fmenu_privacy_koto img {
	width: 35%;
	margin: 0 auto;
}
footer.footer .page-footer .contact-box .priv li.toStop a { color: #fff; font-weight: 500; background: #000; }
footer.footer .page-footer .contact-box .priv li a:hover { opacity: 0.7; text-decoration: none; }
footer.footer .copyright p { margin-bottom: 0; padding: .5rem 0; font-size: 1.1rem; text-align: center; color: #9a9a9a; }

@media (min-width: 992px) {
	footer.footer .page-footer h2 { margin-top: 3rem; float: left; width: 28%; text-align: left; }
  footer.footer .page-footer .contact-box { float: left; width: 30%; }
  footer.footer .page-footer h3 { margin-top: 3rem; }
	footer.footer .page-footer .contact-box:first-of-type { width: calc(100% - 28% - 260px); }
	footer.footer .page-footer .contact-box:last-of-type { width: 260px; padding: 0; }
	footer.footer .page-footer .contact-box .priv { margin-top: 3rem; }
	footer.footer .page-footer .contact-box .priv li { margin-bottom: 10px; }
	footer.footer .page-footer .contact-box .priv li a { padding: 1rem; }
}

@media (min-width: 1200px) {
	footer.footer .page-footer h3 { font-size: 17px; }
	footer.footer .page-footer dl dt { font-size: 14px; }
	footer.footer .page-footer dl dd { font-size: 14px; }
	footer.footer .page-footer .contact-box:first-of-type { width: calc(100% - 28% - 300px); }
	footer.footer .page-footer .contact-box:last-of-type, footer.footer .page-footer .common { width: 300px; }
	footer.footer .page-footer .contact-box table th { text-align: center; }
}

@media (max-width: 641px) {
	#main #news #fix-btn {
		display: none;
	}
}

/*# sourceMappingURL=style_index.css.map */