/* =Reset
------------------------------------------------------------------------------------------------------------- */
@charset "utf-8";

/*--------------------*
#group_prof
*--------------------*/
#group_prof{
  width:100%;
  margin:0 auto 4%;
  max-width:616px;
  color: #222;
}
#group_prof H3{
  font-size: 1.3em;
  margin: 5% 0 2%;
}
.disp_sp #group_prof H3{
  font-size: 1.1em;
}
#group_prof H3:first-child{
  background: url(../img/profile/group_prof/photo.png) no-repeat right center / auto 100%;
  display: flex;
  align-items: center;
  min-height: 250px;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", Meiryo, serif;
  font-size: 1.3em;
  font-weight: normal;
  margin: 0 0 3%;
}
.disp_sp #group_prof H3:first-child{
  background-size: 40% auto;
  min-height: 140px;
}
#group_prof H3 span{
  display: block;
  text-align: center;
  font-size: 1.5em;
}
.disp_sp #group_prof H3 span{
  font-size: 1.1em;
}
#group_prof H3 .profile_name{
  width: 50%;
}
.disp_sp #group_prof H3 .profile_name{
  width: 58%;
}
#group_prof H3 .profile_name_bottom{
  width: 100%;
}
#group_prof .detail_txt ul li{
  font-size: 1.1em;
  line-height: 1.5em;
}
.disp_sp #group_prof .detail_txt ul li{
  font-size: 1.0em;
}
#group_prof .section_bdy,
#info_group .section_bdy,
#detail_group .section_bdy,
#rhythm_group .section_bdy{
  background: url(../img/profile/group_prof/section_bdy.jpg) repeat-y 50% top;
  background-size: 100% auto;
}
#group_prof .section_ftr,
#info_group .section_ftr,
#detail_group .section_ftr,
#rhythm_group .section_ftr{
  padding-bottom:7%;
  background: url(../img/profile/group_prof/section_ftr.jpg) no-repeat 50% bottom;
  background-size: 100% auto;
  position:relative;
  bottom:-1px;
}
#group_prof .detail_txt,
#info_group .detail_txt,
#detail_group .detail_txt,
#rhythm_group .detail_txt{
  width: 85%;
  margin:0 auto;
  padding: 3% 0 0;
  text-align: justify;
}
#group_prof  h4{
  width: 97%;
  margin: 20px auto;
}
#group_prof .detail_txt p,
#info_group .detail_txt p,
#detail_group .detail_txt p,
#rhythm_group .detail_txt p,
#rhythm_group .detail_txt dl{
  font-size: 1.1em;
  line-height: 1.5em;
}
#group_prof .detail_txt p,
#info_group .detail_txt p,
#detail_group .detail_txt p,
#rhythm_group .detail_txt p{
  margin: 3% 0 0;
}
#group_prof .detail_txt p:first-child,
#info_group .detail_txt p:first-child,
#detail_group .detail_txt p:first-child,
#rhythm_group .detail_txt p:first-child{
  margin: 0;
}
.disp_pc #feature .detail_txt P {
  bottom: 5%;
}
/*--------------------*
#info_group
*--------------------*/
#info_group,
#detail_group,
#tensei_group,
#rhythm_group{
  margin: 0 auto 5%;
}
#info_group h2{
  margin: 0;
}
#info_group h3{
  text-align: center;
  margin: 0 auto 5%;
}

#info_group h3 .info_line{
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", Meiryo, serif;
  background: linear-gradient(transparent 60%, #FEF495 30%);
  font-size: 3em;
  padding: 0 2%;
}
.disp_sp #info_group h3 .info_line{
  font-size: 1.6em;
}
#info_group h3 .info_color{
  color: #3B1B8F;
}
.disp_sp #info_group .detail_txt{
  padding: 5% 0 0;
}

#info_group .detail_txt .info_lead{
  font-weight: bold;
  font-size: 1.4em;
  margin: 2% 0;
}
.disp_sp #info_group .detail_txt .info_lead{
  font-size: 1.1em;
  margin: 6% 0;
  line-height: 1.4;
}
#info_group .detail_txt .tensei_link{
  text-align: right;
  position: relative;
  padding: 0 4% 0 0;
}
#info_group .detail_txt .tensei_link::after{   content: '';
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border-top: solid 1px #B20D4F;
  border-right: solid 1px #B20D4F;
  transform: rotate(135deg);
  position: absolute;
  top: 50%;
  right: 0;
}
#info_group .detail_txt .tensei_link:last-child{
  margin: 1% 0 0;
}
#info_group .detail_txt p a{
  color: #B20D4F;
}
/*--------------------*
#rhythm_group
*--------------------*/
#rhythm_group h3{
  margin: 5% 0 0;
}
#rhythm_group h3 span {
  background: linear-gradient(transparent 60%, #FEF495 30%);
  font-size: 1.5em;
  padding: 0 2%;
}
.disp_sp #rhythm_group h3 span {
  font-size: 1.3em;
}
#rhythm_group dl{
  padding: 3% 0 0 ;
}
#rhythm_group dl dt{
  margin: 3% 0 0;
  padding: 0 0 0 7%;
  background: url(../img/profile/rhythm_group/dot1.png) no-repeat left top / 32px 32px;
  line-height: 1.6;
}
.disp_sp #rhythm_group dl dt{
  background: url(../img/profile/rhythm_group/dot1.png) no-repeat left top / 26px 26px;
  padding: 0 0 0 10%;
  font-size: 0.9em;
}
#rhythm_group dl dd{
  padding: 0 0 0 7%;
  line-height: 1.6;
}
.disp_sp #rhythm_group dl dd{
  padding: 0 0 0 10%;
}
#rhythm_group .text_img{
  margin: 5% 0;
}
#rhythm_group .text_img p{
  font-size: 2.1em;
  color: #343434;
  text-shadow: 0px 0px 7px #fff,0px 0px 7px #fff,0px 0px 7px #fff,0px 0px 7px #fff,
               0px 0px 7px #fff,0px 0px 7px #fff,0px 0px 7px #fff,0px 0px 7px #fff,
               0px 0px 7px #fff,0px 0px 15px #fff,0px 0px 15px #fff,0px 0px 15px #fff;
  padding: 5% 3% 0 0;
  line-height: 1.5em;
  padding: 0;
  text-align: center;
}
.disp_sp #rhythm_group .text_img p{
  font-size: 1.2em;
  text-shadow: 0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,
               0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,
               0px 0px 5px #fff,0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff;
}
#rhythm_group .text_img p span{
  display: block;
}
#rhythm_group .text_img p .font_blue{
  display: inline;
  color: #3B1B8F;
  font-size: 1.3em;
}
/*--------------------*
#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);
}