@charset "UTF-8";
a:focus{outline:0}a{cursor:pointer;cursor:hand;}
body{margin:0 auto;word-wrap:break-word}.link-line{text-decoration:underline;color:blue;}
header{margin:0 auto}
#homeback{float:left;}
.indi{height:auto;background-color:#fff;margin:0 auto;}
.indi h3{height:5pc;margin: 50px 0;line-height: 3em;}
h4{margin: 3em 0 2em 0;width: 90%;opacity: .8;line-height: 3em;font-size: inherit;padding-left: 1em}
#previous_next{background:#fff;}
.cont_text p{ font-size: 1em;line-height: 1.8em;}
.jp-tips{font-size:9pt;}

#nav_fixpage dd{position:absolute;z-index:3;margin:0}.fan_01_c{background-image:url(../images/fan_01.png);background-repeat:no-repeat}.fantasy-color{border:2px solid var(--pink-accent);background:linear-gradient(to bottom left,#fff 40%,var(--pink-main) 80%,#f0f 90%)}.cure-color{border:2px solid var(--green-accent);background:linear-gradient(to bottom left,#fff 40%,var(--green-main) 80%,#00a497 90%)}.sakura-color{border:2px solid var(--sakura-accent);background:linear-gradient(to bottom left,#fff 40%,#fef4f4 80%,var(--sakura-main) 90%)}.ninja-color{border:2px solid var(--blue-accent);background:linear-gradient(to bottom left,#fff 40%,var(--blue-main) 80%,#0ff 90%)}.special-color{border:2px solid var(--yellow-accent);background:linear-gradient(to bottom left,#fff 40%,var(--yellow-main) 80%,#ff0 90%)}.fantasy-color:hover{border:2px solid var(--pink-main);background:var(--pink-main)}.cure-color:hover{border:2px solid var(--green-main);background:var(--green-main)}.sakura-color:hover{border:2px solid var(--sakura-accent);background:var(--sakura-main)}.ninja-color:hover{border:2px solid var(--blue-main);background:var(--blue-main)}.special-color:hover{border:2px solid var(--yellow-main);background:var(--yellow-main)}#nav_fixpage dd a:hover{color:#eee}.index_css h3{background-color:var(--pink-main);font-family:initial,serif}.admin-login{color:#7fffd4}

.menu-item-object-category:nth-of-type(1) a{border:2px solid var(--pink-accent);background:linear-gradient(to bottom left,#fff 40%,var(--pink-main) 80%,var(--pink-accent)90%);}
.menu-item-object-category:nth-of-type(2) a{border:2px solid var(--green-accent);background:linear-gradient(to bottom left,#fff 40%,var(--green-main) 80%,var(--green-accent) 90%);}
.menu-item-object-category:nth-of-type(3) a{border:2px solid var(--sakura-accent);background:linear-gradient(to bottom left,#fff 40%,var(--sakura-main) 80%,var(--sakura-accent) 90%);}
.menu-item-object-category:nth-of-type(4) a{border:2px solid var(--blue-accent);background:linear-gradient(to bottom left,#fff 40%,var(--blue-main) 80%,var(--blue-accent)90%);}
.menu-item-object-category:nth-of-type(5) a{border:2px solid var(--yellow-accent);background:linear-gradient(to bottom left,#fff 40%,var(--yellow-main) 80%,#ff0 90%);}
.menu-item-object-category:nth-of-type(1) a:hover .sub-menu li{background:var(--pink-main)!important;}
.menu-item-object-category:nth-of-type(2) a:hover .sub-menu li{background:var(--green-main)!important;}
.menu-item-object-category:nth-of-type(3) a:hover .sub-menu li{background:var(--sakura-main) !important;}
.menu-item-object-category:nth-of-type(4) a:hover .sub-menu li{background:var(--blue-main)!important;}
.menu-item-object-category:nth-of-type(5) a:hover .sub-menu li{background:var(--yellow-main)!important;}
.menu-item-object-category:nth-of-type(1) a:hover{background:var(--pink-main)!important;}
.menu-item-object-category:nth-of-type(2) a:hover{background:var(--green-main)!important;}
.menu-item-object-category:nth-of-type(3) a:hover{background:var(--sakura-main) !important;}
.menu-item-object-category:nth-of-type(4) a:hover{background:var(--blue-main)!important;}
.menu-item-object-category:nth-of-type(5) a:hover{background:var(--yellow-main)!important;}
/*#nav_fixpage li{float:left}#nav_fixpage a{display:inline-block}.slider img{width:100%}#mainVisal,.mainVisal2{float:left;padding:20px 40px 0;}*/

 .next_page,.previous_page,.this_page{width:33%}.previous_page,.this_page{float:left}.this_page,.this_page p{text-align:center}.next_page{float:right;}

.addComment{display:none;}
#commentText1{
	position: absolute;
    left: 0;
    margin: 0 auto;
    width: 190px;
    text-align: center;
	}


@media screen and (min-width:1060px){
	body{width:1060px;}
	#previous_next{width:1060px;}
	#previous_next,#wapper,h3{margin:0 auto;height:30px}.indi{width:1060px}h1 br{display:none}.indi 
.cont_text p{width:99%;margin:0 auto;padding:0.8em 0;}	
	h1{height: fit-content;
    font-size: 2.4em;
    padding: 0.2vh;}
	.indi h2{width: 100%;
    line-height: 5pc;
    font-size: xxx-large;
    margin: 0;
    text-align: center;
	padding: 1vh 0;
    margin-bottom: 5vh;}
.indi h3{font-size:2pc;height:auto;width:95%;padding:10px 0;line-height:initial;}
.jp-tips{width:125px;margin:20px 0 0 15px;line-height:15px;}
#previous_next{height:300px;padding:20px 0;}
#previous_next img{width:300px;height:205px;}
 #sidebar{position:absolute;top:20vh}.menu-item-object-category,.sub-menu{vertical-align:middle}.menu-item-object-category a{display:block;height:10px;padding:30px 0;font-size:9pt;text-align:center}.sub-menu li{cursor:pointer;cursor:hand;height:70px;display:none;box-shadow:10px 10px 30px 3px #aaa}.sub-menu{box-sizing:border-box}.sub-menu li a{display:block;height:10px;padding:15px 0 45px}#sideber li a{text-align:center;display:block;margin:15px auto;color:#000;font-size:14px;width:70px}.menu-item-object-category:hover .sub-menu li{display:block}.menu-item-object-category:hover .sub-menu{width:60pc;}
 .indi section{font-size:24px;margin:0 auto;width:100%}
 .indi section h3{width:95%}
 .cont_text{font-size:18px;width:85%;margin:0 auto;}.cont_text ol li{list-style:decimal}

	#com1{position: absolute;width:340px; right: 0;transform: translate(-10em, -8em); height: 160px;}
	#commentText1{
    top: 36%;
	}
	.pleaseclick{
	position: absolute;bottom: 0;
	}

	.change-button{width:60px;height:10;padding:10px 0;background:#eee;margin:0 auto;font-size:14px;float:right;text-align:center;box-shadow:5px 5px 2px #888}.change-button:hover{box-shadow:5px 5px 2px #888 inset}.before-after{height:300px}.before-after figure{width:510px;margin:0 auto}
	

}
@media screen and (max-width:1059px){
.move-anime-frame img{width:95%}.before-after{width:100%}.before-after figure{width:95%;margin:0 auto}.before-after figure img{width:100%}.change-button{width:75pt;height:10;padding:2px 0;background:#eee;margin:0 auto;font-size:9pt;float:right;text-align:center;box-shadow:3px 3px 2px #888;margin-left:-150px}.change-button:hover{box-shadow:3 3px 2px #888 inset;}
}
@media screen and (min-width:1060px){.archive-links ul{width:80%;margin:30px auto}.archive-links ul li{float:left;margin:5% 5% 0 0;width:25%;line-height:5pc;}
}
@media screen and (max-width:1059px){.archive-links li{border:2px #fff solid;font-size:20px;float:none;width:80%;margin:0 auto;text-align:center;}
}
.archive-links ul li{border:2px #fff solid;font-size:20px;text-align:center}.archive-links ul li a{display:block;width:100%;line-height:5pc}.mean-jp{color:#0640cc}.mean-jp:hover{color:#8a8e99}.mean-jp-add{background:#ffff8c;font-size:14px;position:absolute;padding:3px 5px;margin:-30px 0 0 -30px}


@media screen and (max-width:480px){
	.image-swich1{
	height: 120px 
	}
	#commentText1{
		top:initial;
		margin: 30px 0 0 30px} 
}