/*
* top.css
*
*/
/* --------------------------------
   top
-------------------------------- */
.wf-hannari {
  font-family: "Hannari";
}

.wf-sawarabimincho {
  font-family: "Sawarabi Mincho";
}

.main_title {
  margin-bottom: 21.875vw;
  padding: 10.9375vw 0 0 0;
  text-align: center;
  letter-spacing: 0.075em;
  color: #fff; 
  font-size: 6.5625vw;
  line-height: 1.6;
}

.roastedOne {
  margin: 0 auto;
  padding: 0 6.25vw; 
  max-width: 960px;
}

.roastedOne_box {
  margin-bottom: 21.875vw; 
  padding: 6.25vw 0;
}

.roastedOne_box_title_sub {
  display: block;
  opacity: 0.5;
  margin-bottom: 1.5625vw;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
  font-family: "Montserrat", sans-serif; 
  font-size: 3.125vw;
}

.roastedOne_box_title {
  margin-bottom: 6.25vw;
  padding: 1px 0;
  background: linear-gradient(90deg, #141414 0%, #333 20%, #333 80%, #141414 100%); 
  text-align: center;
  letter-spacing: 0.1em;
  color: #fff;
  line-height: 1.8;
}
.roastedOne_box_title > span {
  display: block;
  padding: 3.90625vw 0;
  background-color: #141414;
}
.roastedOne_box_title > span > span {
  display: block; 
  text-align: center;
}

.roastedOne_box_title_main {
  font-size: 5.9375vw;
}

.roastedOne_box_title_name {
  font-size: 4.0625vw;
}

.roastedOne_box_title {
  font-size: 3.75vw;
}

.roastedOne_box_movieFrame iframe {
  display: block;
  border: none; 
  width: 100%;
  height: 50vw;
}