@charset "utf-8";
/* CSS Document */
*{padding: 0;
margin: 0}
a {
	color: #C9CACA;
	text-decoration: none;
}
body{
/*	background: #1F2E55;*/
	background: #ffffff;
	color:#000000;
}



h3.cate_head{
	text-align: center;
}
h3.cate_head img{
	width: 960px;
	margin-bottom: 1.2em;
}

img.newText01{margin-bottom: 5em;}
img.newHead01{margin-bottom: 0.8em;}
img.newCatch01{margin-bottom: 2em;}
img#syachoImg{margin-bottom: 2.5em;}
img#newText03{margin-bottom: 10em;}

div#syachoBlock{padding-top: 8em;}

div#eventMov{padding-bottom: 5em;}
div#dmBox{
	margin-top: 0.8em;
	text-align: center;
}
div#dmBox img{
	display: block;
	width: 900px;
	margin: 0;
	padding: 0;
	line-height: 0;
}
/********************************************************
** 動画背景
********************************************************/
#ytPlayerWrap{
/*  position: relative;
  height: 500px;
  width: 100%;
*/}
#bgMovBox{
  height: 10px;
	width: 1000px;
	position: absolute;
	top:0;
	left:calc(50% - 50px);
}
.inline-YTPlayer{}
.mb_YTPlayer{}
div#bg-movie{
  height: 500px;
	width: 1000px;
	overflow: hidden;
	padding-bottom: 65% !important;
}

/********************************************************
** ヘッダー
********************************************************/
header{
	position: relative;
	width: 960px;
	margin: 0 auto 3em;
}
header img{
	display: block;
	margin: 0 auto;
}


header nav{
	width: 40%;
	margin: 2em auto 0;
	display: flex;
	justify-content: space-between;
}
header nav a{
	display: inline-block;
	text-align: center;
	font-size: 0.75em;
	font-weight: 800;
	padding: 0.15em 0;
	color: #686868;
	border: 1px solid #686868;
	width: 45%;
	transition: 0.7s;	
}
header nav a:hover{
	color: #ffffff;
	background: #686868;
	border: 1px solid #686868;
}


h1#mainLogo{
	padding: 50px 0 150px;
}
#mainLogo img{
	width: 200px;
}
/********************************************************
** イベント動画
********************************************************/


div#eventMov{
	width: 900px;
	margin: 0 auto;
}

div.eventNotice{
	max-width: 960px;
	background: #E70003;
	color: yellow;
	text-align: center;
	margin: 5px auto;
	padding: 0.5em 0;
}
div.eventNotice{
	font-weight: bold;
	font-size: 1.2em;
}


div.fesFrierBlock{
	overflow: hidden;
	width: 80%;
	max-width: 960px;
	margin: 1em auto;
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;

}
div.fesFrierBlock div{
	width:30%;
	text-align: center;
	margin-bottom: 2em;
}
div.fesFrierBlock div span{
	display: block;
	background-color: red;
	color:white;
	padding: 0.2em 0;
}
div.fesFrierBlock div img{
	width: 100%;
}
/********************************************************
** 社長ブロック
********************************************************/
div#syachoBlock{
	width: 900px;
	margin: 0 auto;
	text-align: center;
}


/********************************************************
** 地図
********************************************************/

#mapImg{
	width: 900px;
	margin: 0 auto;
}

#mapImg img{
	width: 100%;
}

area#mapLink01,area#mapLink02,area#mapLink03,area#mapLink04,area#mapLink05,
area#mapLink06,area#mapLink07,area#mapLink08,area#mapLink09,area#mapLink10,
area#mapLink11,area#mapLink12,area#mapLink13,area#mapLink14,area#mapLink15,
area#mapLink16,area#mapLink17,area#mapLink17,area#mapLink19,area#mapLink20,
area#mapLink21,area#mapLink22,area#mapLink23,area#mapLink24,area#mapLink25,
area#mapLink26,area#mapLink27,area#mapLink28{
	display: inline-block;
	background: #ffffff !important;
}



/********************************************************
** footer　フッター内
********************************************************/
footer{
	text-align: center;
	padding: 50px;
	
}

footer nav{
	display: flex;
	justify-content: space-between;
	width: 400px;
	margin: 0 auto 2em;
}

footer nav a{
	display: inline-block;
	text-align: center;
	font-size: 0.75em;
	font-weight: 800;
	padding: 0.15em 0;
	color: white;
	border: 1px solid #C9CACA;
	background: #C9CACA;
	width: 45%;
	transition: 0.2s;
}
footer nav a:hover{
	color: black;
	background: white;
	border: 1px solid black;
}

footer #subLogo{
	width: 300px;
	margin: 80px auto 50px;
}

footer address{
	text-decoration: none;
	font-style: normal;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

footer div#infoNums{
	width: 720px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
footer div#infoNums img{
	display:inline-block;
	height: 24px;
}
footer address#compAdd{
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 5px;
}
footer address#copyLight,
footer address#UcarLic{
	font-size: 0.8em;
}



/***/


form.shopList{
	padding: 1em 0;
	width: 100%;
	text-align: center;
}
form.shopList select{
	padding: 0.2em;
	text-align: center;
}

@media(min-width:751px){/*はブラウザ幅は751px以上のとき　PC*/
	.hidePC{
		display: none !important;
	}
	div#bannerImg img{
		
		width: 900px;
	}

}

@media(max-width:750px){/*はブラウザ幅は751px以下のとき　SP*/
	header{
		width: 100%;
	}
	header nav{
		position: relative;
		display: block;
		width: 100%;
		margin: 0 auto;
		padding-bottom: 0.5em;
		background: #ffffff;
		z-index: 10;
		text-align: center;
	}
	header nav a{
/*		display: block;*/
		margin-top: 1em;
	}
	h1#mainLogo{
		padding: 20px 0 20px;
	}
	#mainLogo img{
	}
	h3.cate_head{
		width: 100vw;
	}
	h3.cate_head img{
		width: 100vw;
	}
	div#syachoBlock{
		width: 100vw;
		margin: 0 auto;
		text-align: center;
		padding-top: 3em;
	}
	div#syachoBlock img#syachoImg{
		width: 70vw;
	}

	img#newText03{width: 90vw;
		margin-bottom: 3em;}

	div#movBlock{
		width: 100%;
	}
	div#eventMov{ width: 100%;padding-bottom: 3em;}
	div#eventMov iframe{
		width: 100vw;
		height: 56vw;
	}
	
	div#dmBox{
		width: 100vw;
	}
	div#dmBox img{
		width: 100%;
	}
	#mapImg{
		width: 100%;
	}
	.mobileMap{
		display: block;
		width: 85% !important;
		margin: 0 auto;
	}
	div#bannerImg{width: 100%;}
	div#bannerImg img{
		height: 44vw;
	}

	
	footer{
		padding: 40px 0 0 0;
	}
	footer nav{
		width: 100%;
		padding: 0;
	}
	footer nav a{
		text-align: center;
		font-size: 0.75em;
		font-weight: 800;
		padding: 0.15em 0;
		margin: 5px auto;
		border: 1px solid #C9CACA;
		width: 40%;
	}
	
	footer div#infoNums{
		width: 100%;
		justify-content: space-evenly;
	}
	footer div#infoNums img{
		height: 3vw;
	}
	
	footer address#copyLight{font-size: 0.6em;}
	
	.hideMobile{
		display: none !important;
	}
	
	h3 img.hidePC{width: 80%;}
/********************************************************
** 動画背景
********************************************************/

#bgMovBox{
  height: 200px;
	width: 100%;
	position: absolute;
	bottom:0;
	left:0;
}
.inline-YTPlayer{}
.mb_YTPlayer{}
div#bg-movie{
	margin-top: 0px;
	height: 1000px;
	width: 100%;
	padding-bottom: 100% !important;
}
	#bgMMovBox{
	margin-top:-80px;
		height: 550px;
		overflow: hidden;
		z-index: 0;
		position: relative;
	}
	
div.fesFrierBlock{
	width: 100%;
	margin: 1em auto;
}
div.fesFrierBlock div{
	width:49%;
	text-align: center;
	margin-bottom: 2em;
}
}