@charset "UTF-8";

/*
 Template: pace
 Theme Name: pace_child
*/
@font-face {
font-family: Zen Old Mincho;
font-display: swap;
src: url("/utsukushiikare_cinemaorchestra/font/ZenOldMincho-Regular.ttf") format("TrueType");
}

* { margin: 0px; padding: 0px; }

/* A Modern CSS Reset */
*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role="list"],ol[role="list"]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}

/* common */
*,*::before,*::after { box-sizing: border-box;}

ul,ol { padding: 0;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,figcaption,blockquote,dl,dd { margin: 0;}

p { margin-block-start: 0; margin-block-end: 0;}


ul,ol { list-style: none;}
li { list-style-type: none;}

a {text-decoration: none;text-decoration-skip-ink: auto;}

img { width: 100%; display: block; height: auto;}

article > * + * {margin-top: 0;}

input,button,textarea,select { font: inherit;}

html {
  width: 100%;
  height: 100%;
}

body {
  width: 100%;
  height: 100%; }




#content { height: auto!important;}
#wrapper { width: 100%; height: auto;}

section,
.section {
  width: 100%;
  height: auto;
  position: relative; }


/*========= RESET++ ===============*/
body {
  width: auto;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  padding: 0;
  font-family: 'Zen_Old_Mincho variant4', 'Noto Serif JP', serif;
  overflow-x: hidden;
  color: #000;
}
html, body {
  height: 100%;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
a {
  color: #000;
}
a:hover, a:active {
  text-decoration: none;
  cursor: pointer;
}
.to_top {
  position: fixed;
  bottom: 3%;
  right: 14px;
  width: 35px;
  height: 35px;
  border-radius: 19%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(46,44,39, 0.9);
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  z-index: 2;
}

.to_top a {
  text-decoration: none;
  color: black;
  width: 35px;
  height: 35px;
}

.to_top span {
    display: block;
    position: relative;
}

.to_top span::after {
    width: 16px;
    height: 16px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 13px;
    left: 0;
    right: 0;
    margin: auto;
    content:
    "";
    vertical-align: middle;
}


.sns_wrapper { width: 95%; margin: auto;}
#sbi_load { display: none;}
/*-------------------------------------------
CSSアニメーションの指定(PCのみ)
-------------------------------------------*/
.fadein {
    opacity: 0;
    transform: translate(0, 50px);
    transition: all 1.2s;
  }
  .fadein.scrollin {
    opacity: 1;
    transform: translate(0, 0);
  }
    
@media screen and (min-width: 964px) {
    .to_top { right: 40px;}
}