@charset "UTF-8";
/* CSS Document */
body {
  padding: 10px;
  background-color: #ECECEC;
  background-image: url("../img/bg_noise.jpg");
  background-size: contain;
  color: #333333;
  overflow-x: hidden;
  height: 100vh;
  position: relative;
}
.p-top-txt {
  font-size: 42px;
  letter-spacing: 0.1em;
  line-height: 1.2em;
  margin-top: 0;
  margin-bottom: 10px;
}
.p-top-txt__link{
	text-decoration: none;
	color:#333333;
}
.p-top-sub {
  font-size: 20px;
  letter-spacing: 0.1em;
  line-height: 1.2em;
  margin-top: 0;
  margin-bottom: 10px;
}
.p-top-main {
  font-size: 36px;
  letter-spacing: 0.1em;
  line-height: 1.2em;
  margin-top: 0;
  margin-bottom: 10px;
}
.p-top-txt-sub {
  font-size: 36px;
  margin-bottom: 20px;
}

.p-top-link {
  font-size: 32px;
  text-decoration: none;
  color: #333333;
}
@media screen and (min-width: 800px) {
.p-top-txt {
  font-size: 72px;
}
.p-top-sub {
  font-size: 42px;
}
.p-top-main {
  font-size: 62px;
}	
.p-top-txt-sub {
  font-size: 74px;
}
.p-top-link {
  font-size: 64px;
}
}
.p-top-link:hover {
  color: #333333;
  -webkit-text-fill-color: #ECECEC; /* （順序に関係なく）色を上書きする */
  -webkit-text-stroke: 1px #333;
}
.p-collection{
 margin-left: 25px;
}
.footer{
  bottom: 20px;
  text-align: center;
  width: 100%;
}
/*----------font----------*/
.p-top__a {
  font-family: "Sail", system-ui;
}
.p-top__b {
  font-family: "Pirata One", system-ui;
}
.p-top__c {
  font-family: "Lexend Tera", sans-serif;
  font-optical-sizing: auto;
}
.p-top__d {
  font-family: "Slackey", sans-serif;
}
.p-top__e {
  font-family: "Waiting for the Sunrise", cursive;
}
.p-top__f {
  font-family: "Squada One", sans-serif;
}
.p-top__g {
  font-family: "Averia Gruesa Libre", system-ui;
}
.p-top__h {
  font-family: "Beau Rivage", cursive;
}
.p-top__i {
  font-family: "Bebas Neue", sans-serif;
}
.p-top__j {
  font-family: "Girassol", serif;
}
.p-top__k {
  font-family: "Bruno Ace SC", sans-serif;
}
.p-top__l {
  font-family: "Diplomata SC", serif;
}
.p-top__m {
  font-family: "Platypi", serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.p-top__n {
  font-family: "Barrio", system-ui;
}
.p-top__o {
  font-family: "Arbutus Slab", serif;
}
.p-top__p {
  font-family: "Fascinate", system-ui;
}
.p-top__q {
  font-family: "Shantell Sans", cursive;
  font-optical-sizing: auto;
  font-variation-settings:
    "BNCE"0, "INFM"0, "SPAC"0;
}
.p-top__r {
  font-family: "Shadows Into Light", cursive;
}
.p-top__s {
  font-family: "Fontdiner Swanky", serif;
}
.p-top__t {
  font-family: "Wire One", sans-serif;
}
.p-top__u {
  font-family: "Patua One", serif;
}
.p-top__v {
  font-family: "M PLUS Code Latin", monospace;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "wdth"100;
}
.p-top__w {
  font-family: "Oleo Script", system-ui;
}
.p-top__x {
  font-family: "Edu QLD Beginner", cursive;
  font-optical-sizing: auto;
}
.p-top__y {
  font-family: "UnifrakturCook", cursive;
}
.p-top__z {
  font-family: "Kavoon", serif;
}
.p-top__0 {
  font-family: "Nosifer", sans-serif;
}
.p-top__1 {
  font-family: "Notable", sans-serif;
}
.p-top__2 {
  font-family: "Glass Antiqua", cursive;
}
.p-top__3 {
  font-family: "Macondo Swash Caps", cursive;
}
.p-top__4 {
  font-family: "Cinzel Decorative", serif;
}
.p-top__5 {
  font-family: "Stalemate", cursive;
}
.p-top__6 {
  font-family: "Covered By Your Grace", cursive;
}
.p-top__7 {
  font-family: "Pontano Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.p-top__8 {
  font-family: "Rubik Maze", system-ui;
}
.p-top__9 {
  font-family: "Stick", sans-serif;
}
.p-top__0 {
  font-family: "Asset", serif;
}


/******back******/
.back {
  margin-bottom: 20px;
	text-align: center;
}
.back-txt {}
.back-txt__link {
  text-decolation: none;
  text-decoration-line: none;
  color: #333333;
}

@media screen and (min-width: 800px) {
	
	
.back {
  margin-bottom: 60px;
	text-align: center;
}
.back-txt {}
.back-txt__link {
  text-decolation: none;
  text-decoration-line: none;
  color: #333333;
}
}