#head {
  position: relative;
  padding-top: 3.8rem;
}
#head .base {
  line-height: 0;
  position: relative;
}
#head .base .bg {
  opacity: 0;
  width: 100%;
}
#head .base .parts {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 1;
}
#head .base._do_anim .bg {
  -webkit-transition: opacity 5s 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  transition: opacity 5s 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  opacity: 1;
}
#head .base._do_anim .parts {
  -webkit-transition: opacity 2s cubic-bezier(0.33, 1, 0.68, 1);
  transition: opacity 2s cubic-bezier(0.33, 1, 0.68, 1);
  opacity: 1;
}
#head .base._do_anim .p01 {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
#head .base._do_anim .p02 {
  -webkit-transition-delay: 2.1s;
          transition-delay: 2.1s;
}
#head .base._do_anim .p03 {
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}
#head .base._do_anim .p04 {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
#head .base._do_anim .p06 {
  -webkit-transition-delay: 1.7s;
          transition-delay: 1.7s;
}
#head .base._do_anim .p07 {
  -webkit-transition-delay: 1.9s;
          transition-delay: 1.9s;
}
#head .base._do_anim .p08 {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
#head .base._do_anim .p09 {
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}
#head .base .p01 {
  width: 16.6743642857%;
  left: 18.4370071429%;
  top: 16.13335%;
}
#head .base .p02 {
  width: 17.7965642857%;
  left: 12.5441714286%;
  top: 47.3326166667%;
}
#head .base .p03 {
  width: 19.1674%;
  left: 14.5324785714%;
  top: 82.5004333333%;
}
#head .base .p04 {
  width: 15.1013214286%;
  left: 54.0193142857%;
  top: 15.6217666667%;
}
#head .base .p05 {
  width: 15.2549428571%;
  left: 50.7436571429%;
  top: 44.9625%;
}
#head .base .p06 {
  width: 14.4100571429%;
  left: 52.2977928571%;
  top: 76.0474%;
}
#head .base .p07 {
  width: 16.2190357143%;
  left: 69.6155%;
  top: 20.81945%;
}
#head .base .p08 {
  width: 13.6385428571%;
  left: 69.9952857143%;
  top: 64.6006666667%;
}
#head .base .p09 {
  width: 16.93655%;
  left: 88.9834714286%;
  top: 34.7277%;
}
@media print, screen and (min-width: 768px) {
  #head .base .ttl {
    position: absolute;
    z-index: 5;
    color: #000;
    font-size: 3.6rem;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-font-feature-settings: "pkna";
    font-feature-settings: "pkna";
    white-space: nowrap;
    right: 10%;
    bottom: 0;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    z-index: 5;
  }
}
@media screen and (max-width: 767px) {
  #head .base .p01 {
    width: 32.422375%;
    left: 19.8431944444%;
    top: 16.7111652174%;
  }
  #head .base .p02 {
    width: 24.1827638889%;
    left: 13.5957361111%;
    top: 44.7135130435%;
  }
  #head .base .p03 {
    width: 37.2699444444%;
    left: 20.3540138889%;
    top: 85.963773913%;
  }
  #head .base .p04 {
    width: 34.7134027778%;
    left: 51.9191527778%;
    top: 14.7500521739%;
  }
  #head .base .p05 {
    width: 29.6623888889%;
    left: 61.7258472222%;
    top: 43.2303652174%;
  }
  #head .base .p06 {
    width: 28.0195555556%;
    left: 58.9006944444%;
    top: 81.0657913043%;
  }
  #head .base .p07 {
    width: 31.5370138889%;
    left: 83.9976944444%;
    top: 19.2246434783%;
  }
  #head .base .p08 {
    width: 26.5193888889%;
    left: 84.9516527778%;
    top: 82.8996173913%;
  }
  #head .base .p09 {
    width: 43.4907916667%;
    left: 78.0401666667%;
    top: 50.8968347826%;
  }
  #head .ttl {
    text-align: center;
    position: static;
    color: #000;
    font-size: 3.6rem;
    margin-top: 1em;
  }
}

#message {
  text-align: center;
}
#message .txt01 {
  margin-bottom: 6rem;
}
#message .photo01 img {
  display: block;
}

#posts {
  padding-top: 8rem;
  padding-bottom: 4rem;
}
#posts .category li {
  border-bottom: none;
}
#posts .category li:active, #posts .category li:hover {
  opacity: 0.5;
}
#posts .category li.on {
  color: #9A8D66;
}
#posts .category li.on .arrow::before, #posts .category li.on .arrow::after {
  background-color: #9A8D66;
}
#posts {
  /*
  	.category {
  		text-align: center;
  		margin-bottom: 10rem;

  		li {
  			cursor: pointer;
  			display: inline-block;
  			white-space: nowrap;
  			font-size: 2rem;
  			line-height: 1.75;
  			border-bottom: 1px solid rgba(#000, 0);
  			transition: border-color 0.1s, opacity 0.3s;
  			margin: 0 3rem;
  			margin-bottom: 1rem;

  			.arrow {
  				margin-left: 1em;
  			}

  			&:active,
  			&:hover {
  				opacity: 0.5;
  			}

  			&.on {
  				color: #9A8D66;

  				.arrow {
  					&::before,
  					&::after {
  						background-color: #9A8D66;
  					}
  				}
  			}
  		}
  	}
  */
  /*
  .cols {
  	.cols_inner {
  		margin-right: -3rem;

  		& > .col {
  			padding-right: 3rem;
  			display: flex;
  			flex-direction: column;
  			padding-bottom: 6rem;

  			.photo {
  				line-height: 0;
  				margin-bottom: 2rem;

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

  				a {
  					display: block;
  				}
  			}

  			.txt {
  				flex-grow: 1;
  				display: flex;
  				flex-direction: column;

  				.li_ttl {
  					display: flex;
  					align-items: center;
  					font-size: 2rem;
  					line-height: 1.75;

  					.li_category {
  						display: flex;
  						align-items: center;

  						&::before {
  							content: "";
  							display: inline-block;
  							height: 1em;
  							margin: 0 1em;
  							margin-bottom: -0.1em;
  							border-left: 1px solid #000;
  						}
  					}
  				}

  				.li_descript {
  					font-size: 1.6rem;
  					line-height: 1.75;
  					margin-top: 0.5em;
  				}

  				.li_moretxt {
  					font-size: 1.4rem;
  					line-height: 1.75;
  					margin-top: 0.5em;
  					margin-bottom: auto;
  				}

  				.li_link {
  					font-size: 1.6rem;
  					line-height: 1.75;
  					margin-top: 1.5em;

  					a {
  						.icon {
  							margin-right: 0.5em;
  						}
  					}
  				}
  			}
  		}
  	}
  }
  */
}

#originalsong {
  padding-bottom: 5em;
}
#originalsong .area_ttl {
  text-align: center;
  margin-bottom: 3.125em;
}
#originalsong .area_ttl .txt {
  font-size: 1.5625em;
  letter-spacing: 0;
}
#originalsong .movie {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#originalsong .movie .movie_item {
  width: 48.6486486486%;
}
#originalsong .movie .movie_item .txt {
  text-align: center;
  font-size: 1.25em;
}
#originalsong .movie .movie_item .txt .small {
  font-size: 0.8em;
  margin-bottom: 0.2em;
}
@media screen and (max-width: 767px) {
  #originalsong .movie {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #originalsong .movie .movie_item {
    width: 100%;
  }
  #originalsong .movie .movie_item:not(:last-child) {
    margin-bottom: 6rem;
  }
  #originalsong .movie .movie_item .txt {
    font-size: 2.6rem;
  }
}/*# sourceMappingURL=territorio.css.map */