/* ******************************************************************
 *	File name		: style.css
 *	Summary			: page layout
 * ******************************************************************
 */

/* -----------------------------------------------------------------
   base plus
----------------------------------------------------------------- */

.check_library{
	display:none;
}
.discovery .popup_box{
	padding:20px 20px 20px 230px !important;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	.discovery .popup_box{
		padding:20px 0px 20px 0px !important;
	}
}

/* -----------------------------------------------------------------
   discovery
----------------------------------------------------------------- */

/* main_img */
.discovery .main_img{
	display:inline-block;
	position:relative;
	margin:0 auto 30px;
}
.discovery .main_img div{
	position:relative;
	}
	.discovery .main_img div ul{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		list-style:none;
	}
	.discovery .main_img div ul li{
		position:absolute;
		cursor:pointer;
		text-indent:-9999px;
		overflow:hidden;
/*		background:rgba(255,0,0,.1);*/
		transition-duration:0.5s;
	}
	.discovery .main_img div ul li:hover{
		background:rgba(0,130,114,0.2);
}
.discovery .main_img_sp{
	display:none;
	padding:20px;
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	.discovery .main_img{
		display:none;
	}
	.discovery .main_img_sp{
		display:block;
	}
}

/* -----------------------------------------------------------------
   information
----------------------------------------------------------------- */

#main_contents #information{
	background:#B1DBC3;
	mix-blend-mode:multiply;
}
#main_contents #information p{
	width:1000px;
	max-width:100%;
	margin:0 auto;
	font-size:0.85rem;
	padding:20px 0 20px 180px;
	text-align:left;
	line-height:1.5;
}
#main_contents #information p span.tokuten{
	position:relative;
}
#main_contents #information p span.tokuten a{
	position:relative;
	font-weight:bold;
	text-decoration:none;
	color:#008272;
	}
	#main_contents #information p span.tokuten a:hover{
		text-decoration:underline;
}
#main_contents #information p span.tokuten::after,
#main_contents #information p span.tokuten a::before,
#main_contents #information p span.tokuten a::after{
	content:" ";
	position:absolute;
	top:calc(50% - 7px);
	border:7px solid transparent;
	border-left:9px solid #FFF;
	}
	#main_contents #information p span.tokuten::after{right:-18px;}
	#main_contents #information p span.tokuten a::before{right:-27px;}
	#main_contents #information p span.tokuten a::after{right:-36px;}

/* --- responsive --- */
@media only screen and (max-width:767px){
	#main_contents #information{
		display:none;
	}
}

/* -----------------------------------------------------------------
   popup
----------------------------------------------------------------- */

.discovery #close_cover{
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.3);
	z-index:998;
}
.discovery #close_cover > div{
	display:-webkit-flex;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	width:100%;
	height:100%;
}
.discovery .popup_box{
	display:none;
	position:relative;
	width:80%;
	padding:20px 20px 120px 230px;
	background:#FFF;
	z-index:999;
	-moz-box-shadow: 0px 0px 5px rgba(0,130,114,1);
	-webkit-box-shadow: 0px 0px 5px rgba(0,130,114,1);
	box-shadow: 0px 0px 5px rgba(0,130,114,1) ;
}
.discovery .popup_box .popup_img{
	position:absolute;
	top:20px;
	left:20px;
	width:190px;
	height:175px;
}
.discovery .popup_box .popup_contents{
	min-height:175px;
}
.discovery .popup_box .popup_contents p{
	font-size:1.0rem;
}
.discovery .popup_box .popup_contents p b{
	font-size:1.1rem;
}
.popup_title{
	margin-bottom:10px;
	padding-bottom:15px;
	border-bottom:1px solid rgba(0,130,114,0.4);
}
.discovery .popup_box .check_library{
	position:absolute;
	width:100%;
	left:0px;
	bottom:0px;
	text-align:center;
	}
	.discovery .popup_box .check_library a::before{
		content:" ";
		position:absolute;
		left:0px;
		bottom:0px;
		width:100%;
		height:70px;
		background:#CFD9E7;
		z-index:0;
	}
	.discovery .popup_box .check_library a img{
		position:relative;
		z-index:1;
}
.discovery .close_btn{
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	.discovery #close_cover{
		display:block !important;
		position:relative;
		height:auto;
		background:none;
		z-index:0;
	}
	.discovery #close_cover > div{
		display:block;
		height:auto;
		padding:0 20px;
	}
	.discovery .popup_box{
		display:block !important;
		width:100%;
		padding:20px 0px 20px 0px;
		background:none;
		box-shadow:none;
		border-bottom:1px solid rgba(0,130,114,1);
	}
	.discovery .popup_box .popup_img{
		position:relative;
		top:0px;
		left:0px;
		margin:0 0 15px;
	}
	.discovery .popup_box .popup_contents{
		min-height:0px;
	}
	.discovery .popup_box .popup_contents p{
		font-size:0.77rem;
	}
	.discovery .popup_box .popup_contents p b{
		font-size:0.84rem;
	}
	.discovery .popup_box .check_library,
	.discovery .close_btn{
		display:none !important;
	}
}

/* -----------------------------------------------------------------
   discovery_01
----------------------------------------------------------------- */

/* #discovery_01 */
#discovery_01 .main_img div ul li{
	width:9.0%;
	height:17.3%;
}
#discovery_01 .main_img div ul li:nth-child(1){top:0.8%;left:11.5%;}
#discovery_01 .main_img div ul li:nth-child(2){top:42.4%;left:7.1%;}
#discovery_01 .main_img div ul li:nth-child(3){top:82.0%;left:9.4%;}
#discovery_01 .main_img div ul li:nth-child(4){top:16.8%;left:90.4%;}
#discovery_01 .main_img div ul li:nth-child(5){top:69.8%;left:77.5%;}

#discovery_01 #information p{
	padding:20px 0 20px 180px;
	background:url(../../image/vol_01/info-denwa.png) no-repeat left center;
}

/* -----------------------------------------------------------------
   discovery_02
----------------------------------------------------------------- */

/* #discovery_02 */
#discovery_02 .main_img div ul li{
	width:8.9%;
	height:16.5%;
}
#discovery_02 .main_img div ul li:nth-child(1){top:0.9%;left:38.2%;}
#discovery_02 .main_img div ul li:nth-child(2){top:19.9%;left:9.5%;}
#discovery_02 .main_img div ul li:nth-child(3){top:57.0%;left:2.8%;}
#discovery_02 .main_img div ul li:nth-child(4){top:16.7%;left:85.1%;}
#discovery_02 .main_img div ul li:nth-child(5){top:70.3%;left:83.0%;}

#discovery_02 #information p{
	padding:20px 0 20px 220px;
	background:url(../../image/vol_02/info-car.png) no-repeat left center;
}

/* -----------------------------------------------------------------
   discovery_03
----------------------------------------------------------------- */

/* #discovery_03 */
#discovery_03 .main_img div ul li{
	width:8.9%;
	height:16.0%;
}
#discovery_03 .main_img div ul li:nth-child(1){top:74.5%;left:0.8%;}
#discovery_03 .main_img div ul li:nth-child(2){top:38.8%;left:1.5%;}
#discovery_03 .main_img div ul li:nth-child(3){top:3.9%;left:20.9%;}
#discovery_03 .main_img div ul li:nth-child(4){top:23.0%;left:89.7%;}
#discovery_03 .main_img div ul li:nth-child(5){top:61.8%;left:90.3%;}

#discovery_03 #information p{
	padding:20px 0 20px 230px;
	background:url(../../image/vol_03/info-plane.png) no-repeat left center;
}