@charset "UTF-8";

#brand_block{
  max-width: 1000px;
  width: 100%;
  margin: auto;
	font-family: 'Noto Serif JP', serif;
}

@media screen and (min-width: 575px) {
	#brand_block .pc {
		display: block;
	}

	#brand_block .sp {
		display: none;
	}
}

@media screen and (max-width: 575px) {
	#brand_block .pc {
		display: none;
	}

	#brand_block .sp {
		display: block;
	}
}

#brand_block img{
  width: 100%;
}
#brand_block .title_h1{
  font-size: 22px;
  text-align: center;
  margin: 0 auto 20px;
}

#brand_block .title_h2{
  font-size: 20px;
  text-align: center;
  margin: 0 auto 10px;
}

#brand_block .title_h2 span{
  font-size: 16px;
  display: block;
}
#brand_block .title_h3{
  font-size: 20px;
  text-align: left;
  margin: 0 auto 20px;
}

#brand_block .txt_center{
  font-size: 16px;
  text-align: center;
  margin: 0 auto 20px;
  line-height: 1.8em;
}

#brand_block .txt_left{
  font-size: 16px;
  text-align: left;
  margin: 0 auto 20px;
  line-height: 1.8em;
}

#brand_block .photo_center{
  max-width: 680px;
  width: 100%;
  margin: 0 auto 20px;
}

#brand_block .space_20{
  height: 20px;
}

#brand_block .space_40{
  height: 40px;
}

#brand_block .space_60{
  height: 60px;
}

#brand_block .w680{
  max-width: 680px;
  width: 100%;
  margin: auto;
}

#brand_block .flex_wrap{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

#brand_block .clo2{
  width: 48%;
  margin: 0 auto 20px;
}

#brand_block .clo3{
  width: 31%;
  margin: 0 auto 20px;
}

#brand_block .clo4{
  width: 23%;
  margin: 0 auto 20px;
}

#brand_block .sp_left{
  text-align: center;
}

#brand_block .arrow{
  text-align: center;
  margin: 0 auto;
  padding: 20px 0;
  max-width: 45px;
  width: 100%;
}



@media screen and (max-width: 575px) {
  #brand_block .clo2{
    width: 100%;
  }
  #brand_block .clo3{
    width: 100%;
  }
  #brand_block .clo4{
    width: 100%;
  }
  #brand_block .sp_left{
    text-align: left;
  }
}

/*トップページ　ギャラリータイトル センター*/
.gallery-copy{
  text-align:center;
  padding-left: 0px;

}


/*リニューアルオープンスライド*/
#renewal_slide {
  padding-bottom: 40px;
}

#renewal_slide .slide_style {
  max-width: 590px;
  width: 100%;
  margin: auto;
  padding: 0 0 10px 0;
}

#renewal_slide .slide_style .slide_txt1 {
  font-family: 游明朝体, yumincho, 游明朝, Yu Mincho, "Noto Serif JP", ヒラギノ明朝 ProN W3, Hiragino Mincho ProN W3, hiraminpron-w3, ヒラギノ明朝 ProN, Hiragino Mincho ProN, ヒラギノ明朝 Pro, Hiragino Mincho Pro, HGS明朝E, ＭＳ Ｐ明朝, MS PMincho, georgia, times, Times New Roman, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 20px;
  text-align: center;
  margin: 10px 0 0 0;
}

#renewal_slide .slide_style .slide_txt2 {
  font-size: 14px;
  line-height: 1.6em;
  margin: 5px 0 0 0;
}

#renewal_slide .slide_style .slide_royal {
  max-width: 200px;
  width: 100%;
  margin: 20px auto 10px;
}

#renewal_slide .slide_style .slide_lazare {
  max-width: 300px;
  width: 100%;
  margin: 20px auto 10px;
}

#renewal_slide .slick-dots li
{
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
    margin: 0 10px 0 0;
    padding: 0;
    cursor: pointer;
}

#renewal_slide .slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
	position: absolute;
	top: 10px;
	width: 35px;
	height: 3px;
	background: #e2c290;

    content: '';
    text-align: center;

    opacity: .5;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#renewal_slide .slick-dots li.slick-active button:before
{
    opacity: .9;
    color: black;
    content: "";
	position: absolute;
	top: 10px;
	width: 35px;
	height: 3px;
	background: #e2c290;
	animation: pathmove 13s ease-in-out;
	opacity:0;
    animation-fill-mode:forwards;
}

@keyframes pathmove{
	0%{
		width:0;
		top:10px;
		opacity: 1;
	}
	100%{
		width:35px;
		top:10px;
		opacity: 1;
	}
}


/*リニューアルオープン*/

#renewal_open {
  padding-bottom: 40px;
}

#renewal_open .renewal_wrap {
  max-width: 590px;
  width: 100%;
  margin: auto;
}

#renewal_open .renewal_txt {
  font-size: 15px;
  line-height: 1.6em;
}