@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i");
/* Story by HTML5 UP html5up.net | @ajlkn Free for personal and commercial use under the CCA 3.0 license */


html {
	font-size: 100%;
	}

body {
	margin:0;
	padding:0;
	width:100%;
	max-width:100%;
	-webkit-text-size-adjust: none;
	-ms-overflow-style: scrollbar;
	color: #111;
	background: url(../common/cube.png) repeat-y top left, url(../common/cube.png) repeat-y top right;
	background-size:  20%;

	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	line-height: 1;
	-webkit-text-size-adjust: none;
}
* {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
a,
a:visited,
a:hover,
a:active {
	text-decoration: none;
	color: inherit;
	transition: 0.5s;
}

a:hover {
	text-decoration: none;
  	text-underline-offset: 8px;
	color:#990000;
	}


input, select, textarea {
		font-family: "Source Sans Pro", Helvetica, sans-serif;
		line-height: 1.6;
	}


h1, h2, h3, h4, h5, h6 {
		font-weight: 300;
		line-height: 1.375;
		letter-spacing: -0.05em;
		margin: 0 0 0 0;
	}

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
		color: inherit;
		text-decoration: none;
	}

	h1 {	font-size: 2.0rem;	line-height: 1.2;	}
	h2 {	font-size: 1.7rem; font-weight:400;}
	h3 {	font-size: 1.5rem; margin-bottom:30px; letter-spacing:2px; }
	h4 {	font-size: 1.4rem; line-height:1.5;}

	h5 {    position: relative; width:170px; padding: .4rem; font-size: 1.8em; font-weight: 600; text-align: center; }
	h5::before, h5::after { position: absolute; width: 10px;  height: 20px;  content: ''; }
	h5::before { border-left: solid 3px; border-top: solid 3px; top: 0; left: 0; }
	h5::after {  border-right: solid 3px; border-bottom: solid 3px; bottom: 0; right: 0; }

	h6 {	font-size: 1.2rem; font-weight:400; padding-top:10px; padding-bottom:4px; }



@media screen and (max-width: 768px) {
		h1 {	font-size: 1.4rem;	}
		h2 {	font-size: 1.3rem;	}
		h3 {	font-size: 1.0rem;	}
		h4 {	font-size: 0.7rem;	}
		h5 {	font-size: 1.0rem;	}
		h6 {	font-size: 0.5rem;
	}}


b{
	font-weight:600;
	font-size:1.3em;
	line-height:1;
}


/* 明朝 */
	.noto-serif-jp {
		font-family: "Noto Serif JP", serif;
		font-optical-sizing: auto;
		font-weight: 300;
		font-style: normal;
	}

/* ゴシック */
	.noto-sans-jp {
		font-family: "Noto Sans JP", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
	}


ul{
	list-style-type: none;
}



/* リスト */

.gnav li{
   display:inline-block;
}

.shr li{
   display:inline-block;
   padding:10px 20px;
}


.sortarea{
   position:relative;
   margin: 0 auto;
   max-width:100%;
}

.sortarea li{
   display:inline-block;
   padding:30px 20px;
   font-size:1.0em;
   font-weight:600;
   border: 1px solid #ccc;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
  transition: 0.5s;
}
.sortarea li:hover {
   background-color:#eee;
   transition: 0.5s;
}



.galler{
	width:100%;
	margin: 0 auto;
	text-align:center;
	padding:30px;
	height:auto;
	background: #f4f4f4;
}

.galler li{
   display: inline-block;
   width:30%;
   padding:50px;
}
.galler li img{
	width:100%; height:auto;
}

@media screen and (max-width: 767px){
.galler {
	padding:8px;
	padding-top:20px;
}}












blockquote, q {
	quotes: none;
}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}


table {
	border-collapse: collapse;
	border-spacing: 0;
}

mark {
	background-color: transparent;
	color: inherit;
}

input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input, select, textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
}


/* 縦書き */

.tate_wp {
	width:100%; max-width:100%;
	margin:30px auto;
	text-align: center;
}
.tatep {
	text-align: left;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	display: inline-block;
	line-height:4;
	font-size:1.0em;
}
@media screen and (max-width: 768px) {
.tatep {
	line-height:1.4;
}}


/* Lenis */

	html.lenis, html.lenis body {
	height: auto;
}
	.lenis.lenis-smooth {
	 scroll-behavior: auto !important;
}
	.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
	.lenis.lenis-stopped {
  overflow: hidden;
}
	.lenis.lenis-smooth iframe {
  pointer-events: none;
}


	sub {
		font-size: 0.8rem;
		position: relative;
		top: 0.5rem;
	}

	sup {
		font-size: 0.8rem;
		position: relative;
		top: -0.5rem;
	}

	blockquote {
		border-left: solid 4px;
		font-style: italic;
		margin: 0 0 2rem 0;
		padding: 0.5rem 0 0.5rem 2rem;
	}

	pre {
		-webkit-overflow-scrolling: touch;
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0 2rem 0;
	}


	hr {
		border: 0;
		border-bottom: solid 1px;
		margin: 2.5rem 0;
	}


	.align-left {
		text-align: left;
	}

	.align-center {
		text-align: center;
	}

	.align-right {
		text-align: right;
	}


	input, select, textarea {
		color: #000000;
	}

	strong, b {
		color: #000000;
	}

	h1, h2, h3, h4, h5, h6 {
		color: #000000;
	}

	blockquote {
		border-left-color: rgba(0, 0, 0, 0.2);
	}

	code {
		background: rgba(0, 0, 0, 0.05);
		border-color: rgba(0, 0, 0, 0.2);
	}


	hr {
		border-bottom-color: rgba(0, 0, 0, 0.2);
	}




/* Header */

	header {
		width: 100%;
		max-width:100%;
		font-size: .1em;
		text-align: center;
		color: #ccc;
		background: transparent;
		padding: .1em;
		box-sizing: border-box;
	}
	#fixed-header {
		position: fixed;
		top: -50px;  
		width: 100%;
		height: 50px;
		line-height: 50px;
		font-size: .9em;
		text-align: center;
		color: #fff;
		background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
		opacity: 0.9;
 	 	transition: .5s;
		border-bottom:3px solid #990000;
	}
	#fixed-header.is-show {
		top: 0;
	}
	.text {
		font-size: 1em;
		text-align: center;
		margin: .4em 0 0;
	}



.lines-page {
	position:relative;
	margin: 0 auto;
	margin-top:-24px;
	tex-align:center;
	border-left: 1px solid #ccc;
	height:240px;
	width:1px;
}
.lines-page p{
	margin-top:0;
	text-align:left;
	padding:30px 18px 18px 18px;
	font-size:.9em;
	width:200px;
}




.lines-left {
	position:relative;
	margin: 0 auto;
	tex-align:center;
	border-left: 1px solid #ccc;
	height:200px;
	width:1px;
}
.lines-left p{
	margin:0;
	text-align:left;
	padding:30px 18px 0 18px;
	font-size:.9em;
	width:200px;
}




.linetitle {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .9em;
  font-weight: 300;
  color: #999;
  transform: rotate(90deg);
  height:300px;
}
.linetitle::before,
.linetitle::after {
  content: '';
  display: block;
  width: 60px;
  height: 1px;
  background: #f1f1f1;
}
.linetitle::before {
  margin-right: 1em;
}
.linetitle::after {
  margin-left: 1em;
}





.vline-left {
	position:relative;
	margin: 0 auto;
	tex-align:center;
	border-left: 1px solid #f1f1f1;
	height:200px;
	width:1px;
}
.vline-left p{
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: vertical-rl;
	-writing-mode: vertical-rl;
	text-align:left;
	padding:10px;
}



.contents{
	position:relative;
	margin: 0 auto;
	padding: 0 30px;
}




.pagecontents{
	position:relative;
	margin: 50px auto;
	padding: 0 70px;
}
@media screen and (max-width: 768px) {
.pagecontents {
	padding: 0 30px;
	}}

.pagecontents p{
	line-height:2;
}

.price{
	font-weight:600;
	font-size:1.2em;
}
.notes{
	color:#ff0000;
}



.questionspagecontents{
	position:relative;
	margin: 10px auto;
	padding: 0 100px;
}
@media screen and (max-width: 768px) {
.questionspagecontents {
	padding: 0 60px;
	}}

.questionspagecontents p{
	line-height:2;
}








/* Banner (style) */

	.banner.style1 {
		-moz-align-items: -moz-stretch;
		-webkit-align-items: -webkit-stretch;
		-ms-align-items: -ms-stretch;
		align-items: stretch;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: row;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-moz-justify-content: -moz-flex-end;
		-webkit-justify-content: -webkit-flex-end;
		-ms-justify-content: -ms-flex-end;
		justify-content: flex-end;
		position: relative;
		text-align: left;
		overflow: hidden;
		width: 100%;
		max-width: 100%;
		height:88vh;
	}

	.banner.style1 .content {
			padding: 1rem 1rem 1rem 1rem ;
			-moz-align-self: center;
			-webkit-align-self: center;
			-ms-align-self: center;
			align-self: center;
			-moz-flex-grow: 1;
			-webkit-flex-grow: 1;
			-ms-flex-grow: 1;
			flex-grow: 1;
			-moz-flex-shrink: 1;
			-webkit-flex-shrink: 1;
			-ms-flex-shrink: 1;
			flex-shrink: 1;
			width: 10%;
			max-width: 6rem;
			margin: 0 auto;
			text-align:right;
			-ms-writing-mode: tb-rl;
			writing-mode: vertical-rl;
			letter-spacing:2px;
			
		}


	.banner.style1 .content h1 {
		font-size: 2.0rem; line-height: 1.2; letter-spacing:1px;
		letter-spacing:3px;
	}

	@media screen and (max-width: 768px) {
	.banner.style1 .content h1 {
		font-size:1.4em;
	}}

	.banner.style1 .content p{
		font-size:.8em;
		text-align:left;
		font-weight:600;
	}


	.banner.style1 .image {
			-moz-flex-grow: 0;
			-webkit-flex-grow: 0;
			-ms-flex-grow: 0;
			flex-grow: 0;
			-moz-flex-shrink: 0;
			-webkit-flex-shrink: 0;
			-ms-flex-shrink: 0;
			flex-shrink: 0;
			border-radius: 0;
			width: 90%;
		}

	.banner.style1 .image img {
				-moz-object-fit: cover;
				-webkit-object-fit: cover;
				-ms-object-fit: cover;
				object-fit: cover;
				-moz-object-position: center;
				-webkit-object-position: center;
				-ms-object-position: center;
				object-position: center;
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				border-radius: 0;
	}


	@media screen and (max-width: 768px) {
	.banner.style1{
			height:auto;
	}
	.banner.style1 .content {
			padding: 1.5rem 1.5rem 1.5rem 1.5rem ;
	}}

	@media screen and (orientation: portrait) {
			.banner.style1 {
				-moz-flex-direction: column-reverse;
				-webkit-flex-direction: column-reverse;
				-ms-flex-direction: column-reverse;
				flex-direction: column-reverse;
				text-align: center;
		}
		.banner.style1 .content {
					display: -moz-flex;
					display: -webkit-flex;
					display: -ms-flex;
					display: flex;
					-moz-flex-direction: column;
					-webkit-flex-direction: column;
					-ms-flex-direction: column;
					flex-direction: column;
					-moz-justify-content: center;
					-webkit-justify-content: center;
					-ms-justify-content: center;
					justify-content: center;
					width: 100%;
					max-width: 100%;
		}

		.banner.style1 .image {
					width: 100%;
					max-width: 100%;
					height: 45vh;
		}}

	.banner.style1.fullscreen {
			min-height: auto;
		}

	@media screen and (orientation: portrait) {
	.banner.style1.fullscreen .content {
		min-height: 10vh;
		}

	.banner.style1.fullscreen .image {
		height: 50vh;
	}}

	.banner.style1.orient-right {
			-moz-flex-direction: row-reverse;
			-webkit-flex-direction: row-reverse;
			-ms-flex-direction: row-reverse;
			flex-direction: row-reverse;
		}

	@media screen and (orientation: portrait) {
	.banner.style1.orient-right {
			-moz-flex-direction: column-reverse;
			-webkit-flex-direction: column-reverse;
			-ms-flex-direction: column-reverse;
			flex-direction: column-reverse;
	}}

	.banner.style1.content-align-center {
			text-align: center;
		}

	.banner.style1.content-align-right {
			text-align: right;
		}

	@media screen and (orientation: portrait) {
	.banner.style1.content-align-right {
					text-align: center;
				}
			}

	.banner.style1.image-position-left .image img {
			-moz-object-position: left;
			-webkit-object-position: left;
			-ms-object-position: left;
			object-position: left;
		}

	.banner.style1.image-position-right .image img {
			-moz-object-position: right;
			-webkit-object-position: right;
			-ms-object-position: right;
			object-position: right;
		}

	.banner .image {
		background-color: rgba(0, 0, 0, 0.125);
	}

	.banner.invert .image {
		background-color: rgba(255, 255, 255, 0.125);
	}








/* Spotlight (style) */

	.spotlight.style1 {
		-moz-align-items: -moz-stretch;
		-webkit-align-items: -webkit-stretch;
		-ms-align-items: -ms-stretch;
		align-items: stretch;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: row;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-moz-justify-content: -moz-flex-end;
		-webkit-justify-content: -webkit-flex-end;
		-ms-justify-content: -ms-flex-end;
		justify-content: flex-end;
		position: relative;
		overflow-x: hidden;
		overflow-y: hidden;
		text-align: left;
	}


	.spotlight.style1 p{
		font-size:1.0em;
		line-height:1.8;
	}



		.spotlight.style1 .content {
			padding: 5rem 3rem 5rem 3rem ;
			-moz-align-self: center;
			-webkit-align-self: center;
			-ms-align-self: center;
			align-self: center;
			-moz-flex-grow: 1;
			-webkit-flex-grow: 1;
			-ms-flex-grow: 1;
			flex-grow: 1;
			-moz-flex-shrink: 1;
			-webkit-flex-shrink: 1;
			-ms-flex-shrink: 1;
			flex-shrink: 1;
			width: 50%;
			min-height:600px;
			margin: 0 auto;
		}

		.spotlight.style1 .content img{
			width:50%;
			}



		.mini{
			font-size:.8em;
			line-height:1;
		}

		.spotlight.style1 .image {
			-moz-flex-grow: 0;
			-webkit-flex-grow: 0;
			-ms-flex-grow: 0;
			flex-grow: 0;
			-moz-flex-shrink: 0;
			-webkit-flex-shrink: 0;
			-ms-flex-shrink: 0;
			flex-shrink: 0;
			width: 50%;
			min-width: 25rem;
			border-radius: 0;
		}

			.spotlight.style1 .image img {
				-moz-object-fit: cover;
				-webkit-object-fit: cover;
				-ms-object-fit: cover;
				object-fit: cover;
				-moz-object-position: center;
				-webkit-object-position: center;
				-ms-object-position: center;
				object-position: center;
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				border-radius: 0;
			}



	@media screen and (max-width: 768px) {
		.spotlight.style1 .content {
				padding: 2.5rem 2rem 0.5rem 2rem ;
			}


		.spotlight.style1 .content p {
			text-align:left;
			font-size: 1.0em;

	}}






	@media screen and (max-width: 768px) and (orientation: portrait) {

		.spotlight.style1 {
			-moz-flex-direction: column-reverse;
			-webkit-flex-direction: column-reverse;
			-ms-flex-direction: column-reverse;
			flex-direction: column-reverse;
			text-align: center !important;
		}

			.spotlight.style1 .content {
				width: 100%;
				min-height:auto;
			}

			.spotlight.style1 .image {
				width: 100%;
			}

				.spotlight.style1 .image img {
					position: relative;
				}

	}

		.spotlight.style1.orient-right {
			-moz-flex-direction: row-reverse;
			-webkit-flex-direction: row-reverse;
			-ms-flex-direction: row-reverse;
			flex-direction: row-reverse;
		}

	@media screen and (max-width: 736px) and (orientation: portrait) {

		.spotlight.style1.orient-right {
			-moz-flex-direction: column-reverse;
			-webkit-flex-direction: column-reverse;
			-ms-flex-direction: column-reverse;
			flex-direction: column-reverse;
		}

	}

		.spotlight.style1.content-align-center {
			text-align: center;
		}

		.spotlight.style1.content-align-right {
			text-align: right;
		}

		.spotlight.style1.image-position-left .image img {
			-moz-object-position: left;
			-webkit-object-position: left;
			-ms-object-position: left;
			object-position: left;
		}

		.spotlight.style1.image-position-right .image img {
			-moz-object-position: right;
			-webkit-object-position: right;
			-ms-object-position: right;
			object-position: right;
		}



	.spotlight .image {
		background-color: rgba(0, 0, 0, 0.125);
	}

	.spotlight.invert .image {
		background-color: rgba(255, 255, 255, 0.125);
	}








/* Box */

	.box {
		border-radius: 4px;
		border: solid 0px;
		margin-bottom: 2rem;
		padding: 1.5rem;
	}

		.box > :last-child,
		.box > :last-child > :last-child,
		.box > :last-child > :last-child > :last-child {
			margin-bottom: 0;
		}

		.box.alt {
			border: 0;
			border-radius: 0;
			padding: 0;
		}

	.box {
		border-color: rgba(0, 0, 0, 0.2);
	}





/* Image */

	.image {
		border: 0;
		border-radius: 4px;
		display: inline-block;
		position: relative;
	}

		.image img {
			display: block;
			border-radius: 4px;
		}

		.image.left, .image.right {
			width: 40%;
			max-width: 10rem;
		}

			.image.left img, .image.right img {
				width: 100%;
			}

		.image.left {
			float: left;
			margin: 0 1.5rem 1rem 0;
			top: 0.25rem;
		}

		.image.right {
			float: right;
			margin: 0 0 1rem 1.5rem;
			top: 0.25rem;
		}

		.image.fit {
			display: block;
			margin: 0 0 2rem 0;
			width: 100%;
		}

			.image.fit img {
				width: 100%;
			}

		.image.main {
			display: block;
			margin: 0 0 3rem 0;
			width: 100%;
		}

			.image.main img {
				width: 100%;
			}






/* Wrapper (style1) */

	.wrapper.style1 > .inner {
		padding: 7rem 3.5rem 5rem 3.5rem ;
		margin: 0 auto;
		max-width: 100%;
		width: 64rem;
	}

		.wrapper.style1 > .inner.medium {
			width: 48rem;
		}

		.wrapper.style1 > .inner.small {
			width: 32rem;
		}

	@media screen and (max-width: 1680px) {

		.wrapper.style1 > .inner {
			padding: 5rem 2.5rem 3rem 2.5rem ;
		}

	}

	@media screen and (max-width: 1280px) {

		.wrapper.style1 > .inner {
			padding: 4rem 4rem 2rem 4rem ;
		}

	}

	@media screen and (max-width: 980px) {

		.wrapper.style1 > .inner {
			padding: 4.5rem 3rem 2.5rem 3rem ;
		}

	}

	@media screen and (max-width: 736px) {

		.wrapper.style1 > .inner {
			padding: 3rem 2rem 1rem 2rem ;
		}

	}


/* Wrapper */

	#wrapper {
		background-color: inherit;
		width: 100%;
		overflow: hidden;
	}

		

		#wrapper.divided > * {
			box-shadow: inset 0 0px 0 0 rgba(0, 0, 0, 0.075);
		}

			#wrapper.divided > *:first-child {
				box-shadow: none !important;
			}

		#wrapper.divided > .invert {
			box-shadow: inset 0 0px 0 0 rgba(255, 255, 255, 0.125);
		}

			#wrapper.divided > .invert:first-child {
				box-shadow: none !important;
			}




.timeline {
  list-style: none;
}
.timeline > li {
  margin-bottom: 10px;
}


@media ( min-width : 640px ){
  .timeline > li {
    overflow: hidden;
    margin: 0;
    position: relative;
  }
  .timeline-date {
    width: 100px;
    float: left;
    margin-top: 0;
  }
  .timeline-content {
    width: 80%;
    float: left;
    border-left: 2px #e5e5d1 solid;
    padding-left: 20px;
  }
  .timeline-content:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #6fc173;
    position: absolute;
    left: 103px;
    top: 0px;
    border-radius: 100%;
  }
}





	dl {
		margin: 0 0 2rem 0;
	}

		dl dt {
			display: block;
			font-weight: 400;
			margin: 0 0 .5rem 0;
			text-align:left;
		}

		dl dd {
			margin-left: 1rem;
			text-align:left;
		}

		dl.style2 dt {
			width: 25%;
			float: left;
		}

		dl.style2 dd {
			width: 70%;
			float: left;
		}

		dl.style2:after {
			content: '';
			display: block;
			clear: both;
		}

	ul.alt li {
		border-top-color: rgba(0, 0, 0, 0.2);
	}









.col3{
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	justify-content: center;
  	align-items: flex-start;
	vertical-align:top;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.col3 > div{
	width: 33.33333%;
	padding: 0;
	font-size: .9em;
}
.col3 img {
	width:100%;
	height: auto;
	padding:1px 3px 1px 3px;
}


@media screen and (max-width: 768px) {
.col3{
	width:98%;
}
.col3 > div{
	width: 100%;
}}




/* Footer */


.foot{
     padding:30px;
     text-align:center;
}



footer{
    background:#ccc;
    height:auto;
    padding:0 30px 100px 30px;
    text-align:center;
    font-size:.9em;
    color:#555;
}


footer span{
    font-size:.8em;
}



.footernavarea{
   position:relative;
   margin: 0 auto;
   width:100%; max-width:100%;
   margin-bottom:22px;
   background:rgba(255,255,255, .8);
   padding:8px;
   border-radius: 0 0 7px 7px;
   -moz-border-radius: 0 0 7px 7px;
   -webkit-border-radius: 0 0 7px 7px;
}


@media screen and (max-width: 768px) {
.footernavarea {
  display:none;
}}



ul.footer {
	position: relative;
	list-style-type: none;
	margin:0 auto;
	padding:8px 8px;
	text-align: center;
	vertical-align: top;
}
ul.footer li {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	white-space:nowrap;
	padding-right: 16px;
	vertical-align: top;
}

ul.footer li a{
	color: #444;
	font-size:1.0em;
	text-decoration:none;
}


ul.footer li a:hover{
	color: #e45991;
}




@media screen and (max-width: 768px) {
ul.footer{
	display:none;
}}


.copy{  font-size: .8em; }

@media screen and (max-width: 768px) {
footer{
    height:auto;
}}






@media screen and (max-width: 768px){
.spNone { display: none;}
}
@media only screen and (min-width:640px){
.pnone {display:none}
}

@media screen and (max-width: 1024px){
.nvNone { display: none;}
}

/* pc */
.pc { display: block !important; }
.sp { display: none !important; }
/* smartphone */
@media only screen and (max-width: 767px) {
.pc { display: none !important; }
.sp { display: block !important; }
}