:root {
                --header-image: url('');
                --body-bg-image: url('media/foollovers-w01-bg-star.gif');

                /* colors */
                --content: #43256E;
            }

			@font-face {
				font-family: emoji;
				src:url(https://dl.dropbox.com/s/cvba4kh6qm23mru/EmojiFont.ttf);
			}

			@font-face{
				font-family:iconbit2;
				src:url(https://dl.dropbox.com/s/i1d2ad8yonq3ynb/IconBitTwo.ttf);
			}

			@font-face{
				font-family:mamemoji;
				src:url(https://dl.dropbox.com/s/y0um53c5m3g66dn/mamemoji.ttf?);
			}

			@import url('https://fonts.googleapis.com/css2?family=Gaegu:wght@300;400;700&display=swap');

            body {
                font-family: ms ui gothic, tahoma;
				font-size:12px;
                margin: 0;
                background-color: #FFFFF3;
				image-rendering: pixelated;
				image-rendering: -moz-crisp-edges;
				image-rendering: crisp-edges;
                /* you can delete the line below if you'd prefer to not use an image */
                background-size: 250px;
                color: #894736;
                background-image: var(--body-bg-image);
            }

            * {
                box-sizing: border-box;
            }

            #container {
                max-width: 550px;
				width:550px;
                margin: 0 auto;
            }

            #header {
                width: 100%;
                background-color: transparent;
                background-image: var(--header-image);
                background-size: 100%;
				margin:0px;
            }

            /* navigation section!! */
            #navbar {
                height: 40px;
                background-color: #13092D;
                /* navbar color */
                width: 100%;
            }

            #navbar ul {
                display: flex;
                padding: 0;
                margin: 0;
                list-style-type: none;
                justify-content: space-evenly;
            }

            #navbar li {
                padding-top: 10px;
            }

            /* navigation links*/
            #navbar li a {
                color: #10B5B1;
                /* navbar text color */
                font-weight: 800;
                text-decoration: none;
                /* this removes the underline */
            }

            /* navigation link when a link is hovered over */
            #navbar li a:hover {
                color: #a49cba;
                text-decoration: underline;
            }

            #flex {
                display: flex;
            }


            aside {
                background-color: #241445;
                width: 200px;
                padding: 20px;
                font-size: smaller;
                /* this makes the sidebar text slightly smaller */
            }


            main {
                background-image:url('media/sozaioukoku-h005-2.gif');
				background-repeat:repeat;
				background-size:70px;
				background-color:#FCF3F8;
				border:1px solid #ededed;
				min-height:100vh;
				border-top:0px;
				border-bottom:0px;
				flex: 1;
				padding:10px;
                order: 2;
            }

            #footer {
                background-color: #fff;
                /* background color for footer */
                width: 100%;
				padding:5px;
				padding-top:15px;
				padding-bottom:15px;
                text-align: center;
				border:1px black solid;
				margin-top:10px;
                /* this centers the footer text */
            }

            h1,
            h2,
            h3 {
				font-size:15px;
				padding:0px;
				margin:0px;
				font-weight:bold;
				font-family:'balsamiq sans';
            }
			
            h4 {
				font-size:12px;
				padding:0px;
				margin:0px;
				margin-top:3px;
				font-weight:bold;
            }
			
			p {
				padding:0px;
				margin:0px;
				margin-bottom:5px;
			}
			

            strong {
                /* this styles bold text */
                color: #10B5B1;
            }
			

			/* Create two equal columns that floats next to each other */
			.column {
				float: left;
			}

			.left {
				width: 33%;
				padding-right:5px;
			}
			
			.middle {
				width: 34%;
				padding-right:5px;
				padding-left:5px;
			}

			.right {
				width: 33%;
				padding-left:5px;
			}

			/* Clear floats after the columns */
			.row:after {
				content: "";
				display: table;
				clear: both;
			}
			
            /* CSS for extras */

            #topBar {
                width: 100%;
                height: 30px;
                padding: 10px;
                font-size: smaller;
                background-color: #13092D;
            }


            /* BELOW THIS POINT IS MEDIA QUERY */

            @media only screen and (max-width: 550px) {
                #flex {
                    flex-wrap: wrap;
                }

                aside {
                    width: 100%;
                }

                main {
                    order: 1;
                }

                #leftSidebar {
                    order: 2;
                }

                #rightSidebar {
                    order: 3;
                }

                #navbar ul {
                    flex-wrap: wrap;
                }
            }

			/* BODY SCROLL */
			 
			.bodyscroll {
				overflow-y:scroll;
				overflow-x:hidden;
			}
			 
			/* width */
			.bodyscroll::-webkit-scrollbar {
				width: 8px;
			}

			/* Track */
			.bodyscroll::-webkit-scrollbar-track {
				background: #FCFDFF; 
			}
		 
			/* Handle */
			.bodyscroll::-webkit-scrollbar-thumb {
				background: #FFB2C9; 
			}

			/* Handle on hover */
			.bodyscroll::-webkit-scrollbar-thumb:hover {
				background: #FF93B4; 
			}

			/* COLOR SCROLL */
			 
			.color {
				overflow-y:scroll;
				overflow-x:hidden;
			}
			 
			/* width */
			.color::-webkit-scrollbar {
				width: 8px;
			}

			/* Track */
			.color::-webkit-scrollbar-track {
				background: #F7F5EA; 
				border-radius: 10px;
			}
		 
			/* Handle */
			.color::-webkit-scrollbar-thumb {
				background: #D7DDB4; 
				border-radius: 10px;
			}

			/* Handle on hover */
			.color::-webkit-scrollbar-thumb:hover {
				background: #E7E6C7; 
			}


			 /* GREY SCROLL */
			 
			.grey {
				overflow-y:scroll;
				overflow-x:hidden;
			}
			 
			/* width */
			.grey::-webkit-scrollbar {
				width: 4px;
			}

			/* Track */
			.grey::-webkit-scrollbar-track {
				background: #FCFDFF; 
			}
		 
			/* Handle */
			.grey::-webkit-scrollbar-thumb {
				background: #CECECE; 
			}

			/* Handle on hover */
			.grey::-webkit-scrollbar-thumb:hover {
				background: #EAEAEA; 
			}


			 /* HIDDEN SCROLL */
			 
			 .hiddenscroll {
				  -ms-overflow-style: none;  /* IE and Edge */
				  scrollbar-width: none;  /* Firefox */
			 }
			 
			.hiddenscroll::-webkit-scrollbar {
				display: none;
			}
			
			/* SCROLL */
			
			.scroll {
				overflow: scroll;
				overflow-x: hidden;
				overflow-y: scroll;
			}
			.scroll::-webkit-scrollbar {
				width: 13px;
				height: 16px;
			}
			.scroll::-webkit-scrollbar-track {
				background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAFElEQVQIW2M4fPz0////GYAYyAIASnoKpV3w4kgAAAAASUVORK5CYII=");
				image-rendering: pixelated;
				-webkit-filter: grayscale(100%);
				-moz-filter: grayscale(100%);
				-ms-filter: grayscale(100%);
				-o-filter: grayscale(100%);
				filter: grayscale(100%);
			}

			.scroll::-webkit-scrollbar-track:active {
				background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAEElEQVQIW2No6+pjgAAgCwAWogM9VKrgGQAAAABJRU5ErkJggg==");
				-webkit-filter: grayscale(100%);
				-moz-filter: grayscale(100%);
				-ms-filter: grayscale(100%);
				-o-filter: grayscale(100%);
				filter: grayscale(100%);
			}

			.scroll::-webkit-scrollbar-thumb {
				border-top: 1px solid #cccccc;
				border-left: 1px solid #cccccc;
				border-right: 1px solid black;
				border-bottom: 1px solid black;
				box-shadow: inset 1px 1px 0 0 white, inset -1px -1px 0 0 #adadad;
				width: 16px;
				height: 16px;
				background-color: #cccccc;
				z-index: 1;
			}

			.scroll::-webkit-scrollbar-corner {
				background-color: #cccccc;
			}

			.scroll::-webkit-resizer {
				width: 16px;
				height: 16px;
				background-color: #cccccc;
				background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAN0lEQVR4Ae3MgQUAMBRDwU5fFF05lb/CARTBw2Ulof0DxPtcwp3hNuEYnjbcEW4TjuFpwx3h9gMWGgZ2Y/PT2gAAAABJRU5ErkJggg==");
				background-position: bottom right;
				background-repeat: no-repeat;
				image-rendering: pixelated;
			}

			.scroll::-webkit-scrollbar-button, .scroll::-webkit-scrollbar-button {
				border-top: 1px solid #cccccc;
				border-left: 1px solid #cccccc;
				border-right: 1px solid black;
				border-bottom: 1px solid black;
				box-shadow: inset 1px 1px 0 0 white, inset -1px -1px 0 0 #868a8e;
				display: block;
				width: 16px;
				height: 16px;
				background-color: #cccccc;
				image-rendering: pixelated;
				background-repeat: no-repeat;
				background-position: center center;
			}

			.scroll::-webkit-scrollbar-button:active, .scroll::-webkit-scrollbar-button:active {
				background-position: 2px 2px;
			}

			.scroll::-webkit-scrollbar-button:horizontal:decrement, .scroll::-webkit-scrollbar-button:horizontal:decrement {
				background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAHklEQVQY02NgoBT8xyX8H5fwf1zCpOjAYwceV1EEAAO2D/HsQ4vsAAAAAElFTkSuQmCC");
			}

			.scroll::-webkit-scrollbar-button:horizontal:increment, .scroll::-webkit-scrollbar-button:horizontal:increment {
				background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAHUlEQVQY02NgIB/8xy3xH7fEf9wS/0nUQZqrKAYAK44P8ZRmzLQAAAAASUVORK5CYII=");
			}

			.scroll::-webkit-scrollbar-button:vertical:decrement, .scroll::-webkit-scrollbar-button:vertical:decrement {
				background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGklEQVR4AWMYxuA/SYphmETFhDX9x4mHGQAAcL4P8dQiMq8AAAAASUVORK5CYII=");
			}

			.scroll::-webkit-scrollbar-button:vertical:increment, .scroll::-webkit-scrollbar-button:vertical:increment {
				background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAF0lEQVQY02NgoBf4jwJxSOHQhcNAOgMAWWAP8Rv2U3UAAAAASUVORK5CYII=");
			}

			.scroll::-webkit-scrollbar-button:horizontal:increment:start, .scroll::-webkit-scrollbar-button:horizontal:increment:start {
				display: none;
			}

			.scroll::-webkit-scrollbar-button:horizontal:decrement:end, .scroll::-webkit-scrollbar-button:horizontal:decrement:end {
				display: none;
			}

			.scroll::-webkit-scrollbar-button:vertical:increment:start, .scroll::-webkit-scrollbar-button:vertical:increment:start {
				display: none;
			}

			.scroll::-webkit-scrollbar-button:vertical:decrement:end, .scroll::-webkit-scrollbar-button:vertical:decrement:end {
				display: none;
			}

			::-webkit-scrollbar-button:active, ::-webkit-scrollbar-button:active {
				border-top: 1px solid #868a8e;
				border-left: 1px solid #868a8e;
				border-bottom: 1px solid #868a8e;
				border-right: 1px solid #868a8e;
				box-shadow: none;
			}
			
			/* TEXT */
			
			.shadow {
				text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
			}
			
			 /* BOX */
			 
			 .box {
				 background-color:#fff;
				 border:1px black solid;
				 padding:5px;
				 margin-top:10px;
			 }
			 
			img {
				 display: block;
				 margin-left: auto;
				 margin-right: auto;
			}
			
			.choice {
				background-color:transparent;
				font-size:12px;
				color: #894736;
				text-decoration:none;
				padding-top:1px;
				padding-bottom:1px;
				font-weight:normal;
			}
			
			.choice:hover {
				background-color:rgba(255,255,255,0.8);
				font-weight:bold;
			}
			
			.item {
				padding:3px;
				width:100%;
				font-size:12px;
			}
			
			.item:hover {
				font-weight:bold;
				background-color:#fff;
				color:#000;
			}
			
			/* PHONE */
			.hide {
				display: none;
			}
				
			.myDIV:hover + .hide {
				display: block;
				color: red;
			}
			
			/* PHONE */
			.hide {
				display: none;
			}
				
			.myDIV:hover + .hide {
				display: block;
				color: red;
			}

			/* NTBK */
			.hide {
				display: none;
			}
				
			.myDIV:hover + .hide {
				display: block;
				color: red;
			}

			/* ID */
			.hide {
				display: none;
			}
				
			.myDIV:hover + .hide {
				display: block;
				color: red;
			}

			.link {
				color:#fff;
				background-color:transparent;
				font-size:10px;
				text-decoration:none;
				font-weight:bold;
			}
			
			.link:hover {
				color:#000;
				background-color:#fff;
				padding-left:5px;
			}
			
			.nextpage {
				font-weight:bold
			}
			
			.nextpage:hover {
				background-color:#EDEDED;
				text-decoration:underline;
			}
			
			#phonecontainer {
				margin-top:17px;
				margin-left:20px;
				padding:25px;
				padding-top:56px;
				padding-bottom:73px;
				background-size:cover;
				width:140px;
				height:240px;
				background-image:url('media/phone.png');
				background-repeat:no-repeat;
			}
			
			#phoneinner {
				overflow-x:hidden;
				overflow-y:auto;
				height:100%;
				font-size:9px;
				
			}
			
			#chatbox {
				margin-top:157px;
				border-radius:10px;
				border:1px solid #fff;
				padding:4px;
				background-color:rgba(255,255,255,0.7);
			}
			
			#innerchatbox {
				margin-top:0px;
				padding:5px;
				font-size:12px;
				border-radius:10px;
				border:0px;
				height:85px;
				background-color:rgba(255,255,255,0.5);
			}
			
			#notebook {
				line-height:13.3px;
				font-size:12px;
				padding:3px;
				padding-top:14.5px;
				padding-left:30px;
				padding-right:20px;
				color:#142775;
				height:245px;
				background-repeat:no-repeat;
				background-position:center left;
				background-size:100%;
				background-image:url('media/notebook.png');
			}
			
			#page { 
				overflow-x:hidden;
				overflow-y:auto;
				height:90%;
				width:100%;
				margin:0px;
				padding:0px;
			}
			
			#nextpage {
				height:10%;
				text-align:right;
				font-size:12px;
				;padding:5px;
				padding-top:8px;
			}
			
			#profileicon {
				background-size:cover;
				background-position:center;
				height:100%;
				background-image:url('media/amysfantasies.gif');
				background-position:top center;
				background-size:170%;
			}
			
			.gameborder {
				background-color:#D8D8DA;
				margin-top:3px;
				border:3px double #777777;
			}
			
			.button {
				border:1px solid #023665;
				font-size:12px;
				margin-top:3px;
				background-color:#22ABFC;
				text-align:center;
				font-weight:900;
				background-image:url('media/static1.png');
				background:linear-gradient(90deg,rgba(4, 150, 235, 1) 0%,rgba(20, 36, 119, 1) 100%);
			}
			
			.innerbutton {
				background-size:7px;
				padding:1px;
				border:1px solid #1D10C2;
				margin:2px;
				color:#000;
			}
			
			.innerbutton:hover {
				border:1px solid #0EEAFC;
				font-weight:bold;
				text-shadow: 1px 1px 0px #000, -1px -1px 0px #000, 1px -1px 0px #000, -1px 1px 0px #000;
				color: white;
			}
			
			
			.highlighted {
				background-color:#000;
				color:#fff;
				padding:3px;
				padding-left:5px;
				padding-right:5px;
				font-weight:bold;
			}
			
			.alink {
				font-weight:bold;
				text-decoration:underline;
			}
			
			.alink:hover {
				text-decoration:none;
			}
			
			div.ad {
				height:40px;
				width:100%;
				background-color:#fff;
				margin-top:5px;
				border:2px solid #BDC19E;
			}

			*/ FOOLLOVERS CODE */
			
			.box21 {
				margin:1em 0; /* 中央寄せは0をautoに変更 */
				width:80% /* 幅 */
			}
			.box-center {
				background-image:url(media/f-migi.gif), url(media/f-hidari.gif);
				background-position:top right, top left;
				background-repeat:repeat-y, repeat-y
			}
			.box-inner {
				background:#ffd6da; /* 背景色 */
				margin:0 23px
			}
			
			.todott {
				list-style: disc outside none;
				height:120px;
				font-size:12px;
				overflow-y:scroll;
				margin:0;
				margin-left:0px;
				padding:15px;
				padding-right:3px;
				padding-top:0px;
				padding-bottom:0px;
			}

            /* ID */
            
            .idb {
                background-color:#fffff5;
                width:100%;
                border:1.2px solid #F575AA;
                border-radius:7px;
            }
            
            .idht {
                text-shadow: -1px 0 #FF7DA4, 0 1px #FF7DA4, 1px 0 #FF7DA4, 0 -1px #FF7DA4, 0 0;
                filter: drop-shadow(1px 1px 0 #FF7DA4) drop-shadow(-1px 1px 0 #FF7DA4) drop-shadow(0 -1px 0 #FF7DA4) drop-shadow(1px 0 #FF7DA4);
            }
            
            .idh {
                color:#fff;
                font-size:11px;
                padding:10px;
                padding-right:0px;
                padding-left:0px;
                border-radius:6px 6px 0px 0px;
                background-color:#ffc8e2;
                background-size:25px;
                background-image:url('media/foollovers-c17-bg-polkadot.gif');
                font-weight:900;
                width:100%;
                text-align:center;
                border-bottom:1px solid #F575AA;
            }
            
            .pinkid {
                text-decoration: none;
                letter-spacing: 2px;
                font-weight: bold;
                color: #FFFFF5;
                text-shadow: 0 1px #E0538D, 1px 0px #E0538D, 0 -1px #E0538D, -1px 0px #E0538D;
                filter: drop-shadow(1px 1px 0 #FFFFF5) drop-shadow(-1px 1px 0 #FFFFF5) drop-shadow(0 -1px 0 #FFFFF5) drop-shadow(1px 0 #FFFFF5);
            }
            
            .idframe {
                height:135px;
				border:1px solid #E6D0C2;
                width:100%;
                background-position:center, bottom left;
                background-size:90%, 350%;
                background-repeat:no-repeat;
                background-image:url('media/bunbun.gif'), url('media/roombg.gif');
            }

			/* NOTEBOOK */

			.hdrpld { /* NOTEBOOK - BANNER */
				height:23px;
				color:#894736;
				background-color:rgba(206, 206, 206, 1);
				background-image:url('media/foollovers-mat-plaid27.png');
				background-size:10px;
				border:1px solid #BDC19E;
				padding:5px;
				font-weight:bold;
				border-radius:10px 0px 0px 10px;
				margin-bottom:5px;
				text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; 
			}
			
			.mnpg { /* NOTEBOOK - WITHIN CONTAINER */
				height:315px;
				overflow-x:hidden;
				overflow-y:auto;
				padding:5px;
				font-size:12px;
				line-height: 1.35;
				text-shadow:-1px -1px 0 #FFFFF5, 1px -1px 0 #FFFFF5, -1px 1px 0 #FFFFF5, 1px 1px 0 #FFFFF5;
				padding-left:30px;
				padding-top:8px;
				background-position:left top;
				background-image:url('media/note_bg.png');
			}
			
			.mnpg span {
				text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
				margin-bottom:2.4px;
				font-weight:bold;
				text-transform: lowercase;
				color:#6C9361;
				line-height:1.0;
				transform: rotate(-0.5deg);
			}
			
			.mnpg p {
				margin-bottom:15px;text-indent:1em;
			}
			
			.sdpg { /* NOTEBOOK - WITHIN CONTAINER */
				height:315px;
				overflow-x:hidden;
				overflow-y:hidden;
				padding:5px;
				font-size:12px;
				line-height: 1.35;
				text-shadow:-1px -1px 0 #FFFFF5, 1px -1px 0 #FFFFF5, -1px 1px 0 #FFFFF5, 1px 1px 0 #FFFFF5;
				background-image:url('media/note_bg.png');
				height:100%;
				background-position:center top;
			}
			
			.nbcntr { /* NOTEBOOK - CONTAINER */
				background-color:#FFFFF5; 
				padding:5px;
				margin-top:10px;
				border:1px solid #ededed;
				border-radius:10px;
				height:100%;
			}
			
			.berries {
				text-decoration: none;
				letter-spacing: 2px;
				font-weight: bold;
				color: #ffffff;
				text-shadow: 0 1px #977357, 1px 0px #977357, 0 -1px #977357, -1px 0px #977357;
				margin:0px;
				padding:0px;
			}

			/* NOTEPAD */
			
            .note {
				box-sizing:border-box;
				margin:1em 0; /* 中央寄せは0をautoに変更 */
				position:relative;
				margin:0px;
				padding-top:0px;
				padding:12px;
				background-color:rgba(142,209,199,0.7);
				background-image:url('https://cdn.discordapp.com/attachments/1137857809917149264/1138925545359417446/blue_green_transparent.png');
				background-size:cover;
				background-position:top;
				transform: rotate(2deg);
				width:200px;
			}
			
            .note::after {
				border-color:#FFFFF3 #F2F2E8 #fff #fff;
				border-style:solid;
				border-width:0 10px 10px 0;
				box-shadow:-1px 1px 2px rgba(0,0,0,.1);
				content:'';
				position:absolute;
				right:0;
				top:0;
				width:0
			}
			
			.centered {
				position: absolute;
				top: 47%;
				left: 50%;
				transform: translate(-50%, -50%);
			}


			/* FLOATING */

			#float {
				text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
				font-style: italic;
				font-size:2em;
				font-weight:bold; 
				color: #fff;
				animation-name: floating;
				animation-duration: 3s;
				animation-iteration-count: infinite;
				animation-timing-function: ease-in-out;
			}

			@keyframes floating {
				0% { transform: translate(0,  0px); }
				50%  { transform: translate(0, 15px); }
				100%   { transform: translate(0, -0px); }    
			}


			/* BANNER */

			.tape {
				border-top: 1px dashed #FFC6C6;
				border-bottom: 1px dashed #FFC6C6;
				font-weight:bold;
				background: rgba(255,232,247,0.75);
				text-align: center;
				padding:3px;
				text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
				width:130px;
				position:relative;
				right:-35px;
				bottom:10px;
				background-repeat:no-repeat;
			}
			
			.tape text {
				filter: drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(0 -1px 0 #fff) drop-shadow(1px 0 #fff);
				color: #AF7C62;
			}
			
			
			
			.straw { /* NOTEBOOK'S RIGHT PAGE - ROOM IMAGE */
				border-radius:3px;
				border:1px solid #ededed;
				background-size:290px;
				background-position:right;
				background-image:url('media/roombg.gif');
			}
			
			.berry { /* NOTEBOOK'S RIGHT PAGE - DOLL */
				margin:5px;
				margin-bottom:0px;
				height:85px;
				width:100%;
				background-position:top right;
				background-repeat:no-repeat;
				background-size:100px;
				background-image:url('media/bun.png');
			}

			a.lrn {
				font-size:12px;
				font-weight:bold;
				text-decoration:none;
				float:right;
				color:#61499B;
			}
			
			a.lrn:hover {
				font-style:italic;
			}
			
			.pframe {
				background: rgb(237,210,203);
				background: -moz-linear-gradient(0deg, rgba(237,210,203,1) 0%, rgba(165,122,110,1) 6%, rgba(165,122,110,1) 89%, rgba(237,210,203,1) 95%);
				background: -webkit-linear-gradient(0deg, rgba(237,210,203,1) 0%, rgba(165,122,110,1) 6%, rgba(165,122,110,1) 89%, rgba(237,210,203,1) 95%);
				background: linear-gradient(0deg, rgba(237,210,203,1) 0%, rgba(165,122,110,1) 6%, rgba(165,122,110,1) 89%, rgba(237,210,203,1) 95%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#edd2cb",endColorstr="#edd2cb",GradientType=1);
				border:1px solid #6D5552;padding:2px;padding-top:6px;padding-bottom:6px;margin-top:10px;border-radius:15px 15px 15px 15px;
			}
			
			.pinner {
				background: rgb(252,234,244);
				background: -moz-linear-gradient(141deg, rgba(252,234,244,1) 14%, rgba(233,219,227,1) 21%, rgba(227,201,202,1) 47%, rgba(210,173,180,1) 72%, rgba(202,155,169,1) 100%);
				background: -webkit-linear-gradient(141deg, rgba(252,234,244,1) 14%, rgba(233,219,227,1) 21%, rgba(227,201,202,1) 47%, rgba(210,173,180,1) 72%, rgba(202,155,169,1) 100%);
				background: linear-gradient(141deg, rgba(252,234,244,1) 14%, rgba(233,219,227,1) 21%, rgba(227,201,202,1) 47%, rgba(210,173,180,1) 72%, rgba(202,155,169,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fceaf4",endColorstr="#ca9ba9",GradientType=1);
				border:1px solid #8D726E;border-radius:15px 15px 15px 15px;
			}
			
			.pinnertop {
				height:9px;width:13px;background: rgb(208,182,196);position:relative;left:50px;bottom:14px;
				border:1px solid #6D5552;border-radius:0px 0px 45% 45%;border-top:0px;
				background: -moz-linear-gradient(0deg, rgba(208,182,196,1) 3%, rgba(232,215,218,1) 13%, rgba(217,198,200,1) 54%, rgba(217,198,200,1) 92%, rgba(55,44,44,1) 99%, rgba(4,1,1,1) 100%);
				background: -webkit-linear-gradient(0deg, rgba(208,182,196,1) 3%, rgba(232,215,218,1) 13%, rgba(217,198,200,1) 54%, rgba(217,198,200,1) 92%, rgba(55,44,44,1) 99%, rgba(4,1,1,1) 100%);
				background: linear-gradient(0deg, rgba(208,182,196,1) 3%, rgba(232,215,218,1) 13%, rgba(217,198,200,1) 54%, rgba(217,198,200,1) 92%, rgba(55,44,44,1) 99%, rgba(4,1,1,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d0b6c4",endColorstr="#040101",GradientType=1);
			}
			
			.pcontainer {
				background: rgb(250,244,231);
				background: -moz-linear-gradient(141deg, rgba(250,244,231,1) 14%, rgba(248,231,230,1) 21%, rgba(246,217,229,1) 41%, rgba(246,217,229,1) 60%, rgba(248,231,230,1) 82%, rgba(250,244,231,1) 93%);
				background: -webkit-linear-gradient(141deg, rgba(250,244,231,1) 14%, rgba(248,231,230,1) 21%, rgba(246,217,229,1) 41%, rgba(246,217,229,1) 60%, rgba(248,231,230,1) 82%, rgba(250,244,231,1) 93%);
				background: linear-gradient(141deg, rgba(250,244,231,1) 14%, rgba(248,231,230,1) 21%, rgba(246,217,229,1) 41%, rgba(246,217,229,1) 60%, rgba(248,231,230,1) 82%, rgba(250,244,231,1) 93%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#faf4e7",endColorstr="#faf4e7",GradientType=1);
				background-color:#fff;border:1px solid #4E3C43;border-radius:3px;margin:5px;margin-bottom:2px;padding:4px;padding-bottom:0px;height:140px;
			}
			
			.picons {
				background: rgb(254,254,254);
				background: -moz-linear-gradient(180deg, rgba(254,254,254,1) 0%, rgba(252,234,244,1) 5%, rgba(253,187,226,1) 15%, rgba(253,187,226,1) 85%, rgba(244,200,218,1) 95%, rgba(217,156,195,1) 100%);
				background: -webkit-linear-gradient(180deg, rgba(254,254,254,1) 0%, rgba(252,234,244,1) 5%, rgba(253,187,226,1) 15%, rgba(253,187,226,1) 85%, rgba(244,200,218,1) 95%, rgba(217,156,195,1) 100%);
				background: linear-gradient(180deg, rgba(254,254,254,1) 0%, rgba(252,234,244,1) 5%, rgba(253,187,226,1) 15%, rgba(253,187,226,1) 85%, rgba(244,200,218,1) 95%, rgba(217,156,195,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fefefe",endColorstr="#d99cc3",GradientType=1);
				border:1px solid #B280A1;height:25px;width:100%;
				border-left:1px solid #FCEAF4;
				border-top:1px solid #FCEAF4;
				border-right:1px solid #B280A1;
				border-bottom:1px solid #B280A1;
			}
			
			.pacircle {
				background: rgb(252,234,244);
				background: -moz-radial-gradient(circle, rgba(252,234,244,1) 0%, rgba(212,202,205,1) 47%, rgba(210,196,187,1) 84%, rgba(202,182,184,1) 93%, rgba(219,213,215,1) 97%, rgba(233,219,227,1) 100%);
				background: -webkit-radial-gradient(circle, rgba(252,234,244,1) 0%, rgba(212,202,205,1) 47%, rgba(210,196,187,1) 84%, rgba(202,182,184,1) 93%, rgba(219,213,215,1) 97%, rgba(233,219,227,1) 100%);
				background: radial-gradient(circle, rgba(252,234,244,1) 0%, rgba(212,202,205,1) 47%, rgba(210,196,187,1) 84%, rgba(202,182,184,1) 93%, rgba(219,213,215,1) 97%, rgba(233,219,227,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fceaf4",endColorstr="#e9dbe3",GradientType=1);
				border-radius:100%;width:7px;height:7px;
				position:relative;bottom:15px;left:23px;
			}
			
			.pbcircle {
				background: rgb(252,234,244);
				background: -moz-radial-gradient(circle, rgba(252,234,244,1) 0%, rgba(212,202,205,1) 47%, rgba(210,196,187,1) 84%, rgba(202,182,184,1) 93%, rgba(219,213,215,1) 97%, rgba(233,219,227,1) 100%);
				background: -webkit-radial-gradient(circle, rgba(252,234,244,1) 0%, rgba(212,202,205,1) 47%, rgba(210,196,187,1) 84%, rgba(202,182,184,1) 93%, rgba(219,213,215,1) 97%, rgba(233,219,227,1) 100%);
				background: radial-gradient(circle, rgba(252,234,244,1) 0%, rgba(212,202,205,1) 47%, rgba(210,196,187,1) 84%, rgba(202,182,184,1) 93%, rgba(219,213,215,1) 97%, rgba(233,219,227,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fceaf4",endColorstr="#e9dbe3",GradientType=1);
				border-radius:100%;width:7px;height:7px;
				position:relative;bottom:22px;left:33px;
			}
			
			.plbutton {
				border:1px solid #E3C9CA;height:6px;width:15px;border-radius:15px;
				border-right:1px solid #B09390;border-bottom:1px solid #B09390;
				background: rgb(227,214,202);
				background: -moz-linear-gradient(0deg, rgba(227,214,202,1) 0%, rgba(226,213,201,1) 6%, rgba(210,173,180,1) 22%);
				background: -webkit-linear-gradient(0deg, rgba(227,214,202,1) 0%, rgba(226,213,201,1) 6%, rgba(210,173,180,1) 22%);
				background: linear-gradient(0deg, rgba(227,214,202,1) 0%, rgba(226,213,201,1) 6%, rgba(210,173,180,1) 22%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e3d6ca",endColorstr="#d2adb4",GradientType=1);
			}
			
			.plbutton:hover {
				background: rgb(217,184,188);
				background: -moz-linear-gradient(0deg, rgba(217,184,188,1) 36%, rgba(205,163,173,1) 65%);
				background: -webkit-linear-gradient(0deg, rgba(217,184,188,1) 36%, rgba(205,163,173,1) 65%);
				background: linear-gradient(0deg, rgba(217,184,188,1) 36%, rgba(205,163,173,1) 65%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d9b8bc",endColorstr="#cda3ad",GradientType=1);
			}
			
			/* CONTACT BOX */
			
			.ntpd {
				border:1px solid #BDC19E;
				padding:5px;
				margin-top:5px;
				border-radius:6px 0px 2px 2px;
				background-image:url('media/foollovers-mat-plaid27.png');
				background-size:18px;
				box-sizing:border-box;
				position:relative;
				background-color:#fffff5;
				background-position:top;
			}
			
			.ntpd a {
				color:#61499B;
				text-decoration:none;
			}	

			.ntpd a:hover {
				text-decoration:underline;
			}	
			
            .ntpd::after {
				border-color:#FFFFF3 #F2F2E8 #fff #fff;
				border-style:solid;
				border-width:0 10px 10px 0;
				box-shadow:-1px 1px 2px rgba(0,0,0,.1);
				content:'';
				position:absolute;
				right:0;
				top:0;
				width:0
			}
			
			.update {
				border-radius:5px 0px 0px 0px;
				padding:5px;
				border:1.5px solid #BDC19E;
				background-image:url('media/sozaioukoku-c021-9.gif');
				background-size:40px;
			}
			
			.s_box21{
			background:#8D9B71;
			border:2px solid #7A694D;
			box-shadow:0 0 0 8px #664c00;
			box-sizing:border-box;
			color:#fff;
			margin:26px 0; /* 中央寄せは0をautoに変更 */
			padding:.5em;
			width:92%; /* 幅 */
			margin-left:10px;
			margin-top:18px;
			}

			/* "BOOKMARK" - NOTEBOOK */
			
			.bkmrk {
				padding:3.5px;
				border-radius:10px 10px 0px 0px;
				background-color:#fff;
				border:1.25px solid #CC9A81;
				border-bottom:0px;
				padding-bottom:0px;
				text-align:center;
			}
			
			.bkmrkin {
				padding:3.5px;
				border:1.25px dashed #CC9A81;
				border-bottom:0px;
				border-radius:8px 8px 0px 0px;
				padding:5px;
				font-size:12px;
				text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff, 0 0;
			}
			
			.bkmrkin a {
				text-decoration: none;
				font-weight: bold;
				color: #ffffff;
				text-shadow: 0 1px #977357, 1px 0px #977357, 0 -1px #977357, -1px 0px #977357;
				font-size:12px;
			}
			
			.bkmrkin:hover {
				text-decoration:none;
				font-style:italic;
			}


			/* MENU */
			
			.mb0 {
				padding:5px;
				text-align:center;
				font-weight:bold;
				border:1px solid #000;
				width:100%;
				border-radius:5px 5px 0px 0px;
			}			
			
			.mb1 {
				padding:3px;
				border:1px solid #000;
				width:100%;
				border-radius:5px 5px 0px 0px;
				margin-top:10px;
			}
			
			.mb2 {
				padding:3px;
				border:1px solid #000;
				border-top:0px;
				width:100%;
			}
			
			.mb3 {
				padding:3px;
				border:1px solid #000;
				border-top:0px;
				width:100%;
				border-radius:0px 0px 5px 5px;
			}
			
			.ml {
				padding:2px;
				padding-left:5px;
				padding-right:0px;
				text-decoration:none;
				text-shadow:none;
				font-weight:600;
			}
			
			.ml:hover {
				text-decoration:underline;
				font-style: italic;
				padding-left:10px;
			}


			/* BORDERS */
			
			.bo1 {
				background-size:10px;
				border:1.5px solid #BDC19E;
				margin-top:10px;
				border-radius:10px;
				padding:7.5px;
				background-image:url('media/foollovers-mat-plaid27.png'); /* GREEN */
				text-align:center;
			}
			
			.bo1in {
				padding:5px;
				padding-top:10px;
				padding-bottom:10px;
				margin:0px;
				border:1px solid #BDC19E;
				border-radius:8px;
				background-color:#FFFFEF;
				background-size:52px;
				background-image:url('media/sozaioukoku-h059-2.gif');
			}
			
			.neighbors img {
				width:100%;
			}
			
			.credits {
				position:relative;
				right:-280px;
				bottom:30px;
				background-size:60px;
				background-repeat:no-repeat;
				width:60px;height:37px;
				background-image:url('media/animalcrossing_book.png');
				transform:rotate(25deg);
				padding:7px;
				text-align:center;
			}
			
			.credits:hover {
				transform:rotate(35deg);
				font-style:italic;
			}
			
			.credits a {
				text-decoration: none;
				font-weight: bold;
				color: #FFFFF5;
				text-shadow: 0 1px #977357, 1px 0px #977357, 0 -1px #977357, -1px 0px #977357;
				font-size: 11px;
			}
			
			.plush {
				position:relative;
				right:-9px;
				bottom:193px;
				background-size:contain;
				background-repeat:no-repeat;
				width:40px;height:47px;
				background-image:url('media/animalcrossing_plush.png');
				transform:rotate(-18deg);
				text-align:center;
			}
			
			.plush:hover {
				transform:rotate(-10deg);
				font-style:italic;
			}
			
			.plush a {
				text-decoration: none;
				position:relative;
				left:13px;
				top:23px;
				transform:rotate(-18deg);
				font-weight: bold;
				color: #FEFFE7;
				text-shadow: 0 1px #977357, 1px 0px #977357, 0 -1px #977357, -1px 0px #977357;
				font-size: 11px;
			}
			
			.gecko {
				position:relative;
				left:256px;
				bottom:170px;
				background-size:contain;
				background-repeat:no-repeat;
				width:35px;height:24px;
				background-image:url('media/cute_leopard_gecko_emoji_set_by_yuri_of_yuriyuri_on_line.png');
				transform:rotate(5deg);
			}
			
			.stars {
				position:relative;
				left:293px;
				bottom:170px;
				background-size:contain;
				background-repeat:no-repeat;
				width:21px;height:28px;
				background-image:url('media/animalcrossing_stars.png');
				transform:rotate(5deg);
			}
			
			.blathers {
				position:relative;
				left:14px;
				bottom:36px;
				background-size:contain;
				background-repeat:no-repeat;
				width:40px;height:30px;
				background-image:url('media/animalcrossing_blathers.png');
				transform:rotate(0deg);
			}
			
			.frmo {
				border-radius:5px;background-color:#FBE9C9;border:1px solid #CC9A81;padding:5px;
			}
			
			.frmi {
				border:1px solid #CC9A81;border-radius:5px;padding:5px;text-align:center;
				background-color:#FFFFF5;
			}
			
			.frmh {
				letter-spacing:-1px;text-decoration: none;font-weight: bold;color: #ffffff;text-shadow: 0 1px #977357, 1px 0px #977357, 0 -1px #977357, -1px 0px #977357;font-size: 14px;
			}
			
			.wbf {
				margin-top:5px;background-color:#fff;border:1px dashed #ededed;padding:5px;background-image:url('media/cakebg.png');background-size:80%;background-color: rgba(255,255,245,0.6);background-blend-mode: lighten;
			}
			
			.wb {
				padding-left:1px;font-size:12px;text-align:left;height:130px;overflow-y:scroll;overflow-x:hidden;
				padding-right:5px;
				padding-bottom:15px;
			}
			
			.wb b {
				color:#FFC8E2;
				text-shadow: 0 1px #977357, 1px 0px #977357, 0 -1px #977357, -1px 0px #977357;
			}
			
			.wb span {
				color:#CEDDAA;
				font-weight:bold;
				text-shadow: 0 1px #977357, 1px 0px #977357, 0 -1px #977357, -1px 0px #977357;
			}
			
			.wb a {
				color:#CEDDAA;
				font-weight:bold;
				text-shadow: 0 1px #977357, 1px 0px #977357, 0 -1px #977357, -1px 0px #977357;
			}
			
			.float {
				height:0px;width:100%;
			}
			
			.wb p {
				margin-top:5px;
				line-height:13px;
			}
			
			.wb img {
				width:67px;
			}
			
			.buttons {
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				gap: 5px;
				flex-wrap: wrap;
			}
			
			.linkies {
				text-decoration: none;
				background-image:url('media/fancyparts-che-a04s.gif');background-size:30px;margin-top:10px;
				text-align:center;
			}
			
			.linkies p {
				font-weight: bold;
				color: #ffffff;
				text-shadow: 0 1px #977357, 1px 0px #977357, 0 -1px #977357, -1px 0px #977357;
			}
			
			.crds a:hover {
				font-style: italic;
			}
			
			.pclip {
				background:url(media/foollovers-icon01.png) no-repeat;
				background-size:80%;
				height:62px;
				position:absolute;
				right:2px;
				top:-11.5px;
				width:27px
			}
			
			.pclipb img {
				width:100%;
			}
			
			.pclipb {
				background-color:#FFFFF5;
				padding:5px;margin-top:10px;border:1px solid #977357;border-radius:5px 0px 5px 5px;
				box-sizing:border-box;
				position:relative;
				width:100%
			}
			
			.txta {
				font-size:7px;width:100%;height:22px;overflow-y:scroll;overflow-x:hidden;resize:none;
				border-radius:0px;border:1px solid #977357;
			}
			
			.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-5px;opacity:0} to{left:0;opacity:1}}
			.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
			
			.gllry img {
				width:100%;
			}
			
			.gllry {
				margin-bottom:10px;
			}
			
			.pinkp {
				padding:28px;
				padding-left:0px;
				padding-right:3px;
				text-align:center;
				transform:rotate(10deg);position:relative;right:60px;bottom:320px;background-size:90px;background-repeat:no-repeat;width:90px;height:90px;background-image:url('media/pinkbubble.png');
			}
			
			.pinkp p {
				text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
				transform:rotate(-12deg);font-weight:bold;
			}
			
			.ntfnd {
				background-color:#000;background-image:url('none');font-weight:bold;font-family:ms ui gothic;text-align:center;color:#fff;
			}
			
			.ntfnd p {
				margin-top:10px;
			}
			
			.ntfnd a {
				color:#fff;
				text-decoration:none;
			}
			
			.ntfnd a:hover {
				font-style:italic;
			}
			
			.gbk {
				float:right;
			}
			
			.gbk:hover {
				text-decoration:underline;
				font-style:italic;
			}
			
			.asulb {
				background-color:#D5E9F3;background-image:url('media/fancyparts-che-g06s.gif');border:1px solid #BDC19E;padding:3px;margin-top:10px;border-radius:5px;
			}
			
			.asuli {
				background-color:#fffff5;padding:5px;border-radius:5px;
				text-align:center;
			}
			
			.asuli a {
				text-decoration:none;
				color:#CEAA94;
				text-align:left;
				font-weight:bold;
			}
			
			.asuli a:hover {
				text-decoration:underline;
				font-style:italic;
			}