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

街角の奥様の実は・・・

**********************************************/
section {
  background:#b0ecff;
}
section p {
  
}
.mariya_wrap{
  background: url('../images/machikado/photo01.png') left top 55% no-repeat;
  background-size:100% auto;
  position:relative;
  margin-top: -15%;
}
.top_text {
  background: #fff;
  padding: 10px;
  margin: 0 15px;
  border-radius: 10px;
  font-size: 4vw;
}
.m_name {
  width: 57%;
  padding: 18% 0 0;
}
.m_name a{
  display: inline-block;
}
.n_text,.m_text {
  background: #fff;
  padding: 10px 10px 10px 25%;
  margin: 0 15px 10px;
  border-radius: 10px;
  box-sizing: border-box;
  position: relative;
  min-height: 20vw;
  font-size: 4vw;
}
.mariya_wrap .n_text {
  margin-top: 6%;
}
.m_text_wrap {
  background: url('../images/machikado/back-orange.jpg') left top repeat;
  background-size:auto 100%;
  position:relative;
  padding: 10px 15px;
  margin-bottom: 10px;
}
.img_wrap {
  padding: 0 0 10px;
}
.img_wrap_top {
  margin-bottom: 0;
}
.m_text {
  padding: 10px 25% 10px 10px;
  font-weight: bold;
  color: #AE1321;
  margin: 0 ;
}
.n_text:before {
  background: url(../images/machikado/icon-F.png) left top no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  width: 18vw;
  height: 18vw;
  top: -1vw;
  left: 2.5vw;
  position: absolute;
}
.m_text:before {
  background: url(../images/machikado/icon-M.png) left top no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  width: 18.5vw;
  height: 18.5vw;
  top: -2vw;
  right: 2.5vw;
  position: absolute;
  -webkit-filter: drop-shadow(1px 5px 2px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(1px 5px 2px rgba(0, 0, 0, 0.2));
}
.movie_area {
  background: url(../images/machikado/back-btm.png) center no-repeat;
  background-size:cover;
}
.main {
  padding-bottom: 0;
}
.movie_area div {
  padding: 10% 10px 40%;
}