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



#main {max-width: 1250px;}
#mainContents #contents #document {
    clear: both;
    width: 98%;
    margin: 40px 1% 20px 1%;
}


  #gist {
		clear: both;
		width: 100%;
		margin: 0 auto;
		text-align: left;
}
#gist {
		padding:8px 0;
		text-align: left;
		background-color: #F3EFEF;
		border: 1px solid #F3EFEF;
		margin-bottom: 0px;
}

/*gist の重要説明*/
#important {
		font-family: "Sawarabi Mincho"; 	
		padding :  10px 20px;
		color: #000;
		font-weight: 500;
		max-width: 980px;
		margin: 0 auto;
}
#important {
	line-height: 1.8;
font-size: 1.8rem;
}
#important  span {font-weight: 700;}

/*important の展開*/
#text-wrap {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
}
 
.hide-text {
    display: none;
}
 
 
button.readmore {
    position: relative;
 /*  height: 60px; */
    width: 90px;
    margin: 0px auto;
    display: block;
    background-color: transparent;
    color: #666;
    /*padding-bottom: 40px;*/
		padding-bottom: 20px;
    border: none;
    outline: 0;
    transition: .5s;
    -erbkit-transition: .5s;
}
 
button.readmore::after {
    content: " ";
    position: absolute;
    width: 20px;
    height:20px;
    border-top: solid 3px #666;
    border-right: solid 3px #666;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    right: 28px;
    /*top: 25px;*/
    transition: .5s;
    -erbkit-transition: .5s;
}
 
button.readmore:hover::after {
    /*top: 40px;*/
		cursor: pointer;
		margin-top: -5px;
}
 
.on-click {
    color: transparent!important;
}
 
.on-click {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}


/*gist の注意事項*/
#careful {
		line-height: 1.5;
		font-size: 1.6rem;
		max-width: 980px;
		margin: 0 auto;
}
#careful .careful_title {
		padding: 5px;
		color: #a78343;
		background-color: #F3EFEF;
		margin-bottom: 0px;
		border-bottom: 1px dotted #E7E7E7;
}
#careful .careful_title::before {
		font-family: fontello;
		content:  '\e8c7' " ";
		color: #c99d50;			
}

#careful .careful_title::after {
		font-family: fontello;
		content: " " '\e8c0' ;
		color: #bfbaba;
		font-size: 8px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.9);
}
#careful .careful_title + p {
		line-height: 1.5em;
		display: none;
		padding: 10px;
		background-color: #FFF;
		color: #ff4b32;
}
#careful {
		cursor: pointer;
}



/************************** スライド *****************************************/

#sliderBoxShadow {	
	clear: both;
	position: relative;
	margin: 0 auto;
		width: 100%;
		height: 100%;
		background-color: #35417f;
		margin-top: 8px;	
	/*	line-height: 1;
		font-size: 800px;*/		
}

#sliderBoxShadow::before,  #sliderBoxShadow::after {
		content: "";
		display: table;
}
#sliderBoxShadow::after {
		clear: both;
}


 #sliderBox{
position: relative;
/*margin: 0 0 0 1%;*/
width: 100%; 
max-width:1100px; 
padding: 0 4% 0 4%; 
/*position: absolute; センター合わせ*/
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	/*ここまで*/	
text-align: center;
background: #35417f;
border:  solid 1px #333;
}


#sliderBox .slider li {width: 100%; text-align:left;}
#sliderBox .slider li img {width: 100%; height: 100%; max-width: 1100px;}


.slide{
	position: relative;	
}
.slide a{
	color: #fff;
	text-align: center;
	text-shadow:1px -1px 2px #000;
	display: block;
}
.slide a:hover{color: #fff;}

.slideTitleSub a{
	color: #fff;
	text-align: left;
	text-shadow:1px -1px 2px #000;
	display: block;
}
.slideTitleSub a:hover{color: #fff;}


/*.slideWrap{
	left:50%;
	position: absolute;
	top: 70%;
}
*/

.slideWrap {
	left:50%;
	position: absolute;	
	width: 100%;
	bottom: 0;
}


.slideContent{
	display: block;
	opacity: 0;
	transform: translate(-50%,20%);
	transition: 0s;		
	background-color:rgba(53,65,127,0.8);
}

.slideContent.on{
	opacity: 1;
	transform: translate(-50%,-50%);
	transition: 3s;
	
}
.slideTitle{
	font-size: 2.8rem;
	line-height: 1;
	padding: 10px;
/*	background-color:rgba(255,255,255,0.3);*/
font-family: "Sawarabi Mincho"; 	
}

.slideTitleSub{	
font-size: 2.8rem;
	line-height: 1;
	padding: 10px;
	color: #FFF;
/*	background-color:rgba(255,255,255,0.3);*/
font-family: "Sawarabi Mincho"; 	
display: none;
}
.slideText {
font-size: 1.4rem;
text-align: center;
width: 100%;	
min-width: 320px;
padding-bottom: 10px;
/*background-color:rgba(255,255,255,0.3);*/
}
.slick-prev:before, .slick-next:before {   
    font-size: 30px;	  
}
.slick-prev { left: -33px;}
.slick-next {right: -20px;}


@media screen and (min-width: 751px) {
.slideImg_pcNone {display: none !important;}
.slideImg_spNone {display: block!important;}

}

@media screen and (max-width: 750px) {
.slideTitle{font-size: 2rem; display: none;} /*画像の上に表示しない*/
.slideText {font-size: 1.2rem; display: none;} /*画像の上に表示しない*/
.slideTitleSub{font-size: 2rem; display: block;}
.slideTitleSub i {font-size: 16px;}

#sliderBox .slider li img {width: 100%; height: 100%; max-width: 750px;}

.slideImg_pcNone {display: block !important;}
.slideImg_spNone {display: none !important;}

.slick-prev:before, .slick-next:before {   
    font-size: 18px;  
}
.slick-prev { left: -20px;}
.slick-next {right: -20px;}

.news {margin-top: 24px;}

#gist {
				line-height: 1.2;
		}
#important {
	line-height:1.6 !important;
font-size: 1.6rem !important;
}


button.readmore::after {
    width: 15px ;
    height: 15px ;
		}

#careful  {font-size: 1.4rem;}

}

@media screen and (max-width: 470px) {
.slideWrap {
	left:50%;
	position: absolute;	
	width: 100%;
	top:75%;
	bottom: 0;
}
.slideTitle{font-size: 1.5rem; 	padding: 5px; } /*画像の上に表示しない*/
.slideText {font-size: 1rem;} /*画像の上に表示しない*/
.slideTitleSub{font-size: 1rem;}
.slideTitleSub i {font-size: 12px;}


#important {
padding :  10px 10px;
}




}

@media screen and (max-width: 1100px) {
#sliderBox{
width: 100%; 
max-width:92%; 
padding: 0 4% 0 4%; 
margin: 0;
}

#important {
	line-height:1.8;
font-size: 1.8rem;
}

}



/***********************************************************************************************
ピックアップブースの設定　pickUpBooth
***********************************************************************************************/

#mainContents #contents #document .pickUpBoothBK { position: relative; width:100%; margin:0 auto 30px; }/*TOPページ用chapter使用*/
#mainContents #contents #document .pickUpBoothBK { background-color:#FFF; border:1px solid #FFF; margin-bottom: 0px;  padding: 30px  0 0;}
#mainContents #contents #document .pickUpBoothBK:before,
#mainContents #contents #document .pickUpBoothBK:after{
  content:"";
  display: table;
}
#mainContents #contents #document .pickUpBoothBK:after{
	  clear:both;
}
/*IE6,7対策 （haslayout対策）*/
#main,.chapter{
  *zoom:1;
}
#mainContents #contents #document .pickUpBoothBK .pickUpBooth { 
	display: block; 
	float: left; 
	width:94%; 
	margin-left: 2.4%;
	margin-bottom: 50px;
	padding: 1%; 
	border: solid 1px #eee; 
	border-radius: 5px ; 
	background-color: #FFF; 
	box-shadow:1px 1px 5px 0px  #acacac ;
}
.pickUpBoothTitle{ text-align: center; border-bottom: solid 2px #383a90; padding-bottom: 0.2rem; font-size:2rem;}
.pickUpBoothTitle span {font-size: 1.5rem; font-weight: 700;}
.pickUpBoothBody{ text-align: left; padding-top: 1rem; width: 95%; margin: 10px auto; font-size:1.4rem; line-height: 1.5; color: #333; }
.pickUpBoothMC{ text-align: left;  }
.pickUpBoothMC {   
     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; 
		}/*2行以上の場合文字を丸める　…リーダー表示*/


.pickUpBoothBody img {width: 50%; height: 100%; max-width: 400px; float: right; margin:0 auto; border: 3px solid #FFF;box-shadow:1px 1px 5px 0px  #acacac ;}
/*.pickUpBoothBody  iframe{width: 50%; height: 100%; }*/



/*カバーの設定*/
.pickUpBooth { position: relative; z-index: 1;}
.pickUpBooth .pickUpBoothCover{
	position: absolute;
	z-index: 2;	
	top:0;
	color:#FFF;
	left: 0px;
	width: 100%;
	padding: 0%;
	height:100%;
	background-color:rgba(0,0,0,0.6); 
	-webkit-transition:	all 0.5s ease;
	transition:		all 0.5s ease; 
	opacity:0;
}
.pickUpBooth .pickUpBoothCover:hover{opacity:1;}
.pickUpBooth .pickUpBoothCover  {width: 100%; padding: 0px; text-align: center;}
.pickUpBooth .pickUpBoothCover a {width: 100%; height:100%; color:#FFF; display: block;}
.pickUpBooth .pickUpBoothCover  a:hover {color:#FFF; }

.pickUpBooth .pickUpBoothCover p{  
 position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
	line-height: 1.5;
	font-size: 1.6rem;
	font-weight: bold;
}

#mainContents #contents #document .pickUpBoothBK .pickUpLink { 
	position: relative;
	display: block; 
	float: left; 
	width:94%; 
	margin:  10px 0 5px 5% ;
	padding: 1% ; 		
	background-color: #FFF; 
	text-align: left ;
	background : url("../img/top/linkBanner01.gif")  no-repeat ;
height: 30px;
}

#mainContents #contents #document .pickUpBoothBK .pickUpLink .upLink { 
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
    height: 100%;
}

#mainContents #contents #document .pickUpBoothBK .pickUpLink .upLink:hover { 
background-color: rgba(255,255,0,0.2);

}


#mainContents #contents #document .pickUpBoothBK .pickUpRoom { 
	display: block; 
	float: left; 
	width:94%; 
	margin-left: 2.4%;
	margin-bottom: 55px;
	padding: 1%; 		
	background-color: #FFF; 
	margin-top: 20px;
}

 .pickUpRoom img { width: 100%;  height: 100%; max-width: 310px;}

@media only screen and (max-width: 529px) {
.pickUpBoothBody{ font-weight:normal;}
#mainContents #contents #document .pickUpBoothBK {  width:90% !important; margin:0 auto 30px !important; }
}


@media only screen and (max-width:811px) {
#mainContents #contents #document .pickUpBoothBK {  width:60%; margin: 0 20%  10px 20%; }

}

@media only screen and (min-width: 812px) {	
#mainContents #contents #document .pickUpBoothBK .pickUpBooth { width:45%; 	margin-left: 2%; 	padding: 1%; }
/*pickUpBoothBody{	font-weight: bold;}*/
.pickUpBoothBody img {width: 80%; height: 100%;  max-width: 320px; margin: 0 auto;}	
/*.pickUpBoothBody  iframe{width: 80%; height: 100%; }*/

#mainContents #contents #document .pickUpBoothBK .pickUpRoom { width:45%; 	margin-left: 2%; 	padding: 1%; }

}

@media only screen and (min-width: 1025px) {
#mainContents #contents #document .pickUpBoothBK .pickUpBooth { width:28%; margin-left: 2.4%; padding: 1%; }	
.pickUpBoothBody img {width: 100%; height: 100%; margin: 0 auto 1rem; }
/*.pickUpBoothBody  iframe{width: 100%; height: 100%; }*/

#mainContents #contents #document .pickUpBoothBK .pickUpRoom { width:28%; margin-left: 2.4%; padding: 1%; }	

}





/*---------------------------------------------------------*/