@charset "utf-8";

html{
	font-size:62.5%;
}

body{
	font-size:1.0rem;
	color:#000;
	line-height:1.6;
	min-width:1100px;
	overflow-x:hidden;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS PGothic","MS Pゴシック",Osaka,Arial,Helvetica,sans-serif;
	-webkit-text-size-adjust: 100%;
	background:#f5f5f5;
}

.br_sp,
.disp_sp{
	display:none;
}

.br_pc{
	display:inline;
}

.disp_pc{
	display:inherit;
}

.disp_sp{
	display:none;
}

#wrapper{
	font-size:1.3rem;
}

#header{
	position:relative;
	background:#0F1E6A;
}

#logo{
	text-align:center;
	height:130px;
	padding-top:28px;
	box-sizing:border-box;
}

#btn_nav{
	display:none;
}

#mainvisual{
	text-align:center;
	width:100%;
	height:700px;
	position:relative;
	overflow:hidden;
}

#mainvisual ul li{
	display:none;
}

#mainvisual li img{
	position:absolute;
	left:50%;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
	z-index:10;
}

.flex-control-nav{
	text-align:center;
	width:100%;
	display:block;
	position:absolute;
	bottom:20px;
	z-index:20;
}

.flex-control-nav li{
	width:10px;
	height:10px;
	display:inline-block;
	margin:0 5px;
}

.flex-control-nav li a{
	text-indent: 100%;
	white-space: nowrap;
	cursor:pointer;
	width:10px;
	height:10px;
	overflow: hidden;
	display:block;
	background:rgba(255, 255, 255, 0.6);
	border-radius:50%;
}

.flex-control-nav li a.flex-active{
	background:rgba(255, 255, 255, 1);
}


nav ul{
	width:1170px;
	margin:0 auto;
	text-align:center;
	line-height:1;
	height:90px;
	padding-top:18px;
	box-sizing:border-box;
}

nav ul li{
	display:inline-block;
}

nav a{
	color:#fff;
	font-family: 'Noto Serif', serif;
	font-size:1.4rem;
	font-weight:700;
	letter-spacing:0.1em;
	display:block;
	margin:0 1px;
	padding:20px 22px;
}

nav a:hover{
	color:#666;
}

#contents{

}

#main{

}

#side{

}

#footer{
	background:linear-gradient(#0F1E78, #0F1E47);
}

.foot_nav{
	background:#222;
}

#footer nav ul{
	height:80px;
	padding-top:12px;
}

#foot_inner{
	color:#fff;
	font-size:1.2rem;
	max-width:1040px;
	position:relative;
	margin:0 auto;
	padding:50px 0 60px 0;
	background:linear-gradient(#0F1E78, #0F1E47);
	background:url(../img/logo01.png) no-repeat 0 53px;
	background-size:120px auto;
	box-sizing:border-box;
}

.foot_sns{
	float:right;
	padding-top:35px;
}

.foot_sns li{
	width:28px;
	display:inline-block;
	margin-left:10px;
}

.foot_sns li img{
	width:100%;
	height:auto;
}

#foot_inner .info{
	font-family: 'Maven Pro';
	letter-spacing:0.1em;
	line-height:1.5;
	padding:35px 0 0 160px;
}

#foot_inner .disp_pc{
	display:inline;
}

#foot_inner .desc{
	color:#ccc;
	font-size:1.0rem;
	line-height:1.5;
	margin:30px 0 30px 0;
	padding-top:30px;
	border-top:1px solid #666;
}

#foot_inner .info a{
	color:#fff;
}

#foot_inner .info a:hover{
	text-decoration:underline;
}

#copyright{
	font-family: 'Maven Pro';
	letter-spacing:0.08em;
}


/* ========================================

top

======================================== */

.hl01{
	text-align:center;
	margin-bottom:45px;
}

.hl01 h2{
	font-family: 'Noto Serif', serif;
	font-size:2.6rem;
	font-weight:700;
	letter-spacing:0.12em;
	margin-bottom:5px;
}

.hl01 p{
	font-size:1.2rem;
	letter-spacing:0.08em;
}

.box_feed01 ul{
	width:1100px;
	margin:0 auto;
	margin-bottom:30px;
}

.box_feed01 ul li{
	width:260px;
	float:left;
	margin-right:20px;
	background:#fff;
	box-sizing:border-box;
}

.box_feed01 ul li a{
	display:block;
	padding:20px;
}

.box_feed01 ul li a:hover .tit{
	text-decoration:underline;
}

.box_feed01 ul li:last-of-type{
	margin-right:0;
}

.box_feed01 ul li .img img{
	width:100%;
	height:auto;
}

.box_feed01 ul li .tit{
	font-family: 'Maven Pro';
	font-size:1.4rem;
	letter-spacing:0.04em;
	line-height:1.42;
	margin:15px 0 10px;
}

.box_feed01 ul li .date{
	font-family: 'Maven Pro';
	font-size:1.2rem;
	letter-spacing:0.08em;
}

.box_feed02 ul{
	margin-bottom:30px;
	padding:20px;
	background:#fff;
	box-sizing:border-box;
}

.box_feed02 ul li{
	margin-bottom:16px;
	padding-bottom:16px;
	border-bottom:1px solid #f5f5f5;
}

.box_feed02 ul li:last-of-type{
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}

.box_feed02 ul li a{
	display:block;
}

.box_feed02 ul li a:hover .tit{
	text-decoration:underline;
}

.box_feed02 .img{
	width:89px;
	float:left;
}

.box_feed02 .img img{
	width:100%;
	height:auto;
}

.box_feed02 .txt{
	width:390px;
	float:right;
}

.box_feed02 .date{
	font-size:1.2rem;
}

.box_feed02 .tit{
	letter-spacing:0.04em;
	line-height:1.58;
}



.btn01 a{
	font-family: 'Noto Serif', serif;
	letter-spacing:0.08em;
	text-align:center;
	width:260px;
	margin:0 auto;
	display:block;
	padding:13px 0;
	border:1px solid #454545;
}

.btn01 a:hover{
	background:#fff;
}

.btn01 a span{
	padding-right:20px;
	background:url(../img/ico_arrow01.gif) no-repeat right 6px;
	background-size:12px auto;
}

.box_top_brand{
	width:1040px;
	position:relative;
	margin:0 auto;
	margin-bottom:120px;
	padding:100px 0 0 0;
}

.box_top_brand .hl01{
	text-align:left;
	margin-bottom:40px;
}

.box_top_brand .hl01 h2{
	font-size:4.2rem;
	letter-spacing:0.18em;
	line-height:1;
}

.box_top_brand .hl01 p{
	font-weight:bold;
}

.box_top_brand .hl01:before{
	width:220px;
	height:220px;
	display:block;
	content:'';
	background:#fff;
	position:absolute;
	top:60px;
	left:-70px;
	z-index:-1;
}

.box_top_brand .txt{
	letter-spacing:0.08em;
	float:left;
}

.box_top_brand .txt01{
	line-height:2;
	margin-bottom:30px;
}

.box_top_brand .link{
	font-family: 'Noto Serif', serif;
}

.box_top_brand .link a{
	padding-right:16px;
	background:url(../img/ico_arrow01.gif) no-repeat right 8px;
	background-size:12px auto;
}

.box_top_brand .link a:hover{
	text-decoration:underline;
}

.box_top_brand .img_pc{
	float:right;
}

.box_top_brand .img_sp{
	display:none;
}

.box_top_blog{
	margin-bottom:110px;
}

.box_feed_wrap{
	width:1100px;
	margin:0 auto;
	margin-bottom:100px;
}

.box_top_fair{
	width:540px;
	float:left;
}

.box_top_fair .tit{
	min-height:4.28em;
}

.box_top_info{
	width:540px;
	float:right;
}

.box_top_shop{
	padding:70px 0 100px;
	background:#e6e6e6;
}

.box_top_shop_inner{
	width:1100px;
	margin:0 auto;
}

.box_top_shop ul{
	margin-bottom:30px;
}

.box_top_shop ul li{
	width:260px;
	float:left;
	margin:0 10px;
}

.box_top_shop ul li:last-of-type{
	margin-right:0;
}

.box_top_shop ul li img{
	width:100%;
	height:auto;
}

.box_top_shop button{
	position:absolute;
	z-index:20;
}

.slick-prev{
	left:-30px;
	background:url(../img/arrow_left.png) no-repeat;
	background-size:30px 40px;
}

.slick-next{
	right:-30px;
	background:url(../img/arrow_right.png) no-repeat;
	background-size:30px 40px;
}



.bnr01{
	max-width:1580px;
	margin:0 auto;
	margin-bottom:20px;
	padding-top:80px;
	display: flex;
	justify-content: center;
}
.bnr01 li{
	width:510px;
	margin-right: 15px;
}

.bnr01 li:last-of-type{
	margin-right: 0;
}


.bnr01 li img{
	width:100%;
	height:auto;
}

.bnr02{
	width:795px;
	margin:0 auto;
	padding-bottom:80px;
	display: flex;
	justify-content: center;
}

.bnr02 li{
	margin:0 10px;
}