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

body{

}


section{
	width:1000px;
	margin:0 auto 0 auto;
}


.header-block{
	background:#272324;
	padding:2% 0 2% 0;
}
	.header-block .logo{
		width:70%;
		float:left;
	}
	.header-block .logo a{
		display:block;
		background:url(../img/common/header-logo.png) no-repeat left top;
		background-size:contain;
		text-indent:-9999px;
		padding:2%;
	}
	.header-block .search{
		width:25%;
		float:right;
		text-align:right;
	}

	.header-block .search a{
		text-decoration:none;
		color:#FFF;
		font-size:79%;
		padding:1% 3% 1% 3%;
		margin-left:3%;
	}

	.header-block .search a.sitemap{
		border:1px solid #FFF;
	}
	.header-block .search a.sitemap:after{
		content:url(../img/common/header-kitei.png);
		position:relative;
		top:2px;
		margin-left:3px;
	}
	.header-block .search a.login{
		border:1px solid #FFF;
	}
	.header-block .search a.login:after{
		content:url(../img/common/header-staff.png);
		position:relative;
		top:2px;
		margin-left:3px;
	}
	.header-block .search a.login:hover{
		background:rgba(255,255,255,0.2);
	}



	.header-block .search .window .input {
		-webkit-border-top-left-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		border:none;
		padding:2%;

	}
	.header-block .search .window .btn {
		-webkit-border-top-right-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		border:none;
		padding:2% 5% 2% 5%;

	}

	.header-block .search .window select{
    padding: 5px;
}

	.header-block .search .window .kitei a:before {
		content:url(../img/common/header-button.png);
		position:relative;
    top: 3px;
    margin-right: 4px;
	}





.menu{
	background:#525151;
}

.menu ul{
	margin:0;
	padding:0;
}
	.menu ul li{
		margin:0;
		padding:1% 0 1% 0;
		float:left;
		width:11.111%;
		list-style:none;
	}
	.menu ul li a{
		border-right:1px solid #fff;
		width:100%;
		display:block;
		color:#FFF;
		text-decoration:none;
		text-align:center;
		-webkit-transition-property:color;
		-webkit-transition-duration:0.2s;
		-webkit-transition-timing-function:linear;
	}
	.menu ul li:last-child a{
		border-right:none;
	}

	.menu ul li a:hover{
		color:#FF0;
	}

	.menu ul li.active a{
		color:#FF0;
	}



.footer-link1{
	background:url(../img/common/footer-bg.png);
}
	.footer-link1 ul{
		margin:0;
		padding:0;
	}
	.footer-link1 ul li{
		margin:0;
		padding:2% 0 2% 0;
		list-style:none;
		width:33.3333%;
/*width:50%;*/
		text-align:center;
		border-left:2px solid #fff;
		float:left;
	}
	.footer-link1 ul li:last-child{
		border-right:2px solid #fff;
	}

	.footer-link1 ul li a{
		padding:2% 5% 2% 5%;
		text-align:center;
		text-decoration:none;
		color:#333;
		background:#FFF;
		border:1px solid #ccc;
		font-size:85%;
	}
	.footer-link1 ul li a:hover{
		opacity:0.8;
	}



.footer-link2{
	padding:2% 0 2% 0;
	text-align:center;
}


	.footer-link2 ul{
		margin:0 0 0 0;
		padding:0 0 0 0;
	}

	.footer-link2 ul li{
		margin:0 2% 0 2%;
		padding:0 0 0 15px;
		list-style:none;
		display:inline-block;
		background:url(../img/common/footer-point.png) no-repeat left center;
	}
	.footer-link2 ul li a{
		text-decoration:none;
		color:#333;
	}



.footer-link3{
	background:#F4F3EF;
	padding:2% 0 2% 0;
	text-align:center;
}




/*page*/

#contents{
	background:#FFF;
	padding-bottom:5%;
}


#page-contents #contents{
	width:72%;
	float:left;
}

#page-contents #side{
	width:25%;
	float:right;
	border-top:5px solid #272324;
}

#page-contents #side h2{
		padding:7% 0 7% 0;
		color:#663333;
		font-size:110%;
		border-bottom:1px dotted #CCC;
		margin-bottom:10%;
	}






#page-pankz{
	background:#EEE;
	font-size:80%;
	margin-bottom:3%;
}

#page-pankz a{
	background:url(../img/common/page-pankz.png) no-repeat right center;
	padding:3px 15px 3px 0;
	text-decoration:none;
	margin-right: 10px;
}





.div96{
	width:96%;
}
.div94{
	width:94%;
}
.div92{
	width:94%;
}
.div96,
.div94,
.div92{
	margin:0 auto 5% auto;
	overflow:hidden;
	}
* html .div96,
* html .div94,
* html .div92{
  height:1%;
  overflow:visible;
}



#page-contents #contents h2{
	background:#272324;
	color:#FFF;
	font-size:145%;
	padding:2%;
	margin-bottom:5%;
	-webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
}
#page-contents #contents h2.shuttensha{background:#006699;}
#page-contents #contents h2.shusaisha{background:#339933;}
#page-contents #contents h2.event{background:#666699;}


#page-contents #contents h3{
	font-size:130%;
	padding:2%;
	margin-bottom:3%;
	background:#efefef;
}

#page-contents #contents h4{
	font-size:110%;
	padding:2%;
	margin-bottom:3%;
	background:#efefef;
}


#page-contents #contents h3.left,
#page-contents #contents h4.left{
	background:none;
	border-left:4px solid #003366;
	padding:1.5% 2% 1.5% 2%;
}

#page-contents #contents h3.bottom,
#page-contents #contents h4.bottom{
	background:none;
	padding:0 0 1% 0;
	border-bottom:1px dotted #999;
}


#page-contents #contents h3.normal,
#page-contents #contents h4.normal{
	background:none;
	color:#003366;
	padding:0;
}





.kanrenlink{
	border:1px solid #ccc;
	padding:5%;
	margin-bottom:5%;
}

	.kanrenlink h3{
		font-weight:normal;
		background:none !important;
		margin:0 0 3% 0 !important;
		padding:0 !important;
	}

	.kanrenlink ul{
		margin:0;
		padding:0;
	}
	.kanrenlink ul li{
		margin:0 0 3px 20px;
		padding:0;
	}

	.kanrenlink ul li a{
		background:url(../img/page/page-link.png) no-repeat right center;
		padding:0 20px 0 0;
	}

	.kanrenlink.info{
		border:4px double #ccc;
		padding:5%;
		margin-bottom:5%;
	}



.inyou{
	border-left:6px solid #CCC;
	padding:4%;
	margin:2% auto 5% auto;
	width:94%;
}

	.inyou h4{
		background:none !important;
		margin:0 !important;
		padding:0 !important;
	}
	.inyou p{
		margin:0;
		padding:0;
	}


.btn1,
.btn2{
	margin-bottom:5%;
	overflow:hidden;
	}

	* html .btn1,
	* html .btn2{
	  height:1%;
	  overflow:visible;
	}


	.btn1 a,
	.btn2 a{
		display:block;
		background:#525151;
		border-radius:5px;
		color:#FFF;
		padding:3% 2% 3% 2%;
		text-decoration:none;
		font-size:110%;
		-webkit-transition-property:opacity;
		-webkit-transition-duration:0.2s;
		-webkit-transition-timing-function:linear;
		}

	.btn1 a:before,
	.btn2 a:before{
		content:'　';
		background:#1B3464 url(../img/common/arrows.png) no-repeat left center;
		background-size:22px 22px;
		padding:0 13px 0 0;
		}
	.btn1 a:hover,
	.btn2 a:hover{
		opacity:0.85;
		}

	.btn1 a{
		width:70%;
		margin-right:auto;
		margin-left:auto;
	}



	.btn2 a{
		width:48%;
	}
	.btn2 a:first-child{
		float:left;
	}
	.btn2 a:last-child{
		float:right;
	}


.photo-left,
.photo-right{
	margin-bottom:3%;
	overflow:hidden;
	}

	* html .photo-left,
	* html .photo-right{
	  height:1%;
	  overflow:visible;
	}
	.photo-left img,
	.photo-right img{
		width:100%;
		height:auto;
	}
	.photo-left a img,
	.photo-right a img{
		-webkit-transition-property:opacity;
		-webkit-transition-duration:0.2s;
		-webkit-transition-timing-function:linear;
	}

	.photo-left a img:hover,
	.photo-right a img:hover{
		opacity:0.8;
	}

	.photo-left .photo{
		width:45%;
		float:left;
	}
	.photo-left .text{
		width:52%;
		float:right;
	}
	.photo-right .photo{
		width:45%;
		float:right;
	}
	.photo-right .text{
		width:52%;
		float:left;
	}


	.photo-left.small .photo{
		width:25%;
		float:left;
	}
	.photo-left.small .text{
		width:70%;
		float:right;
	}
	.photo-right.small .photo{
		width:25%;
		float:right;
	}
	.photo-right.small .text{
		width:72%;
		float:left;
	}

.anchor-list2{
	width:100%;
	margin-bottom:5%;
}

	.anchor-list2 ul{
		width:100%;
		margin:0;
		padding:0;
	}
	.anchor-list2 ul li{
		width:49%;
		margin:0 2% 2% 0;
		padding:0;
		float:left;
		list-style:none;
		background:#efefef;
	}
	.anchor-list2 ul li:nth-child(2n){
		margin-right:0;
	}
	.anchor-list2 ul li a{
		text-decoration:none;
		background:url(../img/common/arrows_blue.png) no-repeat 10px center;
		background-size:20px 20px;
		display:block;
		width:100%;
		font-size:100%;
		padding:3% 5% 3% 35px;
		color:#333;
		font-weight:bold;
			-webkit-transition-property:background;
			-webkit-transition-duration:0.2s;
			-webkit-transition-timing-function:linear;
		}
	.anchor-list2 ul li span{
		font-size:85%;
		margin-left:5px;
		font-weight:normal;
	}
	.anchor-list2 ul li a:hover{
		background:#1B3464 url(../img/common/arrows.png) no-repeat 10px center;
		background-size:20px 20px;
		color:#fff;
	}

	.scroll{
	overflow: auto;
	white-space: nowrap;
	padding-bottom:5%;
	}
	.scroll::-webkit-scrollbar{
	 height: 10px;
	}
	.scroll::-webkit-scrollbar-track{
	 background: #F1F1F1;
	}
	.scroll::-webkit-scrollbar-thumb {
	 background: #BCBCBC;
	}




.anchor-list3{
	width:100%;
	margin-bottom:5%;
}

	.anchor-list3 ul{
		width:100%;
		margin:0;
		padding:0;
	}
	.anchor-list3 ul li{
		width:32%;
		margin:0 2% 2% 0;
		padding:0;
		float:left;
		list-style:none;
		background:url(../img/common/bg-gray2.png);
	}
	.anchor-list3 ul li:nth-child(3n){
		margin-right:0;
	}
	.anchor-list3 ul li a{
		text-decoration:none;
		background:url(../img/common/arrows.png) no-repeat 10px center;
		background-size:20px 20px;
		display:block;
		width:100%;
		font-size:90%;
		padding:3% 2% 3% 35px;
		color:#fff;
			-webkit-transition-property:background;
			-webkit-transition-duration:0.2s;
			-webkit-transition-timing-function:linear;
		}
	.anchor-list3 ul li a:hover{
		background:#1B3464 url(../img/common/arrows.png) no-repeat 10px center;
		background-size:20px 20px;
		color:#fff;
	}











.side-wrapper{
	margin-bottom:15%;
}


.side-photogallery .block{
	width:31%;
	float:left;
	margin:0 2% 2% 0;
}
.side-photogallery .block:nth-child(3n){
	margin:0 0% 2% 0;
}
.side-photogallery .block img{
	width:100%;
	height:52px;
}

.side-wrapper .btn1{
	width:100%;
	margin-top:3%;
}
.side-wrapper .btn1 a {
    width: 100%;
	font-size:85%;
	text-align:center;
}

.btn1 a:before, .btn2 a:before {
    content: '　';
    background: #525151 url(../img/common/arrows.png) no-repeat left center;
    background-size: 16px 16px;
    padding: 0 5px 0;
}

.side-youtube iframe{
	width:100%;
	height:auto;
}



.side-bnr img{
	width:100%;
	height:auto;
	-webkit-transition-property:opacity;
    -webkit-transition-duration:0.2s;
    -webkit-transition-timing-function:linear;
}

.side-bnr img:hover{
	opacity:0.8;
}




.page-entry{
	margin-bottom:5%;
}






.column1 img{
	max-width:100%;
}




/*カラムルール*/

#layout_cm1_contents {
    width: 100%;
}



#layout_cm2_contents {
    float: left;
    zoom: 1;
    width: 72%;
}


#layout_cm2_side {
    float: right;
}
#layout_cm2_side {
    width: 23%;
}








.hubox {
    float: left;
}


.cmn_cm1{
	width:100%;
}

.cmn_cm2 .box{
	width:48%;
	margin-right:4%;
	float:left;
}
.cmn_cm2 .box:nth-child(2n){
	margin-right:0;
}


.cmn_cm3 .box{
	width:30.66666666%;
	margin-right:4%;
	float:left;
}
.cmn_cm3 .box:nth-child(3n){
	margin-right:0;
}


.cmn_cm4 .box{
	width:22%;
	margin-right:4%;
	float:left;
}
.cmn_cm4 .box:nth-child(4n){
	margin-right:0;
}


.column2 .box{
	width:48.5%;
	float:left;
	margin-right:3%;
}

.column2 div.box:nth-child(2n){
	margin-right:0;
}

	.column2-1 .box:first-child{
		width:65%;
		float:left;
	}
	.column2-1 .box:last-child{
		width:30%;
		float:right;
	}
.column2 .box{
	width:48.5%;
	float:left;
	margin-right:3%;
}

.column2 div.box:nth-child(2n){
	margin-right:0;
}




.column3 .box{
	width:32%;
	float:left;
	margin-right:2%;
}

.column3 div.box:nth-child(3n){
	margin-right:0;
}








.column4 .box{
	width:23.5%;
	float:left;
	margin-right:2%;
}

.column4 div.box:last-child{
	margin-right:0;
}



.column2-1 .box:first-child{
	width:65%;
	float:left;
}
.column2-1 .box:last-child{
	width:30%;
	float:right;
}



















/******************************************************************************************/

/* for TB & SP CSS   */

/******************************************************************************************/


/*全タブレット*/
/*1024×416*/
@media only screen and (min-width: 416px) and (max-width: 1024px) {





}




/*→タブレット横限定*/
/*1024×769*/
@media only screen and (min-width: 769px) and (max-width: 1024px) {



}




/*→タブレット縦限定*/
/*768×436*/
@media only screen and (min-width: 436px) and (max-width: 768px) {

section{
	width:92%;
	margin:0 auto 0 auto;
}



.header-block .logo {
    width: 58%;
}
.header-block .search {
    width: 40%;
}


.menu section{
	width:100%;
}

.menu li{
	font-size:90%;
}


.col_01 {
	width: 100%;
}
.col_02 {
	width: 100%;
}


.cmn_cm3 .box{
	width:48%;
	margin-right:4%;
}

.cmn_cm3 .box:nth-child(3n){
	margin-right:4%;
}
.cmn_cm3 .box:nth-child(2n){
	margin-right:0;
}


.cmn_cm4 .box{
	width:48%;
	margin-right:4%;
}
.cmn_cm4 .box:nth-child(4n){
	margin-right:4%;
}
.cmn_cm4 .box:nth-child(2n){
	margin-right:0;
}





}








/*全スマートフォン*/
/*435×1*/
@media only screen and (min-width: 1px) and (max-width: 435px) {





section{
	width:92%;
	margin:0 auto 0 auto;
}

.menu{
	display:none;
}


.header-block .search{
	display:none;
}


.header-block .sub{
	float:left;
}


.header-block .logo {
    width: 85%;
    float: right;
    margin-top: 5%;
}




.anchor-list2.sp_listcolumn1 ul li{
	float:none;
	width:100%;
}



#page-contents #contents{
	width:100%;
	float:none;
	margin-bottom:10%;
}

#page-contents #side{
	width:100%;
	float:none;
	margin-bottom:5%;
}




#page-contents #contents h2 {
    font-size: 135%;
}


#page-contents #contents h3{
	font-size:125%;
}


.side-photogallery .block img {
    height: 80px;
}

.side-wrapper.twitter{
	display:none;
}




.footer-link1{
	display:none;
}

.footer-link2{
	border-top:20px solid #272324;
}



.page-entry img{
	width:100%;
	height:auto;
}


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


.anchor-list4.sp1 ul li,
.anchor-list3.sp1 ul li {
    width: 100%;
}


#page-contents{
	padding:5% 0 0 0;
}


.cmn_cm2 .box{
	margin-right:0;
	width:100%;
}

.cmn_cm3 .box{
	margin-right:0;
	width:100%;
}

.cmn_cm4 .box{
	margin-right:0;
	width:100%;
}






.column2-1 .box.sns {
	padding-top:0;
	margin-bottom:0 !important;
}

.column2-1 .box.sns ul li {
    width: 15%;
}
.column2-1 .box.sns ul li.sponly{
	display:inline-block !important;
    width: 18%;
    margin-left: 5%;
}







.column2 .box{
	width:100%;
	float:none;
	margin-right:0%;
	margin-bottom:20px;
}


.column3 .box {
	width:100%;
	float:none;
	margin-right:0%;
	margin-bottom:20px;
}

.column4 .box {
	width:48.5%;
	float:left;
	margin-right:2%;
}

.column4 div.box:nth-child(2n){
	margin-right:0;
}


.column2-1 .box,
.column2-1 .box:first-child,
.column2-1 .box:last-child{
    width: 100%;
    float: none;
	margin-bottom:30px;
}



















}



/*→スマートフォンiPhone5以前限定*/
/*320×1*/
@media only screen and (min-width: 1px) and (max-width: 320px) {



}


/* 251110Add　出展規定価格あしらい */

.exhibit-name {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	font-size: 15px;
	margin: 10px 0;
  }
  

  .exhibit-name .link {
	padding-left: 70px;
  }
  



.exhibit-price-list {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	font-size: 15px;
	width: 90%;
	margin-bottom: 20px;
}

.exhibit-price-list li {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  border-bottom: 1px solid #ddd;
  padding: 8px 0;
}

.exhibit-price-list .price {
  font-weight: bold;
  color: #333;
  text-align: right;
  min-width: 220px;
}

@media screen and (max-width: 768px) {

	.exhibit-price-list {
		width: 100%;
	}

	.exhibit-price-list li {
	  flex-direction: column;
	  align-items: flex-start;
	}
  
	.exhibit-price-list .price {
	  text-align: left;
	  min-width: auto;
	  margin-top: 4px;
	}

	.exhibit-name {
		flex-direction: column;
		align-items: flex-start;
	  }
	
	  .exhibit-name .link {
		padding-left: 0;
		margin-top: 4px;
	  }
  }