@charset "UTF-8";

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

@media screen and (min-width: 850.8px){	

  .br-tab { display:none; }
}
@media screen and (max-width: 850.8px){	

  .br-tab { display:block; }
}

/*break-md*/
@media (max-width:767.8px) {
	
	html {
	font-size: 12px;
	}
	body {
		padding:48px 0px 0px 0px;
	}
	
	
	a.anchor{
    display: block;
    padding-top: 68px;
    margin-top: -68px;
	}
	.bav_hero div{

	background-attachment:scroll;

	}
	
	.br-tab { display:none; }
	
	/*drawer*/
	.bav_header_m {
	z-index: 8000;
	position: fixed;
	top:0px;
	height: 48px;
	width: 100%;	
	background-color: #000;
	}
	.bav_header_m img {
	z-index: 9999;
	height: 16px;
	width: auto;
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	}
	#humberger_m {
	z-index: 9999;
	position: absolute;
	width: 50px;
	height: 48px;
	background: url("image/menu-outline.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size:24px;
	margin-left: 0px;
	cursor: pointer;
	}

	#drawernav {
	position: fixed;
	top:48px;
	left: -100%;
	width: 100%;
	height: calc(100% - 48px);
	background-color: #FF4E00;
	opacity: 0.9;
	color: #fff;
	z-index: 7000;
	transition: all 600ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
	font-family: heisei-kaku-gothic-std, sans-serif;
	font-weight: 700;
	font-style: normal;
	}
	.drawer_logo {
	padding-left:0px;
	padding-top: 20px;
	width: 100%;

	margin-bottom: 40px;
	text-align:center;
	
	}
	.drawer_logo img {
    width: auto;
    height: 70px;
	}
	.drawer_files {
	position: relative;
	bottom:0;
	left:0;
	font-size:1rem;

	}
	.drawer_files2 {
	position: relative;
	bottom:0;
	left:0;
	font-size:1rem;

	}
	.drawer_sns {
	position: absolute;
	bottom:-15px;
	right:0;
	font-size:1rem;
	
	}
	body.drawer-opened #bav_wrapper {
	right:0px;
	}
	body.drawer-opened #drawernav {
	left: 0px;
	}
	body.drawer-opened #overlay {
	z-index: 6666;
	opacity: 1;
	}
	body.drawer-opened #humberger_m {
	z-index: 9999;
	background: url("image/close-outline.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-color: #000;
	background-size:24px;
	}
	
	
	
	/*hero*/
	.bav_h_logo {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	z-index: 100;
	width: 120px;
	height: auto;
	}
	.bav_hero div{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: calc(100vh - 48px);
	}
	
	
	
	/*section*/

	.bav_section {
	position: relative;
	padding: 40px 10px 40px 10px;
	width: 100%;
	margin: 0;
	}
	.bav_tribt {
	position: absolute;
	right:0;
	bottom:0;
	width: 80px;
	height: auto;
	z-index: 50;
	}
	.bav_section h2 {

	font-size:2.2rem;
	line-height: 170%;
	padding-bottom: 80px;
	display: block;
	transition: all .15s ease-out;
	}
	
	
	.bav_section_training {
   background-image: url("image/training1.png"),
	url("image/training2.png");
    background-position: center top,center bottom;
    background-size: auto 120px;
    background-repeat: no-repeat;
	transition: all 1s ease-out;
}
	
	
	/*access*/
	
	.bav_access_title {
	
   position: relative;
   width: 100%;
	height:50vw;
   padding-top: 0;
	transition: all 1s cubic-bezier(1.000, 0.000, 0.000, 1.000);
	}
	
	.bav_access_map {
	position: relative;
	width: 100%;
	height:50vw;
	padding-top:0;
	transition: all 1s cubic-bezier(1.000, 0.000, 0.000, 1.000);
	}
	.access {
	width: 150px;
	height: auto;
	}
	.sight_yamagata img {
	width:50%;
	}
	/*contact*/
	.bav_contact_sec {
	background-color: #FF4E00;
	height:80px;
	color: #000;
	line-height: 60px;
	font-size: 1rem;
	font-weight: bold;
	letter-spacing: 0.15em;
	margin-bottom: 40px;
	position: relative;
	overflow: hidden;
	}
	.mailicon{
	height:1.5rem;
	width: auto;
	padding-bottom: 2px;
	margin-right: 0.5em;
	}
	
	/*footer*/
	
	.bav_footer_sec {
	padding-left: 1em;
	border-left: none;
	
	letter-spacing: 0.05em;
	display: flex;
	justify-content:flex-start;
  	align-items: center;
	}
	
	.bav_footer_sec+.bav_footer_sec {
		border-top: 1px solid #C2C2C2;
		padding-top:3rem;
	}
	footer .row {
	margin-bottom: 40px;
	}
	
	/*single*/
	
	.bav_single_hero {
	height:250px;
	}
	.bav_single_title {

	top:40px;
	left: 0;

	}
	.single_body_w{
	background-color:#EAEAEA;
	padding-bottom:80px;
	padding-top:0px;
	}
	.bav_single_title h2 {
	font-weight: 900;

	font-size:3rem;
	line-height:100%;
	margin-bottom:10px;
	
	}
	
	.bav_aboutpage h3 {
	font-size:1.8rem;
	color:#000;
	margin-bottom:40px;
	line-height:175%;
	letter-spacing:0.05em;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
	transition: all 1s cubic-bezier(1.000, 0.000, 0.000, 1.000);
	}
	
	/*news*/
	.bav_newslist h3 {
	font-size:2rem;
	padding-bottom:40px;
	margin-bottom:40px;
	border-bottom: 1px solid #000;
	}
	
	.w100_line {
	width: 100%;
	height: 1px;
	border-bottom: 2px solid #000;
	margin: 60px 0px;
	}

	.bav_news_fb img {
	width:2rem;
	height:auto;
	z-index:100;
	padding-top:50px;
	
	}
	
	/*single-inn*/
	
	.bav_single_inn ul {
	list-style-type: none;
	margin-bottom:  5rem;
	margin-left: 0rem;
	padding-left:20px;
	}
	.bav_single_inn li {
	font-size:1.3rem;
	font-weight:bold;
	letter-spacing: 0.05em;
	margin-bottom: 1.5rem;
	}
	
	.bav_goods {
	color:#000;
	width:100%;
	height:90vh;
	text-align:center;
	font-weight:bold;
	}
	.nav-item{
	border-radius: 0px;
	border: 1px solid #ff4E00;
	margin-right:7px;
	font-family: toppan-bunkyu-midashi-go-std, sans-serif;
	font-weight: 900;
	line-height: 100%;
	font-size:1.2rem;
	
	}
	/*sightseeing*/
	.bav_sightseeing_link li a:link, .bav_sightseeing_link li a:visited, .sightseeingnolink {
	display: block;
	color:#000;
	width: 100%;
	height: 100%;
	margin:40px auto;
	width: 80%;
	padding:60px;
	text-align: center;
	background-color: #fff;
	border: 3px solid #000;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 100%
	letter-spacing:0.01em;
	}
	.bav_sightseeing_link li a:hover {
	color:#FF4E00;
	}
	.bav_sightseeing_cap {
	font-size: 0.8rem;
	letter-spacing:0em;
	}
	/*svgmap*/
	.svgmap_sl {
	transform:none;
	opacity: 1;
	transition: all 1s cubic-bezier(1.000, 0.000, 0.000, 1.000);
	}
	.svgmap_sl.delighter {
	transform:none;
	opacity: 1;
	}
	.svgmap_sl.delighter.started {
	opacity:1;
	transform:none;
	}
	.svgmap_sr {
	transform:none;
	opacity: 1;
	transition: all 1s cubic-bezier(1.000, 0.000, 0.000, 1.000);
	}
	.svgmap_sr.delighter {
	transform:none;
	opacity: 1;
	}
	.svgmap_sr.delighter.started {
	opacity:1;
	transform:none;
	}
	/*facility*/
	.bav_facility h4{
	font-size:2.4rem;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-weight: bold;
	}
	.bav_facility h5{
	font-weight: bold;
	font-size:1rem;
	}
	.bav_facility table {
	width: 100%;
	border: 3px solid #FF4E00;
	font-size:0.9rem;
	margin-bottom: 1rem;
	letter-spacing:-0.1em;
	}
	
}