@charset "utf-8";
/* CSS Document */
.pistachio{
  background: #fff;
}
.pistachio .top_main {
  margin: 0 auto;
  position: relative;
}
.pistachio .top_main:before{
  content: "";
  display: block;
  background: url(/sweets/chocolate/almond/images/pistachio/pt_pistachio.png) repeat-x #fff;
  height: 40px;
  width: 100%;
}
.pistachio .top_main .top_inner{
  background: #fff; 
  padding: 20px 0 0;
  text-align: center;
}
.pistachio .top_main .top_inner h1:after{
  content: "";
  display: block;
  background: url(/sweets/chocolate/almond/images/pistachio/ttl_logo.png) no-repeat;
  height: 120px;
  width: 120px;
  position: absolute;
  bottom: 11%;
  right: calc(50% - 397px);
  background-size: contain;
}

.pistachio #pistachio_read{
  background: #529c4b;
  padding: 45px 0 47px;
  text-align: center;
}
.pistachio #pistachio_read h2{
  margin-bottom: 50px;
}
.pistachio #pistachio_read img{
  width: 100;
}

.pistachio #pistachio_himitsu{
  background: #fff;
  padding: 70px 0 90px;
  font-size: 1.1em;
}
.pistachio #pistachio_himitsu .himitsu_inner{
  width: 700px;
  margin: 0 auto;
}

.pistachio #pistachio_himitsu .himitsu_inner h2{
  text-align: center;
  margin: 0 0 40px 0;
}
.pistachio #pistachio_himitsu .himitsu_inner .himitsu_box{
  width: 100%;
}
.pistachio #pistachio_himitsu .himitsu_inner .himitsu_box.himitsu_box01 div{
  display: inline-block;
  width: 49%;
}
.pistachio #pistachio_himitsu .himitsu_inner .himitsu_box.himitsu_box01 div.notes{
  margin: 0.8em 18.75% 0;
  width: 441px;
}
.pistachio #pistachio_himitsu .himitsu_inner .himitsu_box .text_area p{
  line-height: 2.1em;
}
.pistachio #pistachio_himitsu .himitsu_inner .himitsu_box.himitsu_box01 .movie{
  display: inline-block;
  width: 100%;
  text-align: center;
}
.pistachio #pistachio_himitsu .movie a{
  margin: 23px 0 0 0;
  display: inline-block;
  cursor: pointer;
}
.pistachio #pistachio_himitsu .movie a figure {
  margin: 0;
}

.pistachio #pistachio_himitsu .himitsu_inner .himitsu_box.himitsu_box01,
.pistachio #pistachio_himitsu .himitsu_inner .himitsu_box.himitsu_box02{
  margin:63px 0 0 0;
}
.pistachio #pistachio_himitsu .himitsu_inner .himitsu_box .text_area{
  width: 44%;
  display: inline-block;
  vertical-align: top;
}
.pistachio #pistachio_himitsu .himitsu_inner .himitsu_box .text_area h3{
  margin-bottom: 22px;
}
.pistachio #pistachio_himitsu .himitsu_inner .himitsu_box .text_area .text p{
  line-height: 2.2em !important;
}
.pistachio #pistachio_himitsu .himitsu_inner .himitsu_box .photo{
  display: inline-block;
  width: 55%;
  margin: -45px 0 0 0;
}

.pistachio #pistachio_himitsu .himitsu_inner .himitsu_box.himitsu_box03{
  margin-top: 10px;
  position: relative;
  padding: 0 0 300px 0;
}
.pistachio #pistachio_himitsu .himitsu_inner .himitsu_box.himitsu_box03 h3{
  text-align: center;
}
.pistachio #pistachio_himitsu .himitsu_inner .himitsu_box.himitsu_box03 .text_area{
  position: absolute;
  right: 0;
  top: 60px;
}
.pistachio #pistachio_himitsu .himitsu_inner .himitsu_box.himitsu_box03 .photo{
  position: absolute;
  left: -44px;
  top: 80px;
}


/* 動画 */
.pistachio .remodal {
  padding: 0;
  background: #000;
}
.pistachio .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.pistachio .embed-container iframe,
.pistachio .embed-container object,
.pistachio .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}