/*--------------------*
#group_prof
*--------------------*/
#group_prof{
  width:100%;
  margin:0 auto 4%;
  max-width:616px;
  color: #222;
}
.disp_sp #group_prof{
  padding-top: 4%;
}
#group_prof .detail_txt ul li{
  font-size: 1.2em;
  line-height: 1.4;
  color: #fff;
  list-style: disc;
  margin: 0 0 0 1em;
  padding: 1% 0 0;
}
.disp_sp #group_prof .detail_txt ul li{
  font-size: 1.1em;
}
#group_prof .section_bdy{
  background: url(../img/profile/group_prof/section_bdy.jpg) repeat-y 50% top;
  background-size: 100% auto;
}
#group_prof .section_ftr{
  padding-bottom:17%;
  background: url(../img/profile/group_prof/section_ftr.jpg) no-repeat 50% bottom;
  background-size: 100% auto;
  position:relative;
  bottom:-1px;
}
#group_prof .section_hdr{
  position:relative;
  top:-1px;
}
#group_prof .detail_txt{
  width: 90%;
  margin:0 auto;
  text-align: justify;
}
#group_prof H3{
  font-size: 1.4em;
  margin: 7% 0 3%;
  color: #fff;
  font-weight: normal;
}
#group_prof .detail_txt P{
  line-height: 1.6;
  font-size: 1.2em;
  color: #fff;
  padding: 5% 0 0;
}
.disp_sp #group_prof .detail_txt P{
  font-size: 1.1em;
  padding: 7% 0 0;
}
#group_prof .detail_txt P:first-child{
  padding: 0;
}
.disp_pc #feature .detail_txt P {
  bottom: 5%;
}
#info_group .info_text{
  padding: 0 1rem;
}
#info_group .info_text p{
  color: #fff;
  font-size: 1.5em;
  line-height: 1.5;
  padding: 5% 0 0;
  text-align: justify;
}
.disp_sp #info_group .info_text p{
  font-size: 1.1em;
  line-height: 1.6;
  padding: 7% 0 0;
}
#info_group .info_text p:first-child{
  padding: 0;
}
.disp_sp #info_group .info_text p img{
  max-width: 140px;
  width: 100%;
  height: auto;
}
#info_group .info_text .info_lead{
  font-size: 1.8em;
  line-height: 1.4;
}
.disp_sp #info_group .info_text .info_lead{
  font-size: 1.2em;
}
#info_group .info_text .info_fumitama{
  font-size: 3em;
  color: #FDC978;
  text-align: center;
}
.disp_sp #info_group .info_text .info_fumitama{
  font-size: 1.8em;
}
#info_group .info_text .info_fumitama span{
  display: block;
}
#info_group .info_text .info_fumitama .ruby{
  display: inline;
  font-size: .7em;
}
/*--------------------*
#feature
*--------------------*/
#feature{
  width:100%;
  margin:0 auto 4%;
  color: #222;
}
#feature H3{
}
#feature .feature_summary .detail_txt{
  text-align: left;
  width: 73%;
  margin:0 auto;
  text-align:left;
}
#feature .feature_summary .detail_txt P{
  line-height:1.6em;
}

.disp_pc .stones,
.disp_sp .stones{
   width:84%; 
   margin: 0 auto;
   height: auto;
}
.disp_sp .stone,
.disp_pc .stone{
  width: 25% ;
  height: auto;
  float: left;
  margin: 8px auto;
}
h5.about{margin-top: 20px;}
.stone P{
  color: #F9F2E0;
  text-shadow: 0 0 3px #4F1643,0 0 3px #4F1643,0 0 5px #4F1643,0 0 5px #4F1643,0 0 3px #4F1643,0 0 3px #4F1643,0 0 5px #4F1643,0 0 5px #4F1643,0 0 3px #4F1643,0 0 3px #4F1643,0 0 5px #4F1643,0 0 5px #4F1643;
  text-align: center;
  
}
.disp_pc .stone P{font-size: 1.3em;}
.disp_sp .stone P{font-size: 1.1em;}

/*--------------------*
 * new_group
 *--------------------*/
#new_group{
  margin:0 auto 5%;
}
/*--------------------*
 * free_group
 *--------------------*/
#free_group{
  margin:5% auto ;
}
.spread1_group,
.spread2_group,
.kakushin_group,
.message_group{
  transform: scale(0.9);
}