@charset "utf-8";
.movie1_wrapper img {
display: block;
width: 100%;
height: auto;
}
.movie1_wrapper a {
display: inline-block;
vertical-align: top;
}
.movie1_wrapper {
width: min(100%,1300px);
margin: 0 auto;
}
.movie1_wrapper .movie1_logo {
width: min(92.3%,1200px);
margin: 0 auto;
}
.movie1_wrapper .movie1_logo img {
width: 124px;
padding: 18px 0;
box-sizing: content-box;
}
.movie1_wrapper .movie1_kv_ttl {
width: min(100%,1200px);
margin: 0 auto;
}

.movie1_wrapper .movie1_lead {
width: min(92.3%,1200px);
margin: 2.5em auto 5em;
text-align: center;
}
.movie1_wrapper .movie1_body {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2em;
width: min(92.3%,1200px);
margin: 0 auto;
}
.movie1_wrapper .movie1_ttl {
display: grid;
margin-bottom: 2rem;
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
font-size: 2.4rem;
line-height: 1.4;
border-bottom: 1px solid #d4d4d4;
word-break: keep-all;
overflow-wrap: anywhere;
}
.movie1_wrapper .movie1_label {
display: inline-block;
width: fit-content;
margin-bottom: .4em;
padding: .4em;
box-sizing: border-box;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", sans-serif;  
font-size: 1.8rem;
line-height: 1.25;
text-box: trim-both cap alphabetic;
color: #fff;
background-color: #ad9360;
}
.movie1_wrapper .movie1_mov {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
vertical-align: top;
}
.movie1_wrapper .movie1_mov + p {
margin-top: .5em;
}
.movie1_wrapper .movie1_mov iframe {
width: 100%;
height: 100%;
vertical-align: top;
}
.movie1_wrapper .movie1_present {
width: min(100%,1104px);
margin: 80px auto;
}
.movie1_wrapper .movie1_present_ttl {
padding: .4em 1em .3em;
box-sizing: border-box;
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
font-size: 3.6rem;
text-align: center;
text-shadow: 2px 3px 0 rgb(39 13 23 / .5);
letter-spacing: .04em;
text-indent: .04em;
line-height: 1.3;
color: #fff;
background-color: #564433;
background: linear-gradient(to left, #3c2a17 0, #4d3b2a 30%, #8e8171 65%, #756555 80%,#564433);
}
.movie1_wrapper .movie1_present_ttl span {
white-space: nowrap;
}
.movie1_wrapper .movie1_present_wrap {
display: grid;
grid-template-columns: 1fr 313px;
gap: 2em;
align-items: center;
margin: 0 auto;
padding: 1.75em 1.8em .5em;
box-sizing: border-box;
background: url("/soudan/shisan/lp/movie1/imgs/movie1_present_bg.jpg") center / cover no-repeat;
}
.movie1_wrapper .movie1_present_wrap figure {
margin: 0;
padding: 0;
}
.movie1_wrapper .movie1_present_wrap figcaption {
margin: .8em 0 0;
padding: 0;
text-align: right;
}
.movie1_wrapper .movie1_present_txt {
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
font-size: 2.8rem;
font-weight: bold;
font-feature-settings: "palt";
text-align: center;
color: #332116;
line-height: 1.2;
letter-spacing: .05em;
}
.movie1_wrapper .movie1_txt {
display: inline-block;
margin-bottom: .5em;
}
.movie1_wrapper .movie1_marker {
display: inline-block;
margin-inline: .2em;
padding-inline: .1em;
background-image: linear-gradient(to bottom, transparent 0 50%, #b29a6a 100%);
}
.movie1_wrapper .movie1_marker b {
font-size: .7857em;
}
.movie1_wrapper .movie1_lottery {
display: flex;
align-items: center;
justify-content: center;
margin-top: 1em;
}
.movie1_wrapper .movie1_lottery::before,
.movie1_wrapper .movie1_lottery::after {
content: "";
height: 1px;
width: 3.5em;
background-color: #332116;
}
.movie1_wrapper .movie1_lottery::before {
margin-right: .5em;
}
.movie1_wrapper .movie1_lottery::after {
margin-left: .5em;
}
.movie1_wrapper .movie1_present_txt strong {
display: block;
margin-bottom: .25em;
font-size: 7.5rem;
line-height: 1.2;
}
.movie1_wrapper .movie1_present_txt strong b {
font-size: .8em;
}
.movie1_wrapper .movie1_txt_red {
white-space: nowrap;
color: #820000;
}
.movie1_wrapper .movie1_present_body {
width: min(100%,62em);
margin: 1.5em auto;
padding: 0 2em;
box-sizing: border-box;
}
.movie1_wrapper .movie1_present_body dl {
margin: 0 0 .5em;
padding: 0;
font-size: 2rem;
font-weight: bold;
overflow-wrap: anywhere;
word-break: normal;
line-break: strict;
}
.movie1_wrapper .movie1_present_body dl div {
display: flex;
}
.movie1_wrapper .movie1_present_body dt {
white-space: nowrap;
}
.movie1_wrapper .movie1_present_body dd span {
display: inline-block;
}
.movie1_wrapper .movie1_notes {
font-size: 1.4rem;
}
.movie1_wrapper .movie1_notes li {
display: flex;
column-gap: 5px;
}
.movie1_wrapper .movie1_questionnaire {
width: min(100%, 33.5em);
margin: 1.7em auto;
}
.movie1_wrapper .movie1_red {
border-color: #820000;
background-color: #820000;
}
.movie1_wrapper .movie1_wm_link {
font-weight: bold;
border-color: #ad9360;
background-color: #ad9360;
}
.movie1_wrapper .movie1_wm_link.a-btn:link {
color: #fff;
}
.movie1_wrapper .movie1_wm_link.a-btn:before {
background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20401%20678%22%20fill%3D%22%23ffffff%22%3E%3Cpolygon%20points%3D%2232.5%2C339%200%2C306.8%20136.1%2C169.5%200%2C32.2%2032.5%2C0%20200.5%2C169.5%20%22%2F%3E%3C%2Fsvg%3E);
}
.movie1_wrapper .movie1_brand {
width: min(100%,1200px);
margin: 0 auto;
text-align: center;
word-break: keep-all;
overflow-wrap: anywhere;  
}
.movie1_wrapper .movie1_brand p:first-child {
margin-bottom: .6em;
font-weight: bold;
}
.movie1_wrapper .movie1_brand_link {
width: min(100%,30em);
margin: .6em auto 0;
font-size: 1.8rem;
}
.movie1_wrapper .movie1_date {
width: min(100%,1200px);
margin: 40px auto 80px;
text-align: right;
}
.movie1_wrapper .a-btn:hover,
.movie1_wrapper .a-btn:active,
.movie1_wrapper .movie1_wm_link.a-btn:hover {
opacity: .8;
border-color: transparent;
}
@media screen and (max-width: 830px) {
.movie1_wrapper .movie1_present_wrap {
grid-template-columns: 1fr;
grid-gap: 1.6em;
padding: 2.5em 1em .8em;
}
.movie1_wrapper .movie1_present_wrap figure {
width: min(100%,313px);
margin: 0 auto;
}
}
@media screen and (max-width: 48em) {
.movie1_wrapper .movie1_lead {
margin: 1.25em auto 5em;
text-align: left;
}
.movie1_wrapper .movie1_body {
grid-template-columns: 1fr;
gap: 4em;
}
.movie1_wrapper .movie1_ttl {
text-align: center;
}
.movie1_wrapper .movie1_label {
margin-inline: auto;
padding: .2em .3em;
}
.movie1_wrapper .movie1_present_ttl {
padding: .6em;
font-size: clamp(2.4rem,3vw,3.6rem);
letter-spacing: normal;
}
.movie1_wrapper .movie1_present_wrap figcaption {
margin-top: .3em;
}
.movie1_wrapper .movie1_present_txt {
font-size: 2.1rem;
}
.movie1_wrapper .movie1_marker {
margin-bottom: .5em;
}
.movie1_wrapper .movie1_lottery {
margin-top: .6em;
}
.movie1_wrapper .movie1_present_txt strong {
font-size: 4rem;
}
.movie1_wrapper .movie1_present_body {
padding: 0 1em;
}
.movie1_wrapper .movie1_present_body dl {
margin: 0 0 1.2em;
font-size: 1em;
}  
.movie1_wrapper .movie1_present_body dl div {
display: block;
}
.movie1_wrapper .movie1_present_body dd span {
display: inline;
}
.movie1_wrapper .movie1_questionnaire {
margin: 2.5em auto;
}
.movie1_wrapper .movie1_wm_link.a-btn:link {
padding-top: .6em;
padding-bottom: .6em;
line-height: 1.4;
}
.movie1_wrapper .movie1_brand {
width: auto;
margin: 0 1em;
padding-bottom: 2.5em;
}
.movie1_wrapper .movie1_brand p:first-child {
margin-bottom: 1em;
}
.movie1_wrapper .movie1_logo {
text-align: center;
}
.movie1_wrapper .movie1_logo img {
width: 141px;
margin: 0 auto;
padding: 16px 10px;
}
}
/* modal */
.movie1_wrapper .movie1_js_fixid {
overflow: hidden;
}
.movie1_wrapper .movie1_modal_block {
opacity: 0;
visibility: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 100%;
height: 100%;
background: rgb(0 0 0 / 70%);
z-index: 9999;
transition: .4s ease-in-out;
}
.movie1_wrapper .movie1_modal_block.movie1_show {
opacity: 1;
visibility: visible;
transition: .4s ease-in-out;
}
.movie1_wrapper .movie1_close {
position: relative;
z-index: 2;
width: min(96%, 1030px);
margin: 0 auto 1em;
padding: .6em .6em .4em;
box-sizing: border-box;
font-size: 1.25em;
font-weight: bold;
text-align: center;
color: #e60000;
border: 2px solid currentColor;
}
.movie1_wrapper .movie1_close span {
display: inline-block;
}