@charset "utf-8";

/*----------------------------------------------------------
/* 基本定義
-----------------------------------------------------------*/
/*フォント設定*/
html{
	font-size: 10px; /* initial 10px */
}

body{
	font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:1.6rem; /* default font-size 16px */
	line-height : 1.6;
	color:#fff;
	background-color:#000a32;
}
@media (max-width:767px){
	body{
		padding:50px 0 0 0;
	}
}

/* Bootstrap override */
@media (min-width:901px){
	/* PC表示 ボディ最大幅900px */
	.container{
		max-width:900px !important;
	}
}
@media (max-width:768px){
	/* PC表示 ボディ最大幅900px */
	.container{
		max-width:100% !important;
	}
}

/* 段落（本文）初期値 */
p{
	line-height:1.7;

}

/* アンカー／初期化 */
a,
a:link,
a:visited{
	text-decoration: none;
	color:#fff;
}
a:active,
a:hover{
	text-decoration: underline;
}

/* imgホバー透過 */
a:hover img{
	opacity:0.65;
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}

/* 画像レスポンシブ・インライン */
.img-respo{
	display:block;
	max-width:100%;
	height: auto;
}
.img-respo_inline{
	display:inline-block;
	max-width:100%;
	height: auto;
}

/*----------------------------------------------------------
/* レイアウト
-----------------------------------------------------------*/
/* セクション間余白 */
.collabo-matsumoto section:nth-child(n+3){
	margin-top:40px;
}
.bg{
	margin:0 auto 0;
	background:url('./images/bg01.jpg') center 0 /contain no-repeat,url('./images/bg02.jpg') center 0 /contain repeat;
}
.block-inside > div:nth-child(n+2){
	margin-top:15px;
}
@media (min-width:1201px){
	.bg{
		max-width:1200px;
	}
}
@media (max-width:767px){
	.bg{
		width:100%;
	}
}


/*----------------------------------------------------------
/* ヘッダー
-----------------------------------------------------------*/
header{
	margin:0 auto 0;
	padding:100px 0 80px;
}
h1{
	text-align: center;
}
@media (min-width:1201px){
	header{
		max-width:1200px;
	}
}
@media (max-width:767px){
	header{
		padding:0 0 40px;
		width:100%;
	}
}


/*----------------------------------------------------------
/* 経歴
-----------------------------------------------------------*/
.leijimatsumoto-prof h2{
	position: relative;
	margin:0 0 40px 0;
	border-bottom:solid 1px #fff;
}
.leijimatsumoto-prof h2 span{
	display: block;
	position: absolute;
	top:-12px;
	left:0;
	margin:0 0 25px 0;
	padding:0 10px 0 0;
	background-color:#000a32;
	border-radius:10px;
}

.prof-box{
	line-height:2;
	font-size:1.4rem;
}
.prof-box .photo{
	float:left;
	padding:0 15px 5px 0;
}
.dokuro{
	padding-top:15px;
}
@media (max-width:767px){
	.prof-box .photo{
		float:none;
		display: block;
		margin:0 auto 10px;
		padding:0 0 0 0;
	}
}


/*----------------------------------------------------------
/* クラブ創立25周年記念事業
-----------------------------------------------------------*/
.kinenjigyou-intro h2{
	margin:0 0 20px 0;
	padding:0 15px;
}
.copy-l{
	font-size:10px;
}
.kinenjigyou-intro h3{
	margin:0 0 20px 0;
	line-height:1.4;
	font-size:2.6rem;
}
@media (max-width:767px){
	.kinenjigyou-intro h3{
		font-size:2.2rem;
	}
}
/* 戦国のアルカディアについて */
.whats-arcadia{
	margin:20px 0 0 0;
	width:100%;
	border:solid 1px #fff;
	-webkit-box-shadow:0px 0px 15px 6px #2a4ba2;
	box-shadow:0px 0px 15px 6px #2a4ba2;
}
.whats-arcadia .inner{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding:16px;
}
.whats-arcadia .inner h4{
	margin:0 0 0 0;
	width:40%;
	font-size:2.2rem;
}
.whats-arcadia .inner .intro{
	width:56%;
}
.whats-arcadia .inner .intro p{
	margin:0 0 0 0;
}
.whats-arcadia .inner .intro p:nth-child(2){
	margin-top:10px;
}
@media (max-width:767px){
	.whats-arcadia .inner{
		display:block;
	}
	.whats-arcadia .inner h4{
		margin:0 0 15px 0;
		width:100%;
		font-size:2rem;
	}
	.whats-arcadia .inner .intro{
		width:100%;
	}
}


/*----------------------------------------------------------
/* コラボグッズ紹介
-----------------------------------------------------------*/
.collabo-matsumoto .collabo-goods-sec{
	padding:40px 0;
}
.goods-pr{
	position:relative;
	margin:0;
	padding:0;
	width:100%;
}
.goods-pr img:nth-child(1){
	border:solid 1px #fff;
}
.goods-pr img:nth-child(2){
	position: absolute;
	top:50%;
	left:50%;
	margin:0;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}


/*----------------------------------------------------------
/* 松本零士スタジアム来場記念イベント紹介
-----------------------------------------------------------*/
.collabo-matsumoto .event-info-sec{
	margin-bottom:60px;
}
.event-info{
	margin:0 0 0 0;
	padding:32px;
	border:solid 1px #fff;
}
.event-info h2{
	margin:0 0 20px 0;
}
.event-info h2 img{
	padding:10px 0 0 0;
}
.event-info-detail{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.event-info-detail .photo{
	width:20%;
}
.event-info-detail .detail{
	width:77%;
}
.event-info-detail .detail p:nth-child(1){
	margin:0 0 30px 0;
}
.event-info-detail .detail ul{
	margin:0 0 0 0;
	padding:20px 0;
	border-top:dotted 2px #fff;
	border-bottom:dotted 2px #fff;
}
.event-info-detail .detail ul li{
	padding:0 0 0 1em;
	text-indent:-1em;
	font-size:1.8rem;
	list-style: none;
}
.event-info-detail .detail ul li:nth-child(n+2){
	margin-top:8px 0;
}
.tousen-link{
	text-decoration:none !important;
	display:inline-block;
	padding:10px 18px;
	font-size:2.2rem;
	font-weight:bold;
	color:#143795 !important;
	background-color:#dbc621;
}
.tousen-link:hover{
	opacity:0.6;
}
@media (max-width:767px){
	.event-info-detail .photo{
		margin:0 0 15px 0;
		width:100%;
	}
	.event-info-detail .detail{
		width:100%;
	}
}


/*----------------------------------------------------------
/* 最下層ホームリンク
-----------------------------------------------------------*/
.bottom-link{
	margin-bottom:40px;
	padding-top:40px;
	border-top:solid 1px #fff;
}