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

section span{
display: block;
overflow: hidden;	
}


h2{
	width: 84%;
max-width: 960px;
margin: 0 auto 1.4em auto;
font-size: 2em;
color: #666;
text-align: center;
border-bottom: 1px solid #CCC;
padding: 2em 0 .3em;
letter-spacing: 0;
}

 /* メインビジュアル */
 /* .boxMV{background: url(/mailachic/pc/img/flowerBg-pink.png);padding:3em 0} */
.mainVisual{width:1200px;margin:0 auto}

 /* NEWS */
.sec_news{background:#FDF9F8;}
.sec_news dl{
	width:84%;margin:0 auto;
	font-size:12px;
	max-width: 500px;
}
.sec_news dt{color:#999}
.sec_news dd{margin-bottom:1em}
.sec_news dl,section .btn_pink{
	margin-bottom:3em
}
.linkList{
background:#F7F1F1;	
width:40%;
position:relative
}
.linkList ul{position:absolute;right:40px;top:53%; -webkit-transform: translateY(-53%);transform: translateY(-53%);
width:300px;text-align:right}
.linkList ul img{width:100%}
.linkList li{margin-bottom:20px;}
.lTxt a{color:#555;position:relative;padding-right:30px;}
.lTxt a::after{	
	font-family:'FontAwesome';
	content: "\f105";
	position:absolute;
	right:0;}
.news{width:70%;
  min-height: 380px;}



 /* schedule */



/* .sec_sched{background:url(/mailachic/pc/img/flowerBg-pink.png);} */
.sec_sched h3{text-align:center;font-size:1.2em;margin-bottom:2em	}
.sec_sched .panelList{
	margin:0 auto 3em auto;
	max-width: 960px;
	overflow:hidden
}
.sec_sched .panel{
background:white;width:24.5%;
float:left;
margin-right:.5%;
margin-bottom:.3em	}
.sec_sched .panel:nth-child(4n){
margin-right:0;
}
.sec_sched .waiting{border-top:2px solid #FFF5F6;}
	
	

 /* new face */
 
 
 
#sec_newface{
background:url(/mailachic/pc/img/flowerBg-orange.png);	
}
.mainVisual_new img{width:100%}

 
 
 
 /* photo mail */
 
 
 

#sec_photomail{background:url(/mailachic/pc/img/flowerBg-blue.png);}



#sec_photomail ul{	
padding: 0 1% 0 2%;
margin: 0 auto 3em auto;
overflow: hidden;
max-width:960px;
}
#sec_photomail li{width:19%;background:white;
height: auto;
  position: relative;
  margin-bottom:.4em;
  float:left;
  display:block;
  margin-right:1%
 }
 
 
 
 
#sec_photomail li:before {
  content: "";
  display: block;
  padding-top: 133%; /* ここを100％にすることで正方形になる */
}
 
#sec_photomail li a{
  /* 正方形にするのに必要な部分 */
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* 中央寄せ */
  text-align: center;
  padding: .4em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
 
/* 高さの中央揃えに必要な部分 */

#sec_photomail li a:before{
  content: "";
  height: 100%;
  vertical-align: middle;
  width: 0px;
  display: inline-block;
}

#sec_photomail li a > *{
  vertical-align: middle;
  display: inline-block;
}
 
#sec_photomail li a img{
  max-width: 100%;
  height: auto;
  max-height: 100%;
}





#sec_photomail2{background:#EFF9F8;}



#sec_photomail2 ul{
  padding: 0 1% 0 2%;
  margin: 0 auto 3em auto;
  overflow: hidden;
  max-width:960px;
}
#sec_photomail2 li{width:19%;background:white;
  height: auto;
  position: relative;
  margin-bottom:.4em;
  float:left;
  display:block;
  margin-right:1%
}

#sec_photomail2 li a{
  /* 正方形にするのに必要な部分 */
  display: table-cell;
  /* width: 80%; */
  /* height: 300px; */
  /* padding: 5%; */
  padding: 10px 10px 0;
}
#sec_photomail2 li a img{
  width: 100%;
}

.clearfix:after {
  content:" ";
  display:block;
  clear:both;
}