@charset "utf-8";
@import url('/akafu/east/common/css/common.css');
/* CSS Document */
html{scroll-behavior:smooth;}
#wrapper {
	width: 100%;
	/*max-width:970px;*/
	margin:0 auto 10px;
	padding:0;
 	font-size:14px;
	line-height:1.6;
	font-family: 'Noto Serif JP', serif;
}
#wrapper * {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/*--------common-------------*/
@media screen and (min-width: 760px){
   .pc_none{
    	display: none;
  }
   .sp_br{
    	display: none;
  }
}
@media screen and (max-width: 759.9px){
   .sp_none{
    	display: none;
  }
}
.text_red {
	color: #B20202;
	border-bottom: 1px solid #B20202;
}
.text_bold {
	font-weight: bold;
}
.text_normal {
	font-weight: normal;
}
.text_center {
	text-align: center;
}
.text_font_sans {
	font-family: 'Noto Sans JP', sans-serif;
}
.attention {
	text-indent: -1em;
  font-weight: normal;
  width: 80%;
  max-width: 600px;
  margin: 10px auto;
  text-align: left;
  font-size: 100%;
}
.imgw100 {
  width: 100%;
}
.mgn_btm20 {
	margin-bottom: 20px;
}	
.marker {
	background: linear-gradient(transparent 80%, #ffd22c 80%);
	font-weight: bold;
}
a.godetail{
	width: 90%;
	max-width: 350px;
	display: block;
	margin: 20px auto;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	background: url("../images/button.png") no-repeat center bottom;
	background-size: auto 100% ;
  color: #60090B;
	font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  font-size: 120%;
}
a.godetail:hover {
  opacity: 0.8;
}

a.godetail span{
  font-size: 120%;
  font-weight: bold;
}


@media screen and (max-width: 759.9px){
  a.godetail{
  }
}
a.gotop{
	margin: 20px auto;
	text-align: center;
	text-decoration: none;
	color: #333333;
	font-family: 'Noto Sans JP', sans-serif;
}
a.gotop:hover{
	opacity: 0.8;
}
/*--------.page_roof-------------*/
.page_roof {
	position: relative;
	width: 100%;
  background: url("../images/train_top.png") no-repeat;
	background-size:cover;
	background-position:center center;
	padding-top: 40%;
}
.page_roof .inner {
  position: absolute;
  top:0;
  left: 0;
  right: 0;
  bottom: 0;
	width: 100%;
	max-width: 970px;
	margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page_roof h2{
  width: 100%;
  text-align: center;
}

.page_roof h2 img{
  width: 100%;
}
@media screen and (max-width: 759.9px){
  .page_roof {
    padding-top: 35vh;
  }
}
/*-------------ナビ-   --------------*/
.fixed {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 1000;
}
/*-------------トップリード   --------------*/
#pageTopLead {
	margin: 0;
}
#pageTopLead > .inner {
	width: 100%;
	max-width: 950px;
	margin: 0 auto;
	padding: 40px 0;
	text-align: center;
}
#pageTopLead > .inner p{
	font-size: 120%;
	font-weight: bold;
	line-height: 1.8;
}
#pageTopLead > .inner h1{
	font-size: 240%;
	font-weight: bold;
	line-height: 1.8;
}
@media screen and (max-width: 759.9px){
	#pageTopLead > .inner p{
		font-size: 110%;
	}
  #pageTopLead > .inner h1{
    font-size: 180%;
    font-weight: bold;
    line-height: 1.8;
  }
}

/*-------------ページコンテンツ   --------------*/
.pageContent {
  width: 100%;
  text-align: center;
  margin: 20px 0 80px;
}
.pageContent .inner{
  width: 90%;
  max-width: 950px;
  margin: 0 auto;
}
.banner_unit {
  width: 100%;
}
.banner_unit .banner{
  width: 100%;
  /*position: relative;
  padding-top: 40%;
  background-size:cover;
  background-repeat: no-repeat;*/
  text-align: center;
	margin-bottom: 40px;
}
.banner_unit .banner a{
  /*display: flex;
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width: 100%;
  justify-content: center;
  align-items: center;*/
} 
.banner_unit .banner img{
  width: 100%;
	border: 1px solid #D1D1D1;
}
.banner_unit #saphir img{
  width: 100%;
}
.banner_unit #sl img{
  height: 100%;
  width: auto;
}
.banner_unit #hokurikudanrin img{
  height: 100%;
  width: auto;
}
.banner_unit #naganodanrin img{
  height: 90%;
  width: auto;
}