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

header .navi3 a{ color:#941c61;}
#detailimage{ background-image:url(../common/main_image.jpg); height:163px; border-bottom:none;}
#detailimage h2{padding-top: 55px;color:#333;}

.top_title{ padding:50px 0 150px 0;}
.top_title ul{ margin-right:16px;}
.top_title li{ float:left; margin-right:20px;}
.top_title p{ font-size:1.6rem; font-weight:bold; color:#941c61; padding-top:15px;}


.navigation{ clear:both; text-align:center; padding-bottom:80px;}
.navigation p{ display:inline-block; padding:0 20px;}
.navigation p a{ display:block; background-color:#941c61; color:#fff; font-weight:bold; padding:10px 0; text-align:center; width:200px;}
.navigation p a:hover{background-color:rgba(148,28,97,0.7); }
.article ul{ text-align:center;}
.article li{ text-align:center; width:274px; float:left; margin-right:20px; height:365px;}
.article li a{ display:block; text-align:center; border:1px solid #dcdcdc; background-color:rgba(255,255,255,0.5); margin-bottom:15px;}

.article li:nth-child(4n) { margin-right:0;}
.article{ margin-bottom:30px;}

.fancybox-close{ display:none;}

#infscr-loading {
text-align:center;
margin:20px auto;
width:100%;
}
#infscr-loading em{ display:none;}


@media only screen and (max-width: 760px) {
.drawer .navi3 a{ color:#941c61;}


#detailimage{ height:auto; }
#detailimage h2{padding-top: 20px;}

.top_title{ padding:50px 0 60px 0;}
.top_title .left{
float:none;
}
.top_title ul{ margin-right:0;}
.top_title li{ margin-right:3%; width:30%; margin-bottom:5px;}
.top_title p{ padding-top:20px; clear:both;}


.navigation{  padding-bottom:60px;}
.article ul{ text-align:center;}
.article li{ text-align:center; width:31%; float:left; margin-right:3%; height:auto;}
.article li a{ margin-bottom:10px;}

.article li:nth-child(4n) { margin-right:3%;}
.article li:nth-child(3n) { margin-right:0;}
.article{ margin-bottom:30px;}

.fancybox-close{ display:block;}
.fancybox-skin{
height:100%;
}
.fancybox-wrap{
height:90vh;
}

}

/* Rectangle Out */
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: rgba(148,28,97,0.5);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #941c61;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color: white;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}