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

/*==============================================
共通
==============================================*/
#wrapper #content {
    max-width: 100%!important;
    overflow: hidden!important;
}
html p {
  
}
.small {
  font-size: 0.7em;
}
/* 余白設定 */
.mg2 {
  margin-top: 2vw;
}
.mg3 {
  margin-top: 3vw;
}
.mg4 {
  margin-top: 4vw;
}
.mg5 {
  margin-top: 5vw;
}
.mg6 {
  margin-top: 6vw;
}
.bold {
  font-weight: bold;
}
.nav {
  margin-bottom: 0!important;
} 
/*==============================================
イントロ
==============================================*/
.content__img img {
  max-width: 100%
}
.intoro__img {
  margin: auto;
  width: 98%;
}
.intoro__box {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.intoro__box li {
  width: 48%;
  margin-bottom: 1em;
}
.intoro__img-tt {
  width: 99%;
}
.intoro__info p {
  font-size: 1.2em;
}
.diamond {
  font-size: 1.1em;
  color: #493f74;
  padding-right: 0.2em;
}
/*==============================================
カステラづくり体験
==============================================*/
.experience__ttl {
  position: relative;
  padding: 0.4em 0.69em;
  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);
  font-size: 1.3em;
  color: white;
  font-weight: bold;
  margin: auto;
}
.experience {
  position: relative;
  margin-top: 15%;
}
.experience__img {
  position: absolute;
  top: -0.9%;
  left: 62%;
  width: 38%;
}
.experience__ttl-ss {
  font-size: 0.99em;
  font-weight: bold;
  text-align: center;
  border-radius: 0.9em;
  color: #000000;
  border: solid 2px #000000;
  padding: 0.3em;
  width: 62%;
  margin: 5% 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: 81%;
  margin: 18% auto 1%;
}
.sec {
  margin-top: 3em;
}
.experience-top {
  background: #fffeeb;
  padding: 0.1em;
}
.experience-top__txt {
  margin: auto;
  font-size: 1.1vw;
  padding: 5%;
}
.experience-top__ttl {
  font-size: 4.3em;
  margin-top: 1em;
  font-weight: bold;
}
.experience-top__img {
  width: 100%;
}
/*===============
カステラづくり体験|生地づくり
=================*/
.experience-box {
  display: flex;
  flex-wrap: wrap;
  
}
.experience-box__img {
  max-width: 95%;
}
.experience-box__img-ss {
  max-width: 100%;
}
.experience-box__img-tt {
    max-width: 97%;
}
.experience-box li {
  width: 50%;
}
.experience-box p {
  padding: 0.1em 1.59em;
  font-size: 14px;
}
/*==============================================
アクセス
==============================================*/
.access-box {
  margin: 2em 0;
  display: flex;
  
}
.access-box .access-box__ttl {
  font-size: 1em;
  background: #493f74;
  padding-top: 8%;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  letter-spacing: 0.05em;
  width: 40%;
}
.access-box__txt {
  padding: 7% 2%;
  margin: 0;
  border-bottom: solid 2px #493f74;
  border-top: solid 2px #493f74;
  font-size: 1.4em;
  text-align: center;
  color: #493f74;
  width: 74%;
}
.access-box__txt span {
  font-size: 0.7em;
  color: #493f74;
}
.access__img {
  width: 100%;
}
/*==============================================
カステラランドのご案内
==============================================*/
.info {
  margin-bottom: 9%;
}
.info p{
  font-size: 0.8em;
}
.info-box {
  display: flex;
  flex-wrap: wrap;
}
.info-box li {
  width: 50%;
  position: relative;
  margin-bottom: 1em;
}
.info-box__img {
  max-width: 98%;
}
.info-box::after{
  content:"";
  display: block;
  width:23%;
}
.info__ttl {
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  border-radius: 0.6em;
  color: #ffffff;
  background-color: #493f74;
  padding: 0.4em;
  width: 75%;
  margin: 0% auto 5%;
}
.info__log {
  float: right;
  width: 66%;
  position: absolute;
  right: 0;
  top: 38px;
}
.info-dl-sp__img {
  max-width: 100%;
}
/*==============================================
c2
==============================================*/

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