@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight:100;
	src: url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Light.woff2) format('woff2'),
		 url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Light.woff) format('woff'),
		 url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Light.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 200;
	src: url(../fonts/NotoSansCJKjp/NotoSansCJKjp-DemiLight.woff2) format('woff2'),
		 url(../fonts/NotoSansCJKjp/NotoSansCJKjp-DemiLight.woff) format('woff'),
		 url(../fonts/NotoSansCJKjp/NotoSansCJKjp-DemiLight.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight:300;
	src: url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Regular.woff2) format('woff2'),
		 url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Regular.woff) format('woff'),
		 url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Medium.woff2) format('woff2'),
		 url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Medium.woff) format('woff'),
		 url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Medium.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 700;
	src: url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Bold.woff2) format('woff2'),
		 url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Bold.woff) format('woff'),
		 url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Bold.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 800;
	src: url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Black.woff2) format('woff2'),
		 url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Black.woff) format('woff'),
		 url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Black.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Serif Japanese';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Regular.woff2) format('woff2'),
		 url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Regular.woff) format('woff'),
		 url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Serif Japanese';
	font-style: normal;
	font-weight: 500;
	src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Medium.woff2) format('woff2'),
		 url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Medium.woff) format('woff'),
		 url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Medium.otf) format('opentype');
}



/*==============================
	基本設定
==============================*/
body{
	color:#252525;
	font-size:12px;
	font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	margin:0;
	padding:0;
	text-align:left;
	background:#fff;
	-webkit-text-size-adjust:100%;
	min-width:1280px;
	position:relative;
	/* background:#FBFBFB; */
}
body *, body *::before, body *::after{box-sizing:border-box;}
@media only screen and (max-width:767px){
	body{
		min-width:0;
	}
	body.fix{ padding-bottom:46px;}
}

img{vertical-align:bottom;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
th{
	font-weight:normal;
	text-align:left;
}

/*font layout*/
.fBold{font-weight:bold;}
.fSerif{font-family:'Noto Serif Japanese', serif;}
.fGo{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック",;}
.fRed{color:#FF0000;}
.fYellow{color:#FFFF00;}
.fYG{color:#53B911;}
.fOR{color:#FF6633;}
.fOR2{color:#FF6600;}
.fBL{color:#006CBD;}
.fPI{color:#F76846;}
.fRobot{font-family: 'Roboto', sans-serif;}
.fRobotS{font-family: 'Roboto Slab', serif;}
.fOps{font-family: 'Open Sans', sans-serif;}
.f100{font-weight:100;}
.f200{font-weight:200;}
.f300{font-weight:300;}
.f400{font-weight:400;}
.f500{font-weight:500;}
.f700{font-weight:700;}
.f800{font-weight:800;}


/*rollover*/
.ro a:hover,
a.ro:hover,
a .ro:hover{ filter:alpha(opacity=80);opacity:0.8; }
.brt a:hover,a.brt:hover,a .brt:hover{ -webkit-filter: brightness(1.1);filter: brightness(1.1); }
.ro a,
a.ro,
a .ro,
.brt a,
a.brt,
a .brt{
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.ro .no_ro a:hover,
.ro a.no_ro:hover{ filter:alpha(opacity=100);opacity:1; }
a:focus{outline:none;}

.spOnly,
.brSp,
.imgSp{
	display:none !important;
}
a{text-decoration:none;}
@media only screen and (max-width:767px){
	.spNone,
	.brPc,
	.imgPc{
		display:none !important;
	}
	.spOnly{
		display:block !important;
	}
	.brSp,
	.imgSp{
		display:inline !important;
	}
	.imgR{
		width:100%;
		height:auto;
	}
	.ro .slick-slide a:hover{filter:alpha(opacity=100);opacity:1;}
}
/*-----------------------------------------------
	imgFill
-----------------------------------------------*/
.imgFill{
	position:relative;
}
.imgFill img{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	transition: none;
}

/*-----------------------------------------------
	contents
-----------------------------------------------*/
#container{
	width:100%;
	position:relative;
	overflow:hidden !important;
}
/*-----------------------------------------------
	header
-----------------------------------------------*/
#header{
	height:90px;
}
#header .wrapHeader{
	max-width:1820px;
	width: 91%;
	margin: 0 auto;
}
#header .leftBox{
	width:580px;
	float:left;
	font-size:0;
}
#header .logoHeader{
	display:inline-block;
	vertical-align:top;
	font-size:12px;
	margin:0 13px 0 0;
	padding-top:15px;
}
#header .logoCompany{
	display:inline-block;
	vertical-align:top;
	font-size:12px;
	margin:27px 0 0;
}
#header .rightBox{
	float:right;
	width:497px;
}
#header .rightBox .box{ float:left;}
#header .rightBox .telHeader{
	float:left;
	display:block;
	margin:35px 0 0;
}
#header .rightBox .txtHeader01{
	font-size:11px;
	font-weight: bold;
	letter-spacing: 0.5px;
	margin:45px 0 0 15px;
	float:left;
}
#header .rightBox .btnHeader{
	float:right;
	display:block;
	width:180px;
	height:50px;
	color:#fff;
	background:#F67044;
	font-size:16px;
	text-align:center;
	padding:18px 0 0;
	letter-spacing:3px;
	margin-top: 20px;
}
@media only screen and (max-width:767px){
	#header{
		height:auto;
	}
	#header .wrapHeader{
		width:100%;
		padding:0 10px;
	}
	#header .leftBox{
		width:114px;
	}
	#header .logoHeader{
		margin:13px 0 13px 0;
		padding-top: 0;
	}
	#header .logoHeader img{
		width:192px;
		height:auto;
	}
	#header .logoCompany{
		margin:15px 0 0;
	}
	#header .rightBox{
		width:calc(100% - 124px);
		margin-left: 0;
	}
	#header .rightBox .box{
		padding: 0;
		float: right;
	}
	#header .rightBox .txtHeader01{
		font-size:10px;
		margin: 20px 0 0;
		letter-spacing: 0.1px;
		float: none;
	}
}
@media only screen and (max-width:359px){
	#header .wrapHeader{
		padding:0 10px;
	}
}
/*-----------------------------------------------
	pnkz
-----------------------------------------------*/
#pnkz{ background:#F2F2F2;}
#pnkz .wrapper{
	width:1200px;
	height:30px;
	margin:0 auto;
}
#pnkz li{
	display:inline-block;
	vertical-align:top;
	padding:5px 3px 0 0;
	line-height:20px;
	max-width:300px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	letter-spacing: 1.5px;
}
#pnkz li::before{
	content:">";
	display:inline-block;
	padding-right:7px;
}
#pnkz li:first-child::before{
	display:none;
}
#pnkz li a{
	color:#0066CC;
}
#pnkz .swiper-wrapper{
	white-space:nowrap !important;
}
#pnkz .swiper-slide{
	display:inline-block;
	float:none !important;
	cursor:default;
}
@media only screen and (max-width:767px){
	#pnkz{
		width:100%;
		overflow:hidden;
		height:40px;
	}
	#pnkz .wrapper{
		height:auto;
		width:100%;
	}
	#pnkz.w1100 .wrapper{
		width:100%;
	}
	#pnkz li{
		max-width:240px;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
		padding:10px 0 0;
		letter-spacing:0.5px;
	}
	#pnkz li::before{
		content:"／";
		color:#999;
		padding-right:3px;
	}
	#pnkz li:first-child{
		padding-left:10px;
	}
	#pnkz li:last-child{
		max-width:100%;
	}
	#pnkz.pnkzPosition{
		position:absolute;
		top:0;
		left:0;
	}
	#pnkz .swiper-container{float: none;}
}
/*-----------------------------------------------
	footer
-----------------------------------------------*/
#footer .bgFooter{
	background:#E5E5E5;
}
#footer .wrapFooter{
	max-width: 1820px;
	width: 91%;
	margin: 0 auto;
}
#footer .wrapFooter .leftBox{
	float:left;
	font-size:0;
	width:600px;
}
#footer .wrapFooter .leftBox .logo{
	display:inline-block;
	vertical-align:top;
	padding:6px 0 0 0;
}
#footer .wrapFooter .leftBox .logoCompany{
	display:inline-block;
	vertical-align:top;
	margin:14px 0 0;
}
#footer .wrapFooter .leftBox .txtFooter{
	display:inline-block;
	font-size:12px;
	vertical-align:top;
	padding: 20px 0 0 20px;
}
#footer .wrapFooter .rightBox{
	float:right;
	width:440px;
}
#footer .wrapFooter .rightBox .btnTel{
	width:50%;
	float:left;
	background:#4EA854;
	text-align:center;
	display:block;
	padding:11px 0;
}
#footer .wrapFooter .rightBox .btnReserve{
	width:50%;
	float:right;
	background:#F67044;
	text-align:center;
	display:block;
	padding:11px 0;
}
#footer .txtCopy{
	text-align:center;
	font-size:11px;
	letter-spacing:1px;
	line-height:40px;
	background:#fff;
}
@media only screen and (max-width:767px){
	#footer .wrapFooter{
		width:82%;
		padding:10px 0;
	}
	#footer .wrapFooter .leftBox{
		float:none;
		width:100%;
		text-align:center;
	}
	#footer .wrapFooter .leftBox .logo{
		display:block;
		margin: 0;
		padding: 0;
	}
	#footer .wrapFooter .leftBox .txtFooter{
		display:block;
		line-height:140%;
		padding:0;
	}
	#footer .wrapFooter .rightBox{
		display:none;
	}
	.fix #footer .wrapFooter .rightBox{
		display:block;
		bottom:0;
		left:0;
		float:none;
		width:100%;
		position:fixed;
		z-index:999;
	}
	#footer .wrapFooter .rightBox .btnTel{
		width:50%;
		float:left;
		/* background:#55340D; */
		text-align:center;
		display:block;
		padding:11px 0;
	}
	#footer .wrapFooter .rightBox .btnTel img{
		width:auto;
		height: 24px;
	}

	#footer .wrapFooter .rightBox .btnReserve{
		width:50%;
		float:right;
		/* background:#BE0A15; */
		text-align:center;
		display:block;
		padding:11px 0;
	}
	#footer .wrapFooter .rightBox .btnReserve img{
		width:auto;
		height: 24px;
	}
	#footer .txtCopy{
		text-align:center;
		font-size:10px;
		letter-spacing:1px;
		line-height:12px;
		padding:10px 0;
	}
}
/*-----------------------------------------------
	main
-----------------------------------------------*/
/* secCmnCampaign */
.secCmnCampaign{
	display:block;
	width:1200px;
	margin:0 auto;
}
@media only screen and (max-width:767px){
	.secCmnCampaign{
		width:100%;
	}
	.secCmnCampaign .txt img{
		width:100%;
		height:auto;
	}
}