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

/*==============================================
共通
==============================================*/
.small {
  font-size: 0.9em;
}
/* 余白設定 */
.mg2 {
  margin-top: 2vw;
}
.mg3 {
  margin-top: 3vw;
}
.mg4 {
  margin-top: 4vw;
}
.mg5 {
  margin-top: 5vw;
}
.mg6 {
  margin-top: 6vw;
}
.bold {
  font-weight: bold;
}
#wrapper #content #contTop h2 {
  padding-top: 0px!important;
}
/*==============================================
イントロ
==============================================*/
.content__img {
  width: 2vw;
}
.intoro__img {
  margin: auto;
  width: 55%;
}
.intoro__info__img {
  width: 100%;
  margin: auto;
}
.intoro__box {
  display: flex;
  justify-content: space-evenly;
}
.intoro__img-tt {
  width: 99%;
}
.intoro__info {

}
.diamond {
  font-size: 1.3em;
  color: #493f74;
}
/*==============================================
カステラづくり体験
==============================================*/
.experience__ttl {
  position: relative;
  padding: 0.7em 2em;
  background: -moz-linear-gradient(to right, rgb(255, 124, 111), #ffc994);
  background: -webkit-linear-gradient(to right, rgb(255, 124, 111), #ffc994);
  background: linear-gradient(to right, rgb(38, 29, 72), #ffffff);
  color: white;
  width: 89%;
  font-size: 1.9em;
  margin: auto;
}
.experience {
  position: relative;
  margin-top: 15%;
}
.experience__img {
  position: absolute;
  top: -2%;
  left: 68%;
  width: 32%;
}
.experience__ttl-ss {
  font-size: 1.39em;
  font-weight: bold;
  text-align: center;
  border-radius: 0.9em;
  color: #000000;
  border: solid 2px #000000;
  padding: 0.3em;
  width: 50%;
  margin: 11% auto 1%;
}
.experience__ttl-ss-mg {
  font-size: 1.39em;
  font-weight: bold;
  text-align: center;
  border-radius: 0.9em;
  color: #000000;
  border: solid 2px #000000;
  padding: 0.3em;
  width: 50%;
  margin: 9% auto 1%;
}
.experience-top {
  display: flex;
  background: #fffeeb;
  padding: 0.1em;
}
.experience-top__txt {
  margin: auto;
  font-size: 1.1vw;
}
.experience-top__ttl {
  font-size: 1.1em;
}
/*===============
カステラづくり体験|生地づくり
=================*/
.experience-box {
  display: flex;
  flex-wrap: wrap;
  
}
.experience-box__img {
  max-width: 100%;
}
.experience-box__img-ss {
  max-width: 94.9%;
}
.experience-box__img-aa {
  max-width: 99%;
}
.experience-box__img-kk {
  max-width: 98%;
}
.experience-box li {
  width: 50%;
}
.experience-box p {
  padding: 2em;
}
.experience-pp p {
  padding: 3.3%;
}
.experience-pp02 p {
  padding: 5.7%;
}
/*==============================================
アクセス
==============================================*/
.access-box {
  margin: 2em 0;
  display: flex;
  
}
.access-box .access-box__ttl {
  font-size: 1.2em;
  background: #493f74;
  padding: 3%;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.access-box__txt {
  padding: 3% 2%;
  margin: 0;
  border-bottom: solid 2px #493f74;
  border-top: solid 2px #493f74;
  font-size: 2.3em;
  text-align: center;
  color: #493f74;
  width: 74%;
}
.access-box__txt span {
  font-size: 0.4em;
  color: #493f74;
}
.access__img {
  width: 100%;
}
/*==============================================
カステラランドのご案内
==============================================*/
.info {
  margin-bottom: 9%;
}
.info-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.info-box li {
  width: 24%;
}
.info-box__img {
  max-width: 98%;
}
.info-box::after{
  content:"";
  display: block;
  width:23%;
}
.info__ttl {
  font-size: 1.6em;
  font-weight: bold;
  text-align: center;
  border-radius: 0.6em;
  color: #ffffff;
  background-color: #493f74;
  padding: 0.3em;
  width: 75%;
  margin: 7% auto 5%;
}
.info__log {
  float: right;
  width: 7vw;
}
.info-dl {
  text-align: center;
  margin-top: 3em;
}
.info-dl__img {
  margin: auto;
}
/*==============================================
c2
==============================================*/

/*==============================================
c3
==============================================*/