/* 共通 */
body {
	width: 100%;
	background-color: #fff;
	
}

a { color: #000 }
a:hover { color: #000 }
a:visited { color: #000 }

/* ヘッダとグロナビ */
.title_head {
	background-color: #333;
	padding: 10px;
}
.title_menu {
	background-color: #1f649f;
}
.title_menu ul {
	width: 500px;
	margin: 0 auto;
}
.title_menu li {
	display: block;
	width: 100px;
	height: 20px;
	margin: 5px 0;
	font-size: 14px;
	
	float:left;
	text-align: center;
	
	border-right: 1px solid #5097db;
}

.title_head {
	width: 100%;
	position: fixed;
	top:0px;
	z-index:1000;
}

.title_head img {
	margin: 0 auto;
	width: 200px;
}

.title_pics {
	height: 350px;
	background: url(../img/background.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 50% 35%;
}
@media screen and (max-width: 780px) {
	.title_pics {
		height: 200px;
		background: url(../img/background.jpg);
		background-repeat: no-repeat;
		background-size: 200%;
		background-position: 50% 35%;
	}
}


@media screen and (max-width: 640px) {
	.title_head img {
		width: 200px;
	}
}

/* 更新情報 */
.update {
	width: 100%;
	max-width: 1000px;
	margin: 0px auto 30px;
	padding: 10px;
	
	font-size: 15px;
	color: #333;
	width: 98%;
	line-height: 1.5;
	text-align: left;
}

/* フラグシップリンク集 */
.departure .flagship-midashi {
	font-size: 15px;
	color:#000;
	width: 98%;
	margin: 0 auto;
}

.departure .flagship {
	width: 100%;
	max-width: 1000px;
	margin: 10px auto 30px;
}
.departure .flagship li a {

	font-family: "丸フォーク M","Maru Folk Medium";

	transition: 0.3s;
	display: block;
	width: 48%;
	height: 200px;
	margin: 10px 1%;
	float:left;
	padding: 0 0 0 10px;
	
	border-left: 5px solid #ccc;
	background: #101c39;
	color: #fff;
	
	text-decoration: none;
	
	position: relative;
}
.departure .flagship li a:hover {
	opacity: 0.7;
}
.departure .flagship li a:active {
	top: 3px;
}

/* 背景色 スペシャルサンクス https://cssgradient.io/ */
.departure .flagship li a.button_yt {
	background: rgb(255,0,0);
	background: -moz-linear-gradient(356deg, rgba(255,0,0,1) 0%, rgba(255,81,0,1) 100%);
	background: -webkit-linear-gradient(356deg, rgba(255,0,0,1) 0%, rgba(255,81,0,1) 100%);
	background: linear-gradient(356deg, rgba(255,0,0,1) 0%, rgba(255,81,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#ff5100",GradientType=1);
}

.departure .flagship li a.button_fn {
	background: rgb(8,21,131);
	background: -moz-linear-gradient(180deg, rgba(8,21,131,1) 39%, rgba(107,45,79,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(8,21,131,1) 39%, rgba(107,45,79,1) 100%);
	background: linear-gradient(180deg, rgba(8,21,131,1) 39%, rgba(107,45,79,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#081583",endColorstr="#6b2d4f",GradientType=1);
}

.departure .flagship li a .button_big {
	font-size: 40px;
	font-weight: bold;
	line-height: 1.2;
}
.departure .flagship li a .button_sub {
	font-size: 20px;
	font-weight: bold;
}
.departure .flagship li a .button_small {
	font-size: 15px;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

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

	.departure .flagship {
	}

	.departure .flagship li a {
		width: 98%;
		height: 200px;
		margin: 5px 1%;
		float: none;
	}

	.departure .flagship li a .button_big {
		font-size: 30px;
	}
	.departure .flagship li a .button_sub {
		font-size: 15px;
	}
	.departure .flagship li a .button_small {
		font-size: 15px;
	}

}

/* SNSリンク集 */
.departure .sns_menu-midashi {
	font-size: 15px;
	color:#000;
	width: 98%;
	margin: 0 auto;
}

.departure .sns_menu {
	width: 100%;
	max-width: 1000px;
	margin: 10px auto 0;
}
.departure .sns_menu li a {

	font-family: "丸フォーク M","Maru Folk Medium";

	transition: 0.3s;
	display: block;
	width: 18%;
	height: 60px;
	margin: 10px 1%;
	float:left;
	padding: 5px;
	
	border-left: 5px solid #ccc;
	background: #101c39;
	color: #fff;
	
	text-decoration: none;
	
	position: relative;
}
.departure .sns_menu li a:hover {
	opacity: 0.7;
}
.departure .sns_menu li a:active {
	top: 3px;
}

/* 背景色 スペシャルサンクス https://cssgradient.io/ */
.departure .sns_menu li a.button_tw {
	background: rgb(0,169,245);
	background: -moz-linear-gradient(180deg, rgba(0,169,245,1) 36%, rgba(27,154,255,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0,169,245,1) 36%, rgba(27,154,255,1) 100%);
	background: linear-gradient(180deg, rgba(0,169,245,1) 36%, rgba(27,154,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a9f5",endColorstr="#1b9aff",GradientType=1);
}

.departure .sns_menu li a.button_x {
background: rgb(55,55,55);
background: -moz-linear-gradient(180deg, rgba(55,55,55,1) 74%, rgba(42,42,42,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(55,55,55,1) 74%, rgba(42,42,42,1) 100%);
background: linear-gradient(180deg, rgba(55,55,55,1) 74%, rgba(42,42,42,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#373737",endColorstr="#2a2a2a",GradientType=1);
}

.departure .sns_menu li a.button_px {
	background: rgb(0,108,221);
	background: -moz-linear-gradient(180deg, rgba(0,108,221,1) 36%, rgba(0,60,221,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0,108,221,1) 36%, rgba(0,60,221,1) 100%);
	background: linear-gradient(180deg, rgba(0,108,221,1) 36%, rgba(0,60,221,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006cdd",endColorstr="#003cdd",GradientType=1);
}

.departure .sns_menu li a.button_in {
	background: rgb(221,0,138);
	background: -moz-linear-gradient(180deg, rgba(221,0,138,1) 0%, rgba(252,20,104,1) 22%, rgba(255,21,100,1) 65%, rgba(255,154,0,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(221,0,138,1) 0%, rgba(252,20,104,1) 22%, rgba(255,21,100,1) 65%, rgba(255,154,0,1) 100%);
	background: linear-gradient(180deg, rgba(221,0,138,1) 0%, rgba(252,20,104,1) 22%, rgba(255,21,100,1) 65%, rgba(255,154,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dd008a",endColorstr="#ff9a00",GradientType=1);
}

.departure .sns_menu li a.button_pw {
	background: rgb(15,5,106);
	background: -moz-linear-gradient(180deg, rgba(15,5,106,1) 74%, rgba(10,13,207,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(15,5,106,1) 74%, rgba(10,13,207,1) 100%);
	background: linear-gradient(180deg, rgba(15,5,106,1) 74%, rgba(10,13,207,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0f056a",endColorstr="#0a0dcf",GradientType=1);
}

.departure .sns_menu li a.button_ms {
background: rgb(25,208,52);
background: -moz-linear-gradient(180deg, rgba(25,208,52,1) 74%, rgba(0,199,140,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(25,208,52,1) 74%, rgba(0,199,140,1) 100%);
background: linear-gradient(180deg, rgba(25,208,52,1) 74%, rgba(0,199,140,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#19d034",endColorstr="#00c78c",GradientType=1);
}

.departure .sns_menu li a .button_big {
	font-size: 25px;
	line-height: 1;
	font-weight: bold;
}
.departure .sns_menu li a .button_sub {
	font-size: 14px;
	font-weight: bold;
}
.departure .sns_menu li a .button_small {
	font-size: 12px;
	line-height: 1.5;
	position: absolute;
	bottom: 10px;
	right: 0px;
}

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

	.departure .sns_menu {
	}

	.departure .sns_menu li a {
		width: 98%;
		margin: 5px 1%;
		float: none;
		padding: 0 0 0 5px;
	}

	.departure .sns_menu li a .button_big {
		font-size: 30px;
	}
	.departure .sns_menu li a .button_sub {
		font-size: 14px;
	}
	.departure .sns_menu li a .button_small {
		font-size: 14px;
	}
	.departure .sns_menu li a .button_small br {
		display: none;
	}

}

/* コピーライト */
#copyright {
	width: 100%;
	max-width: 1000px;
	margin: 10px auto 0;
	padding: 30px;
	
	color: #666;
	line-height: 1.5;
	font-size:12px;
	text-align: center;
}

/* 共通 */
.clearfix::after {
   content: "";
   display: block;
   clear: both;
}