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


.title-sub{display: block; text-align: center; margin-bottom: 50px;}
.title-sub span{display: inline-block; border:1px solid #1c1c1c; background: #fff; padding: 9px 60px; border-radius: 8px; font-size: 16px; font-weight: normal;}

.con-bgcgrey{background: #f4f4f4;}

ul.list-dis{display: inline-block; text-align: left;}

.contents-half{
    display: flex;
}
.half-box{ text-align: center; width: 48%; margin-right: 4%; padding-bottom: 30px; }
.contents-half > article:nth-child(2){margin-right: 0;}
.c3-box{display: inline-block; box-sizing: border-box; text-align: center; width: 30%; margin: 0 15px; vertical-align: top;}

@media (max-width: 768px) {

.half-box{ width: 44%; margin: 0 14px; padding-bottom: 30px; }    
.c3-box{display: block; width: 100%; margin: 0 auto 20px; border-bottom: 1px dashed #ddd; padding-bottom: 15px; }
.title-sub{width: 100%; margin: 0 auto 35px;}
.title-sub span{display: block; width: 100%; box-sizing: border-box; font-size: 14px; padding: 9px 0; }	
}

@media (max-width: 599px) {
.half-box{display: block; width: 100%; text-align: left; margin: 0 auto ; padding-bottom: 30px;  box-sizing: border-box;}
.c3-box{display: block; width: 100%; margin: 0 auto 20px; border-bottom: 1px dashed #ddd; padding-bottom: 15px; }

}


@media (max-width: 599px) {
    
    .title-sub{width: 100%; }

.contents-half{
    display: block;
}
.half-box{ width: 100%; margin-right: auto; 
    }
.contents-half > article:nth-child(2){margin-right: auto;}
}


@media (max-width: 320px) {


}

/*メインビジュアル*/
#mainimg-about img{vertical-align: bottom;}
.mainimg-page{width: 100%; height: 480px; background-position: center 120px; background-size: cover; background-repeat: no-repeat;}
#mainimg-exhibitor{height: 580px; background-image: url(/site/hbs2023/data/mainimg_exhibitor.jpg);}
#mainimg-world{height: 580px; background-image: url(/site/hbs2023/data/mainimg_world.jpg);}
#mainimg-company{height: 580px; background-image: url(/site/hbs2023/data/mainimg_company.jpg);}
#mainimg-personal{height: 580px; background-image: url(/site/hbs2023/data/mainimg_personal.jpg);}
#mainimg-ticket{background-image: url(/site/hbs2023/data/mainimg_ticket.jpg);}
#mainimg-lineup{background-image: url(/site/hbs2023/data/mainimg_lineup.jpg);}
#mainimg-avenue img{width: 100%;}
@media (max-width: 767px) {
.mainimg-page{height: 234px;  background-position: center 65px;}
#mainimg-exhibitor, #mainimg-personal, #mainimg-company, #mainimg-world{height: 234px;}
#mainimg-avenue img{width: 100%;}
}

/*==================================================
ページ内リンク
================================================== */

#page-link{background:#f4f4f4; }
#page-link ul{width: 992px; margin: 0 auto; list-style:none; padding: 0 4px;}
#page-link li{display: inline-block; margin-right: 15px;}
#page-link li a{font-size: 12px; color: inherit !important;}
#page-link li a:before{content: "▶︎"; padding-right: 5px; font-size: 10px;}
#page-link li a:link{text-decoration: none;}
#page-link li a:visited{text-decoration: none;}
#page-link li a:hover{text-decoration: underline;}
#page-link li.area-name{padding-top: 5px; letter-spacing: 0.1em;}

@media (max-width: 767px) {
#page-link{width: 100%; overflow: visible; overflow-y: hidden; -webkit-overflow-scrolling: touch; margin-top: 8px; }
#page-link ul{ width: 880px; padding: 0 8px 8px;}
}


/*==================================================
ホビーショーについて
================================================== */


/*開催概要*/
#theme-hbs{text-align: center; padding-top: 150px; padding-bottom: 50px; line-height: 2.0;}
#theme-hbs.top-theme-hbs{
    padding-top: 80px !important;
    background: #f4f4f4;
}
#theme-hbs section{
	border: 1px solid #E2002E;
	margin: 50px 0;
}

#theme-hbs section > div{
	padding: 50px;
    background: #fff;
}

#theme-hbs section h4{
	display: block;
	color: #fff;
	font-size: 24px;
	background: #e2002e;
	padding: 20px 0;
}
#theme-hbs section p{
	margin: 0;
	line-height: 2.2;
}
#theme-hbs h3{display: block; font-size: 22px; line-height: 2.0em;  margin-bottom: 50px; }
#theme-hbs p{margin-bottom: 30px;}
.theme-img01{width: 340px; margin: 5px 0 25px; }
#outline{border-top:1px solid #ddd;}
#outline .table-basic th{width: 200px; padding: 20px 0;}
#outline .table-basic td{padding: 20px 0;}

#data2019{text-align: center;}
#data2019 img{margin-bottom: 50px;}
#data2019 h5{display: inline-block; box-sizing: border-box; text-align: center; width: 22%; font-size:120%; padding-bottom: 30px;}
#data2019 h5 img{margin-top: 20px; width: 100%;}
#data2019 h4{display: inline-block; box-sizing: border-box; text-align: center; width: 47%; font-size: 120%; padding-bottom: 30px;}
#data2019 ul{display: inline-block; text-align: left; margin-left: 50px;}
#data2019 ul li{margin-bottom: 15px;}

#data2019 > article{
	text-align: center;
}

#data2019 > article > div{
	display: inline-block;
	width: 450px;
	margin: 0 20px;
	vertical-align: top;
	font-size: 20px;
}

#data2019 > article > div img{
	width: 60%;
	margin: 15px 0 0;
	vertical-align: bottom;
}

#data2019 > article > div img.graph-01{
	width: 55%;
}

#data2019 > article > div img.graph-02{
	margin-top: 37px;
}

div.box-graph{
	font-size: 20px;
	margin: 50px 0;
}

div.box-graph img{
	width: 74%;
	margin-top: 40px;
}

#data2019 > article > div img.graph-03{
	width: 55%;
	margin-top: 40px;
}

#data2019 > article > div img.graph-04{
	margin-top: 40px;
	width: 75%;
}

.theme-img02{margin-bottom: 50px;}
#theme-hbs h4{display: block; font-size: 28px; margin-bottom: 0; color: #E2002E;}

#member ol{
	margin: 0 0 35px 20px !important;
}

#outline .table-basic td a.btn{
	display: block;
	width: 26%;
	margin: 20px 0 0;
	padding: 5px 15px;
	text-align: center;
}




@media (max-width: 767px) {
#theme-hbs{text-align: left; padding-top: 100px; padding-bottom: 30px;}
#theme-hbs.top-theme-hbs{
    padding-top: 50px !important;
    margin-top: 50px;
}
#theme-hbs section{
	margin: 30px 0;
}

#theme-hbs section > div{
	padding: 30px;
}

#theme-hbs section h4{
	font-size: 18px;
	padding: 15px 0;
	text-align: center;
}
#theme-hbs section p{
	margin: 0;
	line-height: 2.2;
}
#theme-hbs p{margin-bottom: 25px;}
	#theme-hbs p.txt-lead{
		width: 80%;
		margin: 0 auto;
	}
.theme-img01{width: 90% !important;  display: block; margin: 30px auto 20px;}
#outline .table-basic th{display: block; width: 100%; box-sizing: border-box; padding: 10px 5px; vertical-align: top;}
#outline .table-basic td{display: block; width: 100%; box-sizing: border-box; padding: 10px 10px 20px; vertical-align: top; border: none;}

#data2019{text-align: center;}
#data2019 h5, #data2019 h4{display: inline-block; box-sizing: border-box; text-align: center; width: 47%; font-size:15px; padding-bottom: 20px;}
#data2019 img{ width: 100%; margin-bottom: 50px;}
#data2019 ul{display: block; width: 90%; margin: 0 auto; text-align: left; }
#data2019 ul li{margin-bottom: 10px;}
	
	#data2019 .title-sub{
		width: 60%;
		margin-left: auto;
		margin-right: auto;
	}
	

.theme-img02{margin-bottom: 30px; width: 80%;}
	
	#member{
		margin: 0 auto 30px !important;
	}

#outline .table-basic td a.btn{
	width: 52%;
	margin: 10px 0 0;
}
	
	#data2019 > article{
	text-align: center;
		padding-bottom: 30px;
}

#data2019 > article > div{
	display: block;
	width: 100%;
	margin: 0 auto 40px;
}

#data2019 > article > div img.graph-02{
	margin-left: 22px;
}

div.box-graph{
	font-size: 20px;
	margin: 10px 0;
}

#data2019 > article > div img.graph-04{
	margin-right: 55px;
}
	
}

/*==================================================
出展のご案内
================================================== */




/*出展のご案内*/
#feature{text-align: center; background:#f4f4f4; padding-bottom: 0 !important; }
#feature ul{list-style: none; display: inline-block; text-align: left;}
#feature ul li{padding-bottom: 20px; display:block; vertical-align: middle; font-size: 20px;}
#feature ul li span{color: #6C68A4; font-size: 180%; padding-right: 20px;}

@media (max-width: 767px) {
#feature ul li{font-size: 16px;}
#feature ul li span{font-size: 16px; padding-right: 15px;}	
}

#merit{background:#f4f4f4; }
#merit ul{list-style: none; text-align: center;}
#merit ul li{display: inline-block; width: 27%; margin: 0 25px; box-sizing: border-box; vertical-align: top; font-size: 14px; text-align: left;}
#merit ul li span{color:#6C68A4; margin-bottom: 20px; display: block; font-size: 20px; font-weight: 600; text-align: center;}

@media (max-width: 767px) {
#merit ul li{display: block; width: 100%; margin: 0 auto 30px;}
#merit ul li span{margin-bottom: 15px; display: block; font-size: 110%; text-align: center;}
}

.layout-catch{font-size: 22px; text-align: center; color: #6C68A4; line-height: 2.0em; margin-bottom: 50px;}
#layoutzone{border-top:1px solid #ddd;}
#layoutzone h3{margin-bottom: 20px; color:#6C68A4; font-weight: normal; font-size: 24px;}
#layoutzone h3 span{font-size: 85%; padding-left: 10px;}
#layoutzone article{display: block; position: relative; margin-bottom: 60px;}
#layoutzone article a{display: block; width: 30%; margin-top: 25px; padding: 8px 0 !important; text-align: center;}
#layoutzone .pict-layout{display: block; width: 260px; position: absolute; top:0; right: 0;}
#layoutzone .pict-layout img{width:100%;}
.mainpict-layout{margin-bottom: 30px; width: 100%;}
.txt-layout{width: 650px;}

@media (max-width: 767px) {
.layout-catch{font-size: 16px; line-height: 1.8em; margin-bottom: 40px !important;}
#layoutzone h3{margin-bottom: 10px; font-size: 18px;}
#layoutzone article{margin-bottom: 50px;}
#layoutzone article a{display: block; width: 50%; margin: 20px 0;}
#layoutzone .pict-layout{display: block; width: 100%; position: relative; top:0; right: 0;}
#layoutzone .pict-layout img{width:100%;}
.mainpict-layout{margin-bottom: 20px; }
.txt-layout{width: 100%;}
}

#ex-t{width: 838px; margin: 0 auto 50px; border:1px solid #6C68A4; padding: 30px; }
#ex-t h3{display: block; font-size: 14px; font-weight: 400; background: #f4f4f4; margin-bottom: 30px; padding: 14px 10px;}
#ex-t h4{display: block; width: 150px; border-radius: 2px; font-size: 14px; color: #fff; background:#6C68A4; padding: 7px 0; margin-bottom: 20px; font-weight: 400; text-align: center;}
#ex-t h4.bg-company{background: #E8380D !important;}
#ex-t h4.bg-personal{background: #E84478 !important;}
#ex-t p{margin-bottom: 30px;}
#ex-t span{display: block; font-size: 13px; margin-bottom: 30px;}
#ex-t dt{line-height: 30px; margin: 0;}
#ex-t dt span{display: inline-block; width: 30px; height: 30px; border-radius: 15px; background:#6C68A4; text-align: center; color: #fff; margin-right: 8px;}
#ex-t dd{line-height: 30px; margin: 0; padding-left: 50px;}
#ex-t dd span{display: inline-block; width: 30px; height: 30px; border-radius: 15px; background:#f4f4f4; text-align: center; margin-right: 8px;}


@media (max-width: 767px) {	
#ex-t{width: 90%; margin: 0 auto 30px; padding: 30px 20px 10px; box-sizing: border-box;}
#ex-t h3{margin: 30px 0 30px; padding: 14px 10px;}
#ex-t h4{width: 120px; margin-bottom: 12px;}
#ex-t p{margin-bottom: 20px;}
#ex-t dt{line-height: inherit; color: #f18d00; margin: 0 0 15px;}
#ex-t dt span{display: none;}
#ex-t dd{line-height: inherit; margin: 0 0 30px 12px; padding-left: 0;}
#ex-t dd span{display: none;}
}




/*個人出展（TOKYO Creation）*/
#tokyocreation-area, #tokyocreation-shiyou, #tokyocreation-price, #personal-world-area, #personal-world-merit, #personal-world-shiyou, #personal-world-price,
#personal-world-attention{text-align: center; margin-bottom: 50px;}
#tokyocreation-area ul, #personal-world-area ul{list-style-type: none;}

#tokyocreation-price h4{font-size: 16px; margin-bottom: 30px;}
#tokyocreation-price table{border-collapse: collapse; margin-bottom: 50px; width: 100%;}
#tokyocreation-price thead th{text-align: center; padding: 10px; border: 1px solid #f4f4f4; width: 25%; background: #efefef; }
#tokyocreation-price tbody th{text-align: center; padding: 10px; font-weight: normal; border: 1px solid #f4f4f4;}
#tokyocreation-price tbody td{text-align: center; padding: 10px; border:1px solid #f4f4f4;}

#personal-world-attention h4{font-size: 100%; margin-bottom: 30px;}
#personal-world-attention ul{margin-bottom: 30px;}


#tokyocreation-price ul{width: 860px; margin: 0 auto 50px ; text-align: left;}
#tokyocreation-price ul li{margin-left: 25px;}

.txt-ex-info{
	margin-bottom: 50px;
	line-height: 2.0;
}

.txt-ex-info h3{
	display: block;
	font-size: 21px;
	margin-bottom: 15px;
}

.txt-ex-info h3 span{
	border-bottom: 3px solid #036eb8;
}

@media (max-width: 767px) {	
#tokyocreation .title-sub{margin-bottom: 20px;}
#tokyocreation-ritsu img{width: 100%; margin: 20px 0 0;}
#tokyocreation-fukumu ul{display: block; width: 90%; margin: 0 auto;}
#tokyocreation-fukumu ul li{margin-left:20px;}
#tokyocreation-fukumanai ul{display: block; width: 90%; margin: 0 auto;}
#tokyocreation-fukumanai ul li{margin-left:20px;}
#tokyocreation-price{margin-bottom: 0;}
#tokyocreation-price h4{font-size: 100%; display: block; text-align: center; margin-bottom: 20px;}
#tokyocreation-price ul{width: 100% !important;}

.txt-ex-info h3{
	font-size: 17px;
	margin-bottom: 12px;
}
}

@media (max-width: 320px) {	
#tokyocreation-shiyou ul.list-dis{display: block; width: 90%; margin: 0 auto; text-align: left;}
}



/*AVENUE*/
.logo-avenue{
	width: 400px;
	margin-bottom: 35px;
}
#avenueRo-merit, #avenueRo-layout, #avenueRo-s, #avenueRo-a, #avenueRo-b, #avenueRo-f,
#avenueRo-attention{text-align: center; margin-bottom: 50px;}
#avenueRo{text-align: center;}
#avenueRo h3{display: block; font-size: 32px; margin-bottom: 25px;}
#avenueRo-merit h4{font-size: 100%; margin-bottom: 30px;}
#avenueRo-attention ul{margin-left: 30px;}
#avenueRo-merit ul{width: 860px; margin: 0 auto 20px ; text-align: left;}
#avenueRo-merit ul li{margin-left: 25px;}
.img-avenue-color{text-align: left; margin-bottom: 50px; margin-left: 95px;}
.img-avenue-color img{width: 500px;}
#avenueRo-merit p{
	width: 860px;
	text-align: left;
}

@media (max-width: 767px) {
.logo-avenue{
	width: 60%;
	margin-bottom: 5px;
}
#avenueRo h3{text-align: center !important;}
#avenueRo-merit{padding: 50px 0 10px !important;}
#avenueRo-merit ul{width: 100%;}
#avenueRo-layout {text-align: center;}
.img-avenue-color{margin-left: 25px;}
.img-avenue-color img{width: 90%;}
#avenueRo-merit p{
	width: 94%;
	margin: 0 auto 25px;
}
}

@media (max-width: 320px) {
#avenueRo-merit ul li{margin-left: 20px;}
}

#avenueRo-type{width: 760px; margin: 0 auto;}
#avenueRo-type table{margin:30px 0; font-size: 90%;}
#avenueRo-type table th{text-align: left; vertical-align: top; padding: 15px 10px; width: 200px;}
#avenueRo-type table td{padding:15px 10px;}
#avenueRo-type table td ul{margin-left: 20px;}
.f-shiyou{display: inline-block; vertical-align: top; margin: 15px 0 0; width: 47%;}
#avenueRo-f h4{margin-bottom: 10px;}
.f-shiyou p{text-align: left; margin-bottom: 0;}
#avenueRo-f ul{margin-bottom: 15px;}
#avenueRo-f table, #avenueRo-b table{margin-bottom: 0;}
#avenueRo-f dt{display: inline-block; vertical-align: top; width:240px; padding-bottom: 10px; }
#avenueRo-f dd{display: inline-block; vertical-align: top; width:270px; padding-bottom: 10px;  }

#avenueRo-attention ul{width: 860px; margin: 0 auto 50px ; text-align: left;}
#avenueRo-attention ul li{margin-left: 25px;}

@media (max-width: 767px) {
#avenueRo-type{width: 90%; }
#avenueRo-type table th{display: block; width: 100%; box-sizing: border-box; padding: 0; border:none; border-top: 1px solid #ddd; padding-top: 15px; font-weight: 600;}
#avenueRo-type table td{display: block; width: 100%; box-sizing: border-box; padding:15px 10px 20px; border: none;}
	
#avenueRo-attention ul{width: 90%; margin-left: 10px;}
}

@media (max-width: 320px) {
#avenueRo-attention ul li{margin-left: 20px;}
}


.box-F-l{
	width: 47%;
	float: left;
	background: #fff;
	box-sizing: border-box;
	padding: 15px;
}

.box-F-r{
	width: 47%;
	float: right;
	background: #fff;
	box-sizing: border-box;
	padding: 15px;
}

.img-F{
	text-align: center;
	padding: 20px 0;
}

.img-F img{
	height: 200px;
	padding: 0 !important;
}

.title-F{
	display: block;
	font-size: 16px;
	margin-bottom: 20px;
}

@media (max-width: 767px) {

.box-F-l{
	width: 100%;
	float: none;
	margin-bottom: 20px;
}

.box-F-r{
	width: 100%;
	float: none;
}

.img-F{
	padding: 15px 0;
}

.img-F img{
	height: 180px;
	width: auto !important;
}

.title-F{
	font-size: 14px;
}
	
}

/*AVENUE ONLY ONE*/

#mainimg-avenue{padding: 120px 0 0; text-align: center;}
#avenue-catch{font-size: 18px; margin-bottom: 50px; line-height: 1.9;}
#avenueRo-layout img{width: 520px;}
#avenueRo.base-con{padding-bottom: 0;}
#avenueRo .title-base span{display: inline-block !important; font-size: 120%; padding: 0}

#avenue-catch h4{
	display: block;
	font-size: 28px;
	margin-bottom: 35px;
	color: #e6002d;
}

#box-avenueO{margin-bottom: 50px;}
#box-avenueO img{background: #fff; padding: 15px;}
#box-avenueO table.table-basic thead th{border-color: #ddd;}
#box-avenueO table.table-basic tbody th{border-color: #ddd;}
#box-avenueO table.table-basic tbody td{border-color: #ddd;}

@media (max-width: 767px) {
#mainimg-avenue{padding: 65px 0 0; text-align: center;} 
#avenue-catch{font-size: 14px; line-height: 1.8; text-align: left;}
#avenueRo-layout img{width:85%;}
#box-avenueO img{background: #fff; width: 100%; box-sizing: border-box; padding: 10px;}

#avenue-catch h4{
	font-size: 20px;
	text-align: center;
}
}



.box-line-red{
	width: 1000px;
	margin: 50px auto;
	border:1px solid #D80A30;
	box-sizing: border-box;
}

.box-line-red > div{
	padding: 50px 50px 30px ;
}

.box-line-red .title-page{
	padding: 15px 0 !important;
	font-size: 24px !important;
}

.box-avenue-online{
	background: #fffef7;
	padding: 35px;
	margin-bottom: 20px;
	position: relative;
	box-sizing: border-box;
}

.icn-hobbych{
	width: 100px;
	position: absolute;
	top: 30px;
	right: 50px;
}

.box-avenue-online .img-online img{
	background-color: #fff;
	border: none;
}

#avenue-workshop .txt-lead{
	text-align: left;
	font-size: 16px;
	margin-bottom: 25px;
}

#avenue-workshop h4{
	margin-bottom: 10px !important;
}


@media (max-width: 767px) {

.box-line-red{
	width: 90%;
	margin: 35px auto;
}

.box-line-red > div{
	padding: 25px 20px 0;
}

.box-line-red .title-page{
	padding: 15px 0 !important;
	font-size: 16px !important;
}

.box-avenue-online{
	padding: 15px;
}
	
	.box-avenue-online .online-strong{
		margin-bottom: 10px;
	}

.icn-hobbych{
	width: 60px;
	position: relative;
	top: inherit;
	right: inherit;
	float: right;
	margin: 0 0 0 5px;
}

#avenue-workshop .txt-lead{
	text-align: left;
	font-size: 16px;
	margin-bottom: 25px;
}

#avenue-workshop h4{
	margin-bottom: 5px !important;
}
	
}


.box-line-purple{
	width: 1000px;
	margin: 50px auto;
	border:1px solid #BF98C5;
	box-sizing: border-box;
}

.box-line-purple > div{
	padding: 50px 50px 30px ;
}

.box-line-purple .title-page{
	padding: 15px 0 !important;
	font-size: 24px !important;
	background: #BF98C5;
}


@media (max-width: 767px) {

.box-line-purple{
	width: 90%;
	margin: 35px auto;
}

.box-line-purple > div{
	padding: 25px 20px 0;
}

.box-line-purple .title-page{
	padding: 15px 0 !important;
	font-size: 16px !important;
}
	
}











/*WORLD*/
.world-maincopy{text-align: center;}
#world-ex-area{margin-bottom: 50px;}
#world-shiyou, #world-price{text-align: center; margin-bottom: 50px;}
#world-area{text-align: center;}
#world-attention{text-align: center;}
#world-attention h4{font-size: 16px; margin-bottom: 30px;}
#world-attention ul{margin-bottom: 30px;}
#world-fukumu{text-align: center; }
#world-fukumu h4{display: block; margin-bottom: 30px; font-size: 16px;}
#world-fukumu ul{margin-left: 20px; margin-bottom: 20px;}
#world-fukumu article{padding-bottom: 0;}
#world-area ul{list-style: none; margin-left: 20px;}
#world-area ul li span{display: block; text-indent: 1em;}
#world-area ul li{
    margin-bottom: 8px;
}

#world-normal-koma{padding: 50px 0; margin-bottom: 50px;}
#world-normal-koma.contents-company{
    padding:0;
    margin-bottom: 0;
}
.world-koma-p{
	margin-bottom: 50px;
}
.world-koma-p p{
	font-size: 18px;
	margin: 0;
}
#world-normal-koma h4{display: block; text-align: center; font-size: 21px; margin-bottom: 20px;}
#world-normal-koma h4.fc-company,
#world-normal-koma h4.fc-personal{
    font-size: 32px;
}
#world-normal-koma h4 small{display: block; font-size: 13px;}
#world-normal-koma h5{display: block; margin: 20px 0; text-align: left; font-size: 21px;}
#world-normal-koma h5 small{display: block; font-size: 13px;}
#world-normal-koma th, #world-normal-koma td{padding: 10px 0;}
#world-normal-koma table.table-basic{border-color: #ddd; margin-bottom: 25px;}
#world-normal-koma table.table-basic thead th{border-color: #ddd; text-align: center;}
#world-normal-koma table.table-basic thead th:first-child{width: 15%;}
#world-normal-koma table.table-basic thead th:nth-child(2){width: 30%;}
#world-normal-koma table.table-basic thead th:nth-child(3){width: 40%;}
#world-normal-koma table.table-basic thead th:last-child{width: 15%;}
#world-normal-koma table.table-basic tbody th{border-color: #ddd; text-align: center;}
#world-normal-koma table.table-basic tbody td{border-color: #ddd; text-align: center;}

.box-houjin{border-bottom: 1px solid #ddd; margin-bottom: 50px;}
.list-world01{width: 90%; margin: 50px auto;}
.list-world02{text-align: left; margin: 0 0 0 25px;}

#world-att-contents ul{width: 940px; margin: 0 auto 50px ; text-align: left;}
#world-att-contents ul li{margin-left: 25px;}

.img-koma{
	width: 94%;
	vertical-align: bottom;
	margin-bottom: 20px;
}

/*.box-kojin > div > article{width: 94%; margin: 0 auto;}*/
.box-kojin table.table-basic{margin-bottom: 35px !important;}
.box-kojin table.table-basic thead th:first-child{width: 20% !important;}
.box-kojin table.table-basic thead th:nth-child(2){width: 40% !important;}
.box-kojin table.table-basic thead th:last-child{width: 40% !important;}



@media (max-width: 767px) {
	.world-maincopy{
		text-align: left;
	}
#world .title-sub{width: 65%; margin: 0 auto 30px;}
#world ul.list-dis{display: block; width: 92%; margin: 0 auto; text-align: left;}
#world ul.list-dis li{margin-left: 20px;}
#world-ritsu img{width: 100%; margin-top: 20px;}
#world-fukumu h4 ,#world-normal-koma h4{text-align: center; margin-bottom: 20px; font-size: 24px;}
#world-fukumu ul.list-dis{margin-bottom: 30px;}
#world-fukumu p{text-align: left;}
.box-houjin{margin-bottom: 30px;}
.list-world01{width: 100%; margin: 0 auto 20px;}
.list-world01 li{margin-left: 20px;}
#world-normal-koma table.table-basic{width:100%; margin: 0 auto 20px; font-size: 13px;}
#world-normal-koma p{margin-left: 15px;}
.box-kojin h5{margin-top: 30px;}
.box-kojin table.table-basic{margin-bottom: 40px !important;}
.sp-mb0{margin-bottom: 0 !important; padding-bottom: 0 !important;}
#world-att-contents ul{width: 90%; margin: 0 auto 30px ; }
#world-att-contents ul li{margin-left: 20px;}
	
#world #company-craft-shiyou ul.list-dis{margin: 0 auto 30px; }
#world-normal-koma h4{font-size: 18px; }
#world-normal-koma h4 small{font-size: 12px;}
#world-normal-koma h5{font-size: 18px;}
#world-normal-koma h5 small{font-size: 12px;}	
	.world-koma-p{
	margin-bottom: 50px;
}
.world-koma-p p{
	font-size: 16px;
	margin: 0;
	text-align: center;
}
}

@media (max-width: 320px) {
#world ul.list-dis{width: 90%;}
#world ul.list-dis li{margin-left: 5px;}
}


/*法人出展*/
#company-area-area, #company-area-merit, #company-area-price{text-align: center; margin-bottom: 50px;}
#company-area-kitei{text-align: center;}
#company-area-area ul{list-style-type: none; text-align: left;}
#company-area-kitei{}
#company-area-kitei h4{display: block; font-size: 100%; margin-bottom: 20px;}
#company-area-kitei p{margin-bottom: 30px;}
#company-area-kitei img{padding: 20px; background: #fff;}
#area-kitei01 img{width: 90%;}
#area-kitei02 img{width: 83%;}
#area-kitei03 img{width: 43%;}

@media (max-width: 767px) {
#area-kitei01 img{width: 90%;}
#area-kitei02 img{width: 83%;}
#area-kitei03 img{width: 43%;}
}

#company-area-layout table{margin:30px 0; font-size: 90%;}
#company-area-layout table thead th{text-align: center; padding:10px; }
#company-area-layout table tbody th{text-align: center; padding: 10px; width: 100px;}
#company-area-layout table td{padding:10px; text-align: center;}

#company-area-price table{margin:30px 0; font-size: 90%;}
#company-area-price table thead th{text-align: center; padding:10px; }
#company-area-price table tbody th{text-align: center; padding: 10px; width: 100px;}
#company-area-price table td{padding:10px; text-align: center;}
#company-area-price h4{text-align: left; margin-bottom: 15px;}
#company-area-price h4 span{font-size: 90%;}
#company-area-price div{border:1px solid #ef8fb9; padding:20px; margin-bottom: 20px; background: #fff;}
#company-area-price div p{margin-bottom: 0;}

#company-area-fukumu ul{margin-bottom: 30px;}

#company-area-attention h4{font-size: 100%; margin-bottom: 30px;}
#company-area-attention ul{margin-bottom: 30px;}

#box-com table.table-basic thead th{border-color: #ddd;}
#box-com table.table-basic tbody th{border-color: #ddd;}
#box-com table.table-basic tbody td{border-color: #ddd;}




@media (max-width: 599px) {
#world-normal-koma h4.fc-company,
#world-normal-koma h4.fc-personal{
    font-size: 24px;
}
.world-koma-p{
	margin-bottom: 30px;
}    

#company-area-area ul li{margin-left: 0;}
#company-area-ritsu img{width: 100%; margin-top: 20px;}
#company-area-price h4{text-align: center;}
#company-area-fukumu ul.list-dis{display: block; width: 100%; margin: 0 auto; text-align: left;}
#company-area-fukumu ul.list-dis li{margin-left: 20px;}
#company-area-fukumanai ul.list-dis{display: block; width: 100%; margin: 0 auto; text-align: left;}
#company-area-fukumanai ul.list-dis li{margin-left: 20px;}

#company-att-contents ul.list-dis{display: block; width: 100%; margin: 0 auto; text-align: left;}
#company-att-contents ul.list-dis li{margin-left: 20px;}
}

@media (max-width: 320px) {

}

#company-area-layout > p{text-align: center; margin-bottom: 50px;}
#ex-company-price{margin-bottom: 50px;}
#ex-company-price table.table-basic thead th:first-child{width: 20% !important;}
#ex-company-price table.table-basic thead th:nth-child(2){width: 20% !important;}
#ex-company-price table.table-basic thead th:nth-child(3){width: 30% !important;}
#ex-company-price table.table-basic thead th:last-child{width: 30% !important;}

@media (max-width: 767px) {
	
	#company-area-layout > p{text-align: left; margin-bottom: 30px;}
#ex-company-price table.table-basic thead th:first-child{width: 15% !important;}
#ex-company-price table.table-basic thead th:nth-child(2){width: 30% !important;}
#ex-company-price table.table-basic thead th:nth-child(3){width: 40% !important;}
#ex-company-price table.table-basic thead th:last-child{width: 15% !important;}
	
}


/*KIDS*/

#company-kids{width: 1000px;}
#company-kids h4{font-size: 100%; margin: 30px 0; font-weight: normal;}
#company-kids h4 span{display: inline-block; background:#E2002E; color: #fff; padding: 5px 10px; margin-right: 10px; border-radius: 6px;}
#company-kidscreation h3 span{display: inline-block; font-size: 70%; color: #1c1c1c; padding-left: 12px; letter-spacing: 0em;}
#company-kidscreation img{width: 240px; float: right; margin-left: 20px;}
#company-kidscreation{width: 1000px;}
#company-kidscreation h5{display:block; font-size: 100%; margin:30px 0 20px;}
#company-kidscreation ul{margin: 0 0 0 20px;}
.box-kidsc{margin: 50px 0 0;}

@media (max-width: 767px) {
#company-kidscreation{width: 90%;}
#company-kidscreation h3 span{display: block; padding-left: 0; }
#company-kidscreation img{width: 100%; float: none; margin-left: 0; margin-bottom: 15px;}
}

/*ビューティ＆リラクゼーション*/

.box-blue{margin: 0 auto 50px; border:1px solid #ef8fb9; padding:30px; text-align: left;}
.box-blue h3{display: block; color:#ef8fb9; font-size: 150%; letter-spacing: 0.1em; margin-bottom: 30px; text-align: left;}
#company-beauty{border-top:1px solid #ef8fb9; border-bottom:1px solid #ef8fb9; padding: 50px 0;}
#company-beauty h3{display: block; color:#ef8fb9; font-size: 150%; letter-spacing: 0.1em; margin-bottom: 50px; text-align: center;}
#company-beauty h3 span{display: inline-block; color: #ef0505; font-size: 12px; padding-left: 7px; font-weight: normal;}
#company-beauty img{width: 240px; float: right; margin-left: 20px;}

@media (max-width: 767px) {
#company-beauty{padding: 20px 0;}
#company-beauty h3{font-size: 18px; margin-bottom: 30px; }
#company-beauty img{width: 100%; float: none; margin-left: 0; margin-bottom: 15px;}
}

@media (max-width: 320px) {
.box-blue{margin: 0 auto 25px;}
}


/*クラフトレクリエーション*/
#company-craft{width: 1000px;}
#company-craft h3 span{display: inline-block; font-size: 70%; color: #1c1c1c; padding-left: 12px; letter-spacing: 0em;}
#company-craft img{width: 240px; float: right; margin-left: 20px;}
#company-craft table{font-size: 90%; margin-bottom: 20px;}
#company-craft table thead th{text-align: center; padding: 10px;}
#company-craft table tbody th{text-align: center; padding: 10px;}
#company-craft table tbody td{text-align: center; padding: 10px;}
#company-craft article{padding-bottom: 0;}
#company-craft .clearfix{margin-bottom: 30px;}

@media (max-width: 767px) {
#company-craft{width: 90%;}
#company-craft  h3 span{display: block; padding-left: 0; }
#company-craft img{width: 100%; float: none; margin-left: 0; margin-bottom: 15px;}
#company-craft .title-sub{margin-bottom: 20px;}
#company-craft-shiyou ul{display: block; margin: 0 0 30px 20px; text-align: left;}
}

/*Beginners ROOM*/
#beginners-room{text-align: left;}
#beginners-room h3 span{display: inline-block; font-size: 70%; color: #1c1c1c; padding-left: 12px; letter-spacing: 0em;}
#beginners-room h3 span.icon-new{display: inline-block; margin-right: 15px; font-size: 55%; text-align: center; vertical-align: top; color: #fff; background:#E2002E; padding: 0 10px; border-radius: 6px;}
#beginners-room h3 span.jouken{display: inline-block; margin-left: 20px; font-size: 60%; color: #1c1c1c; font-weight: normal;}
.txt-br{text-align: left;}
.br-img{width:80%; margin: 30px auto;}
.br-img img{width: 100%;}
#beginners-room article{padding-bottom: 0;}

.con-trial{width: 1000px !important;}
.con-trial .br-img{width:90%; margin: 30px auto;}



@media (max-width: 767px) {
.con-trial{width: 90% !important;}
.con-trial  h3 span{display: block; padding-left: 0; }
.con-trial img{width: 100%; float: none; margin-left: 0; margin-bottom: 15px;}
.con-trial ul{display: block; margin: 0 0 30px 20px; text-align: left;}
.br-img{width:100% !important; margin: 20px auto;}
.br-img img{width: 100%;}
.con-trial .title-sub{margin-bottom: 20px;}
.con-trial  p{margin-bottom: 30px;}
#beginners-room  h3 span{display: block; padding-left: 0; }
}

#com-other h3{display: block; text-align: center; font-size: 22px; font-weight: 400; padding: 20px 0; background: #fff462; margin: 0 0 50px;}

@media (max-width: 767px) {
.box-blue{padding:20px; box-sizing: border-box;}
.box-blue h3{font-size: 18px; }
.box-blue h3 span{display: block; }
}

@media (max-width: 767px) {
#com-other h3{box-sizing: border-box; font-size: 16px; padding: 20px 15px; margin: 0 0 30px;}
}

/*開催までのスケジュール*/
#ex-schedule{padding-top: 50px; position: relative; text-align: center;}

.timeline-schedule{text-align: center; }
.timeline-schedule table{display: inline-block; margin-bottom: 10px; }
.timeline-schedule th{border-bottom: 1px solid #f1f1f1; padding: 8px 20px; text-align: left; vertical-align: top; font-weight: normal; }
.timeline-schedule th span{display: inline-block; border-radius: 6px; background:#f4f4f4; font-size: 14px; padding: 8px 10px; width: 100%; box-sizing: border-box; text-align: center;}
.timeline-schedule td{border-bottom: 1px solid #f1f1f1; padding: 5px 30px; text-align: left; vertical-align: middle;}

#ex-schedule h3{display: block; font-size: 16px; margin: 30px 0;}

@media (max-width: 767px) {
#ex-schedule{padding-top: 50px; position: relative; text-align: center;}

.timeline-schedule{text-align: center; }
.timeline-schedule table{display: block; width: 100%; box-sizing: border-box; margin-bottom: 10px; }
.timeline-schedule th{
	border-bottom: none; 
	padding: 10px 0; 
	display: block;
	width: 100%; 
	text-align: center; 
}
.timeline-schedule th span{display: block;  padding: 10px 0;}
.timeline-schedule td{
	border-bottom: none;
	display: block;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	padding: 10px 10px 15px;
}

#ex-schedule h3{display: block; font-size: 100%; margin: 30px 0;}
#ex-schedule p{width: 90%; margin: 0 auto 30px; text-align: left;}
}

/*出展説明会*/
#ex-setsumeikai{margin: 50px 0 80px; padding-top: 50px; text-align: center;}
#ex-setsumeikai table{width: 46%; margin: 0 auto 35px;}
#ex-setsumeikai th{text-align: left; vertical-align: top; padding: 15px 80px 15px 15px; font-weight: normal;}
#ex-setsumeikai td{text-align: left; vertical-align: top; padding: 15px 10px; }
#ex-setsumeikai td span{font-size: 90%;}
#ex-setsumeikai p{}

@media (max-width: 767px) {
#ex-setsumeikai{margin-top: 50px; padding: 50px 0; text-align: center;}
#ex-setsumeikai table{width: 92%; box-sizing: border-box; margin: 0 auto 30px;}
#ex-setsumeikai th{text-align: left; vertical-align: top; padding: 15px 0; width: 15%; font-weight: normal;}
#ex-setsumeikai td{text-align: left; vertical-align: top; padding: 15px 10px; }
#ex-setsumeikai td span{font-size: 90%;}
#ex-setsumeikai p{width: 90%; text-align: left; margin: 0 auto;}
}

/*==================================================
出展規約
================================================== */
#exhibitor-kiyaku{line-height: 2.0;}
#exhibitor-kiyaku ol{margin: 0 0 30px 20px;}
#exhibitor-kiyaku h4{font-size:22px; margin: 40px 0 30px; display:block; font-weight: bold; font-family: FP-HiraginoUDSansStdN-W5;}
#exhibitor-kiyaku p{margin-bottom: 25px;}

#exhibitor-kiyaku p.txt-lead{
	color: #E2002E !important;
}

@media (max-width: 599px) {
#exhibitor-kiyaku h4{font-size:18px; margin: 40px 0 15px; }

#exhibitor-kiyaku p.txt-lead{
}
	
}



/*==================================================
お知らせ
================================================== */

#news dt{margin-bottom:15px;}
#news dt:before{content:"◆"; margin-right:5px; font-size:90%;}
#news dd{margin:0 15px 20px;}

.entry-summery{background:#F2EFE9; padding:15px; margin-bottom:30px;}
.news-entry{margin:0 15px; }
.news-title{margin:0 0 20px; border-bottom:1px dotted #ddd; font-size:120%; padding-bottom:20px;}

#entry-list{margin:0 30px;}
#entry-detail{text-align: left; background: #fff; padding: 50px ;}
#entry-detail h2{font-size: 140%; display: block; border-bottom: 2px solid #ddd; padding: 0 5px 20px;}
.entry-body{margin: 50px 0; }
#entry-list table{width:100%; box-sizing:border-box; border:none; border-collapse:collapse;}
#entry-list th{text-align:left; width:170px; font-weight:normal; padding:25px 30px 25px 0; border-bottom:1px dashed #ddd;}
#entry-list td{text-align:left; padding:25px 0; border-bottom:1px dashed #ddd;}
.title-entry{font-size:120%; color:#ec6c00; margin-bottom:30px; font-weight:normal; font-family:Ryumin Regular KL;}
.entry-date{font-size:90%; margin-bottom:5px;}
.entry-body img{max-width:100%;}

@media (max-width: 768px) {
#entry-detail h2{font-size: 18px; }
    
}

@media (max-width: 599px) {
#news dt{margin-bottom:15px;}
#news dt:before{content:"◆"; margin-right:5px; font-size:90%;}
#news dd{margin:0 15px 20px;}

.entry-summery{background:#F2EFE9; padding:15px; margin-bottom:30px;}
.news-entry{margin:0 15px; }
.news-title{margin:0 0 20px; border-bottom:1px dotted #ddd; font-size:120%; padding-bottom:20px;}

#entry-list{margin:0 10px;}
#entry-detail{padding: 25px ;}
#entry-detail h2{font-size: 16px;}
.entry-body{margin: 0; padding: 25px 5px;}
#entry-list th{display:block; width: 100%; box-sizing: border-box; padding:0; border-bottom:none;}
#entry-list td{display:block; width: 100%; box-sizing: border-box; padding:20px 15px 25px; margin-bottom: 20px;}
.title-entry{font-size:16px; }
.entry-date{font-size:13px;}
}

/*==================================================
プライバシーポリシー
================================================== */
#privacy-policy{padding-top: 50px;}
#privacy-policy h4{font-size:110%; margin: 40px 0 30px; display:block;}
#privacy-policy dl{margin: 0 20px 50px;}
#privacy-policy dd{margin: 20px 10px;}
#privacy-policy p{margin-bottom: 30px;}


#privacy-policy .title-page small{
	display: block;
	font-size: 12px;
}

@media (max-width: 767px) {
#privacy-policy{padding-top: 30px;}
#privacy-policy h4{font-size:15px; margin: 30px 0 20px;}
#privacy-policy dl{margin: 0 0 20px;}
#privacy-policy .message01{width: 100% !important; margin-top: 50px;}

}

/*==================================================
告知用画像
================================================== */
#banner-download{padding-top: 50px;}
#banner-download img{image-rendering: -webkit-optimize-contrast;}
#banner-download h4{margin-top: 35px; margin-bottom: 20px; font-weight: normal; font-size: 16px; }

#banner-download .table{margin-bottom: 50px;}
#banner-download .table th{width: 25%;}
#banner-download article{border-bottom: 1px dashed #ddd; padding-bottom: 20px; margin-bottom: 20px;}
.banner-size{margin:0;}
.banner-size img{margin-bottom: 12px;}
.banner-size textarea{width:100%; border:none; background:#f4f4f4; min-height: 60px !important; font-size:90%; box-sizing: border-box;}
.box-banner-guide{margin-top: 35px; background: #fff; padding: 25px;}
.box-banner-guide ul{margin-left:20px;}

.banner-print img{width: 350px;}
.print3 .banner-print img{width: 100%;}
.pic-print{margin:20px 0;}
.banner-print-att h3{font-size: 100%;}
.banner-print-att h3 span{display: inline-block; padding-left: 10px; font-size: 90%;}
.banner-print-att ul{margin: 20px;}
.btn-print{margin-bottom: 20px !important;}
.btn-print a.btn{display: inline-block; margin: 20px 0 !important;}

.img-ADcard{border: 1px solid #ddd; padding: 5px; box-sizing: border-box;}

@media (max-width: 767px) {
#banner-download{padding-top: 35px;}
#banner-download .table{border: none;}
#banner-download .table th{display: block; width: 100%; box-sizing: border-box; padding: 4px 0; text-align: center; border:none;}
#banner-download .table td{display: block; width: 100%; box-sizing: border-box; padding: 12px 10px 15px; text-align: left; border:none;}
.banner-size img{width: 100%;}
.banner-size textarea{min-height: 140px !important; }
.banner-print img{width: 100%;}
.btn-print a.btn{display: block; width: 100%; box-sizing: border-box; padding: 7px 0 ; text-align: center; font-size: 14px;}
.box-banner-guide{}
}


/*==================================================
プレス・メディアの方へ
================================================== */
.box-pressmedia{margin:80px 20px 0; text-align: left;}
.box-pressmedia h3{text-align: left !important;}
.box-pressmedia h4{margin:50px 0 25px;}

.info-scope{margin:90px 20px 0; text-align: left;}
.info-scope h3{text-align: left !important;}
.info-scope h4{margin-bottom: 20px; display: block;}

#press{padding-bottom: 0 !important;}
#press .contents-area-sub{width: 860px;}
.box-press h3{text-align: left !important;}

.box-press{margin:50px auto 0; padding: 50px 0 0; border-top: 1px solid #ddd;}
.box-press article{width: 860px; margin: 0 auto;}
.box-press article h4{display: block; font-size: 120%; margin-bottom: 50px;}
.box-press article dl{margin: 0 30px;}
.box-press article dt{display: inline-block; vertical-align: top; width: 180px; margin-bottom: 25px;}
.box-press article dd{display: inline-block; vertical-align: top; width: 610px; margin-bottom: 25px;}
#press-contact{margin: 0 30px;}
#press-contact h5{display: block; font-size: 100%; margin-bottom: 20px;}

@media (max-width: 767px) {
#press .contents-area-sub{width: 90%;} 
.box-press{margin:30px auto 0; padding: 30px 0 0;}
.box-press article{width: 90%; margin: 0 auto;}    
.box-press article h4{font-size: 120%;  margin-bottom: 30px;}
.box-press article dl{margin: 0 auto;}
.box-press article dt{display: block;  width: 100%; box-sizing: border-box; border-left: 5px solid #e7e7e7; padding: 0 0 0 12px; margin-bottom: 10px;}
.box-press article dd{display: block; width: 90%; margin: 0 auto 25px;}
#press-contact{width:100%; margin: 0 auto;}    
}

/*==================================================
入場料金・入場券のご案内
================================================== */

/* ↓↓↓↓ 下層ページナビメニューマウスオーバーフォーマット ↓↓↓↓ */
.page-ticket #dropmenu > li.navi-ticket > a{
	background: #5ac800;
    color: #fff !important;
	height: 46px;
	line-height: 48px;
}

.page-ticket #dropmenu > li.navi-ticket > a i{
	display: none !important;
}

/*.page-about .page{
	margin-top: 116px;
	border-top: 5px solid #5ac800;
}*/

.page-ticket #global-nav{
	border-color: #5ac800;
}
/* ↑↑↑↑ 下層ページナビメニューマウスオーバーフォーマット ↑↑↑↑ */

#ticket-info{
	margin-bottom: 50px;
}

.table-ticket{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ddd;
	margin-bottom: 50px;
	background: #fff;
}

.table-ticket th{
	padding: 25px 10px;
	text-align: center;
	background: #f4f4f4;
	border: 1px solid #ddd;
	vertical-align: middle;
}

.table-ticket thead th{
	font-weight: bold;
}

.table-ticket td{
	padding: 25px 20px;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #ddd;
}
.table-ticket td.td-ticket-info02,
.table-ticket td.td-ticket-info03{
    text-align: center !important;
}

th.th-ticket01{width: 20%;}
th.th-ticket02{width: 50%;}
th.th-ticket03{width: 15%;}
th.th-ticket04{width: 15%;}

.table-ticket td a.btn{
	padding: 3px 15px;
	display: inline-block !important;
	width: auto !important;
	margin:20px 0 0 !important;
}

.img-l{
	width: 65%;
}

#ticket-attension-info article,
#entertime-ticket article,
#e-ticket-attension article{
	margin-bottom: 50px;
}

#entertime-ticket table{
    margin-bottom: 25px;
}

#ticket-header{
    padding-top: 35px;
}

#ticket-attension-info .title-basic{

	margin-bottom: 12px;
}

.box-shoudoku{
	position: relative;
	margin-top: 50px;
}

.shoudoku{
	position: absolute;
	top: 0;
	right: 0;
	width: 190px;
}

.shoudoku span{
	display: block;
	text-align: right;
	margin-bottom: 5px;
	font-size: 12px;
}

.shoudoku img{
	width: 100%;
}

.txt-ticket{
    margin-bottom: 50px;
}

.buy-vip{
    border: 5px solid #eee;
    padding: 35px 50px;
    margin-bottom: 50px;
}

img.qr-buy-t{
    width: 240px;
    float: right;
    margin: 0 0 0 30px;
}

.maeuri{
    border-bottom: 1px dotted #ddd;
    padding:0 10px 25px;
}

.playguide{
    display: flex;
    border-bottom: 1px dotted #ddd;
    padding: 18px 10px;
	flex-wrap: wrap;
	flex-direction: row;
}

.playguide > div{
	width: 100%;
}

.playguide > div > a{
	margin-top: 10px;
}

.img-playguide{
    width: 100px;
	text-align: left
}

.img-playguide img{
    width: 80%;
}

.txt-playguide{
    word-break: break-all;
}


.img-playguide img.logo-eplus{
    width: 70%;
}

span.t-day{
    display: inline-block;
    color: #fff;
    padding: 0 10px;
	width: 70px;
	text-align: center;
}

.t-price-info p{
	margin: 0;
	font-size: 13px;
}

.t-day-red{
    background: #c89800;
}

.t-day-blue{
    background: #898989;
}

.t-day-s{
    background: #00B1A7;
}

.t-day-y{
    background: #5ac800;
	color: #fff !important;
	margin-bottom: 10px;
}

.t-price{
    display: inline-block;
    padding: 0 10px;
}

.t-tokuten{
    margin: 15px 0 0;
}

.sanrio-tokuten{
    margin-bottom: 50px;
    border: 5px solid #AADAD7;
    padding: 35px 50px;
    text-align: center;
}

.sanrio-tokuten img{
    width: 74%;
    margin-bottom: 40px;
    vertical-align: bottom;
}

.sanrio-tokuten span{
    display: block;
}

.td-ticket-info03 .logo-asoview{
    width: 100%;
    margin: 15px 0 4px;
    vertical-align: bottom;
}

.table-ticket td.td-ticket-info03 a.btn{
    margin: 0 !important;
    padding: 3px 0 !important;
    font-size: 13px;
    width: 100% !important;
    display: block !important;
    margin-top: 15px !important;
}

td.td-ticket-info01{
    position: relative;
}

.maisuu{
    position: absolute;
    color: #fff;
    font-size: 13px;
    width: 150px;
    top: 23px;
    right: 20px;
}

.maisuu span{
    width: 100%;
    display: block;
    text-align: center;
    padding: 3px 0;
    border-radius: 24px;
    margin-bottom: 5px;
}

p.att-t{
    margin: 12px 0 0;
    text-align: right;
    font-size: 13px;
}

.t-tokuten-info{
	margin-top: 12px;
	position: relative;
}

.t-tokuten-info ul{
	width: 75%;
}

.t-tokuten-info ul li small{
	display: block;
}

.t-tokuten-img{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 40%;
	text-align: right;
}

.t-tokuten-img small{
	display: block;
	font-size: 12px;
}

.t-tokuten-img img{
	width: 80%;
}

#pre-ticket .t-tokuten-img img{
	width: 55%;
}

#pre-ticket .t-tokuten-info{
	min-height: 120px;
}

.t-price-info > div{
	margin-bottom: 12px;
}

#pre-ticket .t-price-info > div{
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#day-ticket .t-price-info > div{
	margin-bottom: 0;
}


.img-ticketboard{
    width: 140px;
    vertical-align: bottom;
}

#vip-e-ticket{
    background: #eef5df;
    margin: 10px 0 0;
    padding: 12px;
    position: relative;
	word-break: break-all;
}

#vip-e-ticket .logo-e{
    position: absolute;
    top: 12px;
    left: 12px;
    width: 20%;
}

#vip-e-ticket article{
    margin-left: 24%;
}

#vip-e-ticket article h3{
    display: block;
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 7px;
}




@media (max-width: 768px) {
	
span.t-day{
	width: 52px;
}
    
    span.t-thanks{
        font-size: 12px;
        width: auto;
    }

.t-tokuten-info ul{
	width: 90%;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.t-tokuten-img{
	position: relative;
	bottom: inherit;
	right: inherit;
	width: 100%;
	text-align: center;
}

.t-tokuten-img img{
	width: 60%;
}

#pre-ticket .t-tokuten-img img{
	width: 50%;
}

#pre-ticket .t-tokuten-info{
	min-height: auto;
}
	
	.img-playguide{
		width: 25%;
	}
	
	.txt-playguide{
		width: 75%;
		font-size: 13px;
	}

.playguide{
    padding: 10px;
	line-height: 1;
}
	
	#vip-e-ticket, .toujitsu-btn{
		line-height: 1;
	}
	#vip-e-ticket a.btn,
	.table-ticket td .toujitsu-btn a.btn{
		margin: 10px auto 0 !important;
	}
	
}


@media (max-width: 599px) {
	
#ticket-info{
	margin-bottom: 35px;
	}

.table-ticket{
	margin-bottom: 35px;
	border: none;
}

.table-ticket th{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 0;
	border: none;
	border-bottom: 2px solid #5ac800;
	background: #eef5df !important;
}

.table-ticket thead{
	display: none !important;
}
    
.table-ticket tr{
    border-bottom: 2px solid #5ac800;
}
    
.table-ticket tr.tr-ticket-01,
.table-ticket tr.tr-ticket-02{
    border-bottom: none;
}

.table-ticket td{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 20px 15px 20px;
	border: none;
    border-bottom: 1px dotted #ddd;
}
    
    .table-ticket td.td-ticket-info03{
        border: none;
    }

th.th-ticket01{width: 100%;}
th.th-ticket02{width: 100%;}
th.th-ticket03{width: 100%;}
th.th-ticket04{width: 100%;}

.table-ticket td a.btn{
	padding: 8px 0;
	display: block !important;
	width: 60% !important;
	margin:10px auto 25px !important;
}

.img-l{
	display: block;
	margin: 0 auto;
	width: 35%;
}	
	
td.td-ticket-info03,
td.td-ticket-info02{
    text-align: center !important;
}

.txt-ticket a.btn{
    margin-bottom: 30px !important;
}	

.box-shoudoku{
	margin-top: 35px;
}

.shoudoku{
	position: relative;
	top: inherit;
	right: inherit;
	width: 34%;
	float: right;
	margin-left: 12px;
}
	
.shoudoku span{
    font-size: 11px;
}
    
.txt-ticket{
    margin-bottom: 35px;
}

.buy-vip{
    padding: 20px 30px;
    margin-bottom: 35px;
}

img.qr-buy-t{
    width: 80%;
    float: none;
    display: block;
    margin: 0 auto;
}

.maeuri{
    border-bottom: 1px dotted #ddd;
    padding:0 10px 25px;
}

.playguide{
    padding: 15px 8px;
}

.table-ticket td .playguide > div > a.btn{
	margin-bottom: 0 !important;
}

.img-playguide{
    width: 40%;
    text-align: left;
}

.txt-playguide{
    width: 55%;
}

.img-playguide img{
    width: 80%;
}

.img-playguide img.logo-ot,
.img-playguide img.logo-eplus{
    width: 60%;
}

span.t-day{
	width: 50px;
}
    
    span.t-thanks{
        font-size: 13px;
        width: auto;
        margin-bottom: 7px;
    }



.t-price{
    display: inline-block;
    padding: 0 10px;
}

.t-tokuten{
    margin: 15px 0 0;
}

.sanrio-tokuten{
    margin-bottom: 35px;
    padding: 35px 20px;
}

.sanrio-tokuten img{
    width: 100%;
    margin-bottom: 30px;
}

.sanrio-tokuten span{
    font-size: 13px;
    text-align: left;
}

.td-ticket-info03 .logo-asoview{
    width: 50%;
    display: block;
    margin: 15px auto 10px;
}

.table-ticket td.td-ticket-info03 a.btn{
    margin: 0 auto 20px !important;
    padding: 8px 0 !important;
    font-size: 14px;
    width: 80% !important;
    margin-top: 15px !important;
}

.maisuu{
    position: relative;
    width: 100%;
    top: inherit;
    right: inherit;
    text-align: center;
    margin: 15px 0;
}

.maisuu span{
    width: 46%;
    display: inline-block;
    padding: 3px 0;
    margin: 0 4px;
}

p.att-t{
    text-align: left;
    font-size: 12px;
}

    #ticket-attension-info article, #entertime-ticket article,
#e-ticket-attension article{
		margin-bottom: 30px;
	}   

#vip-e-ticket{
    margin: 15px 0 0;
    text-align: center;
}

#vip-e-ticket .logo-e{
    position: relative;
    top: inherit;
    left: inherit;
    width: 32%;
    margin-bottom: 7px;
}

#vip-e-ticket article{
    margin-left: 0;
}

#vip-e-ticket article h3{
    display: block;
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 7px;
}



#ticket-header{
    padding-top: 0;
}
	
}




/*==================================================
入場に際しての注意事項
================================================== */

.ticket-att{border:4px solid #d70e0e; background:#fdf0f0; padding:26px; width:880px; margin:20px auto; text-align:left; font-size:84%; color:#333;}
.ticket-att h2{display:block; text-align:center; margin:0 0 20px; padding:10px; background:#d70e0e; color:#fff; font-size:120%; font-weight:normal;}
.ticket-att table th{color:#d70e0e;}
.ticket-att table td{color:#d70e0e;}
a.top-attlink{display:block; width:420px; height:42px; background:#E2002E; color:#fff; border-radius:6px; font-size:100%; padding:10px 20px; text-decoration:none; margin:0 auto 30px;}
a.top-attlink:hover{display:block; width:418px; height:40px; border:1px solid #E2002E; background:#fff; color:#E2002E; border-radius:6px; font-size:100%; padding:10px 20px; text-decoration:underline; margin:0 auto 30px;}

#page-ticket{background:#fff; padding:25px; margin:0 auto 50px; text-align:left;}
#page-ticket .title-contents{border: none !important;}
#page-ticket h2{display:block; text-align:center; margin:0 0 30px; padding:15px 0; background:#E2002E; color:#fff; font-size:110%; font-weight:normal;}
#page-ticket table{margin-bottom: 30px;}
#page-ticket table th{background:#fff; width: 220px; text-align: center;}
#page-ticket table td{background:#fff;}
a.pageticket-attlink{display: block; margin: 30px auto 50px; width: 60%; text-align: center; background:#E2002E; color:#fff; padding:10px 0; text-decoration:none; border:1px solid #E2002E;}
a.pageticket-attlink:hover{background-color:transparent; color:#E2002E;}

#ticket-attt ul{margin: 0 0 0 20px;}

@media (max-width: 767px) {
.ticket-att{border:4px solid #d70e0e; background:#fdf0f0; padding:26px; width:880px; margin:20px auto; text-align:left; font-size:84%; color:#333;}
.ticket-att h2{display:block; text-align:center; margin:0 0 20px; padding:10px; background:#d70e0e; color:#fff; font-size:120%; font-weight:normal;}
.ticket-att table th{color:#d70e0e;}
.ticket-att table td{color:#d70e0e;}
a.top-attlink{display:block; width:420px; height:42px; background:#E2002E; color:#fff; border-radius:6px; font-size:100%; padding:10px 20px; text-decoration:none; margin:0 auto 30px;}
a.top-attlink:hover{display:block; width:418px; height:40px; border:1px solid #E2002E; background:#fff; color:#E2002E; border-radius:6px; font-size:100%; padding:10px 20px; text-decoration:underline; margin:0 auto 30px;}

#page-ticket{margin-bottom: 30px; }
#page-ticket h2{margin:0 0 25px; padding:10px;  font-size:100%;}
#page-ticket table{margin-bottom: 25px;}
#page-ticket table th{background:#fff; width: 40%; text-align: left;}
a.pageticket-attlink{width: 80%; box-sizing: border-box; border-radius: 6px; text-align: center; padding:10px;}

#ticket-attt ul{margin: 0 0 0 20px;}
}


/*==================================================
出展者一覧関連コンテンツ
================================================== */

/*検索窓*/
.searchbox{position: relative;}
.searchbox input{width: 250px; padding: 0 10px; font-size: 90%; height: 34px; border:none; border-radius: 17px; background:#fff;}
.searchbox button{display: inline-block; width: 34px; height: 34px; vertical-align: middle; line-height: 34px; position: absolute; z-index: 9999; top:0; right:8px; background:none; border:none; }

.searchbox-test{}
.searchbox-test span{color: #fff;}
.searchbox-test input[type="search"]{width: 200px; padding: 0 10px; font-size: 90%; height: 34px; border:none; border-radius: 17px; background:#fff;}
.searchbox-test label{display: inline-block; height: 34px; line-height: 34px; font-size: 90%; margin-left: 10px;}
.searchbox-test label input[type="checkbox"]{vertical-align: middle !important;}
.searchbox-test button{display: inline-block; vertical-align: middle; line-height: 34px; height: 34px; background:#fff; border:none; color: #E2002E; border-radius: 17px; padding: 0 12px; margin-left: 15px;}
.searchbox-test button:hover{cursor: pointer;}

.exhibitor-list-search{background: #f4f4f4; padding: 35px 50px; margin-bottom: 40px; border-radius: 8px; box-sizing: border-box;}
.exhibitor-list-search span{color: #fff;}
.exhibitor-list-search input[type="search"]{width: 600px; padding: 0 10px; font-size: 90%; height: 34px; border:none; border-radius: 17px; background:#fff;}
.exhibitor-list-search label{display: inline-block; height: 34px; line-height: 34px; font-size: 90%; margin: 0 5px 5px 0;}
.exhibitor-list-search label input[type="checkbox"]{vertical-align: middle !important;}
.exhibitor-list-search button{display: block; vertical-align: middle; line-height: 38px; height: 38px; border:none; border-radius: 24px;  margin: 20px auto 0; padding: 0 25px;}
.exhibitor-list-search button:hover{cursor: pointer;}
.exhibitor-search-freeword input[type="search"]{width: 100%; box-sizing: border-box; padding: 0 10px; font-size: 90%; height: 42px; border:none; border-radius: 24px; background:#fff;}


@media (max-width: 767px) {
.searchbox{width: 90%; margin: 0 auto;}
.searchbox input{width: 100%; margin: 10px auto; padding: 0 10px; }
.searchbox button{top:10px; color: #7196c9;}

.searchbox-test{width: 90%; margin: 0 auto; box-sizing: border-box;}
.searchbox-test label{width:46%; margin:0 5px 10px;}
.searchbox-test input[type="search"]{width: 31%; margin: 10px auto; padding: 0 10px;}
.searchbox-test input[type="checkbox"]{background:#fff; border:none; border-radius:10px; padding-right:5px;}
.searchbox-test button{margin-left: 7px;}
    
.exhibitor-list-search{padding: 15px 20px; margin-bottom: 30px;}
.exhibitor-list-search input[type="search"]{width: 100%; margin: 0 auto;}
.exhibitor-list-search label{width:auto; margin:15px 0 5px 0; height: auto; line-height: 1;}
.exhibitor-list-search label input[type="checkbox"]{background:#fff; border:none; border-radius:10px; padding-right:5px;}
.exhibitor-list-search button{display: block; vertical-align: middle; padding: 0; width: 40%; margin:10px auto 0;}
   
}


#lineup-top{padding-top: 50px;}
#mainimg-lineup{position: relative;}
.area-h{position: absolute; bottom:0; width: 100%; background:rgba(12,44,125,0.82) !important; text-align: center; color: #fff; padding: 15px 0; font-size: 120%; letter-spacing: 0.1em;}

#lineup .title-base span{display: block; font-size: 70%; padding-top: 10px; text-align: center;}
#lineup-top ul{width: 900px; margin: 0 auto 50px; margin-left: 25px;}
#lineup-top article{padding-bottom: 20px; margin-bottom: 50px; border-bottom: 1px dashed #d8d8d8; text-align: center;}
#lineup-top article a{display: inline-block; border-radius: 27px; height: 52px; line-height: 52px; text-align: center; margin: 0 1.2% 30px; width: 30%; padding: 0;}
#lineup-top article a.btn-2col{width: 460px;}


a.btn-b-l{margin-right: 60px !important;}
a.btn-n-r, a.btn-b-r{margin-right: 0 !important;}
#lineup-top article a span{display: inline-block; border-radius: 12px; height: 24px; line-height: 24px; width: 68px; text-align: center; color: #fff; background:#E2002E; margin-left: 10px; font-size: 13px;}
#lineup-top article a:hover span{background: #fff; color: #1c1c1c;}
#lineup-top article a p{display: inline; margin: 0; padding: 0; padding-right: 5px;}

@media (max-width: 599px) {

#lineup-top{padding-top: 50px;}    
#lineup-top ul{width: 94%; margin-left: 15px;}
#lineup-top ul li{margin-bottom: 7px;}
#lineup-top{padding-top: 30px;}
#lineup-top article{padding-bottom: 5px; margin-bottom: 30px; border-bottom: 1px dashed #d8d8d8; text-align: center;}
#lineup-top article a{display: block !important; width: 90% !important; box-sizing: border-box; border-radius: 28px; height: 56px; line-height: 56px; margin: 0 auto 20px;}
#lineup-top article a span{border-radius: 12px; width: 56px; height: 24px; line-height: 24px;   margin-left: 5px; font-size: 10px;}
    #lineup-top article a.btn-2col{
        height: auto;
        line-height: 1.5;
        padding: 10px ;
        border-radius: 80px;
    }
}

/*エリア別出展者一覧*/
#lineup-list{ padding-top: 35px; display: flex; flex-wrap: wrap; flex-direction: row;}
#lineup-list .title-base{line-height: 1.8em;}
#lineup-list a{display: block; width: calc(100%/4 - 55px);  padding: 15px; margin: 0 10px 25px; text-decoration: none; background-color: #fff; box-shadow: 0px 0px 15px -5px #777777; border-left: 5px solid #5ac800; border-top-right-radius: 8px; border-bottom-right-radius: 8px;}
#lineup-list a:hover{box-shadow: none;}
#lineup-list a h2{display:block; font-size:14px; line-height:1.4em; word-break: break-all; color: #333 !important;}
.pic-ex-list{margin: 10px 0 0; height: 200px;}
.pic-ex-list img{width:100%; height:100%; object-fit: cover; border-radius: 8px;}
#lineup-list a table{width:100%; box-sizing:border-box; border-collapse:collapse;}
#lineup-list a table td{width: 50%; box-sizing: border-box; text-align: center; color: #333; font-size: 10px; padding: 5px 0; line-height: 1.0em; background:#f7c7c6;}
.ex-cate1, .ex-cate3{border-right:1px solid #fff;}
.ex-cate1, .ex-cate2{border-bottom:1px solid #fff;}
#lineup-list a table td.off{background:#e0e1e2; color: #999;}

.booth-cate{
    display: block;
    font-size: 12px;
    min-height: 32px;
    color: #333 !important;
    line-height: 1.4em;
    margin: 5px 0 0;
}

/* ↓↓↓↓ 下層ページナビメニューマウスオーバーフォーマット ↓↓↓↓ */
.page-lineup #dropmenu.nav-visitor > li:nth-child(2) > a{
	background: #5ac800;
	height: 46px;
	line-height: 48px;
}

.page-lineup #dropmenu.nav-visitor > li:nth-child(2) > a i{
	display: none !important;
}

/*.page-about .page{
	margin-top: 116px;
	border-top: 5px solid #5ac800;
}*/

.page-lineup #global-nav{
	border-color: #5ac800;
}
/* ↑↑↑↑ 下層ページナビメニューマウスオーバーフォーマット ↑↑↑↑ */


@media (max-width: 1024px) {

#lineup-list a{
    width: calc(100%/4 - 55px);  
    padding: 15px; 
    margin: 0 10px 25px; 
}
    .pic-ex-list{height: 174px;}
    
}


@media (max-width: 768px) {
#lineup-list a{
    width: calc(100%/3 - 55px);  
    padding: 15px; 
    margin: 0 10px 25px; 
}
    .pic-ex-list{height: 175px;}
    
}

@media (max-width: 599px) {
#lineup.base-con{padding-top: 30px ;}
#lineup-list{width: 100% !important; padding-top: 25px; display: block;}
#lineup-list .title-base{line-height: 1.6em;}
#lineup-list a{display: block; width: 100%; padding: 8px; margin: 0 auto 12px; box-sizing: border-box; float: none; clear: both;}
#lineup-list a h2{margin-bottom: 10px;}    
.pic-ex-list{margin: 10px 0 0; height: auto;}
#lineup-list a table{width:100%; box-sizing:border-box; border-collapse:collapse;}
#lineup-list a table td{width: 50%; box-sizing: border-box; text-align: center; color: #333; font-size: 10px; padding: 5px 0; line-height: 1.0em; background:#f7c7c6;}
.ex-cate1, .ex-cate3{border-right:1px solid #fff;}
.ex-cate1, .ex-cate2{border-bottom:1px solid #fff;}
#lineup-list a table td.off{background:#e0e1e2; color: #999;}
.booth-cate{
    float: left;
    width: 70%;
    min-height: auto;
    line-height: 1.5em;
    margin: 0;
}
.pic-ex-list{
    float: right;
    width: 25%;
    margin: 0; 
    height: auto;
    
}   
.pic-ex-list img{width:100%; height:82px;} 
}

@media (max-width: 320px) {
#lineup-list a h2{margin-bottom: 7px;}     
.pic-ex-list img{height:64px;} 
}

/*出展者詳細*/
#lineup-detail{
    padding: 35px 0;
    background-color: #fff;
    border-radius: 20px;
    box-sizing: border-box;
    margin: 15px auto 0;
}
.title-booth-name{display: block; font-size: 160%; color: #E2002E; font-weight: normal; letter-spacing: 0.1em; text-align: center; margin-bottom: 50px;}
.title-booth-name span{display: block; font-size: 65%; padding-top: 15px; color: #333;}
.booth-txtinfo{width: 55%; float: left;}
.exdetail-pic{width: 38%; float: right;}
.booth-cate span{display: inline-block; border-radius: 4px; color: #fff; font-size: 12px; margin-right: 5px; background:#7196c9; line-height: 1.0em; padding: 5px 10px;}
.booth-naiyou{margin: 0 0 30px; line-height: 1.7;}
.btn-booth-sns{vertical-align: top;}
.btn-booth-sns a{display: inline-block; width: 60px; font-size: 10px; text-align: center; padding: 0 15px; text-decoration: none; color: #333; line-height: 1.0em; }
.btn-booth-sns a i{display: block; width: 60px; height: 60px; border:1px solid #5ac800; color: #5ac800; line-height: 60px; text-align: center; border-radius: 31px; margin: 0 auto 3px; font-size: 24px;}
.btn-booth-sns a:hover i{background:#5ac800; color: #fff; }
.btn-booth-sns a span{display: block; text-align: center; padding-top: 5px;}

.booth-naiyou iframe{
    max-width: 100%;
}

.booth-naiyou img{
    max-width: 100%;
    height: auto;
}

.booth-category{
    margin: 0 0 30px;
}

.booth-category a{
    display: inline-block;
    font-size: 13px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: 2px solid #5ac800;
    margin: 0 5px 0 0;
    text-align: center;
    background:#eef5df;
    padding: 2px 10px;
    text-decoration: none;
}

.booth-category a:hover{
    background: #5ac800;
    color: #fff !important;
}

.img-ws-flag{
    width: 110px;
    position: absolute;
    top: 210px;
    z-index: 99;
}

#pagelink-btn{
    padding: 30px 0 0;
    position: relative;
    height: 51px;
    border-top: 1px dashed #ddd;
}

#pagelink-btn a.btn{
    position: absolute;
    padding: 7px 20px;
}

.nextexhibitor{right: 0;}

.product-category{
    background: #f4f4f4;
    padding: 25px 20px;
    margin-bottom: 25px;
}

.product-category h3{
    display: block;
    font-size: 15px;
    margin-bottom: 14px;
}

ul.ul-p-cate{
    list-style: none;
}

ul.ul-p-cate li{
    display: inline-block;
    font-size: 13px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: 2px solid #5ac800;
    margin: 0 5px 7px 0;
    text-align: center;
    background:#fff;
    padding: 2px 10px;
    text-decoration: none;
    
}

@media (max-width: 768px) {

#lineup-detail{
    padding: 0;
    border-radius: 12px;
    }
    
}

@media (max-width: 599px) {

.title-booth-name{font-size: 120%; margin-bottom: 20px;}
.booth-txtinfo{width: 100%; margin: 0 auto 30px; float: none;}
.exdetail-pic{width: 100%; margin: 0 auto; float: none;}
.booth-cate span{margin-right: 2px; padding: 5px 3px;}
.booth-naiyou{margin: 25px 0 20px;}
.booth-naiyou iframe{
   height: 200px;
}    
.btn-booth-sns{text-align: center;}
.btn-booth-sns a{width: 48px; padding: 0 10px; }
.btn-booth-sns a i{width: 46px; height: 46px; line-height: 46px; border-radius: 24px;font-size: 20px;}  
.booth-category{
    margin: 15px 0 10px;
}
    
    ul.ul-p-cate li{
        font-size: 12px;
    }

.booth-category a{
    font-size: 12px;
    margin: 0 4px 5px 0;
    padding: 1px 3px;
}  

.img-ws-flag{
    width: 80px;
    top: 220px;
    left: -5px;
}  

.product-category{
    padding: 15px;
}

.product-category h3{
    font-size: 14px;
    margin-bottom: 8px;
}
}

/*flexslider上書き*/
.exdetail-pic img{vertical-align: top;}
.exdetail-pic #slider img{width: 360px !important; height: 360px !important; object-fit: cover !important;}
.exdetail-pic .flexslider{margin: 0 !important; border: none !important;}
.exdetail-pic #carousel img{width: 60px !important; height: 60px !important; object-fit: cover !important;}
.exdetail-pic #carousel img:hover{cursor:pointer;}
.flex-direction-nav{display: none;}

@media (max-width: 767px) {
.exdetail-pic #slider img{width: 100% !important; height: 300px !important;}
.exdetail-pic .flexslider{margin: 0 !important; border: none !important;}
.exdetail-pic #carousel img{width: 100% !important; }   
}

/*ワークショップ情報*/
.exworkshop-info{clear: both; padding-top: 50px;}
.header-ws-list{margin-top: 40px;}
.header-ws-list p span{
    display: inline-block;
    vertical-align: middle;
    padding: 1px 10px;
    margin: 0 5px;
    border-radius: 28px;
    border: 1px solid #E2002E;
    color: #E2002E;
    line-height: 1.6;
}
.header-ws-list p span.ari-re{
    background: #fff;
    border-color: #5ac800;
    color: #4d4d4d;
}
.click-img{font-size: 11px; line-height: 1.3em; margin-bottom: 6px;}
.exworkshop-info article{
    display: flex;
    position: relative;
    background-color: #fff;
    padding: 35px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-left: 8px solid #5ac800;
    margin-bottom: 25px;
    box-shadow: 0px 0px 15px -5px #777777;
}
#workshop-all-list.exworkshop-info article{
    display: block;
}
.exworkshop-txtinfo{width: 100%; padding-right: 25px; }
#workshop-all-list .exworkshop-txtinfo{width: 80%; padding-right: 0; }
.exworkshop-img{width: 150px; text-align: right;}
#workshop-all-list .exworkshop-img{position: absolute; top: 35px; right: 35px;}
.exworkshop-img ul{list-style: none;}
.exworkshop-img img{width: 150px !important; height: 150px !important; object-fit: cover !important;}
.exworkshop-meta > i{
    display: inline-flex;
    width: 56px;
    height: 56px;
    background: #5ac800;
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin-right: 7px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-weight: bold;
}
.exworkshop-meta > i span{font-size: 10px;}
span.pre-r{display: inline-block; height: 36px; line-height: 36px; padding: 0 15px; text-align: center; background:#fff; border: 2px solid #5ac800; border-radius: 23px; }
.exworkshop-meta a{display: inline-block; margin-left: 10px; text-decoration: none; height: 46px; line-height: 46px; border-radius: 23px; border:2px solid #5ac800; background: #fff; padding:0 15px; }
.exworkshop-meta a span{color:#E2002E;}
.exworkshop-meta a:hover{background:#5ac800; color: #fff;}
.exworkshop-meta a:hover span{color:#fff;}
.exworkshop-txtinfo h3{display:block; margin: 30px 0; font-size: 22px;}
#workshop-all-list .exworkshop-txtinfo h3{margin: 0 0 15px;}
#workshop-all-list .exworkshop-txtinfo .ws-p-category h3{margin: 0;}
.exworkshop-naiyou{margin: 0 0 30px; font-size: 95%;}
.exworkshop-naiyou h4{display: block; color: #ff60a3; font-size: 110%; margin-bottom: 15px;}
.exworkshop-txtinfo table{width: 100%; box-sizing: border-box; border-collapse: collapse; font-size: 95%;}
.exworkshop-txtinfo table tr{display: table-cell; vertical-align: top;}
.exworkshop-txtinfo table th{width: 100px; vertical-align: top; text-align: left; font-weight: normal;}
.exworkshop-txtinfo table td{width: 76%; vertical-align: top; text-align: left;}
.exworkshop-txtinfo table td.kaisai-date-td div{margin-bottom: 7px;}
.exworkshop-txtinfo table th.ws-info-th span, .exworkshop-txtinfo table td.ws-info-td span{display: block; padding-bottom: 10px;}

.exworkshop-naiyou img{
    max-width: 45%;
    height: auto;
}

.exworkshop-baseinfo table{
	width: 100%;
	box-sizing: border-box;
	border-collapse: collapse;
}
.exworkshop-baseinfo table tr{
	display: block !important;
}

.exworkshop-baseinfo table th{
	width: 90px;
}

.exworkshop-baseinfo table td{
	padding-bottom: 15px;
}

.ex-w-bi-l{
	width: 48%;
	float: left;
}

.ex-w-bi-r{
	width: 48%;
	float: right;
}

.ws-p-category{
    display: flex;
    padding: 20px 15px 10px;
    background: #f4f4f4;
    margin-bottom: 30px;
}

.ws-p-category h3{
    display: block;
    font-size: 14px;
    width: 25%;
    margin: 0;
    text-align: left;
}

.ws-p-category ul{
    width: 75%;
}

@media (max-width: 768px) {
.exworkshop-info article{
    padding: 20px;
    margin-bottom: 20px;
}
    
.ex-w-bi-l{
	width: 100%;
	float:none;
}

.ex-w-bi-r{
	width: 100%;
	float:none;
}  
    
    .exworkshop-baseinfo table td{
        padding-bottom: 0;
    }
    
    .ex-w-bi-r table td{
        padding-bottom: 5px !important;
    }

.ws-p-category h3{
    width: 37%;
}
    
    #workshop-all-list .exworkshop-txtinfo,
    #workshop-all-list .adminws-basicinfo{
        width: 70% !important;
    }
    
}

@media (max-width: 599px) {
.exworkshop-info{padding-top: 25px;}
.header-ws-list{margin-top: 30px;}
.click-img{display: none;}

.exworkshop-info article{
    display: block;
    padding: 15px 10px 15px 15px;
    margin-bottom: 20px;
}
.exworkshop-txtinfo{display: block; width: 100%; padding-left: 0;}
.exworkshop-img{display: block; position: relative !important; text-align: left; width: 100%; margin:5px 0 10px; top: inherit !important; right: inherit !important;}
.exworkshop-img ul{list-style: none;}
.exworkshop-img ul li{display: inline-block; width: 32%; vertical-align: top;}
.exworkshop-img img{width: 100% !important; height: 108px !important;}
.exworkshop-meta > i{width: 46px; height: 46px; font-size: 16px; margin-right: 3px;}
.exworkshop-meta > i span{font-size: 10px;}
span.pre-r{height: 32px; line-height: 32px; padding: 0 10px; border-radius: 24px; }
.exworkshop-meta a{padding:0 6px; font-size: 12px; box-sizing: border-box; margin: 12px 0 0; text-align: center; line-height: 35px; height: 38px;}
.exworkshop-txtinfo h3{ margin: 15px 0 20px; font-size: 5vw; line-height: 1.4;}
.exworkshop-naiyou{margin: 0 auto 15px; font-size: 95%;}
.exworkshop-naiyou h4{font-size: 100%; margin-bottom: 15px;}
.exworkshop-txtinfo table tr{display: block;}    
.exworkshop-txtinfo table th{width: 90px; padding-bottom: 12px;}
.exworkshop-txtinfo table td{width: 75%; padding-bottom: 12px;}
.exworkshop-txtinfo table td.kaisai-date-td{width: 75%;}
.exworkshop-txtinfo table th.ws-info-th{width: 40%;}
.exworkshop-txtinfo table tr.info-day{width: 100%;}
.exworkshop-txtinfo table tr.info-day th{display: block; width: 100%; text-align: left; font-weight: normal; }
.exworkshop-txtinfo table tr.info-day td{display: block; width: 100% !important; text-align: left; box-sizing: border-box; margin:10px 15px 20px;}   


.exworkshop-baseinfo table td{
	padding-bottom: 15px;
	width: 74%;
}



.ws-p-category{
    display: block;
    padding: 10px 14px 5px;
    margin-bottom: 15px;
}

.ws-p-category h3{
    width: 100%;
    margin:0 0 8px !important;
    font-size: 14px;
}

.ws-p-category ul{
    width: 100%;
}	
    
    .exworkshop-info .title-en strong{
        font-size: 15vw;
    }
    
    #workshop-all-list .exworkshop-txtinfo, #workshop-all-list .adminws-basicinfo{
        width: 100% !important;
    }
    
.exworkshop-naiyou img{
    max-width: 60%;
}    
    
}




.adminws-basicinfo{margin-top: 40px;}
.adminws-basicinfo table{width: 50%; float: left; box-sizing: border-box; border-collapse: collapse; font-size: 95%;}
.adminws-basicinfo table th{width: 100px; vertical-align: top; text-align: left; font-weight: normal; padding-bottom: 10px;}
.adminws-basicinfo table td{width: 320px; vertical-align: top; text-align: left; padding-bottom: 10px;}
.adminws-basicinfo table span{display: inline; }
.adminws-basicinfo table td.kaisai-date-td div{margin-bottom:7px;}

#workshop-all-list .adminws-basicinfo{
    width: 80%;
}

@media (max-width: 768px) {
.adminws-basicinfo{margin-top: 0;}
.adminws-basicinfo table{width: 100%; float: none;}
.adminws-basicinfo table th{width: 25%; padding-bottom: 5px;}
.adminws-basicinfo table td{width: 75%; padding-bottom: 5px;}    
}

/*主催者ワークショップ画像*/
.adminworkshop-img{display: inline-block; width: 150px; vertical-align: top; margin-left: 50px;}
.adminworkshop-img ul{list-style: none;}
.adminworkshop-img img{width: 150px !important; height: 150px !important; object-fit: cover !important; border:1px solid #e4e4e4; border-radius: 6px;}

@media (max-width: 768px) {
.adminworkshop-img{display: block; width: 100%; text-align: center; margin-bottom: 20px;}
.adminworkshop-img ul{list-style: none;}
.adminworkshop-img ul li{display: block; width: 100%; vertical-align: top;}
.adminworkshop-img img{width: 220px !important; height: 220px !important; object-fit: cover !important; border:1px solid #e4e4e4; border-radius: 6px;}    
}

/*企業・個人別出展者一覧*/
#lineup-cp{
    padding: 35px;
    background-color: #fff;
    border-radius: 20px;
    box-sizing: border-box;
    margin: 15px auto 0;
}
.table-typelist{width: 100%; box-sizing: border-box; border:none; border-collapse: collapse; margin-bottom: 50px; }
.table-typelist thead{border-bottom: 1px solid #ddd;}
.typelist-booth{width: 45%;}
.typelist-zonearea{width: 40%;}
.typelist-detail{}
.table-typelist thead th{text-align: left; padding: 20px 10px; font-weight: normal; }
.table-typelist tbody tr{border-bottom: 1px dashed #ddd;}
.table-typelist td{padding: 20px 10px;  /*font-size: 14px;*/  }
.table-typelist td.ex-btn{text-align: center;}
.table-typelist td.ex-btn a.btn{padding: 5px 10px; font-size: 90%;}
.lineup-cp-area span{display: none;}

@media (max-width: 599px) {
.table-typelist{margin-bottom: 0; border-top: 1px solid #ddd; }
 #lineup-cp{
    padding: 20px;
    border-radius: 12px;}
.table-typelist thead{display: none;}
.table-typelist tbody tr{border-bottom: 1px dashed #ddd;}
.table-typelist td{display: block; width: 100%; box-sizing: border-box; padding: 0;  /*font-size: 14px;*/  }
.table-typelist td.ex-btn{text-align: left; padding:10px 10px 18px;}
.table-typelist td.ex-btn a.btn{padding: 5px 15px; font-size: 90%;}
.lineup-cp-booth{padding: 13px 10px 0 !important;}    
.lineup-cp-area{padding: 7px 10px 0 !important; font-size: 13px ;}   
.lineup-cp-area span{display: inline;}
}

/*==================================================
主催者ワークショップ
================================================== */

#workshop{padding-bottom: 100px !important;}
/*#workshop .contents-area{width: 930px;}*/
#workshop.base-con{padding: 0;}
#workshop-top{padding-top: 80px;}
.workshop-top-txt{text-align: center; margin-bottom: 20px;}
.workshop-top-txt p{display: inline-block; text-align: left; width: 900px; margin-bottom: 30px;}
#workshop-top article{width: 900px; margin: 50px auto 0; padding-top: 30px; border-top: 1px dashed #ddd; text-align: center; clear: both;}
#workshop-top article.workshop-top-wc{padding-top: 10px;}
#workshop-top article h3{display: block; font-size: 150%; color: #E2002E; margin-bottom: 30px; line-height: 1.6em;}
#workshop-top article a.btn{display: block; width: 240px; margin: 30px auto 0; padding: 10px 0;}
#workshop-top article.workshop-top-wc a.btn{display:inline-block; width:200px; margin:30px 20px 0; padding:10px 0;}
#workshop-top article.workshop-top-wc .btn-2cols a.btn{width:324px; }

.workshop-info{clear: both; }
.workshop-info h2{font-size: 140% !important;}
.workshop-info h2 span{display: block; font-size: 65%; padding-top: 15px; color: #333;}
.workshop-info article{width: 860px; margin: 0 auto; border-top: 1px solid #ddd; padding:30px 0 50px;}
.ex-boothname{margin-top:15px;}

.workshop-info .exworkshop-txtinfo h3{display:block; margin: 15px 0 30px; font-size: 22px;}

@media (max-width: 768px) {
 #workshop-list h2.title-base{margin-bottom: 20px;}
/*#workshop .contents-area{width: 90%;}*/    
#workshop{padding-bottom: 30px !important;}    
#workshop-top{padding-top: 30px; margin-bottom: 30px;}
.workshop-top-txt p{display: block; width: 100%; margin: 0 auto 20px;}
#workshop-top article{width: 100%; margin: 30px auto 0; border-top: 1px dashed #ddd; text-align: center;}
#workshop-top article.workshop-top-wc{padding-top: 0;}	
#workshop-top article h3{font-size: 120%; }
#workshop-top article a.btn{width: 96%; margin: 30px auto 0; padding: 10px 0;}
#workshop-top article.workshop-top-wc a.btn{display:inline-block; width:45.2%; margin:30px 3px 0;}
#workshop-top article.workshop-top-wc .btn-2cols a.btn{width:92%; margin: 30px 0 0; }
.workshop-area-txt{width: 94%; margin: 0 auto; text-align: left;}
#workshop-list{margin-bottom: 30px;}
.workshop-info h2 span{display: block; font-size: 65%; padding-top: 15px; color: #333;}
.workshop-info article{width: 92%; margin: 0 auto; border-top: 1px solid #ddd; padding:30px 0 50px;}
.workshop-info .exworkshop-txtinfo h3{margin: 15px 0 30px;}
.ex-boothname{margin-top: 10px;}

.workshop-pre-btn a.btn{display: block; width: 100%; text-align: center; padding: 12px 0; margin:20px 0 30px;}
}

/*==================================================
PICKUP
================================================== */

#pickup #theme-hbs h3{margin-bottom: 30px; font-size: 120%;}
.pickup-catch{font-size: 110%;}
.pickup-contents{border-top: 1px solid #ddd; padding-top: 50px;}

@media (max-width: 767px) {
#pickup #theme-hbs h3 p{text-align: left; font-size: 95%;}
.pickup-catch{text-align: center !important; font-size: 110% !important;}
.pickup-contents{padding-top: 30px;}
}

#pickup-avenue article{border:5px solid #f5f5f5; padding:15px; width: 960px; margin: 0 auto 30px; display: table;}
.pickup-ex-info{display: table-cell; padding:10px 20px 10px 0; box-sizing: border-box; vertical-align: middle; width: 180px; text-align: center; border-right: 1px solid #f5f5f5;}
.pickup-ex-info img{width: 90%;}
.pickup-ex-txt{display: table-cell; width: 780px; box-sizing: border-box; padding: 10px 0 10px 30px; vertical-align: middle; text-align: left;}
.pickup-ex-txt img{width: 140px; height: 140px; object-fit: cover; float: right; margin-left: 5px;}
.pickup-ex-txt .btn{padding:8px 15px; font-size: 13px; margin-top: 25px;}
.title-boothname{display: block;  font-size: 16px; margin-bottom: 15px;}

#avenueonlyone{text-align: center; background: #fffdf1; padding-bottom: 50px;}
#avenueonlyone img{width: 600px; margin: 0 0 50px;}
#avenueonlyone .btn{display: block; width: 360px; margin: 50px auto 0;}

@media (max-width: 767px) {
#pickup-avenue article{padding:10px; width: 100%; margin: 0 auto 20px; display: block; box-sizing: border-box;}
.pickup-ex-info{display: block; padding:10px 0; width: 100%; text-align: center; border-right: none; border-bottom: 1px solid #f5f5f5;}
.pickup-ex-info img{width: 70%;}
.pickup-ex-txt{display: block; width: 100%; padding: 15px 0 ; }
.pickup-ex-txt img{width: 120px; height: 120px; object-fit: cover; display: block; float: right; margin-bottom: 5px;}
.pickup-ex-txt img.pickup-pic2{width: 100px; height: 100px;}
.pickup-ex-txt .btn{padding:10px 15px; }
    
#avenueonlyone{padding-bottom: 30px;}
#avenueonlyone img{width: 90%; margin: 0 0 30px;}
#avenueonlyone h3{display: block; width: 90%; margin: 0 auto;}    
#avenueonlyone .btn{width: 90%; box-sizing: border-box; margin: 30px auto 0;}    
}

/*おすすめPICK UP*/
.pickup-recommend-box{text-align: center;}
.pickup-recommend-box article{display: inline-block; width: 280px; margin: 0 20px 50px; vertical-align: top;}
.pickup-recommend-box article h4{display: block; font-size: 15px; color: #ef8fb9; margin: 0 0 10px;}
.pickup-recommend-box article img{width: 100%; border-radius: 8px;}
.pickup-recommend-box article span{display: block; margin: 10px 0 0; font-size: 13px; text-align: left;}
.pickup-recommend-box article a.btn{display: block; width: 45%; padding:5px 0; text-align: center; margin-top: 15px; font-size: 13px;}

@media (max-width: 767px) {
.pickup-recommend-box article{display: block; width: 90%; margin: 0 auto 20px; border-bottom: 1px dashed #ddd; padding-bottom: 20px;}
.pickup-recommend-box article img{width: 80%;}
.pickup-recommend-box article span{display: block; margin: 10px 0 0; font-size: 13px; text-align: left;}
#pickup-recommend #theme-hbs{padding-bottom: 0 !important;} 
#pickup-recommend p{text-align: left;}
#pickup-recommend .pickup-catch{font-size: 95% !important; text-align: center;}    
.pickup-recommend-box article a.btn{width: 100%; padding:8px 0;}
}

/*ワークショップ*/
#pickup-workshop{text-align: center; padding-bottom: 50px;}
.pickup-workshop-mainimg{text-align: center; margin-bottom: 40px;}
.pickup-workshop-mainimg img{width: 640px;}
.pickup-workshop-btn{text-align: center; margin: 50px 0 70px;}
.pickup-workshop-btn a.btn{display: inline-block; margin: 0 20px;}
#pickup-workshop article{display: inline-block; width: 360px; margin: 50px 40px 0; padding:5px 40px; vertical-align: top;}
#pickup-workshop article.box-pickup-workshop01{padding-right: 0;}
#pickup-workshop article.box-pickup-workshop02{border-left: 1px solid #f5f5f5; margin-left: 0;}
#pickup-workshop article img{width: 100%;}
#pickup-workshop article h4{display: block; font-size: 15px; color: #ef8fb9; margin: 0 0 10px; text-align: left;}
#pickup-workshop article p{display: block; margin: 10px 0 0; font-size: 13px; text-align: left;}

/*ハローサーカス*/
#hello-circus{width: 900px; margin: 50px auto; border:10px solid #f5f5f5; padding: 50px 40px; }
#hello-circus h4{display: block; margin: 0 0 30px; font-size: 15px; color: #e60012;}
.img-hc-logo{width: 160px; margin-bottom: 30px;}
.box-hc-01{display: inline-block; width: 420px; margin-right: 60px; margin-top: 50px; vertical-align: top; text-align: left;}
.box-hc-02{display: inline-block; width: 300px; vertical-align: top; text-align: left; margin-top: 50px;}
.pic-box-hc-01 img{width: 90px; height: 90px; object-fit: cover; margin: 0 5px;}
.box-hc-02 img{width: 100%;}
#hello-circus ul{margin: 30px 0 30px 20px;}

/*minne*/
#minne{width: 900px; margin: 50px auto; border:10px solid #EFE2D3; background: #EFE2D3; padding: 50px 40px; }
#minne h4{display: block; margin: 30px 0 0; font-size: 15px; }
.logo-minne img{width: 240px;}
.box-minne{text-align: left; margin: 50px auto; width: 800px;}
.box-minne img{width: 200px; float: right; margin-left: 20px;}
.pic-minne{text-align: center; margin: 0 5px 10px; font-size: 13px; display: inline-block; width: 180px; vertical-align: top;}
.pic-minne img{width: 120px; height: 120px; object-fit: cover; border-radius: 8px;}
.pic-minne h3{display: block; font-size: 13px;}
.pic-minne h3 span{display: block; font-size: 11px;}


@media (max-width: 767px) {
 #pickup-workshop{}
.pickup-workshop-mainimg{margin-bottom: 30px;}
.pickup-workshop-mainimg img{width: 100%;}
.pickup-workshop-btn{margin: 30px 0;}
.pickup-workshop-btn a.btn{display: block; width: 100%; box-sizing: border-box; margin: 0 auto 15px; padding:10px 0 !important;}
#pickup-workshop article{display: block; width: 100%; margin: 0 auto 20px; padding:0; padding-top: 20px; border-top: 1px solid #f5f5f5;}
#pickup-workshop article.box-pickup-workshop02{border-left: none;}
#pickup-workshop article h4{display: block; font-size: 15px; color: #ef8fb9; margin: 0 0 10px; text-align: left;}
#pickup-workshop article p{display: block; margin: 10px 0 0; font-size: 13px; text-align: left;}
#pickup-workshop #theme-hbs{width: 100%;  padding-bottom: 0 !important;} 
#pickup-workshop p{text-align: left;}
#pickup-workshop .pickup-catch{font-size: 95% !important; text-align: center;}   
    
/*ハローサーカス*/
#hello-circus{width: 100%; margin:30px auto; box-sizing: border-box; border:5px solid #f5f5f5; padding: 20px; font-size: 12px;}
#hello-circus h4{margin: 0 0 30px; font-size: 13px; }
.img-hc-logo{width: 30%; margin-bottom: 30px;}
.box-hc-01{display: block; width: 100%; margin: 30px auto;}
.box-hc-02{display: block; width: 100%; margin: 30px auto;}
.pic-box-hc-01 img{width: 60px; height: 60px; margin: 0 5px 0 0;}
.box-hc-02 img{width: 100%;}
#hello-circus ul{margin: 30px 0 20px 15px;}

/*minne*/
#minne{width: 100%; margin:30px auto 0; box-sizing: border-box; border:5px solid #EFE2D3; padding: 20px; font-size: 13px; }
#minne h4{display: block; margin: 20px 0 0; font-size: 13px; }
.logo-minne img{width: 60%;}
.box-minne{text-align: left; margin: 30px auto; width: 100%;}
.box-minne img{width: 100%; float: none; margin-left: 0; margin-bottom: 15px;}
.pic-minne{margin: 0 12px 10px; font-size: 11px; width: 40%; vertical-align: top;}
.pic-minne img{width: 100px; height: 100px;}
.pic-minne h3{display: block; font-size: 12px;}
.pic-minne h3 span{display: block; font-size: 10px;}    
}

@media (max-width: 767px) {
.pic-minne{margin: 0 10px 10px; font-size: 11px; width: 40%; vertical-align: top;}
.pic-minne img{width: 100px; height: 100px;}    
}

/*キッチン*/
#pickup-kitchen{text-align: center; }
.pickup-kitchen-mainimg{text-align: center; margin-bottom: 40px;}
.pickup-kitchen-mainimg img{width: 640px;}
#kitchen-menu article{width: 160px; min-height: 240px; float: left; margin: 0 20px 20px;}
#kitchen-menu article h3{display: block; font-size: 14px; font-weight: normal; text-align: center; margin-bottom: 5px;}
#kitchen-menu article span{display: block; font-size: 12px; color: #888;}
.kitchen-pic{text-align: center; margin-bottom: 10px;}
.kitchen-pic img{width: 120px; height: 120px; object-fit: cover; border-radius: 8px;}


@media (max-width: 767px) {
 #pickup-workshop{}
.pickup-kitchen-mainimg{margin-bottom: 30px;}
.pickup-kitchen-mainimg img{width: 100%;}
#kitchen-menu article{display: inline-block; width: 40%; min-height: inherit; margin: 0 12px 20px;}
#kitchen-menu article h3{display: block; font-size: 14px; font-weight: normal; text-align: center; margin-bottom: 5px;}
#kitchen-menu article span{line-height: 1.2em; font-size: 11px;}
.kitchen-pic{margin-bottom: 0;}
.kitchen-pic img{width: 100px; height: 100px; }    
}

/*同時開催MAKERS*/
#pickup-makers{border-top: none !important; text-align: center;}
.pickup-makers-mainimg{padding:50px 0; background:url(//hobbyshow.jp/site/hbs2019/data/bg_makers.jpg) repeat top center; background-size: 50%; margin-bottom: 50px;}
.pickup-makers-mainimg img{width: 420px;}
#pickup-makers a.btn{display: block; margin: 40px auto 0; width: 200px !important;}

@media (max-width: 767px) {
.pickup-makers-mainimg{padding:20px 0; background-size: 150%; margin-bottom: 30px;}
.pickup-makers-mainimg img{width: 80%;}
#pickup-makers a.btn{margin: 30px auto 0; width: 100% !important; box-sizing: border-box; padding:10px 0 !important;}
#pickup-makers #theme-hbs{width: 100%; padding-bottom: 0 !important;} 
#pickup-makers p{text-align: left;}
#pickup-makers .pickup-catch{font-size: 95% !important; text-align: center;}
}

/*同時開催ホビークッキングフェア*/
#pickup-hcf{border-top: none !important; text-align: center; padding-top: 70px !important;}
.pickup-hcf-mainimg{padding:0; background:#d81418; margin-bottom: 50px;}
.pickup-hcf-mainimg img{width: 420px; vertical-align: middle;}
#pickup-hcf a.btn{display: block; margin: 40px auto 0; width: 200px !important;}

@media (max-width: 767px) {
#pickup-hcf{padding-top: 50px !important;}
.pickup-hcf-mainimg{margin-bottom: 30px;}
.pickup-hcf-mainimg img{width: 90%;}
#pickup-hcf a.btn{margin: 30px auto 0; width: 100% !important; box-sizing: border-box; padding:10px 0 !important;}
#pickup-hcf #theme-hbs{width: 100%; padding-bottom: 0 !important;} 
#pickup-hcf p{text-align: left;}
#pickup-hcf .pickup-catch{font-size: 95% !important; text-align: center;}    
}

/*トライアルキットショップ*/
#trial{width: 900px; margin: 50px auto; border:10px solid #f5f5f5; padding: 50px 40px; }
#trial img{width: 100%; margin-bottom: 30px;}
#trial p{line-height: 2.0em; margin-bottom: 35px;}
#trial .btn{margin: 50px 0 0;}

@media (max-width: 767px) {
#trial{width: 100%; margin:30px auto; box-sizing: border-box; border:5px solid #f5f5f5; padding: 20px; font-size: 13px; }
    #trial .title-base{font-size: 16px;}
    #trial img{margin-bottom: 20px;}
#trial p{margin-bottom: 20px;}
#trial .btn{margin: 30px 0 0;}
}


/*==================================================
アクセス
================================================== */

#contents-access{
	padding: 50px 0 0;
}

#access p{text-align: center; margin-bottom: 40px;}

#access article{padding:50px 0; width: 800px; margin: 0 auto; text-align: center;}

#contents-access section.contents-area{
    width: 800px;
}

.page-access .page{
    padding-bottom: 0;
}

.page-access #btnarea-pagetop{
    margin-top: 0;
}

#contents-access .bg-w{
    padding-bottom: 75px;
}

@media (max-width: 768px) {

#contents-access{
	padding: 50px 0 0;
}

#access p{margin-bottom: 30px;}

#access article{padding:50px 0 35px; width: 90%; }

#contents-access section.contents-area{
    width: 90%;
}
    
#contents-access .bg-w img{
    width: 90%;
}

}

@media (max-width: 599px) {

#contents-access{
	padding: 20px 0 0;
}

#access p{margin-bottom: 25px;}

#access article{padding:30px 0 15px; }

}



/*==================================================
会場MAP
================================================== */

#map a.btn{display: block; width: 400px; margin: 30px auto;}


/*==================================================
covid-19
================================================== */

#exhibitor-covid19 > div.contents-area{
	padding: 50px 0 0;
}

.txt-lead{
	font-size: 22px;
	line-height: 2.0;
	text-align: center;
	margin-bottom: 50px;
}

#covid-icn{
	margin-bottom: 50px;
}

#covid-icn ul{
	list-style: none;
	text-align: center;
	display: flex;
}

#covid-icn ul li{
	width: calc(100%/5);
}

#covid-icn ul li img{
	width: 90%;
	vertical-align: bottom;
}

.covid-contents{
	margin-bottom: 50px;
	line-height: 2.0;
	word-break: break-all;
}

.ul-strong-title{
	margin: 0 0 0 20px;
}

.ul-strong-title li strong{
	color: #6C68A4;
	display: block;
}

@media (max-width: 599px) {
	
#exhibitor-covid19 > div.contents-area{
	padding: 35px 0 0;
}

.txt-lead{
	font-size: 15px;
	line-height: 1.8;
	text-align: justify;
	margin-bottom: 35px;
}

#covid-icn{
	margin-bottom: 35px;
}

#covid-icn ul{
	display: block;
}

#covid-icn ul li{
	display: inline-block;
	margin-bottom: 20px;
	width: 31%;
}

#covid-icn ul li img{
	width: 95%;
}

.covid-contents{
	margin-bottom: 35px;
}

.ul-strong-title{
	margin: 0 0 0 20px;
}
	
}

/*==================================================
sustainablezone
================================================== */

#sustainablezone > div.contents-area{
	padding: 50px 0 0;
}

#sustainablezone .txt-lead{
	font-size: 15px;
}

#sustainablezone .txt-lead strong{
	display: block;
	font-size: 24px;
	margin-bottom: 50px;
}

#sus-system{
	background: #f4f4f4;
}

#sus-merit ul,
#sus-system ul{
	text-align: left;
}

.imgsus{
	text-align: center;
}

.imgsus img{
	width: 60%;
	vertical-align: bottom;
}

#sus-system article.half-box{
	background: #fff;
	box-sizing: border-box;
	padding: 30px 20px;
	min-height: 600px;
}

#sus-system article.half-box > p{
	text-align: left;
}

#sus-merit{
	padding-top: 0 !important;
}

#sus-cooperate{
	text-align: center;
	line-height: 2.0;
}

.pic-sus{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	margin-top: 50px;
}

.pic-sus li{
	width: calc(100%/4);
}

.pic-sus li img{
	width: 94%;
	vertical-align: bottom;
}

.list-sustainablezone-exhibitor{
	background: #fff;
	padding: 30px;
	margin-bottom: 35px;
	position: relative;
}

.list-sustainablezone-exhibitor p{
	margin: 0;
}

.list-sustainablezone-exhibitor h3{
	display: block;
	font-size: 16px;
	margin-bottom: 15px;
}

.list-sustainablezone-exhibitor a.btn{
	position: absolute;
    top: 20px;
    right: 20px;
    padding: 5px 30px;
}


@media (max-width: 599px) {
	
#sustainablezone > div.contents-area{
	padding: 35px 0 0;
}

#sustainablezone .txt-lead{
	font-size: 14px;
}

#sustainablezone .txt-lead strong{
	display: block;
	font-size: 18px;
	margin-bottom: 20px;
}

#sus-merit ul,
#sus-system ul{
	text-align: left;
}

.imgsus{
	text-align: center;
}

.imgsus img{
	width: 60%;
	vertical-align: bottom;
}

#sus-system article.half-box{
	padding: 25px 15px;
	min-height: inherit;
	margin-bottom: 15px;
}
	
	#sus-system .title-basic{
		text-align: center;
	}

#sus-merit{
	padding-top: 0 !important;
}

.pic-sus{
	margin-top: 35px;
}

.pic-sus li{
	width: calc(100%/2);
	margin-bottom: 10px;
}

#sus-cooperate{
	text-align: left;
	line-height: 2.0;
}

.list-sustainablezone-exhibitor a.btn{
	position: relative;
    top: inherit;
    right: inherit;
    padding:5px 0;
	    margin: 25px auto 0;
    display: block;
    text-align: center;
    width: 100%;
}
	
}

/*==================================================
オンラインサービス
================================================== */

#exhibitor-online > div.contents-area{
	padding: 50px 0 0;
}

.info-online{
	width: 48%;
	float: left;
	line-height: 2.0;
}

.img-online{
	width: 45%;
	float: right;
}

.img-online img{
	width: 100%;
	vertical-align: bottom;
	border: 1px solid #f4f4f4;
	padding: 20px;
	box-sizing: border-box;
}

.online-contents{
	padding-bottom: 35px;
	clear: both;
}

.online-contents > div{
	padding: 0 35px;
}

.online-strong{
	display: block;
	font-size: 18px;
	margin-bottom: 30px;
	color: #D80A30;
}

.online-strong span{
	display: inline-block;
	border-radius: 20px;
	font-size: 13px;
	color: #fff;
	background: #D80A30;
	margin-right: 12px;
	vertical-align: middle;
	padding: 1px 12px;
}

.box-online{
	padding-bottom: 40px !important;
	border-bottom: 1px dotted #ddd;
	margin-bottom: 40px;
}

@media (max-width: 767px) {
	
#exhibitor-online > div.contents-area{
	padding: 35px 0 0;
}

.info-online{
	width: 100%;
	float: none;
	line-height: 2.0;
	margin-bottom: 25px;
}

.img-online{
	width: 100%;
	float: none;
}

.online-contents{
	padding-bottom: 0;
}

.online-contents > div{
	padding: 0 20px 35px;
}

.online-strong{
	font-size: 16px;
	margin-bottom: 25px;
}

.online-strong span{
	font-size: 12px;
}

.box-online{
	padding-bottom: 25px !important;
	margin-bottom: 25px;
}	
	
}

#online-option{
	padding: 50px 0;
	background: #BF98C5;
}

#online-option p.txt-lead{
	color: #fff;
}

.online-option-box{
	background: #fff;
	box-sizing: border-box;
	padding: 50px 35px;
	margin-bottom: 35px;
}

.price-op{
	margin: 0 0 35px;
	font-size: 18px;
}

.price-op small{
	display: block;
	font-size: 13px;
}

@media (max-width: 767px) {

#online-option{
	padding: 35px 0;
}

.online-option-box{
	padding: 35px 20px;
	margin-bottom: 20px;
}

.price-op{
	margin: 0 0 25px;
	font-size: 16px;
}

.price-op small{
	font-size: 12px;
}
	
}

/*==================================================
クラウドファンディング支援者一覧
================================================== */

#mv-supporter img{
	vertical-align: bottom;
}

.link{
	background: #f4f4f4;
	text-align: center;
	padding: 20px 0;
	margin-bottom: 50px;
}

.link a{
	font-weight: bold;
	font-size: 18px;
}

#contents-supporter p{
	line-height: 2.0;
}

#list-supporter{
	position: relative;
	padding-top: 35px;
}

#list-supporter > span{
	position: absolute;
	top: 35px;
	right: 0;
	font-size: 13px;
}

#list-supporter > h3{
	display: block;
	font-size: 22px;
	margin-bottom: 35px;
	border-left: 5px solid #e2002e;
	padding: 2px 0 2px 12px;
	line-height: 1;
}

#list-supporter ul{
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#list-supporter ul li{
	width: calc(100%/5);
	padding: 8px 0;
	font-size: 14px;
}

#list-supporter ul.ul-over10{
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #efefef;
}

#list-supporter ul.ul-over10 li{
	width: calc(100%/3);
	font-size: 18px;
	padding: 10px 0;
}

@media (max-width: 767px) {

.link{
	padding: 15px 0;
	margin-bottom: 15px;
}

.link a{
	font-size: 13px;
}

#contents-supporter p{
	line-height: 1.7;
}

#list-supporter{
	position: relative;
	padding-top: 25px;
}

#list-supporter > span{
	font-size: 11px;
	top: 25px;
}

#list-supporter > h3{
	font-size: 16px;
	margin-bottom: 25px;
	padding: 2px 0 2px 10px;
}

#list-supporter ul li{
	width: calc(100%/2);
	padding: 8px 0;
	font-size: 13px;
}

#list-supporter ul.ul-over10{
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#list-supporter ul.ul-over10 li{
	width: calc(100%/2);
	font-size: 15px;
	padding: 8px 0;
}
	
}

/*==================================================
YouTubeチャンネル一覧
================================================== */

.ul-yt-channel{
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.ul-yt-channel li{
	width: 300px;
	margin-right: 48px;
	margin-bottom: 50px;
	border: 1px solid #5ac800;
	border-top: 6px solid #5ac800;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    background-color: #fff;
}

.ul-yt-channel li:nth-of-type(3n){
	margin-right: 0;
}

.ul-yt-channel li img{
	width: 100%;
	vertical-align: bottom;
}

.ul-yt-channel li a{
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 20px;
	color: #585858 !important;
}

.ul-yt-channel li:hover{
    background-color: #fdd300;
}

.title-channel{
	display: block;
	font-size: 20px;
	margin-bottom: 15px;
}

.title-channel span{
	display: block;
	font-size: 70%;
	margin-top: 6px;
}

.txt-ytchannel{
	text-align: center;
	padding: 50px 0;
}

@media (max-width: 767px) {

.txt-ytchannel{
	padding: 25px 0;
}

.ul-yt-channel li{
	width: 100%;
	margin: 0 auto 20px !important;
}

.ul-yt-channel li:nth-of-type(3n){
	margin-right: auto;
}

.title-channel{
	font-size: 18px;
	margin-bottom: 12px;
}

.title-channel span{
	font-size: 54%;
	margin-top: 5px;
}

.ul-yt-channel li a{
	min-height: inherit;
}
	
}




/*==================================================
layout
================================================== */

#layout{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-bottom: 35px;
	text-align: center;
}

#layout p{
    font-size: 13px;
    text-align: right;
}

@media (max-width: 767px) {
	
#layout{
	margin-bottom: 30px;
}

#layout p{
    font-size: 12px;
    text-align: center;
    margin: 0;
}	
	
}

/*==================================================
message
================================================== */

#message{
	background: #f4f4f4;
	padding: 70px 0 85px;
	line-height: 2.0;
}

#message.top-message{
    background: #fff;
}


.pic-ehara{
	width: 200px;
	float: right;
	margin: 0 0 10px 50px;
}

.message-name{
	margin-top: 30px;
	text-align: right;
}

#message p{
	margin-bottom: 30px;
}

@media (max-width: 767px) {
	
#message{
	padding: 40px 0 50px;
}

.pic-ehara{
	width: 38%;
	margin: 0 0 10px 30px;
}
	
}

/*==================================================
限定キット紹介・販売 （一覧）
================================================== */

#contents-kit{
	background: #f4f4f4;
	padding-top: 105px !important;
}

#contents-kit .contents-area{
	padding: 50px 0;
}

.ul-kit{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

.ul-kit > li{
	width: 485px;
	margin-right: 30px;
	margin-bottom: 30px;
	box-sizing: border-box;
	background: #fff;
	padding: 10px 15px 15px;
	border: 1px solid #ddd;
	border-top: 3px solid #E2002E;
}

.ul-kit > li:nth-of-type(2n){
	margin-right: 0;
}

.ul-kit > li > a:hover{
	background: #f4f4f4;
	border-color: #E2002E;
}

.img-kit{
	text-align: center;
	margin: 10px 0 0;
}

.img-kit img{
	display: block;
	width: 110px;
	height: 110px;
	margin: 0 auto;
	object-fit: cover;
	vertical-align: bottom;
}

.img-kit > ul{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	margin-top: 10px;
}

.img-kit > ul > li{
	width: calc(100%/4);
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 1.3;
}

.ul-kit > li > a > h3{
	display: block;
	font-size: 15px;
}

.kit-category > ul{
	list-style: none;
	text-align: left;
}

.kit-category > ul > li{
	display: inline-block;
	margin-right: 2px;
	margin-bottom: 3px;
}

.kit-category > ul > li > span{
	display: inline-block;
	border-radius: 4px;
	font-size: 10px;
	background: #fef3e6;
	padding: 1px 3px;
}

.product-name{
	margin: 5px auto 0;
	text-align: left;
}

.product-name small{
	display: block;
	text-align: center;
	margin-top: 5px;
}

@media (max-width: 767px) {

#contents-kit{
	padding-top: 66px !important;
}

#contents-kit .contents-area{
	padding: 35px 0;
}

.ul-kit > li{
	width: 100%;
	margin-right: 0;
	padding: 15px;
	margin-bottom: 15px;
}

.img-kit img{
	width: 96%;
	height: 39.2vw;
}

.img-kit > ul{
	margin-top: 10px;
}

.img-kit > ul > li{
	width: calc(100%/2);
	margin-bottom: 15px;
	font-size: 12px;
	line-height: 1.3;
}

.ul-kit > li > a > h3{
	font-size: 14px;
}
	
}


.box-kit-search{
	background: #fff;
	padding: 30px 50px 0;
	width: 99%;
	margin: 0 auto 30px;
	box-sizing: border-box;
}

.box-kit-search table{
	width: 100%;
}

.box-kit-search-category article{
	border-bottom: 1px dotted #ddd;
	padding-bottom: 12px;
	margin-bottom: 12px;
}

.box-kit-search-category h3{
	display: block;
	font-size: 14px;
	margin-bottom: 15px;
	border-left: 5px solid #000;
	padding: 1px 0 1px 10px;
}

.box-kit-search label{
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
}

.box-kit-search label input[type="checkbox"]{
	margin-right: 6px;
	vertical-align: middle;
}

.other-box{
	margin-top: 10px;
}

.other-box input{
	width: 90%;
}

.box-kit-search .btn-area{
	padding: 25px 0;
	background: none;
    margin-top: 0;
}

.box-kit-search button.btn-grey{
	margin-left: 30px;
}

@media (max-width: 767px) {

.box-kit-search{
	padding: 10px;
	width: 100%;
	margin: 0 auto 20px;
}

.box-kit-search-category article{
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.box-kit-search-category h3{
	font-size: 14px;
	margin-bottom: 12px;
}

.box-kit-search label{
	margin-right: 5px;
}

.other-box input{
	width: 95%;
}

.box-kit-search label input[type="checkbox"]{
	margin-right: 4px;
}

.box-kit-search .btn-area{
	padding: 15px 0;
}
	
.box-kit-search .table th{
    display: block;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    border: none;
    font-size: 13px;
    padding: 10px 0;
}

.box-kit-search .table td{
    display: block;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    padding: 12px 10px 15px;
    border: none;
    font-size: 13px;
}

.box-kit-search button.btn-grey{
	    margin-left: auto;
    margin-top: 15px;
    font-size: 13px;
    padding: 10px ;
}
	
}

/*==================================================
Avenue
================================================== */

.ul-avenue{
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.ul-avenue li{
	width: 320px;
	margin-bottom: 20px;
	box-sizing: border-box;
	border:1px solid #e2002e;
	border-top: none;
	padding-bottom: 20px;
	margin-right: 20px;
}

.ul-avenue li:nth-of-type(3n){
	margin-right: 0;
}

.title-avenue-ex{
	display: block;
	padding: 8px 7px;
	font-size: 14px;
	color: #fff;
	text-align: left;
	background: #e2002e;
}

.avenue-catch{
	color: #e2002e;
	margin: 20px auto 12px;
	width: 90%;
}

.avenue-txt{
	width: 90%;
	margin: 0 auto 12px;
	font-size: 13px;
}

.avenue-img{
	text-align: center;
}

.avenue-img img{
	width: 41%;
	margin: 0 5px;
	vertical-align: middle;
}

#avenueRo .txt-ytchannel{
	padding: 20px 0;
}

@media (max-width: 767px) {

.ul-avenue{
	display: block;
}

.ul-avenue li{
	width: 100%;
	margin-bottom: 20px;
	margin-right: 0;
}

.ul-avenue li:nth-of-type(3n){
	margin-right: 0;
}

.title-avenue-ex{
	font-size: 16px;
}

.avenue-catch{
	font-size: 16px;
}

.avenue-txt{
	font-size: 14px;
}

#avenueRo .txt-ytchannel{
	padding: 20px 0 0;
}
	
}

/*==================================================
サステナブルゾーン
================================================== */

#contents-sustainablezone{
	padding: 50px 0;
	background: #fdf7fa;
}

#contents-sustainablezone .ul-special > li h3{
	color: #6C68A4 !important;
}

#contents-sustainablezone .ul-special  > li h3 span{
	border-color: #6C68A4 !important;
}

#contents-sustainablezone .btn-area{
	background: none !important;
	padding-top: 20px;
}

@media (max-width: 767px) {

#contents-sustainablezone{
	padding: 25px 0;
}
	
}

.box-link-page{
	background: #fff;
	padding: 10px;
	border-radius: 6px;
	text-align: center;
	margin-bottom: 50px;
}

.box-link-page ul{
	list-style: none;
	display: flex;
}

.box-link-page ul li{
	width: calc(100%/4);
	height: 80px;
}

.box-link-page ul li a{
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
	width: 95%;
	margin: 0 auto;
	border-radius: 6px;
	color: #4d4d4d;
	background-color: #6C68A4;
	font-size: 11px;
	text-decoration: none;
	position: relative;
	line-height: 1.6;
}

.box-link-page ul li a:hover{
	opacity: 0.7;
}

.box-link-page ul li a i{
	position: absolute;
	top: 50%;
	margin-top: -6px;
	font-size: 12px;
	right: 7px;
}

#con-sus > li{
	width: 100% !important;
	margin-right: 0 !important;
}

#con-sus .img-special{
	width: 270px;
	float: right;
}

.p-sus{
	width: 580px;
	float: left;
}

.p-sus small{
	display: block;
	padding-top: 12px;
}

.box-sus{
	padding: 35px;
}

.sus-workshop{
	padding: 15px 35px 50px;
}

.title-sus-workshop{
	display: block;
	margin-bottom: 35px;
	font-weight: normal;
}

.title-sus-workshop span{
	display: inline-block;
	margin-right: 20px;
	color: #fff;
	background: #6C68A4;
	font-size: 15px;
	padding: 10px 25px;
}

.box-sus-workshop{
	display:table;
	border: 1px solid #6C68A4;
	margin-bottom: 25px;
	width: 100%;
}

.box-sus-workshop > div{
	display: table-cell;
	vertical-align: middle;
}

.sus-ws-day{
	width: 10%;
	text-align: center;
	background: #6C68A4;
	color: #fff;
}

.sus-ws-info{
	padding: 25px;
	box-sizing: border-box;
}

.sus-ws-info h5{
	display: block;
	font-size: 18px;
	color: #6C68A4;
	margin-bottom: 20px;
}

.sus-ws-info h5 span{
	color: #585858;
	padding-left: 20px;
}

p.sus-ws-basicinfo{
	margin: 0 15px 20px;
	font-size: 13px;
}

.img-susws-01,
.img-susws-02{
	width: 220px;
	float: right;
	margin-left: 25px;
	margin-bottom: 20px;
}

.img-susws-03{
	width: 280px;
	float: right;
	margin-left: 25px;
	margin-bottom: 20px;
}

.img-susws-04,
.img-susws-05,
.img-susws-06{
	width: 180px;
	float: right;
	margin-left: 25px;
	margin-bottom: 20px;
}

.sus-ws-info .btn-area{
	text-align: left;
	padding: 0 !important;
	padding-top: 15px;
}

.sus-ws-info .btn-area a{
	padding: 0 30px;
	height: 44px;
	line-height: 42px;
}

.susws-day{
	margin: 30px 0;
}

.susws-day span{
	display: inline-block;
	background: #6C68A4;
	padding: 5px 15px;
	margin-right: 10px;
	color: #fff;
	vertical-align: middle;
}

.susws-day p{
	display: inline-block;
	padding: 5px 15px;
	vertical-align: middle;
	margin: 0;
}

#sustainablezone-03 .img-special ul li{
	width: 50%;
}

#sus-ws-02 .susws-day{
	margin: 10px 0;
}

#sus-ws-02 .susws-day span {
    width: 110px;
    padding: 5px 0;
	text-align: center;
}

#sus-ws-02 a.btn{
	margin-top: 35px !important;
}

.img-sus-fl{
	width: 220px;
	float: right;
}

.img-sus-fl img{
	width: 100%;
	margin-bottom: 5px;
	vertical-align: bottom;
}

.special05-01{
	width: 60%;
	padding-left: 30%;
}

.img-special05{
	padding: 0 35px;
}

.img-special05 img{
	height: 167px; 
	margin-right: 5px;
}

@media (max-width: 767px) {

.box-link-page{
	padding: 10px 10px 0;
	margin-bottom: 20px;
}

.box-link-page ul{
	flex-direction: row;
	flex-wrap: wrap;
}

.box-link-page ul li{
	width: calc(100%/2);
	height: 60px;
	margin-bottom: 10px;
}

.box-link-page ul li a{
	width: 96%;
	font-size: 11px;
	line-height: 1.5;
}

.box-link-page ul li a i{
	margin-top: -5px;
	font-size: 10px;
}

#con-sus .img-special{
	width: 100%;
	float: none;
}

.p-sus{
	width: 100%;
	float: none;
}

.box-sus{
	padding: 25px 20px 0;
}

.sus-workshop{
	padding: 15px 20px 30px;
}

.title-sus-workshop{
	margin-bottom: 25px;
}

.title-sus-workshop span{
	font-size: 14px;
	padding: 8px 20px;
}

.box-sus-workshop{
	display:block;
	margin-bottom: 20px;
}

.box-sus-workshop > div{
	display: block;
}

.sus-ws-day{
	width: 100%;
	padding: 5px 0;
}

.sus-ws-info{
	padding: 25px;
}

.sus-ws-info h5{
	font-size: 15px;
}
	
.sus-ws-info h5 span {
    display: block;
    padding-left: 0;
    text-align: right;
}

p.sus-ws-basicinfo{
	font-size: 12px;
	margin: 0 0 20px;
}

.img-susws-01{
	width: 100%;
	float: none;
	margin: 0 0 15px;
}

.img-susws-01,
.img-susws-02{
	width: 100%;
	float: none;
	margin: 0 0 15px;
}

.img-susws-03{
	width: 100%;
	float: none;
	margin: 0 0 15px;
}

.img-susws-04,
.img-susws-05,
.img-susws-06{
	width: 100%;
	float: none;
	margin: 0 0 15px;
}

.sus-ws-info .btn-area{
	padding-top: 25px;
}

.sus-ws-info .btn-area a{
	padding: 0;
}

.susws-day{
	margin: 20px 0;
}

.susws-day span{
	padding: 2px 4px 2px 6px;
	margin-right: 5px;
	font-size: 12px;
}

.susws-day p{
	display: block;
	padding: 0;
	margin: 10px 0 0;
	font-size: 13px;
}

.img-sus-fl{
	width: 100%;
	float: none;
	text-align: center;
	margin-bottom: 15px;
}

.img-sus-fl img{
	width: 49%;
	margin-bottom: 0;
}

.special05-01{
	width: 60%;
	padding-left: 0;
	margin-top: 20px;
}

.img-special05{
	text-align: center;
}

.img-special05 img{
	height: auto;
	width: 100%;
	margin-right: 0;
}

	
}


/*==================================================
スペシャル企画 
================================================== */

#link-special ul li a{
	background: #5ac800;
}

#link-special ul li a small{
	font-size: 10px;
}

#con-special > li{
	width: 100% !important;
	margin-right: 0 !important;
}

#con-special .img-special{
	width: 300px;
	float: right;
}

.img-susws-07{
	width: 220px;
	float: right;
	margin-left: 25px;
	margin-bottom: 20px;
}

.img-susws-08{
	width: 160px;
	float: right;
	margin-left: 25px;
	margin-bottom: 20px;
}

.img-susws-09{
	width: 200px;
	float: right;
	margin-left: 25px;
	margin-bottom: 20px;
}

.img-susws-10{
	width: 220px;
	float: right;
	margin-left: 25px;
	margin-bottom: 20px;
}

.img-susws-11{
	width: 220px;
	float: right;
	margin-left: 25px;
	margin-bottom: 20px;
}

#con-special .title-sus-workshop span,
#con-special .sus-ws-day{
	background: #E2002E;
}

#con-special .box-sus-workshop{
	border-color: #e2002e;
}

#con-special .sus-ws-info h5{
	color: #e2002e;
}

#btn-area-ws a{
	height: auto;
	line-height: 1.6;
	padding: 10px 80px;
	border-radius: 40px;
}

#btn-area-ws a small{
	display: block;
	font-size: 60%;
}

#special-06 .susws-day span{
	background: #e2002e;
}

.img-susws-14 {
    width: 220px;
    float: right;
    margin-left: 25px;
    margin-bottom: 20px;
}

.img-susws-15 {
    width: 220px;
    float: right;
    margin-left: 25px;
    margin-bottom: 20px;
}

#special-07 .btn-area{
	text-align: left;
}

@media (max-width: 767px) {
	#link-special{
		padding: 10px 5px 0;
	}
#link-special ul li a{
	font-size: 10px;
	line-height: 1.4;
}

#con-special .img-special{
	width:100%;
	float: none;
}

#btn-area-ws a{
	padding: 10px 0;
	width: 100%;
	margin-bottom: 15px !important;
}
	
}

/*==================================================
スペシャル企画 追加
================================================== */

.header-sus-ws{
	position: relative;
	padding-bottom: 25px;
}

.sus-ws-cate{
	display: inline-block;
	border-radius: 40px;
	background: #6C68A4;
	color: #fff;
	height: 44px;
	line-height: 44px;
	padding: 0 15px;
}

.sus-ws-meta{
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}

.sus-ws-meta span{
	display: inline-block;
	background: #6C68A4;
	color: #fff;
	height: 36px;
	line-height: 36px;
	padding: 0 12px;
	margin-left: 10px;
}

.sus-ws-meta span.shuroku{
	background: #0071bc;
}

#con-special #special-04 .sus-ws-info h5{
	color: #6C68A4 !important;
}

#special-04 p.sus-ws-basicinfo{
	margin: 0;
	font-size: 14px;
}

#special-04 .susws-day span{
	background: #E2002E !important;
}

.sus-ws-profbox{
	background: #f7f7f7;
	padding: 25px;
	font-size: 13px;
	margin-top: 15px;
}

.sus-ws-profbox h5{
	display: block;
	margin-bottom: 15px;
	font-size: 16px;
}

#con-special #special-04 .sus-ws-info .sus-ws-profbox h5{
	color: #585858 !important;
}

.sus-ws-profbox img{
	width: 120px;
	float: right;
	margin: 0 0 15px 25px;
}

#special-04 a.btn-purple{
	background: #fff !important;
	color: #6C68A4 !important;
}

#special-04 a.btn-purple:hover{
	background: #6C68A4 !important;
	color: #fff !important;
}

#special-04 .btn-area{
	text-align: center;
	padding: 30px 0 0 !important;
}

.sus-ws-prof-link a{
	font-size: 24px;
}

.info-sus-ws-l{
	width: 580px;
	float: left;
}

.img-sus-ws-r{
	float: right;
	text-align: right;
}

.img-sus-ws-r img{
	vertical-align: bottom;
	float: right;
}

.img-sus-ws-sub{
	width: 100px;
    padding-top: 60px;
    padding-right: 10px;
}

.img-sus-ws-main{
	width: 160px;
}

#special-04 .susws-day{
	margin: 10px 0;
}

.box-att-susW{
	margin-bottom: 35px;
	border-left: 1px solid #e2002e;
	padding: 15px 0 15px 25px;
}

.box-att-susW p{
	display: flex;
	margin-bottom: 25px;
}

.box-att-susW p strong{
	width: 15%;
}

.box-att-susW p span{
	width: 85%;
}

.attension-susW{
	padding: 0 35px;
}

.attension-susW p{
	margin-bottom: 25px;
}

.attension-susW p strong{
	display: block;
}

#special-04 > div.btn-area{
	margin: 0 auto 30px;
	padding-top: 0 !important;
	border-bottom: 3px dotted #fdf7fa;
	padding-bottom: 30px !important;
}

img.special07{
	width: 100%;
	vertical-align: bottom;
	margin-top: 25px;
}

@media (max-width: 767px) {

.header-sus-ws{
	position: relative;
	padding-bottom: 10px;
}
	
.sus-ws-cate{
	display: block;
	border-radius: 6px;
	height: auto;
	line-height: 1.5;
	padding: 6px 10px;
	margin-bottom: 10px;
}	

.sus-ws-meta{
	display: block;
	width: 100%;
	position: relative;
	top: inherit;
	right: inherit;
	text-align: left;
	padding-top: 0;
}

.sus-ws-meta span{
	height: 28px;
	line-height: 28px;
	padding: 0 7px;
	margin: 0 7px 0 0;
	font-size: 12px;
}
	
	#con-special #special-04 .sus-ws-info h5{
		margin-bottom: 10px;
	}

#special-04 p.sus-ws-basicinfo{
	font-size: 13px;
	margin-bottom: 10px;
}

.sus-ws-profbox{
	padding: 15px;
	margin-top: 0;
}

.sus-ws-profbox h5{
	font-size: 15px;
}

.sus-ws-profbox img{
	width: 35%;
	margin: 0 0 10px 15px;
}

#special-04 .btn-area{
	padding: 25px 0 0 !important;
}

.sus-ws-prof-link a{
	font-size: 24px;
}

.info-sus-ws-l{
	width: 100%;
	float: none;
}

.img-sus-ws-r{
	float: none;
	text-align: center;
	padding-bottom: 0;
}
	
	.img-sus-ws-r img{
		float: none !important;
	}

.img-sus-ws-main{
	width: 48%;
	margin-right: 4%;
}

.img-sus-ws-sub{
	width: 48%;
	padding: 0;
}
	
	#special-04 .susws-day p{
		display: inline-block;
		padding-left: 10px;
		margin: 0 ;
		vertical-align: middle;
	}
	
	#special-04 .title-sus-workshop span{
		margin-bottom: 10px;
	}

.box-att-susW{
	margin-bottom: 20px;
	padding: 5px 0 0px 15px;
}

.box-att-susW p{
	display: block;
	margin-bottom: 25px;
}

.box-att-susW p strong{
	display: block;
	width: 100%;
}

.box-att-susW p span{
	display: block;
	width: 100%;
}

.attension-susW{
	padding: 0 20px;
}

.attension-susW p{
	margin-bottom: 25px;
}

#special-04 > div.btn-area{
	margin: 0 auto 20px;
}

img.special07{
	margin-top: 5px;
}
	
}

/*==================================================
PR出展
================================================== */

#link-pr.box-link-page ul li a{
	background-color: #37798d;
	font-size: 12px;
}

#con-pr > li {
    width: 100% !important;
    margin-right: 0 !important;
}

#contents-pr .ul-special > li h3 {
    color: #37798d !important;
}

#contents-pr .ul-special > li h3 span {
    border-color: #37798d !important;
}

#contents-pr{
	padding: 50px 0;
	background: #fdf7fa;
}

.img-pr{
	margin: 0 35px 0;
	display: flex;
}

.pr01-01, .pr01-02, .pr01-03{height: 235px;}
.pr01-04{width: 220px;}

#con-pr .img-special{
	width: 250px;
	float: right;
}

#pr-01 .img-pr{
	padding-bottom: 10px;
}

#pr-01 .img-pr img{
	height: 240px;
}

img.pr-nivea01{
	margin-right: 10px;
}

.txt-right{
	margin: 0 0 10px;
	text-align: right;
}

img.pr-agf01{width: 100%;}

#pr-02 .img-pr img{
	height: 302px;
	margin-right: 10px;
}

img.pr-agf04{margin-right: 0;}

img.pr-shuminavi01{width: 80%;margin-bottom: 10px; vertical-align: bottom;}
img.pr-shuminavi02{width: 46%;margin-right: 2%; vertical-align: bottom;}
img.pr-shuminavi03{width: 46%; vertical-align: bottom;}

@media (max-width: 767px) {

#contents-pr{
	padding: 35px 0;
}

.img-pr{
	margin: 0 20px 0;
	display: block;
}

.pr01-01, .pr01-02, .pr01-03{height: auto; width: 100%; margin-bottom: 5px;}	
	
.pr01-04{width: 100%;}

#con-pr .img-special{
	width: 100%;
	float: none;
	text-align: center;
}
	
#pr-01 .img-pr{
	padding-bottom: 0;
}

#pr-01 .img-pr img{
	height: auto;
	width: 100%;
	margin-bottom: 10px;
}

.txt-right{
	font-size: 12px;
	margin-top: 0;
	padding-right: 10px;
}

img.pr-nivea01{
	margin-right: 0;
}

img.pr-agf01{width: 100%;}

#pr-02 .img-pr img{
	height: auto;
	width: 100%;
	margin: 0 0 10px 0;
}

img.pr-shuminavi01{width: 80%;margin-bottom: 10px; vertical-align: bottom;}
img.pr-shuminavi02{width: 46%;margin-right: 2%; vertical-align: bottom;}
img.pr-shuminavi03{width: 46%; vertical-align: bottom;}
	
}

/*==================================================
サステナブルゾーン追加
================================================== */

.kanren-book{
	padding: 0 35px 50px;
}

.kanren-book > p{
	font-size: 18px;
}

.kanren-book article{
	display: flex;
}

.kanren-book article > div{
	width: 50%;
	display: table;
}

.kanren-book-img{
	display: table-cell;
	width: 30%;
}

.kanren-book-img img{
	width: 100%;
	vertical-align: middle;
}

.kanren-book-txt{
	display: table-cell;
	vertical-align: middle;
	width: 55%;
	padding-left: 5%;
	padding-right: 10%;
	font-size: 13px;
}

.kanren-book-txt h5{
	display: block;
	margin-bottom: 12px;
	font-size: 16px;
}

#sus-ws-18 .susws-day p,
#sus-ws-20 .susws-day p{
	width: 80%;
}

#sus-ws-18 .susws-day span{
	vertical-align: top;
	margin-top: 20px;
}

#sus-ws-18 .susws-day p strong{
	display: block;
	font-size: 16px;
	margin: 15px 0 0;
}

@media (max-width: 767px) {

.kanren-book{
	padding: 0 20px 0;
}

.kanren-book > p{
	font-size: 16px;
}

.kanren-book article{
	display: block;
}

.kanren-book article > div{
	width: 100%;
	padding-bottom: 20px;
}

.kanren-book-img{
	width: 20%;
}

.kanren-book-txt{
	width: 75%;
	padding-left: 5%;
	padding-right: 0;
	font-size: 13px;
}

.kanren-book-txt h5{
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 1.5;
}

#sus-ws-18 .susws-day p,
#sus-ws-20 .susws-day p{
	width: 100%;
}
	
	#sus-ws-18 .img-sus-fl img,
	#sus-ws-20 .img-sus-fl img{
		width: 100%;
		margin-bottom: 5px;
	}

#sus-ws-18 .susws-day span{
	vertical-align: top;
	margin-top: 0;
}

#sus-ws-18 .susws-day p strong{
	font-size: 15px;
	margin: 12px 0 0;
}
	
}

/*==================================================
サステナブルマルシェ
================================================== */

li#sMarche-01{
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

#contents-sMarche{
	padding-top: 50px;
}

#title-sMarche-class{
	background: #579c47;
	font-size: 25px;
	padding: 30px;
	margin-bottom: 35px;
}

#title-sMarche-foods{
	background: #ef7c00;
	font-size: 25px;
	padding: 30px;
	margin-bottom: 35px;
}

img.sus-m01{
	width: 100%;
	vertical-align: bottom;
}

#contents-sMarche .ul-special > li h3,
#contents-sMarche .sus-ws-info h5{
	color: #579c47;
}

#contents-sMarche .ul-special > li h3 span,
#contents-sMarche .box-sus-workshop{
	border-color: #579c47 !important;
}

#contents-sMarche .susws-day span,
#contents-sMarche .title-sus-workshop span{
	background: #579c47;
}

#contents-sMarche #sMarche-foods > li h3,
#contents-sMarche #sMarche-foods .sus-ws-info h5{
	color: #ef7c00 !important;
}

#contents-sMarche #sMarche-foods > li h3 span,
#contents-sMarche #sMarche-foods .box-sus-workshop{
	border-color: #ef7c00 !important;
}

#contents-sMarche #sMarche-foods .susws-day span,
#contents-sMarche #sMarche-foods .title-sus-workshop span{
	background: #ef7c00;
}

.p-sus strong{
	display: block;
	font-size: 18px;
	margin-bottom: 15px;
}

img.sus-m02,
img.sus-m05,
img.sus-m06{    
	width: 220px;
    float: right;
    margin-left: 25px;
    margin-bottom: 20px;
}

img.sus-m03,
img.sus-m04{    
	height: 130px;
    float: right;
    margin-left: 5px;
    margin-bottom: 20px;
}

img.sus-m28,
img.sus-m29{    
	width: 150px;
    float: right;
    margin-left: 5px;
    margin-bottom: 20px;
	vertical-align: top;
}

.box-mar{
	display: block !important;
	background: #f2f2f2;
	padding: 30px;
	margin-bottom: 15px;
}

.box-mar h6{
	display: block;
	font-size: 16px;
	margin-bottom: 25px;
}

img.sus-m07{    
	width: 110px;
    float: right;
    margin-left: 10px;
    margin-bottom: 20px;
}


img.sus-m09{    
	width: 150px;
    float: right;
    margin-left: 5px;
    margin-bottom: 20px;
}


img.sus-m10{    
	width: 180px;
    float: right;
    margin-left: 5px;
    margin-bottom: 20px;
}

img.sus-m11,
img.sus-m12{    
	height: 100px;
    float: right;
    margin-left: 5px;
    margin-bottom: 20px;
}

#sMarche-foods > li {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

#sMarche-foods .img-special {
    width: 270px;
    float: right;
}

img.sus-m13,
img.sus-m14{    
	height: 130px;
    float: right;
    margin-left: 5px;
    margin-bottom: 20px;
}

img.sus-m15,
img.sus-m16,
img.sus-m21,
img.sus-m22{    
	height: 100px;
    float: right;
    margin-left: 5px;
    margin-bottom: 20px;
}

img.sus-m17{margin-top: 15px; width: 200px;}
img.sus-m18{margin-top: 15px; width: 160px;}
img.sus-m20{margin-top: 15px; width: 200px;}
img.sus-m23{margin-top: 15px; width: 450px;}
img.sus-m26{margin-top: 15px; width: 160px;}

img.sus-m19,
img.sus-m24,
img.sus-m25,
img.sus-m27{    
	width: 220px;
    float: right;
    margin-left: 25px;
    margin-bottom: 20px;
}

.txt-Mfoods{color: #ef7c00 !important}

.box-marche-present{
	border: 5px solid #96b97a;
	margin: 0 35px;
	padding: 35px;
}

.box-marche-present h3{
	display: block;
	text-align: center;
	font-size: 22px;
	color: #96b97a;
    margin-bottom: 25px;
}

.box-marche-present > div{
	text-align: center;
	margin: 35px 0 10px;
}

.box-marche-present > div img{
	width: 800px;
}

@media (max-width: 767px) {

#contents-sMarche{
	padding-top: 35px;
}

#title-sMarche-class{
	font-size: 20px;
	padding: 20px 10px;
	margin-bottom: 30px;
}

#title-sMarche-foods{
	font-size: 20px;
	padding: 20px 10px;
	margin-bottom: 30px;
}

.p-sus strong{
	font-size: 16px;
	margin-bottom: 15px;
}

img.sus-m02,
img.sus-m05,
img.sus-m06{    
	width: 100%;
    float: none;
    margin-left: 0;
    margin-bottom: 20px;
}

img.sus-m03,
img.sus-m04{    
	height: 140px;
     float: none;
    margin-left: 0;
    margin-bottom: 20px;
}

img.sus-m28,
img.sus-m29{    
	width: 47%;
	float: none;
    margin-left: 0;
    margin-bottom: 20px;
}

.box-mar{
	padding: 20px;
	margin-bottom: 10px;
}

.box-mar h6{
	font-size: 15px;
	margin-bottom: 20px;
}



img.sus-m07{    
	width: 35%;
    float: none;
    margin-left: 0;
    margin-bottom: 15px;
}


img.sus-m09{    
	width: 50%;
    float: none;
	display: block;
	margin: 0 auto 15px;
}


img.sus-m10{    
	width:60%;
    float: none;
    margin-left: 0;
    margin-bottom: 15px;
}

img.sus-m11,
img.sus-m12{    
	height: 82px;
    float: none;
    margin-left: 0;
    margin-bottom: 20px;
}

#sMarche-foods .img-special {
    width: 100%;
    float: none;
}

img.sus-m13,
img.sus-m14,
img.sus-m15,
img.sus-m16{    
	height: auto;
	width: 100%;
	display: block;
    float: none;
	margin: 0 auto 5px;
}
	
img.sus-m16{
    margin-bottom: 15px;
}

img.sus-m14{    
	width: 65%;
}


img.sus-m21,
img.sus-m22{    
	height: 125px;
    float: none;
    margin-left: 0;
    margin-bottom: 20px;
}

img.sus-m17{margin-top: 15px; width: 200px;}
img.sus-m18{margin-top: 15px; width: 120px;}
img.sus-m20{margin-top: 15px; width: 200px;}
img.sus-m23{margin-top: 15px; width: 100%;}
img.sus-m26{margin-top: 15px; width: 130px;}

img.sus-m19,
img.sus-m24,
img.sus-m25,
img.sus-m27{    
	width: 100%;
    float: none;
    margin-left: 0;
    margin-bottom: 20px;
}
	

img.sus-m24{    
	width: 60%;
    float: none;
	display: block;
	margin: 0 auto 15px;
}

.box-marche-present{
	margin: 0 20px;
	padding: 20px;
}

.box-marche-present h3{
	font-size: 16px;
    margin-bottom: 20px;
}

.box-marche-present > div{
	margin: 25px 0 10px;
}

.box-marche-present > div img{
	width: 100%;
}
	
}

#special-08 img{
	width: 280px;
	vertical-align: bottom;
}

@media (max-width: 767px) {

#special-08 img{
	width: 100%;
	margin-bottom: 5px;
}
	
}

.box-cafe{
	background: #ef8585;
	color: #fff;
	text-align: center;
	padding: 25px 0 20px;
}

.box-cafe > p{
	font-size: 18px;
	margin-bottom: 50px;
}

.title-cafe{
	width: 25%;
	vertical-align: bottom;
	margin-bottom: 20px;
}

.ul-cafe{
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 35px ;
}

.ul-cafe li{
	width: 190px;
	text-align: left;
	margin-bottom: 45px;
	margin-right: 20px;
}

.ul-cafe li.cafe-shop03{width: 411px;}
.ul-cafe li.cafe-shop05{width: 214px;}
.ul-cafe li.cafe-shop06{width: 190px;}

.img-cafe{
	margin: 10px 0 ;
}

.img-cafe img{
	width: 100%;
	vertical-align: bottom;
	text-align: center;
}

.ul-cafe li p{
	margin: 0;
	font-size: 13px;
}

.ul-cafe li h4{
	font-size: 15px;
}

@media (max-width: 767px) {

.box-cafe{
	padding: 15px 0 20px;
}

.box-cafe > p{
	font-size: 15px;
	margin-bottom: 30px;
}

.title-cafe{
	width: 60%;
	margin-bottom: 0;
}

.ul-cafe{
	display: block;
	margin: 0 25px  ;
}

.ul-cafe li{
	width: 100%;
    margin-bottom: 15px;
    margin-right: 0;
    border-top: 1px dotted #fff;
    padding-top: 15px;
}

.ul-cafe li.cafe-shop03{width: 100%;}
.ul-cafe li.cafe-shop05{width: 100%;}
.ul-cafe li.cafe-shop06{width: 100%;}

.img-cafe{
	margin: 7px 0 ;
}

li#special-09{
    padding-bottom: 0 !important;
}
	
}

/*==================================================
3D View
================================================== */

#contents-threeDview{
	padding: 50px 0;
}

.contents-3d{
	padding-bottom: 80px;
}

.img-3d{
	width: 320px;
	float: right;
	margin: 0 0 0 25px;
}

.contents-3d a.btn{
	margin-top: 25px;
	display: inline-block;
}
.mv-threeDview{
	width: 100%;
	position: relative;
	height: 24vw;
	text-align: center;
	margin-bottom: 50px;
}

.mv-threeDview img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mv-threeDview h2{
	display: block;
	position: absolute;
	width: 100%;
	text-align: center;
	font-size: 48px;
	top: 40%;
	left: 0;
	color: #E2002E;
}

.mv-threeDview h2 span{
	border: 5px solid #e2002e;
	padding: 35px;
	background-color: rgba(255,255,255,0.6);
}

.ul-3d{
	list-style: none;
	display: flex;
}

.ul-3d li{
	width: 310px;
	background: #f9f9f9;
}

.ul-3d li:nth-child(2){
	margin-left: 35px;
	margin-right: 35px;
}

.img-3dview{
	width: 100%;
	vertical-align: bottom;
	margin: 10px 0;
}

.ul-3d li h4{
	display: block;
	background: #6c68a4;
	color: #fff;
	font-size: 14px;
	text-align: center;
	padding: 12px 0;
}

.ul-3d li h5{
	display: block;
	font-size: 13px;
	text-align: right;
	padding: 10px;
}

.ul-3d li h6{
	display: block;
	color: #6c68a4;
	padding: 15px 10px;
	font-size: 15px;
}

.qr-3dview{
	width: 100px;
	float: right;
	margin: 0 0 0 15px;
}

.img-3dview-logo{
	width: 80%;
	margin-top: 12px;
}

.ul-3d li > div.clearfix{
	padding: 5px 15px;
}

.ul-3d li a.btn{
	width: 80%;
	display: block;
	box-sizing: border-box;
	margin: 25px auto;
	padding: 8px 0;
	text-align: center;
}

@media (max-width: 767px) {

#contents-threeDview{
	padding: 35px 0;
}

.contents-3d{
	padding-bottom: 50px;
}

.img-3d{
	width: 100%;
	float: none;
	margin: 0 0 10px;
}

.contents-3d a.btn{
	margin: 20px auto 0;
	display: block;
	width: 80%;
	box-sizing: border-box;
	padding: 10px 0;
	text-align: center;
}

.mv-threeDview{
	height: 60vw;
	margin-bottom: 35px;
}

.mv-threeDview h2{
	font-size: 24px;
	top: 41%;
}

.ul-3d{
	display: block;
}

.ul-3d li{
	width: 100%;
	padding-bottom: 25px;
	margin-bottom: 15px;
}

.ul-3d li:nth-child(2){
	margin-left: 0;
	margin-right: 0;
}

.ul-3d li h6{
	padding: 0 10px;
}

.qr-3dview{
	display: none;
}

.img-3dview-logo{
	width: 65%;
}

.ul-3d li a.btn{
	margin: 15px auto 0;
}
	
}

/*==================================================
HOBBY CHANNEL
================================================== */

#contents-hobbychannel{
	padding: 50px 0;
}

#contents-hobbychannel > div > article{
	display: table;
	width: 100%;
	margin-bottom: 70px;
}

#contents-hobbychannel > div > article > div{
	display: table-cell;
	vertical-align: top;
}

.icn-hobbychannel{width: 15%; }
.txt-hobbychannel{width: 80%; position: relative;}
.qr-hobbychannel{width: 100px; position: absolute; top: 85px; right: 0; text-align: right;}

.icn-hobbychannel img{
	width: 80%;
}

img.hobbych-qr{
	width: 100% !important;
}

#contents-hobbychannel > div > article h3{
	display: block;
	background: #e9546b;
	color: #fff;
	font-size: 18px;
	padding: 10px 15px;
	margin-bottom: 20px;
}

#contents-hobbychannel > div > article#hobbychannel-live h3{
	background: #4774b9;
}

#contents-hobbychannel > div > article h4{
	display: block;
	color: #e9546b;
	font-size: 18px;
	margin-bottom: 15px;
}

#contents-hobbychannel > div > article#hobbychannel-live h4{
	color: #4774b9;
}

#contents-hobbychannel > div > article a.btn{
	display: block;
	width: 320px;
	margin: 25px auto;
	text-align: center;
	padding: 12px 0;
}

.hobbychannel-chusen{
	border-left: 1px solid #e9546b;
	padding: 5px 0 10px 25px;
	margin-left: 8px;
}

.hobbychannel-chusen h5{
	display: block;
	font-size: 18px;
	margin-bottom: 20px;
	color: #e9546b;
}

.hc-time{
	margin: 50px 0 0;
	padding: 50px;
	box-sizing: border-box;
	background: #f9f9f9;
}

.hc-time h5{
	display: block;
	font-size: 24px;
	margin-bottom: 35px;
	text-align: center;
}

.box-hc-time img{
	width: 100%;
	vertical-align: bottom;
}

@media (max-width: 767px) {

#contents-hobbychannel{
	padding: 35px 0;
}

#contents-hobbychannel > div > article{
	display: block;
	margin-bottom: 50px;
}

#contents-hobbychannel > div > article > div{
	display: block;
}

.icn-hobbychannel{width: 100%; text-align: center; margin-bottom: 20px;}
.txt-hobbychannel{width: 100%; position: relative;}
.qr-hobbychannel{display: none;}

.icn-hobbychannel img{
	width: 30%;
}

#contents-hobbychannel > div > article h3{
	font-size: 16px;
	padding: 7px 10px;
}

#contents-hobbychannel > div > article h4{
	font-size: 15px;
}

#contents-hobbychannel > div > article a.btn{
	width: 80%;
	margin: 25px auto;
	padding: 12px 0;
}

.hobbychannel-chusen{
	padding: 5px 0 10px 25px;
	margin-left: 8px;
}

.hobbychannel-chusen h5{
	font-size: 16px;
	margin-bottom: 15px;
}
	
#contents-hobbychannel > div > article#hobbychannel-live{
    border-top: 1px dotted #ddd;
    padding-top: 25px;
}

.hc-time{
	margin: 35px 0 0;
	padding: 25px;
}

.hc-time h5{
	font-size: 18px;
	margin-bottom: 25px;
}
	
	.box-hc-time{
		width: 100%;
		overflow-x: auto;
	}

.box-hc-time img{
	width: 640px;
}
}

/*==================================================
report
================================================== */

/* ↓↓↓↓ 下層ページナビメニューマウスオーバーフォーマット ↓↓↓↓ */
.page-report #dropmenu.nav-visitor > li:nth-child(5) > a{
	background: #5ac800;
    color: #fff !important;
	height: 46px;
	line-height: 48px;
}

.page-report #dropmenu.nav-visitor > li:nth-child(5) > a i{
	display: none !important;
}

/*.page-about .page{
	margin-top: 116px;
	border-top: 5px solid #5ac800;
}*/

.page-report #global-nav{
	border-color: #5ac800;
}
/* ↑↑↑↑ 下層ページナビメニューマウスオーバーフォーマット ↑↑↑↑ */

#report,
#report2025{
    background: #fff;
    padding: 50px 0 !important;
}

.title-report{
    display: block;
    background-color: #fbef3b;
    text-align: center;
    padding: 25px 0;
    font-size: 38px;
}

#contents-report{
	line-height: 2.0;
	letter-spacing: 0.08em;
}

.header-report,.con-r, #sns-report{
    text-align: center;
}

.header-report img{
	width: 520px;
	margin-bottom: 35px;
}

.body-report{
	margin: 35px 0;
}



.ul-report,
.ul-report2cols,
#ul-report-arena{
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#ul-report-arena li:first-child{
    width: 671px;
    margin-right: 35px;
}

#ul-report-arena li:last-child{
    width: 318px;
}

#ul-report-arena li img{
    height: 358px;
    width: 100%;
    object-fit: cover;
    vertical-align: bottom;
}

#ul-report-arena{
    margin-bottom: 35px;
}

.ul-report li{
	width: 318px;
	margin-right: 35px;
	margin-bottom: 35px;
}

.ul-report li:nth-of-type(3n){
	margin-right: 0;
}

.ul-report2cols li{
	width: 310px;
	margin-right: 0;
	margin-bottom: 35px;
}

.ul-report2cols li:first-child{
	margin-right: 35px;
	width: 655px;
}

.body-report ul li img{
	width: 100%;
}

.body-report ul li > div{
	margin-bottom: 30px;
}

.ul-report2cols li > div{
	margin-bottom: 15px !important;
}

.avenue-report{
	padding: 50px 0;
}

img.logo-report-avenue{
	width: 340px;
	vertical-align: bottom;
	margin-bottom: 35px;
}

img.report-09,
img.r2023-07{
	width: 100%;
	vertical-align: bottom;
	margin-bottom: 35px;
    margin-top: 25px;
}

.body-report .btn-area{
	padding: 50px 0;
	background: none;
}

.body-report .title-basic{
	font-size: 34px;
}

.world-report p,
.other-report p{
	margin-bottom: 50px;
}

.special-report .ul-report2cols{
	margin: 50px 0 0;
}

#ul-special02{
	margin: 0 !important;
}

.other-report,
.movie-report{
	padding-top: 70px;
}

.movie-report iframe,
.theme-report iframe{
	width: 100%;
	height: 562px;
	vertical-align: bottom;
}

.title-report-area{
    display: block;
    font-weight: 600;
    font-size: 25px;
    margin: 50px 0 35px;
}

.title-report-area span{
    display: inline-block;
    border-bottom: 4px solid #fbef3b;
    padding: 0 5px 5px;
    min-width: 360px;
}

#gokan-report{
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px dotted #ddd;
}

#gokan-report p.txt-gokan span{
    margin: 0 3px 15px;
}

.theme-report img{
    width: 90%;
    vertical-align: bottom;
}

.theme-report p{
    font-size: 21px;
    font-weight: 600;
    line-height: 2.2;
    margin-bottom: 50px;
    margin-top: 50px;
}

#sns-report article{
    text-align: center;
    margin-bottom: 50px;
}

#sns-report article a{
    display: inline-block;
    width: 240px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
}

#sns-report article a img{
    width: 30%;
}

#sns-report article a span{
    display: block;
    padding-top: 8px;
}

.theme-report{
    border: 3px solid #fbef3b;
    padding: 50px;
    box-sizing: border-box;
    margin-top: 75px;
    text-align: center;
}

.theme-report .title-report-area{
    margin-top: 0;
}

.page-report #btnarea-pagetop{
    margin-top: 0;
}

.page-report .page{
    padding-bottom: 0;
}

.page-report .btn-area a{
    margin: 0 15px;
}

.ul-r-btn{
    list-style: none;
    display: flex;
    margin-bottom: 35px;
}

.ul-r-btn li{
    border: 3px solid #fbef3b;
    width: calc(100%/3);
    border-radius: 8px;
}
.ul-r-btn li:hover{
    cursor: pointer;
    background: #fbef3b;
    color: #4d4d4d !important;
}
.ul-r-btn li:nth-child(2){
    margin: 0 35px;
}

.ul-r-btn li a{
    display: flex;
    padding: 10px;
    font-size: 14px;
    text-decoration: none;
}

.ul-r-btn li a:hover{
    color: #4d4d4d !important;
}

.ul-r-btn li a i{
    width: 12%;
    display: flex;
    align-items: center;
}

.ul-r-btn li a i img{
    width: 100%;
}

.ul-r-btn li a p{
    width: 88%;
    text-align: center;
    margin: 0;
}

@media (max-width: 1024px) {
.ul-report li {
    width: 32.5%;
    margin-right: 1%;
    margin-bottom: 0;
}   

img.report-09,
img.r2023-07{
	margin-bottom: 10px;
    margin-top: 25px;
} 

.title-report{
    font-size: 34px;
}

#ul-report-arena li:first-child{
    width: 66%;
    margin-right: 1%;
}

#ul-report-arena li:last-child{
    width: 33%;
}

#ul-report-arena li img{
    height: 320px;
}

#ul-report-arena{
    margin-bottom: 10px;
}
    
}

@media (max-width: 768px) {
    
#report,
#report2025{
    padding: 20px 0 !important;
}
.page-report .btn-area a{
    margin: 0 10px;
}
	
	.title-report-area{
		font-size: 19px;
		margin: 50px 0  35px;
	}
	
	#sns-report article a img{
		width: 20%;
	}

.title-report{
    font-size: 26px;
}

#ul-report-arena li img{
    height: 230px;
}
    
}

.report-movie{
    margin-bottom: 35px;
}

.report-movie iframe{
    width: 100%;
    height: 576px;
    vertical-align: bottom;
}

@media (max-width: 768px) {

.report-movie iframe{
    height: 388px;
}
    
}

@media (max-width: 599px) {
#report,
#report2025{
    padding: 10px 0 !important;
}
#contents-report{
	line-height: 1.8;
	text-align: left;
}

.header-report img{
	width: 92%;
	margin: 0 auto 25px;
	display: block;
}

.body-report{
	margin: 25px 0;
}

.ul-report,
.ul-report2cols{
	display: block;
}

.ul-report li{
	width: 100%;
	margin-right: 0;
	margin-bottom: 5px;
}

.ul-report2cols li{
	width: 100%;
	margin-right: 0;
	margin-bottom: 5px;
}

.ul-report2cols li:first-child{
	margin-right: 0;
	width: 100%;
}

.body-report ul li > div{
	margin-bottom: 5px;
}

.ul-report2cols li > div{
	margin-bottom: 5px !important;
}

.avenue-report{
	padding: 35px 0;
}

img.logo-report-avenue{
	width: 68%;
	display: block;
	margin: 0 auto 25px;
}

img.report-09,
img.r2023-07{
	margin-bottom: 10px;
    margin-top: 15px;
}

.body-report .btn-area{
	padding: 25px 0 40px;
}

.body-report .title-basic{
	font-size: 28px;
	text-align: center;
}

.world-report p,
.other-report p{
	margin-bottom: 25px;
}
	
	.special-report{
		padding-top: 50px;
	}

.special-report .ul-report2cols{
	margin: 35px 0 0;
}

.other-report,
.movie-report{
	padding-top: 35px;
}

.movie-report iframe,
.theme-report iframe{
	height: 197px;
}

.title-report-area{
    text-align: center;
    font-size: 19px;
    margin: 50px 0 30px;
}
    
#sns-report article a{
    width: 40%;
    font-size: 13px;
    vertical-align: top;
}

#sns-report article a img{
    width: 30%;
}

#sns-report article a span{
    padding-top: 5px;
}

.theme-report{
    padding: 30px 25px;
    margin-top: 50px;
}

.theme-report img{
    width: 88%;
    padding-left: 10%;
    margin: 0 auto 20px;
}

.theme-report p{
    text-align: center;
    font-size: 3.8vw;
    font-weight: 600;
    line-height: 1.9;
    margin-bottom: 30px;
    margin-top: 30px;
}

.page-report .btn-area a{
    margin: 0 auto 12px;
}

.report-movie iframe{
    height: 197px;
}

.ul-r-btn{
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.ul-r-btn li{
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 12px;
}
.ul-r-btn li:nth-child(2){
    margin: 0 auto 12px;
}

    #sns-report article{
        margin-bottom: 25px;
    }
    
    .title-report-area span{
        min-width: 100%;
        box-sizing: border-box;
    }
    
#ul-report-arena li:first-child{
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
}

#ul-report-arena li:last-child{
    width: 100%;
}

#ul-report-arena li img{
    height: auto;
    width: 100%;
    object-fit: cover;
    vertical-align: bottom;
}   
    
    .title-report{
        font-size: 21px;
        padding: 16px 0;
    }
	
}











/*==================================================
lineup-all
================================================== */

/*#lineup{
	width: 1024px;
	margin: 0 auto;
}*/

#search-box .exhibitor-search-freeword input[type="search"]{
	border: 1px solid #ddd;
}

#lineup-search table th{
	width: 150px;
}

#lineup-search table td{
	padding: 20px 30px;
}

#lineup-search {
    padding: 30px 25px 10px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 12px;
}

@media (max-width: 599px) {
	
/*#lineup{
	width: 90%;
}	*/
    
    #lineup-search table{
        border: none;
    }
	
#lineup-search table th{
	width: 100%;
}

#lineup-search table td{
	padding: 12px 5px;
}

#lineup-search {
    padding: 15px 10px 0;
}
	
}


/*==================================================
workshop-all
================================================== */




/*==================================================
sanrio
================================================== */

.title-page.title-sanrio {
    background: #00b1a7 !important;
}

.top-sanrio{
    text-align: center;
    margin: 40px 0;
}

.lead-sanrio{
    display: block;
    font-size: 28px;
    font-weight: 600;
    color: #00b1a7;
    margin-bottom: 35px;
	line-height: 1.5;
}

img.mv-sanrio{
    width: 80%;
    vertical-align: bottom;
    margin: 40px 0;
}

.ul-special > li#special-green h3{
    color: #00b1a7; 
}

.ul-special > li#special-green h3 span{
    border-color: #00b1a7 !important; 
}

.title-green{
    color: #00b1a7 !important; 
}

.title-green span{
    border-color: #00b1a7 !important; 
}

#event-sanrio{
    padding: 0 100px 35px;
}

#event-sanrio article{
    border: 1px solid #00b1a7;
    padding: 35px 50px;
    margin-bottom: 40px;
}

#event-sanrio article .lead-sanrio{
    font-size: 24px !important;
    margin-bottom: 25px !important;
}

.txt-sanrio{
    width: 60%;
    float: left;
}

.img-sanrio{
    width: 35%;
    float: right;
    text-align: center;
}

.img-sanrio01{
    width: 60%;
}

.img-sanrio02{
    width: 100%;
    margin-top: 65px;
}

.kongo{
    text-align: center;
    margin: 0 !important;
    padding: 25px 30px;
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.08em;
    background: #00b1a7;
}




@media (max-width: 767px) {

.top-sanrio{
    text-align: left;
    margin: 30px auto;
    width: 84%;
}

.lead-sanrio{
    font-size: 21px;
    margin-bottom: 22px;
}

img.mv-sanrio{
    display: block;
    width: 100%;
    margin: 30px auto;
}

#event-sanrio{
    padding: 0 30px 10px;
}

#event-sanrio article{
    padding: 25px 25px;
    margin-bottom: 30px;
}

#event-sanrio article .lead-sanrio{
    font-size: 18px !important;
    margin-bottom: 20px !important;
	text-align: center !important;
}

.txt-sanrio{
    width: 100%;
    float: none;
}

.img-sanrio01{
    display: block;
    width: 50%;
    margin: 0 auto 25px;
}

.img-sanrio02{
    display: block;
    width: 80%;
    margin-top: 0;
    margin: 0 auto 20px;
}

.kongo{
    padding: 25px 20px;
    font-size: 20px;
}
    
}



/*==================================================
event
================================================== */

.li-event{
    text-align: center;
    padding: 45px 0;
}

img.mv-event{
    width: 80%;
    vertical-align: bottom;
    margin: 40px 0;
}

.li-event p small{
    padding-right: 50px;
}

@media (max-width: 767px) {

.li-event{
    text-align: left;
    padding: 30px 0;
    width: 84%;
    margin: 0 auto;
}

img.mv-event{
    display: block;
    width: 100%;
    margin: 30px auto;
}

.li-event p small{
    padding-right: 5px;
}
    
}



/*==================================================
expo
================================================== */

img.logo-expo{
    width: 40%;
    vertical-align: bottom;
    margin: 25px 0 70px;
}

img.mv-expo{
    width: 80%;
    vertical-align: bottom;
    margin: 40px 0 0;
}

@media (max-width: 767px) {

img.logo-expo{
    display: block;
    width: 75%;
    margin: 10px auto 40px;
}
    
img.mv-expo{
    display: block;
    width: 100%;
    margin: 30px auto 0;
}
    
}



/*==================================================
oshi
================================================== */

img.mv-oshi{
    width: 80%;
    vertical-align: bottom;
    margin: 40px 0 0;
}

img.mv-oshi-v02{
    width: 80%;
    vertical-align: bottom;
    margin: 0;
}

#oshi .ul-special > li{
    margin-bottom: 0;
}

#oshi .li-event{
    padding-bottom: 0;
}

.box-oshi{
    background: #fff;
    padding: 0 100px 50px;
}

.box-oshi .title-basic{
    text-align: center;
    font-size: 24px;
}

.box-oshi .title-basic small{
    display: block;
}

.ul-oshi{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.ul-oshi li{
    width: 48%;
    margin-right: 4%;
    margin-bottom: 30px;
    border: 1px solid #00b1a7;
    box-sizing: border-box;
}

.ul-oshi li:nth-of-type(2n){
    margin-right: 0;
}

.ul-oshi li h4{
    display: block;
    text-align: center;
    padding: 10px 0;
    font-size: 18px;
    color: #fff;
    background: #00b1a7;
}

.ul-oshi li > div{
    padding: 20px;
    line-height: 1.9;
    text-align: justify;
}

@media (max-width: 767px) {
    
img.mv-oshi{
    display: block;
    width: 100%;
    margin: 30px auto 0;
}

img.mv-oshi-v02{
    display: block;
    width: 100%;
    margin: 0 auto;
}

.box-oshi{
    padding: 0 20px 30px;
}

.box-oshi .title-basic{
    font-size: 18px;
}

.ul-oshi{
    display: block;
}

.ul-oshi li{
    width: 100%;
    margin-right: 0 !important;
    margin-bottom: 20px;
}

.ul-oshi li h4{
    font-size: 15px;
}

.ul-oshi li > div{
    padding: 15px;
    line-height: 1.7;
}
    
}



/*==================================================
expo ver02
================================================== */

#contents-ep{
}

#header-expo{
	border-bottom: 1px solid #585858;
}

#header-expo > div{
	display: flex;
}

#expo-title{
	width: 55%;
	padding-right: 5%;
	text-align: center;
	padding-top: 40px;
}

.expo-logo{
	width: 75%;
}

#expo-mv{
	width: 40%;
}

#expo-mv img{
	width: 100%;
}

#header-expo > p{
	text-align: center;
	margin: 35px 0;
	line-height: 2.0;
}

.ul-ep{
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: 45px;
}

.ul-ep li{
	width: 48.5%;
	margin-right: 1.5%;
	background: #fff;
	padding-bottom: 35px;
	margin-bottom: 30px;
}

.ul-ep li:nth-of-type(2n){
	margin-right: 0;
	margin-left: 1.5%;
}

.title-ep{
	display: flex;
	background: #00b1a7;
	padding: 15px;
	color: #fff;
	font-size: 16px;
	line-height: 2.0;
}

.title-ep strong small{
    display: block;
    font-size: 60%;
}

p.ex-no{
	margin: 0;
	margin-right: 10px;
	font-size: 12px;
	color: #585858;
	background: #fff;
	text-align: center;
	line-height: 1.1;
	font-weight: normal;
	padding: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
}

p.ex-no small{
	display: block;
	font-size: 11px;
}

.img-ep{
	width: 90%;
	margin: 20px auto;
}

.img-ep img{
	width: 100%;
	vertical-align: bottom;
}

p.ex-ep{
	width: 90%;
	margin: 0 auto;
	line-height: 1.6;
}

.ex-link{
	width: 90%;
	margin: 35px auto 0;
	text-align: center;
	line-height: 1;
}

.ex-link a{
	display: inline-block;
	margin: 0 6px;
	vertical-align: middle;
	height: 26px;
	text-decoration: none;
}

a.ex-link-web{
	background: #000;
	color: #fff;
	line-height: 26px;
	font-size: 13px;
	padding: 0 8px;
	text-align: center;
	border-radius: 26px;
}

a.ex-link-web:hover{
	background: #ccc;
}

.ex-link a img{
	height: 100%;
	vertical-align: middle;
}

.header-pm h3{
    text-align: center !important;
}


@media (max-width: 767px) {

#header-expo > div{
	display: block;
}

#expo-title{
	width: 100%;
	padding-right: 0;
	padding-top: 30px;
}

.expo-logo{
	width: 75%;
	margin-bottom: 25px;
}

#expo-mv{
	width: 100%;
	text-align: center;
}

#expo-mv img{
	width: 85%;
}

#header-expo > p{
	text-align: left;
	margin: 20px auto 30px;
	width: 85%;
	line-height: 1.8;
}

.ul-ep{
	display: block;
	margin-top: 35px;
}

.ul-ep li{
	width: 100%;
	margin-right: 0;
	padding-bottom: 25px;
	margin-bottom: 25px;
}

.ul-ep li:nth-of-type(2n){
	margin-right: 0;
	margin-left: 0;
}

.title-ep{
	padding: 12px;
	font-size: 15px;
	line-height: 1.7;
}

p.ex-no{
	margin: 0;
	margin-right: 7px;
	font-size: 12px;
}

p.ex-no small{
	font-size: 10px;
}

.img-ep{
	margin: 20px auto;
}

.ex-link{
	margin: 30px auto 0;
}

.ex-link a{
	margin: 0 6px;
	height: 26px;
}

a.ex-link-web{
	font-size: 12px;
	padding: 0 6px;
}
	
}


/*==================================================
exhibitor all
================================================== */

#exhibitor-all-list{
    padding: 50px 0;
    display: flex;
    width: 1200px;
}

#exhibitor-all-list article{
    width: calc(100%/4);
    padding-right: 35px;
}

#exhibitor-all-list article ul{
    margin: 0 0 0 17px;
    font-size: 14px;
}

#exhibitor-all-list article > div{
    margin-bottom: 35px;
}

.title-area-b{
    display: block;
    border-bottom: 1px solid #585858;
    padding: 0 5px;
    margin-bottom: 20px;
    font-size: 20px;
}

.title-area-s{
    display: block;
    font-size: 18px;
    color: #E2002E;
    margin-bottom: 12px;
}

.font-otsuka{
    font-family: TBUDゴシック R,游ゴシック体,YuGothic,游ゴシック,Yu Gothic,ヒラギノ角ゴ Pro,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,Arial,ＭＳ Ｐゴシック,MS PGothic,sans-serif;
}


@media (max-width: 767px) {

#exhibitor-all-list{
    padding: 35px 0;
    display: block;
    width: 86%;
}

#exhibitor-all-list article{
    width: 100%;
    padding-right: 0;
}

#exhibitor-all-list article ul{
    margin: 0 0 0 17px;
    font-size: 13px;
}

#exhibitor-all-list article > div{
    margin-bottom: 30px;
}

.title-area-b{
    margin-bottom: 15px;
    font-size: 18px;
}

.title-area-s{
    font-size: 16px;
    margin-bottom: 10px;
}
    
}


/*==================================================
oy
================================================== */

.oy-con{
    padding: 0 35px 35px;
}

.title-oy{
    display: block;
    font-size: 22px;
}

.title-oy span{
    display: inline-block;
    color: #fff;
    background: #00b1a7;
    padding: 8px 25px;
}

.title-oy small{
    font-weight: normal;
    padding-left: 25px;
}

.box-line{
    border: 1px solid #00b1a7;
    padding: 35px;
}

.oy{
    display: flex;
    margin: 30px 0;
}

.oy-l{
    width: 25%;
}

.oy-l img{
    width: 100%;
    vertical-align: bottom;
}

.oy-r{
    width: 70%;
    padding-left: 5%;
    line-height: 2.2;
}

.oy-l h5{
    display: block;
    color: #00b1a7;
    font-size: 18px;
    margin-bottom: 15px;
}

@media (max-width: 767px) {

.oy-con{
    padding: 20px;
}

.title-oy{
    font-size: 16px;
}

.title-oy span{
    padding: 8px 20px;
}

.title-oy small{
    display: block;
    font-weight: normal;
    padding-left: 0;
    padding: 10px 0 ;
}

.box-line{
    padding: 0 20px;
}

.oy{
    display: block;
    margin: 20px auto;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 5px;
}

.oy-l{
    width: 100%;
    text-align: center;
    padding-bottom: 15px;
}

.oy-l img{
    width: 100%;
}

.oy-r{
    width: 100%;
    padding-left: 0;
    line-height: 1.8;
}

.oy-l h5{
    font-size: 16px;
    margin-bottom: 12px;
    text-align: center;
}
    
}


/*==================================================
nb-ws
================================================== */

#nb-ws h5{
    font-size: 24px !important;
}

#nb-ws article > div{
    position: relative;
}

img.nb-ws{
    position: absolute;
    top: 0;
    right: 0;
    width: 265px;
}

#nb-ws article > div > p,
div.info-sss{
    width: 62%;
    margin-bottom: 35px;
    text-align: justify;
}

div.info-sss{
    display: table;
    margin: 15px 0;
}

.sss-koumoku{
    width: 20%;
    background: #00b1a7;
    color: #fff;
    display: table-cell;
    padding: 5px 10px;
    border-radius: 40px;
    vertical-align: middle;
    min-height: 54px;
    text-align: center;
}

div.info-sss p{
    display: table-cell;
    width: 75% !important;
    padding-left: 5%;
    margin: 0;
    vertical-align: middle;
}

div.info-sss p small{
    display: block;
}

#nb-ws .btn-area{
    padding: 30px 0 20px;
}

@media (max-width: 767px) {

#nb-ws h5{
    font-size: 18px !important;
}
    
#nb-ws article{
    padding-top: 20px;
    padding-bottom: 20px;
}
    
#nb-ws{
    padding-top: 35px;
}

img.nb-ws{
    position: relative;
    top: inherit;
    right: inherit;
    width: 100%;
}

#nb-ws article > div > p,
div.info-sss{
    width: 100%;
    margin-bottom: 25px;
}

div.info-sss{
    display: block;
    margin: 15px 0 25px;
}

.sss-koumoku{
    display: block;
    width: 35%;
    padding: 5px;
    margin: 0 0 15px;
    min-height: auto;

}

div.info-sss p{
    display: block;
    width: 100% !important;
    padding-left: 5%;
    box-sizing: border-box;
}

#nb-ws .btn-area{
    padding: 0 0 20px;
}
    
}


/*==================================================
event-sanrio-03
================================================== */

#event-sanrio-03{
    padding-bottom: 0;
}

#event-sanrio-03 .oy-con,
#event-sanrio-05 .oy-con{
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

#event-sanrio-03 .box-line,
#event-sanrio-05 .box-line{
    border: none;
    padding-left: 0;
    padding-right: 0;
    padding-top: 25px;
    padding-bottom: 0;
}

#event-sanrio-03 .box-line article,
#event-sanrio-05 .box-line article{
    border: none !important;
    padding: 0;
    border-bottom: 1px dotted #ddd !important;
    padding-bottom: 30px !important;
}

#event-sanrio-03 .title-oy{
    margin-bottom: 35px;
}

#event-sanrio-03 img.nb-ws{
    width: 215px !important;
}

#event-sanrio-03 div.info-sss p{
    width: 25% !important;
    padding-left: 3% !important;
}

#event-sanrio-03 .btn-area{
    text-align: left;
}

#event-sanrio-05 img.nb-ws{
	width: 185px;
}

@media (max-width: 767px) {

#event-sanrio-03,
#event-sanrio-05{
    padding-bottom: 0 !important;
}
	
	#event-sanrio-05{
		margin-bottom: 0 !important;
	}

#event-sanrio-03 .oy-con,
#event-sanrio-05 .oy-con{
    padding: 0 !important;
}
    
    #event-sanrio article#event-sanrio-03{
        padding-bottom: 0;
    }
    
#event-sanrio article#event-sanrio-03 .lead-sanrio{
    text-align: left !important;
}

#event-sanrio-03 .box-line article,
#event-sanrio-05 .box-line article{
    padding-bottom: 15px !important;
}

#event-sanrio-03 .title-oy{
    margin-bottom: 15px;
}

#event-sanrio-03 img.nb-ws{
    width: 100% !important;
}
    
#event-sanrio-03 div.info-sss{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

#event-sanrio-03 .sss-koumoku{
    width: 30%;
}

#event-sanrio-03 div.info-sss p{
    width: 65% !important;
    padding-left: 5% !important;
    line-height: 2.5;
}

#event-sanrio-03 .btn-area{
    text-align: center;
}

#event-sanrio-05 img.nb-ws{
	display: block;
	width: 65%;
	margin: 0 auto 25px;
}
    
}


/*==================================================
online-lesson
================================================== */

    
.ol-con .box-line{
    margin-bottom: 35px;
}

.header-ol{
    padding: 50px 0;
    line-height: 2.2;
    text-align: center;
}

.header-ol p strong{
    display: block;
    font-size: 19px;
    margin-bottom: 30px;
}

.top-ol{
    position: relative;
}

.pic-top-ol{
    width: 340px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
}

.pic-top-ol img{
    width: 130px;
    margin: 0 5px;
    vertical-align: bottom;
}

img.ol-img-main{
    width: 180px;
}

.top-ol > p,
div.ol-price,
div.basic-info-ol{
    width: 58%;
}

div.ol-price{
    text-align: right;
    font-size: 16px;
    margin-bottom: 20px;
}

.prof-ol{
    clear: both;
    margin: 35px 0 0;
    padding: 35px;
    background: #f4f4f4;
}

.prof-ol h6.lead-sanrio{
    font-size: 24px;
}

.prof-ol h6.lead-sanrio small{
    padding-left: 20px;
    font-size: 14px;
}

.olprof-img{
    width: 180px;
    float: right;
    margin: 0 0 10px 25px;
}

p.link-instagram{
    margin: 25px 0 0!important;
}

p.link-instagram img{
    width: 32px;
    margin-right: 7px;
    vertical-align: middle;
}

.wrap-ol .btn-area{
    background: none;
}

#att-ol h3{
    margin: 35px 0 15px;
}

@media (max-width: 767px) {
    
.ol-con .box-line{
    padding: 20px;
    margin-bottom: 20px;
}
    
.wrap-ol h5.lead-sanrio{
    margin-bottom: 10px; 
}

.header-ol{
    padding: 30px 0;
    line-height: 2.0;
    text-align: left;
}

.header-ol p strong{
    text-align: center;
    font-size: 16px;
    margin-bottom: 30px;
}

.pic-top-ol{
    width: 100%;
    position: relative;
    top: inherit;
    right: inherit;
    text-align: center;
    margin-bottom: 25px;
}

.pic-top-ol img{
    width: 40%;
}

img.ol-img-main{
    width: 50%;
}

.top-ol > p,
div.ol-price,
div.basic-info-ol{
    width: 100%;
}

div.ol-price{
    text-align: right;
    font-size: 16px;
    margin-bottom: 20px;
}

.prof-ol{
    margin: 30px 0 0;
    padding: 25px;
}

.prof-ol h6.lead-sanrio{
    font-size: 17px;
}

.prof-ol h6.lead-sanrio small{
    display: block;
    padding-left: 0;
    padding-top: 7px;
    font-size: 13px;
}

.olprof-img{
    width: 36%;
    margin: 0 0 10px 15px;
}

p.link-instagram{
    margin: 25px 0 0!important;
    word-break: break-all;
}

p.link-instagram img{
    width: 24px;
    margin-right: 7px;
}
    
}


/*==================================================
sustainable
================================================== */

#con-sustanable{
	padding: 50px 0;
}

#con-sustanable h5.lead-sanrio{
	color: #fff;
	background: #00b1a7;
	padding: 10px 15px;
}

#con-sustanable h5.lead-sanrio small{
	font-size: 55%;
	padding-right: 10px;
}

#sustanable-01 img.ol-img-main,
#sustanable-02 img.ol-img-main,
#sustanable-05 img.ol-img-main{
	width: 100%;
	margin: 0 0 10px;
}

.title-sus-ws{
	display: block;
	font-size: 18px;
	margin-bottom: 15px;
}

.title-sus-ws span{
	display: inline-block;
	border: 1px solid #00b1a7;
	color: #00b1a7;
	padding: 5px 20px;
}


#con-sustanable .top-ol{
	margin-bottom: 50px;
}

#sustanable-02 div.basic-info-ol{
	width: 100%;
}

#sustanable-03 article.wrap-ol{
	margin-bottom: 50px;
	border-bottom: 1px dotted #ddd;
	padding-bottom: 50px;
}

#sustanable-03 article#sustanable-03-02{
	padding-bottom: 0;
}

#sustanable-03 article#sustanable-03-03{
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0;
}

.sustainable-workshop{
	position: relative;
}

#sustanable-01 .sustainable-workshop .pic-top-ol,
#sustanable-05 .sustainable-workshop .pic-top-ol{
	width: 240px;
	top: 55px;
}

#sustanable-05 .sustainable-workshop > p{
    width: 70%;
}

@media (max-width: 767px) {
	

#con-sustanable{
	padding: 35px 0;
}

#con-sustanable h5.lead-sanrio{
	padding: 8px 10px;
	font-size: 19px;
}

#con-sustanable h5.lead-sanrio small{
	padding-right: 0;
	display: block;
}

#sustanable-01 img.ol-img-main,
#sustanable-02 img.ol-img-main{
	margin: 0;
}
	
#con-sustanable .pic-top-ol{
    text-align: right;
    margin-top: 20px;
}

.title-sus-ws{
	font-size: 15px;
	margin-bottom: 10px;
}

.title-sus-ws span{
	padding: 3px 15px;
}


#con-sustanable .top-ol{
	margin-bottom: 35px;
}
	
#sustanable-01 .top-ol{
    margin-bottom: 0;
}

#sustanable-02 div.basic-info-ol{
	width: 100%;
}

#sustanable-03 article.wrap-ol{
	margin-bottom: 30px;
	padding-bottom: 30px;
}
	
#sustanable-03-01 .top-ol,
#sustanable-03-03 .top-ol{
    margin-bottom: 0;
}
	
#sustanable-01 .sustainable-workshop,
#sustanable-05 .sustainable-workshop{
    margin-top: 25px;
}

#sustanable-01 .sustainable-workshop .pic-top-ol,
#sustanable-05 .sustainable-workshop .pic-top-ol{
	width: 100%;
	top: 0;
}

#sustanable-05 .sustainable-workshop > p{
    width: 100%;
}
	
}


/*==================================================
okeiko
================================================== */

#okeiko .title-sanrio small{
    display: block;
    padding-bottom: 10px;
    font-size: 55%;
}

#okeiko .title-sanrio small i{
    font-style: normal;
    padding-right: 10px;
}

#con-okeiko h5.lead-sanrio {
    color: #fff;
    background: #00b1a7;
    padding: 10px 15px;
}

.okeiko-ws .title-sus-ws span{
    margin-right: 10px;
}

.okeiko-ws div.basic-info-ol{
    margin-bottom: 25px;
}

.okeiko-ws .btn-area{
    text-align: left;
    padding: 20px 0 0;
}

#okeiko-01,
#okeiko-03{
    border-bottom: 1px solid #00b1a7;
    padding-bottom: 35px;
    margin-bottom: 35px;
}

.date-time span{
    display: inline-block;
    vertical-align: middle;
    padding: 3px 15px;
    color: #fff;
    font-size: 13px;
    margin-bottom: 10px;
}

.bg-purple{background: #6c68a2;}
.bg-green{background: #8eaa52;}
.bg-red{background: #e7473f;}

.img-hando{
    vertical-align: middle;
    height: 16px;
}

.logo-okeiko{
	display: block;
	width: 300px;
	margin: 0 auto 35px;
}

.movie-okeiko{
    background: #f4f4f4;
    padding: 35px;
    margin: 50px auto 0;
}

.movie-okeiko iframe{
    width: 100%;
    height: 524px;
}


@media (max-width: 767px) {

#con-okeiko h5.lead-sanrio{
	padding: 8px 10px;
	font-size: 19px;
}
    
#okeiko-01,
#okeiko-03,
#okeiko-05,
#okeiko-06{
    padding-top: 15px;
}
    
#okeiko-02,
#okeiko-04,
#okeiko-05,
#okeiko-06{
    padding-bottom: 15px;
}

.okeiko-ws .title-sus-ws span{
    margin-right: 0;
    margin-bottom: 7px;
}
    
.okeiko-ws .title-sus-ws{
    margin-bottom: 18px;
}

.logo-okeiko{
	width: 50%;
	margin: 0 auto 25px;
}

.movie-okeiko{
    padding: 15px;
    margin: 30px auto 0;
}

.movie-okeiko iframe{
    width: 100%;
    height: 173px;
}
    
}



/*==================================================
gokan
================================================== */

#gokan .title-page small{
    display: block;
    padding-bottom: 10px;
    font-size: 55%;
}

#gokan .title-page small i{
    font-style: normal;
    padding-right: 10px;
}

img.gokan-mv{
    width: 100%;
    vertical-align: bottom;
    margin: 25px auto 50px;
}

img.gokan-img{
    width: 100%;
    vertical-align: bottom;
    margin-bottom: 5px;
}

p.txt-boothimage{
    text-align: right;
    font-size: 13px;
    margin-bottom: 45px;
}

#gokan .header-ol p strong{
    margin-bottom: 12px;
}

p.txt-gokan{
    text-align: center;
}

p.txt-gokan strong{
    display: block;
    font-size: 19px;
    margin-bottom: 12px;
}

p.txt-gokan span{
    display: inline-block;
    margin: 0 5px 25px;
}

.box-gokan{
    position: relative;
    border: 1px solid #595757;
    padding: 35px;
    margin: 60px auto 0;
}

.gokan-logo{
    position: absolute;
    top: 40px;
    right: 35px;
    width: 220px;
}

.gokan-logo img{
    width: 100%;
    vertical-align: bottom;
    margin-bottom: 15px;
}

.box-gokan h3{
    display: block;
    width: 70%;
    font-size: 24px;
    margin-bottom: 30px;
}

.box-gokan h3 span{
    display: inline-flex;
    width: 48px;
    height: 48px;
    border: 2px solid #595757;
    border-radius: 50%;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-right: 12px;
}

.box-gokan h3 small{
    display: block;
    padding-left: 70px;
}

.box-gokan > p{
    width: 72%;
}

.box-gokan article{
    display: flex;
    margin: 45px 0 0;
}

.box-gokan article h4{
    display: block;
    font-size: 21px;
}

.gokan-info{
    width: 45%;
    padding-right: 5%;
}

.gokan-pic{
    display: flex;
    width: 50%;
}

.gokan-pic img{
    width: 48%;
    height: auto !important;
    vertical-align: bottom;
}


@media (max-width: 599px) {

img.gokan-mv{
    margin: 15px auto 25px;
}

img.gokan-img{
    
}

p.txt-boothimage{
    font-size: 12px;
    margin-bottom: 30px;
}
    
p.txt-gokan{
    margin: 30px 0 0;
}

#con-gokan p.txt-gokan{
    text-align: center;
}

p.txt-gokan strong{
	display: block;
	margin-bottom: 15px;
    font-size: 16px;
    text-align: center;
}

p.txt-gokan span{
	display: block;
}

.box-gokan{
    padding: 25px;
    margin: 45px auto 0;
}

.gokan-logo{
    position: relative;
    top: inherit;
    right: inherit;
    width: 100%;
    text-align: center;
}

.gokan-logo img{
    width: 48%;
    margin: 0;
}

.box-gokan h3{
    width: 100%;
    box-sizing: border-box;
    padding-left: 50px;
    font-size: 18px;
    margin-bottom: 20px;
}

.box-gokan h3 span{
    display: inline-flex;
    width: 36px;
    height: 36px;
    font-size: 15px;
    margin-right: 10px;
    position: absolute;
    top: 20px;
    left: 20px;
}

.box-gokan h3 small{
    padding-left: 0;
}
    
.gokan-logo{
    margin-bottom: 20px;
}

.gokan-logo img{
    width: 45%;
    margin: 0 5px;
    vertical-align: middle;
}

.box-gokan > p{
    width: 100%;
}

.box-gokan article{
    display: block;
    margin: 25px 0 0;
}

.box-gokan article h4{
    font-size: 16px;
}

.gokan-info{
    width: 100%;
    padding-right: 0;
}
    


.gokan-pic{
    display: flex;
    width: 100%;
}

.gokan-pic img{
    width: 49%;
}
    
}


/*==================================================
live
================================================== */

#Live .title-page small{
	padding-left: 20px;
}

#contents-live{
	padding: 75px 0;
	text-align: center;
}

#contents-live h3{
	display: block;
	text-align: center;
	font-size: 32px;
	margin-bottom: 50px;
}

#contents-live h3 small{
	display: block;
	font-size: 70%;
	padding-bottom: 10px;
}

.mv-live{
	position: relative;
	text-align: center;
	width: 80%;
	margin: 0 auto 50px;
}

img.img-live01{
	width: 100%;
	vertical-align: bottom;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

img.icn-live{
	position: absolute;
	width: 100px;
	top: -30px;
	right: -30px;
}

.mv-live h4{
	display: block;
	color: #fff;
	background: #e9546b;
	font-size: 24px;
	padding: 12px 0;
}

.mv-live h4 small{
	padding-right: 10px;
}

#contents-live article{
	display: inline-block;
	width: 400px;
	text-align: left;
	margin: 0 15px;
}

#contents-live article h5{
	display: block;
	font-size: 28px;
	margin-bottom: 30px;
}

#contents-live article > div{
	display: flex;
}

#contents-live article > div img{
	width: 100px;
	padding-right: 30px;
}


@media (max-width: 767px) {

#Live .title-page small{
	display: block;
	padding-left: 0;
}

#contents-live{
	padding: 35px 0;
}

#contents-live h3{
	font-size: 24px;
	margin-bottom: 35px;
}

.mv-live{
	width: 100%;
	margin: 0 auto 30px;
}

img.icn-live{
	width: 80px;
	top: -10px;
	right: -10px;
}

.mv-live h4{
	font-size: 18px;
}

.mv-live h4 small{
	display: block;
	padding-right: 0;
}

#contents-live article{
	display: block;
	width: 100%;
	margin: 0 auto 25px;
}

#contents-live article h5{
	font-size: 22px;
	margin-bottom: 20px;
}

#contents-live article > div img{
	width: 80px;
	padding-right: 20px;
}
	
}



/* ↓↓↓↓ 2024 ↓↓↓↓ */

/*==================================================
ホビーショーについて
================================================== */


/* ↓↓↓↓ 下層ページナビメニューマウスオーバーフォーマット ↓↓↓↓ */
.page-about #dropmenu > li:first-child > a{
	background: #5ac800;
    color: #fff !important;
	height: 46px;
	line-height: 48px;
}

.page-about #dropmenu > li:first-child > a i{
	display: none !important;
}

/*.page-about .page{
	margin-top: 116px;
	border-top: 5px solid #5ac800;
}*/

.page-about #global-nav{
	border-color: #5ac800;
}
/* ↑↑↑↑ 下層ページナビメニューマウスオーバーフォーマット ↑↑↑↑ */

#mv-about{
    height: 60vh;
}

#mv-about img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#about-header{
	position: relative;
    padding: 40px 0 40px;
}

#about-header .title-base small{
    display: inline-block;
    border-bottom: 1px solid #000;
    padding: 0 7px 10px;
    font-size: 28px;
    margin-bottom: 25px;
}

#about-header article h3{
    display: block;
    text-align: center;
    margin-bottom: 25px;
    font-size: 32px;
}

#about-header article p{
    text-align: center;
    line-height: 2.0;
}

.ill-06{
	width: 144px;
    bottom: -80px;
    right: 120px;
    position: absolute;
}

#about-message{
    margin-top: 0;
}

#about-message article{
	display: flex;
}

.pic-about-message{
	width: 25%;
	margin-right: 5%;
	position: relative;
}

.pic-eharareiko{
	width: 100%;
	vertical-align: bottom;
}

.name-reikoehara{
	width: 95%;
    position: absolute;
    right: -20px;
    top: 322px;
}

.txt-about-message{
	width: 70%;
	line-height: 2.2;
}

.txt-about-message h2{
	display: block;
	font-weight: 600;
	margin-bottom: 15px;
	font-size: 16px;
}

.ill-07{
	position: absolute;
    width: 90px;
    right: -110px;
    top: 10px;
}

.about-access-map iframe{
	width: 100%;
	vertical-align: bottom;
	height: 360px;
}

.about-access-txt{
	line-height: 2.2;
	margin: 15px 0 0;
}

#about-outline{
}

.en-page #about-outline{
    padding-bottom: 0;
}

#about-map article{
    background: #fff;
    padding: 50px;
}

.kaijou-map{
    width: 100%;
    display: block;
    margin: 0 auto;
}

#about-map article > div{
    text-align: center;
    margin-top: 50px;
}

#about-map article > div p{
    font-size: 18px;
    font-weight: bold;
}

#about-map article > div a{
    width: 250px;
}

#map-outline .title-base{
    font-size: 32px;
    margin-bottom: 20px;
}

#map-4F{
    padding-top: 75px;
}

#map-4F .kaijou-map{
    width: 70%;
}



@media (max-width: 768px) {

.page-about .page{
	margin-top: 60px;
	border-top: none;
}

    #about-header{
        padding: 30px 0;
    }

#about-header article{
	width: 100%;
    margin: 0 auto;
}
    
.ill-06 {
    width: 94px;
    bottom: -50px;
    right: 0;
}    
	


.name-reikoehara{
    top: 220px;
}

.txt-about-message{
	line-height: 2.0;
}

#map-outline .title-base{
    font-size: 24px;
    margin-bottom: 15px;
}

#map-4F{
    padding-top: 50px;
}

#map-4F .kaijou-map{
    width: 80%;
}
    
}

@media (max-width: 599px) {



#about-header{
    padding: 25px 0 ;
}

    #about-header .title-base{
        font-size: 6.4vw;
    }

#about-header .title-base small{
    padding: 0 4px 5px;
    font-size: 5vw;
    margin-bottom: 15px;
}
	
#about-header article p{
    width: 100%;
    line-height: 1.7;
    font-size: 14px;
}

.ill-06{
	width: 90px;
    bottom: -55px;
    right: 10px;
}
    
    #about-message{
        padding-top: 10px;
    }

#about-message article{
	display: block;
}

.pic-about-message{
	width: 100%;
	margin-right: 0;
	text-align: center;
	margin: 20px auto;
}

.pic-eharareiko{
	width: 60%;
}

.name-reikoehara{
	width: 65%;
    right: inherit;
    top: inherit;
	left: 25%;
	bottom: -25px;
}

.txt-about-message{
	width: 100%;
	line-height: 1.9;
}

.txt-about-message h2{
	display: block;
	font-weight: 600;
	margin-bottom: 15px;
	font-size: 16px;
}

.ill-07{
    width: 72px;
    right: -90px;
    top: 6px;
}

.about-access-map iframe{
	height: 320px;
}

.about-access-txt{
	line-height:1.9;
}
    
    #about-map article{
        padding: 25px;
    }

#about-map article > div{
    margin-top: 30px;
}

#about-map article > div p{
    font-size: 16px;
}

#about-map article > div a{
    width: 80%;
}

#map-outline .title-base{
    font-size: 5vw;
    margin-bottom: 10px;
}

#map-4F{
    padding-top: 35px;
}

#map-4F .kaijou-map{
    width: 92%;
}
   
}



#about-data{
    padding-bottom: 75px;
}

p.headtxt-about-data{
    text-align: center;
    font-size: 20px;
    /*color: #fdc800;*/
    font-weight: 600;
    margin-bottom: 50px;
}

#about-data-total,
#about-data-segment,
#about-data-porpose,
#about-data-exsegment{
    text-align: center;
    margin-bottom: 50px;
}

#about-data-exporpose{
    text-align: center;
}

.data-08{
    width: 48%;
    vertical-align: top;
    margin-right: 5px;
}

.data-09{
    width: 40%;
    vertical-align: top;
    margin-left: 5px;
}

.data-01{
    width: 10%;
    vertical-align: top;
    margin-right: 50px;
}

.data-02{
    width: 22.5%;
    vertical-align: top;
    margin-right: 25px;
}

.data-03{
    width: 25.5%;
    vertical-align: top;
    margin-right: 40px;
}

.data-10{
    width: 21.3%;
    vertical-align: top;
}

.data-04,.data-07{
    width: 90%;
}

.data-06{
    width: 56%;
    vertical-align: middle;
    margin: 0 20px;
}

#about-data-exsegment article{
    display: flex;
}

#about-data-exsegment .title-y-line{
    border-color: #e83b2a;
}

#about-data-exsegment .title-y-line span{
    color: #e83b2a;
}

.img-satisfy{
    width: 35%;
    margin-right: 5%;
    padding-top: 10px;
}

.data-05{
    width: 78%;
    vertical-align: bottom;
}

.voice-exx{
    width: 60%;
    text-align: left;
}

.voice-exx p{
    border-radius: 12px;
    background-color: #fdece3;
    padding: 12px ;
}

.voice-exx h4{
    margin-bottom: 20px;
}


#ul-feature,#ul-merit{
    display: flex;
    margin-bottom: 20px;
}

#ul-feature li{
    width: calc(100%/3);
    background-color: #5ac800;
    color: #fff;
    padding: 10px 15px 20px;
    text-align: center;
    font-size: 19px;
}

#ul-feature li:nth-child(2){transition-delay: 200ms;}
#ul-feature li:nth-child(3){transition-delay: 400ms;}

#ul-merit li{
    width: calc(100%/2);
    background-color: #5ac800;
    color: #fff;
    padding: 10px 15px 20px;
    text-align: center;
    font-size: 19px;
}

#ul-merit li:nth-child(2){transition-delay: 200ms;}

#ul-feature li:nth-child(2){
    margin: 0 25px;
}

#ul-merit li:nth-child(1){
    margin-right: 25px;
}

#ul-feature li small,
#ul-merit li small{
    display: block;
    font-size: 70%;
}

#about-data-porpose .title-y-square,
#about-data-exporpose .title-y-square{
    margin-bottom: 25px;
}

#about-access{
    position: relative;
    padding-top: 120px;
}

body.page-about .page{
    padding-bottom: 0;
}



@media (max-width: 1024px) {

.data-05{
    width: 85%;
}

#about-access{
    padding-top: 70px;
}
    
}


@media (max-width: 768px) {

p.headtxt-about-data{
    font-size: 23px;
}

.data-08{
    width: 52%;
    margin-right: 2px;
}

.data-09{
    width: 43%;
    margin-left: 2px;
}

.img-satisfy{
    width: 44%;
}

.data-05{
    width: 100%;
}

.voice-exx{
    width: 51%;
}

.voice-exx p{
    margin-bottom: 10px;
    padding: 10px ;
}

.voice-exx h4{
    margin-bottom: 15px;
}

.data-04,.data-07{
    width: 100%;
}
    
}


@media (max-width: 599px) {


#about-data{
    padding-bottom: 35px;
}

p.headtxt-about-data{
    font-size: 16px;
    margin-bottom: 35px;
}

#about-data-total,
#about-data-segment,
#about-data-porpose,
#about-data-exsegment{
    margin-bottom: 35px;
}

.data-08{
    display: block;
    width: 90%;
    margin: 0 auto 30px;
}

.data-09{
    display: block;
    width: 90%;
    margin: 0 auto;
}

.data-01{
    display: block;
    width: 60%;
    margin: 0 auto 40px;
}

.data-02{
    display: block;
    width: 63%;
    margin: 0 auto 50px;
}

.data-03{
    display: block;
    width: 72%;
    margin: 0 auto 50px;
    padding-right: 30px;
}

.data-10{
    display: block;
    width: 61%;
    margin: 0 auto 30px;
    padding-right: 10px;
}

.data-05{
    display: block;
    width: 60%;
    margin: 0 auto 50px;
}

.data-06{
    display: block;
    width: 96%;
    margin: 0 auto 50px;
}

#about-data-exsegment article{
    display: block;
}

.img-satisfy{
    width: 100%;
    text-align: center;
}

.data-05{
    width: 70%;
    margin: 0 auto 25px;
    padding: 0;
}

.voice-exx{
    width:100%;
}
    
#ul-feature,#ul-merit{
    display: block;
    margin-bottom: 20px;
}

#ul-feature li{
    width: 100%;
    box-sizing: border-box;
    padding: 10px 15px 20px;
    font-size: 18px;
    margin-bottom: 12px;
}

#ul-feature li:nth-child(2){transition-delay: 0;}
#ul-feature li:nth-child(3){transition-delay: 0;}

#ul-merit li{
    width: 100%;
    box-sizing: border-box;
    padding: 10px 15px 20px;
    font-size: 18px;
    margin-bottom: 12px;
}

#ul-merit li:nth-child(2){transition-delay: 0;}

#ul-feature li:nth-child(2){
    margin: 0 auto 12px;
}

#ul-merit li:nth-child(1){
    margin-right: 0;
}
    
}




/*==================================================
出展のご案内共通
================================================== */


/* ↓↓↓↓ 下層ページナビメニューマウスオーバーフォーマット ↓↓↓↓ */
.page-exhibitor #dropmenu > li:nth-child(2) > a{
	background: #5ac800;
    color: #fff !important;
	height: 46px;
	line-height: 48px;
}

.page-exhibitor #dropmenu > li:nth-child(2) > a i{
	display: none !important;
}

/*.page-about .page{
	margin-top: 116px;
	border-top: 5px solid #5ac800;
}*/

.page-exhibitor #global-nav{
	border-color: #5ac800;
}
/* ↑↑↑↑ 下層ページナビメニューマウスオーバーフォーマット ↑↑↑↑ */

.mv-page-exhibitor img{
    width: 100%;
    vertical-align: bottom;
}

#page-exhibitor-company .title-base{
    /*color: #d8e58d;*/
    color: #8d9355;
}

#page-exhibitor-personal .title-base{
    /*color: #f9d0c3;*/
    color: #e59d89;
}

.page-exhibitor #btnarea-pagetop{
    margin-top: 0;
}

.page-exhibitor .page{
    padding-bottom: 0;
}

#company-area-fukumu{
    text-align: center;
    padding-bottom: 35px;
}

#ex-price-box{
    margin: 50px auto 20px;
}

#ex-price-box p strong,
.world-koma-p p strong{
    font-size: 160%;
}

#ex-price-box h4{
    display: block;
    font-size: 21px;
}

#ex-price-box h4 small {
    display: block;
    font-size: 13px;
}

.title-sub span{
    padding: 10px 50px;
    min-width: 280px;
}

#schedule{
	padding: 130px 0 75px;
    margin-top: -120px;
}

.title-plane{
	display: block;
	position: relative;
	text-align: right;
	font-size: 28px;
	letter-spacing: 0.08em;
}

.title-plane span{
	display: inline-block;
	border-bottom: 3px solid #5ac800;
	width: 90%;
	text-align: center;
	padding-bottom: 12px;
}

.title-img-plane{
	width: 8%;
	position: absolute;
	left: 0;
	bottom: -20px;
}

.img-flow{
	display: block;
	margin: 0 auto;
	width: 90%;
}

#about-payment article{
	width: 90%;
	margin: 0 auto 35px;
}

#about-payment .title-basic{
	text-align: center;
	margin-bottom: 10px;
    color: #5ac800;
}

#about-payment article#payment-cancel{
	margin-bottom: 50px !important;
}

#ex-setsumeikai table{
	width: 90%;
}

#ex-setsumeikai table tr{
	border-bottom: 2px solid #5ac800;
}

#ex-setsumeikai table th{
	text-align: center;
	vertical-align: middle;
}

#ex-setsumeikai table td strong{
	font-weight: normal;
	font-size: 200%;
}

#howtokoma{
	width: 80%;
	margin: 50px auto ;
	text-align: left;
}

.title-howtokoma{
	display: block;
	font-size: 18px;
	text-align: center;
	margin-bottom: 25px;
}

.title-howtokoma span{
	display: inline-block;
	padding: 5px 40px;
	border: 2px solid #5ac800;
}

#common-ex-bottom{
    border-top: 1px solid #ddd;
    padding-top: 50px;
}




@media (max-width: 768px) {
    
.title-sub span{
    min-width: 100%;
}

.title-plane{
	font-size: 22px;
}

.title-img-plane{
	bottom: -14px;
}

#about-payment article{
	width: 100%;
	margin: 0 auto 25px;
}

.title-howtokoma{
	font-size: 16px;
	margin-bottom: 20px;
}

.title-howtokoma span{
	padding: 5px 30px;
}

.img-flow{
	width: 100%;
}
    
    #ex-setsumeikai table{
        width: 100%;
    }
    
#howtokoma {
    width: 100%;
    margin: 35px auto;
}    
    
}

@media (max-width: 599px) {

    #common-ex-bottom{
        padding-top: 0;
    }

#ex-price-box{
    margin: 0 auto 35px;
}
    
#ex-price-box .half-box{
    padding-bottom: 0;
}

#company-area-fukumu{
    text-align: left;
}

.img-flow{
	margin: 0 auto 0;
}
    
#ex-setsumeikai {
    margin-top: 0;
    padding: 30px 0;
    text-align: center;
    margin-bottom: 0;
}   
    
    #ex-setsumeikai table{
        width: 100%;
    }
    
    #howtokoma {
    width: 100%;
    margin: 35px auto;
}

#schedule{
	padding: 80px 0 50px;
    margin-top: -60px;
}
    
    
    
}

/*==================================================
個人出展
================================================== */

#personal-area > div > p{
	text-align: center;
}

.ul-personal-area{
    list-style: none;
    margin: 35px 0 0 0;
}

.ul-personal-area li{
    margin-bottom: 20px;
}

.ul-personal-area li::before{
    content: '▶︎';
    color: #f39800;
}

.ul-personal-area li h3{
    display: inline;
    font-size: 21px;
}

.ul-personal-area li h3 a{
    color: #f39800;
}

.ul-personal-area li h3 a:hover{
    color: #f39800;
}

.ul-personal-area li h3 small{
    font-size: 75%;
}

#exhibitor-personal-exarea{
    margin-bottom: 75px;
}

#exhibitor-personal-exarea > p{
    text-align: center;
    margin-bottom: 50px;
}

#ex-company-price.ex-personal-price{
    text-align: center;
}

#ex-company-price.ex-personal-price article{
    margin-bottom: 50px;
    
}

#ex-company-price.ex-personal-price article table{
    margin: 30px 0 ;
}

#ex-company-price.ex-personal-price article table th,#ex-company-price.ex-personal-price article table td{
   padding: 10px ;
    text-align: center;
}

#company-area-shiyou ul{
    display: block;
    width: 90%;
    margin: 0 auto;
}

#tokyocreation-fukumu{
    margin-top: 75px;
}

@media (max-width: 768px) {

.ul-personal-area li h3{
    font-size: 18px;
}
    
}

@media (max-width: 599px) {

.ul-personal-area li h3{
    font-size: 16px;
}
    
    .ul-personal-area li h3 small{
        display: block;
        padding-bottom: 5px;
    }
    
}


/*==================================================
WORLD
================================================== */

#world-area{
    margin-bottom: 50px;
}

#world-area p.fc-blue{
    margin: 25px 0 0;
    font-size: 18px;
}


#world-ex-area{
    margin-bottom: 0;
}

#world ul.list-dis{
    display: block;
    width: 90%;
    margin: 0 auto;
}

#world-fukumu{
    margin-bottom: 75px;
}

#world-fukumu article{
}

#world-fukumu h4{
    font-size: 21px;
}

#world-fukumu article p.fs-80per{
    text-align: left;
}

#world-normal-koma h5{
    margin: 0;
    margin-bottom: 25px;
}

.box-kojin table.table-basic{
    margin-bottom: 50px !important;
}

#world-kanban{
    margin-top: 35px;
}

#world-kanban img{
    width: 74%;
}

@media (max-width: 599px) {
    
    #world-area{
        margin-bottom: 30px;
    }

#world-area p.fc-blue{
    margin: 20px 0 0;
    font-size: 15px;
}
    
    #world-merit{
        padding-bottom: 35px;
    }
    
#world ul.list-dis li {
    margin-left: 0;
}
    
    #world-ex-area{
        padding-bottom: 0;
    }
    
    #world .title-sub{
        width: 100%;
    }
    
    #world-fukumu h4{
        font-size: 18px;
    }

#world-kanban img{
    width: 100%;
}
    
}


/*==================================================
出展のご案内
================================================== */

#head-exhibitor-top{
    text-align: center;
    background: #eef5df;
    padding: 20px 30px;
    position: relative;
}

.layout-04{
    width: 170px;
    position: absolute;
    top: 0;
    right: 0;
}

#head-exhibitor-top h2{
    display: block;
    font-size: 38px;
    line-height: 1.7;
}

#head-exhibitor-top h2 small{
    display: block;
    font-size: 60%;
}
#head-exhibitor-top h2 strong{
    display: block;
}

.box-layout{
    margin-top: 20px;
    text-align: center;
}

.box-layout img{
    height: 30vw;
    margin: 0 5px;
    vertical-align: top;
}

.box-layout img.layout-02{
    height: 29.6vw;
}

/*#main-layout{
    width: 75%;
}

#main-layout img{
    vertical-align: top;
    width: 100%;
}

#layout-con2{
    width: 25%;
    padding-left: 3%;
    text-align: center;
}

.layout-02{
    width: 100%;
    vertical-align: top;
}*/

#btn-layout-area{
    width: 86%;
    margin: 35px auto 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#btn-layout-area a{
    margin: 0 0 22px;
    width: calc(100%/3 - 15px);
    min-width: inherit;
    border-radius: 8px;
    padding: 15px 0;
}

#btn-layout-area a:nth-child(2),
#btn-layout-area a:nth-child(5){
    margin-left: 15px;
    margin-right: 15px;
}

#btn-layout-area a small{
    padding-right: 10px;
    font-size: 80%;
}

.layout-03{
    width: 45%; 
    vertical-align: middle;
}


#btn-layout-area > a:nth-child(2){
    border-color: #409ad6 !important;
    color: #409ad6 !important;
}

#btn-layout-area > a:nth-child(2):hover{
    background-color: #409ad6 !important;
    color: #fff !important;
}

#btn-layout-area > a:nth-child(3){
    border-color: #978f8b!important;
    color: #978f8b !important;
}

#btn-layout-area > a:nth-child(3):hover{
    background-color: #978f8b !important;
    color: #fff !important;
}

#btn-layout-area > a:nth-child(4){
    border-color: #f39800 !important;
    color: #f39800 !important;
}

#btn-layout-area > a:nth-child(4):hover{
    background-color: #f39800 !important;
    color: #fff !important;
}

#btn-layout-area > a:nth-child(5),
#btn-layout-area > a:nth-child(6){
    border-color: #bea044 !important;
    color: #bea044 !important;
}

#btn-layout-area > a:nth-child(5):hover,
#btn-layout-area > a:nth-child(6):hover{
    background-color: #bea044 !important;
    color: #fff !important;
}

.txtatt-layout{
    margin: 30px 0 0;
    text-align: center;
}

@media (max-width: 1152px) {

#btn-layout-area{
    width: 100%;
    margin: 25px auto 0;
}


    
}

@media (max-width: 768px) {

#head-exhibitor-top{
    padding: 20px;
}

#head-exhibitor-top h2{
    font-size: 26px;
}

#btn-layout-area a{
    margin: 0 0 15px;
    width: calc(100%/3 - 12px);
    padding: 10px 0;
    font-size: 16px;
}

#btn-layout-area a:nth-child(2),
#btn-layout-area a:nth-child(5){
    margin-left: 8px;
    margin-right: 8px;
}

.layout-04{
    width: 140px;
}

    
}


@media (max-width: 599px) {

.box-layout img{
    height: auto;
    width: 100%;
    margin: 0 auto 20px;
    display: block;
}

.box-layout img.layout-02{
    height: auto;
    width: 58%;
}

#head-exhibitor-top h2{
    font-size: 8vw;
}
    
#head-exhibitor-top h2 small{
        font-size: 14px;
    }

#btn-layout-area a{
    padding: 7px 0;
    margin: 0 10px 11px 0;
    width: calc(100%/2 - 5px);
}

#btn-layout-area a:nth-child(2){
    margin-left: 0;
    margin-right: 0;
}
    #btn-layout-area a:nth-child(4),
    #btn-layout-area a:nth-child(6){
        margin-right: 0;
    }
    
    #btn-layout-area a:nth-child(5){
        margin-right: 10px;
        margin-left: 0;
    }    
    #btn-layout-area a small{
        display: block;
    }

.layout-04{
    width: 28vw;
    top: 70px;
    right: -20px;
}

.txtatt-layout{
    margin: 20px 0 0;
    font-size: 12px;
}
    

    
}



.txt-zone{
    font-weight: 600;
    font-size: 28px;
    text-align: center;
    margin-bottom: 35px;
}

.box-zone{
    display: flex;
    margin: 0 auto 30px;
    border: 3px solid #5ac800;
    padding: 30px;
}

#zone-world{border-color: #409ad6}
#zone-company{border-color: #978f8b}
#zone-personal{border-color: #f39800}

.box-zone-txt{
    width: 60%;
}

.box-zone-pict{
    width: 40%;
    padding-left: 5%;
}

.box-zone-pict img{
    width: 100%;
}

.title-zone{
    display: block;
    font-size: 28px;
    border-bottom: 3px solid #5ac800;
    margin-bottom: 25px;
}

#zone-world .title-zone{border-color: #409ad6}
#zone-company .title-zone{border-color: #978f8b}
#zone-personal .title-zone{border-color: #f39800}

.title-zone small{
    padding-right: 12px;
    font-size: 80%;
}

.zone-copy{
    font-size: 21px;
    font-weight: 600;
}

.tag{
	display: inline-block;
	border-radius: 4px;
    border: 1px solid #ddd;
	font-size: 84%;
	padding: 5px 12px;
	margin-right: 6px;
    line-height: 1.1;
}

.zone-exp{
    line-height: 1.9;
    margin-bottom: 20px;
}

.zone-exp p{
    margin: 0;
}

#zone-personal .zone-exp p{
    margin-bottom: 6px;
}

.zone-tag{
    margin-bottom: 25px;
}

span.fc-personal{
    margin-right: 10px;
}

@media (max-width: 1152px) {
    
.txt-zone{
    font-size: 22px;
    margin-bottom: 25px;
}

.box-zone{
    margin: 0 auto 20px;
    padding: 20px;
}

.title-zone{
    font-size: 22px;
    margin-bottom: 20px;
}

.title-zone small{
    padding-right: 12px;
    font-size: 80%;
}

.zone-copy{
    font-size: 21px;
    font-weight: 600;
}   
    
}

@media (max-width: 768px) {
    
.txt-zone{
    font-size: 19px;
}

.title-zone{
    font-size: 24px;
    margin-bottom: 10px;
}

.title-zone small{
    padding-right: 10px;
    font-size: 70%;
}

.zone-copy{
    font-size: 18px;
} 
   
}

@media (max-width: 599px) {
    
.txt-zone{
    font-size: 14px;
}

.box-zone{
    display: block;
    margin: 0 auto 20px;
    padding: 15px;
}

.box-zone-txt{
    width: 100%;
    margin-bottom: 20px;
}

.box-zone-pict{
    width: 100%;
    padding-left: 0;
}

.title-zone{
    font-size: 24px;
    margin-bottom: 15px;
}

.title-zone small{
    padding-right: 8px;
    font-size: 70%;
}

.zone-copy{
    font-size: 18px;
}

.tag{
	padding: 5px 10px;
	margin-right: 5px;
    font-size: 13px;
}

.zone-exp{
    line-height: 1.6;
    margin-bottom: 20px;
}

#zone-personal .zone-exp p{
    margin-bottom: 6px;
}

.zone-tag{
    margin-bottom: 15px;
}
    
    .box-zone-txt a.btn{
        margin: 18px auto;
    }
    
}


/*==================================================
KIDSワークショップ
================================================== */


/* ↓↓↓↓ 下層ページナビメニューマウスオーバーフォーマット ↓↓↓↓ */
.page-event #dropmenu > li:nth-child(4) > a{
	background: #5ac800;
    color: #fff !important;
	height: 46px;
	line-height: 48px;
}

.page-event #dropmenu > li:nth-child(4) > a i{
	display: none !important;
}

/*.page-about .page{
	margin-top: 116px;
	border-top: 5px solid #5ac800;
}*/

.page-event #global-nav{
	border-color: #5ac800;
}
/* ↑↑↑↑ 下層ページナビメニューマウスオーバーフォーマット ↑↑↑↑ */

#page-kids{
    padding-bottom: 0;
}

.title-kids{
    display: block;
    position: relative;
    color: #ffc300;
    font-size: 32px;
    text-align: center;
    border-bottom: 2px solid #ffc300;
    padding: 0 0 12px;
}

.title-kids small{
    position: absolute;
    right: 45px;
    top: 22%;
    font-size: 18px;
}

.ill-kids{
    width: 110px;
    position: absolute;
    top: -35px;
    left: 150px;
}

#head-kids{
    text-align: center;
    margin-bottom: 50px;
}

p.txt-kids-lead{
    color: #ffc300;
    margin: 35px 0 ;
}

.title-kids-02{
    display: block;
    position: relative;
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 35px;
    text-align: center;
}

.title-kids-02 span{
    display: inline-block;
    border: 1px solid #4d4d4d;
    padding: 7px 50px;
}

.title-kids-02 small{
    position: absolute;
    font-size: 14px;
    left: 68%;
    bottom: 0;
}

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

.table-normal-line tr{
    border-bottom: 1px solid #808080;
}

.table-normal-line th{
    width: 30%;
    box-sizing: border-box;
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
    padding: 20px;
}

.table-normal-line td{
    width: 70%;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 20px 0;
}

#outline-kids{
    margin-bottom: 75px;
}

@media (max-width: 768px) {

p.txt-kids-lead{
    font-size: 19px !important;
}

.title-kids{
    font-size: 24px;
    padding: 0 0 8px;
}

.title-kids small{
    font-size: 13px;
}

.ill-kids{
    width: 80px;
    top: -25px;
    left: 120px;
}

.title-kids-02{
    font-size: 21px;
}

.title-kids-02 span{
    padding: 5px 30px;
}
    
}

@media (max-width: 599px) {

.title-kids{
    font-size: 21px;
}

.title-kids small{
    position: relative;
    right: inherit;
    top: inherit;
    font-size: 13px;
    display: block;
}

.ill-kids{
    width: 64px;
    top: 5px;
    left: 0;
}

#head-kids{
    margin-bottom: 35px;
}

p.txt-kids-lead{
    font-size: 16px !important;
    margin: 25px 0 ;
}

.title-kids-02{
    font-size: 21px;
    margin-bottom: 25px;
}

.title-kids-02 span{
    padding: 3px 20px;
}

.title-kids-02 small{
    position: relative;
    font-size: 13px;
    left: inherit;
    bottom: inherit;
    display: block;
    margin-top: 6px;
}

.table-normal-line th{
    width: 20%;
    padding: 14px 10px;
    vertical-align: top;
}

.table-normal-line td{
    width: 80%;
    vertical-align: top;
    padding: 14px 0;
}

#outline-kids{
    margin-bottom: 50px;
}
    
}


/*==================================================
作品展
================================================== */

#sakuhin-area .title-base{
	color: #ba9b72;
}

#jouken-sakuhin{
	margin: 100px auto;
}

#jouken-sakuhin .ul-personal-area li h3{
	color: #4d4d4d;
	font-size: 16px;
	font-weight: normal;
}

#jouken-sakuhin .ul-personal-area li p{
	text-indent: 1em;
	font-size: 13px;
}

#jouken-sakuhin .ul-personal-area li::before{
	color: #ba9b72;
}

#sakuhin-size{
	width: 35%;
	text-align: left;
}

#sakuhin-size p small{
	display: block;
}

#sakuhin-price{
	width: 49%;
}

#sakuhin-price p strong{
	font-size: 150%;
}

.title-box{
	display: block;
	text-align: center;
	font-size: 19px;
	margin-bottom: 25px;
}

.title-box span{
	display: inline-block;
	padding: 2px 15px;
	border: 1px solid #4d4d4d;
}

#pic-sakuhin{
    margin: 50px auto ;
    text-align: center;
}

#pic-sakuhin img{
    width: 46%;
    margin: 0 2%;
    vertical-align: bottom;
}

@media (max-width: 599px) {

#jouken-sakuhin{
	margin: 50px auto;
}

#sakuhin-size{
	width: 90%;
	text-align: left;
}

#sakuhin-price{
	width: 90%;
	text-align: left;
}

.title-box{
	font-size: 16px;
	margin-bottom: 15px;
}

.title-box span{
	min-width: 35%;
}

#pic-sakuhin{
    margin: 0 auto ;
}

#pic-sakuhin img{
    display: block;
    width: 90%;
    margin: 0 auto 15px;
}
	
}


/*==================================================
ARENA
================================================== */



#head-arena{
    margin-bottom: 35px;
}

#head-arena p{
    text-align: center;
    font-size: 21px;
    line-height: 2.0;
}

#head-arena p strong{
    font-size: 28px;
}

#head-arena p strong#copy-arena{
    display: block;
    margin-bottom: 20px;
}

#head-arena p small{
    display: block;
    margin-top: 20px;
    font-size: 75%;
}

#outline-arena{
    margin: 30px auto 50px;
}

#outline-arena article{
    position: relative;
    margin-bottom: 35px;
    min-height: 230px;
}

#outline-arena article h3{
    width: 55%;
    display: block;
    color: #5ac800;
    font-size: 28px;
}

#outline-arena article p{
    width: 50%;
    margin: 0;
    line-height: 2.0;
}

#outline-arena article#arena-workshop h3,
#outline-arena article#arena-workshop p{
    margin-left: 45%;
}

.img-arena{
    width: 40%;
    height: 230px;
    object-fit: cover;
    position: absolute;
    top: 10px;
    right: 0;
}

#outline-arena article#arena-workshop .img-arena{
    right: inherit;
    left: 0;
}

#arena-workshop p strong,
#arena-workshop p small{
    display: block;
}

.img-arena04{
    width: 120px;
    float: right;
    margin: 0 0 0 20px;
}

#arena-display > span{
    position: absolute;
    right: 0;
    bottom: -200px;
    font-size: 13px;
}

#merit-arena{
    margin-top: 80px;
}

.ul-arena{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.ul-arena li{
    width: calc(100%/2 - 57px);
    margin: 0 30px 30px 0;
    border: 1px solid #5ac800;
    background-color: #fff;
    padding: 20px;
}

.ul-arena li:nth-child(2){
    border-color: #f39800;
}

.ul-arena li:nth-child(3){
    border-color: #00b09e;
}



.ul-arena li:nth-of-type(2n){
    margin-right: 0;
}

.ul-arena li p{
    margin: 0;
}

.ul-arena li p small{
    display: block;
}

.ul-arena li h4{
    display: block;
    color: #5ac800;
    font-size: 18px;
}

#tokuten-arena{
    text-align: center;
    padding-top: 100px;
}

#tokuten-arena article{
    border: 2px solid #fdc800;
    padding: 0 50px 40px;
    margin-top: 75px;
    position: relative;
}

#tokuten-arena article h4{
    border: none;
    display: inline-block;
    padding: 10px 35px;
    background: #f5f1f4;
    position: relative;
    top: -30px;
    font-size: 24px;
    color: #fcc800;
    margin: 0;
}

.btn-tokuten-arena{
    margin-top: 30px;
}

.btn-tokuten-arena a{
    border: 2px solid #494949;
    padding: 20px 35px;
    border-radius: 70px;
}

.box-arena-layout{
    background-color: #fff;
    padding: 20px 30px;
}

.arena-layout{
    width: 100%;
    vertical-align: bottom;
}

.box-arena-layout small{
    display: block;
    margin: 30px 0 0;
}

#boothex-arena{
    padding: 100px 0 50px;
}

#boothex-arena img{
    display: block;
    margin: 0 auto ;
    max-width: 70%;
}

#boothex-arena #s-1 img{
    margin-top: -50px;
}

#boothex-arena table.table-normal-line{
    margin-bottom: 50px;
}

#boothex-arena table.table-normal-line tr{
    border-color: #5ac800;
}

#boothex-arena table.table-normal-line td{
    padding: 15px 0;
}

#boothex-arena table.table-normal-line td.td-arena-img{
    padding: 30px 0;
}

th.th-arena-type{
    padding: 0;
}

th.th-arena-type span{
    display: block;
    width: 90%;
    background: #5ac800;
    font-size: 32px;
    text-align: center;
    color: #fff;
}

#outline-A th.th-arena-type span{
    background: #4ebba6;
}

#boothex-arena table.table-normal-line td ul{
    margin-bottom: 0;
}

.arena-koma-type{
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #5ac800;
}

#outline-A .arena-koma-type{
    border-bottom: 1px solid #4ebba6;
    margin-bottom: 30px;
    padding-bottom: 30px;
}


.arena-koma-type h3{
    display: block;
    font-size: 21px;
    color: #fff;
}

#s-2 p{
    margin: 30px 0 35px;
}

.arena-koma-type h3 span{
    background-color: #5ac800;
    padding: 15px 25px;
}

#outline-A .arena-koma-type h3 span{
    background-color: #4ebba6;
} 

#boothex-arena table#outline-A.table-normal-line tr{
    border-color: #4ebba6;
}

#arena-booth-ill img{
    width: 84%;
    display: block;
    margin: 0 auto;
    vertical-align: bottom;
}

.txt-oshi{
    display: block;
    margin: 0 auto 30px;
    vertical-align: bottom;
    width: 58%;
}




@media (max-width: 768px) {
    
    #head-arena{
        margin-bottom: 25px;
    }   

#head-arena p strong{
    font-size: 18px;
}   

#head-arena p{
    font-size: 15px;
    line-height: 1.8;
    text-align: left;
} 

#outline-arena article{
    margin-bottom: 50px;
    min-height: 200px;
}

#outline-arena article h3{
    font-size: 21px;
}
    
#arena-display > span{
    bottom: -90px;
}

#merit-arena{
    margin-top: 35px;
}

.ul-arena li p strong{
    font-size: 21px;
}

#tokuten-arena{
    padding-top: 50px;
}

#tokuten-arena article{
    padding: 0 25px 40px;
    margin-top: 50px;
}

#layout-arena{
    padding-top: 70px;
}

#boothex-arena{
    padding: 75px 0 50px;
}

th.th-arena-type{
    padding: 0;
}

th.th-arena-type span{
    font-size: 25px;
    padding: 10px 0;
}

#boothex-arena table.table-normal-line th{
    width: 34%;
}

#boothex-arena table.table-normal-line td{
    width: 66%;
}

#arena-booth-ill img{
    width: 100%;
}

    
    
}


@media (max-width: 599px) {



.box-arena-layout{
    padding: 10px;
}

#head-arena p{
    font-size: 14px;
    line-height: 1.8;
    text-align: left;
}

#head-arena p strong{
    font-size: 18px;
}

#head-arena p small{
    margin-top: 15px;
}

#outline-arena{
    margin: 30px auto;
}

.txt-oshi{
    margin: 0 auto 25px;
    width: 94%;
}    

#outline-arena article{
    margin-bottom: 35px;
    min-height: auto;
}

#outline-arena article h3{
    width: 100%;
    font-size: 5.6vw;
    margin-bottom: 25px;
}

#outline-arena article p{
    width: 100%;
    margin: 5px 0 0 0;
    line-height: 1.8;
}

#outline-arena article#arena-workshop h3,
#outline-arena article#arena-workshop p{
    margin-left: 0;
}

.img-arena{
    width: 100%;
    height: 190px;
    position: relative;
    top: inherit;
    right: inherit;
}

#outline-arena article#arena-workshop .img-arena{
    right: inherit;
    left: inherit;
}

.img-arena04{
    width: 32%;
    margin: 0 0 0 15px;
}

#arena-display > span{
    bottom: -30px;
    font-size: 12px;
}

#merit-arena{
    padding-top: 35px;
}

.ul-arena li{
    width: 100%;
    margin: 0 auto 15px;
    box-sizing: border-box;
    padding: 14px;
}

.ul-arena li:nth-of-type(2n){
    margin-right: auto;
}

.ul-arena li h4{
    font-size: 18px;
}

#tokuten-arena{
    padding-top: 50px;
}

#tokuten-arena article{
    padding: 0 15px 20px;
}

#tokuten-arena article h4{
    font-size: 5.6vw;
}

.btn-tokuten-arena a{
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 14px 10px;
}

#layout-arena{
    padding-top: 35px;
}

.arena-layout{
    width: 100%;
}

#layout-arena small{
    font-size: 12px;
}

#boothex-arena{
    padding: 60px 0 20px;
}

#boothex-arena img{
    max-width: 100%;
    margin-top: 15px;
}

#boothex-arena table.table-normal-line{
    margin-bottom: 35px;
}

th.th-arena-type span{
    font-size: 5.6vw;
}


#boothex-arena table.table-normal-line td.td-arena-img{
    padding: 10px 0;
}    
    
    #boothex-arena #s-1 img{
        margin-top: 0;
    }

.arena-koma-type{
    padding: 15px;
    margin-bottom: 15px;
}

#outline-A .arena-koma-type{
    padding: 15px;
    margin-bottom: 15px;
}
    
    #s-2 p{
        font-size: 13px;
        margin: 15px 0;
    }


.arena-koma-type h3{
    font-size: 18px;
}

.arena-koma-type h3 span{
    padding: 10px 20px;
} 
    
    
}



/*==================================================
告知画像
================================================== */

#contents-banner{
    padding: 75px 0;
}

#head-banner{
    position: relative;
    padding-bottom: 75px;
}

#contents-banner .title-base{
    margin-bottom: 50px;
}

.ul-check{
    list-style: none;
    margin: 30px 0;
}

.ul-check li i{
    color: #5ac800;
    margin-right: 5px;
    font-size: 110%;
}

.icn-check{
    width: 15px;
    padding-right: 3px;
    vertical-align: middle;
}

#head-banner article{
    display: inline-block;
    background: #eef5df;
    padding: 25px;
}

#head-banner article p{
    margin: 0;
    border-bottom: 1px solid #5ac800;
}

#head-banner article small{
    display: block;
    color: #5ac800;
    font-weight: 600;
}

.img-banner{
    width: 34%;
    position: absolute;
    right: 0;
    bottom: 80px;
}

#contents-banner > article{
    margin: 50px auto 0;
    border-bottom: 1px dotted #4d4d4d;
    padding-bottom: 35px;
}

.banner-size textarea{
    background: #fff;
    padding: 20px;
}

#outline-banner h4{
    margin: 35px 0 15px;
}


@media (max-width: 768px) {

#contents-banner{
    padding: 35px 0;
}

.img-banner{
    width: 24%;
}

#head-banner article{
    font-size: 14px;
    padding: 15px;
}
    
}


@media (max-width: 599px) {

#contents-banner{
    padding: 10px 0 0;
}
    
    #contents-banner .title-base{
        margin-bottom: 25px;
    }

#head-banner{
    padding-bottom: 30px;
}

#head-banner article{
    padding: 20px;
    clear: right;
}

.img-banner{
    width: 44%;
    position: relative;
    right: inherit;
    bottom: inherit;
    float: right;
    margin: 0 0 0 10px;
}

#contents-banner > article{
    margin: 35px auto 0;
    padding-bottom: 25px;
}

.banner-size textarea{
    padding: 10px;
}

#outline-banner h4{
    margin: 25px 0 10px;
}
    
    .box-banner-guide{
        margin-top: 20px;
        padding: 0 0 25px;
    }
    
    .box-banner-guide h4{
        margin-bottom: 15px;
    }
    
}


/*==================================================
ハンドメイド・推し活
================================================== */

.ill-oshi01{
	position: absolute;
    width: 80px;
    left: 80px;
    top: -10px;
}

#head-oshi{
	text-align: center;
}

#about-oshi{
	padding-top: 75px;
}

#about-oshi .title-basic,
#prev-oshi .title-basic{
	text-align: center;
	font-size: 32px;
	margin-bottom: 15px;
}

#about-oshi p,
#prev-oshi p{
	line-height: 2.0;
}

#prev-oshi article{
	padding: 30px 50px;
}

#data-oshi{
	width: 80%;
	margin: 0 auto 40px;
}

#pic-oshi{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

#pic-oshi img{
	width: 48%;
	margin: 0 1% 20px;
}

#outline-oshi > p{
	text-align: center;
	font-size: 18px;
	margin: 8px 0 0;
}

#outline-oshi table td strong{
	font-size: 150%;
}

#flow-oshi{
	display: flex;
	margin: 35px 0;
}

#flow-oshi > div{
	width: 45%;
}

#flow-oshi > span{
	width: 10%;
	display: block;
	text-align: center;
}

#flow-oshi > div > p{
	border: 2px solid #ffc300;
	background: #fff;
	padding: 15px ;
	text-align: center;
	margin: 0 0 15px;
}

#flow-oshi > span img{
	width: 30%;
	vertical-align: middle;
	margin-top: 26px;
}

#setting-oshi{
	display: flex;
	margin: 35px 0;
}

#setting-oshi > article{
	width: 50%;
	text-align: left;
}

.greybox-oshi{
	background: #ededee;
	padding: 20px;
	text-align: center;
	width: 86%;
	box-sizing: border-box;
}

.greybox-oshi img{
	width: 100%;
	vertical-align: bottom;
}

#image-oshi{
	text-align: center;
	margin: 25px 0 0;
}

#image-oshi > article{
	display: inline-block;
	vertical-align: top;
	width: 65%;
	text-align: left;
}

#outline-oshi .title-basic{
	margin-bottom: 15px;
}

#att-oshi{
	margin: 50px 0 0;
}

#vote-oshi > div,
#sns-oshi > div{
	width: 90%;
	margin: 0 auto;
	line-height: 2.2;
}
.ill-oshi04{
	width: 25%;
	float: right;
	margin: 0 0 0 25px;
}

.img-oshi11{
	width: 15%;
	float: right;
	margin: 0 0 0 25px;
}

.oshi-ic-03{
	width: 30px;
	vertical-align: middle;
	padding-right: 7px;
}

#sns-oshi > div a{
	font-size: 24px;
}

.tag-oshi{
	font-size: 18px;
}


@media (max-width: 768px) {

.ill-oshi01{
    width: 60px;
    left: 70px;
}

#about-oshi .title-basic,
#prev-oshi .title-basic{
	font-size: 24px;
}

#data-oshi{
	width: 100%;
	margin: 0 auto 30px;
}

#outline-oshi > p{
	font-size: 14px;
}

#setting-oshi > article:first-child{
	width: 45%;
	padding-right: 5%;
}
	
}


@media (max-width: 599px) {

.ill-oshi01{
    width: 55px;
    left: 5px;
    top: 10px;
}

#head-oshi{
	text-align: left;
}

#about-oshi{
	padding-top: 45px;
}

#about-oshi .title-basic,
#prev-oshi .title-basic{
	font-size: 5.6vw;
}

#about-oshi p,
#prev-oshi p{
	line-height: 1.8;
}

#prev-oshi article{
	padding: 25px 20px;
}

#data-oshi{
	width: 100%;
	margin: 0 auto 25px;
}

#pic-oshi img{
	width: 48%;
	margin: 0 1% 6px;
}

#outline-oshi > p{
	text-align: left;
	font-size: 13px;
}
	
#outline-oshi table th{
    width: 30% !important;
}

#outline-oshi table td{
    vertical-align: middle;
}

#flow-oshi{
	margin: 25px 0;
}
	
#flow-oshi > div > p{
    min-height: 100px;
}

#flow-oshi > span img{
	width: 50%;
	margin-top: 50px;
}

#setting-oshi{
	display: block;
	margin: 35px 0;
}
	
#setting-oshi > article{
    width: 90% !important;
    margin: 0 auto 20px;
    border-bottom: 1px dotted #808080;
    padding-bottom: 25px;
}

.greybox-oshi{
	padding: 25px;
	width: 100%;
}

#image-oshi > article{
	display: block;
    width: 90% !important;
    margin: 0 auto 20px;
    border-bottom: 1px dotted #808080;
    padding-bottom: 25px;
}

#outline-oshi .title-basic{
	margin-bottom: 10px;
}

#att-oshi{
	margin: 35px 0 0;
}

#vote-oshi > div,
#sns-oshi > div{
	width: 100%;
	line-height:1.8;
}
.ill-oshi04{
	width: 35%;
	margin: 0 0 0 15px;
}

.img-oshi11{
	width: 25%;
	margin: 0 0 0 15px;
}

.oshi-ic-03{
	width: 24px;
}

#sns-oshi > div a{
	font-size: 20px;
}

.tag-oshi{
	font-size: 15px;
}
	
}


/*==================================================
The Quilt 2024
================================================== */

#quilt .title-base{
	color: #aa7322;
    font-size: 48px;
    width: 90%;
    margin: 0 auto 45px;
}

#quilt .title-base > span{
    font-size: 54%;
}

#quilt .title-base > small{
	display: block;
	font-size: 54%;
}

#quilt .title-base > small > small{
    padding-top: 10px;
    font-size: 90%;
}

p.quilt-maincopy{
	margin: 0 0 35px;
	font-size: 21px;
	color: #aa7322;
	font-weight: 600;
	text-align: center;
}

p.p-check i{
	color: #aa7322;
	padding-right: 6px;
}

#quilt .ul-personal-area li h3,
#quilt .ul-personal-area li::before{
	color: #aa7322 !important;
}

#shikaku-quilt > p{
	text-align: center;
	margin-bottom: 35px;
}

#price-quilt{
	text-align: center;
	margin-bottom: 75px;
}

#quilt-company{
	background: #fff;
	padding: 75px 0 35px;
	text-align: center;
}

#quilt-company .title-basic,
#quilt-personal01 .title-basic,
#quilt-personal02 .title-basic{
	font-size: 32px;
}

#head-quilt{
    text-align: center;
}

#head-quilt-company,
#head-quilt-personal{
	margin-bottom: 50px;
}

#head-quilt-company p strong,
#quilt-personal01 p strong,
#quilt-personal02 p strong{
	font-size: 120%;
}

#head-quilt-company p small{
	display: block;
}

#quilt-personal01{
	padding: 75px 0 35px;
	text-align: center;
}

#quilt-personal02{
	background: #fff;
	padding: 75px 0 35px;
	text-align: center;
}

#about-quilt-workshop{
	padding: 50px 0;
}

#about-quilt-workshop .title-basic{
	color: #aa7322;
	font-size: 24px;
}

#about-quilt-workshop ul{
	margin-left: 20px;
}

.ul-shiyou{
	display: block;
	width: 85%;
	margin: 0 auto;
	text-align: left;
}


@media (max-width: 768px) {

#quilt .title-base{
    font-size: 38px;
}

p.quilt-maincopy{
	margin: 0 0 25px;
	font-size: 18px;
	text-align: left;
}

#shikaku-quilt > p{
	margin-bottom: 25px;
}

#quilt-company{
	padding: 50px 0 25px;
}

#quilt-company .title-basic,
#quilt-personal01 .title-basic,
#quilt-personal02 .title-basic{
	font-size: 21px;
}

#head-quilt{
    text-align: left;
}

#head-quilt-company,
#head-quilt-personal{
	margin-bottom: 35px;
}

#quilt-personal01{
	padding: 50px 0 25px;
}

#quilt-personal02{
	padding: 50px 0 25px;
}

#about-quilt-workshop{
	padding: 40px 0;
}

#about-quilt-workshop .title-basic{
	font-size: 18px;
}

.ul-shiyou{
	width: 90%;
}
	
}


@media (max-width: 599px) {

#quilt .title-base{
    font-size: 7.2vw;
}

#quilt .title-base > small{
	font-size: 70%;
}

#quilt .title-base > small > small{
    padding-top: 10px;
    font-size: 80%;
}

p.quilt-maincopy{
	font-size: 4.5vw;
}

#price-quilt{
	margin-bottom: 50px;
}
	
#outline-quilt  #world-fukumu,
#outline-quilt-personal01 #world-fukumu,
#outline-quilt-personal02 #world-fukumu{
    margin-bottom: 0;
}

#about-quilt-workshop .title-basic{
	font-size: 18px;
}

.ul-shiyou{
	width: 90%;
}
	
}


/*==================================================
opening
================================================== */

/*#opv-wrap {
  display: none;
}

video#opv {
  position: fixed;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  vertical-align: bottom;
}

main{
  display: none;
}*/

.loading {
  width: 100vw;
  height: 100vh;
  transition: all 2s;
  background-color: #FFF;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999999999;
  opacity: 1;
  visibility: visible;
}

.loading.is-active {
  opacity: 0;
  visibility: hidden;
}

.loading-animation {
  width: 100vw;
  height: 100vh;
  transition: all 2s;
  background-color: #fffabe;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
}

.loading-animation.is-active {
  opacity: 1;
  visibility: visible;
}

#opening-movie {
  position: fixed;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  vertical-align: bottom;
    z-index: 9999999;
}


/*==================================================
kuma
================================================== */

#page-kuma{
	color: #5d452b;
}

#mv-kuma{
	background: #fffcd1;
	text-align: center;
	padding: 80px 0;
}

#mv-kuma img{
	width:94%;
	vertical-align: bottom;
}

#head-kuma{
    padding: 50px;
    box-sizing: border-box;
}

.title-kuma{
	display: block;
	text-align: center;
	margin-bottom: 35px;
    line-height: 1.8;
    font-size: 32px;
    font-weight: 600;
}

.img-kuma01{
    position: absolute;
    top: 0;
    right: 0;
	width: 38%;
    border-radius: 12px;
}

#head-kuma > div{
    position: relative;
}

#outline-kuma{
    width: 58%;
	font-size: 18px;
}

#about-kuma{
    border: 2px solid #5d452b;
    background: #fffcd1;
    padding: 14px 20px;
    margin-top: 15px;
    border-radius: 12px;
}

#about-kuma h3{
    display: block;
    font-weight: 600;
    text-align: center;
    font-size: 24px;
    margin-bottom: 12px;
}

#about-kuma p{
    margin: 0;
    font-size: 16px;
}

.img-kuma02{
    width: 30%;
    float: right;
    margin-left: 15px;
}

.copyright-kuma{
    margin-top: 5px;
    font-size: 13px;
    text-align: right;
}

.copyright-kuma img{
    width: 32%;
    vertical-align: bottom;
    padding-right: 10px;
}



@media screen and (max-width: 599px){

#mv-kuma{
	padding: 40px 0;
}

#mv-kuma img{
	width:98%;
}

#head-kuma{
    padding: 20px 5px;
}

.title-kuma{
	margin-bottom: 20px;
    line-height: 1.6;
    font-size: 5.0vw;
}

.img-kuma01{
    position: relative;
    top: inherit;
    right: inherit;
	width: 35%;
    float: right;
    margin-left: 6px;
}

#outline-kuma{
    width: 100%;
	font-size: 16px;
}

#about-kuma{
    padding: 14px 15px;
    margin-top: 15px;
    clear: right;
}

#about-kuma h3{
    font-size: 18px;
    margin-bottom: 12px;
}

#about-kuma p{
    font-size: 15px;
}

.img-kuma02{
    width: 35%;
    margin-left: 10px;
}

.copyright-kuma{
    font-size: 12px;
}

.copyright-kuma img{
    width: 46%;
}
	
}


/*==================================================
くまのがっこう
================================================== */

/* ↓↓↓↓ 下層ページナビメニューマウスオーバーフォーマット ↓↓↓↓ */
.page-special #dropmenu.nav-visitor > li:nth-child(5) > a{
	background: #5ac800;
    color: #fff !important;
	height: 46px;
	line-height: 48px;
}

.page-special #dropmenu.nav-visitor > li:nth-child(5) > a i{
	display: none !important;
}

/*.page-about .page{
	margin-top: 116px;
	border-top: 5px solid #5ac800;
}*/

.page-special #global-nav{
	border-color: #5ac800;
}
/* ↑↑↑↑ 下層ページナビメニューマウスオーバーフォーマット ↑↑↑↑ */

#kuma .title-bg-w{
	color: #774d28;
}

.coopa{
	margin: 0 !important;
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.4;
}

#kuma h4,
#kuma h5{
	color: #774d28;
	display: block;
	font-size: 18px;
}

#header-kuma{
	position: relative;
	padding-top: 20px;
}

.kuma-19{
    display: block;
    margin: 50px auto 40px;
    vertical-align: bottom;
    width: 60%;
}

#header-kuma .title-basic{
    text-align: center;
    font-size: 26px;
}



#middle-kuma{
	margin: 35px 0;
	display: flex;
}

/*#about-kuma{
	width: 55%;
	margin-right: 5%;
	border: 1px solid #774d28;
	padding: 20px;
}*/

.kuma-20{
	float: right;
	width: 30%;
	margin: 0 0 0 15px;
}

#join-kuma{
	width: 40%;
	border: 1px solid #774d28;
	padding: 20px;
}

#main-kuma{
	background: #fff7e1;
	padding: 30px;
    box-sizing: border-box;
}

/*.title-kuma{
	font-size: 24px !important;
	line-height: 1;
}

.title-kuma img{
	width: 50px;
	margin-right: 12px;
	vertical-align: middle;
}*/

.kuma-21{
	width: 100%;
	vertical-align: bottom;
	margin-bottom: 10px;
}

#main-kuma article{
	margin-bottom: 15px;
	border-bottom: 1px dotted #774d28;
}

#main-kuma article#kuma-booth03{
    min-height: 255px;
}

#article-kuma{
    position: relative;
    padding: 30px;
    background: #fff;
}

.img-kuma18{
    position: absolute;
    bottom: 30px;
    right: 30px;
    width: 18%;
    font-size: 12px;
    text-align: center;
}

.img-kuma18 img{
    width: 100%;
    margin-bottom: 6px;
}

#article-kuma article:nth-child(3),
#article-kuma article:nth-child(4){
    width: 75%;
}

.txt{
    line-height: 1.8;
}


@media screen and (max-width: 768px){

.kuma-19{
    margin: 40px auto 40px;
    width: 70%;
}

#header-kuma .title-basic{
    font-size: 21px;
}

#main-kuma article#kuma-booth03{
    min-height: 170px;
}


    
}


@media screen and (max-width: 599px){

.coopa{
	margin: 0 !important;
	position: relative;
	top: inherit;
	right: inherit;
	font-size: 12px;
    text-align: right;
}

#kuma h4,
#kuma h5{
	font-size: 16px;
}

#header-kuma{
	padding-top: 0;
}

.kuma-19{
    margin: 30px auto 25px;
    width: 90%;
}

#header-kuma .title-basic{
    font-size: 18px;
    text-align: left;
}

#middle-kuma{
	margin: 10px 0 25px;
	display: block;
}

/*#about-kuma{
	width: 100%;
	margin-right: 0;
    box-sizing: border-box;
    margin-bottom: 10px;
}*/

.kuma-20{
	float: right;
	width: 30%;
	margin: 0 0 0 15px;
}

#join-kuma{
	width: 100%;
    box-sizing: border-box;
}

#main-kuma{
	padding: 20px;
}


#main-kuma article{
	margin-bottom: 15px;
	border-bottom: 1px dotted #774d28;
}

#main-kuma article#kuma-booth03{
    min-height: auto;
}

#article-kuma{
    padding: 20px;
}

.img-kuma18{
    position: relative;
    bottom: inherit;
    right: inherit;
    width: 100%;
    margin: 0 auto;
}
    
.img-kuma18 img{
    width: 50%;
    display: block;
    margin: 0 auto;
}

#article-kuma article:nth-child(3),
#article-kuma article:nth-child(4){
    width: 100%;
}
    
}


/*==================================================
世界のハンドメイド
================================================== */

#header-world-hm{
    position: relative;
    margin-bottom: 50px;
}

#header-world-hm h4,
#header-world-hm p{
    width: 70%;
}

.world-hm01{
    position: absolute;
    top: -40px;
    right: 15px;
    width: 20%;
}

#world-handmade h4,
#world-handmade h5,
#diy-special h4,
#diy-special h5{
	color: #f39800;
	display: block;
	font-size: 18px;
}

.box-world-hm{
    border: 1px solid #d8bd8f;
    margin-bottom: 30px;
}

#africa-area{border-color: #a8d176;}
#france-area{border-color: #f3a694;}
#paper-area{border-color: #eacd20;}
#hawaii-area{border-color: #339cd0;}

.box-world-hm h5{
    display: block;
    text-align: center;
    padding: 12px 0;
    color: #fff !important;
    background: #d8bd8f;
}

#africa-area h5{background: #a8d176;}
#france-area h5{background: #f3a694;}
#paper-area h5{background: #eacd20;}
#hawaii-area h5{background: #339cd0;}

.box-world-hm > div{
    margin: 30px;
    position: relative;
}

#japan-area > div{
    display: inline-block;
    width: 42%;
    vertical-align: top;
}

.world-hm02,
.world-hm03{
    width: 100%;
    vertical-align: bottom;
}

#world-handmade h6,
#diy-special h6{
	display: block;
    width: 62%;
	font-size: 16px;
    margin-bottom: 25px;
}

#world-handmade #japan-area h6,
#diy-special h6{
    width: 100%;
}

#world-handmade h6 small{
    font-weight: normal;
    display: block;
    text-align: right;
}

.img-world-hm{
    position: absolute;
    width: 35%;
    top: 0;
    right: 0;
}

#main-world-hm p.txt{
    width: 62%;
}

#main-world-hm #japan-area h6{
    min-height: 62px;
}

#main-world-hm #japan-area p.txt{
    width: 100%;
    min-height: 180px;
    margin-bottom: 0;
}

@media screen and (max-width: 1024px){

.world-hm01{
    position: absolute;
    top: -5px;
}
    
}
@media screen and (max-width: 768px){

#header-world-hm{
    margin-bottom: 30px;
}

.box-world-hm h5{
    padding: 10px 0;
}

.box-world-hm > div{
    margin: 25px;
}

#japan-area > div{
    width: 40%;
}

#world-handmade h6,
#diy-special h6{
	font-size: 15px;
    margin-bottom: 10px;
}

#world-handmade h6 small{
    font-size: 12px;
}

#main-world-hm #japan-area h6{
    min-height: 80px;
}

#main-world-hm #japan-area p.txt{
    min-height: 260px;
}
    
}
@media screen and (max-width: 599px){

#header-world-hm h4,
#header-world-hm p{
    width: 100%;
}

.world-hm01{
    position: relative;
    top: inherit;
    right: inherit;
    display: block;
    margin: 0 auto 25px;
    width: 35%;
}

#world-handmade h4,
#world-handmade h5,
#diy-special h4,
#diy-special h5{
	font-size: 16px;
    margin-bottom: 15px;
}

.box-world-hm{
    margin-bottom: 20px;
}

.box-world-hm h5{
    padding: 8px 0;
}

.box-world-hm > div{
    margin: 20px;
}

#japan-area > div{
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 20px;
}

#world-handmade h6,
#diy-special h6{
    width: 100%;
	font-size: 15px;
    margin-bottom: 15px;
}

#world-handmade #japan-area h6,
#diy-special h6{
    width: 100%;
}

.img-world-hm{
    position: relative;
    width: 100%;
    top: inherit;
    right: inherit;
}

#main-world-hm p.txt{
    width: 100%;
}

#main-world-hm #japan-area p.txt{
    width: 100%;
}

#main-world-hm #japan-area h6{
    min-height: auto;
}

#main-world-hm #japan-area p.txt{
    min-height: auto;
    margin-bottom: 15px;
}
    
}


/*==================================================
世界のハンドメイド
================================================== */

.contents-event{
    margin-bottom: 30px;
}

#book-cafe .box-bg-w{
    padding-bottom: 60px !important;
}

@media screen and (max-width: 1024px){

#book-cafe .box-bg-w{
    padding-bottom: 50px !important;
}
    
}

@media screen and (max-width: 768px){

#book-cafe .box-bg-w{
    padding-bottom: 30px !important;
}
    
}

@media screen and (max-width: 599px){

.contents-event{
    margin-bottom: 20px;
}

#book-cafe .box-bg-w{
    padding-bottom: 20px !important;
}
    
}

/*==================================================
スペシャル企画
================================================== */

.contents-special{
    margin-bottom: 30px;
}

.img-abs-right{
    width: 20%;
    position: absolute;
    top: 30px;
    right: 30px;
}

.box-img-right h4,
.box-img-right p{
    width: 76%;
}

#diy-outdoor .box-bg-w{
    padding-bottom: 70px !important;
}

#untique .box-bg-w{
    padding-bottom: 90px !important;
}

#puti .box-bg-w{
    padding-bottom: 80px !important;
}

#sozai .box-bg-w{
    padding-bottom: 135px !important;
}

#upmake .box-bg-w{
    padding-bottom: 60px !important;
}

#oshi .img-abs-right{
    width: 35%;
}

#oshi .box-img-right h4,
#oshi .box-img-right p{
    width: 60%;
}

#minneLAB .title-bg-w{
    line-height: 1.4;
}

#minneLAB ul{
    list-style: none;
    display: flex;
    width: 75%;
}

#minneLAB ul li img{
    display: block;
    width: 94%;
    margin: 0 auto;
}

#join-oshi{
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px dotted #ddd;
}

#join-oshi h4{
    display: block;
    text-align: center;
    margin-bottom: 10px;
    font-size: 19px;
}

#join-oshi p,
#join-oshi h4{
    width: 100% !important;
}

#header-prize-oshi{
    text-align: center;
    margin-bottom: 50px;
}

#header-prize-oshi h1{
    display: block;
    margin-bottom: 25px;
    font-size: 28px;
}

#header-prize-oshi p{
    width: 100% !important;
    font-size: 18px;
}

#prize-oshi{
    margin-top: 40px;
    padding: 40px;
    background: #fffabe;
}

.box-prize-oshi{
    text-align: center;
    line-height: 1.8;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #5ac800;
}

.title-prize-oshi{
    display: block;
    font-size: 25px;
}

.img-crown{
    width: 160px;
    vertical-align: bottom;
}

#prize-01 .img-crown{
    width: 220px;
}

.title-prize-oshi small{
    display: block;
    margin: 15px 0 10px;
    font-size: 21px;
}

.img-prize-oshi{
    width: 80%;
    vertical-align: bottom;
    display: block;
    margin: 20px auto 20px;
}

.box-prize-oshi p{
    width: 100% !important;
}

#prize-03{
    display: flex;
}

#prize-03 > div > h2{
    min-height: 285px;
}


@media screen and (max-width: 1024px){

#diy-outdoor .box-bg-w{
    padding-bottom: 50px !important;
}

#untique .box-bg-w{
    padding-bottom: 50px !important;
}

#puti .box-bg-w{
    padding-bottom: 60px !important;
}

#sozai .box-bg-w{
    padding-bottom: 90px !important;
}

#upmake .box-bg-w{
    padding-bottom: 50px !important;
}
    
}

@media screen and (max-width: 768px){

#diy-outdoor .box-bg-w{
    padding-bottom: 30px !important;
}

#untique .box-bg-w{
    padding-bottom: 30px !important;
}

#puti .box-bg-w{
    padding-bottom: 30px !important;
}

#sozai .box-bg-w{
    padding-bottom: 40px !important;
}

#upmake .box-bg-w{
    padding-bottom: 30px !important;
}

.title-prize-oshi{
    font-size: 19px;
}

.img-crown{
    width: 120px;
}

#prize-01 .img-crown{
    width: 150px;
}

.title-prize-oshi small{
    font-size: 16px;
}

.img-prize-oshi{
    width: 96%;
}

#prize-03 > div > h2{
    min-height: 225px;
}
    
}

@media screen and (max-width: 599px){

.contents-special{
    margin-bottom: 20px;
}

.img-abs-right{
    display: block;
    width: 50%;
    position: relative;
    top: inherit;
    right: inherit;
    margin: 0 auto 25px;
    vertical-align: bottom;
}

.box-img-right h4,
.box-img-right p{
    width: 100%;
}

#diy-outdoor .box-bg-w{
    padding-bottom: 20px !important;
}

#untique .box-bg-w{
    padding-bottom: 20px !important;
}

#puti .box-bg-w{
    padding-bottom: 20px !important;
}

#sozai .box-bg-w{
    padding-bottom: 20px !important;
}

#upmake .box-bg-w{
    padding-bottom: 20px !important;
}
    
#oshi .img-abs-right{
    width: 100%;
}    

#minneLAB ul{
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
}

#minneLAB ul li{
    width: calc(100%/2);
    margin-bottom: 5px;
}

#minneLAB ul li img{
    width: 96%;
}

#oshi .box-img-right h4,
#oshi .box-img-right p{
    width: 100%;
}

#join-oshi h4{
    font-size: 16px;
}

#header-prize-oshi{
    margin-bottom: 35px;
}

#header-prize-oshi h1{
    margin-bottom: 15px;
    font-size: 21px;
}

#header-prize-oshi p{
    font-size: 15px;
}

#prize-oshi{
    margin-top: 30px;
    padding: 20px;
}

.box-prize-oshi{
    line-height: 1.6;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.title-prize-oshi{
    font-size: 18px;
}

.img-crown{
    width: 94px;
}

#prize-01 .img-crown{
    width: 130px;
}

.title-prize-oshi small{
    margin: 15px 0 10px;
    font-size: 16px;
}

.img-prize-oshi{
    width: 100%;
    margin: 10px auto 10px;
}

.box-prize-oshi p{
    text-align: left;
}

#prize-03{
    display: block;
}

#prize-03 > div > h2{
    min-height: auto;
}
    
    #prize-03-01{
        margin-bottom: 30px;
    }
    
}




/*==================================================
The Quilt 2024
================================================== */

/* ↓↓↓↓ 下層ページナビメニューマウスオーバーフォーマット ↓↓↓↓ */
.page-quilt #dropmenu.nav-visitor > li:nth-child(8) > a{
	background: #5ac800;
    color: #fff !important;
	height: 46px;
	line-height: 48px;
}

.page-quilt #dropmenu.nav-visitor > li:nth-child(8) > a i{
	display: none !important;
}

/*.page-about .page{
	margin-top: 116px;
	border-top: 5px solid #5ac800;
}*/

.page-quilt #global-nav{
	border-color: #5ac800;
}
/* ↑↑↑↑ 下層ページナビメニューマウスオーバーフォーマット ↑↑↑↑ */

#Quilt .title-bg-w,
#Quilt .title-bg-w span{
    border-color: #9082b1;
}

#Quilt .title-bg-w span i{
    display: inline-block;
    font-size: 13px;
    color: #fff;
    padding: 2px 7px;
    background: #9082b1;
    margin-right: 10px;
    vertical-align: middle;
    font-style: normal;
}

.quilt-01{
    width: 100%;
    vertical-align: bottom;
    margin-bottom: 25px;
}

#join-Quilt{
    padding: 35px;
    border: 1px solid #9082b1;
    margin: 50px 0;
}

#join-Quilt > article{
    margin-bottom: 20px;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 20px;
}

/*#join-Quilt > article:nth-child(3){
    margin-bottom: 0;
    padding-bottom: 0;
    border:none;
}*/

#join-Quilt .btn-area{
    background-color: transparent;
    padding: 0;
}

#join-Quilt h4,
#join-Quilt h5{
    display: block;
    font-size: 16px;
}

#join-Quilt h4{
    font-size: 21px;
    text-align: center;
}

#iin-Quilt{
    padding: 35px;
    background:#eee9f8; 
}

#iin-Quilt h4{
    font-size: 21px;
    text-align: center;
}

#iin-Quilt ul{
    list-style: none;
    text-align: center;
    display: flex;
    margin: 35px 0 0;
}

#iin-Quilt ul li img{
    width: 90%;
    display: block;
    margin: 0 auto 6px;
}

#ws-Quilt{
    margin: 50px 0 0;
}

#ws-Quilt h5{
    display: block;
    text-align: center;
    padding: 12px 0;
    color: #fff !important;
    background: #757ebc;
    font-size: 18px;
    margin-bottom: 25px;
}

#ws-Quilt .box-whw-b{
    border-color: #757ebc;
}

#ws-Quilt .time-whw{
    display: block;
    font-size: 14px;
    padding-left: 6px;
    padding-bottom: 10px;
}

#ws-Quilt .time-whw span{
    display: inline-block;
    margin-bottom: 6px;
    font-size: 13px;
}

@media screen and (max-width: 768px){
    
#Quilt .title-bg-w .coopa{
	margin: 12px 0 0 !important;
	position: relative;
	top: inherit;
	right: inherit;
	font-size: 12px;
    text-align: right;
} 

#join-Quilt{
    margin: 30px 0;
}   
    
}

@media screen and (max-width: 599px){

#Quilt .title-bg-w span i{
    font-size: 12px;
    padding: 2px 5px;
    margin-right: 0;
    margin-bottom: 6px;
}

#join-Quilt{
    padding: 25px;
}

#join-Quilt > article{
    margin-bottom: 15px;
    padding-bottom: 15px;
}

#join-Quilt h4,
#join-Quilt h5{
    font-size: 15px;
}

#join-Quilt h4{
    font-size: 18px;
}

#iin-Quilt{
    padding: 25px; 
}

#iin-Quilt h4{
    font-size: 18px;
}

#iin-Quilt ul{
    flex-wrap: wrap;
    flex-direction: row;
    margin: 25px 0 0;
}
    
    #iin-Quilt ul li{
        width: calc(100%/2);
        margin-bottom: 10px;
    }

#iin-Quilt ul li img{
    width: 90%;
    display: block;
    margin: 0 auto 6px;
}
    
}



/*==================================================
stage
================================================== */

/* ↓↓↓↓ 下層ページナビメニューマウスオーバーフォーマット ↓↓↓↓ */
.page-stage #dropmenu.nav-visitor > li:nth-child(6) > a{
	background: #5ac800;
    color: #fff !important;
	height: 46px;
	line-height: 48px;
}

.page-stage #dropmenu.nav-visitor > li:nth-child(6) > a i{
	display: none !important;
}

/*.page-about .page{
	margin-top: 116px;
	border-top: 5px solid #5ac800;
}*/

.page-stage #global-nav{
	border-color: #5ac800;
}
/* ↑↑↑↑ 下層ページナビメニューマウスオーバーフォーマット ↑↑↑↑ */

#stage-program{
    margin: 50px 0 0;
}

.box-stage{
    border: 1px solid #eb6100;
    padding: 30px 60px;
    background: #fcf5f0;
    margin-bottom: 40px;
    position: relative;
    margin-left: 20px;
    box-sizing: border-box;
}

#stage26-01{
    padding-bottom: 50px;
}

.box-stage.box-stage26{
    border: 1px solid #64a531;
    background: #f4fced;
}

p.stage-day{
    display: flex;
    margin: 0;
    position: absolute;
    width: 60px;
    height: 60px;
    text-align: center;
    color: #fff;
    font-size: 22px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    line-height: 1;
    top: -20px;
    left: -20px;
    background-color: #eb6100;
    font-weight: 600;
}

.box-stage.box-stage26 p.stage-day{
    background-color: #64a531;
}

p.stage-day small{
    font-size: 12px;
}

.box-stage h4{
    color: #eb6100;
}

.box-stage.box-stage26 h4{
    color: #64a531;
}

.box-stage h4 small{
    display: block;
    font-size: 65%;
}

#stage25-02 .img-abs-right{
    width: 35%;
}

#stage25-02 .box-img-right h4, #stage25-02 .box-img-right p{
    width: 60%;
}


@media screen and (max-width: 768px){

#stage26-01{
    padding-bottom: 30px;
}
    
}


@media screen and (max-width: 599px){

#stage-program{
    margin: 50px 0 0;
}

.box-stage{
    padding: 35px 25px 20px;
    margin-bottom: 50px;
    margin-left: 15px;
}

#stage26-01{
    padding-bottom: 50px;
}

.box-stage.box-stage26{
    border: 1px solid #64a531;
    background: #f4fced;
}

p.stage-day{
    width: 54px;
    height: 54px;
    font-size: 18px;
    top: -30px;
    left: -15px;
}

p.stage-day small{
    font-size: 11px;
}

#stage25-02 .img-abs-right{
    width: 100%;
}

#stage25-02 .box-img-right h4, #stage25-02 .box-img-right p{
    width: 100%;
}

#stage26-01{
    padding-bottom: 20px;
}
    
}



/*==================================================
whm
================================================== */

.btn-page-link ul{
	display: flex;
	list-style: none;
	margin-bottom: 25px;
}

#whm-pagelink ul li{
	width: calc(100%/5);
	margin-right: 10px;
}

.btn-page-link ul li:last-child{
	margin-right: 0;
}

.btn-page-link ul li a{
	display: block;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 1;
	padding: 12px 0;
}

.btn-page-link ul li a small{
	display: block;
	font-size: 12px;
    padding-top: 5px;
}

#whm-pagelink ul li:first-child, #main-world-hm #japan-area h6.title-main-wh-event{background-color: #d8bd8f;}
#whm-pagelink ul li:nth-child(2), #main-world-hm #africa-area h6.title-main-wh-event{background-color: #a8d176;}
#whm-pagelink ul li:nth-child(3), #main-world-hm #france-area h6.title-main-wh-event{background-color: #f3a694;}
#whm-pagelink ul li:nth-child(4), #main-world-hm #hawaii-area h6.title-main-wh-event, #hawaii-area h5{background-color: #339cd0;}
#whm-pagelink ul li:last-child, #main-world-hm #paper-area h6.title-main-wh-event{background-color: #eacd20;}

#japan-area .tit-prof strong{color: #d8bd8f;}
#africa-area .tit-prof strong{color: #a8d176;}
#france-area .tit-prof strong{color: #f3a694;}
#hawaii-area .tit-prof strong{color: #339cd0;}
#paper-area .tit-prof strong{color: #eacd20;}

div.box-wh-event{
	display: block !important;
	width: 100% !important;
	box-sizing: border-box;
	margin: 0 !important;
	padding: 35px;
	line-height: 2.0;
}

h6.title-main-wh-event{
	min-height: auto !important;
	box-sizing: border-box;
	width: 100% !important;
	padding: 15px 25px !important;
	color: #fff !important;
}

#main-world-hm #japan-area h6.title-main-wh-event{
	background-color: #d8bd8f !important;
}

.head-box-wh-event{
	position: relative;
}

.head-box-wh-event > p,
.profile-wh-event > p{
	width: 60%;
}

img.hm-main{
	position: absolute;
	top: 0;
	right: 0;
	width: 32%;
}

.profile-wh-event > p{
	width: 60%;
}

.tit-prof{
	font-size: 16px;
}

.tit-prof strong{
	padding-right: 20px;
}

.tit-prof span small{
	font-size: 60%;
	padding-left: 7px;
}

.sns-wh-event{
	padding: 20px 0 50px;
}

.sns-wh-event img{
	width: 42px;
	margin-right: 15px;
	vertical-align: middle;
}

.sns-wh-event img.icn-insta{
    width: 38px;
}

.sns-wh-event img.icn-facebook{
    width: 38px;
}

.sns-wh-event img.icn-x{
    width: 36px;
}

#world-handmade .ws-box-wh-event h6{
	min-height: auto !important;
	font-size: 18px !important;
}

.ws-wh-event{
	position: relative;
}

.ws-wh-event > p{
	width: 52%;
}

.ws-wh-event > p > strong{
	font-size: 18px;
	display: block;
}

.ws-subpic-wh-event{
	width: 48%;
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}

.ws-subpic-wh-event img{
	width: 45%;
	margin-left: 5%;
	vertical-align: bottom;
}

#france-area .ws-wh-event{
	min-height: 210px;
}

#paper-area .ws-subpic-wh-event img{
	width: 66%;
	margin-left: 0;
}

.head-whm h3.title-base{
	text-align: left;
	margin-bottom: 10px;
}

#world-handmade .head-whm h4{
	color: #4d4d4d;
	font-size: 21px;
}

.head-whm .world-hm01 {
    width: 26%;
}

#japan-area .ws-wh-event > a{
    margin-bottom: 30px;
}


.hawaii-01{
    width: 60%;
    vertical-align: bottom;
}

#hawaii-area .head-box-wh-event{
    margin-bottom: 25px;
}

#hawaii-area .box-whw-b{
    border: none;
    padding: 0 0 25px;
}

#hawaii-area .img-whw-booth{
    width: 32%;
}

#hawaii-area .time-whw{
    padding: 0;
}

#hawaii-area .ws-box-wh-event{
    margin-bottom: 25px;
}

#hawaii-area .title-whw{
    margin-bottom: 15px;
}

@media screen and (max-width: 768px){

div.box-wh-event{
	padding: 20px;
	line-height: 1.8;
}

h6.title-main-wh-event{
	padding: 8px 15px !important;
}
    
.sns-wh-event {
    padding: 10px 0 30px;
}
    
.sns-wh-event img {
    width: 32px;
} 

.sns-wh-event img.icn-insta{
    width: 29px;
}

.sns-wh-event img.icn-facebook{
    width: 29px;
}

.sns-wh-event img.icn-x{
    width: 27px;
}   
    
.ws-wh-event > p > strong {
    font-size: 16px;
}   

#japan-area .ws-wh-event strong small{
    display: block;
    font-size: 13px;
} 
    
}

@media screen and (max-width: 599px){

.btn-page-link ul{
	margin-bottom: 15px;
}

#whm-pagelink ul li{
	margin-right: 5px;
}

#whm-pagelink ul li:last-child{
	margin-right: 0;
}

.btn-page-link ul li a{
    font-size: 12px;
}

div.box-wh-event{
	padding: 12px !important;
	line-height: 1.7;
}

h6.title-main-wh-event{
	padding: 6px 12px !important;
}

.head-box-wh-event > p,
.profile-wh-event > p{
	width: 100%;
}

img.hm-main{
	position: relative;
	top: inherit;
	right: inherit;
	width: 60%;
    display: block;
    margin: 0 auto 20px;
}

.tit-prof{
	font-size: 14px;
}

.tit-prof strong{
	padding-right: 16px;
    display: block;
}

.tit-prof span small{
	font-size: 55%;
	padding-left: 5px;
}

.sns-wh-event{
	padding: 0 0 25px;
}

#world-handmade .ws-box-wh-event h6{
	font-size: 15px !important;
}

.ws-wh-event > p{
	width: 100%;
}

.ws-wh-event > p > strong{
	font-size: 14px;
}

.ws-subpic-wh-event{
	width: 100%;
	position: relative;
	top: inherit;
	right: inherit;
	text-align: center;
    margin-bottom: 15px;
}

.ws-subpic-wh-event img{
	width: 45%;
	margin-left: 0;
    margin: 0 5px;
}

#france-area .ws-wh-event{
	min-height: auto;
}

#paper-area .ws-subpic-wh-event img{
	width: 66%;
	margin-left: 0;
}

.head-whm h3.title-base{
	text-align: center;
	margin-bottom: 10px;
}

#world-handmade .head-whm h4{
	text-align: center;
	font-size: 13px;
}

.head-whm .world-hm01 {
    width: 35%;
    margin-bottom: 15px;
}
    
#world-handmade .box-world-hm h5{
    margin-bottom: 0;
}

.ws-box-wh-event a.btn{
    display: block;
    width: 64%;
    margin: 20px auto 20px;
    text-align: center;
    font-size: 14px;
}


.hawaii-01{
    width: 100%;
    margin: 10px auto 15px;
}
    
#hawaii-area img.hm-main{
    width: 100%;
    margin-bottom: 0;
}

#hawaii-area .head-box-wh-event{
    margin-bottom: 25px;
}

#hawaii-area .box-whw-b{
    padding: 0 0 25px;
    border-bottom: 1px dotted #339cd0;
}

#hawaii-area .img-whw-booth{
    width: 100%;
    float: none;
    margin: 0;
}


#hawaii-area .ws-box-wh-event{
    margin-bottom: 25px;
}

#hawaii-area .title-whw{
    margin-bottom: 15px;
    font-size: 15px;
}
    
}


/*==================================================
whm-booth
================================================== */

#whw-link ul{
    border-bottom: 5px solid #fbb03b;
}

#whw-ws-link ul{
    border-bottom: 5px solid #5ac800;
}

#whw-link ul li,
#whw-ws-link ul li{
	width: calc(100%/3);
	margin-right: 10px;
}

#whw-link ul li:last-child,
#whw-ws-link ul li:last-child{
	margin-right: 0;
}

#whw-link ul li a,
#whw-ws-link ul li a{
	display: block;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 1;
	padding: 20px 0;
    background-color: #fdc56d;
    min-height: 23px;
}

#whw-ws-link ul li a{
    background-color: #fffabe;
    color: #4d4d4d;
}

#whw-link ul li.active a,
#whw-link ul li a:hover{
    background-color: #fbb03b;
}

#whw-ws-link ul li.active a,
#whw-ws-link ul li a:hover{
    background-color: #5ac800;
}

#whw-link ul li a small{
	display: inline-block;
	font-size: 11px;
    padding-left: 8px;
}

#header-whw .title-base{
    margin-bottom: 10px;
}

#header-whw .title-basic{
    text-align: center;
    margin-bottom: 50px;
}

.box-whw-b{
    border: 1px solid #fbb03b;
    padding: 35px 25px 35px;
    margin-bottom: 25px;
    position: relative;
    line-height: 2.0;
}

a.icn-ws{
    display: flex;
    text-align: center;
    color: #fff;
    background-color: #fbb03b;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    position: absolute;
    top: 15px;
    right: 15px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
	text-decoration: none;
}

a.icn-ws:hover{
	opacity: 0.8;
}

.title-whw{
    display: block;
    font-size: 18px;
    margin-bottom: 25px;
}

.img-whw-booth{
    width: 25%;
    float: right;
    margin: 0 0 10px 25px;
}

.bottom-whw-booth{
    clear: both;
    position: relative;
    padding: 20px 0 0;
}

.bottom-sns-whw-booth{
    width: 45%;
    display: table;
}

.bottom-sns-whw-booth a{
    display: table-cell;
    vertical-align: middle;
    padding-right: 25px;
    text-decoration: none;
}

.bottom-sns-whw-booth a img{
    width: 38px;
    margin-right: 15px;
    vertical-align: middle;
}

.bottom-sns-whw-booth a small{
    font-size: 11px;
}

.info-whw-booth{
    position: absolute;
    width: 100%;
    text-align: right;
    top: 20px;
    right: 0;
    font-size: 13px;
}

.info-whw-booth span{
    display: block;
    text-align: right;
}


@media screen and (max-width: 768px){

.box-whw-b{
    padding: 20px;
    line-height: 1.8;
}

.bottom-sns-whw-booth{
    width: 65%;
    margin-bottom: 15px;
}

.bottom-sns-whw-booth a img{
    width: 30px;
}

.info-whw-booth{
    position: relative;
    top: inherit;
    right: inherit;
    font-size: 11px;
}
    
}


@media screen and (max-width: 599px){


#whw-link ul li,
#whw-ws-link ul li{
	margin-right: 6px;
}

#whw-link ul li:last-child,
#whw-ws-link ul li:last-child{
	margin-right: 0;
}

#whw-link ul li a,
#whw-ws-link ul li a{
	padding: 15px 0;
    min-height: 27px;
}
    
.contents-whw-ws #whw-link ul li a,
    .contents-whw-ws #whw-ws-link ul li a{
        min-height: auto;
    }

#whw-link ul li a small{
	display: block;
    padding-left: 0;
    padding-top: 5px;
    font-size: 10px;
}

#header-whw .title-basic{
    margin-bottom: 30px;
}

.box-whw-b{
    padding: 25px 20px 20px;
}

a.icn-ws{
    font-size: 13px;
    top: -10px;
    right: -10px;
    width: 36px;
    height: 36px;
}

.title-whw{
    font-size: 16px;
    margin-bottom: 20px;
}

.img-whw-booth{
    width: 38%;
    margin: 0 0 0 10px;
}

.bottom-sns-whw-booth{
    width: 100%;
    margin-bottom: 10px;
}
    
.bottom-sns-whw-booth a img{
    width: 28px;
    margin-right: 6px;
}    


.bottom-sns-whw-booth a small{
    font-size: 10px;
} 

.info-whw-booth{
    font-size: 10px;
    text-align: left;
} 
    
    .info-whw-booth span{
        text-align: left;
    }
    
}


/*==================================================
whm-ws
================================================== */

.contents-whw-ws{
    margin-bottom: 50px;
}

.contents-whw .title-bg-w small{
    padding-left: 10px;
    font-size: 14px;
}

.box-whw-ws{
    position: relative;
    padding: 0 40% 0 20px;
}

p.ex-whw{
    margin-bottom: 0;
    font-size: 14px;
}

.box-whw-ws .ws-subpic-wh-event{
    width: 40%;
}

.box-whw-ws .ws-subpic-wh-event img{
    margin-left: 2%;
}

.icn-country{
    position: absolute;
    top: 12px;
    right: 20px;
    font-size: 13px;
}

.icn-country small{
    padding-right: 10px;
}

.jizenbtn{
    display: inline-block;
    margin-right: 40px;
}

.contents-whw-ws .bottom-whw-booth{
    display: flex;
    padding-top: 35px;
    padding-left: 20px;
}

.title-whw-ws{
    border-left: 7px solid #fbb03b;
    padding: 3px 0 3px 15px;
    font-size: 21px;
    display: block;
    margin-bottom: 10px;
}

.time-whw{
    padding-left: 20px;
    display: flex;
    font-size: 13px;
}

.time-whw span{
    margin-right: 6px;
}

.t-whw{
    border-radius: 4px;
    color: #fff;
    padding: 0 4px;
}

.t-orange{background-color: #fbb03b;}
.t-green{background-color: #39b54a;}
.t-blue{background-color: #0071bc;}


@media screen and (max-width: 768px){

.contents-whw-ws{
    margin-bottom: 35px;
}
    
    .bottom-whw-booth .bottom-sns-whw-booth{
        width: 55%;
        padding-top: 8px;
    }
    
    .bottom-whw-booth .bottom-sns-whw-booth a{
        margin-right: 10px;
    }
    
    .bottom-whw-booth .bottom-sns-whw-booth a img{
        width: 25px;
        margin-right: 8px;
    }
    
    .jizenbtn{
        margin-right: 20px;
    }
    
}

@media screen and (max-width: 599px){
    
    .contents-whw .box-whw-b{
        padding-top: 35px;
    }

.contents-whw .title-bg-w small{
    font-size: 12px;
}

.box-whw-ws{
    padding: 0;
}

p.ex-whw{
    margin-bottom: 0;
    font-size: 13px;
}

.box-whw-ws .ws-subpic-wh-event{
    width: 100%;
}

.box-whw-ws .ws-subpic-wh-event img{
    margin: 0 5px;
}

.icn-country{
    top: 10px;
    right: 10px;
    font-size: 12px;
}

.icn-country small{
    padding-right: 6px;
}

.jizenbtn{
    display: block;
    margin: 0 0 15px;
    text-align: center;
}

.contents-whw-ws .bottom-whw-booth{
    display: block;
    padding-top: 15px;
    padding-left: 0;
}

.title-whw-ws{
    border-left: 7px solid #fbb03b;
    padding: 1px 0 1px 12px;
    font-size: 16px;
}

.time-whw{
    padding-left: 0;
    display: block;
}

.time-whw span{
    margin-right: 6px;
    margin-bottom: 10px;
}

.t-whw{
    padding: 3px 4px;
}
    
.bottom-whw-booth .bottom-sns-whw-booth{
    width: 100%;
}
    
}


#whw-ows #whw-ws-link ul li{
    width: calc(100%/2);
}

#whw-ows #whw-ws-link ul{
    border-color: #8cc63f;
}

#whw-ows #whw-ws-link ul li a{
    background-color: #daf0bc;
}

#whw-ows #whw-ws-link ul li.active a,
#whw-ows #whw-ws-link ul li a:hover{
    background-color: #8cc63f;
}

#whw-ows .title-whw-ws,
#whw-ows .box-whw-b{
    border-color: #8cc63f;
}



/*==================================================
wsall-link
================================================== */

#wsall-link ul{
    border-bottom: 5px solid #5ac800;
}

#wsall-link p{
    text-align: center;
    font-size: 18px;
    margin-bottom: 25px;
}

#wsall-link ul li{
	width: calc(100%/4);
	margin-right: 10px;
}

#wsall-link ul li:last-child{
	margin-right: 0;
}

#wsall-link ul li a{
	display: block;
	color: #4d4d4d;
	text-align: center;
	text-decoration: none;
	line-height: 1;
	padding: 20px 0;
    background-color: #fffabe;
    font-size: 14px;
}

#wsall-link ul li.active a,
#wsall-link ul li a:hover{
    background-color: #5ac800;
}

@media screen and (max-width: 768px){

#wsall-link ul li a{
    font-size: 13px;
}

#wsall-link p{
    font-size: 16px;
    margin-bottom: 20px;
}
    
}

@media screen and (max-width: 599px){

#wsall-link p{
    font-size: 14px;
    margin-bottom: 15px;
}

#wsall-link ul{
    flex-wrap: wrap;
    flex-direction: row;
    padding-bottom: 10px;
}

#wsall-link ul li{
	width: calc(100%/2 - 6px);
    margin: 0 3px 7px;
}

#wsall-link ul li a{
    padding: 12px 0;
    font-size: 12px;
    border-radius: 26px;
}
    
}

/*==================================================
whw-ows-att
================================================== */

.whw-ows-att{
    padding: 0 20px 20px;
}

#att-02{
    padding-top: 20px;
}

@media screen and (max-width: 599px){

.whw-ows-att{
    padding: 0 10px 20px;
    font-size: 13px;
}

#att-02{
    padding-top: 20px;
}
    
}

/*==================================================
pm
================================================== */

.box-pm{
    border: 1px solid #e94709;
    margin-bottom: 25px;
}

.title-p{
    background: #e94709;
    display: flex;
    color: #fff;
    font-size: 21px;
    position: relative;
    padding: 10px ;
}

.title-p strong{
    display: flex;
    height: 60px;
    align-items: center;
    line-height: 1.3;
    padding-left: 15px;
}

.title-p-no{
    display: flex;
    text-align: center;
    background-color: #fff;
    color: #4d4d4d;
    font-size: 12px;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    line-height: 1.4;
}
.title-p-no p{
    margin: 0;
}
.title-p-no small{
    display: block;
    font-size: 58%;
}

.day-p{
    position: absolute;
    text-align: right;
    right: 15px;
    top: 23px;
    font-size: 13px;
}

.day-p span{
    display: inline-block;
    padding: 3px 7px;
}

.txt-pm{
    margin: 20px;
    line-height: 2.0;
}

img.img-p{
    float: right;
    margin: 0 0 0 25px;
    width: 25%;
    vertical-align: bottom;
}

.txt-pm .sns-wh-event{
    margin: 25px 0 0;
    padding: 0;
}

.sns-wh-event a{
    text-decoration: none;
}

.icn-minne{
    width: 84px !important;
}

@media screen and (max-width: 768px){

.title-p-no{
    width: 54px;
    height: 54px;
}

.title-p{
    font-size: 18px;
}

.title-p strong{
    height: 54px;
    width: 75%;
}

.txt-pm{
    line-height: 1.8;
}
    
}

@media screen and (max-width: 599px){

.title-p{
    font-size: 16px;
    padding-bottom: 25px;
}

.title-p strong{
    padding-left: 12px;
}

.day-p{
    top: inherit;
    right: 10px;
    bottom: 10px;
    font-size: 11px;
}

.day-p span{
    padding: 2px 5px;
    line-height: 1.3;
}

img.img-p{
    margin: 0 0 0 15px;
    width: 40%;
}
    
    .title-p-no{
        display: inline-flex;
        vertical-align: top;
    }

.txt-pm{
    margin: 15px;
}
    
}

/*==================================================
am
================================================== */

#am-lineup .box-pm{
    border: 1px solid #736357;
}

#am-lineup .title-p{
    background: #736357;
}

#am-lineup .bottom-sns-whw-booth{
    width: 70%;
    display: flex;
    margin-top: 25px;
}

#am-lineup .bottom-sns-whw-booth a{
    display: flex;
    line-height: 1.4;
}

#am-lineup .bottom-sns-whw-booth a small{
    display: flex;
    align-items: center;
}

#am-lineup #am-05 .bottom-sns-whw-booth{
	flex-wrap: wrap;
	flex-direction: row;
}

#am-lineup #am-05 .bottom-sns-whw-booth a{
	margin-bottom: 12px;
	width: 45%;
}

@media screen and (max-width: 768px){

#am-lineup .bottom-sns-whw-booth{
    width: 95%;
}

#am-lineup #am-05 .bottom-sns-whw-booth{
	width: 70%;
}

#am-lineup #am-05 .bottom-sns-whw-booth a{
	margin-bottom: 10px;
	width: 40%;
}
    
}

@media screen and (max-width: 599px){

#am-lineup .bottom-sns-whw-booth{
    flex-wrap: wrap;
    flex-direction: row;
    margin-top: 10px;
}

#am-lineup .bottom-sns-whw-booth a{
    width: auto;
    margin-top: 15px;
    padding-right: 15px;
}
    
#am-lineup .title-p{
    padding-bottom: 10px;
    display: flex;
}
    
#am-lineup .title-p strong{
    display: flex;
    align-items: center;
}

#am-lineup #am-05 .bottom-sns-whw-booth{
	width: 100%;
}

#am-lineup #am-05 .bottom-sns-whw-booth a{
	margin-bottom: 10px;
	width: auto;
}
    
}

/*==================================================
so
================================================== */

#header-so{
    margin: 0 0 35px;
    text-align: center;
    font-size: 18px;
    line-height: 2.0;
}

#header-so > div > img{
    vertical-align: middle;
    margin: 0 15px;
    width: 40%;
}

#header-so > div > img.so-main{
    width: 20%;
}

#header-so h3{
    display: block;
    margin: 30px 0 0;
    font-size: 24px;
    color: #f29600;
}


#so-lineup .ul-ep{
    margin-top: 0;
}

#so-lineup .ul-ep li{
    border: 1px solid #fbb03b;
    margin-right: 1.2%;
    padding-bottom: 10px;
}

#so-lineup .ul-ep li:nth-of-type(2n){
    margin-left: 1.2%;
    margin-right: 0;
}

#so-lineup .title-p{
    background-color: #fbb03b;
}

.box-so{
    margin: 20px;
}

.box-so p{
    margin: 0;
}

.img-so{
    text-align: center;
    margin: 20px 0;
}

.img-so img{
    width: 60%;
    vertical-align: bottom;
}

.so-link{
    text-align: center;
    padding-top: 10px;
}

.so-link img{
    width: 38px;
    vertical-align: middle;
    margin: 0 6px;
}

.so-link .icn-x img{
    width: 35px;
}

.so-link .icn-base img{
    width: 33px;
}

.so-btn{
    display: inline-block;
    background-color: #fbb03b;
    color: #fff !important;
    text-decoration: none;
    text-align: center;
    padding: 3px 12px;
    margin: 0 6px;
    border-radius: 28px;
    font-size: 13px;
}

.so-btn:hover{
    opacity: 0.8;
}

@media screen and (max-width: 768px){

#so-lineup .ul-ep li{
    margin-right: 1.1%;
}

#so-lineup .ul-ep li:nth-of-type(2n){
    margin-left: 1.1%;
    margin-right: 0;
}
    
}

@media screen and (max-width: 599px){

#so-lineup .ul-ep li{
    margin-right: auto;
    margin-bottom: 15px;
}

#so-lineup .ul-ep li:nth-of-type(2n){
    margin-left: auto;
    margin-right: auto;
}
    
    #so-lineup .title-p{
        padding-bottom: 10px;
    }

#header-so{
    margin: 0 0 25px;
    font-size: 15px;
    line-height: 1.7;
}

#header-so > div > img{
    margin: 0 0 15px;
    width: 60%;
}

#header-so > div > img.so-main{
    width: 30%;
    margin-left: 10px;
}

#header-so h3{
    margin: 20px 0 ;
    font-size: 20px;
}


#so-lineup .ul-ep{
    margin-top: 0;
}

.box-so{
    margin: 15px;
}

.img-so img{
    width: 60%;
}

.so-link{
    padding-top: 10px;
}

.so-link img{
    width: 32px;
    margin: 0 6px;
}

.so-link .icn-x img{
    width: 28px;
}

.so-link .icn-base img{
    width: 25px;
}

.so-btn{
    display: inline-block;
    background-color: #fbb03b;
    color: #fff !important;
    text-decoration: none;
    text-align: center;
    padding: 3px 12px;
    margin: 0 6px;
    border-radius: 28px;
    font-size: 13px;
}

.so-btn:hover{
    opacity: 0.8;
}
    
}

/*==================================================
diy
================================================== */

#diy-special{
    
}

#header-diy{
    text-align: center;
    margin-bottom: 50px;
    font-size: 18px;
}

#header-diy .title-base{
    margin-bottom: 25px;
}

#diy-special .box-world-hm{
    border-color: #736357;
}

#diy-special h6.title-main-wh-event{
    background-color: #736357;
}

#diy-special .tit-prof strong{
    color: #736357;
}

.pic-prof-diy{
    position: absolute;
    top: 0;
    right: 0;
    width: 32%;
    text-align: right;
    font-size: 12px;
}

.pic-prof-diy img{
    width: 100%;
    vertical-align: bottom;
}

#diy-special .ws-box-wh-event h6{
    font-size: 21px;
    margin-bottom: 0;
}

#diy-special .time-whw{
    padding-left: 0;
    padding:25px 0 30px;
}

#diy-special .ws-subpic-wh-event{
    width: 32%;
}

#diy-special .ws-subpic-wh-event img{
    width: 100%;
    margin-left: 0;
}
#diy-02, #diy-03, #diy-04, #diy-05, #diy-06, #diy-07, #diy-08, #diy-09, #diy-11{
    padding-bottom: 0;
}
#diy-02 .ws-box-wh-event,
#diy-03 .ws-box-wh-event,
#diy-04 .ws-box-wh-event,
#diy-05 .ws-box-wh-event,
#diy-06 .ws-box-wh-event,
#diy-07 .ws-box-wh-event,
#diy-08 .ws-box-wh-event,
#diy-09 .ws-box-wh-event,
#diy-11 .ws-box-wh-event{
    border-bottom: 1px dotted #736357;
    padding-bottom: 30px;
}

.txt-diy-box{
    border: 1px solid #736357;
    text-align: center;
    padding: 20px 10px;
}

.txt-diy-box a.btn{
    width: 280px;
}

@media screen and (max-width: 768px){
    
    #diy-special h6{
        margin-bottom: 20px;
    }

#diy-special #diy-08 .ws-subpic-wh-event{
    top: 65px;
}

#diy-special .time-whw{
    flex-wrap: wrap;
    flex-direction: row;
}
    
#diy-special .ws-box-wh-event h6{
    font-size: 18px;
}

#diy-05 .t-txt-whw,
#diy-06 .t-txt-whw{
    display: block;
    width: 100%;
    padding-top: 7px;
}

.txt-diy-box a.btn{
    width: 210px;
}
    
}

@media screen and (max-width: 599px){

#header-diy{
    margin-bottom: 30px;
    font-size: 15px;
}

#header-diy .title-base{
    margin-bottom: 25px;
}

.pic-prof-diy{
    position: relative;
    top: inherit;
    right: inherit;
    width: 100%;
    text-align: center;
    font-size: 11px;
    margin-bottom: 25px;
}
    
    .pic-prof-diy small{
        display: block;
        width: 60%;
        padding-top: 5px;
        margin: 0 auto;
        text-align: right;
    }

.pic-prof-diy img{
    width: 60%;
}

#diy-special .ws-box-wh-event h6{
    font-size: 16px;
}

#diy-special .time-whw{
    padding:15px 0 20px;
}

#diy-special .ws-subpic-wh-event{
    width: 100%;
    text-align: center;
}

#diy-special .ws-subpic-wh-event img{
    width: 60%;
    margin-left: 0;
}
#diy-02, #diy-03, #diy-04, #diy-05, #diy-06, #diy-07, #diy-08, #diy-09, #diy-11{
    padding-bottom: 0;
}
#diy-02 .ws-box-wh-event,
#diy-03 .ws-box-wh-event,
#diy-04 .ws-box-wh-event,
#diy-05 .ws-box-wh-event,
#diy-06 .ws-box-wh-event,
#diy-07 .ws-box-wh-event,
#diy-08 .ws-box-wh-event,
#diy-09 .ws-box-wh-event,
#diy-11 .ws-box-wh-event{
    padding-bottom: 15px;
}

.txt-diy-box{
	font-size: 13px;
    padding: 15px 10px;
}

.txt-diy-box a.btn{
    width: 80%;
    text-align: center;
    box-sizing: border-box;
}

#diy-special #diy-08 .ws-subpic-wh-event{
    top: inherit;
}
    
}





/*==================================================
bookcafe
================================================== */

#bookcafe-migrateur{
    border-top: 1px solid #f9ae3b;
    border-bottom: 1px solid #f9ae3b;
    padding: 25px;
    position: relative;
    min-height: 192px;
    margin: 30px 0 25px;
}

.bookcafe-01{
    vertical-align: bottom;
    width: 20%;
    position: absolute;
    top: 25px;
    left: 25px;
}

#deaeru{
    min-height: 170px;
}

#deaeru p{
    margin: 0;
    line-height: 2.0;
    width: 75%;
}

#bookcafe-migrateur > p{
    margin: 0 0 0 25%;
    line-height: 2.0;
}

.bookcafe-02{
    vertical-align: bottom;
    width: 100%;
    margin: 25px 0;
}

#tabisuru .jizenbtn{
    text-align: center;
    display: block;
    margin: 0 0 60px;
}

#tabisuru .jizenbtn small{
    display: block;
    padding-top: 7px;
}

.txt-migrateur{
    margin-left: 25%;
    line-height: 1.9;
}

.txt-migrateur .bottom-sns-whw-booth{
    width: 25%;
}

.box-tabisuru{
    margin: 0 15px 40px;
    line-height: 2.0;
}

.title-tabisuru{
    display: block;
    line-height: 1;
    border-bottom: 1px solid #f9ae3b;
    margin-bottom: 25px;
    font-size: 16px;
}

.title-tabisuru span{
    background: #f9ae3b;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
}

.box-tabisuru-ws{
    position: relative;
    margin: 25px 0 30px;
    min-height: 240px;
}

#guregori .box-tabisuru-ws{
    min-height: 342px;
}

.box-tabisuru-ws .time-whw{
    padding: 0;
}

.img-bookcafe{
    position: absolute;
    top: 0;
    right: 0;
    width: 25%;
}

.box-tabisuru-ws p{
    width: 65%;
    margin: 0;
}

.box-tabisuru-ws h6{
    display: block;
    font-size: 18px;
    line-height: 1.6;
    width: 65%;
    margin: 15px 0 0;
}

.txt-tabisuru{
    text-align: center;
    padding: 15px ;
    font-size: 16px;
    line-height: 1;
    border: 1px solid #f9ae3b;
}

@media screen and (max-width: 768px){
    
#bookcafe-migrateur .bottom-whw-booth{
    padding: 0;
}

.box-tabisuru-ws{
    min-height: 160px;
}

#guregori .box-tabisuru-ws{
    min-height: 220px;
}
    
}

@media screen and (max-width: 599px){
    
    #bookcafe h4{
        text-align: center;
    }

#bookcafe-migrateur{
    padding: 25px 0;
    min-height: auto;
    margin: 30px 0 25px;
}

.bookcafe-01{
    vertical-align: bottom;
    width: 50%;
    position: relative;
    top: inherit;
    left: inherit;
    margin: 0 auto 15px;
    display: block;
}

#deaeru{
    min-height: auto;
    padding-top: 20px;
}

#deaeru p{
    line-height: 1.8;
    width: 100%;
}

#bookcafe-migrateur > p{
    margin: 0 auto;
    line-height: 1.8;
}

.bookcafe-02{
    margin: 5px 0 25px;
}
    
#tabisuru{
    padding-bottom: 20px;
}
    
#tabisuru .jizenbtn{
    margin: 0 0 35px;
}
    
#tabisuru .jizenbtn a.btn{
    width: 100%;
    box-sizing: border-box;
}

.txt-migrateur{
    margin-left: 0;
    line-height: 1.6;
}

.txt-migrateur .bottom-sns-whw-booth{
    width: 25%;
    margin: 0 auto;
}

.box-tabisuru{
    margin: 0 auto 35px;
    line-height: 1.8;
}

.title-tabisuru{
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.4;
}

.title-tabisuru span{
    padding: 8px 12px;
}

.box-tabisuru-ws{
    margin: 25px auto 30px;
    min-height: auto;
}

#guregori .box-tabisuru-ws{
    min-height: auto;
}

.img-bookcafe{
    display: block;
    position: relative;
    top: inherit;
    right: inherit;
    width: 60%;
    margin: 12px auto ;
}

.box-tabisuru-ws p{
    width: 100%;
}

.box-tabisuru-ws h6{
    font-size: 14px;
    width: 100%;
    margin: 10px 0 0;
}

.txt-tabisuru{
    padding: 15px 10px;
    font-size: 14px;
    line-height: 1.4;
}    
    
}




/*==================================================
kuma-school
================================================== */

/*#kuma-school{
    padding-top: 75px;
}*/

#kuma-school #main-kuma article{
    border-bottom: 10px solid #774d28;
    margin: 30px 0 0;
}

.title-kuma-booth{
    display: block;
    font-size: 24px;
    margin-bottom: 30px;
}

.icn-kuma01,
.icn-kuma03,
.icn-kuma04,
.icn-kuma05,
.icn-kuma07{
    width: 70px;
    vertical-align: middle;
    margin-right: 15px;
}

#kuma-school .box-whw-b{
    border: none;
    padding-top: 10px;
    padding-left: 90px;
    padding-right: 0;
    padding-bottom: 0;
}

.icn-kuma02{
    width: 80px;
    position: absolute;
    top: 0;
    left: 0;
}

#kuma-school .box-whw-ws{
    padding-right: 30%;
    padding-left: 10px;
}

#kuma-school .box-whw-ws .ws-subpic-wh-event{
    width: 27%;
}

#kuma-school #kuma-hamanaka .box-whw-ws .ws-subpic-wh-event,
#kuma-school #kuma-fukuramu .box-whw-ws .ws-subpic-wh-event,
#kuma-school #kuma-misasa .box-whw-ws .ws-subpic-wh-event{
    width: 48%;
}

#kuma-school #kuma-vogue .box-whw-ws .ws-subpic-wh-event{
    width: 34%;
}

#kuma-vogue{
    margin-bottom: 40px;
}

#kuma-school .box-whw-ws .ws-subpic-wh-event img{
    width: 100%;
}

#kuma-school #kuma-hamanaka .box-whw-ws .ws-subpic-wh-event img,
#kuma-school #kuma-fukuramu .box-whw-ws .ws-subpic-wh-event img,
#kuma-school #kuma-misasa .box-whw-ws .ws-subpic-wh-event img{
    width: 45%;
    margin-left: 5px;
}

#kuma-school .box-whw-ws .time-whw{
    padding-left: 0;
    margin-bottom: 15px;
}

#kuma-school .box-whw-ws .title-whw{
    margin-bottom: 0;
}

#kuma-school #kuma-hamanaka .box-whw-ws,
#kuma-school #kuma-fukuramu .box-whw-ws{
    padding-right: 50%;
}

#kuma-school p.ex-whw{
    font-size: 16px;
    margin-bottom: 20px;
}

#kuma-novelty{
    display: flex;
}

#kuma-novelty > div{
	width: 33%;
}

#kuma-school #kuma-novelty .box-whw-ws{
    padding-right: 20px;
}

#kuma-school #kuma-novelty .box-whw-ws h6 small{
    padding-right: 10px;
}

#kuma-booth05 .img-kuma18{
    bottom: -35px;
    right: 20px;
    width: 22%;
}

.kuma-28, .kuma-29, .kuma-35{
    width: 100%;
    vertical-align: bottom;
}




.bg-brown{
	background-color: #5d452b;
}

p.p-tag{
	margin-bottom: 6px
}

p.p-tag .tag{
	padding: 5px 7px;
	margin: 0;
    color: #fff;
    border: none;
}



.head-kuma-txt{
	margin-bottom: 30px;
}
	
	.title-kuma-booth > div{
		display: inline-block;
	}

#kuma-school .box-whw-ws a.btn{
    margin: 20px 0 0;
}


@media screen and (max-width: 768px){

/*#kuma-school{
    padding-top: 35px;
}*/

#kuma-school #main-kuma article{
    border-bottom: 7px solid #774d28;
    margin: 20px 0 0;
    font-size: 14px;
}

.title-kuma-booth{
    font-size: 16px;
    margin-bottom: 25px;
}

.icn-kuma01,
.icn-kuma03,
.icn-kuma04,
.icn-kuma05,
.icn-kuma07{
    width: 48px;
    margin-right: 7px;
}

#kuma-school .box-whw-b{
    padding-left: 60px;
    padding-top: 0;
}

.icn-kuma02{
    width: 50px;
}

#kuma-school .box-whw-ws{
    padding-right: 30%;
    padding-left: 10px;
}

#kuma-school .box-whw-ws .time-whw{
    margin-bottom: 10px;
}

#kuma-school .box-whw-ws .title-whw{
    font-size: 15px;
}

#kuma-school p.ex-whw{
    font-size: 14px;
    margin-bottom: 12px;
}

#kuma-school #kuma-hamanaka .box-whw-ws .ws-subpic-wh-event{
    width: 27%;
}

#kuma-school #kuma-hamanaka .box-whw-ws .ws-subpic-wh-event img{
    width: 100%;
    margin-left: 0;
    margin-bottom: 5px;
}

#kuma-school #kuma-hamanaka .box-whw-ws{
    padding-right: 30%;
}

.kuma-28, .kuma-29, .kuma-35{
    width:92%;
}

    
}


@media screen and (max-width: 599px){

/*#kuma-school{
    padding-top: 25px;
}*/
    
    #kuma-school .title-kuma{
        font-size: 16px !important;
        margin-bottom: 20px !important;
    }
    
#kuma-school #main-kuma{
    padding: 25px 10px;
}

.title-kuma-booth{
    font-size: 16px;
    margin-bottom: 20px;
    display: flex;
}

.icn-kuma01,
.icn-kuma03,
.icn-kuma04,
.icn-kuma05,
.icn-kuma07{
    width: 38px;
    margin-right: 10px;
    vertical-align: top;
}

#kuma-school .box-whw-b{
    padding-left: 40px;
    padding-top: 0;
}

.icn-kuma02{
    width: 38px;
}

#kuma-school .box-whw-ws{
    padding-right: 0;
    padding-left: 8px;
}

    
#kuma-school .box-whw-ws .ws-subpic-wh-event{
    width: 100%;
}
    
    #kuma-school .box-whw-ws .ws-subpic-wh-event img{
        display: block;
        margin: 0 auto;
    }
    
    #kuma-school .box-whw-ws a.btn{
        width: 100%;
    }

#kuma-school .box-whw-ws .bottom-whw-booth{
    padding-top: 0;
}

#kuma-school .box-whw-ws .jizenbtn{
    text-align: left;
}
    
#kuma-novelty {
    display: block;
}   

#kuma-novelty > div{
	width: 90%;
} 

#kuma-booth05 .img-kuma18{
    bottom: inherit;
    right: inherit;
    width: 100%;
    padding: 10px 0 0;
}

#kuma-school #kuma-hamanaka .box-whw-ws .ws-subpic-wh-event,
#kuma-school #kuma-fukuramu .box-whw-ws .ws-subpic-wh-event,
#kuma-school #kuma-misasa .box-whw-ws .ws-subpic-wh-event{
    width: 100%;
}

#kuma-school #kuma-hamanaka .box-whw-ws .ws-subpic-wh-event img,
#kuma-school #kuma-fukuramu .box-whw-ws .ws-subpic-wh-event img,
#kuma-school #kuma-misasa .box-whw-ws .ws-subpic-wh-event img{
    width: 45%;
    margin: 0;
    margin-right: 5px;
}

#kuma-school #kuma-hamanaka .box-whw-ws,
#kuma-school #kuma-fukuramu .box-whw-ws{
    padding-right: 0;
}
    
#kuma-school #kuma-vogue .box-whw-ws .ws-subpic-wh-event{
    width: 92%;
}    
    
    

#kuma-vogue{
    margin-bottom: 25px;
}

    
}








/* ↓↓↓↓ 下層ページナビメニューマウスオーバーフォーマット ↓↓↓↓ */
.page-online #dropmenu.nav-visitor > li:nth-child(7) > a{
	background: #5ac800;
    color: #fff !important;
	height: 46px;
	line-height: 48px;
}

.page-online #dropmenu.nav-visitor > li:nth-child(7) > a i{
	display: none !important;
}

/*.page-about .page{
	margin-top: 116px;
	border-top: 5px solid #5ac800;
}*/

.page-online #global-nav{
	border-color: #5ac800;
}
/* ↑↑↑↑ 下層ページナビメニューマウスオーバーフォーマット ↑↑↑↑ */


/*==================================================
UPMAKE
================================================== */

#header-upmake{
    text-align: center;
    margin-bottom: 50px;
    font-size: 18px;
}

.upmake-logo{
    width: 42%;
    vertical-align: bottom;
}

#header-upmake h4{
    color: #37bef0;
    margin-bottom: 20px;
    font-size: 26px;
}

#upmake-lineup .box-pm{
    border-color: #37bef0 !important;
}

#upmake-lineup .box-pm .title-p{
    background-color:#37bef0 !important; 
}

#upmake-lineup .bottom-sns-whw-booth{
    width: 25% !important;
}

.img-p-big{
    width: 35% !important;
}

#upmake-lineup .txt-pm p{
    margin-bottom: 35px;
}

img.upmake-05{
    width: 340px;
    margin-top: 25px;
}

#um-03 .ws-box-wh-event,
#um-06 .ws-box-wh-event,
#s-03 .ws-box-wh-event{
    padding: 0 20px;
}

#um-03 .ws-box-wh-event .tit-prof,
#um-06 .ws-box-wh-event .tit-prof,
#s-03 .ws-box-wh-event .tit-prof{
    color: #8cc63f;
}

small.uke{
    display: inline-block;
    margin-left: 12px;
    font-size: 14px;
    color: #fff;
    background-color: #29abe2;
    border-radius: 24px;
    padding: 2px 10px;
}

#um-03 .ws-box-wh-event .ws-wh-event{
    margin-bottom: 25px;
}

#um-03 .ws-box-wh-event .ws-subpic-wh-event,
#um-06 .ws-box-wh-event .ws-subpic-wh-event,
#s-03 .ws-box-wh-event .ws-subpic-wh-event{
    width: 25%;
}

#um-03 .ws-box-wh-event .ws-subpic-wh-event img,
#um-06 .ws-box-wh-event .ws-subpic-wh-event img,
#s-03 .ws-box-wh-event .ws-subpic-wh-event img{
    width: 100%;
    margin: 0;
}

#um-03 .ws-box-wh-event .ws-wh-event > p,
#um-06 .ws-box-wh-event .ws-wh-event > p,
#s-03 .ws-box-wh-event .ws-wh-event > p{
    width: 67%;
}

#um-03 .ws-box-wh-event .ws-wh-event:last-child,
#um-06 .ws-box-wh-event .ws-wh-event:last-child{
    min-height: 260px;
}

#um-06 .txt-pm{
    margin-bottom: 35px;
}

.bookoff-01,.bookoff-02{
    height: 28px;
    vertical-align: middle;
    margin: 0 5px;
}

.bookoff-01{
    margin-bottom: 8px;
}

#s-05 h3{
    color: #3e3a39 !important;
}

#s-03 .ws-box-wh-event .ws-wh-event{
    min-height: 300px;
}

#s-03 .ws-box-wh-event .ws-wh-event:last-child{
    min-height: 270px;
}

#s-03 .ws-box-wh-event .ws-subpic-wh-event{
    font-size: 11px;
}

#um-07 p a{
    padding: 5px 20px;
    margin-top: 20px;
}

@media screen and (max-width: 599px){

#header-upmake{
    margin-bottom: 35px;
    font-size: 14px;
}

.upmake-logo{
    width: 68%;
}

#header-upmake h4{
    font-size: 21px;
}

#upmake-lineup .box-pm .title-p{
    padding-bottom: 15px;
}

#upmake-lineup .bottom-sns-whw-booth{
    width: 50% !important;
}

.img-p-big{
    width: 40% !important;
}

#upmake-lineup .txt-pm p{
    margin-bottom: 25px;
}

img.upmake-05{
    width: 60%;
    margin-top: 10px;
}

small.uke{
    margin-left: 10px;
    font-size: 12px;
    padding: 1px 6px;
}

#um-03 .ws-box-wh-event .ws-wh-event{
    margin-bottom: 25px;
}

#um-03 .ws-box-wh-event .ws-subpic-wh-event,
#um-06 .ws-box-wh-event .ws-subpic-wh-event,
#s-03 .ws-box-wh-event .ws-subpic-wh-event{
    width: 100%;
}

#um-03 .ws-box-wh-event .ws-subpic-wh-event img,
#um-06 .ws-box-wh-event .ws-subpic-wh-event img,
#s-03 .ws-box-wh-event .ws-subpic-wh-event img{
    width: 100%;
    margin: 0;
}

#um-03 .ws-box-wh-event .ws-wh-event > p,
#um-06 .ws-box-wh-event .ws-wh-event > p,
#s-03 .ws-box-wh-event .ws-wh-event > p{
    width: 100%;
}

#um-03 .ws-box-wh-event .ws-wh-event:last-child,
#um-06 .ws-box-wh-event .ws-wh-event:last-child{
    min-height: auto;
}

#um-06 .txt-pm{
    margin-bottom: 30px;
}

.bookoff-01,.bookoff-02{
    height: 24px;
}

.bookoff-01{
    margin-bottom: 6px;
}

#s-05 h3 strong{
    display: inline-block;
}

#s-03 .ws-box-wh-event .ws-wh-event{
    min-height: auto;
}

#s-03 .ws-box-wh-event .ws-wh-event:last-child{
    min-height: auto;
}

#um-07 p a{
    padding: 5px 20px;
    margin-top: 10px;
}
    
}









.booth-no{
    font-size: 13px;
    font-weight: normal;
    border: 1px solid #000;
    padding: 2px 10px;
    display: inline-block;
    margin-right: 7px;
}

#ws-Quilt span.fc-pink{
    color: #ec6d74 !important;
}

.icn-country.icn-quiltws {
    top: 40px;
    right: 30px;
    font-size: 18px;
}

#quilt-q23 h3{
    display: block;
    text-align: center;
    font-size: 24px;
}

#quilt-q23 article{
    margin: 25px 5%;
    border-bottom: 1px solid #757ebc;
    padding-bottom: 25px;
    display: table;
    width: 90%;
    box-sizing: border-box;
}

#quilt-q23 article > p{
    display: table-cell;
    vertical-align: middle;
    width: 20%;
    font-size: 16px;
    font-weight: 600;
}

#quilt-q23 article > div{
    display: table-cell;
    width: 80%;
    vertical-align: middle;
}

#quilt-q23 article > div > div{
    display: flex;
}

.box-q23{
    border: 1px solid #757ebc;
}

.img-q23{
    width: 180px;
    margin: 0 0 0 30px;
}

.box-q23 .booth-no{
    border-color: #fff;
}

#quilt-q23 article > div > div > p{
    display: flex;
    align-items: center;
    margin: 0;
}


@media screen and (max-width: 768px){

.icn-country.icn-quiltws {
    top: 20px;
    right: 20px;
    font-size: 15px;
}

#quilt-q23 h3{
    font-size: 21px;
}
    
#quilt-q23 article > div > div{
    display: block;
}

.img-q23{
    width: 32%;
    float: right;
    margin: 0;
}

#quilt-q23 article > div > div > p{
    display: block;
    width: 60%;
    float: left;
}    
    
}


@media screen and (max-width: 599px){
    
    #quilt-boothws-01, #quilt-boothws-02, #quilt-boothws-03{
        padding-top: 40px;
    }
    
    #ws-Quilt span.fc-pink{
        display: block;
        padding-top: 6px;
    }

.icn-country.icn-quiltws {
    top: 10px;
    right: 10px;
    font-size: 13px;
}

#quilt-q23 article{
    margin: 20px 5%;
    padding-bottom: 20px;
    display: block;
    width: 90%;
}

#quilt-q23 article > p{
    display: block;
    width: 100%;
    font-size: 16px;
}

#quilt-q23 article > div{
    display: block;
    width: 100%;
}

#quilt-q23 h3{
    font-size: 18px;
}

.img-q23{
    display: block;
    width: 60%;
    float: none;
    margin: 25px auto 5px;
}

#quilt-q23 article > div > div > p{
    display: block;
    width: 90%;
    float: none;
    margin: 0 auto;
} 
    
}



/*==================================================
会期中・会期後のTOP
================================================== */

#top-kit-btn{
    text-align: center;
    background-color: #fffabe;
    padding: 35px 0;
    margin-bottom: 25px;
}

#top-kit-btn a.btn{
    width: 599px;
    padding: 20px 0;
    font-size: 20px;
    font-weight: 600;
}

@media screen and (max-width: 768px){

#top-kit-btn{
    padding: 25px 0;
}

#top-kit-btn a.btn{
    width: 420px;
    padding: 14px 0;
    font-size: 18px;
}
    
}

@media screen and (max-width: 599px){

#top-kit-btn{
    padding: 20px 0;
}

#top-kit-btn a.btn{
    width: 100%;
    padding: 12px 0;
    font-size: 16px;
}
    
}




/*==================================================
page-ad
================================================== */

/* ↓↓↓↓ 下層ページナビメニューマウスオーバーフォーマット ↓↓↓↓ */
.page-ad #dropmenu > li:nth-child(6) > a{
	background: #5ac800;
    color: #fff !important;
	height: 46px;
	line-height: 48px;
}

.page-ad #dropmenu > li:nth-child(6) > a i{
	display: none !important;
}

/*.page-about .page{
	margin-top: 116px;
	border-top: 5px solid #5ac800;
}*/

.page-ad #global-nav{
	border-color: #5ac800;
}
/* ↑↑↑↑ 下層ページナビメニューマウスオーバーフォーマット ↑↑↑↑ */


/*==================================================
広告協賛
================================================== */

.mv-page-txt{
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    background: #fff;
    height: 280px;
}

.mv-page-txt h2{
    font-size: 42px;
    color: #fcc800;
    line-height: 1.7;
    letter-spacing: 0.08em;
}

.mv-page-txt h2 small{
    display: block;
    font-size: 14px;
    color: #4d4d4d;
}

#contents-ad{
    padding: 75px 0;
    position: relative;
}

.box-ad{
	position: relative;
	border: 1px solid #eef5df;
	margin: 35px auto 0;
    line-height: 2.0;
	padding: 25px;
}

.box-ad h3{
    display: block;
    width: 60%;
    margin-bottom: 20px;
    font-size: 20px;
    letter-spacing: 0.08em;
}

.box-ad h3 span{
    display: block;
    line-height: 1;
    padding: 10px;
    text-align: center;
    background:#eef5df;
}

.box-ad p{
	width: 60%;
}

.box-ad p i{
    font-style: normal;
    color: #75b247;
}

.img-ad{
    position: absolute;
    right: 25px;
	top: 25px;
	width: 35%;
}

.txt-bottom-ad{
    margin: 50px 0 0;
    text-align: center;
    line-height: 2.0;
}

.lead-ad{
    text-align: center;
    line-height: 2.0;
}


@media (max-width: 768px) {

.mv-page-txt{
    height: 220px;
}

.mv-page-txt h2{
    font-size: 34px;
}

.mv-page-txt h2 small{
    font-size: 13px;
}

.box-ad h3{
    font-size: 18px;
}
    
}


@media (max-width: 599px) {

.mv-page-txt{
    height: 180px;
}

.mv-page-txt h2{
    font-size: 26px;
}

.mv-page-txt h2 small{
    font-size: 12px;
}

#contents-ad{
    padding: 45px 0;
}

.box-ad{
	margin: 25px auto 0;
    line-height: 1.8;
	padding: 15px;
}

.box-ad h3{
    width: 100%;
    margin-bottom: 15px;
    font-size: 16px;
}

.box-ad h3 span{
    padding: 12px 10px;
}

.box-ad p{
	width: 100%;
}

.img-ad{
    position: relative;
    right: inherit;
	top: inherit;
	width: 100%;
    margin-bottom: 15px;
    vertical-align: bottom;
}

.txt-bottom-ad{
    margin: 30px 0 0;
    line-height: 1.8;
}

.lead-ad{
    line-height: 1.8;
}
    
}


/*==================================================
個人出展 2025
================================================== */


.box-personal{
    border: 2px solid #f39800;
    position: relative;
    margin-bottom: 35px;
    padding-top: 20px;
}

.title-personal-orange{
    display: block;
    font-size: 25px;
    color: #fff;
}

.title-personal-orange span{
    width: 60%;
    display: inline-block;
    background-color: #f39800;
    padding: 12px 20px;
    line-height: 1.2;
    box-sizing: border-box;
}

.box-con-personal{
    margin: 25px;
    position: relative;
}

.svg-koma{
    position: absolute;
    width: 35%;
    top: 0;
    right: 0;
    text-align: right;
}

.svg-koma img{
    width: 100%;
}

.svg-koma article{
    text-align: left;
}

.box-con-personal > p{
    width: 60%;
}

.box-con-personal > article{
    width: 60%;
    margin-bottom: 30px;
}

.title-personal-line{
    display: block;
    border-bottom: 2px solid #f39800;
    font-size: 16px;
    margin-bottom: 15px;
    padding: 0 0 5px 5px;
}

.box-con-personal > article > p{
    margin: 0 0 25px 25px;
}

.box-con-personal > article > p > strong{
    display: block;
}

.box-con-personal > article > p > span.fc-personal{
    margin-right: 0;
}

#personal-mini{
    margin-bottom: 80px;
}

#up-interactive .box-con-personal{
    margin: 25px 0;
}

.up-erea{
    width: 36%;
    position: absolute;
    top: 0;
    right: 0;
}

.up-erea img{
    width: 100%;
}

.ill-area-room{
    width: 60%;
    vertical-align: bottom;
}

#up-in-size{
    position: relative;
}

.pic-room{
    position: absolute;
    top: -80px;
    right: 0;
    width: 200px;
}


@media (max-width: 768px) {

.title-personal-orange{
    font-size: 18px;
}

.pic-room{
    width: 30%;
    top: -60px;
}
    
}


@media (max-width: 599px) {
    
    #exhibitor-personal-exarea{
        margin-bottom: 35px;
    }
    
.box-personal{
    margin-bottom: 20px;
    padding-top: 15px;
}

.title-personal-orange span{
    width: 80%;
    padding: 10px 14px;
}

.box-con-personal{
    margin: 15px;
}

.svg-koma{
    position: relative;
    width: 100%;
    top: inherit;
    right: inherit;
    text-align: right;
    margin-bottom: 15px;
}

.box-con-personal > article{
    width: 100%;
    margin-bottom: 20px;
}

.box-con-personal > p{
    width: 100%;
}

.title-personal-line{
    font-size: 15px;
    margin-bottom: 12px;
}

.box-con-personal > article > p{
    margin: 0 0 20px 5px;
}

#personal-mini{
    margin-bottom: 35px;
}  

#up-interactive .box-con-personal{
    margin: 25px 0;
}

.up-erea{
    width: 100%;
    position: relative;
    top: inherit;
    right: inherit;
}

.ill-area-room{
    width: 100%;
    vertical-align: bottom;
}
  
    
}



/*==================================================
出展者参加型イベント
================================================== */

/* ↓↓↓↓ 下層ページナビメニューマウスオーバーフォーマット ↓↓↓↓ */
.page-exhibitor-interactive #dropmenu > li:nth-child(3) > a{
	background: #5ac800;
    color: #fff !important;
	height: 46px;
	line-height: 48px;
}

.page-exhibitor-interactive #dropmenu > li:nth-child(3) > a i{
	display: none !important;
}

/*.page-about .page{
	margin-top: 116px;
	border-top: 5px solid #5ac800;
}*/

.page-exhibitor-interactive #global-nav{
	border-color: #5ac800;
}
/* ↑↑↑↑ 下層ページナビメニューマウスオーバーフォーマット ↑↑↑↑ */

#exhibitor-interactive .title-base{
	margin-bottom: 15px;
}

.copy{
    display: block;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 25px;
}

.copy strong,
.copy span,
.copy small{
    display: block;
}

.copy small{
    font-size: 75%;
}

#head-interactive{
    text-align: center;
    line-height: 2.0;
    font-size: 18px;
}

#head-interactive p{
    margin-bottom: 35px;
}

#ill-interactive{
    margin: 35px 0 45px;
    text-align: center;
}

#ill-interactive img{
    width: 200px;
    vertical-align: bottom;
}

#pic-interactive{
    text-align: center;
}

#pic-interactive ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

#pic-interactive ul li{
    width: calc(100%/4 - 15px);
    margin: 0 20px 20px 0;
}

#pic-interactive ul li:nth-of-type(4n){
    margin-right: 0;
}

#pic-interactive ul li img{
    width: 100%;
    vertical-align: bottom;
}

#pic-interactive ul li:nth-child(2){transition-delay: 200ms;}
#pic-interactive ul li:nth-child(3){transition-delay: 400ms;}
#pic-interactive ul li:nth-child(4){transition-delay: 600ms;}
#pic-interactive ul li:nth-child(5){transition-delay: 800ms;}
#pic-interactive ul li:nth-child(6){transition-delay: 1000ms;}
#pic-interactive ul li:nth-child(7){transition-delay: 1200ms;}
#pic-interactive ul li:nth-child(8){transition-delay: 1400ms;}

#other-interactive{
	margin: 75px 0 0;
}

@media (max-width: 768px) {

.copy{
    font-size: 26px;
}

#head-interactive{
    font-size: 16px;
}
    
}

@media (max-width: 599px) {

#head-interactive{
    font-size: 14px;
    line-height: 1.6;
    text-align: left;
}
    
    #head-interactive > p:last-child{
        text-align: center;
    }

.copy{
    font-size: 7vw;
    text-align: center;
    line-height: 1.4;
}

.copy strong,
.copy span,
.copy small{
    margin-bottom: 15px;
}


#head-interactive p{
    margin-bottom: 25px;
}

#ill-interactive{
    margin: 25px 0;
}

#ill-interactive img{
    width: 30%;
}

#pic-interactive{
    text-align: left;
}

#pic-interactive ul li{
    width: calc(100%/2 - 5px);
    margin: 0 10px 10px 0;
}

#pic-interactive ul li:nth-of-type(4n){
    margin-right: 0;
}

#pic-interactive ul li:nth-of-type(2n){
    margin-right: 0;
}
    
    #interactive-tag{
        text-align: center;
        margin-bottom: 20px;
    }

#pic-interactive ul li:nth-child(2){transition-delay: 0ms;}
#pic-interactive ul li:nth-child(3){transition-delay: 0ms;}
#pic-interactive ul li:nth-child(4){transition-delay: 0ms;}
#pic-interactive ul li:nth-child(5){transition-delay: 0ms;}
#pic-interactive ul li:nth-child(6){transition-delay: 0ms;}
#pic-interactive ul li:nth-child(7){transition-delay: 0ms;}
#pic-interactive ul li:nth-child(8){transition-delay: 0ms;}    

#other-interactive{
	margin: 35px 0 0;
}
    
}

#interactive-kids,
#interactive-stage,
#interactive-room{
    padding-top: 130px;
    margin-top: -120px;
}

#exhibitor-interactive .box-personal,
#exhibitor-interactive .title-personal-line{
    border-color: #409ad6;
}

#exhibitor-interactive .title-personal-orange span{
    background: #409ad6;
}

@media (max-width: 599px) {

#interactive-kids,
#interactive-stage,
#interactive-room{
    padding-top: 70px;
    margin-top: -60px;
}
    
}



/*==================================================
LINE友達追加
================================================== */

#page-addline{
    background:url("../data/line_line.png") top left repeat-x;
    background-size: 56px;
    text-align: center;
    font-size: 21px;
    padding-bottom: 0;
}
#contents-addline{
    padding-bottom: 100px;
    background:url("../data/line_line.png") bottom left repeat-x;
    background-size: 56px;
}

.img-logo2025{
    width: 48%;
}

#head-addline h1{
    display: block;
    font-size: 46px;
    margin: 20px 0;
}

.addline-icn{
    width: 60px;
    vertical-align: middle;
    margin-right: 12px;
}

#ex-addline{
    position: relative;
    font-size: 34px;
    padding: 25px 0;
    font-weight: 600;
    width: 80%;
    margin: 0 auto;
    line-height: 1.5;
    min-height: 250px;
}

#ex-addline span.fc-green{
    color: #00c43d !important;
}

img.addline-iphone{
    position: absolute;
    top: 0;
    right: 30px;
    width: 160px;
}

#main-addline ul{
    width: 90%;
    margin: 0 auto 35px;
    list-style: none;
}

#main-addline ul li{
    width: 240px;
    height: 240px;
    margin: 0 5px;
    border-radius: 50%;
    border: 1px solid #00c43d;
    color: #00c43d;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.5;
}

#main-addline ul li:nth-child(2){transition-delay: 200ms;}
#main-addline ul li:nth-child(3){transition-delay: 400ms;}

p.txt-addline{
    font-size: 30px;
    margin-bottom: 25px;
}

#btn-addline a{
    background-color: #00c43d !important;
    border-color: #00c43d !important;
    border-radius: 0;
    width: 600px;
    margin: 0 auto;
    font-size: 32px;
    font-weight: 600;
}
#btn-addline a:hover{
    background-color: #32d765 !important;
    color: #fff !important;
}

.addline-icn02{
    width: 48px;
    vertical-align: middle;
    margin-right: 12px;
}

@media (max-width: 768px) {

#page-addline{
    background-size: 48px;
    font-size: 19px;
    padding-top: 50px;
}
#contents-addline{
    padding-bottom: 65px;
    background-size: 48px;
}

.img-logo2025{
    width: 60%;
}

#head-addline h1{
    font-size: 38px;
    margin: 10px 0;
}

.addline-icn{
    width: 54px;
}

#ex-addline{
    font-size: 28px;
    padding: 25px 0;
    width: 100%;
    min-height: 230px;
}

img.addline-iphone{
    right: 10px;
    width: 140px;
}

#main-addline ul{
    width: 100%;
    margin: 0 auto 25px;
}

#main-addline ul li{
    width: 24vw;
    height: 24vw;
    font-size: 21px;
}

#main-addline ul li:nth-child(2){transition-delay: 200ms;}
#main-addline ul li:nth-child(3){transition-delay: 400ms;}

p.txt-addline{
    font-size: 25px;
}
    
}

@media (max-width: 599px) {

#page-addline{
    background-size: 38px;
    font-size: 18px;
    padding-top: 20px;
}
#contents-addline{
    padding-bottom: 60px;
    background-size: 38px;
}

.img-logo2025{
    width: 80%;
}

#head-addline h1{
    font-size: 7vw;
    margin-top: 20px;
}
    
    #head-addline h1 strong{
        display: block;
    }

.addline-icn{
    width: 56px;
    margin-right: 0;
    margin-bottom: 8px;
}

#ex-addline{
    font-size: 5.2vw;
    padding: 20px 0 0 10px;
    min-height: 180px;
    text-align: left;
    box-sizing: border-box;
}

img.addline-iphone{
    right: 5px;
    width: 25%;
}
    
    #main-addline{
        font-size: 16px;
    }

#main-addline ul{
    margin: 0 auto 25px;
}

#main-addline ul li{
    margin: 0 5px;
    width: 38vw;
    height: 38vw;
    font-size: 18px;
}

#main-addline ul li:nth-child(2){transition-delay: 0;}
#main-addline ul li:nth-child(3){transition-delay: 0;}

p.txt-addline{
    font-size: 18px;
}

#btn-addline a{
    width: 96%;
    font-size: 25px;
}

.addline-icn02{
    width: 42px;
    margin-right: 10px;
}
    
}

/*==================================================
TOP BANNER
================================================== */

#banner{

    padding: 30px 0;
}

#area-banner-noslide{
    display: flex;
}

#area-banner-noslide a{
    display: block;
    width: 50%;
    margin: 0 10px;
}

#area-banner-noslide a img{
    width: 100%;
    vertical-align: middle;
}

@media screen and (max-width: 768px){
    
#banner{
    padding: 15px 0;
}    
    
}

@media screen and (max-width: 599px){
    
#banner{
    padding: 15px 0 5px;
}  

#area-banner-noslide{
    display: block;
}

#area-banner-noslide a{
    width: 100%;
    margin: 0 auto 12px;
}

#area-banner-noslide a img{
    vertical-align: bottom;
}  
    
}

/*==================================================
静的LINEUP（ARENA）
================================================== */

/* ↓↓↓↓ 下層ページナビメニューマウスオーバーフォーマット ↓↓↓↓ */
.page-lineuplist #dropmenu > li.navi-lineuplist > a{
	background: #5ac800;
    color: #fff !important;
	height: 46px;
	line-height: 48px;
}

.page-lineuplist #dropmenu > li.navi-lineuplist > a i{
	display: none !important;
}

/*.page-about .page{
	margin-top: 116px;
	border-top: 5px solid #5ac800;
}*/

.page-lineuplist #global-nav{
	border-color: #5ac800;
}
/* ↑↑↑↑ 下層ページナビメニューマウスオーバーフォーマット ↑↑↑↑ */

.ul-lineup-card{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.ul-lineup-card li{
    background-color: #eef5df;
    width: calc(100%/2 - 40px);
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 15px;
}

.ul-lineup-card li:nth-of-type(2n){
    margin-right: 0;
}

.ul-lineup-card li img{
    width: 35%;
    float: left;
}

.lineup-card-txt{
    width: 62%;
    float: right;
}

.lineup-card-txt p{
    line-height: 1.5;
    margin: 0;
}

.title-lineup-card{
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 10px;
}

.title-lineup-card span{
    display: block;
    font-size: 16px;
    margin-top: 5px;
}

.title-arena-lineup{
    display: block;
    font-size: 24px;
    border-bottom: 2px solid #5ac800;
    margin-bottom: 25px;
}

.title-arena-lineup span{
    display: inline-block;
    background-color: #5ac800;
    color: #fff;
    padding: 2px 10px;
}

#arena-a-type .title-arena-lineup{
    border-color: #409ad6;
}

#arena-a-type .title-arena-lineup span{
    background-color:#409ad6; 
}

#arena-a-type .ul-lineup-card li{
    background-color: #eef5df;
}

#lineup-world .title-arena-lineup{
    border-color: #409ad6;
}

#lineup-world .title-arena-lineup span{
    background-color:#409ad6; 
    width: 280px;
    text-align: center;
}

#lineup-company .title-arena-lineup{
    border-color: #978f8b;
}

#lineup-company .title-arena-lineup span{
    background-color:#978f8b; 
    width: 380px;
    text-align: center;
}

#lineup-personal .title-arena-lineup{
    border-color: #f39800;
}

#lineup-personal .title-arena-lineup span{
    background-color:#f39800; 
    width: 330px;
    text-align: center;
}


.contents-lineup-list{
    margin-bottom: 35px;
}

.ul-lineup-list{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.ul-lineup-list li{
    width: calc(100%/4 - 39px);
    padding: 15px;
    text-align: center;
    margin:0 12px 12px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eef5df;
}
.ul-lineup-list li:nth-of-type(4n){
    margin-right: 0;
}

#lineup-world .ul-lineup-list li{
    background-color: #ebf6fc;
}

#lineup-company .ul-lineup-list li{
    background-color: #eae4e2;
}

#lineup-personal .ul-lineup-list li{
    background-color: #fcf6ed;
}

.explain{
    text-align: right;
    margin: 0;
}

.lineup-card-txt .btn{
    margin: 12px 0 0;
}



@media screen and (max-width: 768px){

.ul-lineup-list li{
    width: calc(100%/3 - 38px);
}
.ul-lineup-list li:nth-of-type(4n){
    margin-right: 12px;
}
.ul-lineup-list li:nth-of-type(3n){
    margin-right: 0;
}
    .ul-lineup-list li:nth-child(12){
        margin-right: 0;
    }
    .ul-lineup-list li:nth-child(24){
        margin-right: 0;
    }
    .ul-lineup-list li:nth-child(36){
        margin-right: 0;
    }

.title-arena-lineup{
    font-size: 18px;
    margin-bottom: 16px;
} 

#lineup-world .title-arena-lineup span{
    width: 240px;
}

#lineup-company .title-arena-lineup span{
    width: 300px;
}

#lineup-personal .title-arena-lineup span{
    width: 260px;
}


    
}


@media screen and (max-width: 599px){
    
.ul-lineup-card li{
    width: 100%;
    margin-right: auto;
    margin: 0 auto 14px !important;
    padding: 12px;
    box-sizing: border-box;
}
    

.ul-lineup-list li:nth-of-type(4n){
    margin-right: auto;
}    

.ul-lineup-card li:nth-of-type(2n){
    margin-right: auto;
}

.ul-lineup-card li img{
    width: 32%;
}

.lineup-card-txt{
    width: 63%;
}  

.title-arena-lineup{
    font-size: 6vw;
    margin-bottom: 16px;
}  

.explain{
    margin-bottom: 12px;
}
    
.ul-lineup-list li{
    width: 100%;
    box-sizing: border-box;
    padding: 12px;
    margin: 0 auto 10px;
} 
    
#lineup-world .title-arena-lineup{
    font-size: 5vw;
}    

#lineup-world .title-arena-lineup span{
    width: 70%;
}
    
#lineup-company .title-arena-lineup{
    font-size: 5vw;
}    

#lineup-company .title-arena-lineup span{
    width: 82%;
}  
    
#lineup-personal .title-arena-lineup{
    font-size: 5vw;
}    

#lineup-personal .title-arena-lineup span{
    width: 70%;
} 
.contents-lineup-list{
    margin-bottom: 25px;
} 

.lineup-card-txt .btn{
    margin: 12px auto 0;
    width: 100%;
}
    
}

/*==================================================
PICKUP
================================================== */

/* ↓↓↓↓ 下層ページナビメニューマウスオーバーフォーマット ↓↓↓↓ */
.page-pickuplist #dropmenu > li.navi-pickup > a{
	background: #5ac800;
    color: #fff !important;
	height: 46px;
	line-height: 48px;
}

.page-pickuplist #dropmenu > li.navi-pickup > a i{
	display: none !important;
}

/*.page-about .page{
	margin-top: 116px;
	border-top: 5px solid #5ac800;
}*/

.page-pickuplist #global-nav{
	border-color: #5ac800;
}
/* ↑↑↑↑ 下層ページナビメニューマウスオーバーフォーマット ↑↑↑↑ */



.title-pickup-list{
    display: block;
    margin: 15px 0 20px;
    text-align: center;
}

.title-pickup-list img{
    height: 45px;
    vertical-align: bottom;
}

.box-pickup-list{
    background-color: #fff;
    padding: 20px;
    margin-bottom: 25px;
    line-height: 1.6;
    position: relative;
}

.box-pickup-list .title-basic{
    font-size: 24px;
    margin-bottom: 12px;
}

.box-pickup-list .title-basic small{
    padding-left: 5px;
    font-size: 55%;
}

.pickup-list-com{
    position: absolute;
    top: 20px;
    right: 20px;
}

.pickup-list-pic{
    width: 40%;
    float: left;
}

.pickup-list-pic img{
    vertical-align: bottom;
    width: 49%;
}

#list-amidaore .pickup-list-pic img{
    width: 100%;
}

.pickup-list-pic img.pickup-list-pic01{
    margin-right: 2%;
}

.pickup-list-txt{
    width: 57%;
    float: right;
}

.box-pickup-list .pickup-list-txt .title-basic{
    font-size: 19px;
    margin-bottom: 6px;
}

.pickup-list-txt p{
    margin-bottom: 15px;
}

.pickup-list-txt .btn{
    margin: 0;
}

.pickup-list-txt .btn-area{
    margin: 0;
    text-align: left;
}

.pickup-list-txt .btn-area a{
    margin-top: 10px;
}
    
.txt-large-pickup{
    font-size: 24px;
      font-weight: 600;
      text-align: center;
      margin-bottom: 20px;
      line-height: 1.6;
}

span.sanjo-com{
    display: inline-block;
    padding-right: 10px;
    padding-bottom: 5px;
}

span.sanjo-com::after{
    content: '/';
    margin-left: 10px;
}

span.sanjo-com:last-child::after{
    content: none;
}

#oshi-chi .pickup-oshi-pic{
    width: 25%;
    margin-left: 5%;
    margin-right: 5%;
}

#oshi-chi .box-whw-b{
    padding: 0;
    margin: 25px 0 0;
    border: none;
}

#oshi-chi .box-whw-b .box-whw-ws{
    padding: 15px;
    background-color: #fdf4f5;
    margin-bottom: 10px;
}

#oshi-chi .box-whw-b h5{
    display: block;
    border-bottom: 1px solid #e953ad;
    font-size: 16px;
    margin-bottom: 10px;
}

#oshi-chi .box-whw-b .title-whw{
    margin-bottom: 10px;
}

#oshi-chi .box-whw-b .title-whw small{
    font-size: 60%;
    padding-left: 10px;
}

#oshi-chi .box-whw-b .time-whw{
    padding-left: 0;
    margin-bottom: 6px;
}



@media screen and (max-width: 768px){
    
.title-pickup-list{
    margin: 0 0 10px;
}

.title-pickup-list img{
    height: 36px;
}

.box-pickup-list{
    margin-bottom: 20px;
}

.box-pickup-list .title-basic{
    font-size: 21px;
    margin-bottom: 10px;
}

.box-pickup-list .pickup-list-txt .title-basic{
    font-size: 18px;
    margin-bottom: 5px;
} 

.pickup-list-txt .btn{
    margin: 10px auto 0;
}

#oshi-chi .pickup-oshi-pic{
    width: 35%;
    margin-left: 0;
    margin-right: 0;
}
    
}


@media screen and (max-width: 599px){

.box-pickup-list .title-basic{
    font-size: 5.2vw;
    margin-bottom: 5px;
}
    

.pickup-list-com{
    position: relative;
    top: inherit;
    right: inherit;
    text-align: right;
    margin: 0 0 6px;
}
    
.pickup-list-pic{
    width: 100%;
    float: none;
    margin-bottom: 12px;
}

.pickup-list-txt{
    width: 100%;
    float: none;
}

.box-pickup-list .pickup-list-txt .title-basic{
    font-size: 4.5vw;
    line-height: 1.3;
} 

.pickup-list-txt .btn{
    display: block;
    margin: 10px auto 0;
    width: 100%;
}
    
.txt-large-pickup{
    font-size: 4.1vw;
      margin-bottom: 15px;
    line-height: 1.4;
    }
    
span.sanjo-com{
    padding-right: 6px;
    padding-bottom: 2px;
}

span.sanjo-com::after{
    content: '/';
    margin-left: 6px;
}

#oshi-chi .pickup-oshi-pic{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

    
}

/*==================================================
STAGE&SEMINAR
================================================== */

/* ↓↓↓↓ 下層ページナビメニューマウスオーバーフォーマット ↓↓↓↓ */
.page-stageseminar #dropmenu > li.navi-stageseminar > a{
	background: #5ac800;
    color: #fff !important;
	height: 46px;
	line-height: 48px;
}

.page-stageseminar #dropmenu > li.navi-stageseminar > a i{
	display: none !important;
}

/*.page-about .page{
	margin-top: 116px;
	border-top: 5px solid #5ac800;
}*/

.page-stageseminar #global-nav{
	border-color: #5ac800;
}
/* ↑↑↑↑ 下層ページナビメニューマウスオーバーフォーマット ↑↑↑↑ */

#page-stage-seminar{
    background-color: #fcf6ed;
}

#page-stage-seminar .title-en strong{
    color: #fff;
}

#copy-stage-seminar{
    color: #c89800;
    font-size: 24px;
}

#list-stage-seminar{
    display: flex;
    flex-wrap: wrap;
}

.box-stage-seminar{
    background-color: #fff;
    margin: 0 18px 18px 0;
    width: calc(100%/3 - 52px);
    padding: 20px;
    line-height: 1.6;
}

#list-stage-seminar article.box-stage-seminar:nth-of-type(3n){
    margin-right: 0;
}

.date-stage-seminar{
    border-bottom: 2px solid #e9a43a;
    line-height: 1;
}

.date-stage-seminar span{
    display: inline-block;
    margin-left: 7px;
    background-color: #e9a43a;
    color: #fff;
    padding: 9px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
}

#list-stage-seminar article.box-stage-seminar:nth-child(2) .date-stage-seminar{
    border-color: #4daa76;
}

#list-stage-seminar article.box-stage-seminar:nth-child(2) .date-stage-seminar span{
    background-color: #4daa76;
}

#list-stage-seminar article.box-stage-seminar:nth-child(3) .date-stage-seminar{
    border-color: #4271b3;
}

#list-stage-seminar article.box-stage-seminar:nth-child(3) .date-stage-seminar span{
    background-color: #4271b3;
}

.title-stage-seminar{
    display: block;
    font-size: 21px;
    margin: 12px 0;
    line-height: 1.4;
}

.box-stage-seminar p{
    margin: 12px 0 0;
}

.pic-stage-seminar{
    width: 100%;
    vertical-align: bottom;
}

#stage-seminar-header .title-en small{
    color: #000;
}

@media screen and (max-width: 599px){

#copy-stage-seminar{
    font-size: 6vw;
    line-height: 1.4;
}
    
#stage-seminar-header{
    padding-bottom: 15px;
}

.box-stage-seminar{
    margin: 0 auto 15px;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

#list-stage-seminar article.box-stage-seminar:nth-of-type(3n){
    margin-right: auto;
}

.date-stage-seminar span{
    margin-left: 5px;
    padding: 9px;
}

.title-stage-seminar{
    font-size: 5vw;
    margin: 10px 0;
}

.box-stage-seminar p{
    margin: 10px 0 0;
}
    
}

/*==================================================
wellness
================================================== */

#page-pickup-wellness{
    background-color: #fcf6ed;
}

#pickup-wellness-header{
    padding-bottom: 0;
}

#page-pickup-wellness .title-en strong{
    color: #fff;
}

#page-pickup-wellness .title-en small{
    color: #f08300;
}

#page-pickup-wellness .ul-lineup-card li {
    background-color: #fff;
    width: 100%;
    margin: 0 auto 20px;
    padding: 20px;
    box-sizing: border-box;
}

#page-pickup-wellness .title-lineup-card{
    font-size: 24px;
}

#page-pickup-wellness .title-lineup-card span{
    color: #f08300 !important;
    font-size: 21px;
}

a.btn-wellness{
    margin: 25px 0 0 25px;
    clear: both;
}

@media screen and (max-width: 768px){

#page-pickup-wellness .title-lineup-card{
    font-size: 18px;
}

#page-pickup-wellness .title-lineup-card span{
    font-size: 16px;
}
    
}

@media screen and (max-width: 599px){
    
    #page-pickup-wellness .title-en strong{
        font-size: 18vw;
    }
    
    #page-pickup-wellness .ul-lineup-card li a.btn{
        width: 100%;
        margin-top: 10px;
    }

a.btn-wellness{
    margin: 15px auto 0 !important;
    width: 100%;
}
    
}

/*==================================================
pickup-special
================================================== */

#pickup-special{
    background-color: #fcf6ed;
}

#pickup-special-header{
    padding: 35px 0 0;
}




/*============pickup-special-kuma============*/

#pickup-special-kuma{
    text-align: center;
    margin-bottom: 25px;
    color: #5d452b;
}

#pickup-special .box-bg-w{
    box-sizing: border-box;
    text-align: center !important;
    padding: 50px 30px !important;
    font-size: 18px;
}

#pickup-special #pickup-special-header{
    text-align: left !important;
}

.mv-special-kuma,
.title-influencer{
    width: 70%;
    vertical-align: bottom;
    margin-bottom: 20px;
}

@media screen and (max-width: 768px){

#pickup-special-header{
    padding: 25px 0 0;
}
    
    
#pickup-special-kuma .title-kuma{
    font-size: 3vw;
    line-height: 1.6;
    margin-bottom: 25px;
}

#pickup-special-kuma .box-bg-w{
    padding: 35px 20px !important;
    font-size: 16px;
}
    
}

@media screen and (max-width: 599px){
    
    #pickup-special-kuma{
        margin-bottom: 15px;
    }
    
#pickup-special-kuma .title-kuma{
    font-size: 5.0vw;
    margin-bottom: 20px;
}

#pickup-special .box-bg-w{
    padding: 25px 20px !important;
}

.mv-special-kuma,
.title-influencer{
    width: 100%;
}
    
#pickup-special-kuma .box-bg-w p{
    text-align: left;
}
    
}


/*============pickup-special-influencer============*/

.ul-list-influencer{
    text-align: center;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.ul-list-influencer li{
    margin: 0 7px 18px;
    background-color: #fcf6ed;
    text-align: center;
    width: 18%;
    box-sizing: border-box;
    padding: 12px 10px;
    border-radius: 6px;
}
.ul-list-influencer li:hover{
    background-color: #f4f4f4;
}

.ul-list-influencer li a{
    display: block;
    text-decoration: none;
    line-height: 1.3;
    letter-spacing: 0;
}

.ul-list-influencer li a.btn-green{
    margin-top: 7px !important;
}

.icn-influencer{
    width: 60%;
    vertical-align: bottom;
    border-radius: 50%;
    margin-top: 8px;
}

.name-influencer{
    display: block;
    font-size: 15px;
    margin: 8px 0 10px;
    line-height: 1.3;
}
.name-influencer small{display: block; font-size: 60%;}

.ul-list-influencer li span{
    font-size: 12px;
    line-height: 1.3;
    font-weight: 600;
    color: #00b9ef;
    display: block;
}

.ul-list-influencer li span.tag-influencer-02{
    color: #f08300;
}

.ul-list-influencer li span.tag-influencer-03{
    color: #45b035;
}

.ul-list-influencer li span.tag-influencer-04{
    color: #0068b7;
}

.ul-list-influencer li span.tag-influencer-05{
    color: #b84c97;
}

.ul-list-influencer li a.btn{
    display: block;
    width: 100%;
    margin: 0;
    padding: 7px 0;
    min-width: auto;
    font-size: 14px;
}



@media screen and (max-width: 768px){

.ul-list-influencer{
    display: block;
}

.ul-list-influencer li{
    display: inline-block;
    margin: 0 7px 18px;
    vertical-align: top;
    width: 28%;
    padding: 12px 10px;
    min-height: 242px;
}

.name-influencer{
    font-size: 15px;
    margin: 10px 0;
}
    
}

@media screen and (max-width: 599px){
    
    #pickup-special #pickup-special-influencer .contents-area{
        padding: 20px 5px;
    }

.ul-list-influencer li{
    margin: 0 3px 12px;
    width: 29.5%;
    padding: 10px 5px;
    min-height: 56vw;
    line-height: 1.2;
}

.name-influencer{
    font-size: 14px;
    margin: 10px 0;
    word-break: break-all;
}

.ul-list-influencer li span{
    font-size: 11px;
}

.ul-list-influencer li a.btn{
    padding: 5px 0;
    font-size: 13px;
    line-height: 1.2;
    border-radius: 6px;
}
    
}


/*============pickup-special-antique============*/

#pickup-special-antique{
    margin-top: 25px;
}

#pickup-special-antique .ul-lineup-card li{
    background-color: #fff;
}

@media screen and (max-width: 599px){

#pickup-special-antique{
    margin-top: 15px;
}
    
}

/*==================================================
pickup-oshi
================================================== */

#pickup-oshi{
    padding: 35px 0;
    background-color: #fce9ea;
}

#list-handmade-oshi{
    margin-top: 35px;
}

#pickup-oshi .pickup-list-pic img{
    width: 90%;
}

#pickup-oshi .pickup-list-pic img.pickup-list-pic01{
    margin-right: 0;
}

.box-oshi-list{
    background-color: #fff;
    padding: 20px;
    margin-bottom: 25px;
    line-height: 1.6;
    display: flex;
    position: relative;
}

.pickup-oshi-pic{
    width: 35%;
    vertical-align: bottom;
}

.pickup-oshi-pic img{
    width: 100%;
    vertical-align: bottom;
}

.pickup-oshi-txt{
    display: flex;
    width: 65%;
    padding-left: 5%;
    align-items: center;
}

.pickup-oshi-txt .title-basic{
    font-size: 24px;
    margin-bottom: 12px;
}

.box-oshi-list .sp-title{
    display: none;
}
    
    .pickup-oshi-txt p{
        margin: 0;
    }

.pickup-oshi-txt .btn{
    margin: 12px 0 0;
}

@media screen and (max-width: 768px){

.pickup-oshi-txt .title-basic{
    font-size: 18px;
    margin-bottom: 10px;
}
    
}

@media screen and (max-width: 599px){

#pickup-oshi .pickup-list-pic img{
    width: 100%;
}

.box-oshi-list .sp-title{
    display: block;
    font-size: 5vw !important;
    margin-bottom: 10px !important;
}
    
    #oshi-chi.box-oshi-list .sp-title{
        margin-top: 5px;
    }

.box-oshi-list{
    margin-bottom: 20px;
    display: block;
}

.pickup-oshi-pic{
    width: 100%;
    margin-bottom: 10px;
    height: auto;
}

.pickup-oshi-txt{
    display: block;
    width: 100%;
    padding-left: 0;
}
    
    .pickup-oshi-txt .title-basic{
        display: none;
    }
    
    .box-oshi-list .pickup-list-com{
        margin: 0;
    }

.pickup-oshi-txt .btn{
    margin: 12px auto 0;
    width: 100%;
}
    
    #oshi-chi .pickup-oshi-pic{
        margin-bottom: 15px;
    }
    
}


/*==================================================
会場案内
================================================== */

/* ↓↓↓↓ 下層ページナビメニューマウスオーバーフォーマット ↓↓↓↓ */
.page-map #dropmenu > li.navi-map > a{
	background: #5ac800;
    color: #fff !important;
	height: 46px;
	line-height: 48px;
}

.page-map #dropmenu > li.navi-map > a i{
	display: none !important;
}

/*.page-about .page{
	margin-top: 116px;
	border-top: 5px solid #5ac800;
}*/

.page-map #global-nav{
	border-color: #5ac800;
}
/* ↑↑↑↑ 下層ページナビメニューマウスオーバーフォーマット ↑↑↑↑ */

#head-map .title-base{
    margin-bottom: 20px;
}

#head-map h3{
    display: block;
    text-align: center;
    font-size: 24px;
}

#access-train h4.title-basic{
    font-size: 24px;
    margin-bottom: 20px;
}

.box-access-train{
    display: flex;
    margin-bottom: 30px;
}

.box-access-train > article{
    width: calc(100%/2 - 15px);
}

.box-access-train > article:first-child{
    margin-right: 30px;
}

.access-train{
    width: 100%;
    vertical-align: bottom;
}

@media screen and (max-width: 768px){
    
    #head-map{
        padding: 25px 20px 15px;
    }
    
}

@media screen and (max-width: 599px){

#head-map .title-base{
    margin-bottom: 14px;
}

#head-map h3{
    font-size: 5.4vw;
    line-height: 1.4;
}

#access-train h4.title-basic{
    font-size: 18px;
}

.box-access-train{
    display: block;
    margin-bottom: 20px;
}

.box-access-train > article{
    width: 100%;
}

.box-access-train > article:first-child{
    margin-right: 0;
    margin-bottom: 25px;
}
    
    .box-access-train > article h5{
        margin-bottom: 10px;
    }
    
}


/*==================================================
top-theme-contents
================================================== */

.top-theme-contents{
    margin: 50px 0 25px;
}

.ul-top-pickup{
    display: flex;
    list-style: none;
}

.ul-top-pickup li{
    width: calc(100%/2);
    background-color: #fff;
    border: 2px solid #5ac800;
}

.ul-top-pickup li:hover{
    background-color: #eef5df;
}

.ul-top-pickup li:nth-child(2):hover{
    background-color: #fce9ea;
}

#ul-top-pickup02 li:hover{
    background-color: #fcf6ed;
}

.ul-top-pickup li:nth-child(2){
    margin-left: 2.5%;
    border-color: #e953ad;
}

#ul-top-pickup02 li{
    border-color: #f39800;
}

.ul-top-pickup li a{
    display: flex;
    text-decoration: none;
    padding: 5px;
    color: #5ac800;
}

.ul-top-pickup li:nth-child(2) a{
    color: #e953ad;
}

#ul-top-pickup02 li a{
    color: #f39800;
}

.top-pickup-title{
    width: 58%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.top-pickup-title h4{
    font-size: 19px;
}

.ul-top-pickup li a img{
    width: 42%;
    vertical-align: bottom;
}

.top-workshop-pic img{
    width: 48.5%;
    vertical-align: bottom;
}

.top-workshop-pic img:first-child{
    margin-right: 3%;
}

#ul-top-pickup02{
    margin-top: 25px;
    display: block;
    text-align: center;
}

#ul-top-pickup02 li{
    display: inline-block;
    width: 495px;
} 

@media screen and (max-width: 1024px){

#ul-top-pickup02 li{
    width: 48.5%;
} 
    
}

@media screen and (max-width: 768px){
    
.top-theme-contents{
    margin: 35px 0 40px;
}
    
    #top-theme-workshop{
        margin-bottom: 10px;
    }

.top-pickup-title h4{
    font-size: 16px;
}

.ul-top-pickup li:nth-child(2){
    margin-left: 10px;
    margin-right: 10px;
}

#ul-top-pickup02{
    margin-top: 12px;
}

    
}

@media screen and (max-width: 599px){
    
    #top-theme-workshop{
        margin-bottom: 0;
    }

.ul-top-pickup{
    display: block;
}

.ul-top-pickup li{
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto 10px !important;
}  

#ul-top-pickup02 li{
    width: 100%;
}   
    
}


/*==================================================
checkbox style
================================================== */

#search-box label {
    display: inline-flex;
    align-items: center;
    gap: 0 .5em;
    position: relative;
    margin-bottom: .4em;
    padding: 2px 12px;
    border-radius: 25px;
    background-color: #eef5df;
    cursor: pointer;
    margin: 0 5px 12px 0;
    justify-content: center;
}

#search-box label:has(:checked) {
    background-color: #5ac800;
    color: #fff;
}

#search-box label::before {
    width: 14px;
    height: 14px;
    border-radius: 1px;
    background-color: #fff;
    content: '';
}

#search-box label:has(:checked)::after {
    position: absolute;
    top: 9px;
    left: 16px;
    transform: rotate(45deg);
    width: 4px;
    height: 8px;
    border: solid #5ac800;
    border-width: 0 2px 2px 0;
    content: '';
}

#search-box label.ckbox input {
    display: none;
}

#search-box .btn-area{
    margin-top: 25px;
}

@media (max-width: 599px) {

#search-box label:has(:checked)::after {
    top: 8px;
}
    
}

/*==================================================
contents-search
================================================== */

.contents-search{
    background-color: #eef5df;
    padding: 35px 0;
}

.box-con-s{
    margin-bottom: 15px;
}

.box-con-s h3{
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
}


#search-box.contents-search label {
    background-color: #fff;
}

#search-box.contents-search label:has(:checked) {
    background-color: #5ac800;
    color: #fff;
}

#search-box.contents-search label::before {
    background-color: #eef5df;
}

#search-box.contents-search label:has(:checked)::after {
    top: 9px;
    left: 16px;
}

#search-box.contents-search .exhibitor-search-freeword input[type="search"]{
    border: none;
}

@media (max-width: 768px) {
    
.contents-search{
    padding: 25px 0;
}    

.box-con-s h3{
    font-size: 14px;
}
    
#search-box.contents-search label {
    padding: 2px 8px;
    font-size: 12px;
}    
    
}

@media (max-width: 599px) {
    
.contents-search{
    padding: 15px 0;
}  
    
#search-box.contents-search label {
    padding: 2px 6px;
    margin: 0 3px 8px 0;
}    
    
}


/*==================================================
kuma-kateika
================================================== */

#kuma-kateika{
    padding: 50px 0 0;
}

#title-kuma-kateika img{
    width: 80%;
    display: block;
    margin: 0 auto;
    vertical-align: bottom;
}

#txt-kuma-kateika{
    margin: 20px 0 30px;
    line-height: 2.0;
}

#ttl-kuma-kateikapic{
    display: block;
    text-align: center;
    font-size: 21px;
    margin-bottom: 15px;
}

#pic-kuma-kateika{
    display: flex;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

#pic-kuma-kateika img{
    width: calc(100%/3 - 10px);
    margin-right: 15px;
    margin-bottom: 15px;
    vertical-align: bottom;
}
#pic-kuma-kateika img:nth-of-type(3n){
    margin-right: 0;
}

#btn-kuma-kateika{
    text-align: center;
    color: #b95258;
}

#btn-kuma-kateika p{
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 10px;
}

#btn-kuma-kateika a{
    display: inline-block;
    border-radius: 60px;
    border: 3px solid #b95258;
    color: #b95258;
    width: 380px;
    padding: 8px 0;
    background-color: #fff;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
}

#btn-kuma-kateika a:hover{
    background-color: #b95258;
    color: #fff;
}

@media (max-width: 599px) {

#kuma-kateika{
    padding: 30px 0 0;
}

#title-kuma-kateika img{
    width: 100%;
}

#txt-kuma-kateika{
    margin: 15px 0 25px;
    line-height: 1.6;
}

#ttl-kuma-kateikapic{
    font-size: 18px;
    margin-bottom: 12px;
}

#pic-kuma-kateika{
    margin-bottom: 10px;
}

#pic-kuma-kateika img{
    width: calc(100%/3 - 6px);
    margin-right: 9px;
    margin-bottom: 9px;
}
#pic-kuma-kateika img:nth-of-type(3n){
    margin-right: 0;
}

#btn-kuma-kateika p{
    font-size: 18px;
}

#btn-kuma-kateika a{
    display: block;
    width: 100%;
    padding: 10px 0;
    margin: 0 auto;
    box-sizing: border-box;
    font-size: 14px;
}
    
}




/*==================================================
page-ws
================================================== */


/* ↓↓↓↓ 下層ページナビメニューマウスオーバーフォーマット ↓↓↓↓ */
.page-ws #dropmenu > li.navi-workshop > a{
	background: #5ac800;
    color: #fff !important;
	height: 46px;
	line-height: 48px;
}

.page-ws #dropmenu > li.navi-workshop > a i{
	display: none !important;
}

/*.page-about .page{
	margin-top: 116px;
	border-top: 5px solid #5ac800;
}*/

.page-ws #global-nav{
	border-color: #5ac800;
}
/* ↑↑↑↑ 下層ページナビメニューマウスオーバーフォーマット ↑↑↑↑ */



/*==================================================
amidaore
================================================== */

#amidaore{
    text-align: center;
}

#amidaore .title-base{
    font-size: 38px;
    margin-bottom: 20px;
}

#amidaore h3{
    display: block;
    font-size: 18px;
    margin-bottom: 25px;
}

#amidaore .box-pickup-list{
    padding: 50px;
    line-height: 1.9;
}

#amidaore .box-pickup-list img{
    width: 100%;
}

.img-ami{
    position: relative;
    min-height: 240px;
    margin: 30px 0;
}

.img-ami img{
    width: auto !important;
    height: 240px;
}

.ami-02{
    margin: 25px 0 30px;
}

.ami-03{
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}

.ami-04{
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
}

.ami-05{
    margin-bottom: 35px;
}

#amidaore .box-pickup-list h4{
    display: block;
    font-size: 18px;
    margin-bottom: 25px;
}

#amidaore .box-pickup-list h4 span{
    display: inline-block;
    border-radius: 8px;
    padding: 5px 25px;
    color: #5ac800;
    border: 1px solid #5ac800;
}

.ami-07{
    display: block;
    margin: 30px auto 35px;
    width: 540px !important;
    vertical-align: bottom;
}

.day-ami{
    margin-bottom: 25px;
    font-size: 18px;
}

.day-ami span{
    display: inline-block;
    background-color: #c46760;
    color: #fff;
    font-size: 15px;
    padding: 5px 20px;
    margin-right: 10px;
    border-radius: 40px;
}

@media (max-width: 768px) {

#amidaore .title-base{
    font-size: 30px;
}

#amidaore .box-pickup-list{
    padding: 30px;
    line-height: 1.9;
}

.img-ami{
    min-height: 180px;
    margin: 20px 0;
}

.img-ami img{
    width: auto !important;
    height: 180px;
}

.ami-02{
    margin: 15px 0 15px;
}
    
}

@media (max-width: 599px) {

#amidaore .title-base{
    font-size: 7vw;
    margin-bottom: 10px;
}

#amidaore .box-pickup-list{
    padding: 20px;
    line-height: 1.8;
}
    
.img-ami{
    position: relative;
    min-height: auto;
    margin: 20px 0;
}

.img-ami img{
    width: 62% !important;
    height: auto;
}
    
    .img-ami img.ami-06{
        width: 100% !important;
    }

.ami-02{
    margin: 15px 0 20px;
}

.ami-03{
    position: relative;
    top: inherit;
    left: inherit;
    margin: 12px 0;
}

.ami-04{
    position: relative;
    top: inherit;
    left: inherit;
}   

.ami-07{
    margin: 20px auto 25px;
    width: 80% !important;
} 

.day-ami{
    margin-bottom: 15px;
    font-size: 14px;
}

.day-ami span{
    font-size: 14px;
    padding: 2px 20px;
    margin: 0 0 5px;
}
    
}


/*==================================================
kuma-goods
================================================== */

.box-kkuu{
    background-color: #fffcd1;
    margin: 75px auto 0;
    padding: 0 25px 25px;
    box-sizing: border-box;
    border: 2px solid #ffe35f;
}

.kkuu-title{
    display: block;
    text-align: center;
    font-size: 21px;
    position: relative;
    top: -30px;
}

.kkuu-title > span{
    display: inline-block;
    border-radius: 60px;
    height: 60px;
    line-height: 58px;
    width: 420px;
    background-color: #ffe35f;
}

.kuma-meet-stage .kkuu-title > span{
    width: 640px !important;
}

.kuma-meet-stage{
    margin-bottom: 50px;
}

#img-kuma-goods{
    display: flex;
}

#img-kuma-goods > div{
    width: calc(100%/3);
    margin: 0 6px;
    text-align: center;
    background-color: #fff;
    padding: 15px;
    border-radius: 8px;
}

#img-kuma-goods div span{
    display: inline-block;
    background-color: #5ac800;
    color: #fff;
    padding: 5px 0;
    width: 50%;
    margin-bottom: 20px;
}

#img-kuma-goods div img{
    width: auto;
    height: 120px;
    vertical-align: bottom;
}

#kuma-meet p{
    width: 55%;
}

#img-kuma-meet{
    position: absolute;
    top: 60px;
    right: 30px;
    text-align: right;
    width: 40%;
}

#img-kuma-meet img{
    width: 100%;
    vertical-align: bottom;
}

#img-kuma-meet small{
    display: block;
}

#kuma-novel .kkuu-title > span{
    background-color: #b95258;
    color: #fff;
}

#kuma-novel.box-kkuu{
    border-color: #b95258;
}

#box-kuma-novelty{
    display: flex;
}

#box-kuma-novelty > article{
    width: 50%;
    text-align: center;
    margin: 0 10px;
    background-color: #fff;
    border-radius: 8px;
    padding: 25px;
}

#box-kuma-novelty > article img{
    width: 90%;
}

#box-kuma-novelty > article p{
    width: 90%;
    margin: 0 auto 10px;
    text-align: left;
}

#box-kuma-novelty > article h3{
    display: block;
    font-size: 21px;
    color: #b95258;
    margin-bottom: 10px;
}

#kuma-novel > p{
    text-align: center;
    margin: 15px 0 0 ;
}


@media (max-width: 768px) {

.box-kkuu{
    margin: 50px auto 0;
    padding: 0 20px 20px;
}

.kkuu-title{
    font-size: 18px;
    top: -25px;
}

.kkuu-title > span{
    height: 50px;
    line-height: 48px;
    width: 80%;
}

#img-kuma-goods div span{
    padding: 3px 0;
    width: 80%;
    margin-bottom: 10px;
    font-size: 13px;
}

#img-kuma-goods div img{
    width: auto;
    height: 80px;
}

#kuma-meet p{
    width: 100%;
}

#img-kuma-meet{
    position: relative;
    top: inherit;
    right: inherit;
    text-align: right;
    width: 100%;
    margin-bottom: 10px;
}

#box-kuma-novelty > article{
    margin: 0 5px;
    padding: 20px;
}

#box-kuma-novelty > article h3{
    font-size: 18px;
}

#kuma-novel > p{
    text-align: left;
}

.kuma-meet-stage .kkuu-title > span{
    width: 90% !important;
}

.kuma-meet-stage{
    margin-bottom: 35px;
}
    
}


@media (max-width: 599px) {

.box-kkuu{
    margin: 50px auto 0;
    padding: 0 20px 20px;
}

.kkuu-title{
    font-size: 4vw;
}

.kkuu-title > span{
    width: 100%;
}

#img-kuma-goods{
    display: block;
}

#img-kuma-goods > div{
    width: 100%;
    margin: 0 auto 15px;
    padding: 15px;
    box-sizing: border-box;
}

#img-kuma-goods div span{
    width: 60%;
    margin-bottom: 15px;
}

#img-kuma-goods div img{
    width: 80%;
    height: auto;
}

#kuma-meet p{
    width: 100%;
}

#img-kuma-meet{
    position: relative;
    top: inherit;
    right: inherit;
    text-align: right;
    width: 100%;
    margin-bottom: 10px;
}

#box-kuma-novelty{
    display: block;
}

#box-kuma-novelty > article{
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto 15px;
}

#box-kuma-novelty > article h3{
    font-size: 4vw;
}

.kuma-meet-stage .kkuu-title > span{
    width: 100% !important;
}

.kuma-meet-stage{
    margin-bottom: 25px;
}
    
}

/*==================================================
map-outline
================================================== */

#map-outline article > div{
    text-align: center;
    margin: 25px 0;
    font-size: 18px;
}

@media (max-width: 599px) {

#map-outline article > div{
    margin: 15px 0;
    font-size: 16px;
}
    
}


/*==================================================
stage
================================================== */

#stage-schedule{
    margin-bottom: 50px;
}

#stage-cal-pc table{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #5ac800;
    background-color: #fff;
}

#stage-cal-pc table th{
	padding: 15px 10px;
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #5ac800;
}

#stage-cal-pc table td{
	padding: 15px 10px;
	box-sizing: border-box;
	position: relative;
	border: 1px solid #5ac800;
	vertical-align: middle;
}

#stage-cal-pc table td#day19-ws{
    padding-left: 0;
    padding-right: 0;
}

#stage-cal-pc table td#day17-0930{
    padding-left: 0;
    padding-right: 0;
}

#stage-cal-pc table thead th{
	color: #fff;
}

#stage-cal-pc table thead th#day-17{
	background: #e9a43a;
	width: 30%;
}

#stage-cal-pc table thead th#day-18{
	background: #4daa76;
	width: 30%;
}

#stage-cal-pc table thead th#day-19{
	background: #4271b3;
	width: 30%;
}

.stage-p-im{
	float: right;
	width: 25%;
	margin: 0 0 0 8px;
}

p.stage-t span{
	display: inline-block;
	border-radius: 24px;
	font-size: 13px;
	color: #fff;
	margin-right: 7px;
	vertical-align: middle;
	padding: 0 5px;
}

.bg-b{
	background-color: #e8aebd;
}

.bg-p{
	background-color: #de8db2;
}

.bg-or{
	background-color: #e9a43a;
}

.bg-gr{
	background-color: #8faed8;
}

.bg-ws{
	background-color: #5ac800;
}

.bg-f{
	background-color: #ffe35f;
    color: #000 !important;
}

.title-stage-p{
	display: block;
	text-align: center;
	font-size: 14px;
}

.title-stage-p small{
	display: block;
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 5px;
}

#stage-cal-sp{
	display: none;
}

.img-bookoff{
	width: 80%;
}

#day17-0930 article{
	border-top: 1px solid #5ac800;
	margin-top: 50px;
	padding-top: 15px;
}

#stage-cal-pc table td article > div > small{
	display: block;
	margin-top: 6px;
	font-size: 12px;
	line-height: 1.5;
}

article#day18-1300 > div > small{
	position: absolute;
	right: 15px;
	bottom: 45%;
}

#day18-1400 small{
	text-align: center;
	display: block;
	line-height: 1.4;
	margin-top: 6px;
}

#stage-jackey{
	border: 1px solid #fdd300;
}


#stage-jackey h3{
	display: block;
	background: #fdd300;
	padding: 12px 20px;
	font-size: 21px;
}

#stage-jackey > div{
	margin: 25px 30px;
	line-height: 1.8;
	position: relative;
	min-height: 380px;
	font-size: 18px;
}

.img-jackey{
	position: absolute;
	width: 32%;
	text-align: center;
	top: 0;
	right: 0;
}

.img-jackey img{
	width: 85%;
}

.img-jackey span{
	display: block;
	text-align: center;
	font-size: 12px;
	line-height: 1.3;
}

#stage-jackey > div p{
	width: 62%;
	margin: 35px 0;
	font-weight: 600;
}

#stage-jackey > div p small{
	display: block;
	line-height: 1.6;
	font-weight: normal;
}

.stage-quilt{
    border: 1px solid #757ebc;
    background-color: #fff !important;
    padding: 0 !important;
    margin-top: 35px;
}

.stage-quilt h3{
	display: block;
	background: #757ebc;
	padding: 12px 20px;
	font-size: 21px;
    color: #fff;
}

.stage-quilt h3 small{
    padding-left: 15px;
    font-size: 14px;
}

.stage-quilt > div{
	margin: 25px 30px;
	line-height: 1.8;
	position: relative;
	font-size: 18px;
	font-weight: 600;
}

.btn-archive a.btn{
    border-radius: 4px;
    margin-top: 10px;
    text-align: center;
    box-sizing: border-box;
    display: block;
}

td#day19-ws{
    vertical-align: top !important;
}

#day19-ws article{
    border-top: 1px solid #5ac800;
    margin-top: 15px;
    padding-top: 190px;
}

#day19-ws p.stage-t{
    text-align: center;
}

#day19-ws p.stage-t span{
    display: block;
    width: 45%;
    text-align: center;
    margin: 0 auto 8px;
}

@media screen and (max-width: 768px){

#stage-jackey > div{
	min-height: 320px;
	font-size: 16px;
}

.stage-quilt > div{
	font-size: 16px;
}

.stage-quilt h3 small{
    display: block;
    padding-left: 0;
    font-size: 13px;
}

#day19-ws article{
    padding-top: 250px;
}

#day19-ws p.stage-t span{
    width: 64%;
}
    
}

@media screen and (max-width: 599px){

#stage-cal-pc{
	display: none;
}
	
#stage-cal-sp{
	display: block;
}	
	
	#stage-cal-sp h2{
		display: block;
		text-align: center;
		font-size: 16px;
		color: #fff;
		padding: 6px 0;
		margin-bottom: 18px;
	}

#day17 h2{
	background: #e9a43a;
}

#day18 h2{
	background: #4daa76;
}

#day19 h2{
	background: #4271b3;
}
	
	#stage-cal-sp article{
		border: 2px solid #5ac800;
		padding: 12px;
		margin-bottom: 12px;
		border-radius: 8px;
		position: relative;
        background-color: #fff;
	}
	
	#stage-cal-sp #day17 article{
		border-color: #e9a43a;
	}
	
	#stage-cal-sp #day18 article{
		border-color: #4daa76;
	}
	
	#stage-cal-sp #day19 article{
		border-color: #4271b3;
	}
	
	#day17,#day18{
		margin-bottom: 40px;
	}
	
	#day18-1300{
		padding-bottom: 30px !important;
	}

article#day18-1300 > div > small{
	position: absolute;
	right: 12px;
	bottom: 36%;
}
	
	article#day18-1300 a{
		clear: both !important;
	}
	
	article#day18-1300 img{
		margin-bottom: 25px !important;
	}

#stage-jackey h3{
	padding: 10px 15px;
	font-size: 18px;
}

#stage-jackey > div{
	margin: 20px;
	line-height: 1.7;
	min-height: auto;
	font-size: 15px;
}

.img-jackey{
	position: relative;
	display: block;
	width: 100%;
	top: inherit;
	right: inherit;
	text-align: center;
	margin-bottom: 25px;
}

.img-jackey img{
	width: 60%;
}

.img-jackey span{
	display: block;
	text-align: center;
	font-size: 11px;
	line-height: 1.3;
}

#stage-jackey > div p{
	width: 100%;
	margin: 0 0 25px;
}

#stage-jackey > div p small{
	display: block;
	line-height: 1.6;
	font-weight: normal;
}
    
    .stage-quilt{
        margin-top: 25px;
    }

.stage-quilt h3{
	padding: 10px 15px;
	font-size: 18px;
}

.stage-quilt > div{
	font-size: 15px;
    margin: 20px;
    line-height: 1.7;
}
	
}

/*==================================================
thanks
================================================== */

#thanks{
    line-height: 2.0;
    font-size: 18px;
    text-align: center;
    padding: 50px 0;
}

#thanks img{
    width: 100%;
    vertical-align: bottom;
}

#thanks h3{
    display: block;
    font-size: 32px;
    margin-bottom: 35px;
}

#thanks h4{
    display: block;
    font-size: 32px;
    margin-top: 35px;
}

#thanks p{
    margin-bottom: 30px;
}




@media screen and (max-width: 768px){

#thanks{
    line-height: 1.8;
    font-size: 16px;
    padding: 30px 0;
}

#thanks h3{
    font-size: 26px;
    margin-bottom: 25px;
}

#thanks h4{
    font-size: 26px;
    margin-top: 25px;
}
    
}


@media screen and (max-width: 599px){

#thanks{
    line-height: 1.7;
    font-size: 15px;
    padding: 20px 0;
}

#thanks h3{
    font-size: 5.2vw;
    margin-bottom: 20px;
    line-height: 1.5;
}

#thanks h4{
    font-size: 4.5vw;
    margin-top: 20px;
    line-height: 1.5;
}

#thanks p{
    margin-bottom: 20px;
    text-align: left;
}
    
}

/*==================================================
report2025
================================================== */

#report2025 .title-report{
    background-color: #5ac800;
    color: #fff;
    margin-bottom: 35px;
}

#ul-report2025-01{
    display: flex;
    margin-bottom: 10px;
    list-style: none;
}

#ul-report2025-01 img{
    margin-right: 1%;
    vertical-align: bottom;
    object-fit: cover;
}

#ul-report2025-01 img:first-child{
    width: 24%;
}

#ul-report2025-01 img:nth-child(2){
    width: 39%;
}

#ul-report2025-01 img:last-child{
    width: 35%;
    margin-right: 0;
}

#ul-report2025-02{
    display: flex;
    margin-bottom: 10px;
    list-style: none;
}

#ul-report2025-02 img{
    margin-right: 1%;
    vertical-align: bottom;
    object-fit: cover;
}

#ul-report2025-02 img:first-child{
    width: 27%;
}

#ul-report2025-02 img:nth-child(2){
    width: 14%;
}

#ul-report2025-02 img:nth-child(3){
    width: 22%;
}

#ul-report2025-02 img:last-child{
    width: 34%;
    margin-right: 0;
}

#report2025 .con-r{
    margin: 50px 0 0;
}

.title-report-2025{
    display: block;
    text-align: center;
    border-bottom: 5px solid #5ac800;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.4;
    padding-bottom: 8px;
    margin-bottom: 30px;
}

.title-report-2025 > small{
    display: block;
    font-size: 15px;
}

.title-report-2025 > span > small{
    padding-left: 10px;
    font-size: 65%;
}

.report2025-08{
    width: 100%;
    vertical-align: bottom;
    margin-bottom: 10px;
}

#ul-report2025-03{
    display: flex;
    margin-bottom: 10px;
    list-style: none;
}

#ul-report2025-03 img:first-child{
    width: 54%;
    margin-right: 1%;
}

#ul-report2025-03 img:last-child{
    width: 45%;
    margin-right: 0;
}

.con-r p{
    margin-bottom: 30px;
}

#report2025 .ul-report li{
    margin-right: 1%;
    margin-bottom: 10px;
    width: 32.5%;
}

#report2025 .ul-report li img{
    vertical-align: bottom;
}

#report2025 .ul-report li:nth-of-type(3n){
    margin-right: 0;
    width: 33%;
}


@media screen and (max-width: 599px){

#report2025 .title-report{
    margin-bottom: 20px;
}
    
    #report2025 .header-report, #report2025 .con-r{
        text-align: left;
    }

#ul-report2025-01{
    margin-bottom: 1%;
    flex-wrap: wrap;
    flex-direction: row;
}

#ul-report2025-01 img{
    margin-right: 0;
}

#ul-report2025-01 img:first-child{
    width: 39%;
    margin-right: 1%;
    margin-bottom: 1%;
}

#ul-report2025-01 img:nth-child(2){
    width: 60%;
    margin-bottom: 1%;
}

#ul-report2025-01 img:last-child{
    width: 100%;
}

#ul-report2025-02{
    margin-bottom: 1%;
    flex-wrap: wrap;
    flex-direction: row;
}

#ul-report2025-02 img{
    margin-right: 0;
}

#ul-report2025-02 img:first-child{
    width: 37%;
    margin-right: 1%;
    margin-bottom: 1%;
}

#ul-report2025-02 img:nth-child(2){
    width: 21%;
    margin-right: 1%;
    margin-bottom: 1%;
}

#ul-report2025-02 img:nth-child(3){
    width: 40%;
    margin-bottom: 1%;
}

#ul-report2025-02 img:last-child{
    width: 100%;
    margin-right: 0;
}

#report2025 .con-r{
    margin: 30px 0 0;
}

.title-report-2025{
    font-size: 6vw;
    margin-bottom: 20px;
}

.title-report-2025 > small{
    font-size: 13px;
}

.title-report-2025 > span > small{
    padding-left: 0;
    font-size: 13px;
    display: block;
    margin-top: 5px;
}

.report2025-08{
    margin-bottom: 1%;
}

#ul-report2025-03{
    margin-bottom: 1%;
}


.con-r p{
    margin-bottom: 20px;
}
    
    #report2025 .ul-report{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }

#report2025 .ul-report li{
    margin-right: 1%;
    margin-bottom: 1%;
    width: 49.5%;
}

#report2025 .ul-report li:nth-of-type(3n){
    margin-right: 1%;
    width: 49.5%;
}

#report2025 .ul-report li:nth-of-type(2n){
    margin-right: 0;

}
    
}