@charset "UTF-8";
/* CSS Document */

body {
	/** background-image: url("media/suika.png");
	background-size: 100px auto;
	background-position: left 80px; **/
	background-color: rgba(255,255,255,1.00);
}
#uniqueheader h1 {
	font-size: 4em;
	color: #AD3441;
	letter-spacing: 1em;
	font-family: bokutoh-rera, sans-serif;
	font-weight: 400;
	font-style: normal;
	display: block;
	width: 50%;
	margin: 0 auto;
	text-align: center;
	/** background-color: rgba(255,255,255,0.75);
	border: 3px solid rgba(0,149,217,1.00); **/
	text-shadow: 2px 2px 2px rgba(0,0,0,0.25);
	border-radius: 10px;
	padding: 20px;
}
body nav.jumpbuttoncontainer {
	
}
body nav.jumpbuttoncontainer h4 {
	color: rgba(0,149,217,1.00);
	font-family: bokutoh-rera, sans-serif;
	font-weight: 400;
	font-style: normal;
	text-align: center;
	font-size: 2rem;
	padding: 0;
	margin: 0;
}
body nav.jumpbuttoncontainer ul.jumpbuttons {
	margin: 0 auto;
}
body nav.jumpbuttoncontainer ul.jumpbuttons li {
	color: rgba(0,0,0,1.00);
	font-size: 1.4rem;
	/** font-family: bokutoh-rera, sans-serif;
	font-weight: 400;
	font-style: normal; **/
	/** height: 50px; 横に行った時も50pxになってしまう**/
	width: auto;
	line-height: 50px;
	margin: 1rem;
	padding: 0 2rem;
	border: 2px solid #ffffff;
	background-color: rgba(255,255,255,1.00);
}
body nav.jumpbuttoncontainer ul.jumpbuttons li {
}
.jumpbuttons li span:hover {
	background: linear-gradient(180deg, transparent 60%, rgba(231,201,194,0.5) 60%);
	/** padding: 0 10%; **/
	transition: all 0.5s;
}
body nav.jumpbuttoncontainer ul.jumpbuttons li:after {
}
ul.jumpbuttons.rightnav.isActive li {
	font-size: 1.4rem;
	margin: 0.6rem 0;
	padding: 0.6rem 0;
	border-left: none;
}
ul.jumpbuttons.rightnav.isActive li:after {
	content: normal !important;
}
ul.rightnav.isActive a.current li,
ul.rightnav.isActive a:hover li {
	transform: translate(10px);
    transition:all 0.5s;
}
#uniquebody {
	width: 85%;
	background-color: #EAE5DA;
	margin: 0 auto 100px;
	padding-top: 2rem;
}
#uniqueheader {
	width: 85%;
	color: #EAE5DA;
	margin: 0 auto;
	margin-top: 100px;/**複数のID指定できないのでこのIDに書く **/
}
#logo {
	width: 500px;
	height: 87px;
}
.categorytitle {
	color: #AD3441;
	/** font-family: bokutoh-rera, sans-serif;
	font-weight: 400;
	font-style: normal; **/
	font-size: 2rem;
	width: 100%;
	text-align: center;
	padding: 0.4rem 0;
	margin: 0 0 0 auto;
	display: block;
	/** border-top: 3px dashed rgba(0,149,217,1.00);
	border-right: 3px dashed rgba(0,149,217,1.00); **/
	border-top-right-radius: 1rem;
}
.categorytitle span {
	/** margin-right: 4%; 221029**/
}
hr {
	border: 1px dashed #AD3441;
}
#page_top{
	background: rgba(0,0,0,0.25);
	/** opacity: 0.6; **/
	border-radius: 50%;
}
#page_top a{
	color: #ffffff;
}
@media screen and (max-width: 768px) {
	body {
		background-size: 8rem 8rem;
		background-position: left top;
	}
	#uniquebody {
		width: 100vw;
		padding-top: 0.5rem;
	}
	#uniqueheader {
		width: 94vw;
		margin-top: 5.6rem;
	}
	#uniqueheader div#header {
		width: 100%;
	}
	#uniqueheader nav#header {
		width: 100%;
	}
	#uniqueheader h1 {
		font-size: 3rem;
		display: block;
		margin: 0 auto;
		text-align: center;
		letter-spacing: 0;
		width: auto;
		border-radius: 20px;
		padding: 20px;
}
	#logo {
		width: 60vw;
		height: auto;
	}
	body nav.jumpbuttoncontainer ul.jumpbuttons {
		/** display: block; **/
	}
	body nav.jumpbuttoncontainer ul.jumpbuttons li {
		font-size: 0.8rem;
		width: 23vw;
		line-height: initial;
		margin: 0;
		padding: 0;
	}
	ul.jumpbuttons.rightnav.isActive li {
		font-size: 0.8rem;
		margin: 0;
		padding: 0;
	}
	/** ul.jumpbuttons.rightnav.isActive li {
		writing-mode: initial;
		font-size: 1.4rem;
		height: auto;
		width: auto;
		line-height: initial;
		margin: 0.1rem;
		padding: 0.5rem 1rem;
		border: 2px solid #ffffff;
	}
	ul.jumpbuttons.rightnav.isActive li:after {
		content: normal !important;
	} 230405**/
	/** ul.jumpbuttons.rightnav.isActive a li {
		font-size: 1rem;
	} 221028**/
	ul.rightnav.isActive a.current li,
	ul.rightnav.isActive a:hover li {
		transform: initial;
    	transition: initial;
	}
	.categorytitle {
		width: 90vw;
		margin: 0 5vw;
	}
	.categorytitle span {
		margin-right: 1vw;
	}
}