body{height:100%;background-color:white;color:rgb(25,25,25);font-size:1.0em;letter-spacing:0;line-height:1.7em;font-family: "メイリオ", Meiryo, "MS ゴシック",arial;-webkit-text-size-adjust: 100%;background:url(../img/shugonokotoBG.png) no-repeat top center;}


body p{font-size:1.0em;}

div#maincentering{text-align:center;width:100%;}
div.centering{text-align:center;width:100%;}

figure{clear:both;}

em{font-style:normal;font-weight:bold;}
em.emphasis{font-style:normal;font-weight:bold;color:black;}
.strike{text-decoration:line-through;}
strong{font-style:normal;font-weight:bold;}
sup{font-size:90%;}
sup.inyou{font-size:70%;vertical-align:text-top;line-height:9px;}
sup.zenkyoku{font-size:70%;vertical-align:text-top;line-height:9px;}
hr{display:none;}
a{outline:0;}
img{margin:0;padding:0;border-width:0;vertical-align:top;vertical-align:bottom}

table{border-collapse:collapse;empty-cells:show;font-size:1.0em;}
td{vertical-align:top;font-size:1.0em;}
ul{list-style-type:none;list-style-position:outside;}
ol{list-style-type:none;list-style-position:outside;}
dt{margin:0;padding:0;}
dd{margin:0;padding:0;}

p.hidden{display:none;}
td.hidden{display:none;}
h1.hidden{display:none;}
h2.hidden{display:none;}
h3.hidden{display:none;}
h4.hidden{display:none;}
h5.hidden{display:none;}

.x-small{font-size:10px;letter-spacing:0.1em;}
.small{font-size:12px;letter-spacing:0.1em;}
.medium{font-size:16px;letter-spacing:0.07em;}
.large{font-size:18px;letter-spacing:0.06em;}
.x-large{font-size:20px;letter-spacing:0.06em;}
.xx-large{font-size:26px;letter-spacing:0.04em;}
.xxx-large{font-size:30px;letter-spacing:0.04em;}
.xxxx-large{font-size:34px;letter-spacing:0.04em;}


h1{display:none;}
h2{display:none;}
h3{display:none;}

p#synopsis{width:824px;height:865px;margin:0 auto;padding:0;background:url(../img/synopsis.png) no-repeat top center;text-indent:-9999px;}
p#synopsisimg{width:804px;height:3570px;margin:0 auto;padding:0;background:url(../img/synopsis_img.png) no-repeat top center;text-indent:-9999px;}
p#characters{width:842px;height:2060px;margin:0 auto;padding:0;background:url(../img/characters251203.png) no-repeat top center;text-indent:-9999px;}
p#cast_staff{width:860px;height:945px;margin:0 auto;padding:0;background:url(../img/cast_staff.png) no-repeat top center;text-indent:-9999px;}
p#behindthescenes{width:904px;height:4620px;margin:0 auto;padding:0;background:url(../img/behindthescenes.png) no-repeat top center;text-indent:-9999px;}

p#yamato{width:358px;height:260px;margin:0 auto;padding:0;text-indent:-9999px;}
p#yamato a{display:block;width:358px;height:118px;background:url(../img/to_yamato.jpg?20251216) no-repeat top left;margin:0;padding:0;border:0;text-decoration:none;background-color:transparent;}
p#yamato a:hover{background:url(../img/to_yamato.jpg?20251216) no-repeat top left;}

div#movie{height:675px;margin:1250px auto 0;background:url(../img/movie_shadow.png) no-repeat top center;}
div#movie video{max-width: 928px;aspect-ratio: 928 / 522;width: 100%;height: auto;}

p#partner{text-align: center;padding: 0 20px 100px;margin-top: -50px;}
p#partner a{display: inline-block;border: 1px solid #cdcdcd;width: 100%;max-width: 360px;padding: 20px;border-radius: 12px}
p#partner a:hover{opacity: .7;}
p#partner img{width: 100%;}

@media screen and (max-width: 960px) {
	body{background:url(../img/shugonokotoBG_min.png) no-repeat top center;background-size: contain;}
	p#synopsis{max-width: 824px;aspect-ratio: 824 / 865;width: 100%;height: auto;background-size: contain;}
	p#synopsisimg{max-width: 804px;aspect-ratio: 804 / 3570;width: 100%;height: auto;background-size: contain;}
	p#characters{max-width: 842px;aspect-ratio: 842 / 2060;width: 100%;height: auto;background-size: contain;}
	p#cast_staff{max-width: 860px;aspect-ratio: 860 / 945;width: 100%;height: auto;background-size: contain;}
	p#behindthescenes{max-width: 904px;aspect-ratio: 904 / 4620;width: 100%;height: auto;background-size: contain;}
	p#yamato{max-width: 75%;}
	p#partner a{width: 360px;max-width: 75%;line-height: 1;}
	p#yamato a{aspect-ratio: 358 / 105;width: 100%;height: auto;background-size: contain;margin: 0 auto;}
	div#movie{height: auto;margin-bottom: 15vw;margin-top: 130.5vw;padding: 3vw;background-position: center bottom;background-size: contain;}
	div#movie iframe{max-width: 928px;aspect-ratio: 928 / 522;width: 100%;height: auto;}
}