@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lato:Thin);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

.clearfix {
  zoom: 1;
  /* for IE5.5 - IE7 */
}

.clearfix:after {
  /* for modern browser */
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}

img {
  vertical-align: top;
  border-style: none;
}

@font-face {
  font-family: "YakuHanJPs";
  font-style: normal;
  font-weight: 700;
  src: url("../font/YakuHanJPs-Bold.woff") format("woff");
}
@font-face {
  font-family: "YakuHanJPs";
  font-style: normal;
  font-weight: 400;
  src: url("../font/YakuHanJPs-Regular.woff") format("woff");
}
@font-face {
  font-family: "YakuHanJPs";
  font-style: normal;
  font-weight: 300;
  src: url("../font/YakuHanJPs-Light.woff") format("woff");
}
/* Common LayOUT */
.top-line {
  position: fixed;
  height: 10px;
  top: 0;
  left: 0;
  background: #414141;
  z-index: 5;
  display: block;
  width: 100%;
}

#wrap {
  box-sizing: border-box;
  font-family: "YakuHanJPs", "Noto Sans JP";
  font-weight: 400;
  width: 100%;
  font-size: 16px;
  color: #060300;
  line-height: 1.8;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 768px) {
  #wrap {
    padding-top: 10px;
  }
}
#wrap .in_wrap, #wrap .in_wrapEN {
  width: 950px;
  margin: 0 auto;
}
@media screen and (max-width: 1240px) {
  #wrap .in_wrap, #wrap .in_wrapEN {
    width: 94%;
  }
}

@media screen and (max-width: 768px) {
  #wrap .in_wrap, #wrap .in_wrapEN {
    width: 92%;
  }
}
#wrap .in_wrap h2 {
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  color: #554834;
  margin-bottom: 20px;
}

#wrap .in_wrapEN h2 {
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  color: #554834;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  #wrap .in_wrap h2 {
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 1.5;
  }
  #wrap .in_wrap h2.days {
    font-size: 20px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  #wrap .in_wrapEN h2 {
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 1.5;
  }
  #wrap .in_wrapEN h2.days {
    font-size: 20px;
    margin-bottom: 0;
  }
}
#wrap .in_wrap h2 span {
  display: block;
  text-align: center;
  font-size: 18px;
}

#wrap .in_wrapEN h2 span {
  display: block;
  text-align: center;
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  #wrap .in_wrap h2 span {
    font-size: 15px;
  }
  #wrap .in_wrapEN h2 span {
    font-size: 15px;
  }
}
#wrap img {
  max-width: 100%;
  height: auto;
}

#wrap .head-title {
  height: 160px;
  background: url(../images/common/head-Bk.png) right 110px bottom 5px/250px auto no-repeat, url(../images/common/head-Bk-under.png) center center no-repeat;
  background-color: #EB5F5A;
  display: flex;
  align-items: center;
  min-width: 950px;
  width: 100%;
}
@media screen and (max-width: 1240px) {
  #wrap .head-title {
    min-width: auto;
    box-sizing: border-box;
    padding: 0 20px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 768px) {
  #wrap .head-title {
    min-width: 320px;
    height: 90px;
  }
}
#wrap .head-title p.page-title {
  font-size: 38px;
  margin-left: 80px;
  font-weight: 700;
  line-height: 1.2;
  color: #FFF;
  text-align: center;
}

#wrap .head-title p.page-title span {
  font-size: 0.8em;
}

@media screen and (max-width: 768px) {
  #wrap .head-title p.page-title {
    font-size: 20px;
    margin-left: 5%;
  }
}
#wrap .head-title .head-titleWrap {
  display: flex;
}

#wrap .head-title .head-titleWrap figure {
  width: 100px;
  margin-left: 30px;
}

@media screen and (max-width: 768px) {
  #wrap .head-title .head-titleWrap figure {
    width: 40px;
    margin-left: 15px;
  }
}
#wrap .head-title p.page-title.eng {
  font-size: 36px;
  line-height: 1.2;
  margin-left: 40px;
}

@media screen and (max-width: 768px) {
  #wrap .head-title p.page-title.eng {
    font-size: 20px;
    margin-left: 8px;
  }
}
#wrap .aiwffblock {
  background: #EB5F5A;
  margin-top: 80px;
  padding: 40px 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  color: #FFF;
  letter-spacing: 0;
  min-width: 950px;
}
@media screen and (max-width: 1240px) {
  #wrap .aiwffblock {
    min-width: auto;
    width: 100%;
    margin: 60px auto 0;
    padding: 40px 15px;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 768px) {
  #wrap .aiwffblock {
    width: 100%;
    min-width: auto;
    margin-top: 60px;
    padding: 30px 4%;
    display: block;
    box-sizing: border-box;
  }
}
#wrap .aiwffblock .aiwff_center {
  width: 388px;
  margin-right: 31px;
}
@media screen and (max-width: 1240px) {
  #wrap .aiwffblock .aiwff_center {
    width: 36%;
    margin-right: 4%;
  }
}

@media screen and (max-width: 768px) {
  #wrap .aiwffblock .aiwff_center {
    width: 100%;
    margin-right: 0;
  }
}
#wrap .aiwffblock .aiwff_center .ContactBtn a {
  width: 200px;
  padding: 3px 0;
  text-align: center;
  display: block;
  text-decoration: none;
  border: 1px solid #7E6C50;
  font-size: 18px;
  color: #7E6C50;
  box-sizing: border-box;
  background: #FFF;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  #wrap .aiwffblock .aiwff_center .ContactBtn a {
    font-size: 16px;
    width: 180px;
    margin: 0 auto;
  }
}
#wrap .aiwffblock .aiwff_center .ContactBtn a:hover {
  background: #7E6C50;
  color: #FFF;
  border-color: #FFF;
}

#wrap .aiwffblock .aiwff_center h3 {
  font-size: 18px;
  font-weight: 700;
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  #wrap .aiwffblock .aiwff_center h3 {
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.1em;
  }
}
#wrap .aiwffblock .aiwff_center .phoneNumber {
  font-size: 30px;
  margin: 0;
}

@media screen and (max-width: 768px) {
  #wrap .aiwffblock .aiwff_center .phoneNumber {
    text-align: center;
    font-size: 28px;
  }
}
#wrap .aiwffblock .aiwff_center .holiday {
  font-size: 14px;
  line-height: 1.7;
}

#wrap .aiwffblock .aiwff_center dl {
  font-size: 14px;
  line-height: 1.7;
  margin-top: 4px;
}

#wrap .aiwffblock .aiwff_right {
  width: 230px;
  margin-right: 31px;
  text-align: left;
}
@media screen and (max-width: 1240px) {
  #wrap .aiwffblock .aiwff_right {
    width: 26.5%;
    margin-right: 3%;
  }
}

@media screen and (max-width: 768px) {
  #wrap .aiwffblock .aiwff_right {
    width: 100%;
    margin-right: 0;
    margin-top: 20px;
  }
}
#wrap .aiwffblock .aiwff_right img {
  width: 200px;
}

@media screen and (max-width: 768px) {
  #wrap .aiwffblock .aiwff_right img {
    margin: 0 auto;
  }
}
#wrap .aiwffblock .aiwff_right .PublicInterestText {
  font-size: 14px;
  line-height: 1.7;
  margin-top: 10px;
}

#wrap .aiwffblock .TopGoogleMap {
  width: 270px;
}
@media screen and (max-width: 1240px) {
  #wrap .aiwffblock .TopGoogleMap {
    width: 30.5%;
  }
}

@media screen and (max-width: 768px) {
  #wrap .aiwffblock .TopGoogleMap {
    width: 100%;
    margin-top: 10px;
  }
}
.pc {
  display: block !important;
}

@media screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
}
.sp {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .sp {
    display: block !important;
  }
}
.tb {
  display: block !important;
}

@media screen and (max-width: 1024px) {
  .tb {
    display: none !important;
  }
}
.sp-lan {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .sp-lan {
    display: inline !important;
  }
}
#contents {
  width: calc(100% - 250px);
  margin-left: 250px;
}

@media screen and (max-width: 768px) {
  #contents {
    padding-top: 0;
    width: 100%;
    margin-left: 0;
  }
}
@media print {
  #contents {
    width: 100%;
    margin-left: 0;
  }
}
#contents p.en-top-txt {
  max-width: 850px;
  margin: 60px auto 0;
}

#contents .contact_bt a {
  display: block;
  box-sizing: border-box;
  width: 240px;
  height: 50px;
  border: 1px solid #e60012;
  padding-top: 15px;
  text-align: center;
  position: relative;
  margin: 70px auto 0;
  text-decoration: none;
  color: #FFF;
  transition-duration: 0.3s;
  background: #e60012;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  #contents .contact_bt a {
    margin: 40px auto 0;
    width: 220px;
  }
}
#contents .contact_bt a::after {
  content: url(../images/common/link_arrow_w.png);
  position: absolute;
  top: calc(50% - 9px);
  left: 0;
  transition-duration: 0.3s;
}

#contents .contact_bt a:hover {
  background: #FFF;
  color: #e60012;
}

#contents .contact_bt a:hover::after {
  content: url(../images/common/link_arrow_r.png);
  position: absolute;
  top: calc(50% - 9px);
  left: 202px;
}

@media screen and (max-width: 768px) {
  #contents .contact_bt a:hover::after {
    left: 182px;
  }
}
.btn {
  padding-bottom: 100px;
}

.pagetop {
  width: 60px;
  height: 60px;
  position: fixed;
  bottom: 40px;
  right: 40px;
  display: block;
  cursor: pointer;
}

.pagetop img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .pagetop {
    width: 40px;
    height: 40px;
    bottom: 20px;
    right: 20px;
  }
}
.pagetop:hover {
  opacity: 0.6;
}

.sp h2 {
  margin-top: 40px;
}

/* 協力
====================*/
section#CooperationCompany {
  margin-top: 30px;
  padding-bottom: 30px;
}

@media screen and (max-width: 768px) {
  section#CooperationCompany {
    padding-bottom: 0;
    margin-top: 40px;
  }
}
/*col padding打ち消し*/
section#CooperationCompany div.container {
  padding-left: 0px;
  padding-right: 0px;
}

/*col padding打ち消し*/
section#CooperationCompany h5 {
  padding-left: 0px;
  padding-right: 0px;
  border-top: 1px solid #df6a4e;
  border-bottom: 1px solid #df6a4e;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  font-size: 120%;
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  section#CooperationCompany h5 {
    font-size: 16px;
  }
}
/*col padding打ち消し*/
section#CooperationCompany img {
  padding-left: 6px;
  padding-right: 6px;
  margin-bottom: 12px;
  width: 220px;
}

@media screen and (max-width: 768px) {
  section#CooperationCompany img {
    padding-left: 0.5%;
    padding-right: 0.5%;
    margin-bottom: 10px;
    width: 48%;
  }
}
.searchblock {
  margin-top: 20px;
}

.searchblock #s {
  padding: 8px;
  width: 72%;
  box-sizing: border-box;
}

.searchblock #submit {
  width: 22%;
  padding: 7px;
  font-size: 0.8em;
  background: #825e3e;
  border: none;
  color: #FFF;
  cursor: pointer;
}

.search .search-result {
  margin-top: 60px;
}

.search .search-result li a {
  padding: 15px 0;
  display: block;
  border-bottom: 1px dotted #333;
  padding-left: 40px;
  text-decoration: none;
  color: #333;
  background: url(../images/common/search-icon.png) left center/30px auto no-repeat;
}

.search .search-result li a:hover {
  text-decoration: underline;
}

.search .page-content p {
  margin-top: 60px;
}

.search .search-form {
  margin: 40px auto 0;
}

.search .search-form .search-field {
  padding: 8px;
}

.search .search-submit {
  padding: 7px;
  font-size: 0.8em;
  background: #EB5F5A;
  border: none;
  cursor: pointer;
}

/* ヘッダー */
html, body {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
}

.languege {
  position: fixed;
  left: 80%;
  top: -1px;
  z-index: 99;
}

@media screen and (max-width: 768px) {
  .languege {
    display: none;
  }
}
@media print {
  .languege {
    position: absolute;
  }
}
.languege ul li {
  display: inline-block;
  margin-left: 10px;
}

.languege ul li a {
  font-size: 14px;
  display: block;
  padding: 0 10px 6px;
  background: #060300;
  color: #FFF;
  border-radius: 0 0 10px 10px;
  border: 1px solid #060300;
  text-decoration: none;
}

.languege ul li a:hover {
  background: #FFF;
  color: #060300;
}

.languege ul li:nth-of-type(2) a {
  background: #FFF;
  color: #060300;
}

.languege ul li:nth-of-type(2) a:hover {
  background: #060300;
  color: #FFF;
}

header {
  width: 100%;
  font-family: "YakuHanJPs", "Noto Sans JP";
}

@media screen and (max-width: 768px) {
  header nav {
    display: none;
    margin-top: 20px;
    overflow-y: scroll;
  }
}
header #header {
  padding: 45px 25px 20px;
  box-sizing: border-box;
  position: fixed;
  z-index: 9;
  width: 250px;
  height: 100vh;
  top: 0;
  left: 0;
  background: #fbf4ee;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

@media screen and (max-width: 768px) {
  header #header {
    height: auto;
    width: 100%;
    padding: 15px 4%;
  }
}
@media print {
  header #header {
    display: none;
  }
}
header #header::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width: 768px) {
  header #header .head_logo {
    width: 78%;
  }
}
@media screen and (max-width: 768px) {
  header #header nav {
    height: 80vh;
    overflow-y: auto;
    padding-bottom: 50px;
    -webkit-overflow-scrolling: touch;
  }
}
header #header nav .commercial-transaction a {
  color: #000;
  text-decoration: none;
  font-size: 12px;
  margin-bottom: 20px;
  display: block;
}

header #header nav .commercial-transaction a span {
  color: #554834;
}

header #header nav .commercial-transaction a:hover {
  text-decoration: underline;
}

header #header #gnav {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  header #header #gnav {
    margin-top: 0;
  }
}
header #header #gnav li {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 10px;
  color: #aaa;
  font-weight: 700;
  /*&:nth-of-type(3):hover:before {
    transform: rotate( 90deg );
  }
  &:nth-of-type(4):hover:before {
    transform: rotate( 90deg );
  }
  &:nth-of-type(5):hover:before {
    transform: rotate( 90deg );
  }
  &:nth-of-type(6):hover:before {
    transform: rotate( 90deg );
  }*/
}

@media screen and (max-width: 768px) {
  header #header #gnav li {
    font-size: 13px;
    margin-bottom: 8px;
    line-height: 1.4;
  }
}
header #header #gnav li:before {
  content: "≫";
  margin-right: 4px;
  font-size: 14px;
  display: inline-block;
}

header #header #gnav li a {
  text-decoration: none;
  letter-spacing: 0;
  color: #060300;
}

header #header #gnav li a:hover {
  text-decoration: underline;
}

header #header #gnav li .submenu {
  margin-top: 10px;
  border-top: 1px solid #CCC;
  padding-top: 8px;
}

header #header #gnav li .submenu .sub {
  line-height: 1.6;
  font-size: 13px;
  margin-left: 2em;
  text-indent: -1.2em;
  margin-bottom: 10px;
}

header #header #gnav li .submenu .sub:before {
  content: "・";
  margin-left: 1px;
}

@media screen and (max-width: 768px) {
  header #header #gnav li .submenu .sub {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 12px;
  }
}
header #header ul.header-btn {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  header #header ul.header-btn {
    margin-top: 20px;
  }
}
header #header ul.header-btn li a {
  background: #825e3e;
  padding: 8px;
  text-align: center;
  color: #FFF;
  margin-bottom: 15px;
  display: block;
  text-decoration: none;
  font-size: 14px;
  border: 1px solid #3e8574;
}

header #header ul.header-btn li a:hover {
  background: #FFF;
  color: #3e8574;
}

@media screen and (max-width: 768px) {
  header #header ul.header-btn li a {
    padding: 6px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  header #header ul.header-btn li:nth-of-type(1) a {
    width: 48%;
    display: inline-block;
    margin-right: 4%;
    box-sizing: border-box;
  }
  header #header ul.header-btn li:nth-of-type(2) a {
    width: 48%;
    display: inline-block;
    box-sizing: border-box;
  }
  header #header ul.header-btn li:nth-of-type(3) a {
    width: 48%;
    display: inline-block;
    margin-right: 4%;
    box-sizing: border-box;
  }
  header #header ul.header-btn li:nth-of-type(4) a {
    width: 48%;
    display: inline-block;
    box-sizing: border-box;
  }
}
header #header ul.header-btn li {
  display: inline;
}

@media screen and (max-width: 768px) {
  header {
    height: 104px;
  }
}
header h2 {
  text-align: left;
  font-size: 18px;
  font-weight: 700;
  color: #554834;
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  header h2 {
    display: none;
  }
}
header h2 span {
  font-size: 13px;
  margin-left: 10px;
  font-weight: 400;
}

header .textwidget {
  margin: 0 auto 0;
  box-sizing: border-box;
  padding: 10px;
  width: 100%;
  border: 1px solid #ccc;
  background: #FFF;
}

@media screen and (max-width: 768px) {
  header .textwidget {
    display: none;
    width: 90%;
    margin: 20px auto 0;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 768px) {
  .sp h2 {
    margin-left: 5%;
  }
}
.menu-trigger {
  display: none;
}

@media screen and (max-width: 768px) {
  .menu-trigger,
  .menu-trigger span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
  }
  .menu-trigger {
    position: absolute;
    width: 50px;
    height: 46px;
    right: 15px;
    top: 7px;
    padding: 10px;
    background-color: #060300;
  }
  .menu-trigger span {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 30px;
    height: 3px;
    background-color: #FFF;
    border-radius: 4px;
  }
  .menu-trigger span:nth-of-type(1) {
    top: 10px;
  }
  .menu-trigger span:nth-of-type(2) {
    top: 21px;
  }
  .menu-trigger span:nth-of-type(3) {
    top: auto;
    bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  header.en {
    height: 50px;
  }
}
.menu-trigger.active span:nth-of-type(1) {
  transform: translateY(11px) rotate(-45deg);
}

.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}

.menu-trigger.active span:nth-of-type(3) {
  transform: translateY(-11px) rotate(45deg);
}

/* FOOTER */
footer {
  width: 100%;
  background: #414141;
}

@media screen and (max-width: 768px) {
  footer {
    padding: 10px 0;
  }
}
footer .copyright {
  color: #FFF;
  text-align: center;
  padding: 10px 0;
  font-size: 13px;
  margin-top: 0 !important;
}

/* BUTTON LayOUT */
/*/////////////// NEWS //////////////////*/
.news strong {
  font-weight: 700;
}

.news h1 {
  height: 50px;
  font-size: 26px;
  color: #FFF;
  padding-left: 90px;
  background: url(../images/common/title-illust.png) left top/auto 100% no-repeat #825e3e;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin-top: 80px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .news h1 {
    margin-top: 50px;
    padding-left: 80px;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 1.4;
    font-size: 18px;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .news.en h1 {
    background: #E9C054;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.news.en h3 {
  font-weight: bold;
  font-size: 1.1em;
  margin-top: 20px;
}

.news.en ul {
  margin-top: 10px;
  line-height: 1.8;
  margin-left: 1em;
  text-indent: -1em;
}

.news .entrydata {
  width: 950px;
  margin: 0 auto;
}
@media screen and (max-width: 1240px) {
  .news .entrydata {
    width: 96%;
  }
}

@media screen and (max-width: 768px) {
  .news .entrydata {
    width: 92%;
  }
}
.news .entrydata dl {
  width: 900px;
  margin: 60px auto 80px;
  display: flex;
  flex-wrap: wrap;
  padding: 0 40px;
  box-sizing: border-box;
}
@media screen and (max-width: 1240px) {
  .news .entrydata dl {
    width: 94%;
  }
}

@media screen and (max-width: 768px) {
  .news .entrydata dl {
    width: 92%;
    margin: 40px auto 50px;
    padding: 0;
    display: block;
    font-size: 14px;
  }
}
.news .entrydata dl dt {
  width: 220px;
  padding: 12px 0;
  border-bottom: 1px solid #554834;
}
@media screen and (max-width: 1240px) {
  .news .entrydata dl dt {
    width: 24.5%;
  }
}

.news .entrydata dl dt span {
  display: inline-block;
  padding: 2px 10px;
  background: #BE0000;
  color: #FFF;
  font-size: 15px;
  margin-left: 20px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .news .entrydata dl dt span {
    font-size: 13px;
  }
}
@media screen and (max-width: 768px) {
  .news .entrydata dl dt {
    border-bottom: none;
    width: 100%;
    padding: 10px 0;
  }
}
.news .entrydata dl dd {
  width: 600px;
  padding: 12px 0;
  border-bottom: 1px solid #554834;
}
@media screen and (max-width: 1240px) {
  .news .entrydata dl dd {
    width: 75.5%;
  }
}

@media screen and (max-width: 768px) {
  .news .entrydata dl dd {
    padding: 0 0 10px 0;
    width: 100%;
  }
}
.news .entrydata dl dd a {
  color: #554834;
  text-decoration: none;
}

.news .entrydata dl dd a:hover {
  text-decoration: underline;
}

.news .entry {
  width: 900px;
  margin: 60px auto 80px;
  font-size: 18px;
  line-height: 2;
  /*//////////////////// 追加 /////////////////////////*/
}

@media screen and (max-width: 768px) {
  .news .entry {
    width: 100%;
    margin: 40px auto 50px;
    font-size: 15px;
    line-height: 1.8;
  }
}
.news .entry p.conpe_undertxt {
  font-size: 14px;
  margin: 50px 0 60px;
}

.news .entry h3.conpe-title {
  font-size: 28px;
  border-left: 10px solid #7E6C50;
  padding-left: 20px;
  margin-top: 50px;
  color: #7E6C50;
  line-height: 1;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .news .entry h3.conpe-title {
    margin-top: 40px;
    font-size: 22px;
    padding-left: 15px;
    border-left: 8px solid #7E6C50;
  }
}
.news .entry h4.AwardResult {
  font-size: 20px !important;
  font-weight: 500;
  margin-top: 40px !important;
}

@media screen and (max-width: 768px) {
  .news .entry h4.AwardResult {
    font-size: 18px !important;
    margin-top: 25px !important;
  }
}
.news .entry h4.AwardResult small {
  font-size: 16px;
  font-weight: 400;
  margin-left: 1.5em;
}

@media screen and (max-width: 768px) {
  .news .entry h4.AwardResult small {
    font-size: 14px;
    margin-left: 0.5em;
  }
}
.news .entry p.MovieTitle {
  font-size: 26px;
  font-weight: 700;
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .news .entry p.MovieTitle {
    font-size: 20px;
  }
}
.news .entry p.MovieTitle small {
  font-size: 0.7em;
  margin-left: 1em;
}

@media screen and (max-width: 768px) {
  .news .entry p.MovieTitle small {
    font-size: 0.8em;
  }
}
.news .entry p.MovieTitle span {
  margin-left: 3em;
  font-size: 0.7em;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .news .entry p.MovieTitle span {
    margin-left: 0;
    font-size: 0.8em;
    display: block;
  }
}
.news .entry p.link-detail {
  margin-top: 60px;
}

/*/////////////// 固定ページ //////////////////*/
@media screen and (max-width: 1240px) {
  .page #wrap #contents .in_wrap {
    margin: 0 auto;
    width: 94%;
  }
}
.page .movie-wrap {
  display: flex;
  justify-content: space-between;
  margin: 60px auto 0;
  width: 800px;
}

.index .movie-wrap .panf {
  width: 18%;
}

@media screen and (max-width: 768px) {
  .index .movie-wrap .panf {
    width: 60%;
    margin: 0 auto;
  }
}
.index .movie-wrap .movie-block {
  width: 37%;
}

@media screen and (max-width: 768px) {
  .index .movie-wrap .movie-block {
    width: 100%;
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .index .movie-wrap .movie-block p {
    font-size: 0.85em;
    margin-top: 10px;
  }
}
.index .movie-wrap .aiwff_friend-panf {
  width: 300px;
  text-align: center;
  margin: 0 auto;
}

.page .movie-wrap .aiwff_friend-panf img {
  width: 200px;
  height: auto;
}

.page .movie-wrap .aiwff_friend-panf a {
  text-decoration: none;
  color: #333;
}

.page .movie-wrap .aiwff_friend-panf a:hover {
  opacity: 0.6;
  text-decoration: underline;
}

.page .movie-wrap .panf {
  width: 200px;
}

@media screen and (max-width: 768px) {
  .page .movie-wrap .panf {
    width: 60%;
  }
}
.page .movie-wrap .panf a {
  text-decoration: none;
}

.page .movie-wrap .panf a:hover {
  opacity: 0.6;
  text-decoration: underline;
}

.page .movie-wrap .panf a p {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  color: #060300;
}

.page .movie-wrap .movie-top {
  width: 100%;
  position: relative;
  padding-bottom: 32%;
  height: 0;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .page .movie-wrap .movie-top {
    width: 100%;
    height: auto;
    margin-top: 20px;
    padding-bottom: 56.25%;
  }
}
.page .movie-wrap .movie-top iframe {
  /*position: absolute;*/
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.page .law-btn a {
  width: 450px;
  margin: 80px auto 0;
  padding: 8px 0;
  border: 1px solid #666;
  display: block;
  text-decoration: none;
  text-align: center;
  color: #666;
}

.page .law-btn a:hover {
  background: #666;
  color: #FFF;
}

.page h3.Contact-information span {
  padding: 6px 20px;
  display: inline-block;
  background-color: #d8d8d8;
}

.page h4.pp-title {
  font-weight: 700;
  margin-top: 80px !important;
}

.page .law-table {
  width: 100%;
  border-left: 1px solid #999;
  border-top: 1px solid #999;
}

.page .law-table th {
  width: 30%;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  background: #E3F2EE;
  padding: 10px;
}

.page .law-table td {
  width: 70%;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  padding: 10px;
}

.page .tiket-win {
  padding: 60px 50px 0;
}

@media screen and (max-width: 768px) {
  .page .tiket-win {
    padding: 40px 0 0;
  }
}
.page .tiket-win p {
  margin-bottom: 20px;
}

.page .tiket-win dl {
  width: 40%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  padding-top: 30px;
}

@media screen and (max-width: 768px) {
  .page .tiket-win dl {
    font-size: 14px;
    width: 82%;
  }
}
.page .tiket-win dl dt {
  width: 65%;
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 1.3em;
}

.page .tiket-win dl dd {
  width: 35%;
  margin-bottom: 15px;
  font-size: 1.1em;
}

.page h1 {
  height: 50px;
  font-size: 24px;
  color: #FFF;
  padding-left: 90px;
  background: url(../images/common/title-illust.png) left top/auto 100% no-repeat #825e3e;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin-top: 80px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .page h1 {
    margin-top: 50px;
    padding-left: 80px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 10px;
    line-height: 1.4;
    font-size: 17px;
    height: auto;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 768px) {
  .page #entry-content {
    margin-top: 40px;
  }
}
.page #entry-content p.volunteerCatchCopy {
  margin-top: 40px;
}

.page #entry-content .volunteerInfo dt.title {
  font-size: 20px;
  font-weight: 700;
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .page #entry-content .volunteerInfo dt.title {
    font-size: 16px;
    margin-top: 20px;
  }
}
.page #entry-content .volunteerInfo dd {
  margin-left: 2em;
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .page #entry-content .volunteerInfo dd {
    letter-spacing: 0.05em;
    font-size: 15px;
    line-height: 1.6;
    margin-left: 1.5em;
  }
}
.page #entry-content .volunteerInfo dd small {
  font-size: 0.9em;
}

.page #entry-content #map {
  display: flex;
  justify-content: space-between;
  padding: 15px;
  border: 1px solid #666;
  border-radius: 12px;
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .page #entry-content #map {
    display: block;
    padding: 12px;
    margin-top: 30px;
    font-size: 15px;
  }
}
.page #entry-content #map dt {
  width: 48%;
}

@media screen and (max-width: 768px) {
  .page #entry-content #map dt {
    width: 100%;
  }
}
.page #entry-content #map dd {
  width: 48%;
}

@media screen and (max-width: 768px) {
  .page #entry-content #map dd {
    width: 100%;
  }
  .page #entry-content #map dd img {
    display: block;
    margin-top: 10px;
  }
}
.page #entry-content #map p.title {
  font-weight: 700;
}

.page #entry-content #map p.mapcopy {
  margin-top: 10px;
}

.page #entry-content .Indent1em {
  margin-left: 1em;
  text-indent: -1em;
  /*li {
          margin-left: 5.5em;
          text-indent: -5.5em;
      }*/
}

.page #entry-content p.mbsp {
  margin-bottom: 40px;
}

.page #entry-content br.sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .page #entry-content br.sp {
    display: block;
  }
}
.page #entry-content .block {
  margin-left: 24px;
}

.page #entry-content h4 {
  margin-top: 20px;
  font-size: 18px;
}

.page #entry-content ul.tickets-guide {
  margin-top: 10px;
}

.page #entry-content ul.tickets-guide li {
  font-size: 15px;
  display: block;
  margin: 0 1em 10px;
}

.page #entry-content ul.tickets-guide li:before {
  content: "●";
  font-size: 0.8em;
  color: #666;
  margin-right: 0.5em;
}

.page #entry-content .aisatsu {
  margin: 60px auto 0;
  border: 5px solid #ddd;
  padding: 20px 30px;
  font-size: 16px;
  line-height: 1.75;
  box-sizing: border-box;
  border-radius: 15px;
  width: 90%;
}

@media screen and (max-width: 768px) {
  .page #entry-content .aisatsu {
    width: 100%;
    padding: 15px 20px;
    font-size: 15px;
  }
}
.page #entry-content h2.comment {
  text-align: left;
  font-size: 20px;
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .page #entry-content h2.comment {
    font-size: 18px;
    margin-top: 50px;
  }
}
.page #entry-content h2.comment span {
  color: #825e3e;
  margin-right: 0.25em;
  display: inline;
}

.page #entry-content .comment-txtUP {
  font-size: 16px;
  line-height: 1.75;
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .page #entry-content .comment-txtUP {
    font-size: 15px;
    line-height: 1.6;
    margin-top: 30px;
  }
}
.page #entry-content .comment-txt {
  font-size: 16px;
  line-height: 1.75;
}

@media screen and (max-width: 768px) {
  .page #entry-content .comment-txt {
    font-size: 15px;
  }
}
.page #entry-content .rightTxt {
  margin-top: 15px;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .page #entry-content .rightTxt {
    font-size: 14px;
  }
}
.page #entry-content h4 {
  font-size: 18px;
  font-weight: bold;
  margin: 40px 0 0;
}

@media screen and (max-width: 768px) {
  .page #entry-content h4 {
    font-size: 16px;
    margin: 40px 0 0;
  }
}
.page #entry-content .ambassador-txt {
  margin: 15px 5% 0;
  line-height: 1.6;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .page #entry-content .ambassador-txt {
    font-size: 15px;
    margin: 15px 0 0;
  }
}
.page #entry-content .ambassador-img {
  margin: 20px auto 0;
  max-width: 90%;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .page #entry-content .ambassador-img {
    display: block;
  }
}
.page #entry-content .ambassador-img li {
  width: 31%;
}

@media screen and (max-width: 768px) {
  .page #entry-content .ambassador-img li {
    width: 100%;
    margin-bottom: 20px;
  }
  .page #entry-content .ambassador-img li:last-of-type {
    margin-bottom: 0;
  }
}
.page #entry-content .ambassador-img li .ambassador-note-r {
  font-size: 12px;
  line-height: 1.5;
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .page #entry-content .ambassador-img li .ambassador-note-r {
    font-size: 11px;
    line-height: 1.4;
  }
}
.page #entry-content .txt-imgWrap {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .page #entry-content .txt-imgWrap {
    display: block;
  }
}
.page #entry-content .txt-imgWrap .film-director {
  width: 36%;
}

@media screen and (max-width: 768px) {
  .page #entry-content .txt-imgWrap .film-director {
    width: 60%;
    margin: 0 auto;
  }
}
.page #entry-content .txt-imgWrap .ProfileTxt {
  width: 60%;
  font-size: 16px;
  line-height: 1.75;
  margin-top: 12px;
}

@media screen and (max-width: 768px) {
  .page #entry-content .txt-imgWrap .ProfileTxt {
    width: 100%;
    font-size: 15px;
    line-height: 1.6;
    margin-top: 35px;
  }
}
.page #entry-content .txt-imgWrap .ProfileTxt strong {
  display: block;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

.page #entry-content .txt-imgWrap .ProfileTxt strong span {
  position: relative !important;
  display: inline-block;
}

.page #entry-content .txt-imgWrap .ProfileTxt strong span:first-of-type:before {
  content: "みしま";
  position: absolute;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 0.2em;
  top: -16px;
  left: calc(50% - 18px);
  white-space: nowrap;
}

.page #entry-content .txt-imgWrap .ProfileTxt strong span:nth-of-type(2):before {
  position: absolute;
  content: "ゆきこ";
  position: absolute;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 0.2em;
  top: -16px;
  left: calc(50% - 18px);
  white-space: nowrap;
}

.page #entry-content .list {
  display: flex;
  width: 86%;
  margin: 60px auto 0;
  background-color: #F6F6F6;
  padding: 20px;
  border-radius: 15px;
}

@media screen and (max-width: 768px) {
  .page #entry-content .list {
    display: block;
    width: 100%;
    margin: 40px auto 0;
    padding: 15px;
    box-sizing: border-box;
  }
}
.page #entry-content .list li {
  box-sizing: border-box;
  padding: 0 40px;
}

@media screen and (max-width: 768px) {
  .page #entry-content .list li {
    padding: 0;
  }
}
.page #entry-content .list li:first-of-type {
  border-right: 1px solid #aaa;
  margin-bottom: 25px;
}

@media screen and (max-width: 768px) {
  .page #entry-content .list li:first-of-type {
    border-right: none;
    border-bottom: 1px solid #aaa;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.page #entry-content .list li h3 {
  font-weight: bold;
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .page #entry-content .list li h3 {
    font-size: 16px;
  }
}
.page #entry-content .list li h3 span {
  color: #ccc;
}

.page #entry-content .list li p {
  font-size: 16px;
  margin-top: 10px;
  line-height: 1.75;
}

@media screen and (max-width: 768px) {
  .page #entry-content .list li p {
    font-size: 13px;
    margin-top: 5px;
  }
}
.page.en .en_aboutInfo {
  margin-top: 50px;
}

.page.en .en_aboutInfo dt {
  border-bottom: 1px solid #7E6C50;
  padding: 5px 0;
}

.page.en .en_aboutInfo dt h4 {
  font-size: 20px;
  font-weight: bold;
}

.page.en .en_aboutInfo dd {
  padding: 5px 0;
}

.page.en h4.en_aboutTitle {
  margin-top: 50px !important;
  font-size: 20px;
  font-weight: bold;
  padding: 0 0 5px;
  border-bottom: 1px solid #7E6C50;
}

.page.en p.pt05 {
  padding-top: 5px !important;
}

.page.en p.indent1 {
  text-indent: -1.5em;
  margin-left: 2.5em;
}

.page.en p.indent2 {
  text-indent: -1.5em;
  margin-left: 3.5em;
}

@media screen and (max-width: 768px) {
  .page.en h1 {
    background: #EB5F5A;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.page #listingInfo {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 40px;
  border: 1px solid #EB5F5A;
  border-radius: 20px;
  width: 100%;
  margin: 60px auto 80px;
  font-size: 15px;
}

@media screen and (max-width: 768px) {
  .page #listingInfo {
    display: block;
    padding: 20px;
    border-radius: 10px;
    margin: 40px auto;
    font-size: 14px;
  }
}
.page #listingInfo h3 {
  /*background: url(../images/page/applicants.png) right top/auto 100% no-repeat #EB5F5A;*/
  color: #FFF;
  background-color: #EB5F5A;
  padding: 8px 0 8px 20px;
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .page #listingInfo h3 {
    font-size: 16px;
  }
}
.page #listingInfo p {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .page #listingInfo p {
    margin-top: 15px;
  }
}
.page #listingInfo .listingLeft {
  width: 46%;
}

@media screen and (max-width: 768px) {
  .page #listingInfo .listingLeft {
    width: 100%;
  }
}
.page #listingInfo .listingLeft p a {
  display: block;
  font-weight: 700;
  text-align: center;
  font-size: 16px;
letter-spacing: 0;
  width: 100%;
  padding: 8px 0;
  position: relative;
  border: 2px solid #EB5F5A;
  text-decoration: none;
  color: #EB5F5A;
  border-radius: 5px;
}

@media screen and (max-width: 768px) {
  .page #listingInfo .listingLeft p a {
    font-size: 16px;
  }
}
.page #listingInfo .listingLeft p a:hover {
  background: #EB5F5A;
  color: #FFF;
}

.page #listingInfo .listingLeft p a.application {
  background: #FFFFFF;
  border: 2px solid #EB5F5A;
}

.page #listingInfo .listingLeft p a.application:hover {
  background: #EB5F5A;
  color: #FFF;
}

.page #listingInfo .listingRight {
  width: 46%;
}

@media screen and (max-width: 768px) {
  .page #listingInfo .listingRight {
    width: 100%;
    margin-top: 20px;
  }
}
.page .TextStyle1 {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .page .TextStyle1 {
    margin-top: 40px;
  }
}
.page table {
  width: 900px;
  margin: 60px auto 80px;
}

@media screen and (max-width: 768px) {
  .page table {
    width: 100%;
    font-size: 14px;
    line-height: 1.8;
  }
}
.page table tr {
  margin-bottom: 10px;
}

.page table tr th {
  width: 13%;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .page table tr th {
    width: 23%;
  }
}
.page .application-requirements {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .page .application-requirements {
    margin-top: 40px;
  }
}
.page .application-requirements h3 {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .page .application-requirements h3 {
    font-size: 20px;
  }
}
.page .application-requirements .designContestInfo {
  margin-top: 40px;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .page .application-requirements .designContestInfo {
    margin-top: 30px;
    line-height: 1.8;
  }
}
.page .application-requirements .designContestInfo dt {
  font-size: 18px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .page .application-requirements .designContestInfo dt {
    font-size: 16px;
  }
}
.page .application-requirements .designContestInfo dt small {
  font-size: 0.6em;
  position: relative;
  bottom: 6px;
}

.page .application-requirements .designContestInfo dt .small-note {
  font-size: 0.75em;
  font-weight: 400;
}

.page .application-requirements .designContestInfo dd {
  font-size: 16px;
  margin-bottom: 15px;
  margin-top: 5px;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 768px) {
  .page .application-requirements .designContestInfo dd {
    font-size: 14px;
  }
}
.page .application-requirements .designContestInfo dd span.indent {
  display: block;
  text-indent: -5.25em;
  margin-left: 5.25em;
}

.page .application-requirements .designContestInfo dd ul li {
  margin-left: 2em;
  text-indent: -1em;
}

@media screen and (max-width: 768px) {
  .page .application-requirements .designContestInfo dd ul li {
    margin-left: 1em;
    text-indent: -1em;
  }
}
.page .application-requirements .designContestInfo dd .Indent1em {
  margin-bottom: 10px;
}

.page .application-requirements .award-wrap {
  display: flex;
  margin-top: 20px;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .page .application-requirements .award-wrap {
    display: block;
  }
}
.page .application-requirements .award-wrap figure.left {
  width: 380px;
}

@media screen and (max-width: 768px) {
  .page .application-requirements .award-wrap figure.left {
    width: 45%;
    margin: 0 auto;
  }
}
.page .application-requirements .award-wrap figure.left img {
  max-width: 100%;
  height: auto;
}

.page .application-requirements .award-wrap .right {
  width: 520px;
}

@media screen and (max-width: 768px) {
  .page .application-requirements .award-wrap .right {
    width: 100%;
  }
}
.page .application-requirements .award-wrap .right .designContestInfo {
  margin-top: 0;
}

.page .application-requirements .award-wrap .right .designContestInfo dd span {
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .page .application-requirements p {
    font-size: 14px;
  }
}
.page .application-requirements .best-award h2 {
  font-size: 20px !important;
  letter-spacing: 0;
}

.page .application-requirements2 {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .page .application-requirements2 {
    margin-top: 40px;
  }
}
.page .application-requirements2 h3 {
  font-size: 24px;
  font-weight: 700;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .page .application-requirements2 h3 {
    font-size: 20px;
  }
}
.page .application-requirements2 h4 {
  font-size: 20px !important;
  font-weight: 700;
  text-align: left;
  margin-top: 60px !important;
}

.page .application-requirements2 h4 span {
  font-size: 0.8em;
  font-weight: 400;
  margin-left: 0.5em;
}

@media screen and (max-width: 768px) {
  .page .application-requirements2 h4 {
    font-size: 16px !important;
    margin-top: 30px !important;
  }
}
@media screen and (max-width: 768px) {
  .page .application-requirements2 p {
    font-size: 15px;
    margin-top: 20px;
  }
}
.page .application-requirements2 .bt-wrap {
  display: flex;
  justify-content: space-between;
  margin: 30px auto 0;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .page .application-requirements2 .bt-wrap {
    display: block;
    width: 100%;
  }
  .page .application-requirements2 .bt-wrap .spwrap {
    margin: 0 auto 20px;
  }
}
.page .application-requirements2 ul.list {
  padding-left: 2em;
}

.page .application-requirements2 ul.list li {
  list-style: circle;
}

.page .application-requirements2 ul.privilege {
  display: flex;
  justify-content: space-between;
  padding-left: 1em;
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .page .application-requirements2 ul.privilege {
    display: block;
    padding-left: 0;
  }
}
.page .application-requirements2 ul.privilege li {
  width: 290px;
  padding: 20px;
  border: 1px solid #EB5F5A;
  box-sizing: border-box;
  border-radius: 12px;
}

@media screen and (max-width: 768px) {
  .page .application-requirements2 ul.privilege li {
    width: 100%;
    padding: 15px;
    margin-bottom: 25px;
  }
}
.page .application-requirements2 ul.privilege li p.title {
  padding: 6px 10px;
  text-align: center;
  font-size: 20px;
  color: #FFF;
  background: #EB5F5A;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .page .application-requirements2 ul.privilege li p.title {
    font-size: 18px;
  }
}
.page .application-requirements2 ul.privilege li p.detail {
  margin-top: 20px;
  font-size: 16px;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .page .application-requirements2 ul.privilege li p.detail {
    font-size: 15px;
  }
}
.page .archive-f {
  display: flex;
  flex-wrap: wrap;
  margin: 60px auto 80px;
  width: 900px;
}
@media screen and (max-width: 1240px) {
  .page .archive-f {
    width: 96%;
  }
}

@media screen and (max-width: 768px) {
  .page .archive-f {
    margin: 40px auto 50px !important;
    width: 100%;
  }
}
.page .archive-f li {
  width: 30%;
  border-bottom: 1px solid #d8d8d8;
  margin-right: 5%;
}

@media screen and (max-width: 768px) {
  .page .archive-f li {
    width: 100%;
    margin-right: 0;
  }
}
.page .archive-f li a {
  display: block;
  font-size: 18px;
  color: #060300;
  text-decoration: none;
  padding: 15px 0;
  text-align: center;
  font-weight: 700;
  background: url(../images/page/arrow.png) right 10px center/8px auto no-repeat;
}

@media screen and (max-width: 768px) {
  .page .archive-f li a {
    font-size: 16px;
    padding: 12px 0;
  }
}
.page .archive-f li a:hover {
  background-color: #efefef;
}

.page .archive-f li:nth-of-type(3n) {
  margin-right: 0;
}

.page .archive-f li:last-of-type {
  margin-right: 0;
  width: 65%;
}

@media screen and (max-width: 768px) {
  .page .archive-f li:last-of-type {
    width: 100%;
  }
}
.page .sitemap {
  width: 900px;
  margin: 60px auto 80px;
}
@media screen and (max-width: 1240px) {
  .page .sitemap {
    width: 96%;
  }
}

@media screen and (max-width: 768px) {
  .page .sitemap {
    width: 100%;
    margin: 40px auto 50px;
  }
}
.page .sitemap li {
  margin-bottom: 15px;
  font-size: 18px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .page .sitemap li {
    font-size: 15px;
  }
}
.page .sitemap li.second {
  padding-left: 4em;
}

.page .sitemap li.second:before {
  content: "";
  width: 45px;
  height: 30px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  position: absolute;
  top: -12px;
  left: 1em;
  display: block;
}

@media screen and (max-width: 768px) {
  .page .sitemap li.second:before {
    width: 38px;
    height: 26px;
  }
}
.page .sitemap li.thrid {
  padding-left: 8em;
}

.page .sitemap li.thrid:before {
  content: "";
  width: 45px;
  height: 30px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  position: absolute;
  top: -12px;
  left: 5em;
  display: block;
}

@media screen and (max-width: 768px) {
  .page .sitemap li.thrid:before {
    width: 38px;
    height: 26px;
  }
}
.page .sitemap li.fourth {
  padding-left: 12em;
}

.page .sitemap li.fourth:before {
  content: "";
  width: 45px;
  height: 30px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  position: absolute;
  top: -12px;
  left: 9em;
  display: block;
}

@media screen and (max-width: 768px) {
  .page .sitemap li.fourth:before {
    width: 38px;
    height: 26px;
  }
}
.page .sitemap li a {
  color: #060300;
  text-decoration: none;
}

.page .sitemap li a:hover {
  text-decoration: underline;
}

.page .ticketVenue {
  width: 900px;
  margin: 80px auto 80px;
}

@media screen and (max-width: 768px) {
  .page .ticketVenue {
    width: 100%;
    margin: 40px auto 50px;
  }
}
.page .ticketVenue ul {
  display: flex;
  justify-content: space-between;
}

.page .ticketVenue ul li {
  margin-bottom: 15px;
  list-style: none !important;
}

.page .ticketVenue ul li a {
  color: #060300;
  text-decoration: none;
  padding: 12px;
  width: 267px;
  display: block;
  text-align: center;
  font-size: 16px;
  border: 1px solid #7E6C50;
  box-sizing: border-box;
  position: relative;
  letter-spacing: 0;
}

.page .ticketVenue ul li a:hover {
  background: #7E6C50;
  color: #FFF;
}

@media screen and (max-width: 768px) {
  .page .ticketVenue ul li a {
    width: 100%;
    margin-bottom: 20px;
  }
}
.page .ticketVenue ul li a:after {
  content: "≫";
  position: absolute;
  font-size: 0.8em;
  right: 15px;
  top: calc(50% - 12px);
}

@media screen and (max-width: 768px) {
  .page .ticketVenue ul {
    display: block;
  }
}
.page .googleMap {
  width: 830px;
  margin: 60px auto 0;
}

@media screen and (max-width: 768px) {
  .page .googleMap {
    width: 100%;
    margin: 40px auto 0;
  }
}
.page .MapInfo {
  width: 830px;
  margin: 40px auto 80px;
  padding-left: 40px;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .page .MapInfo {
    width: 100%;
    margin: 30px auto 50px;
    padding-left: 0;
  }
}
.page .MapInfo dt {
  font-size: 20px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .page .MapInfo dt {
    font-size: 17px;
  }
}
.page .MapInfo dd {
  font-size: 16px;
  line-height: 2;
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .page .MapInfo dd {
    font-size: 14px;
    line-height: 1.8;
  }
}
.page .en_TicketInfo {
  margin-top: 10px;
}

.page .en_TicketInfo dt {
  font-weight: bold;
  font-size: 1.1em;
  margin-top: 30px;
}

.page .en_TicketInfo dd {
  margin: 10px 0;
  font-size: 0.9em;
}

.page ul.marginBot40 {
  margin-left: 1em;
}

.page ul.marginBot40 li {
  list-style: none !important;
  margin-left: 1em;
  text-indent: -1em;
}

.page table.table.table-bordered {
  border-top: 1px solid #7E6C50;
  border-right: 1px solid #7E6C50;
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 0;
  letter-spacing: 0;
}

.page table.table.table-bordered th {
  padding: 10px 15px;
  border-bottom: 1px solid #7E6C50;
  border-left: 1px solid #7E6C50;
  background-color: #7E6C50;
  color: #FFF;
}

.page table.table.table-bordered td {
  padding: 10px 15px;
  border-bottom: 1px solid #7E6C50;
  border-left: 1px solid #7E6C50;
}

@media screen and (max-width: 768px) {
  .page table.table.table-bordered td {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
    text-align: center;
  }
}
.page table.table.table-bordered td.table-b {
  text-align: left;
}

.page table.table.table-bordered td.table-b small {
  font-size: 0.85em;
}

.page table.table.table-bordered td.table-b em {
  margin-left: 1em;
  display: block;
}

.page table.table.table-bordered td p.qr {
  font-size: 11px;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 0;
}

.page table.table.table-bordered td img {
  width: 105px;
  height: auto;
}

@media screen and (max-width: 768px) {
  .page table.table.table-bordered td strong {
    display: inline-block !important;
    margin-left: 0.5em;
  }
}
.page p.CatchCopy1 {
  font-size: 24px;
  padding-top: 30px;
  border-top: 1px solid #7E6C50;
  color: #7E6C50;
  font-weight: 700;
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .page p.CatchCopy1 {
    margin-top: 40px;
    font-size: 20px;
  }
}
.page p.CatchCopy1 small {
  display: block;
  font-size: 16px;
  letter-spacing: 0;
  margin-left: 34px;
}

@media screen and (max-width: 768px) {
  .page p.CatchCopy1 small {
    font-size: 15px;
    margin-left: 22px;
  }
}
.page p.p-style1 {
  font-size: 15px;
  margin-top: 40px;
}

.page p.p-list {
  font-size: 15px;
  margin-top: 3px;
  margin-left: 2.9em;
  text-indent: -2.9em;
  line-height: 1.8;
}

.page p.p-list strong {
  font-size: 1.1em;
  font-weight: 700;
}

.page p.p-list:last-of-type {
  margin-bottom: 60px;
}

.page .t_box {
  margin-top: 40px;
}

.page h2.hall-title {
  font-size: 28px !important;
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .page h2.hall-title {
    font-size: 20px !important;
    margin-top: 40px;
  }
}
.page .hall-wrap {
  display: flex;
  justify-content: space-between;
  width: 900px;
  margin: 50px auto 0;
}

@media screen and (max-width: 768px) {
  .page .hall-wrap {
    width: 100%;
    margin: 30px auto 0;
    display: block;
  }
}
.page .hall-wrap p {
  font-size: 20px;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .page .hall-wrap p {
    font-size: 16px;
    margin-bottom: 5px;
  }
}
.page .hall-wrap .left {
  width: 420px;
}

@media screen and (max-width: 768px) {
  .page .hall-wrap .left {
    width: 100%;
    margin-bottom: 15px;
  }
}
.page .hall-wrap .right {
  width: 420px;
}

@media screen and (max-width: 768px) {
  .page .hall-wrap .right {
    width: 100%;
  }
}
.page .infomation_box {
  margin: 40px auto 0;
  width: 900px;
}

@media screen and (max-width: 768px) {
  .page .infomation_box {
    margin: 30px auto 0;
    width: 100%;
  }
}
.page .infomation_box .access {
  margin-top: 20px;
}

.page .infomation_box .access p.ttl_info {
  font-size: 24px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .page .infomation_box .access p.ttl_info {
    font-size: 18px;
  }
}
.page .infomation_box .access p strong {
  font-weight: 700;
}

.page .infomation_box .access ul {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .page .infomation_box .access ul {
    margin-top: 15px;
  }
}
.page .infomation_box .access ul li {
  font-size: 15px;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .page .infomation_box .access ul li {
    font-size: 14px;
    margin-left: 1em;
    text-indent: -1em;
  }
}
.page .infomation_box .access a {
  color: #333;
}

.page.en #entry-content {
  font-size: 16px;
  line-height: 1.8;
  width: 900px;
  margin: 0 auto 80px;
}
@media screen and (max-width: 1240px) {
  .page.en #entry-content {
    width: 96%;
  }
}

@media screen and (max-width: 768px) {
  .page.en #entry-content {
    font-size: 14px;
    line-height: 1.6;
    width: 100%;
    margin: 40px auto 50px;
  }
}
.page.en #entry-content p {
  width: 100%;
}

.page.en #entry-content p em {
  font-size: 1.3em;
  font-weight: 700;
}

.page.en #entry-content p.note {
  margin-top: 60px;
font-size: 17px;
}

@media screen and (max-width: 768px) {
  .page.en #entry-content p.note {
    margin-top: 40px;
  }
}
.page.en #entry-content h3 {
  font-size: 24px;
  font-weight: 700;
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .page.en #entry-content h3 {
    font-size: 18px;
  }
}
.page.en #entry-content h5 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px;
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .page.en #entry-content h5 {
    font-size: 16px;
  }
}
.page.en #entry-content h5:before {
  content: "";
  width: 12px;
  height: 12px;
  background: #060300;
  display: inline-block;
  margin-right: 8px;
}

@media screen and (max-width: 768px) {
  .page.en #entry-content h5:before {
    width: 10px;
    height: 10px;
  }
}
.page.en #entry-content strong {
  font-weight: 700;
}

.page.en #entry-content strong.dat {
  font-size: 1.4em;
  font-weight: 700;
}

.page.en #entry-content ul {
  margin-left: 2em;
  margin-top: 10px;
}

.page.en #entry-content ul li {
  list-style: disc;
}

.page.en #entry-content ul li ul {
  margin-bottom: 10px;
}

.page.en #entry-content .downloadlink a {
  display: inline-block;
  padding: 6px 40px 6px 10px;
  font-size: 15px;
  color: #be0000;
  border: 1px solid #be0000;
  text-decoration: none;
  background: url(../images/top/covid-arrow.png) right 16px center/7px auto no-repeat;
  margin: 20px auto 25px;
  font-weight: 700;
  border-radius: 6px;
  letter-spacing: 0;
}

@media screen and (max-width: 768px) {
  .page.en #entry-content .downloadlink a {
    padding: 10px 50px 10px 20px;
    font-size: 16px;
  }
}
.page.en #entry-content .downloadlink a:hover {
  background-color: #faf7e0;
}

.page.en #entry-content p.note-small {
  font-size: 14px;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .page.en #entry-content p.note-small {
    font-size: 13px;
  }
}
.page.en #entry-content .archive-f li {
  list-style: none !important;
  /*&:nth-last-of-type(-n+8) {
        width: 65%;
        @include mq(md){
            width: 100%;
        }
    }*/
}

.page.en #entry-content .archive-f li a {
  font-size: 16px;
}

.page.en #entry-content .archive-f li small {
  font-size: 0.7em;
  display: block;
}

.page.en #entry-content .sitemap li {
  list-style: none !important;
}

.page.en .regulations-btn a {
  display: block;
  width: 480px;
  margin: 60px auto 0;
  text-align: center;
  color: #3e8574;
  border: 1px solid #3e8574;
  text-decoration: none;
  padding: 10px 0;
}

.page.en .regulations-btn a:hover {
  background-color: #3e8574;
  color: #FFF;
}

.page p.red-note {
  font-size: 20px;
  line-height: 1.8;
  text-align: center;
  margin-bottom: 60px;
  color: red;
}

@media screen and (max-width: 768px) {
  .page p.red-note {
    font-size: 16px;
    margin-bottom: 35px;
  }
}
.page p.note {
  font-size: 14px;
  margin-top: 40px;
  border-top: 1px solid #aaa;
  padding-top: 20px;
}

.page .scheduleBlock {
  margin-top: 20px;
}

.page .scheduleBlock figure {
  display: block;
  background: #7E6C50;
}

.page .scheduleBlock figure a:hover {
  opacity: 0.8;
}

.page .scheduleBox {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .page .scheduleBox {
    margin-top: 40px;
  }
}
.page .scheduleBox h2.days {
  padding: 15px 20px;
  background: #7E6C50;
  color: #FFF !important;
  text-align: left !important;
  font-size: 28px !important;
  line-height: 1;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .page .scheduleBox h2.days {
    font-size: 20px !important;
    padding: 12px 20px;
  }
}
.page .scheduleBox ul {
  margin-bottom: 40px;
  margin-left: 40px;
}

@media screen and (max-width: 768px) {
  .page .scheduleBox ul {
    margin-left: 18px;
  }
}
.page .scheduleBox ul li {
  border-bottom: 1px solid #ccc;
  padding: 15px 0;
  font-size: 20px;
  list-style: none !important;
}

@media screen and (max-width: 768px) {
  .page .scheduleBox ul li {
    padding: 15px 0;
    font-size: 16px;
  }
}
.page .scheduleBox ul li span {
  margin-left: 2em;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .page .scheduleBox ul li span {
    display: block;
    font-size: 14px;
    margin-left: 1.2em;
  }
}
.page .scheduleBox ul li span:before {
  content: "▶";
  margin-right: 0.4em;
  font-size: 0.6em;
}

.page .scheduleBox ul li a {
  text-decoration: none;
  color: #333;
  display: inline-block;
  position: relative;
  font-weight: 700;
  padding-left: 20px;
}

@media screen and (max-width: 768px) {
  .page .scheduleBox ul li a {
    padding-left: 16px;
  }
}
.page .scheduleBox ul li a:hover {
  color: #be0000;
}

.page .scheduleBox ul li a:before {
  content: "●";
  position: absolute;
  font-size: 0.9em;
  color: #be0000;
  top: 2px;
  left: 0;
  margin-right: 0.2em;
}

.page .scheduleBox ul li a small {
  font-size: 0.8em;
  padding-left: 1em;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .page .scheduleBox ul li a small {
    padding-left: 0;
  }
}
.page p.coment-txt {
  font-size: 15px;
  margin: 60px 0 80px;
}

@media screen and (max-width: 768px) {
  .page p.coment-txt {
    font-size: 14px;
    margin: 40px 0 50px;
  }
}
.page h3.coment-subtitle {
  font-size: 28px;
  font-weight: 700;
  padding-left: 0.5em;
  border-left: 10px solid #7E6C50;
  color: #7E6C50;
  line-height: 1;
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .page h3.coment-subtitle {
    font-size: 22px;
    padding-left: 0.4em;
    border-left: 8px solid #7E6C50;
    margin-top: 50px;
  }
}
.page h3.coment-subtitle:first-of-type {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .page h3.coment-subtitle:first-of-type {
    margin-top: 20px;
  }
}
.page h3.coment-subtitle small {
  font-weight: 500;
  font-size: 0.8em;
  margin-left: 2em;
}

@media screen and (max-width: 768px) {
  .page h3.coment-subtitle small {
    margin-left: 0;
  }
}
.page h4.AwardResult {
  margin: 40px 0 0 !important;
  font-size: 20px !important;
}

.page p span.MovieTitle {
  font-size: 28px;
  font-weight: 700;
  display: block;
  margin: 30px 0 40px;
}

@media screen and (max-width: 768px) {
  .page p span.MovieTitle {
    font-size: 20px;
    margin: 20px 0 20px;
  }
}
.page ul.moviesInfo {
  margin-top: 40px;
  padding-left: 40px;
}

@media screen and (max-width: 768px) {
  .page ul.moviesInfo {
    margin-top: 20px;
    padding-left: 10px;
  }
}
.page ul.moviesInfo li {
  font-size: 16px;
  line-height: 2.1;
  position: relative;
}

.page ul.moviesInfo li:before {
  content: "●";
  color: #7E6C50;
}

@media screen and (max-width: 768px) {
  .page ul.moviesInfo li:before {
    font-size: 14px;
    text-indent: -1em;
    margin-left: 1em;
  }
}
.page .guestsInfo {
  padding: 0 40px;
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .page .guestsInfo {
    padding: 0 20px;
    margin-top: 30px;
    display: block;
  }
}
.page .guestsInfo dl {
  width: 580px;
}

@media screen and (max-width: 768px) {
  .page .guestsInfo dl {
    width: 100%;
  }
}
.page .guestsInfo dl dt {
  font-size: 18px;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .page .guestsInfo dl dt {
    font-size: 16px;
    line-height: 1.4;
    margin-top: 20px;
  }
}
.page .guestsInfo dl dd {
  background: #f6f6f6;
  padding: 20px 25px;
  border-radius: 20px;
  font-size: 15px;
  line-height: 1.8;
  margin-top: 20px;
  display: block;
}

@media screen and (max-width: 768px) {
  .page .guestsInfo dl dd {
    font-size: 14px;
    padding: 15px 20px;
    border-radius: 16px;
  }
}
.page .guestsInfo figure {
  width: 234px;
}

@media screen and (max-width: 768px) {
  .page .guestsInfo figure {
    display: block;
    width: 50%;
    margin: 0 auto;
  }
}
.page h2.award {
  padding: 10px 0;
  width: 60%;
  margin: 80px auto 0;
  font-size: 28px;
  border-radius: 42px;
  line-height: 1;
  background: #7E6C50;
  color: #FFF !important;
}

@media screen and (max-width: 768px) {
  .page h2.award {
    width: 90%;
    margin: 50px auto 0;
    font-size: 20px;
  }
}
.page h4.judge {
  margin-top: 80px !important;
  font-size: 20px;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .page h4.judge {
    margin-top: 50px !important;
    font-size: 18px;
  }
}
.page ul.moviesInfo2 {
  margin-top: 20px;
  padding-left: 40px;
}

@media screen and (max-width: 768px) {
  .page ul.moviesInfo2 {
    padding-left: 20px;
  }
}
.page ul.moviesInfo2 li {
  font-size: 16px;
  line-height: 2.1;
  position: relative;
  margin-left: 1em;
  text-indent: -1em;
}

@media screen and (max-width: 768px) {
  .page ul.moviesInfo2 li {
    font-size: 14px;
  }
}
.page ul.moviesInfo2 li:before {
  content: "●";
  color: #7E6C50;
}

.films .date {
  margin-top: 40px;
  font-size: 28px;
  font-weight: 700;
  font-family: "Helvetica", "YakuHanJPs", "Noto Sans JP";
  line-height: 1.2;
}

@media screen and (max-width: 768px) {
  .films .date {
    margin-top: 30px;
    font-size: 22px;
  }
}
.films .date em {
  font-size: 0.7em;
}

.films .date small {
  font-size: 0.6em;
}

.films h1 {
  height: 50px;
  letter-spacing: 0;
  font-size: 22px;
  color: #060300;
  padding-left: 80px;
  background: url(../images/common/title-illust.png) left top/auto 100% no-repeat #825e3e;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin-top: 80px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .films h1 {
    margin-top: 50px;
    padding-left: 80px;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 1.4;
    font-size: 18px;
    height: auto;
  }
}
.films h1 small {
  font-size: 0.75em;
  position: relative;
  top: 3px;
}

.films .mainimg {
  margin-top: 40px;
  display: block;
}

@media screen and (max-width: 768px) {
  .films .mainimg {
    margin-top: 20px;
  }
}
.films p.copyright {
  font-size: 13px;
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .films p.copyright {
    font-size: 12px;
  }
}
.films .film-entry {
  margin-top: 40px;
  display: block;
}

@media screen and (max-width: 768px) {
  .films .film-entry {
    margin-top: 30px;
  }
}
.films .film-entry li {
  font-size: 16px;
  line-height: 2.1;
  padding-left: 1.3em;
  position: relative;
}

.films .film-entry li:before {
  content: "●";
  font-size: 0.8em;
  color: #7E6C50;
  position: absolute;
  top: 3px;
  left: 0;
}

@media screen and (max-width: 768px) {
  .films .film-entry li {
    font-size: 14px;
    line-height: 2;
  }
}
.films .film-entry .Synopsis {
  margin-top: 50px;
  border: 1px solid #be0000;
  padding: 20px 20px 20px 126px;
  box-sizing: border-box;
  border-radius: 20px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .films .film-entry .Synopsis {
    margin-top: 30px;
    padding: 105px 20px 20px;
  }
}
.films .film-entry .Synopsis h2 {
  background: #be0000;
  padding: 35px 10px 20px;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  border-radius: 60px;
  color: #FFF !important;
  position: absolute;
  top: calc(50% - 50px);
  left: 10px;
  text-align: center;
  font-size: 22px !important;
}

@media screen and (max-width: 768px) {
  .films .film-entry .Synopsis h2 {
    padding: 28px 10px 10px;
    font-size: 14px !important;
    letter-spacing: 0;
    width: 80px;
    height: 80px;
    top: 10px;
    left: calc(50% - 40px);
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .films .film-entry .Synopsis p {
    font-size: 14px;
  }
}
.films .film-entry .Synopsis p strong {
  font-weight: 700;
}

.films .entrydata .film-list {
  display: flex;
  flex-wrap: wrap;
  margin: 60px auto 0;
  width: 948px;
}

@media screen and (max-width: 768px) {
  .films .entrydata .film-list {
    width: 100%;
    display: block;
    margin-top: 40px;
  }
}
.films .entrydata .film-list li {
  width: 286px;
  margin-right: 45px;
  margin-bottom: 20px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .films .entrydata .film-list li {
    width: 90%;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 5%;
  }
}
.films .entrydata .film-list li:nth-of-type(3n) {
  margin-right: 0;
}

.films .entrydata .film-list li p.copy {
  position: absolute;
  padding: 6px 10px;
  background: rgba(0, 0, 0, 0.6);
  color: #FFF;
  text-align: center;
  font-size: 10px;
  line-height: 1.2em;
  left: 0;
  bottom: 0;
  letter-spacing: 0;
  width: 100%;
  box-sizing: border-box;
}

.films .entrydata .film-list li figure {
  position: relative;
  width: 286px;
  height: 182px;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .films .entrydata .film-list li figure {
    width: 100%;
    height: auto;
    padding-top: 63%;
  }
}
.films .entrydata .film-list li figure img {
  width: 100%;
  height: 100%;
  transition: 0.5s all;
  position: absolute;
  top: 0;
  left: 0;
}

.films .entrydata .film-list li p {
  text-align: center;
  margin-top: 10px;
  font-size: 15px;
}

.films .entrydata .film-list li p small {
  font-size: 0.9em;
}

.films .entrydata .film-list li a {
  text-decoration: none;
  color: #333;
}

.films .entrydata .film-list li a:hover {
  color: #be0000;
}

.films .entrydata .film-list li a:hover img {
  transform: scale(1.1, 1.1);
  transition: 0.5s all;
}

.films .detail-listbox {
  margin-top: 40px;
  width: 440px;
}

@media screen and (max-width: 768px) {
  .films .detail-listbox {
    margin-top: 25px;
  }
}
.films .detail-listbox li {
  font-size: 16px;
  line-height: 2.1;
  padding-left: 1.3em;
  position: relative;
}

@media screen and (max-width: 768px) {
  .films .detail-listbox li {
    line-height: 1.8;
    font-size: 14px;
  }
}
.films .detail-listbox li:before {
  content: "●";
  font-size: 0.8em;
  color: #be0000;
  position: absolute;
  top: 3px;
  left: 0;
}

.films .detail-listbox li strong {
  font-size: 1.1em;
  font-weight: 700;
}

.films .detail-listbox li.title {
  padding: 0 0.3em;
  border-left: 6px solid #7E6C50;
  line-height: 1;
  margin: 10px 0 5px;
}

.films .detail-listbox li.title:before {
  content: "";
  font-size: 0;
}

.films .detail-listbox li.title2 {
  padding: 0 0.3em;
  border-left: 6px solid #7E6C50;
  line-height: 1;
  margin: 10px 0 5px;
}

.films .detail-listbox li.title2:before {
  content: "";
  font-size: 0;
}

.films.others .detail-listbox {
  width: 100%;
}

.films .competition {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .films .competition {
    margin-top: 30px;
    margin-bottom: 40px;
  }
}
.films .competition .competition-list li {
  display: inline-block;
  margin-bottom: 8px;
  font-size: 13px;
  margin-right: 1.5em;
}

@media screen and (max-width: 768px) {
  .films .competition .competition-list li {
    margin-bottom: 6px;
    font-size: 12px;
  }
}
.films .competition .competition-list li em.no {
  display: inline-block;
  padding: 5px 12px;
  background: #be0000;
  color: #FFF;
  margin-right: 0.8em;
  line-height: 1;
  border-radius: 8px;
}

@media screen and (max-width: 768px) {
  .films .competition .competition-list li em.no {
    padding: 4px 8px;
  }
}
.films .competition .all-detail {
  margin-top: 20px;
}

.films .competition .all-detail p.txt {
  font-size: 16px;
}

.films .competition .all-detail p.txt span {
  font-size: 1.5em;
  font-weight: 700;
}

.films .competition .all-detail p.txt small {
  font-size: 0.8em;
}

.films .competition .all-detail h4 {
  text-align: center;
  font-size: 20px;
  color: #FFF;
  padding: 15px 0;
  background-color: #7E6C50;
  margin: 40px 0 20px;
}

.films .competition .movieBlock {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .films .competition .movieBlock {
    margin-top: 50px;
  }
}
.films .competition .movieBlock .movie-no {
  display: flex;
  align-items: center;
}

.films .competition .movieBlock .movie-no:after {
  content: "";
  height: 1px;
  flex-grow: 1;
  background-color: #be0000;
  margin-left: 0.7em;
}

.films .competition .movieBlock .movie-no:before {
  content: "";
  height: 1px;
  flex-grow: 1;
  background-color: #be0000;
  margin-right: 0.7em;
}

.films .competition .movieBlock .movie-no span {
  width: 50px;
  height: 50px;
  background: #be0000;
  font-size: 24px;
  color: #FFF;
  text-align: center;
  display: block;
  border-radius: 25px;
  box-sizing: border-box;
  padding-top: 2px;
}

@media screen and (max-width: 768px) {
  .films .competition .movieBlock .movie-no span {
    width: 38px;
    height: 38px;
    font-size: 20px;
  }
}
.films .competition .movieBlock h2 {
  font-size: 28px;
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .films .competition .movieBlock h2 {
    font-size: 20px !important;
    margin-top: 20px;
    line-height: 1.2;
    letter-spacing: 0;
  }
}
.films .competition p.copy-right {
  font-size: 13px;
  margin-top: 8px;
}

@media screen and (max-width: 768px) {
  .films .competition p.copy-right {
    font-size: 12px;
  }
}
.films .competition .synopsis-block {
  width: 470px;
  margin-top: 50px;
  border: 1px solid #be0000;
  padding: 20px 20px 20px 128px;
  box-sizing: border-box;
  border-radius: 20px;
  position: relative;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .films .competition .synopsis-block {
    margin-top: 30px;
    padding: 105px 20px 20px;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .films .competition .synopsis-block p {
    font-size: 14px;
  }
}
.films .competition .synopsis-block h3 {
  background: #be0000;
  padding: 32px 10px 10px;
  box-sizing: border-box;
  width: 90px;
  height: 90px;
  border-radius: 45px;
  color: #FFF !important;
  position: absolute;
  top: calc(50% - 48px);
  left: 10px;
  text-align: center;
  font-size: 15px !important;
  letter-spacing: 0;
}

@media screen and (max-width: 768px) {
  .films .competition .synopsis-block h3 {
    padding: 28px 10px 10px;
    font-size: 14px !important;
    width: 80px;
    height: 80px;
    top: 10px;
    left: calc(50% - 40px);
    margin-bottom: 0;
  }
}
.films .filmBox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.films .filmBox p.weight-b {
  font-size: 1.2em;
  font-weight: 700;
  width: 100%;
  margin-top: 30px;
}

.films dl#CineFest {
  display: flex;
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .films dl#CineFest {
    display: block;
    margin-top: 30px;
  }
}
.films dl#CineFest dt {
  padding-left: 0px;
  padding-right: 0px;
  width: 200px;
}

@media screen and (max-width: 768px) {
  .films dl#CineFest dt {
    width: 160px;
  }
}
.films dl#CineFest dd {
  padding-left: 15px;
  padding-right: 0px;
  font-size: 15px;
  width: 730px;
}

@media screen and (max-width: 768px) {
  .films dl#CineFest dd {
    padding-left: 0;
    font-size: 14px;
    width: 100%;
    margin-top: 8px;
  }
}
.films .box-title {
  text-align: center;
  padding: 12px;
  font-size: 18px;
  background: #666;
  color: #FFF;
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .films .box-title {
    font-size: 16px;
    margin-top: 40px;
  }
}
.films .box-title-txt {
  text-align: center;
  margin-top: 25px;
  font-weight: 700;
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .films .box-title-txt {
    margin-top: 20px;
    font-size: 16px;
  }
}
.films p.guest {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .films p.guest {
    font-size: 15px;
    margin-top: 15px;
  }
}
.films p.guest strong {
  font-size: 1.2em;
  font-weight: 700;
}

.films .award-ceremony {
  margin-top: 30px;
}

.films .award-ceremony h4 {
  font-size: 18px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .films .award-ceremony h4 {
    font-size: 16px;
    line-height: 1.4;
  }
}
.films .award-ceremony dl {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.films .award-ceremony dl dt {
  width: 150px;
}

@media screen and (max-width: 768px) {
  .films .award-ceremony dl dt {
    width: 26%;
  }
}
.films .award-ceremony dl dt p {
  font-size: 12px;
  line-height: 1.1;
  margin-top: 8px;
}

.films .award-ceremony dl dd {
  width: 770px;
}

@media screen and (max-width: 768px) {
  .films .award-ceremony dl dd {
    width: 71%;
  }
}
.films .award-ceremony dl dd p {
  font-size: 15px;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  .films .award-ceremony dl dd p {
    font-size: 13px;
    line-height: 1.4;
  }
}
.films .award-ceremony dl dd h5 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
  .films .award-ceremony dl dd h5 {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 1.2;
    letter-spacing: 0;
  }
}
.films .award-ceremony p.copy {
  font-size: 12px;
  margin-top: 8px;
}

@media screen and (max-width: 768px) {
  .films .award-ceremony p.copy {
    font-size: 11px;
    line-height: 1.2;
  }
}
.films .award-ceremony p.copy span {
  display: inline-block;
  width: 49%;
}

@media screen and (max-width: 768px) {
  .films .award-ceremony p.copy span {
    width: 100%;
  }
}
.films .award-ceremony p.copy span:last-of-type {
  text-align: right;
  font-size: 1.2em;
}

@media screen and (max-width: 768px) {
  .films .award-ceremony p.copy span:last-of-type {
    margin-top: 8px;
  }
}
.films .award-ceremony p.note {
  margin-top: 25px;
  font-size: 13px;
}

.films .aichi2022 {
  padding: 30px;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  background-color: #FDF9EE;
}

@media screen and (max-width: 768px) {
  .films .aichi2022 {
    padding: 20px;
    border-radius: 16px;
    display: block;
  }
}
.films .aichi2022 .left {
  width: 72%;
}

@media screen and (max-width: 768px) {
  .films .aichi2022 .left {
    width: 100%;
  }
}
.films .aichi2022 .left h4 {
  font-size: 28px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .films .aichi2022 .left h4 {
    font-size: 20px;
  }
}
.films .aichi2022 .left p.title-under {
  font-size: 20px;
  margin-top: 10px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .films .aichi2022 .left p.title-under {
    font-size: 16px;
  }
}
.films .aichi2022 .left p.title-under small {
  font-size: 0.8em;
  margin-left: 0.5em;
}

@media screen and (max-width: 768px) {
  .films .aichi2022 .left p.title-under small {
    display: block;
    margin-left: 0;
  }
}
.films .aichi2022 .left p.txt {
  font-size: 16px;
  line-height: 2;
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  .films .aichi2022 .left p.txt {
    font-size: 15px;
  }
}
.films .aichi2022 .left dl {
  font-size: 16px;
  line-height: 2.2;
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .films .aichi2022 .left dl {
    font-size: 15px;
    margin-bottom: 20px;
  }
}
.films .aichi2022 .left dl dt {
  width: 6em;
}

@media screen and (max-width: 768px) {
  .films .aichi2022 .left dl dt {
    width: 5.6em;
  }
}
.films .aichi2022 .left dl dd {
  width: calc(100% - 6em);
  line-height: 2.2;
}

@media screen and (max-width: 768px) {
  .films .aichi2022 .left dl dd {
    margin-bottom: 8px;
    padding-top: 0.3em;
    line-height: 1.6;
    width: calc(100% - 5.6em);
  }
}
@media screen and (max-width: 768px) {
  .films .aichi2022 .left p.note {
    font-size: 14px;
  }
}
.films .aichi2022 .right {
  width: 24%;
}

@media screen and (max-width: 768px) {
  .films .aichi2022 .right {
    width: 100%;
    display: flex;
    flex-flow: row-reverse;
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .films .aichi2022 .right figure {
    width: 52%;
  }
}
.films .aichi2022 .right figure.qr-code {
  width: 48%;
  margin: 15px auto 0;
}

@media screen and (max-width: 768px) {
  .films .aichi2022 .right figure.qr-code img {
    width: 64%;
  }
}
.films h2.movie-title {
  font-size: 26px !important;
  color: #7E6C50;
  padding-left: 0.4em;
  border-left: 12px solid #7E6C50;
  margin-top: 60px;
  margin-bottom: -20px !important;
  text-align: left !important;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .films h2.movie-title {
    font-size: 20px !important;
    margin-top: 40px;
  }
}
.films .option-guest {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .films .option-guest {
    display: block;
  }
}
.films .option-guest .left {
  width: 180px;
}

@media screen and (max-width: 768px) {
  .films .option-guest .left {
    width: 36%;
    margin: 0 auto;
  }
}
.films .option-guest .right {
  width: 740px;
}

@media screen and (max-width: 768px) {
  .films .option-guest .right {
    width: 100%;
    margin-top: 15px;
  }
}
.films .option-guest .right h4 {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .films .option-guest .right h4 {
    font-size: 14px;
  }
}
.films .option-guest .right h4 strong {
  font-weight: 700;
  font-size: 1.2em;
}

@media screen and (max-width: 768px) {
  .films .option-guest .right h4 strong {
    font-size: 1.15em;
  }
}
.films .option-guest .right h4 strong span {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .films .option-guest .right h4 strong span {
    font-size: 14px;
  }
}
.films .option-guest .right p.profile {
  font-size: 15px;
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .films .option-guest .right p.profile {
    font-size: 14px;
    line-height: 1.4;
  }
}
.films .option {
  margin-top: 60px;
}

.films .option .ticket {
  margin-top: 60px;
  border-top: 1px dotted #CCC;
  padding-top: 40px;
}

.films .ticket {
  margin-top: 60px;
  border-top: 1px dotted #CCC;
  padding-top: 40px;
}

.films .option .ticket h4 {
  font-size: 20px;
  border-left: 18px solid #333;
  line-height: 1;
  padding-left: 0.3em;
  font-weight: 700;
}

.films .option .ticket ul {
  margin-top: 20px;
  margin-left: 26px;
}

.films .option .ticket ul li a {
  color: #333;
  text-decoration: none;
}

.films .option .ticket ul li a:hover {
  text-decoration: underline;
}

.films .option .ticket .ticket-note {
  margin-top: 20px;
  font-size: 0.8em;
}

/* INDEX */
.index #slideimg #header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}

#mainimg {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #mainimg {
    width: 100%;
    height: auto;
    background-size: auto 106%;
  }
}
#mainimg .TopLogo {
  width: 176px;
  margin: 0 auto 0;
}
@media screen and (max-width: 768px) {
  #mainimg .TopLogo {
    width: 100px;
  }
}
#mainimg h1 {
  width: 390px;
  margin: 45px auto 0;
}
@media screen and (max-width: 768px) {
  #mainimg h1 {
    width: 200px;
    margin: 30px auto 0;
  }
}
#mainimg .TopDate {
  width: 248px;
  margin: 60px auto 0;
}
@media screen and (max-width: 768px) {
  #mainimg .TopDate {
    width: 140px;
    margin: 40px auto 0;
  }
}
#mainimg .LinkBox {
  position: absolute;
  bottom: 30px;
  right: 30px;
  font-family: "YakuHanJPs", "Noto Serif JP", serif;
  width: 280px;
}
@media screen and (max-width: 1180px) {
  #mainimg .LinkBox {
    width: 210px;
  }
}
@media screen and (max-width: 768px) {
  #mainimg .LinkBox {
    position: static;
    width: 100%;
    margin-top: 15px;
    box-sizing: border-box;
  }
}
#mainimg .LinkBox .note {
  text-align: right;
  font-size: 16px;
  line-height: 1.65;
  font-weight: 500;
  color: #FFF;
}
@media screen and (max-width: 1232px) {
  #mainimg .LinkBox .note {
    font-size: 15px;
  }
}
@media screen and (max-width: 1180px) {
  #mainimg .LinkBox .note {
    font-size: 13px;
  }
}
@media screen and (max-width: 768px) {
  #mainimg .LinkBox .note {
    color: #000;
    font-size: 12px;
    text-align: center;
  }
}
#mainimg .LinkBox h2 {
  font-size: 18px;
  font-weight: 700;
  margin-top: 20px;
  color: #FFF;
}
@media screen and (max-width: 1232px) {
  #mainimg .LinkBox h2 {
    font-size: 16px;
  }
}
@media screen and (max-width: 1024px) {
  #mainimg .LinkBox h2 {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  #mainimg .LinkBox h2 {
    color: #000;
  }
}
#mainimg .LinkBox .LinkList {
  color: #FFF;
  margin-top: 10px;
  border-top: 1px solid #FFF;
}
@media screen and (max-width: 768px) {
  #mainimg .LinkBox .LinkList {
    color: #000;
    border-top: 1px solid #333;
  }
}
#mainimg .LinkBox .LinkList li {
  display: flex;
  align-items: center;
  padding: 10px 0;
  letter-spacing: 0;
}
@media screen and (max-width: 1118px) {
  #mainimg .LinkBox .LinkList li {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  #mainimg .LinkBox .LinkList li {
    padding: 8px 0;
  }
}
@media screen and (max-width: 768px) {
  #mainimg .LinkBox .LinkList li {
    display: flex;
    padding: 10px 15px;
  }
}
#mainimg .LinkBox .LinkList li:last-of-type {
  border-top: 1px solid #FFF;
}
@media screen and (max-width: 768px) {
  #mainimg .LinkBox .LinkList li:last-of-type {
    border-top: 1px solid #333;
  }
}
#mainimg .LinkBox .LinkList li span {
  width: 80px;
}
@media screen and (max-width: 768px) {
  #mainimg .LinkBox .LinkList li span {
    width: 100px;
  }
}
#mainimg .LinkBox .LinkList li span a {
  display: inline-block;
  padding: 5px 15px 5px 5px;
  font-size: 10px;
  line-height: 1.2;
  text-align: center;
  color: #f4635e;
  background-color: #FFF;
  border-radius: 5px;
  position: relative;
  font-weight: 700;
  box-sizing: border-box;
  text-decoration: none;
  transition: all 0.2s linear;
}
@media screen and (max-width: 1118px) {
  #mainimg .LinkBox .LinkList li span a {
    margin-top: 10px;
  }
}
@media screen and (max-width: 1024px) {
  #mainimg .LinkBox .LinkList li span a {
    padding: 4px 15px 4px 5px;
    width: 80%;
    margin: 6px auto 0;
  }
}
@media screen and (max-width: 768px) {
  #mainimg .LinkBox .LinkList li span a {
    font-size: 11px;
    background-color: #fdf4f4;
  }
}
#mainimg .LinkBox .LinkList li span a:after {
  display: block;
  width: 4px;
  height: 14px;
  content: "";
  background: url(../images/top/Btn-arrow.svg) center center/100% 100% no-repeat;
  position: absolute;
  right: 5px;
  top: calc(50% - 7px);
}
#mainimg .LinkBox .LinkList li span a:hover {
  opacity: 0.5;
}
#mainimg .LinkBox .LinkList li div {
  width: calc(100% - 80px);
  text-align: left;
}
@media screen and (max-width: 1118px) {
  #mainimg .LinkBox .LinkList li div {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #mainimg .LinkBox .LinkList li div {
    width: calc(100% - 100px);
  }
}
#mainimg .LinkBox .LinkList li div h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.05em;
}
@media screen and (max-width: 1118px) {
  #mainimg .LinkBox .LinkList li div h3 {
    font-size: 15px;
  }
}
#mainimg .LinkBox .LinkList li div h3 small {
  font-size: 0.8em;
}
#mainimg .LinkBox .LinkList li div p {
  font-size: 11px;
  line-height: 1.5;
  margin-top: 0;
}

#mainimg .in_wrap {
  max-width: 100%;
  width: 100%;
  height: 700px;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
  padding-top: 50px;
  background: url(../images/top/Bk-top.webp) center center no-repeat #F56865;
}
@media screen and (max-width: 1224px) {
  #mainimg .in_wrap {
    height: 600px;
    background-size: auto 108%;
  }
  #mainimg .in_wrap .TopLogo {
    width: 150px;
    margin: 0 auto 0;
  }
  #mainimg .in_wrap h1 {
    width: 320px;
    margin: 35px auto 0;
  }
  #mainimg .in_wrap .TopDate {
    width: 200px;
    margin: 45px auto 0;
  }
}
@media screen and (max-width: 1180px) {
  #mainimg .in_wrap {
    height: 550px;
    background-size: auto 108%;
  }
  #mainimg .in_wrap .TopLogo {
    width: 130px;
    margin: 0 auto 0;
  }
  #mainimg .in_wrap h1 {
    width: 300px;
    margin: 35px auto 0;
  }
  #mainimg .in_wrap .TopDate {
    width: 160px;
    margin: 40px auto 0;
  }
}

@media screen and (max-width: 1120px) {
  #mainimg .in_wrap {
    height: 520px;
    padding-right: 0;
    background-size: auto 108%;
    padding-top: 30px;
  }
}
@media screen and (max-width: 1024px) {
  #mainimg .in_wrap {
    height: 430px;
    padding-right: 0;
    background-size: auto 108%;
    padding-top: 20px;
  }
  #mainimg .in_wrap .TopLogo {
    width: 110px;
    margin: 0 auto 0;
  }
  #mainimg .in_wrap h1 {
    width: 240px;
    margin: 35px auto 0;
  }
  #mainimg .in_wrap .TopDate {
    width: 130px;
    margin: 40px auto 0;
  }
}
@media screen and (max-width: 984px) {
  #mainimg .in_wrap {
    height: 400px;
    padding-right: 0;
    background-size: auto 108%;
    padding-top: 20px;
  }
  #mainimg .in_wrap .TopLogo {
    width: 110px;
    margin: 0 auto 0;
  }
  #mainimg .in_wrap h1 {
    width: 230px;
    margin: 35px auto 0;
  }
  #mainimg .in_wrap .TopDate {
    width: 130px;
    margin: 40px auto 0;
  }
}
@media screen and (max-width: 768px) {
  #mainimg .in_wrap {
    height: 400px;
    padding-right: 0;
    background-size: auto 108%;
    padding-top: 30px;
  }
}
#mainimg .head-top-logo {
  width: calc(100% - 604px);
  text-align: right;
}

#mainimg .head-top-logo .logo-30th {
  width: 220px;
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  #mainimg .head-top-logo {
    width: calc(100% - 604px);
    top: 20px;
    left: 21%;
  }
}
#mainimg .titleBlock {
  background-image: url(../images/top/top-mainimg.jpg);
  background-position: left top;
  background-size: auto 100%;
  background-repeat: no-repeat;
  width: 604px;
}

@media screen and (max-width: 1184px) {
  #mainimg .titleBlock {
    left: 11%;
  }
}
@media screen and (max-width: 1070px) {
  #mainimg .titleBlock {
    left: 3%;
  }
}
@media screen and (max-width: 1070px) {
  #mainimg .titleBlock {
    left: 2%;
    width: 96%;
  }
}
#mainimg .titleBlock .bosyu {
  margin-top: 32px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  padding: 16px 16px;
  background-color: #FFF;
  border-radius: 5px;
}

@media screen and (max-width: 1184px) {
  #mainimg .titleBlock .bosyu {
    padding: 18px 15px;
  }
}
#mainimg .titleBlock .bosyu .inbosyu {
  box-sizing: border-box;
  width: 47%;
  position: relative;
  padding-left: 18px;
}

#mainimg .titleBlock .bosyu .inbosyu:first-of-type {
  border-right: 1px dotted #F58B75;
  padding-right: 20px;
  padding-left: 0;
  width: 53%;
}

#mainimg .titleBlock .bosyu .inbosyu .btn_txt {
  font-size: 18px;
  font-weight: 700;
  margin-top: 0;
  color: #F58B75;
  letter-spacing: 0;
}

@media screen and (max-width: 1184px) {
  #mainimg .titleBlock .bosyu .inbosyu .btn_txt {
    font-size: 16px;
  }
}
@media screen and (max-width: 940px) {
  #mainimg .titleBlock .bosyu .inbosyu .btn_txt {
    text-align: center;
  }
}
#mainimg .titleBlock .bosyu .inbosyu .btn_txt span {
  display: block;
  font-size: 15px;
  font-weight: 500;
}

@media screen and (max-width: 1070px) {
  #mainimg .titleBlock .bosyu .inbosyu .btn_txt span {
    font-size: 13px;
  }
}
@media screen and (max-width: 768px) {
  #mainimg .titleBlock .bosyu {
    margin: 15px auto 0;
    width: 92%;
    padding: 15px 13px;
  }
}
#mainimg .titleBlock .bosyu .btn1 {
  position: absolute;
  width: 92px;
  top: 12px;
  right: 15px;
}

@media screen and (max-width: 1170px) {
  #mainimg .titleBlock .bosyu .btn1 {
    width: 82px;
  }
}
@media screen and (max-width: 940px) {
  #mainimg .titleBlock .bosyu .btn1 {
    position: static;
    margin: 10px auto 0;
  }
}
#mainimg .titleBlock .bosyu .btn1:hover {
  opacity: 0.6;
}

@media screen and (max-width: 768px) {
  #mainimg .titleBlock .bosyu .btn1 {
    top: 17%;
  }
}
#mainimg .titleBlock .bosyu .btn2 {
  position: absolute;
  width: 92px;
  top: 12px;
  right: 0;
}

@media screen and (max-width: 1170px) {
  #mainimg .titleBlock .bosyu .btn2 {
    width: 82px;
  }
}
@media screen and (max-width: 940px) {
  #mainimg .titleBlock .bosyu .btn2 {
    position: static;
    margin: 10px auto 0;
  }
}
#mainimg .titleBlock .bosyu .btn2:hover {
  opacity: 0.6;
}

@media screen and (max-width: 768px) {
  #mainimg .titleBlock .bosyu .btn2 {
    top: 17%;
  }
}
#mainimg .titleBlock .top-note {
  text-align: center;
  color: #FFF;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  margin-top: 15px;
}

@media screen and (max-width: 1000px) {
  #mainimg .titleBlock .top-note {
    font-size: 18px;
    margin-top: 25px;
    line-height: 1.6;
  }
}
@media screen and (max-width: 768px) {
  #mainimg .titleBlock .top-note {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  #mainimg .titleBlock {
    top: 25%;
    left: 0;
    width: 100%;
  }
}
#mainimg .titleBlock p.logo {
  width: 336px;
}

@media screen and (max-width: 768px) {
  #mainimg .titleBlock p.logo {
    width: 180px;
  }
}
#mainimg .head-top-logo h1 {
  position: absolute;
  top: 180px;
  left: 50%;
  width: 460px;
}

@media screen and (max-width: 768px) {
  #mainimg .head-top-logo h1 {
    width: 50%;
    margin-top: 100px;
    left: 20%;
  }
}
@media screen and (max-width: 400px) {
  #mainimg .head-top-logo h1 {
    width: 60%;
    margin-top: 240px;
    left: 20%;
  }
}
#mainimg .head-top-logo h1 .Dete-30th {
  margin-top: 50px;
}

#mainimg .titleBlock figure.date {
  margin-top: 40px;
  display: block;
}

#mainimg .titleBlock span.logo-eigasai2022 {
  width: 168px;
  margin: 25px 0 0;
  display: inline-block;
  margin-top: 20px;
  position: absolute;
  top: -20px;
  left: 288px;
}

@media screen and (max-width: 768px) {
  #mainimg .titleBlock span.logo-eigasai2022 {
    width: 42%;
    margin-top: 10px;
    top: -100px;
    left: auto;
    right: 14%;
  }
}
#mainimg .titleBlock span.logo-eigasai2022 img {
  max-width: 100%;
  height: auto;
}

#mainimg .titleBlock p {
  font-size: 14px;
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  #mainimg .titleBlock p {
    font-size: 13px;
    letter-spacing: 0;
  }
}
#mainimg .titleBlock h2 {
  font-size: 20px;
  font-weight: 700;
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  #mainimg .titleBlock h2 {
    font-size: 18px;
  }
}
#mainimg .titleBlock .call-for-works {
  width: 464px;
  background: url(../images/top/top-img-waku.png) top left/100% auto no-repeat;
}

@media screen and (max-width: 768px) {
  #mainimg .titleBlock .call-for-works {
    width: 100%;
    background-image: none;
  }
}
#mainimg .titleBlock .call-for-works ul {
  display: flex;
  padding: 13px 0;
}

@media screen and (max-width: 768px) {
  #mainimg .titleBlock .call-for-works ul {
    display: block;
    border-top: 1px solid #666;
    padding: 0;
  }
}
#mainimg .titleBlock .call-for-works ul li {
  width: 50%;
  height: 116px;
  box-sizing: border-box;
  padding: 0 20px;
  text-align: center;
  display: flex;
  flex-flow: column;
}

@media screen and (max-width: 768px) {
  #mainimg .titleBlock .call-for-works ul li {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #666;
    padding: 13px 0;
  }
}
#mainimg .titleBlock .call-for-works ul li:first-of-type {
  border-right: 1px dotted #414141;
}

@media screen and (max-width: 768px) {
  #mainimg .titleBlock .call-for-works ul li:first-of-type {
    border-right: none;
  }
}
#mainimg .titleBlock .call-for-works ul li h3 {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  text-align: left;
}

#mainimg .titleBlock .call-for-works ul li p.list {
  font-size: 13px;
  margin-top: 2px;
  line-height: 1.75;
  text-align: left;
}

#mainimg .titleBlock .call-for-works ul li a.recruitment-btn {
  display: inline-block;
  padding: 5px 18px;
  font-size: 13px;
  background: #414141;
  color: #FFF;
  margin-top: auto;
  -webkit-text-decoration: 0;
  text-decoration: 0;
}

@media screen and (max-width: 768px) {
  #mainimg .titleBlock .call-for-works ul li a.recruitment-btn {
    margin-top: 15px;
  }
}
#mainimg .titleBlock .call-for-works ul li a.recruitment-btn:after {
  content: "→";
  margin-left: 0.2em;
  font-weight: bold;
}

#mainimg .titleBlock .call-for-works ul li a.recruitment-btn:hover {
  background-color: #aaa;
  color: #414141;
}

#mainimg .titleBlock .call-for-works.eng ul {
  display: block;
}

#mainimg .titleBlock .call-for-works.eng ul li {
  display: block;
  width: 100%;
  text-align: center;
}

#mainimg .titleBlock .call-for-works.eng ul li:first-of-type {
  border: none;
}

#mainimg .titleBlock .call-for-works.eng ul li h3 {
  font-size: 16px;
  text-align: center;
}

#mainimg .titleBlock .call-for-works.eng ul li p.list {
  font-size: 15px;
  text-align: center;
}

#mainimg .titleBlock .call-for-works.eng ul li a.recruitment-btn {
  margin: 20px 10px 0;
}

#mainimg .dateBlock {
  position: absolute;
  bottom: 100px;
  left: 285px;
  width: 708px;
}

#mainimg .dateBlock .date-top {
  width: 500px;
  height: auto;
}

@media screen and (max-width: 768px) {
  #mainimg .dateBlock {
    display: none;
  }
}
#mainimg .dateBlock p.date {
  width: 350px;
}

#mainimg .dateBlock p.note {
  font-size: 14px;
  color: #FFF;
  margin-top: 12px;
  font-weight: 700;
  letter-spacing: 0;
}

#mainimg .dateBlock .recruitment {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  display: flex;
  align-items: center;
  color: #FFF;
  margin-top: 20px;
}

#mainimg .dateBlock .recruitment:before {
  width: 33%;
  content: "";
  height: 1px;
  background: #FFF;
  margin-right: 1em;
}

#mainimg .dateBlock .recruitment:after {
  width: 33%;
  content: "";
  height: 1px;
  background: #FFF;
  margin-left: 1em;
}

#mainimg dl {
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  letter-spacing: 0;
  width: 100%;
}

#mainimg dl dt {
  width: 52%;
  padding-right: 10px;
  box-sizing: border-box;
  color: #FFF;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 15px;
  align-items: center;
}

#mainimg dl dt span {
  font-size: 12px;
  display: block;
  margin-top: 4px;
}

#mainimg dl dd {
  width: 48%;
}

#mainimg dl dd a {
  padding: 8px;
  background: #ECC153;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  color: #060300;
  text-decoration: none;
  letter-spacing: 0;
  border: 1px solid #ECC153;
  box-sizing: border-box;
  width: 90%;
  display: block;
}

#mainimg dl dd a:hover {
  background: #060300;
  color: #FFF;
}

.dateBlock-sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .dateBlock-sp {
    display: block;
  }
  .dateBlock-sp .notice {
    background: #F2F0ED;
    padding: 20px;
    text-align: center;
  }
  .dateBlock-sp .notice p.date {
    width: 100%;
    margin: 0 auto;
  }
  .dateBlock-sp .notice p.note {
    font-size: 16px;
    margin-top: 10px;
  }
  .dateBlock-sp .notice .logo-eigasai2022 {
    width: 60%;
    display: block;
    margin: 20px auto 0;
  }
  .dateBlock-sp .recruitment-sp {
    background: #ECC153;
    padding: 20px 0;
  }
  .dateBlock-sp .recruitment-sp .recruitment {
    background: #FFF;
    padding: 6px 0;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
  }
  .dateBlock-sp .recruitment-sp dl {
    margin-top: 15px;
    text-align: center;
  }
  .dateBlock-sp .recruitment-sp dl dt {
    font-size: 18px;
  }
  .dateBlock-sp .recruitment-sp dl dt span {
    display: block;
    font-size: 14px;
  }
  .dateBlock-sp .recruitment-sp dl dt:last-of-type {
    margin-top: 15px;
  }
  .dateBlock-sp .recruitment-sp dl dd a {
    width: 80%;
    margin: 10px auto 0;
    background: #554834;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    display: block;
    padding: 6px 0;
  }
  .dateBlock-sp .recruitment-sp dl dd:first-of-type {
    padding-bottom: 15px;
    border-bottom: 1px solid #FFF;
  }
}
.index .link-list {
  display: flex;
  width: 950px;
  margin: 25px auto 0;
}
@media screen and (max-width: 1220px) {
  .index .link-list {
    width: 94%;
  }
  .index .link-list li a {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .index .link-list {
    width: 100%;
    margin: 15px auto 0;
    display: block;
  }
}
.index .link-list li {
  width: 33.33333%;
  box-sizing: border-box;
  border-right: 1px solid #060300;
  font-size: 19px;
  font-weight: 700;
  text-align: center;
  padding: 10px 15px;
  color: #aaa;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .index .link-list li {
    width: 100%;
    font-size: 13px;
    padding: 6px 6%;
    border-bottom: 1px solid #060300;
    border-right: none;
  }
}
.index .link-list li:first-of-type {
  border-left: 1px solid #060300;
}

@media screen and (max-width: 768px) {
  .index .link-list li:first-of-type {
    border-left: none;
  }
}
.index .link-list li a {
  text-decoration: none;
  color: #666;
}

.index .link-list li:hover {
  background: #f6f6f6;
  color: #333;
}

@media screen and (max-width: 768px) {
  .index .link-list li:last-of-type {
    border-right: none;
  }
}
.index .link-list li span {
  font-size: 28px;
  margin-left: 1.5em;
}

@media screen and (max-width: 768px) {
  .index .link-list li span {
    font-size: 16px;
    margin-left: 0.5em;
  }
}
.th-note {
  width: 950px;
  margin: 50px auto 0;
  font-size: 19px;
  line-height: 2;
  letter-spacing: 0.085em;
}

@media screen and (max-width: 768px) {
  .th-note {
    width: calc(100% - 40px);
    margin: 40px auto 0;
    font-size: 16px;
    line-height: 1.8;
  }
}
.ambassador-bnr {
  width: 950px;
  margin: 50px auto 0;
  transition: all 0.3s linear;
}

.ambassador-bnr:hover {
  opacity: 0.5;
}

@media screen and (max-width: 768px) {
  .ambassador-bnr {
    width: calc(100% - 40px);
    margin: 40px auto 0;
  }
}
.index .newsBlock {
  /*background: #FDE8E3;*/
  background: #f7efe7;
  padding: 60px 0;
  margin-top: 45px;
}
@media screen and (max-width: 768px) {
  .index .newsBlock {
    margin-top: 15px;
    padding: 35px 0;
  }
}
.index .newsBlock .in_wrap {
  width: 94% !important;
  margin: 0 auto !important;
}

.index .newsBlock dl {
  display: flex;
  flex-wrap: wrap;
  padding: 30px 35px;
  border-bottom: 1px solid #554834;
}

@media screen and (max-width: 768px) {
  .index .newsBlock dl {
    display: block;
    padding: 12px 0;
  }
}
.index .newsBlock dl:first-of-type {
  border-top: 1px solid #554834;
}

.index .newsBlock dl dt {
  width: 200px;
  font-size: 15px;
}

@media screen and (max-width: 768px) {
  .index .newsBlock dl dt {
    width: 100%;
    font-size: 13px;
  }
}
.index .newsBlock dl dt span {
  display: inline-block;
  padding: 2px 10px;
  background: #BE0000;
  color: #FFF;
  font-size: 14px;
  margin-left: 15px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .index .newsBlock dl dt span {
    font-size: 12px;
  }
}
.index .newsBlock dl dd {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .index .newsBlock dl dd {
    font-size: 14px;
    margin-top: 4px;
  }
}
.index .newsBlock dl dd a {
  color: #554834;
  text-decoration: none;
}

.index .newsBlock dl dd a:hover {
  text-decoration: underline;
}

.index .covid‑19 {
  border: 10px solid #ccc;
  padding: 15px 40px;
  box-sizing: border-box;
  width: 950px;
  margin: 65px auto;
}

@media screen and (max-width: 768px) {
  .index .covid‑19 {
    width: 92%;
    margin: 20px auto 40px;
    padding: 12px 20px 12px 20px;
  }
}
.index .covid‑19 dt {
  cursor: pointer;
  padding: 0;
  margin: 0;
  text-align: left;
}

.index .covid‑19 dt h2.covid {
  text-align: left;
  margin-bottom: 0 !important;
  color: #BE0000 !important;
  font-size: 20px !important;
  background: url(../images/top/covid-arrow.png) right center/8px auto no-repeat;
}

.index .covid‑19 dt h2.covid.open {
  background: url(../images/top/covid-arrow-under.png) right center/auto 8px no-repeat;
}

@media screen and (max-width: 768px) {
  .index .covid‑19 dt h2.covid {
    font-size: 16px !important;
    padding-right: 20px !important;
  }
}
.index .covid‑19 dd {
  padding: 0;
  margin: 0;
}

.index .covid‑19 dd p.txt {
  font-size: 16px;
  line-height: 1.8;
  margin-top: 35px;
}

@media screen and (max-width: 768px) {
  .index .covid‑19 dd p.txt {
    font-size: 14px;
    line-height: 1.6;
    margin-top: 20px;
  }
}
.index .covid‑19 dd h3 {
  font-size: 18px;
  margin-top: 28px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .index .covid‑19 dd h3 {
    font-size: 16px;
    margin-top: 20px;
  }
}
.index .covid‑19 dd .list {
  margin-top: 18px;
}

@media screen and (max-width: 768px) {
  .index .covid‑19 dd .list {
    margin-top: 15px;
  }
}
.index .covid‑19 dd .list li {
  font-size: 16px;
  line-height: 1.8;
  margin-left: 1em;
  text-indent: -1em;
}

@media screen and (max-width: 768px) {
  .index .covid‑19 dd .list li {
    font-size: 14px;
    line-height: 1.6;
  }
}
.index .covid‑19 dd .list li:before {
  content: "・";
  font-weight: 700;
}

.index .movie-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 60px auto 0;
  width: 1000px;
}

@media screen and (max-width: 768px) {
  .index .movie-wrap {
    display: block;
    margin: 40px auto 0;
    width: 90%;
  }
}
.index .panf a {
  text-decoration: none;
}

.index .panf a:hover {
  opacity: 0.6;
  text-decoration: underline;
}

.index .panf a p {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  color: #060300;
}

.index .movie-wrap .movie-block iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
  display: block;
}

.sp .textwidget {
  width: 90%;
  margin: 20px auto 0;
  border: 1px solid #CCC;
}

.index.en .link-list li {
  width: 100%;
  letter-spacing: 0;
  margin: 0 200px;
}

@media screen and (max-width: 768px) {
  .index.en .link-list li {
    margin: 0 5%;
    width: 90%;
  }
}
/*.index.en #mainimg p.note {
  width: 352px;
}*/
.index.en #mainimg .recruitment {
  width: 370px;
}

.index.en #mainimg .recruitment:before {
  width: 24%;
}

.index.en #mainimg .recruitment:after {
  width: 24%;
}

.index.en #mainimg .dateBlock dl {
  margin-top: 15px;
  width: 360px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  letter-spacing: 0;
}

.index.en #mainimg .dateBlock dl dt {
  width: 160px;
}

.index.en #mainimg .dateBlock dl dd {
  width: 200px;
}

.index.en #mainimg .dateBlock dl dd a {
  padding: 8px;
  background: #ECC153;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  color: #060300;
  text-decoration: none;
  letter-spacing: 0;
  border: 1px solid #ECC153;
  box-sizing: border-box;
  width: 200px;
  display: block;
}

.index.en #mainimg .dateBlock dl dd a:hover {
  background: #060300;
  color: #FFF;
}

@media screen and (max-width: 768px) {
  .en #mainimg {
    height: 580px;
    background-size: 2800px auto;
    background-position: center top -230px;
  }
}
.index.en #mainimg .titleBlock {
  width: 74%;
  bottom: 60px;
  text-align: center;
}

@media screen and (max-width: 1070px) {
  .index.en #mainimg .titleBlock {
    width: 96%;
  }
}
@media screen and (max-width: 768px) {
  .index.en #mainimg .titleBlock {
    left: 2%;
    top: auto;
    bottom: 20px;
  }
}
.index.en #mainimg .titleBlock h1 {
  width: 100% !important;
  margin-left: 0 !important;
}

.index.en #mainimg .titleBlock .Call-for-Entries a {
  display: inline-block;
  padding: 15px;
  font-size: 18px 28px;
  background-color: #FFF;
  margin-top: 50px;
  color: #F58B75;
  border: 1px solid #F58B75;
  text-decoration: none;
  border-radius: 10px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .index.en #mainimg .titleBlock .Call-for-Entries a {
    margin-top: 5px;
  }
}
.index.en #mainimg .titleBlock .Call-for-Entries a:hover {
  background-color: #F58B75;
  border: 1px solid #FFF;
  color: #FFF;
}

.news.en .submit {
  margin: 40px auto 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.news.en .submit li {
  width: 47%;
}

.news.en .submit li a {
  display: block;
  padding: 12px;
  text-align: center;
  font-size: 16px;
  border: 1px solid #AAA;
  border-radius: 5px;
  font-weight: 700;
  text-decoration: none;
  margin-bottom: 15px;
  color: #333;
  text-indent: 0;
}

.news.en .submit li a:hover {
  background-color: #F5F5F5;
  opacity: 0.8;
}

.news.en .languege ul {
  margin-top: 0;
  text-indent: 0;
}

/* SPACE 調節 */
.mt0 {
  margin-top: 0px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mr0 {
  margin-left: 0px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mr5 {
  margin-left: 5px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mr10 {
  margin-left: 10px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mr15 {
  margin-left: 15px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mr20 {
  margin-left: 20px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mr25 {
  margin-left: 25px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mr30 {
  margin-left: 30px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mr35 {
  margin-left: 35px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mr40 {
  margin-left: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mr45 {
  margin-left: 45px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mr50 {
  margin-left: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mr55 {
  margin-left: 55px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mr60 {
  margin-left: 60px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mr65 {
  margin-left: 65px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pr65 {
  padding-right: 65px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pl65 {
  padding-left: 65px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mr70 {
  margin-left: 70px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.mr75 {
  margin-left: 75px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.pr75 {
  padding-right: 75px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.pl75 {
  padding-left: 75px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mr80 {
  margin-left: 80px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.mr85 {
  margin-right: 85px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.mr85 {
  margin-left: 85px !important;
}

.pt85 {
  padding-top: 85px !important;
}

.pr85 {
  padding-right: 85px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.pl85 {
  padding-left: 85px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mr90 {
  margin-left: 90px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pr90 {
  padding-right: 90px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pl90 {
  padding-left: 90px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.mr95 {
  margin-right: 95px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.mr95 {
  margin-left: 95px !important;
}

.pt95 {
  padding-top: 95px !important;
}

.pr95 {
  padding-right: 95px !important;
}

.pb95 {
  padding-bottom: 95px !important;
}

.pl95 {
  padding-left: 95px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.mr100 {
  margin-left: 100px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pr100 {
  padding-right: 100px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pl100 {
  padding-left: 100px !important;
}

.mt105 {
  margin-top: 105px !important;
}

.mr105 {
  margin-right: 105px !important;
}

.mb105 {
  margin-bottom: 105px !important;
}

.mr105 {
  margin-left: 105px !important;
}

.pt105 {
  padding-top: 105px !important;
}

.pr105 {
  padding-right: 105px !important;
}

.pb105 {
  padding-bottom: 105px !important;
}

.pl105 {
  padding-left: 105px !important;
}

.mt110 {
  margin-top: 110px !important;
}

.mr110 {
  margin-right: 110px !important;
}

.mb110 {
  margin-bottom: 110px !important;
}

.mr110 {
  margin-left: 110px !important;
}

.pt110 {
  padding-top: 110px !important;
}

.pr110 {
  padding-right: 110px !important;
}

.pb110 {
  padding-bottom: 110px !important;
}

.pl110 {
  padding-left: 110px !important;
}

.mt115 {
  margin-top: 115px !important;
}

.mr115 {
  margin-right: 115px !important;
}

.mb115 {
  margin-bottom: 115px !important;
}

.mr115 {
  margin-left: 115px !important;
}

.pt115 {
  padding-top: 115px !important;
}

.pr115 {
  padding-right: 115px !important;
}

.pb115 {
  padding-bottom: 115px !important;
}

.pl115 {
  padding-left: 115px !important;
}

.mt120 {
  margin-top: 120px !important;
}

.mr120 {
  margin-right: 120px !important;
}

.mb120 {
  margin-bottom: 120px !important;
}

.mr120 {
  margin-left: 120px !important;
}

.pt120 {
  padding-top: 120px !important;
}

.pr120 {
  padding-right: 120px !important;
}

.pb120 {
  padding-bottom: 120px !important;
}

.pl120 {
  padding-left: 120px !important;
}

/*///////////////////////2025追加////////////////////////////*/
.talkmovie {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.talkmovie dt {
  width: 40%;
}

.talkmovie dd {
  width: 54%;
}

.talkmovie dd span {
  padding: 10px;
  background-color: #cee0f1;
  font-size: 18px;
  font-weight: 700;
  border-radius: 8px;
}

.talkmovie dd h3 {
  font-size: 24px;
  font-weight: 700;
  margin: 15px 0 0 0;
}

.special_30th {
  padding: 8px;
  text-align: center;
  font-size: 20px;
  background-color: #EB5F5A;
  letter-spacing: 0.1em;
  color: #FFF;
  margin-top: 40px;
  font-weight: 700;
}

.special_30th_txt {
  margin-top: 40px;
}

.festival_screening {
  padding: 8px 18px;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
  border: 1px solid #EB5F5A;
  color: #EB5F5A;
  border-radius: 30px;
  margin-top: 40px;
}

.movie_place2 {
  text-align: center;
}

.movie_place2 p {
  padding: 8px 30px;
  font-weight: 700;
  font-size: 18px;
  margin: 60px auto 0;
  background-color: #f7e1dd;
  display: inline-block;
  border-radius: 30px;
}

.index .guest_30th {
  width: 950px;
  margin: 60px auto 0;
  background-color: #faf6f2;
  padding: 35px 35px 10px;
  border: 2px solid #eac587;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .index .guest_30th {
    width: 90%;
    margin: 50px auto 0;
    padding: 20px 20px 10px;
  }
}
.index .guest_30th h2 {
  font-size: 28px;
  text-align: center;
  color: #7f4f21;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .index .guest_30th h2 {
    font-size: 18px;
  }
}
.index .guest_30th ul {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.index .guest_30th ul li {
  margin-bottom: 30px;
  width: 22%;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .index .guest_30th ul li {
    margin-bottom: 20px;
    width: 46%;
  }
}
.index .guest_30th ul li figure {
  position: relative;
}

.index .guest_30th ul li figure .ph-copyright {
  text-align: center;
  padding: 5px 0;
  color: #FFF;
  background-color: rgba(15, 15, 15, 0.7);
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 11px;
  width: 100%;
  letter-spacing: 0;
}

.index .guest_30th ul li .name {
  font-size: 18px;
  font-weight: 700;
  margin-top: 5px;
}

@media screen and (max-width: 768px) {
  .index .guest_30th ul li .name {
    font-size: 15px;
    letter-spacing: 0;
  }
}
.index .guest_30th ul li .name span {
  margin-left: 0.25em;
  font-size: 0.8em;
}

.index .guest_30th ul li .date {
  font-size: 1.25em;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .index .guest_30th ul li .date {
    font-size: 1em;
    line-height: 1.4;
  }
}
.index .guest_30th ul li .date em {
  font-size: 0.7em;
}

.index .guest_30th ul li .guest-note {
  font-size: 0.75em;
  letter-spacing: 0;
}

@media screen and (max-width: 768px) {
  .index .guest_30th ul li .guest-note {
    margin-top: 8px;
  }
}
.films.others .title {
  padding: 8px 0;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  background-color: #9A0706;
  margin-top: 60px;
  color: #FFF;
}

.films.others .txt {
  margin-top: 40px;
}

.films.others .work {
  display: inline-block;
  padding: 8px 25px;
  background-color: #FDE8E3;
  border-radius: 30px;
  border: 1px solid #999;
  margin-top: 40px;
  font-weight: 700;
}

.international-art-festival {
  width: 100%;
  margin: 30px auto 15px;
  padding: 5px;
  background-color: #FFF;
  box-sizing: border-box;
}

.page .tabiro {
  width: 350px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .page .tabiro {
    width: 90%;
    margin: 0 auto;
  }
}
.page .tabiro:hover {
  opacity: 0.7;
}

#header .tabiro {
  width: 100%;
}

@media screen and (max-width: 768px) {
  #header .tabiro {
    width: 90%;
  }
}
.refugee-film-festival {
  margin: 20px auto;
  width: 450px;
}

@media screen and (max-width: 768px) {
  .refugee-film-festival {
    width: 100%;
  }
}
.films p.guest {
  margin-top: 20px;
}

/*//////////// 受賞者 ////////////////////*/
.award-winning-works .award-title {
  font-weight: 700;
  padding: 12px 40px;
  background-color: #7E6C50;
  color: #FFF !important;
  font-size: 20px !important;
  text-align: left !important;
  margin: 60px 0 20px;
  line-height: 1;
}

.award-winning-works dl dd {
  margin-bottom: 15px;
  font-size: 16px;
  margin-top: 8px;
}

.award-winning-works dl dd a {
  color: #333;
  font-weight: 700;
}

.award-winning-works dl dd a span {
  font-size: 1.2em;
}

.award-winning-works .comment {
  font-size: 24px !important;
  font-weight: 700;
  padding-bottom: 10px;
  border-bottom: 1px solid #7E6C50;
  margin-top: 80px;
  line-height: 1;
  text-align: center !important;
}

.award-winning-works p.txt {
  line-height: 1.8;
  margin-top: 15px;
}

.award-winning-works h3 {
  margin-top: 50px;
  font-size: 18px;
  font-weight: bold;
}

.award-winning-works h3 span {
  display: block;
  font-size: 1.1em;
  font-weight: 700;
  margin-right: 0.5em;
}

.award-winning-works h3 span a {
  color: #333;
}

.award-winning-works .director-comment {
  display: flex;
  margin-top: 30px;
}

.award-winning-works .director-comment figure {
  width: 240px;
}

.award-winning-works .director-comment p {
  width: calc(100% - 240px - 2em);
  font-size: 16px;
  line-height: 2;
  margin-left: 2em;
}

.award-winning-works .translation {
  font-size: 16px;
  margin-top: 20px;
  line-height: 2;
}

.award-winning-works p.translation span {
  display: block;
}

h3.judge {
  margin-top: 60px;
}

.judge-member {
  margin-bottom: 60px;
}

.en-contents h2 {
  font-size: 20px;
  font-weight: 700;
  margin-top: 50px;
  margin-bottom: 60px;
  line-height: 1.6;
  letter-spacing: 0;
}
.en-contents h3 {
  margin-top: 40px;
  font-size: 20px;
}
.en-contents h4 {
  font-size: 18px;
  font-weight: 500;
}
.en-contents p {
  margin-top: 20px;
}

.psgecontents {
  width: calc(100% - 250px);
  margin-left: 250px;
}

.en-entry-pdf {
  margin-top: 60px;
  text-align: center;
}
.en-entry-pdf a {
  display: inline-block;
  padding: 15px 20px;
  background-color: #FFF;
  border-radius: 8px;
  color: #EB5F5A;
  border: 1px solid #EB5F5A;
  text-decoration: none;
  transition: all 0.2s linear;
}
.en-entry-pdf a:hover {
  background-color: #EB5F5A;
  color: #FFF;
}
.en-entry-pdf a span {
  font-size: 0.8em;
  margin-left: 0.25em;
  font-weight: 700;
}

.page.en .EntryForm {
margin-top: 90px;
position: relative;
padding: 35px 25px 25px;
border: 3px solid #825E3E;
border-radius: 8px;
text-align: center;
}
.page.en .EntryForm h3 {
position: absolute;
display: inline-block;
padding: 6px 20px;
color: #FFF;
background: #825E3E;
font-size: 20px !important;
margin: 0 !important;
top: -30px;
left: 40%;
border-radius: 30px;
}
.page.en .EntryForm .EntryList {
display: flex;
justify-content: space-between;
margin-left: 0 !Important;

}
.page.en .EntryForm .EntryList li {
width: 31.5%;
list-style: none !Important;
}
.page.en .EntryForm .EntryList li a {
padding: 15px 25px;
border: 1px solid #825E3E;
text-decoration: none;
color:  #825E3E;
display: block;
position: relative;
font-weight: 700;
transition: all .2s linear;
font-size: 15px;
}
.page.en .EntryForm .EntryList li a span {
position: absolute;
top: calc(50% - 14px);
right: 15px;
}
.page.en .EntryForm .EntryList li a:hover {
background:  #825E3E;
color: #FFF;
}


#header .SNSList {
display: flex;
justify-content: space-between;
padding: 10px;
}
#header .SNSList li {
width: 29%;
}

/*# sourceMappingURL=style.css.map */