/*/////////////////////////////////////////////////////////////////////////////////////////////////

 Section: Main

/////////////////////////////////////////////////////////////////////////////////////////////////*/

#mv { position: relative;}
#mv .mv-ttl img { 
  width: 38%;
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  margin-top: -16%;
}

/* [SP] */
@media screen and (max-width: 767px) {
  #mv .mv-ttl img { width: 80%; margin-top: -25%;}
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////

 Section: Profile

/////////////////////////////////////////////////////////////////////////////////////////////////*/

#profile .profile-item dl { 
  width: 460px; 
  position: absolute; top: 25px;
}
#profile .profile-item dt {
  padding-bottom: 10px;
  border-bottom: #D4CCBE 1px dotted;
  font-size: 24px; font-weight: bold;
  position: relative;
}
#profile .profile-item dt span { font-size: 75%;}
#profile .profile-item dt em {
  position: absolute; bottom: 5px;
  font-size: 12px; color: #D4CCBE;
}
#profile .profile-item dd {
  padding-top: 20px;
  line-height: 1.7;
}
#profile .profile-data ul { display: flex; flex-wrap: wrap; padding: 10px; border: #D4CCBE 1px dotted;}
#profile .profile-data li { margin-right: 15px; font-size: 11px; font-weight: 500; color: #6b3418;}
#profile .profile-data li span { padding-right: 5px; font-size: 10px; color: #D4CCBE;}

#profile .profile-item.dino { float: left; position: relative;}
#profile .profile-item.dino img { width: 360px; position: relative; z-index: 1;}
#profile .profile-item.dino dl { left: 200px;}
#profile .profile-item.dino dt { padding-left: 180px;}
#profile .profile-item.dino dt em { right: 0;}
#profile .profile-item.dino dd { padding-left: 180px;}

#profile .profile-item.senna { float: right; position: relative; margin-top: 250px;}
#profile .profile-item.senna img { width: 285px; position: relative; z-index: 1;}
#profile .profile-item.senna dl { right: 130px;}
#profile .profile-item.senna dt { padding-right: 180px; text-align: right;}
#profile .profile-item.senna dt em { left: 0;}
#profile .profile-item.senna dd { padding-right: 180px;}


/* [SP] */
@media screen and (max-width: 767px) {
  #profile .profile-item { float: none !important; text-align: center;}
  #profile .profile-item img { width: 70% !important;}
  #profile .profile-item dl { width: 100%; margin-top: 10px; position: static;}
  #profile .profile-item dt { padding: 0 0 15px !important; border: none; font-size: 18px; text-align: center !important;}
  #profile .profile-item dt em { display: block; padding-top: 8px; font-size: 10px; position: static;}
  #profile .profile-item dd { padding: 0 15px !important; text-align: left; line-height: 1.5;}
  #profile .profile-item.senna { margin-top: 30px;}
  #profile .profile-data ul { margin-top: 12px; padding: 5px;}
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////

 Section: NEWS

/////////////////////////////////////////////////////////////////////////////////////////////////*/

#news li { border-top: #D4CCBE 1px solid;}
#news li:last-child { border-bottom: #D4CCBE 1px solid;}
#news li a { display: flex; padding: 15px 0; position: relative;}
#news li a::after {
  content: "";
  display: block;
  width: 12px; height: 12px;
  border-bottom: #2D1B04 2px solid;
  border-right: #2D1B04 2px solid;
  position: absolute; top: 50%; right: 10px;
  transform: rotate(-45deg) translateY(-50%);
  transition: all 300ms;
}
#news li .news-img img { width: 180px; height: auto; transition: all 300ms;}
#news li .news-post { padding: 5px 100px 5px 30px;}
#news li .news-post .post-dt {
  display: block;
  padding-bottom: 5px;
  font-size: 12px; font-weight: 500; color: #D4CCBE;
}
#news li .news-post h2 {
  padding-bottom: 15px;
  font-size: 18px; font-weight: bold; line-height: 1.4;
}
#news li .news-post p { line-height: 1.6;}

/* [PC] Roll Over */
@media screen and (min-width:768px){
  #news li a:hover .news-img img { opacity: 0.7;}
  #news li a:hover::after { right: 0;}
}

/* [SP] */
@media screen and (max-width: 767px) {
  #news li a { padding: 10px 0;}
  #news li a::after { width: 8px; height: 8px; right: 0;}
  #news li .news-img img { width: 80px;}
  #news li .news-post { padding: 5px 25px 5px 15px;}
  #news li .news-post .post-dt { font-size: 10px;}
  #news li .news-post h2 { padding: 0; font-size: 14px;}
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////

 Section: HOW TO CUT

/////////////////////////////////////////////////////////////////////////////////////////////////*/

#howto .howto-items { display: flex; justify-content: space-between; margin-top: 60px;}
#howto .howto-item { width: 400px;}
#howto .howto-item h2 { text-align: center;}
#howto .howto-item h2 img { display: block; width: 100%; max-width: 280px; margin: 0 auto;}
#howto .howto-item h2 span {
  display: inline-block;
  padding: 2px 15px;
  margin-top: 5px;
  background: #2D1B04;
  border-radius: 999px;
  font-size: 12px; font-weight: bold; color: #fff;
  line-height: 1;
}
#howto .howto-item dt { margin-top: 30px; font-size: 22px; font-weight: bold;}
#howto .howto-item dt span { display: block; padding-bottom: 8px; font-size: 11px; color: #D4CCBE;}
#howto .howto-item dd { margin-top: 20px; line-height: 1.6;}


/* [SP] */
@media screen and (max-width: 767px) {
  #howto .howto-items { display: block; margin-top: 0;}
  #howto .howto-item { width: 100%; margin-top: 30px;}
  #howto .howto-item h2 span { font-size: 10px;}
  #howto .howto-item dt { margin-top: 20px; font-size: 18px;}
  #howto .howto-item dt span { padding-bottom: 5px; font-size: 10px;}
  #howto .howto-item dd { margin-top: 15px; line-height: 1.5;}
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////

 Section: Event

/////////////////////////////////////////////////////////////////////////////////////////////////*/

#event .info { margin-top: 40px; color: #D4CCBE; font-size: 24px; text-align: center;}