@charset "UTF-8";

.fanetwork_lead{
	padding-top: 30px;
	font-size:110%;
	line-height: 1.6;
	margin-bottom: 40px;
}

#fanetwork .fanetwork_lead_title{
	background: none;
	line-height: 1.5;
	padding:0;
	margin:0 0 15px 0;
	color:#FC0D1B;
	font-size:105%;
}

#fanetwork .fanetwork_lead_text{
	font-size:85%
}






.fanetwork_detail{
	margin-bottom: 30px;
	position: relative;
}

.fanetwork_detail_bg{
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
}

.fanetwork_detail_bg .dark{
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	opacity:0;
	transition: all 1.25s ease;
}

.fanetwork_detail_bg .dark.is-active{
	opacity:1;
}

.fanetwork_detail_inner{
	width:100%;
	height:731px;
	position: relative;
	z-index:10;
}

.fanetwork_detail_image_wrapper{}

.fanetwork_detail_image{
	position: absolute;
	overflow: hidden;
	opacity:0;
	transition: all 1.25s ease;
}

.fanetwork_detail_image_1{left:40px;top:435px;}
.fanetwork_detail_image_2{left:177px;top:450px;}
.fanetwork_detail_image_3{left:321px;top:473px;}
.fanetwork_detail_image_4{left:475px;top:490px;}

/*
.fanetwork_detail_image:hover{opacity:1;}
*/

.fanetwork_detail_modal_wrapper{}

.fanetwork_detail_modal{
	position:absolute;
	left:50%;
	top:50%;
	width:50%;
	transform:translate(-50%,-40%);
	opacity:0;
	transition: all .55s ease;
	background: rgba(255,255,255,0.8);
	padding:20px;
}

#melfa_main_area .fanetwork_detail_modal p{
	margin:0;
	padding:0;
	font-size:90%;
}

.fanetwork_detail_modal.is-active{
	opacity:1;
	transform:translate(-50%,-50%);
	z-index:10;
	transition: all 1.25s ease;
}


.fanetwork_detail_btn_wrapper{
	position: absolute;
	left:0px;
	bottom:20px;
	width:100%;
}

.fanetwork_detail_btn_list{
	font-size:0px;
	text-align: center;
}

.fanetwork_detail_btn_list_item{
	display: inline-block;
	margin:0 5px;
	position: relative;
}

.fanetwork_detail_btn_list_item:before{
	display:block;
	content:'';
	background:url(../img/arrow_btn_top.png) no-repeat left top;
	width:30px;
	height:16px;
	position:absolute;
	left:50%;
	top:-25px;
	margin-left: -15px;
	transition: all .25s ease;
}

.fanetwork_detail_btn_list_item:hover:before{
	top:-30px;
}

.fanetwork_detail_btn_list_item:after{
	display:block;
	content:'';
	background:url(../img/arrow_btn_bottom.png) no-repeat left top;
	width:26px;
	height:17px;
	position:absolute;
	left:50%;
	bottom:-15px;
	margin-left: -13px;
	transition: all .25s ease;
	display: none;
}

.fanetwork_detail_btn_list_item:hover:after{
	display: block;
}


.fanetwork_detail_btn_list_item span{
	cursor:pointer;
}

.fanetwork_detail_link{
	position: absolute;
	left:125px;
	bottom:30px;
	display: inline-block;
	background: #fff;
	line-height: 1.0;
	padding:5px 7px;
	font-size:12px;
	border:2px solid #AEB7BB;
	transition: all .25s ease;
}

.fanetwork_detail_link:hover{
	background: #AEB7BB;
	color:#fff;
}

/* 下にひらく説明 */

.fanetwork_detail_description{
	background: url(../img/bg_blue.png) no-repeat center center;
	background-size: cover;
	padding:20px 30px;
	display: none;
}

#fanetwork .fanetwork_detail_description_list{
	background: #fff;
	padding:10px;
	margin:0;
}

#fanetwork .fanetwork_detail_description_list_item{
	overflow: hidden;
	display: none;
}

#fanetwork .fanetwork_detail_description_list_item.is-active{
	display: block;
}

.fanetwork_detail_description_list_item_image{
	float: left;
	width:40%;
}

.fanetwork_detail_description_list_item_text{
	float: right;
	width:58%;
	font-size:110%;
}

.fanetwork_detail_description_list_item_text h4{
	font-size:12px;
	font-weight: bold;
	margin-bottom: 3px;
}

#fanetwork .fanetwork_detail_description_list_item_text p{margin-top: 0;}


/* その他のネットワーク */

.fanetwork_detail_othernetwork {
	width:720px;
	margin:0 auto 40px;
	border:1px solid #A2A2A2;
	box-sizing:border-box;
	position: relative;
}

.fanetwork_detail_othernetwork:last-child {margin-bottom: 20px;}

#fanetwork .fanetwork_detail_othernetwork_title {
	border:none;
	font-size:60%;
	background: #A1A1A1;
	text-align: center;
	width:300px;
	position: absolute;
	left:50%;
	top:-8px;
	color:#fff;
	line-height: 1.0;
	padding:3px 0;
	margin:0 0 0 -150px;
	font-weight: normal;
}

#fanetwork .fanetwork_detail_othernetwork_list {
	padding:30px 20px;
	font-size:0px;
	margin:0;
}

#fanetwork .fanetwork_detail_othernetwork_list a{
	color:#333;
}


.fanetwork_detail_othernetwork_list_item {
	display: inline-block;
	font-size:11px;
	width:31.3333%;
	margin:0 1%;
	vertical-align: top;
}

.fanetwork_detail_othernetwork_list_item_image {
	text-align: center;
	line-height: 1.0;
	height:35px;
}

.fanetwork_detail_othernetwork_list_item_text {
	font-size:120%;
	line-height: 1.4;
	height:80px;
}

.fanetwork_detail_othernetwork_list_item_btn {
	width:100px;
	margin:0 auto;
	display: block;
	padding:5px 0;
	line-height: 1.0;
	border:1px solid #AEB7BB;
	text-align: center;
	transition: all .25s ease;
}

.fanetwork_detail_othernetwork_list_item_btn:hover {
	background: #AEB7BB;
	color:#fff !important;
}