@charset "utf-8";
body { position:relative; }

.sp { display: none;  }
.pc { display: block; }
img { width:auto; }

#wrap { 
	width:100%;
	min-width:0;
}

/* =============================== contants =============================== */
#header_inner { width:100%; }

#fix_header.tab { background:#fff; width:100%; position:fixed; top:0; z-index:1000; display:block; }
#fix_header.tab.sp { display:block; }
#h_logo { float:left; }
#h_btns { float:right; }
#h_btns li { vertical-align:top; }
#h_logo img ,
.sp .h_btn01 img ,
.sp .h_btn02 img { height:45px; width:auto; display:block; }

#mainslide_03 {
	background:url(../../img/top/mainimg_03_tab.jpg) no-repeat center center;
	background-size:cover;
}

@media screen and (orientation: portrait) and (max-width: 1200px) and (min-width: 641px) {
   /* 縦置き(縦長)の場合 */
	 
	#mainslide_sp.sp { display: block; }
	#mainslide_sp .slider { width:100%; }
	 
	#mainslide { display:none; }
	#mainslide_01sp {
		background:url(../../img/top/mainimg_01.jpg) no-repeat center center;
		background-size:cover;
	}
	#mainslide_02sp {
		background:url(../../img/top/mainimg_02.jpg) no-repeat center bottom;
		background-size:cover;
	}
	#mainslide_03sp {
		background:url(../../img/top/mainimg_03_sp.jpg) no-repeat center top;
		background-size:cover;
	}
	#mainslide_04sp {
		background:url(../../img/top/mainimg_04_sp.jpg) no-repeat center center;
		background-size:cover;
	}
	
	#mainslide_sp { position: relative; }
	#mainslide_sp #mainslide_01sp img {
		width:60%;
		position:absolute;
		top:10%; left:0; right:0; margin:auto;
	}
	#mainslide_sp #mainslide_02sp a { display:block; width:80%; }
	#mainslide_sp #mainslide_02sp a img { width: 100%; }
	
	#mainslide_sp #mainslide_03sp a ,
	#mainslide_sp #mainslide_04sp a {
		font-family:inherit;
		text-shadow:none;
		color:#1A3B2C;
		font-size:24px;
		font-weight:bold;
		display:inline-block;
		letter-spacing:0.1em;
		width:50%;
		text-align:center;
		padding:10px 0;
		text-decoration:none;
		border:2px solid #1A3B2C;
		background:rgba(255,255,255,.7);
		font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, sans-serif;
	}
	#mainslide_sp #mainslide_03sp a { position:absolute; top:30%; right:5%; }
	
	#mainslide_sp #mainslide_02sp,
	#mainslide_sp #mainslide_04sp {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center; /* （Safari用） */
		justify-content: center;
		-webkit-justify-content: center; /* （Safari用） */
		align-items: center;
	}
}

#contents {
	position:relative;
	width:100%;
	margin:0 auto;
}

#main { padding-left:0; width : 100% ; }
#mainslide .item {
	min-width:0;
	position:relative;
}

#gnav ,
#g_nav{ display:none; }

.spnav_btn { text-align:center; margin-top:1em; }
.spnav_btn a {
	display:inline-block;
	color:#fff;
	border:none;
	background:#BE941F;
	text-align:center;
	font-size:16px;
	padding:10px 0;
	width:94%;
	text-decoration:none;
}
.spnav_btn a span {
  margin-left: -5px;
}

#submain {
	width:1100px;
	height:300px;
	background-size:100% !important;
}

#head_inner01 {
  max-width: 100%;
}

#h_logo img {
  height: 70px;
  padding: 5px 15px;
}
#h_nav01 {
  right: 118px;
  top: 0;
}
#h_nav01 li {
  vertical-align: top;
}
#h_nav_tel {
  margin-right: 0;
  pointer-events: auto;
}
#g_nav ,
#h_nav02 { display: none; }
#h_nav_reserved ,
#h_nav_request {
  display: inline-block;
}
#h_nav_tel span ,
#h_nav_mail {
  display: none;
}
#h_nav_tel a,
#h_nav_reserved a,
#h_nav_request a {
  display: block;
  text-indent: -9999px;
  width: 68px;
  height: 80px;
}
#h_nav_tel a {
  background: url(../img/btn_spmenu_tel.png) no-repeat center;
  background-size: 100%;
}
#h_nav_reserved a {
  background: url(../img/btn_spmenu_reserved.png) no-repeat center;
  background-size: 100%;
}
#h_nav_request a {
  background: url(../img/btn_spmenu_request.png) no-repeat center;
  background-size: 100%;
}
_::-webkit-full-page-media, _:future, :root #h_nav01 {
  right: 64px;
}

/* =============================== contants =============================== */
#contents { width:1200px; }


@media (max-width: 1200px) {
	#contents { width:100%; }
	
	.inbox_bg { width: 43%; padding: 0 6%; }
	
	.slider ,
	#voice .inbox { width:90%; }
	#voice li img { width: 100%; }
	#voice li.voice p { width:auto; }
	#voice li figure { width: 100%; }
	
	#news #topics { width: 100%; }
	#news #topics > .f_l { width:58%; }
	#news #topics > .f_l > .f_r {
		float:left;
		width : 60% ; /* IE8以下とAndroid4.3以下用フォールバック */
		width : -webkit-calc(100% - 120px -5%) ;
		width : calc(100% - 120px -5%) ;
	}
	#news ul { margin-left:5%; }
	#news #topics .f_r.w450 { width : 40%; margin-right:2%; }
	
	#news .w120 { width: 20%; margin: 0 3%; }
	
	#news li .photo { width:20%; margin-right:3%; }
	#news li .photo img { width:100%; }
	#news li p { width:70%; }
	
	#access .clearfix > .f_l { float: none; text-align:center; margin-bottom:10px; }
	#access .clearfix > .f_r#gmap { float:none; width: 100%; height:320px; }
	
	.inbox_access { width:100%; }
	
	.carnavi { width:100%; box-sizing:border-box; }
	
	#inquiry .inbox_wt { padding-left: 5%; padding-right:5%; }
}

@media (max-width: 980px) {
	#banner li:nth-child(4n) { margin-right:20px; }
	#banner li:nth-child(3n) { margin-right:0px; }
}
@media (max-width: 730px) {
	#banner li:nth-child(4n) { margin-right:20px; }
	#banner li:nth-child(3n) { margin-right:20px; }
	#banner li:nth-child(2n) { margin-right:0; }
	
}
.page_index #movie01 { padding: 59.25% 0 3%; }
#movie01 { position: relative; width: 100%; padding-top: 56.25%; }
#movie01 iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/*----------------------------------------
----------------20220329追記--------------
----------------------------------------*/

#mainslide_sp > div.lpbn2.topslidebnr > a:nth-child(2){
	width:48.5%;
}

#mainslide_sp > div.lpbn2.topslidebnr > a:nth-child(3)
{
	width:48.5%;
}

#mainslide_sp > div.lpbn2.topslidebnr > a:nth-child(1){
	width:100%;
}

#mainslide_sp .lpbn2 {
	top:45%; left:50%; right:auto; bottom:auto;
	width:80%; max-width:640px; margin:0; transform:translate(-50%,0);
}
#mainslide_sp .lpbn2 img { width:100%; }
#mainslide_sp .topslidebnr { flex-flow:row wrap; justify-content:space-between; }