@charset "UTF-8";
/* CSS Document */

*{
margin:0;
padding:0;
}

/* スマホ記述 */
@media screen and (max-width: 1080px) {
	.header-pc,.header-nav-pc{display:none;}
	.header-sp,.header-nav-sp{display:block;}	
}

@media screen and (min-width: 1080px) {
	.header-pc,.header-nav-pc{display:block;}		
	.header-sp,.header-nav-sp{display:none;}
}

@media screen and (max-width: 768px) {
	.pc-media{display:none!important;}
	.sp-media{display:block!important;}	
}

@media screen and (min-width: 767px) {
	.pc-media{display:block!important;}		
	.sp-media{display:none!important;}
}

html {
	scroll-behavior: smooth;
	margin: 0!important;
	padding: 0!important;
}

body {
    font-family: 'Noto Sans JP', "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-size: 15pt;
    line-height: 1.5;
    color: #333;
	margin: 0!important;
	padding: 0!important;
}

a{
	text-decoration: none;
	transition: 0.5s;
}

a:hover{
	opacity: 0.5 ;
	transition: 0.5s;	
}

a:visited { color: none; }

a,a:hover,a:visited{
    color: inherit!important;
}

section{
	margin: 0;
	padding: 0;
}

li{
	list-style: none;
}

footer{
	margin: 0;
	padding: 0;
}


.text_center{
	display: block;
	text-align: center;
}

.container,
.container-wide,
.container-point,
.container-menu,
.container-joint,
.container-pan{
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin: 0 auto;
}

.container{max-width:1080px;}
.container-wide{max-width:1420px;}
.container-pan{max-width:1160px}
.container-point{max-width:900px;}
.container-menu{max-width:740px;}
.container-joint{max-width:520px;}

.clearfix::after {
    content: " ";
    display: block;
    clear: both;
}

@media screen and (max-width: 768px) {
.container-wide{
		width: 100%;
	}	
}

/* 固定ページ */
.page_head,
.page_head_un{
	display: block;
	background-color:rgba(255,255,255,0.5);
	background-blend-mode:lighten;
	width: 100%;
    height: 300px;
    text-align: center;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
	margin: 0;
	padding: 0;	
}

.page_head,
.page_head_un{
	background-attachment: inherit;
	margin: 0;
	padding: 0;
	margin-bottom: 0;
	position: relative; /*配置位置の基準となる指定*/
}

.page_head h1,
.page_head_un h1{
	font-size: 28px;
	font-family: "ten-mincho-text",serif;
	font-weight: 600;
	font-style: normal;
	color: #646464;
	width: 100%;
	text-align: center;
	opacity: 1;
	position: absolute; /*自由に配置する指定*/
	margin: 2rem 0 0 0;	
	letter-spacing: 0.2em;	
}

.page_head h1{
	bottom: 0; /*下寄せの指定*/	
}
.page_head_un h1{
	bottom: 58px; /*下寄せの指定*/
}

.page_head h1 span,
.page_head_un h1 span{
	display: block;
	padding: 1.3rem 2rem;
	background-color: #FE0004;
	color: #FFF100;
	font-size: 17px;
	font-family: "Noto Sans JP";
	margin: 2rem 0 0 0;
	font-weight: 500;
	letter-spacing: 0.1em;
}

.page_head h1 span a,
.page_head_un h1 span a{
	color: #ffff00;
}

.h-mini-t{
	padding-top: 0.5rem;
	font-size: 12px;
	color: #FFFFFF;
}
	
/* パンくず */
.c-breadcrumbs{
  display: flex;
  flex-wrap: wrap;
  font-size: 0.875rem;
  color: #6C6C6C;
  line-height: 2;
  margin-top: 1.3rem;
}

.clearfix::after {
    content: " ";
    display: block;
    clear: both;
}

.c-breadcrumbs a,.c-breadcrumbs a:visited{
  color: #6C6C6C;
}

@media screen and (max-width: 768px) {
  .c-breadcrumbs {font-size: 0.8125rem;}
}

.c-breadcrumbs > li {
  display: inline-block;
  position: relative;
}

.c-breadcrumbs > li:not(:last-of-type)::after {
  content: ">";
  display: inline-block;
  margin-right: 0.5em;
  margin-left: 0.5em;
}

.breadcrumb{
	margin-bottom: 1rem;
}

ul.column2,
ul.column2-luminous,
ul.column3,
ul.column4,
ul.column5,
ul.column6,
ul.column7{
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center;
	margin: 0 !important;
	padding: 0;
}

ul.column2 li{
	width: 45.5%;
	display: inline-block;
	margin: 1%;
	list-style: none;
	vertical-align: top;
}

ul.column3 li{
	width: 30.5%;
	display: inline-block;
	margin: 1%;
	list-style: none;
	vertical-align: top;
}

ul.column4 li{
	width: 22.5%;
	display: inline-block;
	margin: 1%;
	list-style: none;
	vertical-align: top;
}

ul.column2 img,
ul.column2-luminous img,
ul.column3 img,
ul.column4 img,
ul.column5 img,
ul.column6 img,
ul.column7 img{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

/* customize */
ul.column2-luminous li.left,
ul.column2-luminous li.right{
	width: 48.5%;
	display: inline-block;
	list-style: none;
	vertical-align: top;
}

ul.column2-luminous li.left{margin: 1% 1% 1% 0}
ul.column2-luminous li.right{margin: 1% 0% 1% 1%}


/* header */
#header{
	margin: 0;
	padding: 0;
}

.header.change-color {
  background-color:rgba(255,255,255,0.80);
}

.header { 
	display: flex;
	position: fixed;
    width: 100%;
	height: 82px;
    margin: 0 auto;
	transition: .3s;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px 0 15px;
    z-index: 10;
	background-color: #FFFFFF;
	line-height: 1;
}

.header_u_page { 
	display: flex;
	position: fixed;
    width: 100%;
	height: 82px;
    margin: 0 auto;
	transition: .3s;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px 0 15px;
    z-index: 10;
    background-color:rgba(255,255,255,0.40);
	line-height: 1;
}

.header-logo {
	width: 120px;
	height: auto;
    margin: 12px 0 0 0;
	padding: 5px auto;
	font-size: 13px;
	font-weight: 400;
	background-color: none;
    position: absolute;
	top: 0px;
	left: 21px;
	border-radius: 5px;
	z-index: calc(infinity);
}

.header-logo img {
	width: 100%;
	height: auto;
	padding: 0 auto;
	margin: 0% 7.5%;
	text-align: center!important;
	z-index: calc(infinity);
}

.header-logo > a {
    display: block;
    color: transparent;
	z-index: calc(infinity);
	padding: 0;
	margin: 0;
}

.header-nav{
    position: absolute;
	top:5px;
	right: 30px;	
	z-index: 9999;
	margin: 0;
	padding: 3px 20px 3px 10px;
	border-radius: 10px;
}

.header-navlist {
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-navlist-sub {
    margin: 0;
	padding: 0;
    display: flex;
    justify-content: right;
}

.header-navitem-recruit{
    margin: -8px 0 0 0;
	padding: 0;
    display: flex;
    justify-content: right;	
}

.header-navitem > a {
    display: inline-block;
    padding: 5px 15px 10px 15px;
    color: #333;
	font-size: 14px;
    text-decoration: none;
    font-weight: 400;
    border-bottom: 2px solid transparent;
    transition: border-color .25s;
}

.header-navitem-rig > a {
    display: inline-block;
    padding: 5px 35px 10px 15px;
    color: #333;
	font-size: 14px;
    text-decoration: none;
    font-weight: 400;
    border-bottom: 2px solid transparent;
    transition: border-color .25s;
}

.header-navitem-end > a {
    display: inline-block;
    padding: 5px 25px 10px 15px;
    color: #333;
	font-size: 14px;
    text-decoration: none;
    font-weight: 400;
    border-bottom: 2px solid transparent;
    transition: border-color .25s;
}

.header-navitem-recruit > a {
    display: inline-block;
    padding: 30px 25px 30px 25px;
    color: #FFFFFF;
	background-color: #FF0004;
	font-size: 14px;
    text-decoration: none;
    font-weight: 400;
    border-bottom: 2px solid transparent;
    transition: border-color .25s;
}

.header-navitem-recruit span {
	color: #FFFFFF;	
}

/* slide */
.multiple-items,
.carousel{
	display: flex;
	justify-content:flex-start!important;
	flex-direction:row;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;	
}

.multiple-items li,
.carousel li{
	justify-content:flex-start!important;
	width: 30%;
	margin: 0 1rem 0 0.5rem;
	padding: 0;
}

.multiple-items li img,
.carousel li img{
	width: 100%;
	height: auto;
}

p.mip{
	text-align: center;
	display: inline-block;
	width: 100%;
	font-size: 13px;
	color: #333333;
	font-weight: 500;
}

.slider{
	padding: 80px 0 0 0;
	margin: 0;
	width: auto;
	height: 100%;
}

.slider li{
	padding: 0;
	margin: 0;
}

.slider li a{
	margin: 0;
	padding: 0;
}

.slider li img{
	width: 100%;
	margin: 0;
	padding: 0;
}

#top_schedule{
	margin: 0;
	padding: 0;
	background-color:rgba(255,247,236,1.00);
}

.top_schedule_whopper{
	padding: 2rem 0;
}

.top_schedule_whopper_icon img{
	display: inline-block!important;
	width: auto;
	height: 50px;
	vertical-align: top;
}

.top_schedule_whopper_title{
	display: inline-block!important;
	margin-bottom: 1rem;
}

.top_schedule_whopper_title h1{
	font-size: 38px;
	font-weight: 700;
	display: inline-block;
}

.top_schedule_whopper_title h1::after{
    content: "";
    display: inline-block;
	margin-left: 0.5rem;
	margin-bottom: 0.3rem;
    width: 40px;
    height: 40px;
    background-color: red;
    background-image: url('https://mediceo-fair.com/wp2025/wp-content/uploads/2025/05/arrow-right.png');
    background-position: center;
    background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
}

.top_schedule_whopper_title h2{
	font-size: 13px;
	font-weight: 500;
	display: inline-block;
	color: #FF0004;
	text-decoration:underline;
	text-underline-offset: 8px;
	text-decoration-color: red;
	margin-left: 0.5rem;
}

.top_schedule_whopper_title h2::after{
    content: "";
    display: inline-block;
	margin-left: 0.5rem;
    width: 20px;
    height: 20px;
    background-color: red;
    background-image: url('https://mediceo-fair.com/wp2025/wp-content/uploads/2025/05/arrow-right-en.png');
    background-position: center;
    background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
	border-radius: 10px;
}

.top_schedule_whopper_title h5{
	color: #FF0000;
	font-size: 17px;
	font-weight: 500;
	line-height: 17px;
}

.top_schedule_whopper_title h2 a{
	color: red;
}

.top_schedule_whopper_main{
	margin-left: 50px;
}

.top_schedule_whopper_main_comment{
	display: block;
	position: static;
	font-size: 13px;
	margin: 0;
	padding: 0;
}

.carousel__arrows{
  display: inline-block;
  justify-content: center;
  gap: 20px;
  margin: 20px auto;
}

/* カスタム矢印ボタンのスタイル */
[class*="carousel__arrow--"]{
  -webkit-appearance: none;
  border-radius: 0;
  border: 1px solid #000000;
  background: #ffffff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzAwIiB6b29tQW5kUGFuPSJtYWduaWZ5IiB2aWV3Qm94PSIwIDAgMjI0Ljg3OTk5IDIyNSIgaGVpZ2h0PSIzMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZlcnNpb249IjEuMCIgc3R5bGU9ImJhY2tncm91bmQ6bm9uZTsiPjxkZWZzPjxjbGlwUGF0aCBpZD0iZWJhN2YwNjBkNSI+PHBhdGggZD0iTSAwIDAuMDU4NTkzOCBMIDIyNC43NjE3MTkgMC4wNTg1OTM4IEwgMjI0Ljc2MTcxOSAyMjQuOTM3NSBMIDAgMjI0LjkzNzUgWiBNIDAgMC4wNTg1OTM4ICIgY2xpcC1ydWxlPSJub256ZXJvIi8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9Ijk5OWE2NGYwNGYiPjxwYXRoIGQ9Ik0gMzcuOTE0MDYyIDggTCAxNTggOCBMIDE1OCAyMTcgTCAzNy45MTQwNjIgMjE3IFogTSAzNy45MTQwNjIgOCAiIGNsaXAtcnVsZT0ibm9uemVybyIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNlYmE3ZjA2MGQ1KSI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTSAwIDAuMDU4NTkzOCBMIDIyNC44Nzg5MDYgMC4wNTg1OTM4IEwgMjI0Ljg3ODkwNiAyMjQuOTQxNDA2IEwgMCAyMjQuOTQxNDA2IFogTSAwIDAuMDU4NTkzOCAiIGZpbGwtb3BhY2l0eT0iMSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZmlsbD0ibm9uZSIgZD0iTSAwIDAuMDU4NTkzOCBMIDIyNC44Nzg5MDYgMC4wNTg1OTM4IEwgMjI0Ljg3ODkwNiAyMjQuOTQxNDA2IEwgMCAyMjQuOTQxNDA2IFogTSAwIDAuMDU4NTkzOCAiIGZpbGwtb3BhY2l0eT0iMSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjxnIGNsaXAtcGF0aD0idXJsKCM5OTlhNjRmMDRmKSI+PHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTSA0Mi4yOTY4NzUgMTAxLjkyMTg3NSBDIDM2LjQ2ODc1IDEwNy43NDIxODggMzYuNDY4NzUgMTE3LjE5MTQwNiA0Mi4yOTY4NzUgMTIzLjAxMTcxOSBMIDEzMS44MDA3ODEgMjEyLjM5ODQzOCBDIDEzNy42MjUgMjE4LjIxNDg0NCAxNDcuMDg5ODQ0IDIxOC4yMTQ4NDQgMTUyLjkxNzk2OSAyMTIuMzk4NDM4IEMgMTU4Ljc0MjE4OCAyMDYuNTc4MTI1IDE1OC43NDIxODggMTk3LjEyNSAxNTIuOTE3OTY5IDE5MS4zMDg1OTQgTCA3My45NDkyMTkgMTEyLjQ0NTMxMiBMIDE1Mi44NzEwOTQgMzMuNTc4MTI1IEMgMTU4LjY5NTMxMiAyNy43NjE3MTkgMTU4LjY5NTMxMiAxOC4zMDg1OTQgMTUyLjg3MTA5NCAxMi40ODgyODEgQyAxNDcuMDQyOTY5IDYuNjcxODc1IDEzNy41NzgxMjUgNi42NzE4NzUgMTMxLjc1MzkwNiAxMi40ODgyODEgTCA0Mi4yNSAxMDEuODc1IFogTSA0Mi4yOTY4NzUgMTAxLjkyMTg3NSAiIGZpbGwtb3BhY2l0eT0iMSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==) no-repeat center center / 50%;
  width: 30px;
  aspect-ratio: 1;
  z-index: 2;
  transition: .1s;
}

/* 矢印が無効な状態のスタイル */
[class*="carousel__arrow--"].is-disable{
  pointer-events: none;
  background-color: #cbcbcb;
}

/* 矢印ボタンの位置調整 */
.carousel__arrow--prev{
  position: static;
  left: 0;
	bottom: 0;
}

.carousel__arrow--next{
  position: static;
  right: 0;
	bottom: 0;
  transform: rotate(180deg);
}

/* ホバー時のエフェクト */
@media (hover: hover){
  [class*="carousel__arrow--"]:hover{
    cursor: pointer;
    opacity: 0.7;
  }
}

.arrow-whopper{
	display: inline-block;
	float: right;
}

/* 開催結果の詳細 */
.top_result_table{
	width: 100%;
	height: auto;
	margin-top: 0.5rem;
}

.top_result_table table{
  border-collapse: collapse;
  width: 100%;
}

.top_result_table table th {/*table内のthに対して*/
  padding: 3px 5px;/*上下左右10pxずつ*/
  color: #646464;
  background: #F2F5F2;/*背景色*/
  font-weight: 400;
  font-size: 9px;
  text-align: center;
}

.top_result_table table td {/*table内のtdに対して*/
  text-align: center;
  padding: 3px 5px;/*上下3pxで左右10px*/
  font-weight: 300;
  font-size: 11px;
}

.top_result_table table th,
.top_result_table table td{
  border: solid 0.5px #646464;
  text-align: center;
}

.top_result_table p{
	text-align: end;
	font-size: 12px;
	font-weight: 300;
	color: #646464;
	margin-top: 0.5rem;
}

/* TOPページ お知らせ */
.top_news {
	background: #fff;
	width: 100%;
	height: auto;
	padding: 6% 0 0;
}

.top_news_in{
	width: 1080px;
	height: auto;
	margin: 0 auto;
}

.top_news_in h3 span{
	font-size: 14px;
}

.top_news ul{
	width: 100%;
    height: none;
    overflow-y: scroll;
    margin-top: 25px;   
}

/* 元：height:350px; */


.top_news ul li{
	width: 100%;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: flex;
}

.top_news ul li ul{
	height: auto;
	overflow: inherit;
	margin-top: 0;
}

.top_news ul li ul li{
	border-bottom: none;
    padding-bottom: inherit;
    display: inline-block;
    margin-bottom: inherit;
    vertical-align: top;
}

.top_news ul li ul li:first-child{width: 17%;}
.top_news ul li ul li:last-child{width: 80%;}

.top_news ul li p{
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    letter-spacing: 0.1em;
    margin: 0 20px 0 0;
}

.top_news ul li p.honbun{
	font-size: 13px;
}

.top_news ul li h2{
	margin-bottom: 10px !important;
    line-height: 1.3em !important;
    font-size: 17px !important;
}

.top_news ul li h2 a{
    color: #4E4E4E;
    font-weight: 400;
    font-style: normal;
}

.top_news ul::-webkit-scrollbar {
    width: 10px;
}
 
.top_news ul::-webkit-scrollbar-track {
    background-color: #e4e4e4;
    border-radius: 100px;
}

.top_news ul::-webkit-scrollbar-thumb {
    background-color: #333333;
    border-radius: 100px;
}

#top_news{
	background-color:rgba(255,247,236,1.00);
	padding: 2rem 0;
}

#top_news img{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

#top_links{
	padding: 2rem 0;
}

#top_links h5{
	color: #FF0000;
	font-size: 17px;
	font-weight: 500;
	line-height: 17px;	
}

#top_links h1{
	font-size: 38px;
	font-weight: 700;
	display: inline-block;	
}

#top_links h1::after{
    content: "";
    display: inline-block;
	margin-left: 0.5rem;
	margin-bottom: 0.3rem;
    width: 40px;
    height: 40px;
    background-color: red;
    background-image: url('https://mediceo-fair.com/wp2025/wp-content/uploads/2025/05/arrow-right.png');
    background-position: center;
    background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
}


/* 主要ページ お知らせ */
.main_news {
	background: #fff;
	width: 100%;
	height: auto;
	padding: 6% 0 0;
}

.main_news_in{
	width: 1080px;
	height: auto;
	margin: 0 auto;
}

.main_news_in h3 span{
	font-size: 14px;
}

.main_news ul{
	width: 100%;
	height: auto;
    margin-top: 25px;   
}

.main_news ul li{
	width: 100%;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: flex;
}

.main_news ul li ul{
	height: auto;
	overflow: inherit;
	margin-top: 0;
}

.main_news ul li ul li{
	border-bottom: none;
    padding-bottom: inherit;
    display: inline-block;
    margin-bottom: inherit;
    vertical-align: top;
}

.main_news ul li ul li:first-child{width: 17%;}
.main_news ul li ul li:last-child{width: 80%;}

.main_news ul li p{
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    letter-spacing: 0.1em;
    margin: 0 20px 0 0;
}

.main_news ul li p.honbun{
	font-size: 13px;
}

.main_news ul li h2{
	margin-bottom: 10px !important;
    line-height: 1.3em !important;
    font-size: 17px !important;
}

.main_news ul li h2 a{
    color: #4E4E4E;
    font-weight: 400;
    font-style: normal;
}

.main_news ul::-webkit-scrollbar {
    width: 10px;
}
 
.main_news ul::-webkit-scrollbar-track {
    background-color: #e4e4e4;
    border-radius: 100px;
}

.main_news ul::-webkit-scrollbar-thumb {
    background-color: #333333;
    border-radius: 100px;
}

footer{
	background-color: #2A2A2A;
}

.footer-menu{
	display: flex;
	padding: 1.4rem 0;
}

.footer-menu li{
	font-size: 13px;
	border-left: solid 1px #FFFFFF;
	padding: 0 2rem;
	color: #FFFFFF
}

.end{
	border-right: solid 1px #FFFFFF;
}

.footer-menu li a{
	color: #FFFFFF;
}

.footer-addr{
	display: inline-block;
}

.footer-addr img{
	display: inline-block;
	width: 166px;
	height: auto;
	margin-right: 1.5rem;
}

.footer-addr p{
	display: inline-block;
	color: #FFFFFF!important;
	font-size: 12px;
    pointer-events: none!important;
}

.copyright{
	color: #FFFFFF;
	font-size: 12px;
	padding: 1rem 0;
}

/* 会場ページ*/
.page_full{
	width: 1000px;
    height: auto;
    margin: 0 auto 3rem auto;
}

.page_mini_full{
	width: 650px;
    height: auto;
    margin: 0 auto 3rem auto;
}

.page_side{
	width: 260px;
	float: left;
}

.page_main{
	width: 840px;
    float: right;
    border-left: 1px solid #ccc;
    padding-left: 4%;
}

.page_renewal_banner{
	width: 680px;
    height: auto;
    margin: 0 auto;
	margin-top: 30px;
}

.page_renewal_banner h1{
	margin-top: 12px;
    font-size: 40px;
	font-family: ten-mincho-text,serif;
	font-style: normal;
	color: #57805d;
	text-align: center;
}

.page_renewal_banner p{
	text-align: center;
	margin-bottom: 10px;
}

.page_side h1{
	font-size: 20px;
	font-family: ten-mincho-text,serif;
	font-weight: 400;
	font-style: normal;
	color: #4E4E4E;
}
.page_side h2{
	font-size: 16px;
}
.page_side h2 a{
	font-family: ten-mincho-text,serif !important;
	font-weight: 400;
	font-style: normal;
	color: #4E4E4E;
	position: relative;
	padding-left: 30px;
}
.page_side h2 a:before {
    content: url(http://202211301402x3v577ey.conohawing.com/wp-content/uploads/2022/12/arrow1.svg);
    width: 17px;
    height: 17px;
    position: absolute;
    top: 1px;
    transform: inherit;
    left: 0;
}
.page_side ul{
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0 !important;
}
.page_side ul li{	
	width: 100%;
	display: inline-block;
	margin: 8px 0;
	vertical-align: top;
}
.page_side ul li a{
	font-size: 14px;
	font-family: ten-mincho-text,serif;
	font-weight: 400;
	font-style: normal;
	color: #4E4E4E;
	position: relative;
	padding-left: 15px;
}
.page_side ul li a:before{
	content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent #4E4E4E;
}
.page_side ul li ul{
	padding-left: 20px;
}
.page_side ul li ul li{
	margin: 5px 0 0; 
}
.page_side ul li ul li a:before{
	content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent #57805D;
}
.sol_line{
	border-top: 1px solid #ccc;
	margin-bottom: 20px;
	width: 95%;
}
.dot_line{
	border-top: 1px dotted #ccc;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 95%;
}

.page_main h1,
.page_full h1{
	font-size: 30px;
	font-family: ten-mincho-text,serif;
	font-weight: 400;
	font-style: normal;
	color: #4E4E4E;
	border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    padding-bottom: 15px;
    width: 100%;
    letter-spacing: 0em;
}
.page_main h1 span,
.page_full h1 span{
	font-size: 50%;
	letter-spacing: 0.05em;
}
.page_main h2,
.page_full h2{
	font-size: 16px;
    color: #4E4E4E;
    margin-bottom: 20px;
    width: 100%;
    letter-spacing: 0.05em;
    background: #eee;
    padding: 10px 20px;
    border-radius: 3px;
}
.page_main h2 span,
.page_main h2.green{font-size: 70%;}
.page_main h2.green{
	font-size: 16px;
    color: #fff !important;
    margin-bottom: 20px;
    width: 100%;
    letter-spacing: 0.05em;
    background: #57805D;
    padding: 10px 20px;
    border-radius: 3px;
}

.page_main h3{
  display: inline-block;
  background: #D10000; /*背景色*/
  padding: 0.5em 1rem;/*文字周りの余白*/
  color: white;/*文字を白に*/
  border-radius: 0.5em;/*角の丸み*/	
  font-size: 16px;
  font-weight: 500;
	margin: 0.5rem 0.25rem 0.5rem 0.25rem;
}

.page_main h3 a{
	color: #FFFFFF;
  font-size: 16px;
	font-weight: 400;
}

.page_main h4{
	display: block;
	margin: 1rem 0 3rem 0;
	padding: 0;
	font-size: 20px;
	font-weight: 400;
}

.page_main p{
	font-size: 16px;
}

ul.about_list{
	width: 1000px;
	height: auto;
	overflow: hidden;
    margin: 0 auto !important;
}

ul.about_list li{		
	font-size: 18px;
	width: 23%;
	list-style: none;
	display: inline-block;
	margin: 30px 0px;
	vertical-align: top;
}

ul.about_list h2{
	margin-bottom: 0;
    font-size: 25px;
    text-align: left;
    margin-top: 30px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 8px 10px;
    background: no-repeat;
    border-radius: inherit;
}

ul.about_list h2 a{
	color: #4E4E4E;
	font-family: ten-mincho-text,serif !important;
	font-weight: 400;
	font-style: normal;
	position: relative;
	padding-left: 30px;
}

ul.about_list h2 a:before{
	content: url(http://202211301402x3v577ey.conohawing.com/wp-content/uploads/2022/12/arrow1.svg);
    width: 20px;
    height: 20px;
    position: absolute;
    top: -10px;
    transform: inherit;
    left: 0;
}

ul.about_list li a{
	color: #4E4E4E;
	font-family: ten-mincho-text,serif;
	font-weight: 400;
	font-style: normal;
	position: relative;
	padding-left: 15px;
	letter-spacing: 0.1em;
}

ul.about_list li a:before{
	content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent #4E4E4E;
}

.aboutWrapper{
	margin: 1.5rem 0 3rem 0;
}

.aboutWrapper dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
	font-size: 16px;
  }

.aboutWrapper dl dt {
  font-weight: bold;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 150px;
      -ms-flex: 0 0 150px;
          flex: 0 0 150px;
  border: 0.5px solid #919191;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 20px;
  background-color: #f5f5f5;
	font-size: 16px;
}

.aboutWrapper dl dt {
    padding: 30px;
  }

.aboutWrapper dl dd {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-bottom: 0;
  border: 0.5px solid #919191;
  padding: 20px;
}

.makerWrapper{
	margin: 1.5rem 0 3rem 0;
}

.makerWrapper dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
	font-size: 16px;
  }

.makerWrapper dl dt {
  font-weight: normal;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 220px;
      -ms-flex: 0 0 220px;
          flex: 0 0 220px;
  border: 0.5px solid #919191;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 5px 10px 15px;
  background-color: #FFFFFF;
  font-size: 14px;
}

.makerWrapper dl dd {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-bottom: 0;
  border: 0.5px solid #919191;
  padding: 20px 20px 20px 20px;
  font-size: 14px;
}

.luminous_top_bc_blue,
.luminous_top_bc_red{
	display: block;
	width: 100%;
	border-radius: 5px 5px 0 0;
	padding: 0;
	margin: 0
}

.luminous_top_bc_blue{
	background-color: #283991;
}

.luminous_top_bc_red{
	background-color: #D10003;
}

.luminous_top_main{
	padding: 6px 10px 6px 10px;
}	

.luminous_top_main p{
	color: #FFFFFF;
	font-size: 22px;
}

.luminous_top_main p::before{
    content: "";
    display: inline-block;
	margin-left: 0.5rem;
	margin-right: 0.3rem;
	margin-bottom: 0.3rem;
    width: 18px;
    height: 18px;
    background-image: url('https://mediceo-fair.com/wp2025/wp-content/uploads/2025/05/calendar-regular.png');
    background-position: center;
    background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
}

.luminous_top_main p span{
	margin-left: 1rem;
}

.luminous_top_main p span::before{
    content: "";
    display: inline-block;
	margin-left: 0.5rem;
	margin-right: 0.3rem;
	margin-bottom: 0.3rem;
    width: 18px;
    height: 18px;
    background-image: url('https://mediceo-fair.com/wp2025/wp-content/uploads/2025/05/clock-regular.png');
    background-position: center;
    background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
}

.luminous_whopper{
	border-radius: 0 0 5px 5px;
	border: 0.5px solid #000000;
}

.luminous_whopper h3{
	font-size: 19px;
	font-weight: 700;
	color: #0F75BC;
	background-color: #FFFFFF;
	margin: 12px 5px 5px 5px;
	padding: 0 10px;
	text-align: justify;
}

.luminous_whopper p{
	font-size: 15px;
	text-align: justify;
	margin: 5px;
	padding: 0 10px;
	margin-bottom: 1.5rem;
}

.luminous_whopper_l{
	float: left;
	width: 20%;
	margin: 0;
}

.luminous_whopper_l img{
	width: 100%;
	height: auto;
}

.luminous_whopper_r{
	float:right;
	width: 75%;
	margin: 0;
}

.luminous_whopper_r p{
	font-size: 15px;
	text-align: start;
	margin: 0;
	padding: 0;
}

.luminous_whopper_r p.speaker{
	font-size: 18px;
	text-align: start!important;
	margin: auto;
	padding: auto;
}

.luminous_whopper_r p span{
	font-size: 11px;
	text-align: start;
}

.venue_margin_big_space{
	display: block;
	margin-bottom: 4.5rem;
}

.venue_margin_space{
	display: block;
	margin-bottom: 3rem;
}

.venue_margin_space_15{
	display: block;
	margin-bottom: 1.5rem;
}

.page_bottom{}

.page_bottom h2{
	font-size: 17px;
	font-weight: 500;
	padding-bottom: 0.8rem;
}

.page_bottom h2.b-line{
      border-bottom: 2px solid #D62C06;
      display: block;
	margin-bottom: 1rem;
}

.page_bottom p{
	font-family: "Noto Sans JP", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 30.08px;
	color: #2A2A2A;	
	margin-bottom: 1rem;
	text-align: justify;
}

.page_bottom_space_mini {
	margin-bottom: 2.5rem!important;
}

.page_bottom_space {
	margin-bottom: 3rem;
}

/* サイド */
.l-r-side {
  display: inline-block;
  width: 130px;
  height: auto;
  position: fixed;
  z-index: 1;
  right: 1%;
  bottom: 5% !important;
  vertical-align: top;
  transition: right .6s ease-in-out 1s,
              opacity .5s ease-in-out 0s;
}

.l-r-side img {
	width: 100%;
	height: auto;
}

.l-r-side a,
.l-r-side a img{
	cursor: pointer!important;
}

.maker-annotation{
	display: block;
	position: static;
	font-size: 11px!important;
	margin: -0.5rem auto 0.5rem auto;
	padding: 0 auto;
	text-align: end;
}

/***追従するトップへ戻るボタン***/
.btn-topup a {
  position: fixed;
  right: 2%;
  bottom: 1%;
  display: block;
  width: 110px;
  height: 30px; 
  padding: 5px 25px 12px 10px;
  background-color: #FF0000;
  border-radius: 4px;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  text-align: center;
}

.btn-triangle-top a::after {
  content: '';
  position: absolute;
  top: 2px;
  bottom: 0;
  right: 9px;
  width: 0;
  height: 0;
  margin: auto;
  border-top: 0 solid transparent;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 9px solid #fff;
  transform: translateY(-1px);
  box-sizing: border-box;
}

.btn-triangle-top a,
.btn-triangle-top a:visited{
	color: #FFFFFF!important;
}

/***トップへ戻るボタンここまで***/

@media screen and (max-width: 768px) {
ul.column2 li{
	width: 95.5%;
	display: inline-block;
	margin: 1%;
	list-style: none;
	vertical-align: top;
}

ul.column3 li{
	width: 30.5%;
	display: inline-block;
	margin: 1%;
	list-style: none;
	vertical-align: top;
}

ul.column4 li{
	width: 46.5%;
	display: inline-block;
	margin: 1%;
	list-style: none;
	vertical-align: top;
}
	
.page_head h1 span,
.page_head_un h1 span{
	display: block;
	padding: 0.7rem 1rem;
	background-color: #FE0004;
	color: #FFF100;
	font-size: 13px;
	font-family: "Noto Sans JP";
	margin: 1rem 0 0 0;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-align: start!important;
}

.page_head h1 span a,
.page_head_un h1 span a{
	color: #ffff00;
}

.h-mini-t{
	padding-top: 0.5rem;
	font-size: 10px;
	color: #FFFFFF;
	text-align: start!important;
}
	
.page_full{
	width: 96%;
    height: auto;
    margin: 0 auto 3rem auto;
	padding: 0;
}	
	
.page_side{
	width: 100%;
	float: none;
}

.page_main{
	width: 100%;
    float: none;
    border-left: none;
    padding-left: none;
	padding: 0 2%;
	margin: 0;
}
	
.page_main h3{
  display: inline-block;
  background: #D10000; /*背景色*/
  padding: 0.5em 1rem;/*文字周りの余白*/
  color: white;/*文字を白に*/
  border-radius: 0.5em;/*角の丸み*/	
  font-size: 14px;
  font-weight: 500;
  margin: 0.25rem 0.25rem 0.25rem 0.25rem;
}

.page_main h3 a{
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 400;
}
	
.top_schedule_whopper_icon img{
	display: inline-block!important;
	width: auto;
	height: 10px;
	vertical-align: top;
}	
	
.top_schedule_whopper_title{
	display: inline-block!important;
	margin-bottom: 1rem;
}

.top_schedule_whopper_title h1{
	font-size: 22px;
	font-weight: 700;
	display: inline-block;
}

.top_schedule_whopper_title h1::after{
    content: "";
    display: inline-block;
	margin-left: 0.5rem;
	margin-bottom: 0.3rem;
    width: 10px;
    height: 10px;
    background-color: red;
    background-image: url('https://mediceo-fair.com/wp2025/wp-content/uploads/2025/05/arrow-right.png');
    background-position: center;
    background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
}

.top_schedule_whopper_title h2{
	font-size: 13px;
	font-weight: 500;
	display: inline-block;
	color: #FF0004;
	text-decoration:underline;
	text-underline-offset: 8px;
	text-decoration-color: red;
	margin-left: 0.5rem;
}

.top_schedule_whopper_title h2::after{
    content: "";
    display: inline-block;
	margin-left: 0.5rem;
    width: 20px;
    height: 20px;
    background-color: red;
    background-image: url('https://mediceo-fair.com/wp2025/wp-content/uploads/2025/05/arrow-right-en.png');
    background-position: center;
    background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
	border-radius: 10px;
}

.top_schedule_whopper_title h5{
	color: #FF0000;
	font-size: 14px;
	font-weight: 500;
	line-height: 17px;
}

.top_schedule_whopper_title h2 a{
	color: red;
}

.multiple-items,
.carousel{
	display: block;
	justify-content:flex-start!important;
	flex-direction:row;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;	
}

.multiple-items li,
.carousel li{
	justify-content:flex-start!important;
	width: 100%;
	margin: 0;
	padding: 0;
}
	
.top_schedule_whopper_main{
	margin-left: 0;
}	
	
.main_news ul li ul li:first-child{width: 100%;}
.main_news ul li ul li:last-child{width: 100%;}
	
.main_news_in{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0 2%!important;
}	
	
.top_news {
	background: #fff;
	width: 100%;
	height: auto;
	padding: 0 2%!important;
}	
	
.top_news_in{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 2.5rem auto 0 auto;
}
	
.top_news ul li ul li:first-child{
	width: 100%;
}

.top_news ul li ul li:last-child{
	width: 100%;
}

.top_news ul li p.honbun{
	font-size: 13px;
	text-align: justify-all;
}
	
#top_links{
	padding: 2rem 0;
}

#top_links h5{
	color: #FF0000;
	font-size: 14px;
	font-weight: 500;
	line-height: 17px;	
}

#top_links h1{
	font-size: 22px;
	font-weight: 700;
	display: inline-block;
	margin-bottom: 1rem;
}

#top_links h1::after{
    content: "";
    display: inline-block;
	margin-left: 0.5rem;
	margin-bottom: 0.3rem;
    width: 20px;
    height: 20px;
    background-color: red;
    background-image: url('https://mediceo-fair.com/wp2025/wp-content/uploads/2025/05/arrow-right.png');
    background-position: center;
    background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
}

ul.about_list{
	width: 100%;
	height: auto;
	overflow: hidden;
    margin: 0 2% 1rem 2% !important;
}

ul.about_list li{		
	font-size: 15px;
	width: 95%;
	list-style: none;
	display: block;
	margin: 2% 0 2% 2%;
	vertical-align: top;
}

ul.about_list h2{
	margin-bottom: 0;
    font-size: 16px;
    text-align: left;
    margin-top: 15px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 8px 2px 8px 10px;
    background: no-repeat;
    border-radius: inherit;
}
	
ul.about_list h2 a:before{
	content: url(http://202211301402x3v577ey.conohawing.com/wp-content/uploads/2022/12/arrow1.svg);
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0px;
    transform: inherit;
    left: 0;
}


.makerWrapper{
	margin: 1.5rem 0 3rem 0;
}

.makerWrapper dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
	font-size: 16px;
  }

.makerWrapper dl dt {
	width: 44%!important;
	height: auto;
  font-weight: normal;
  -webkit-box-flex: none;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  border: 0.5px solid #919191;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 5px 10px 10px;
  background-color: #FFFFFF;
  font-size: 12px;
}

.makerWrapper dl dd {
	width: 50%!important;
	height: auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-bottom: 0;
  border: 0.5px solid #919191;
  padding: 10px 5px 10px 5px;
  font-size: 12px;
}
	
.footer-menu{
	display: block;
	padding: 1.4rem 0;
}
	
.footer-menu li{
	display: block;
	width: 100%;
	padding: 0;
	border: none;
	margin: 1rem 0;
}
	
.copyright{
	color: #FFFFFF;
	font-size: 10px;
	padding: 1rem 0;
}
	
.grn_tit{
	padding-top: 1.2rem;
}
	
}