@charset "UTF-8";

.concept {
  margin-bottom: 80px;
  overflow-x: hidden;
}
.concept img {
  border-radius: 30px;
}
.concept p {
  line-height: 2;
  margin-bottom: 40px;
  text-align: justify;
}

/*Primula-list.htmlに追加ここから*/
.primula-list {
  /*max-width: 80%;*/
  display: block;
  margin: 0 auto;
  padding: 0 20px;
}
.primula-list .content-top .title {
  font-size: 24px;
  text-align: center;
  margin: 0;
 /*margin: 90px 20px 0;*/ 
}
.primula {
  display: block;
  text-align: center;
  max-width: 80%;
  margin: 0 auto;

}
/*.primula-list .primula*/ .gakumei {
  font-size: 18px;
  text-align: left;
  padding-top: 10px;
  margin-bottom: 20px;
  line-height: 1.5;
 /*margin: 90px 20px 0;*/ 
}
/*.primula-list .primula*/ .gakumei a {
  color: #333;
  text-decoration: none;
}
/*.primula-list .primula*/ .gakumei a:hover {
  color: #e756c4;
  text-decoration: underline;
}
/*.primula-list .primula*/ .gakumei a:visited {
  color: #7b23e8;
  text-decoration: underline;
}
.variety {
  font-size: 20px;
  text-align: left;
  padding-top: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #333;
  border-left-width: 1.5ex;
  border-left-style: solid;
  border-left-color: #333;
  padding-left: 10px;
}
/*******primula-photo.cssにも.descriptionを使っているので別名とする*******/
.list-description {
  font-size: 16px;
  text-align: left;
  padding-top: 10px;
  margin-bottom: 20px;
  line-height: 1.5;
}
#primula-info  {
  max-width: 80%;
  padding-top: 20px;
  margin: 0 auto;
}

/*Primula-listに追加ここまで*/

/*-------------------------------------------
スマートフォン
-------------------------------------------*/
@media screen and (max-width: 767px) {

 /*Primula-listに追加ここから*/
.primula-list {
  display: block;
  text-align: center;
  max-width: 100%;
  /*margin: 90px 20px 0;*/ 
}
.primula-list .content-top .title {
  font-size: 20px;
 
 /*margin: 90px 20px 0;*/ 
}
/*.primula-list .primula*/ .gakumei {
  font-size: 11px;
  padding-top: 10px;
  margin-bottom: 20px;
  line-height: 2.0;
 /*margin: 90px 20px 0;*/ 
}
#primula-info  {
  max-width: 100%;
  padding: 0;
}
.primula {
  max-width: 100%;
}
.list-description {
  max-width: 100%;
}
/*Primula-listに追加ここまで*/ 
}