@charset "UTF-8";

/*-------------------- utils --------------------*/
a img:hover
{
 	opacity: 0.7;
}

.cf::after
{
	content: " ";
	clear: both;
	display: block;
}

.mincho
{
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.gothic
{
	font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
}

@media screen and (min-width: 768px){	.sp{	display: none;	}	}
@media screen and (max-width: 767px){	.pc{	display: none;	}	}

.mb0 {	margin-bottom: 0 !important;	}


/*-------------------- common --------------------*/
body
{
	color: #3e3a39;
	text-align: center;
}

h1, h2, h3, h4, h5, h6
{
	margin: -10px 0px 60px;
	color: #956134;
	font-size: 32px;
	line-height: 48px;
}

p
{
	margin: 0px 0px 50px;
	font-size: 15px;
	line-height: 36px;
	letter-spacing: 1px;
}

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

body
{
	text-align: left;
}

h1, h2, h3, h4, h5, h6
{
	margin: -10px 0px 30px;
	font-size: 18px;
	line-height: 35px;
}

p
{
	margin: 0px 0px 40px;
	font-size: 14px;
	line-height: 25px;
}


}


/*-------------------- header --------------------*/
header
{
	margin: 0px 0px 110px;
}

header .logo
{
	margin: 65px 0px 45px;
}

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

header
{
	margin: 0px 0px 40px;
	padding: 0px 17px;
}

header .logo
{
	margin: 25px 0px 15px;
}

header img
{
	width: 100%;
}

}

/*-------------------- backNumber --------------------*/
#backNumber
{
  font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
	margin-bottom: 130px;
}

#backNumber .inner
{
	width: 730px;
	margin-left: calc((100% - 730px)/2);
}

#backNumber .header
{
	margin-bottom: 20px;
	color: #199ed9;
	font-weight: bold;
	font-size: 18px;
	line-height: 48px;
	text-align: left;
	border-bottom: 4px solid #199ed9;
}

#backNumber li
{
	float: left;
	width: 220px;
  height: 320px;
	margin-right: calc((100% - 220px * 3) / 2);
	margin-bottom: 50px;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	text-align: left;
  letter-spacing: -0.5px;
}

#backNumber li:nth-child(3n)
{
	margin-right: 0px;
}

#backNumber ul::after
{
	content: " ";
	clear: both;
	display: block;
}

#backNumber li a
{
	text-decoration: none;
}

#backNumber li a:link,
#backNumber li a:hover,
#backNumber li a:visited
{	color: #3e3a39;display: block;	}

#backNumber li a img:hover
{	opacity: 1.0;	}

#backNumber li a:hover
{	opacity: 0.7;	}

#backNumber li .thumb
{
	margin-bottom: 20px;
}

#backNumber li .flight001
{
	margin-bottom: 3px;
}


@media screen and (max-width: 767px)
{
#backNumber
{
	margin-bottom: 30px;
	padding: 0px 20px;
}

#backNumber .inner
{
	width: 100%;
	margin-left: 0px;
}

#backNumber .header
{
	font-size: 14px;
	line-height: 30px;
	border-bottom: 2px solid #199ed9;
}

#backNumber li
{
	width: calc((100% - 20px) / 2);
  height: auto;
	margin-right: 20px;
	margin-bottom: 50px;
}

#backNumber li:nth-child(3n)
{
	margin-right: 20px;
}

#backNumber li:nth-child(2n)
{
	margin-right: 0px;
}

#backNumber li .thumb
{
	margin-bottom: 15px;
}

#backNumber li .flight001
{
	margin-bottom: 3px;
	width: 31%;
}
#backNumber li a
{
	font-size: 11px;
	line-height: 17px;
}

}

/*-------------------- parts --------------------*/

.gotoTop
{
	display: block;
	margin: 70px 0 80px;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
}

.itemLink
{
	display: block;
	width: 310px;
	height: 64px;
	margin-top: 120px;
	margin-left: calc((100% - 310px)/2);
	font-size: 18px;
	line-height: 64px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #3e3a39;
}

.gotoTop:link,
.gotoTop:hover,
.gotoTop:visited,
.itemLink:link,
.itemLink:hover,
.itemLink:visited
{	color: #3e3a39;	}

.gotoTop:hover,
.itemLink:hover
{	opacity: 0.7;	}

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

.itemLink
{
	display: flex;
	width: 80%;
	height: auto;
	margin: 80px auto;
	padding: 20px 10px;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	line-height: 1;
}

}