@charset "UTF-8";
/* ----リセット---- */
html {
	color:#000;
	background:#FFF;
  font-size: 62.5%;
  min-width: 1164px;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, figure, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
li {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

/* ----全体設定---- */

body {
  margin: 0;
  font-family: 'UD新ゴ R', 'UD Shin Go Regular', 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino kaku Gothic Pro', 'MS Pゴシック', 'MS PGothic', sans-serif;
  font-size: 1.4em;
  line-height: 1.5;
  color: #665e52;
  position: relative;
}

nav {
  box-sizing: border-box;
}

dd {
  font-size: 14px;
}

/* ----ヘッドライン---- */

/* ----リンク---- */
a {
  text-decoration: none;
  color: #665e52;
}

a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

a img{
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}
a:hover>img {
  opacity: 0.7;
}
a.not:hover>img {
  opacity: 1;
}

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

/* ----タグ---- */

img {
  max-width: 100%;
}

hr {
  border: 0;
  border-bottom: 1px dotted #ccc;
}

/* ----COMMON---- */
.display-pc{display: block;}
.display-sp{display: none;}

.contents--width{
  width: 100%;
  max-width: 1164px;
  margin: 0 auto;
}

.container{
  display: flex;
  justify-content: space-between;
  width: 1164px;
  margin: 0 auto;
  padding: 100px 0 135px 0;
}
.contents{
  order: 2;
  width: 884px;
}
.side{
  order: 1;
  width: 200px;
}


/* ----btn---- */
.contents-animation-btn-type1{
  position: relative;
  max-width: 100%;
}
.contents-animation-btn-type1 a{
  display: block;
  position: relative;
  overflow: hidden;
  line-height: 62px;
  border: 1px #665e52 solid;
}
.contents-animation-btn-type1 a:hover{
  color: #ffffff;
}
.contents-animation-btn-type1 a:after{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}
.contents-animation-btn-type1 a:before{
  display: block;
  content: "";
  position:absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: -100%;
  background:#665e52;
  transition:all .6s ease;
  z-index:1;
}
.contents-animation-btn-type1 a:hover:before {
  left: 0px;
}
.contents-animation-btn-type1 a span{
  position: relative;
  display: block;
  color: #665e52;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  transition:all .6s ease;
  z-index: 2;
}
.contents-animation-btn-type1 a:hover span{
  color: #ffffff;
}
.contents-animation-btn-type1:before,
.contents-animation-btn-type1:after{
  content: "";
  display: block;
  position: absolute;
  z-index: 3;
  top: 50%;
  transition:all .6s ease;
}
.contents-animation-btn-type1:before{
  right: -20px;
  width: 40px;
  height: 1px;
  background-color: #665e52;
}
.contents-animation-btn-type1:after{
  right: -20px;
  margin-top: -3px;
  width: 7px;
  height: 7px;
  border-top: 1px #665e52 solid;
  border-right: 1px #665e52 solid;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.contents-animation-btn-type1:hover:before{
  width: 50px;
  right: -30px;
}
.contents-animation-btn-type1:hover:after{
  right: -30px;
}



.contents-animation-btn-type2{
}
.contents-animation-btn-type2 a{
  display: block;
  position: relative;
  font-size: 1.6rem;
  line-height: 48px;
  letter-spacing: 0.1em;
  max-width: 100%;
  text-align: left;
}
.contents-animation-btn-type2 a:before,
.contents-animation-btn-type2 a:after{
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: #665e52;
  transition:all .7s cubic-bezier(.6,.01,.1,1);
}
.contents-animation-btn-type2 a:before{
  right: 0;
  width: 100%;
}
.contents-animation-btn-type2 a:after{
  left: 0;
  width: 0;
  transition-delay:0.1s;
}
.contents-animation-btn-type2 a:hover:before{
  width: 0;
}
.contents-animation-btn-type2 a:hover:after{
  width: 100%;
}
.contents-animation-btn-type2 a span{
  display: block;
  position: relative;
  padding-right: 40px;
  width: 100%;
}
.contents-animation-btn-type2 a span:before,
.contents-animation-btn-type2 a span:after{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transition:all .4s ease;
}
.contents-animation-btn-type2 a span:before{
  width: 20px;
  height: 1px;
  background-color: #665e52;
}
.contents-animation-btn-type2 a span:after{
  margin-top: -3px;
  width: 7px;
  height: 7px;
  border-top: 1px #665e52 solid;
  border-right: 1px #665e52 solid;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.contents-animation-btn-type2 a:hover span:before,
.contents-animation-btn-type2 a:hover span:after{
  right: -8px;
}

/* ----HEADER/TOP---- */
.header-top{
  height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.2rem;
  min-width: 1164px;
}
.header-top--philosophy{
  padding-left: 1em;
}
.header-top--list{
  display: flex;
  justify-content: center;
}
.header-top--list-navi{
  padding-right: 3em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-top--list-navi li{
  position: relative;
  padding-right: 0.8em;
  margin-right: 0.8em;
}
.header-top--list-navi li:after{
  content: "";
  display: block;
  position: absolute;
  top: 10%;
  right: 0;
  width: 1px;
  height: 80%;
  background-color: #dad8d4;
}
.header-top--list-navi li:last-child{
  padding-right: 0;
  margin-right: 0;
}
.header-top--list-navi li:last-child:after{
  display: none;
}
.header-top--list-navi li a{
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}
.header-top--list-navi li a:hover{
  color: #9d5040;
}
.header-top--list-logo{
  padding-right: 1em;
}

/* ----HEADER/MENU---- */
.header-menu{
  height: 150px;
  width: 100%;
  min-width: 1164px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: rgba(0,0,0,0.3);
  position: absolute;
  z-index: 10;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}
.forcms .header-menu{
  position: static;
}
.header-menu.header-menu-common{
  height: 125px;
  background-color: inherit;
}
.forcms .header-menu.header-menu-common{
  height: 150px !important;
  background-color: rgba(0,0,0,0.3) !important;
}
.header-menu.header-menu--active{
  position: fixed;
  top: 0;
  height: 80px;
  background-color: #5c4943;
}
.forcms .header-menu.header-menu--active{
  position: static !important;
  height: 150px !important;
  background-color: rgba(0,0,0,0.3) !important;
}
.header-menu--title{
  height: 80px;
  margin-left: 40px;
  padding-left: 100px;
  background-image: url(../img/common/logo.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 80px 80px;
  -moz-background-size: 80px 80px;
  -webkit-background-size: 80px 80px;
  display: flex;
  align-items: center;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}
.forcms .header-menu--title{
  padding-left: 100px !important;
  background-size: 80px 80px !important;
  -moz-background-size: 80px 80px !important;
  -webkit-background-size: 80px 80px !important;
}
.header-menu.header-menu--active .header-menu--title{
  padding-left: 75px;
  background-size: 56px 56px;
  -moz-background-size: 56px 56px;
  -webkit-background-size: 56px 56px;
}

.header-menu--title>*{
  display: inline;
  height: 29px;
}
.header-menu .header-menu--title img{
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}
.header-menu--list{
  display: flex;
}
.header-menu--list-navi{
  display: flex;
}
.header-menu--list-navi--link{
  padding: 0 1em;
  display: flex;
  justify-content: center;
  line-height: 2.4;
}
.header-menu--list-navi--link:first-child{padding-left: 0;}
.header-menu--list-navi--link:last-child{padding-right: 0;}

.header-menu--list-navi--link a{
  position: relative;
  display: block;
  color: #ffffff;
  letter-spacing: 0.1em;
  font-size: 1.5rem;
}
.header-menu--list-navi--link a:after{
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 4px;
  height: 1px;
  width: 0%;
  background-color: #ffffff;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}
.header-menu--list-navi--link a:hover:after{
  left: 0;
  width: 100%;
}
.header-menu--list-navi--link.active a:after{
  left: 0 !important;
  width: 100% !important;
}
.header-menu--list-sns{
  display: flex;
  justify-content: center;
  line-height: 2.4;
  padding: 0 25px 0 35px;
}
.header-menu--list-sns li{
  padding: 0 0.6em;
}
.header-menu--list-sns a{
  display: block;
  width: 22px;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}
.header-menu--list-sns a:hover{
  opacity: 0.7;
}
.header-menu--list-sns li.instagram a{background-image: url(../img/common/ico_instagram_white.png);}
.header-menu--list-sns li.facebook a{background-image: url(../img/common/ico_facebook_white.png);}

/* ----FOOTER---- */
.footer-link{
  border-top: 2px #665e52 solid;
  padding: 13px 0;
}
.footer-link .contents--width{
  display: flex;
  justify-content: center;
}
.footer-link--title{
  font-weight: bold;
}
.footer-link--navi{
  display: flex;
}
.footer-link--navi li{
  position: relative;
  padding: 0 1.6em;
}
.footer-link--navi li:last-child{padding-right: 0;}
.footer-link--navi li:after{
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 70%;
  top: 15%;
  right: 1px;
  background-color: #d3d3cf;
}
.footer-link--navi li:last-child:after{display: none;}
.footer-link--navi li a{
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}
.footer-link--navi li a:hover{
  color: #9d5040;
}


.footer-navi{
  background-color: #665e52;
  color: #ffffff;
  padding: 73px 0 37px 0;
}
.footer-navi a{
  color: #ffffff;
}
.footer-navi--list{
  display: flex;
  justify-content: center;
  margin-bottom: 75px;
}
.footer-navi--list li{
  position: relative;
  padding: 0 1.6em;
}
.footer-navi--list li:first-child{padding-left: 0;}
.footer-navi--list li:last-child{padding-right: 0;}
.footer-navi--list li:after{
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 70%;
  top: 15%;
  right: 1px;
  background-color: #847c70;
}
.footer-navi--list li:last-child:after{display: none;}
.footer-navi--list li a{
  display: block;
  position: relative;
}
.footer-navi--list li a:after{
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -4px;
  height: 1px;
  width: 0%;
  background-color: #d2ccc2;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}
.footer-navi--list li a:hover:after{
  left: 0;
  width: 100%;
}

.footer-navi--sns{
  display: flex;
  justify-content: center;
  margin-bottom: 38px;
}
.footer-navi--sns li{
  padding: 0 15px;
}
.footer-navi--sns li a{
  display: block;
  width: 30px;
  height: 25px;
  line-height: 25px;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}
.footer-navi--sns li a:hover{opacity: 0.7;}
.footer-navi--sns li.instagram a{background-image: url(../img/common/ico_instagram_white.png);}
.footer-navi--sns li.facebook a{background-image: url(../img/common/ico_facebook_white.png);}
.footer-navi--copyright{
  text-align: center;
}

.footer-pagetop{
  position: fixed;
  right: 0;
  bottom: 30px;
  opacity: 0;
  -webkit-transition: opacity .4s ease;
  -moz-transition: opacity .4s ease;
  transition: opacity .4s ease;
}
.footer-pagetop.footer-pagetop--active{
  opacity: 1;
}
.footer-pagetop.footer-pagetop--fixed{
  position: absolute;
}
.footer-pagetop a{
  position: relative;
  display: block;
  width: 56px;
  height: 56px;
  background-color: #665e52;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}
.footer-pagetop a:hover{
  background-color: #5c4943;
}
.footer-pagetop a:before,
.footer-pagetop a:after{
  content: "";
  display: block;
  position: absolute;
}
.footer-pagetop a:before{
  top: 50%;
  left: 50%;
  margin-top: -10px;
  width: 1px;
  height: 20px;
  background-color: #ffffff;
}
.footer-pagetop a:after{
  width: 9px;
  height: 9px;
  border-top: 1px #ffffff solid;
  border-left: 1px #ffffff solid;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -4px;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

/* ----LOWERPAGE/MV---- */
.header-mv{
  width: 100%;
  height: 420px;
  background-size: cover;
  background-position: center center;
  padding-top: 125px;
  padding-bottom: 25px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
}
.header-mv--title{
  text-align: center;
  margin-bottom: 25px;
}
.header-mv--title-main{
  display: block;
  font-size: 4.2rem;
  width: 100%;
  color: #ffffff;
  letter-spacing: 0.2em;
}
.header-mv--title-sub{
  display: block;
  font-size: 1.6rem;
  width: 100%;
  color: #a48b78;
  letter-spacing: 0.25em;
}
.header-mv--intro{
  font-size: 1.6rem;
  width: 100%;
  color: #ffffff;
}
.header-mv--intro span{
  display: block;
  width: 100%;
  max-width: 1164px;
  text-align: center;
  margin: 0 auto;
  letter-spacing: 0.2em;
  line-height: 1.8;
}

/* ----SIDE---- */
.side>.visual_,
.side-contents{
  margin-bottom: 80px;
}
.side .event_title_,
.side-title{
  position: relative;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0.2em;
  padding-left: 2rem;
  margin-top: -0.5rem;
  margin-bottom: 20px;
}
.side .event_title_:after,
.side-title:after{
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background-color: #665e52;
}
.side-navi--list{
}
.genre_filter_link_side+.genre_filter_link_side,
.side-navi--list+.side-navi--list{
  margin-top: 30px;
}
.genre_filter_link_side .master_title{
  display: none;
}
.genre_filter_link_side .item_node,
.side-navi--list-item{
  margin-bottom: 6px;
}
.genre_filter_link_side .item_node a,
.genre_filter_link_side .item_node span,
.side-navi--list-item a,
.side-navi--list-item span{
  display: block;
  position: relative;
  padding: 11px 30px 11px 10px;
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
  line-height: 1.4;
}
.genre_filter_link_side .item_node a:before,
.genre_filter_link_side .item_node a:after,
.genre_filter_link_side .item_node span.current_link:before,
.genre_filter_link_side .item_node span.current_link:after,
.side-navi--list-item a:before,
.side-navi--list-item a:after{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}
.genre_filter_link_side .item_node a:hover,
.side-navi--list-item a:hover{
  color: #9d5040;
}
.genre_filter_link_side .item_node a:hover:before,
.genre_filter_link_side .item_node a:hover:after,
.side-navi--list-item a:hover:before,
.side-navi--list-item a:hover:after{
  right: 3px;
}
.genre_filter_link_side .item_node a:before,
.genre_filter_link_side .item_node span.current_link:before,
.side-navi--list-item a:before{
  width: 11px;
  height: 1px;
  background-color: #665e52;
  transition:all .4s ease;
}
.genre_filter_link_side .item_node a:after,
.genre_filter_link_side .item_node span.current_link:after,
.side-navi--list-item a:after{
  margin-top: -2px;
  width: 5px;
  height: 5px;
  border-top: 1px #665e52 solid;
  border-right: 1px #665e52 solid;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.genre_filter_link_side .item_node a.current,
.genre_filter_link_side .item_node span.current_link,
.side-navi--list-item a.current{
  background-color: #665e52;
  color: #ffffff !important;
}
.genre_filter_link_side .item_node a.current:before,
.genre_filter_link_side .item_node span.current_link:before,
.side-navi--list-item a.current:before{
  background-color: #ffffff;
}
.genre_filter_link_side .item_node a.current:after,
.genre_filter_link_side .item_node span.current_link:after,
.side-navi--list-item a.current:after{
  border-top: 1px #ffffff solid;
  border-right: 1px #ffffff solid;
}
.genre_filter_link_side .item_node a.current:hover:before,
.genre_filter_link_side .item_node a.current:hover:after,
.genre_filter_link_side .item_node span.current_link:hover:before,
.genre_filter_link_side .item_node span.current_link:hover:after,
.side-navi--list-item a.current:hover:before,
.side-navi--list-item a.current:hover:after{
  right: 10px;
}
.genre_filter_link_side .item_node span:hover,
.side-navi--list-item span:hover{
  cursor: pointer;
}
.genre_filter_link_side .item_node span.current_link:hover{
  cursor: auto;
}
.side-navi--list-item ul{
  display: none;
  padding-left: 1rem;
}
.side-navi--list-item ul ul{
  padding-left: 1.4rem;
}
.side-navi--list-item span:before,
.side-navi--list-item span:after{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
  background-color: #665e52;
}
.side-navi--list-item span:before{
  width: 11px;
  height: 1px;
  right: 10px;
}
.side-navi--list-item span:after{
  width: 1px;
  height: 11px;
  right: 15px;
  margin-top: -5px;
}
.side-navi--list-item span.active:after{
  transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}


/* ----PAGER---- */
.contents-navipage{
  display: flex;
  justify-content: space-between;
  overflow-x: hidden;
}
.contents-navipage--sum{
  font-size: 1.6rem;
  line-height: 34px;
}
.contents-navipage--sum span{
  font-weight: bold;
  padding-right: 0.3rem;
}
.contents-navipage--navi{
  display: flex;
  margin-right: -8px;
}
.contents-navipage--navi center{
  display: flex;
}
.contents-navipage--navi-reverse,
.contents-navipage--navi-forward,
.navipage_reverse_,
.navipage_forward_{
  display: flex;
}
.contents-navipage--navi-reverse,
.navipage_reverse_{
  padding-right: 10px;
}
.contents-navipage--navi-forward,
.navipage_forward_{
  padding-left: 10px;
}
.contents-navipage--navi a{
  display: block;
  width: 34px;
  height: 34px;
  line-height: 32px;
  border: 1px #665e52 solid;
  border-radius: 17px;
  -moz-border-radius: 17px;
  -webkit-border-radius: 17px;
  margin: 0 8px;
  text-align: center;
  font-size: 1.3rem;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}
.contents-navipage--navi a:hover{
  border: 1px #989083 solid;
  color: #9d5040;
}
.contents-navipage--navi-now,
.navipage_now_{
  display: block;
  width: 34px;
  height: 34px;
  line-height: 32px;
  border: 1px #665e52 solid;
  background-color: #665e52;
  color: #ffffff;
  border-radius: 17px;
  -moz-border-radius: 17px;
  -webkit-border-radius: 17px;
  margin: 0 8px;
  text-align: center;
  font-size: 1.3rem;
}
.contents-navipage--navi-reverse a,
.contents-navipage--navi-forward a,
.navipage_reverse_ a,
.navipage_forward_ a{
  position: relative;
  width: 50px;
  background-color: #665e52;
  text-indent: 300%;
  white-space: nowrap;
  overflow: hidden;
}
.contents-navipage--navi-reverse a:hover,
.contents-navipage--navi-forward a:hover,
.navipage_reverse_ a:hover,
.navipage_forward_ a:hover{
  border: 1px #665e52 solid;
}
.contents-navipage--navi-first a:after,
.contents-navipage--navi-prev a:after,
.contents-navipage--navi-next a:after,
.contents-navipage--navi-last a:after,
.navipage_first_ a:after,
.navipage_prev_ a:after,
.navipage_next_ a:after,
.navipage_last_ a:after{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 32px;
  width: 100%;
  text-align: center;
  color: #ffffff;
  text-indent: 0;
  white-space: normal;
  overflow: visible;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}
.contents-navipage--navi-first a:after,.navipage_first_ a:after{content: "<<";}
.contents-navipage--navi-prev a:after,.navipage_prev_ a:after{content: "<";}
.contents-navipage--navi-next a:after,.navipage_next_ a:after{content: ">";}
.contents-navipage--navi-last a:after,.navipage_last_ a:after{content: ">>";}
.contents-navipage--navi-first a:hover:after,
.contents-navipage--navi-prev a:hover:after,
.navipage_first_ a:hover:after,
.navipage_prev_ a:hover:after{
  padding-right: 1em;
}
.contents-navipage--navi-next a:hover:after,
.contents-navipage--navi-last a:hover:after,
.navipage_next_ a:hover:after,
.navipage_last_ a:hover:after{
  padding-left: 1em;
}

/* ----MODAL(lity)---- */
.lity{
  background: rgba(0,0,0,0.7) !important;
}