@charset "utf-8";
/* CSS Document */

#sky{
 position:fixed;
 /*position:absolute;*/
 top:20%;
 right:0;
 /*max-width:125px;*/
 max-width:62px;
 width:100%;
 z-index:9999;
 display:none;
}


*{
	font-family: 'Noto Serif JP', serif;
	/*font-weight:normal;*/
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
}

.sp,
.sp-br{
	display:none !important;
}

.pc-br:before{
	content:"\A";
	white-space:pre;
}

a[href^="tel:"] {
	pointer-events:none;
}

.flex {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    ms-flex-align: center;
    align-items: center;
}

body{
	/*min-width:1200px;*/
	min-width:1300px;
}

.wrapper{
}

.wrapper img{
	max-width:100%;
}

.content{
}


.content_inner{
	max-width:1200px;
	width:100%;
	margin:0 auto;
}


/*========================
header
==========================*/
header{
	/*min-width:1366px;*/
	width:100%;
	background-color:#FFFFFF;
	z-index:9999;
	position:relative;
}

header.fixe{
	position:fixed;
	top:0;
}

.header_wrap{
	position:relative;
}

.header_wrap > h1{
	max-width:164px;
	width:100%;
	padding:5px;
	box-sizing:border-box;
}

.header_wrap > h2{
	position:absolute;
	max-width:155px;
	width:100%;
	top:5px;
	right:0;
}


/*========================
nav
==========================*/
nav{
	padding:20px 0;
}
nav .on{
	display:none !important;
}
nav .nav_wrap{
	position:relative;
}
nav .nav_wrap .sns{
	position:absolute;
	top:0;
	left:20px;
}
nav .nav_wrap .sns li:nth-of-type(2){
	margin:0 10px;
}
nav .nav_wrap .online{
	position:absolute;
	top:0;
	right:20px;
}
nav .nav{
	max-width:1200px;
	width:100%;
	margin:0 auto;
	font-weight:600;
}
nav .nav > div{
	width:35%;
}
nav .nav > h1{
	width:30%;
}
nav .nav > h1 img{
	display:block;
	margin:0 auto;
}

.clone-nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  transition: .3s;
  transform: translateY(-100%);
	z-index:9999;
}
.is-show {
  transform: translateY(0);
}
.is-show .on{
	display:block !important;
}
.is-show .off{
	display:none !important;
}
nav.clone-nav{
	padding:10px 0;
	background-color:#F7F7F7;
}
nav.clone-nav .nav_wrap{
	max-width:1400px;
	width:100%;
	margin:0 auto;
}
nav.clone-nav .nav_wrap .sns{
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
}
nav.clone-nav .nav_wrap .online{
    top: 50%;
    right:-15%;
    transform: translate(-50%, -50%);
}


/*========================
menu
==========================*/
.menu_wrap{
	/*position:relative;*/
	width:100%;
}
.menu{
    background: #555;
    height: 73px;
    top: 0px;
    width: 77px;
    z-index: 99;
    position: absolute;
    right: 0;
		left:0;
    margin: auto
}
.menu__line{
    background: #fff;
    display: block;
    height: 2px;
    position: absolute;
    transition: transform .3s;
    width: 50%;
    margin: auto;
    left: 0;
    right: 0;
}

.menu__line--top {
    top: 18px
}
.menu__line--center{
    top: 30px;
}
.menu__line--bottom{
    bottom: 30px;
}
.menu span:last-of-type{
	position:absolute;
	left:0;
	right:0;
	bottom:5px;
	text-align:center;
	color:#FFFFFF;
}
.menu__line--top.active{
    top:31px;
    transform: rotate(45deg);
}
.menu__line--center.active{
    transform:scaleX(0);
}
.menu__line--bottom.active{
    bottom: 40px;
    transform: rotate(135deg);
}


/*========================
gnav
==========================*/
.gnav{
    background-color:#FFFFFF;
    display: none;
    height: 100%;
    position: fixed;
    /*min-width:1366px;*/
    width: calc( 100% + 17px );
    z-index: 98;
    overflow-y:scroll;
    /*padding-right:17px;*/
}
.gnav__wrap{
    align-items:center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%;
}


.gnav__wrap .gnav__menu{
	height:100%;
}

.gnav__wrap .gnav__menu:nth-of-type(1){
	background-image:url(../img/common/nav-bg_pc.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
	/*max-width:1535px;*/
	width:100%;
	/*padding-left:360px;*/
	box-sizing:border-box;
	font-size:0;
	overflow:auto;
}
.gnav__wrap .gnav__menu:nth-of-type(1) .gnav__menu__item{
	/*display:inline-block;
	width:calc( 100% / 3 );*/
	max-width:480px;
	width:100%;
	margin:100px auto;
	/*margin-top:220px;*/
	/*vertical-align:top;*/
	text-align:center;
}
.gnav__wrap .gnav__menu:nth-of-type(1) .gnav__menu__item li{
	/*margin-bottom:100px;*/
}
.gnav__wrap .gnav__menu:nth-of-type(1) .gnav__menu__item li:last-of-type{
	margin-bottom:0;
}

.gnav__wrap .gnav__menu:nth-of-type(2){
	max-width:385px;
	width:100%;
	margin-top:190px;
	padding:0 120px;
	box-sizing:border-box;
	display:none;
}
.gnav__wrap .gnav__menu:nth-of-type(2) h2{
	max-width:135px;
	width:100%;
	margin:0 auto;
}
.gnav__wrap .gnav__menu:nth-of-type(2) .nav-sns{
	font-size:0;
	margin:3vh 0;
}
.gnav__wrap .gnav__menu:nth-of-type(2) .nav-sns li{
	display:inline-block;
	width:calc( 100% / 3 - 17px );
	margin-right:25px;
}
.gnav__wrap .gnav__menu:nth-of-type(2) .nav-sns li:last-of-type{
	margin-right:0;
}
.gnav__wrap .gnav__menu:nth-of-type(2) .nav-txt{
}
.gnav__wrap .gnav__menu:nth-of-type(2) .nav-txt img{
	max-width:70px;
	width:100%;
	margin:0 auto;
	display:block;
}


.gnav__menu__item{
    margin: 40px 0;
}
.gnav__menu__item a{
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    /*padding: 40px;*/
    text-decoration: none;
    transition: .5s;
	font-family: 'Noto Serif JP', serif;
	padding:30px 0;
	box-sizing:border-box;
	display:block;
	border-bottom:1px solid #464A49;
}
.gnav__menu__item a:hover{
    color: #666;
}

.gnav__wrap .gnav__menu:nth-of-type(1) .nav-sns{
    font-size: 0;
    max-width: 150px;
    width: 100%;
    margin: 0 auto;
    padding:30px 0;
		box-sizing:border-box;
}

.gnav__wrap .gnav__menu:nth-of-type(1) .nav-sns a{
	border-bottom:0;
	padding:0;
}

.gnav__wrap .gnav__menu:nth-of-type(1) .nav-sns li{
	display:inline-block;
	width:calc( 100% / 3 - 14px );
}

.gnav__wrap .gnav__menu:nth-of-type(1) .nav-sns li:nth-of-type(2){
	margin:0 20px;
}


/*========================
footer
==========================*/
footer{
	padding-top:100px;
	padding-bottom:50px;
}

footer .content_inner{
	font-size:0;
	overflow:hidden;
	position:relative;
}

footer .content_inner small{
	position:absolute;
	right:0;
	bottom:0;
	font-size:15px;
}

footer .content_inner div{
	display:inline-block;
	vertical-align:top;
}

footer .content_inner div.f-left{
}

footer .content_inner div.f-left ul{
	display:inline-block;
	vertical-align:top;
	margin-right:35px;
}

footer .content_inner div.f-left ul:last-of-type{
	margin-right:0;
}

footer .content_inner div.f-left ul li{
}

footer .content_inner div.f-left ul li h2{
	max-width:80px;
}

footer .content_inner div.f-left ul.left-content li{
	margin-bottom:15px;
}

footer .content_inner div.f-left ul.left-content li.ayumi-link{
	text-indent:-35px;
	padding-left:50px;
	margin-top:-5px;
}

footer .content_inner div.f-left ul.left-content li a{
	font-size:15px;
	font-weight:500;
	letter-spacing:1px;
	position:relative;
	padding-left:25px;
}

footer .content_inner div.f-left ul.left-content li a:before{
	content: "";
	border-top: 1px solid #ECAAA9;
	position:absolute;
	top:45%;
	left:0;
	width:15px;
}

footer .content_inner div.f-left ul.left-content li.ayumi-link a:before{
	content:"┗";
	border-top:0;
	top:10%;
	left:25%;
}

footer .content_inner div.f-left .f-sns{
	font-size:0;
}

footer .content_inner div.f-left .f-sns li{
	display:inline-block;
	margin-right:10px;
}

footer .content_inner div.f-left .f-sns li:last-of-type{
	margin-right:0;
}

footer .content_inner div.f-right{
	text-align:right;
	font-size:15px;
	float:right;
}

footer .content_inner div.f-right li{
	margin-bottom:15px;
}


.season-decoration{
	max-width:1080px;
	margin:0 auto;
	display:block;
}
    
/*========================
Mac用
==========================*/
.mac .gnav__wrap .gnav__menu:nth-of-type(1){
	padding-left:200px;
}

.mac .gnav__wrap .gnav__menu:nth-of-type(1) .gnav__menu__item{
	margin-top:160px;
}

.mac .gnav__wrap .gnav__menu:nth-of-type(2){
	max-width:350px;
	margin-top:100px;
}

.mac .gnav__wrap .gnav__menu:nth-of-type(2) .nav-sns{
	margin:30px;
}

.mac .gnav__wrap .gnav__menu:nth-of-type(2) .nav-txt img{
	max-width:60px;
}

@media screen and (max-width: 1600px) {
 nav .nav{
	 max-width: 1000px;
	}
	nav.clone-nav .nav_wrap .online{
	 right: -7%;
	}
}

/* ノートパソコン*/
@media screen and (max-width: 1500px) {
	
	nav.clone-nav{
		min-width:1300px;
	}
	nav .nav{
		max-width:1000px;
	}
	nav.clone-nav .nav_wrap .sns{
		transform: translate(0, -50%);
	}
	nav .nav > div:nth-of-type(1){
		width:42%;
	}
	nav .nav > h1{
		width:23%;
	}
	nav .nav > div:nth-of-type(2){
	}
	
}

@media screen and (max-width: 1200px) {
	
	body,
	header{
		/*min-width:1000px;*/
	}
	
	.content_inner{
		max-width:1000px;
	}
	
}

/* ipadpro */
@media screen and (max-width: 1024px) {
    
	/*body,
	header,
	.gnav{
		min-width:1024px;
	}*/
	
}

/* ipad */
@media screen and (max-width: 768px) {
    
	/*body,
	header,
	.gnav{
		min-width:768px;
	}*/
	
}

/* スマホ以下 */
@media screen and (max-width: 767px) {
	
	.pc,
	.pc-br{
		display:none !important;
	}
	
	a[href^="tel:"] {
		pointer-events:auto;
	}

	.sp,
	.sp-br{
		display:inline !important;
	}
    
	.sp-br:before{
		content:"\A";
		white-space:pre;
	}
	
	body,
	header,
	.gnav{
		min-width:100%;
	}
	
	.gnav{
		width:100%;
		padding-right:0;
	}
	
	
/*========================
header
==========================*/
	.header_wrap > h1 img{
		vertical-align:middle;
	}
	.header_wrap > h2{
		right:18%;
	}
	.header_wrap > h3{
		top:0;
		right:77px;
		padding:25px;
		font-size:initial;
		color:#000000;
		background-color:#FFFFFF;
	}
	
	nav.clone-nav{
		display:none;
	}
	
	
/*========================
menu
==========================*/
	.menu{
		height:70px;
		left:auto;
	}
	
	.menu__line--top{
		top:18px;
	}
	
	.menu__line--center{
		top:33px;
	}
	
	.menu__line--bottom{
		bottom:18px;
	}
	
	.menu span:last-of-type{
		display:none;
	}
	
	.menu__line--top.active{
		top:34px;
	}
	
	.menu__line--bottom.active{
		bottom:34px;
	}
	
	
/*========================
gnav
==========================*/
	.gnav__wrap .gnav__menu:nth-of-type(1){
		padding-left:0;
		background-image: url(../img/common/nav-bg_sp.jpg);
	}
	.gnav__wrap .gnav__menu:nth-of-type(1) .gnav__menu__item{
		width:100%;
		margin-top:0;
	}
	.gnav__wrap .gnav__menu:nth-of-type(1) .gnav__menu__item li{
		margin-bottom:0;
		border-bottom:1px solid #717272;
	}
	.gnav__wrap .gnav__menu:nth-of-type(1) .nav-sns{
		font-size:0;
		max-width:200px;
		width:100%;
		margin:0 auto;
		margin-top:10vw;
	}
	.gnav__wrap .gnav__menu:nth-of-type(1) .nav-sns li{
		display:inline-block;
		width:calc( 100% / 3 - 27px );
	}
	
	.gnav__wrap .gnav__menu:nth-of-type(1) .nav-sns li:nth-of-type(2){
		margin:0 40px;
	}
	
	.gnav__menu__item a{
		display:block;
		font-size:initial;
		padding:20px 40px;
		box-sizing:border-box;
	}
	/*.gnav__menu__item .sp a{
		padding:0;
	}*/


/*========================
footer
==========================*/
	footer{
		padding-top:8vw;
		padding-bottom:5vw;
	}
	
	footer .content_inner div,
	footer .content_inner div.f-left ul{
		display:block;
		margin:0;
	}
	
	footer .content_inner div.f-left ul li h2{
		margin:0 auto;
	}
	
	footer .content_inner div.f-right{
		float:none;
		font-size:initial;
		text-align:left;
		padding:3vw;
		padding-top:6vw;
		box-sizing:border-box;
	}
	footer .content_inner div.f-right li{
		margin-bottom:1vw;
	}
	footer .content_inner div.f-right .f-sns{
		max-width:200px;
		margin:30px auto;
		font-size:0;
		display:block !important;
	}
	footer .content_inner div.f-right .f-sns li{
		display:inline-block;
		margin-right:5vw;
		margin-bottom:0;
	}
	footer .content_inner div.f-right .f-sns li:last-of-type{
		margin-right:0;
	}
	
	footer .content_inner small{
		position:relative;
		text-align:center;
		display:block;
		font-size:initial;
		line-height:26px;
	}
	
	.season-decoration{
		padding:0 3vw;
		box-sizing:border-box;
		/*margin-bottom:-10vw;*/
	}

}

@media screen and (max-width: 480px) {
	
	.content_inner{
		padding:0;
	}
	
	#sky{
		position:fixed;
		max-width:100%;
		/*top:auto;*/
		top:50%;
		right:auto;
		bottom:0;
		
		text-align:right;
	}
	
/*========================
header
==========================*/
	.header_wrap > h1 img{
		vertical-align:middle;
	}
	
	
/*========================
menu
==========================*/
	/*.menu{
		height:14.5vw;
	}
	
	.menu__line--center{
		top:7vw;
	}
	
	.menu__line--top.active{
		top:29px;
	}
	
	.menu__line--bottom.active{
		bottom:30px;
	}*/
	
	
/*========================
gnav
==========================*/
	.gnav__wrap .gnav__menu:nth-of-type(1){
		padding-left:0;
		background-image: url(../img/common/nav-bg_sp.jpg);
	}
	.gnav__wrap .gnav__menu:nth-of-type(1) .gnav__menu__item{
		width:100%;
		margin:0;
	}
	.gnav__wrap .gnav__menu:nth-of-type(1) .gnav__menu__item li{
		margin-bottom:0;
		border-bottom:1px solid #717272;
	}
	.gnav__wrap .gnav__menu:nth-of-type(1) .nav-sns{
		font-size:0;
		max-width:45vw;
		width:100%;
		margin:0 auto;
		margin-top:10vw;
		padding:0;
	}
	.gnav__wrap .gnav__menu:nth-of-type(1) .nav-sns li{
		display:inline-block;
		width:calc( 100% / 3 - 7vw );
	}
	
	.gnav__wrap .gnav__menu:nth-of-type(1) .nav-sns li:nth-of-type(2){
		margin:0 10vw;
	}
	
	.gnav__menu__item a{
		display:block;
		font-size:4vw;
		padding:4vw 10vw;
		box-sizing:border-box;
	}
	/*.gnav__menu__item .sp a{
		padding:0;
	}*/
	.slick-dots li button:before{
		font-size:3.6vw !important;
	}


/*========================
footer
==========================*/
	footer{
		padding-top:8vw;
		padding-bottom:5vw;
	}
	
	footer .content_inner div,
	footer .content_inner div.f-left ul{
		display:block;
		margin:0;
	}
	
	footer .content_inner div.f-left ul li h2{
		margin:0 auto;
	}
	
	footer .content_inner div.f-right{
		float:none;
		font-size:3.8vw;
		text-align:left;
		padding:3vw;
		padding-top:6vw;
		box-sizing:border-box;
	}
	footer .content_inner div.f-right li{
		margin-bottom:1vw;
	}
	footer .content_inner div.f-right .f-sns{
		max-width:29vw;
		margin:6vw auto;
		font-size:0;
		display:block !important;
	}
	footer .content_inner div.f-right .f-sns li{
		display:inline-block;
		margin-right:5vw;
		margin-bottom:0;
	}
	footer .content_inner div.f-right .f-sns li:last-of-type{
		margin-right:0;
	}
	
	footer .content_inner small{
		position:relative;
		text-align:center;
		display:block;
		font-size:3.5vw;
	}

}

/* iphone6 */
@media screen and (max-width: 414px) {
	
	/*.menu__line--top.active{
		top:6vw;
	}
	.menu__line--bottom.active{
		bottom:8vw;
	}*/
    
}

/* iphoneX */
@media screen and (max-width: 375px) {
	
	.menu{
		height:18.6vw;
	}
	
	.menu__line--top{
		top:4vw;
	}
	
	.menu__line--top.active{
		top:9vw;
	}
	.menu__line--bottom.active{
		bottom:8.8vw;
	}
	
	footer .content_inner div.f-right .f-sns li{
		margin-right:4vw;
	}
    
}

/* iphone5 */
@media screen and (max-width: 320px) {
    
}