@charset "utf-8";


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

 #container

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

#container {
}

/*-----------------------------------------------
 h2 snav
-------------------------------------------------*/

h2 {
	position:relative;
}
h2 nav {
	position:absolute;
	top:3px;
	right:0;
}
h2 nav ul li {
	float:left;
}
h2 nav ul li:last-child {
	margin-left:30px;
}
h2 nav ul li a {
	display:block;
	position:relative;
	padding-left:20px;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
h2 nav ul li a:hover img {
	opacity:0.6;
}
h2 nav ul li a:before {
	content:"";
	display:block;
	position:absolute;
	top:4px;
	left:0;
	width:12px;
	height:12px;
	background-image:url(../img/event/arrow_snav.png);
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
h2 nav ul li a:hover:before {
	left:-4px;
}

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

 .pageList 

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

.pageList h3 {
	margin-top:80px;
	text-align:center;
}
.pageList h4 {
    text-align: center;
}
.pageList h5 {
    line-height: 1.4;
    margin-top: 15px;
    text-align: center;
}
.pageList .btn a {
  width: 200px;
  height: 40px;
  line-height: 40px;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 1.4rem;
}

/*-----------------------------------------------
 .boxPhoto
-------------------------------------------------*/
.pageList ul.boxPhoto {
	width:1000px;
    margin-top: 0;
    justify-content: flex-start;
}
.pageList ul.boxPhoto li {
	width:33%;
	margin-top:30px;
	text-align:center;
}
.pageList ul.boxPhoto li figure{
    width: 291px;
    height: 205px; 
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    -webkit-mask-image: url("../img/svg/oval1.svg");
-webkit-mask-size: cover;
    mask-image: url("../img/svg/oval1.svg");
    mask-position: center;
    mask-size: cover;
}
.pageList ul.boxPhoto li:nth-of-type(2n) figure{
     -webkit-mask-image: url("../img/svg/oval2.svg");
    mask-image: url("../img/svg/oval2.svg");
}
.pageList ul.boxPhoto li:nth-of-type(3n) figure{
     -webkit-mask-image: url("../img/svg/oval3.svg");
    mask-image: url("../img/svg/oval3.svg");
}
.pageList ul.boxPhoto li figure img{
    width: 100%;
    height: auto;
}
.pageList ul.boxPhoto li p {
    text-align: center;
}
.pageList ul.boxPhoto li .caption {
    margin-top: 10px;
    font-size: 1.4rem;
}
.pageList ul.boxPhoto li .caption + p {
    margin-top: 20px;
}

/* noPhoto */
.pageList ul.boxPhoto li .noPhoto {
    width: 291px;
  height: 205px;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
}

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

 .pageDetail

=================================================*/
.pageDetail .contents {
    text-align: center;
}
.pageDetail h2 {
    position: relative;
    padding-left: 0;
    background-image: none;
    font-size: 4.0rem;
}
.pageDetail h2::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 43px;
    margin-right: 10px;
    background-image: url(../img/common/star/l_pink_1.png);
  background-position: left center;
  background-repeat: no-repeat;
    background-size: 30px 43px;
}
.pageDetail article p {
    text-align: center;
}
.pageDetail article h2 + p {
    margin-top: 50px;
}
.pageDetail article figure{
    width: 640px;
    height: 403px; 
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    -webkit-mask-image: url("../img/svg/square1.svg");
-webkit-mask-size: cover;
    mask-image: url("../img/svg/square1.svg");
    mask-position: center;
    mask-size: cover;
}
.pageDetail article figure:nth-of-type(2n){
     -webkit-mask-image: url("../img/svg/square2.svg");
    mask-image: url("../img/svg/square2.svg");
}
.pageDetail article figure:nth-of-type(3n){
     -webkit-mask-image: url("../img/svg/square3.svg");
    mask-image: url("../img/svg/square3.svg");
}
.pageDetail article figure img{
    width: 100%;
    height: auto;
}