/* /////////////// reset /////////////// */
* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	box-sizing: border-box;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 1em;
	font-weight: normal;
}

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

ol, ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

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

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
abbr {
	border: none;
	text-decoration: none;
}
span.field-description[title] {
	border-bottom: 1px dotted #aaa;
	cursor: help;
}





fieldset,img,abbr,acronym {
    border: 0;
}

ol,ul {
    list-style: none;
}
q:before,q:after {
    content: '';
}
a {
    text-decoration: underline;
    outline: none;
}
hr {
	display: none;
}
a img,:link img,:visited img {
    border: none;
}


.clr {
	clear: both;
}


article p {
	display: inline-block;
}


.txnowrap {
	white-space: nowrap;
}



.font-s {
	font-size: 11px;
	line-height: 1.6em;
}
img {
	/* height: auto; */
}



@media all and (-ms-high-contrast: none) {
	header p,
	article p,
	footer p {
		-ms-transform: rotate(0.05deg);
		-moz-transform: rotate(0.05deg);
		-webkit-transform: rotate(0.05deg);
		transform: rotate(0.05deg);
	}
	header p img,
	article p img,
	footer p img {
		-ms-transform: rotate(-0.05deg);
		-moz-transform: rotate(-0.05deg);
		-webkit-transform: rotate(-0.05deg);
		transform: rotate(-0.05deg);
	}
}

@supports (-ms-ime-align: auto) {
	header p,
	article p,
	footer p {
		-ms-transform: rotate(0.05deg);
		-moz-transform: rotate(0.05deg);
		-webkit-transform: rotate(0.05deg);
		transform: rotate(0.05deg);
	}
	header p img,
	article p img,
	footer p img {
		-ms-transform: rotate(-0.05deg);
		-moz-transform: rotate(-0.05deg);
		-webkit-transform: rotate(-0.05deg);
		transform: rotate(-0.05deg);
	}
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
	header p,
	article p,
	footer p {
		-ms-transform: rotate(0.05deg);
		-moz-transform: rotate(0.05deg);
		-webkit-transform: rotate(0.05deg);
		transform: rotate(0.05deg);
	}
	header p img,
	article p img,
	footer p img {
		-ms-transform: rotate(-0.05deg);
		-moz-transform: rotate(-0.05deg);
		-webkit-transform: rotate(-0.05deg);
		transform: rotate(-0.05deg);
	}
}






@media print, screen and (min-width: 768px) {
.font-s {
	font-size: 12px;
	line-height: 1.6em;
}

}

@media print, screen and (min-width: 1024px) {
.font-s {
	font-size: 13px;
	line-height: 1.6em;
}

}

@media print, screen and (min-width: 1200px) {

}

@media print, screen and (min-width: 1400px) {

}





/* Global ----------------------------------------------------------------- */

section img {
  opacity: 0;
	/* 
	-webkit-animation-duration: 1s;
  animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	transform: scale(0.8,0.8);
	 */
	transition: all 1.0s;
}
.img-blur {
	/*
  -webkit-animation-name: imageBlur;
  animation-name: imageBlur;
	*/
	transform: scale(1.0,1.0);
  opacity: 1;
}




#top-mainvisual img,
#atop-mainvisual img {
  /* opacity: 0; */
	-webkit-animation-duration: 2s;
  animation-duration: 2s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.img-blur-top {
	-webkit-animation-duration: 2s;
  animation-duration: 2s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	
  -webkit-animation-name: imageBlurTop;
  animation-name: imageBlurTop;
	-ms-animation-name: imageBlurTop;
}

 
.main-zoom {
  opacity: 0;
	/* -webkit-animation-duration: 2s;
  animation-duration: 2s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-name: MainZoom;
  animation-name: MainZoom; */
}
.main-zoomup {
 	opacity: 0;
	-webkit-animation-duration: 2s;
  animation-duration: 2s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
  -webkit-animation-name: MainZoomup;
  animation-name: MainZoomup;
}



@-webkit-keyframes imageBlur {
  0% {
    opacity: 0.5;
		/* transform: scale(0.7,0.7); */
  }
  100% {
    opacity: 1;
		/* transform: scale(1.0,1.0); */
  }
}
@keyframes imageBlur {
  0% {
    opacity: 0.5;
		/* transform: scale(0.7,0.7); */
  }
  100% {
    opacity: 1;
		/* transform: scale(1.0,1.0); */
  }
}


@-webkit-keyframes imageBlurTop {
  0% {
    opacity: 0.5;
		/* transform: scale(0.99,0.99); */
  }
  100% {
    opacity: 1;
		/* transform: scale(1.03,1.03); */
  }
}
@keyframes imageBlurTop {
  0% {
    opacity: 0.5;
		/* transform: scale(0.99,0.99); */
  }
  100% {
    opacity: 1;
		/* transform: scale(1.03,1.03); */
  }
}
@-ms-keyframes imageBlurTop {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes MainZoom {
  0% {
    opacity: 0.5;
		/* transform: scale(0.99,0.99); */
  }
  100% {
    opacity: 1;
		/* transform: scale(0.99,0.99); */
  }
}
@keyframes MainZoom {
  0% {
    opacity: 0.5;
		/* transform: scale(0.99,0.99); */
  }
  100% {
    opacity: 1;
		/* transform: scale(0.99,0.99); */
  }
}
@-webkit-keyframes MainZoomup {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes MainZoomup {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}




.cap-text {
	font-size: 12px;
	line-height: 1.6em;
}
.pcap-text {
	font-size: 11px;
	line-height: 1.5em;
	color: rgba(255,255,255,1.0);
	background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0));
	/* background: linear-gradient(120deg, rgba(170, 170, 170, 1.0), rgba(119,119,119,1.0)); */
	display: block;
	padding: 20px 3px 2px;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	text-align: right;
	opacity: 0;
	transition: all 1.0s;
	/* transform: scale(0.5,1.0) translateY(-20px); */
}
.pcap-text.capactive,
.out-cap-text.capactive,
.res-cap-text.capactive {
	opacity: 1;
	/* transform: scale(1.0,1.0) translateY(0px); */
}

.out-cap-text,
.res-cap-text,
.gallery-catch {
	font-size: 11px;
	line-height: 1.5em;
	text-align: right;
	padding: 3px 0px 0px;
	opacity: 0;
	transition: all 1.0s;
	/* transform: translateY(-20px); */
}
.gallery-catch,
#page-mainvisual li.page-sub .cap-text {
	opacity: 1;
	/* transform: translateY(0px); */
}


.kome-text p {
	font-size: 10px;
	line-height: 1.6em;
	text-indent: -1em;
	display: block;
	margin: 0px 0px 0px 1em;
}

.line1200 {
	background: rgba(255, 255, 255, 1.0);
	margin: 0px auto;
	height: 1px;
	width: 100%;
	max-width: 1200px;
}
.line1200-g {
	background: rgba(187, 187, 187, 1.0);
	margin: 0px auto;
	height: 1px;
	width: 100%;
	max-width: 1200px;
}
.maxw1200 {
	margin: 0px auto;
	max-width: 1200px;
}

.maxw1200-pad {
	margin: 0px auto;
	max-width: 1200px;
	padding: 0px 15px;
}

.pat0pab0 {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.pat0 {
	padding-top: 0px !important;
}
.pab0 {
	padding-bottom: 0px !important;
}

.text-shadow-w {
 text-shadow: 1px 1px 6px rgba(255, 255, 255, 1.0), 1px 1px 12px rgba(255, 255, 255, 1.0), 1px 1px 24px rgba(255, 255, 255, 1.0), 1px 1px 30px rgba(255, 255, 255, 1.0), 1px 1px 35px rgba(255, 255, 255, 1.0);
}
.text-shadow-s {
 text-shadow: 1px 1px 5px rgba(255, 255, 255, 1.0), 1px 1px 9px rgba(255, 255, 255, 1.0), 1px 1px 13px rgba(255, 255, 255, 1.0), 1px 1px 18px rgba(255, 255, 255, 1.0);
}

.text-shadow-b-w {
 text-shadow: 1px 1px 6px rgba(0, 0, 0, 1.0), 1px 1px 12px rgba(0, 0, 0, 1.0), 1px 1px 24px rgba(0, 0, 0, 1.0), 1px 1px 30px rgba(0, 0, 0, 1.0), 1px 1px 35px rgba(0, 0, 0, 1.0);
}
.text-shadow-b-w2 {
 text-shadow: 1px 1px 8px rgba(0, 0, 0, 1.0), 1px 1px 16px rgba(0, 0, 0, 1.0), 1px 1px 24px rgba(0, 0, 0, 1.0), 1px 1px 32px rgba(0, 0, 0, 1.0);
}
.text-shadow-b-w3 {
 text-shadow: 1px 1px 12px rgba(0, 0, 0, 1.0), 1px 1px 20px rgba(0, 0, 0, 1.0), 1px 1px 30px rgba(0, 0, 0, 1.0);
}


.rpat20 {
	padding: 10px 0px 0px;
}
.rpat30 {
	padding: 15px 0px 0px;
}

.rpab30 {
	padding: 0px 0px 15px;
}
.rpab20 {
	padding: 0px 0px 10px;
}


.rmat40 {
	margin-top: 20px;
}
.resmab10 {
	margin-bottom: 6px;
}
.rmab30 {
	margin-bottom: 15px;
}
.rmab40 {
	margin-bottom: 20px;
}

.resletter {
	letter-spacing: 0em !important;
}
.font95 {
	font-size: 95% !important;
}



/* ローディング */
#loader-bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	/* z-index: 1; */
	z-index: -1;
}
#page-outline #loader-bg {
	display: none !important;
}
#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	margin-left: -12px;
	text-align: center;
	/* z-index: 2; */
}
#loader img {
	height: auto;
	width: 100%;
}








@media print, screen and (min-width: 375px) {
.kome-text p {
	font-size: 11px;
	line-height: 1.6em;
	letter-spacing: 0em;
	text-align: left;
}
.rpat20 {
	padding: 12px 0px 0px;
}
.rpat30 {
	padding: 18px 0px 0px;
}

.rmat40 {
	margin-top: 25px;
}
.resmab10 {
	margin-bottom: 8px;
}
.rmab30 {
	margin-bottom: 18px;
}
.rmab40 {
	margin-bottom: 25px;
}

.resletter {
	letter-spacing: 0em !important;
}

.font95 {
	font-size: 95% !important;
}
}




@media print, screen and (min-width: 768px) {
.pcap-text {
	font-size: 12px;
	line-height: 1.5em;
	padding: 20px 5px 3px;
	/* transform: scale(0.5,1.0) translateY(-20px); */
}
.out-cap-text {
	font-size: 12px;
	line-height: 1.5em;
	padding: 4px 0px 0px;
	/* transform: translateY(-30px); */
}
.res-cap-text {
	font-size: 13px;
	line-height: 1.5em;
	color: rgba(255,255,255,1.0);
	background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0));
	display: block;
	padding: 20px 5px 3px;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	text-align: right;
	opacity: 0;
	transition: all 1.0s;
	/* transform: scale(0.5,1.0) translateY(-20px); */
}


.maxw1200-pad {
	padding: 0px 25px;
}


.rpat20 {
	padding: 14px 0px 0px;
}
.rpat30 {
	padding: 20px 0px 0px;
}
.rpab30 {
	padding: 0px 0px 20px;
}
.rpab20 {
	padding: 0px 0px 14px;
}

.rmat40 {
	margin-top: 30px;
}

.resmab10 {
	margin-bottom: 12px;
}
.rmab30 {
	margin-bottom: 20px;
}
.rmab40 {
	margin-bottom: 30px;
}

.cap-text {
	font-size: 13px;
	line-height: 1.6em;
}
.text-shadow-w {
 text-shadow: 1px 1px 6px rgba(255, 255, 255, 1.0), 1px 1px 12px rgba(255, 255, 255, 1.0), 1px 1px 19px rgba(255, 255, 255, 1.0), 1px 1px 24px rgba(255, 255, 255, 1.0), 1px 1px 30px rgba(255, 255, 255, 1.0), 1px 1px 35px rgba(255, 255, 255, 1.0);
}


.text-shadow-b-w {
 text-shadow: 1px 1px 8px rgba(0, 0, 0, 1.0), 1px 1px 14px rgba(0, 0, 0, 1.0), 1px 1px 26px rgba(0, 0, 0, 1.0), 1px 1px 34px rgba(0, 0, 0, 1.0), 1px 1px 40px rgba(0, 0, 0, 1.0), 1px 1px 46px rgba(0, 0, 0, 1.0);
}
.text-shadow-b-w2 {
 text-shadow: 1px 1px 10px rgba(0, 0, 0, 1.0), 1px 1px 18px rgba(0, 0, 0, 1.0), 1px 1px 26px rgba(0, 0, 0, 1.0), 1px 1px 34px rgba(0, 0, 0, 1.0), 1px 1px 42px rgba(0, 0, 0, 1.0);
}
.text-shadow-b-w3 {
 text-shadow: 1px 1px 15px rgba(0, 0, 0, 1.0), 1px 1px 25px rgba(0, 0, 0, 1.0), 1px 1px 40px rgba(0, 0, 0, 1.0);
}

.kome-text p {
	font-size: 12px;
	line-height: 1.6em;
}


.resletter {
	letter-spacing: 0.05em;
}
.font95 {
	font-size: 100% !important;
}


#loader {
	width: 48px;
	height: 48px;
}
}

@media print, screen and (min-width: 1024px) {
.pcap-text {
	font-size: 13px;
	line-height: 1.5em;
	padding: 20px 10px 5px;
	transform: scale(0.5,1.0) translateY(-20px);
}
.out-cap-text {
	font-size: 12px;
	line-height: 1.5em;
	padding: 4px 0px 0px;
	transform: translateY(-30px);
}
.gallery-catch {
	font-size: 12px;
	line-height: 1.5em;
	color: rgba(255,255,255,1.0);
	background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0));
	display: block;
	padding: 20px 5px 3px;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	text-align: right;
}


.maxw1200-pad {
	padding: 0px 30px;
}


.rpat20 {
	padding: 18px 0px 0px;
}
.rpat30 {
	padding: 25px 0px 0px;
}
.rpab30 {
	padding: 0px 0px 25px;
}
.rpab20 {
	padding: 0px 0px 18px;
}

.rmat40 {
	margin-top: 35px;
}

.resmab10 {
	margin-bottom: 14px;
}
.rmab30 {
	margin-bottom: 25px;
}
.rmab40 {
	margin-bottom: 35px;
}


.cap-text {
	font-size: 14px;
	line-height: 1.6em;
}
.text-shadow-w {
 text-shadow: 1px 1px 6px rgba(255, 255, 255, 1.0), 1px 1px 12px rgba(255, 255, 255, 1.0), 1px 1px 19px rgba(255, 255, 255, 1.0), 1px 1px 24px rgba(255, 255, 255, 1.0), 1px 1px 30px rgba(255, 255, 255, 1.0), 1px 1px 35px rgba(255, 255, 255, 1.0), 1px 1px 40px rgba(255, 255, 255, 1.0);
}

.resletter {
	letter-spacing: 0.1em;
}
}

@media print, screen and (min-width: 1200px) {
.out-cap-text {
	font-size: 13px;
	line-height: 1.5em;
	padding: 4px 0px 0px;
	transform: translateY(-30px);
}


.maxw1200-pad {
	padding: 0px;
}

.rpat20 {
	padding: 22px 0px 0px;
}
.rpat30 {
	padding: 30px 0px 0px;
}
.rpab30 {
	padding: 0px 0px 30px;
}
.rpab20 {
	padding: 0px 0px 22px;
}

.rmat40 {
	margin-top: 40px;
}

.resmab10 {
	margin-bottom: 16px;
}
.rmab30 {
	margin-bottom: 30px;
}
.rmab40 {
	margin-bottom: 40px;
}
}

@media print, screen and (min-width: 1400px) {
.rpat20 {
	padding: 25px 0px 0px;
}
.rpat30 {
	padding: 35px 0px 0px;
}
.rpab30 {
	padding: 0px 0px 35px;
}
.rpab20 {
	padding: 0px 0px 25px;
}

.rmat40 {
	margin-top: 45px;
}
.rmab30 {
	margin-bottom: 35px;
}
.rmab40 {
	margin-bottom: 45px;
}
}





.img-over,
.img-over2 {
	overflow: hidden;
	position: relative;
}
.img-over:hover {
}
.img-over img,
.img-over2 img {
	padding: 0px;
	display: block;
	margin: 0px;
	height: auto;
	width: 100%;
	transition: all 1.0s;
}
/*
a:hover .img-over img {
	transform: scale(1.1) !important;
}
a:hover .img-over2 img {
	transform: scale(1.05) !important;
}
*/


a .img-over:after,
.img-over2:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: radial-gradient(rgba(96,76,63, 0.2), rgba(96,76,63,0.8));
	left: 0px;
	top: 0px;
	z-index: 2;
	opacity: 0;
	transition: all 0.5s;
	cursor: pointer;
}
.img-over2:after {
	background: radial-gradient(rgba(255,255,255, 0), rgba(0,0,0,0.1));
}
a:hover .img-over:after,
a:hover .img-over2:after {
	opacity: 1;
}






input.photo-over:hover {
	-moz-opacity:0.6;
	opacity:0.6;
	cursor: default;
}
img.photo-off {
	-moz-opacity:0.5;
	opacity:0.5;
}













@media print, screen and (min-width: 768px) {

}


@media print, screen and (min-width: 1024px) {

}


@media print, screen and (min-width: 1400px) {

}




/* Utilities ----------------------------------------------------------------- */

.inline { display: inline; }
.hidden { display: none; }





#scroll-arrow {
	display: none;
}

.scrolldown a {
	position: absolute;
	z-index: 100;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	color: #fff !important;
	letter-spacing: .1em;
	text-decoration: none;
	transition: opacity 0.3s;
	top: 50%;
	left: 49%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-shadow: 0px 6px 8px rgba(0,0,0,0.9);
	cursor: default;
}
/*
.scrolldown a:hover {
  opacity: 0.5;
}
*/
#scroll-arrow a {
  padding-top: 70px;
	cursor: default;
}
#scroll-arrow a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 36px;
  height: 36px;
  margin-left: -18px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb05 1.5s infinite;
  animation: sdb05 1.5s infinite;
  box-sizing: border-box;
}
#scroll-arrow a:hover {
	text-decoration: none;
}
@-webkit-keyframes sdb05 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb05 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}








/* page-top */
#page-top {
	position: fixed;
	bottom: -100px;
	right: 10px;
	font-size: 77%;
	z-index: 100;
}
#page-top a {
	background: #000;
	text-decoration: none;
	color: #fff;
	width: 40px;
	height: 40px;
	text-align: center;
	display: block;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
	opacity: 0.6;
	text-indent: -9999px;
	transition: all 0.5s;
}
#page-top a:hover {
	text-decoration: none;
	opacity: 1.0;
	background: #60d3f2;
	box-shadow: 0px 5px 12px 1px rgba(0, 0, 0, 0.3);
}
#page-top a:after {
	content: '';
	width: 19px;
	height: 19px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 14px;
	left: 10px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}


@media print, screen and (min-width: 768px) {

}


@media print, screen and (min-width: 1024px) {
#scroll-arrow {
	display: block;
}
.scrolldown a {
	top: 54%;
	left: 49%;
}


#page-top {
	position: fixed;
	bottom: -100px;
	right: 20px;
	font-size: 77%;
	z-index: 1000;
}
#page-top a {
	background: #000;
	text-decoration: none;
	color: #fff;
	width: 60px;
	height: 60px;
	text-align: center;
	display: block;
	border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
	opacity: 0.6;
	text-indent: -9999px;
	transition: all 0.5s;
}
#page-top a:hover {
	text-decoration: none;
	opacity: 1.0;
	background: #60d3f2;
	box-shadow: 0px 5px 12px 1px rgba(0, 0, 0, 0.3);
}
#page-top a:after {
	content: '';
	width: 28px;
	height: 28px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 20px;
	left: 15px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}
}


@media print, screen and (min-width: 1200px) {
.scrolldown a {
	top: 90%;
	left: 49%;
}
}


@media print, screen and (min-width: 1400px) {

}








/* Toggle Button */
#nav-toggle {
	position: absolute;
	right: 15px;
	top: 10px;
	width: 24px;
	height: 24px;
	cursor: pointer;
	text-align: center;
	z-index: 1001;
}
#nav-toggle div {
  position: relative;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: rgba(17,17,17,1.0);
	left: 0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}

#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 9px;
}
#nav-toggle span:nth-child(3) {
    top: 18px;
}
#nav-toggle.open span:nth-child(1) {
		top: 9px;
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		transform: rotate(135deg);
}
#nav-toggle.open span:nth-child(2) {
		width: 0;
		left: 50%;
}
#nav-toggle.open span:nth-child(3) {
		top: 9px;
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		transform: rotate(-135deg);
}


@media print, screen and (min-width: 375px) {
/* Toggle Button */
#nav-toggle {
	right: 15px;
	top: 15px;
	width: 28px;
	height: 28px;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 10px;
}
#nav-toggle span:nth-child(3) {
    top: 20px;
}
#nav-toggle.open span:nth-child(1) {
		top: 10px;
}
#nav-toggle.open span:nth-child(3) {
		top: 10px;
}
}



@media print, screen and (min-width: 768px) {
/* Toggle Button */
#nav-toggle {
	right: 25px;
	top: 23px;
	width: 30px;
	height: 30px;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}
#nav-toggle.open span:nth-child(1) {
		top: 11px;
}
#nav-toggle.open span:nth-child(3) {
		top: 11px;
}
}
@media print, screen and (min-width: 1024px) {
#nav-toggle {
	right: 30px;
	top: 28px;
}
}


@media print, screen and (min-width: 1200px) {
#nav-toggle {
	display: none;
}
}


@media print, screen and (min-width: 1400px) {
}








/* リンクボタン */
.gold-button a,
.red-button a,
a .cont-button-pc,
a .cont-button,
a.button01 {
	font-size: 15px;
	line-height: 1.3em;
	letter-spacing: 0.05em;
	/* font-weight: bold; */
	color: rgba(255,255,255,1.0) !important;
	background: linear-gradient(120deg, rgba(170, 170, 170, 1.0), rgba(119,119,119,1.0));
	border-radius: 45px;
	box-shadow: 0px 1px 15px 2px rgba(255,255,255, 0.6);
	transition: all 0.5s ease 0s;
	cursor: pointer;
	outline: none;
	text-align: center;
	padding: 11px 35px;
	width: auto;
	display: inline-block;
	position: relative;
}


.gold-button a {
  background: linear-gradient(120deg, rgba(210, 189, 130, 1.0), rgba(124,106,74,1.0));
  display: block;
  font-weight: bold;
  font-size: 17px;
  line-height: 1.3em;
  padding: 14px 20px;
}
.red-button a {
	background: linear-gradient(120deg, rgba(255, 180, 180, 1.0), rgba(193,118,98,1.0));
  display: block;
  font-weight: bold;
  font-size: 17px;
  line-height: 1.3em;
  padding: 14px 20px;
}

.gold-button a p,
.red-button a p,
a .cont-button-pc p,
a .cont-button p,
a.button01 p {
	position: relative;
	z-index: 3;
}
.gold-button a:hover,
.red-button a:hover,
a:hover .cont-button-pc,
a:hover .cont-button,
a.button01:hover {
	text-decoration: none;
	color: rgba(68,68,68,1.0) !important;
	transform: translateY(-2px);
	box-shadow: 0px 5px 20px 1px rgba(0,0,0, 0.4);
}
.gold-button a:hover,
.red-button a:hover {
	color: rgba(255,255,255,1.0) !important;
}

.gold-button a:after,
.red-button a:after,
a .cont-button-pc:after,
a .cont-button:after,
a.button01:after {
  content: " ";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
	border-radius: 45px;
  top: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(120deg, rgba(255, 255, 255, 1.0), rgba(220,220,220,1.0));
	opacity: 0; 
  transition: all 0.4s;
}
.gold-button a:after {
	background: linear-gradient(120deg, rgba(250, 240, 200, 1.0), rgba(124,106,74,1.0));
}
.red-button a:after {
	background: linear-gradient(120deg, rgba(255, 222, 222, 1.0), rgba(193,118,98,1.0));
}

.gold-button a:hover:after,
.red-button a:hover:after,
a:hover .cont-button-pc:after,
a:hover .cont-button:after,
a.button01:hover:after {
  opacity: 1;
}




sup {
	font-size: 50%;
	vertical-align: top;
	position: relative;
	top: -0.2em;
}



.kome-text li p,
.ind-list li p {
	text-indent: -1em;
	margin: 0px 0px 0px 1em;
	font-size: 85%;
	line-height: 1.6em;
}
.kome-textdiv p {
	text-indent: -1em;
	margin: 0px 0px 0px 1em;
	font-size: 85%;
	line-height: 1.6em;
	font-weight: normal;
}


.photo-zoom {
	background: rgba(255, 255, 255, 0.4);
	padding: 8px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.photo-zoom img {
	width: calc(72px / 3);
	height: calc(72px / 3);
}

/*
.photo-zoom {
	padding: 0px;
	right: 2px;
	bottom: 2px;
}
.photo-zoom img {
	width: calc(72px / 3) !important;
	height: calc(72px / 3) !important;
}
*/


.photo-out {
	overflow: hidden;
	position: relative;
}
.photo-out img {
	height: auto;
	width: 100%;
}
.zoom-icon {
	height: calc(70px / 2.8);
	width: calc(70px / 2.8);
	position: absolute;
	bottom: 2px;
	right: 2px;
}



.greenback {
	background: radial-gradient(rgba(255, 255, 255, 1.0), rgba(220, 238, 238, 1.0));
}
.beigeback {
	/* background: radial-gradient(rgba(255, 255, 255, 1.0), rgba(255, 247, 238, 1.0)); */
	background: rgba(255, 247, 238, 1.0);
}
.whiteback {
}

.page-pad {
	padding-right: 15px;
	padding-left: 15px;
}






.pc-block2,
.pcsp-block2,
.pc-block3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 10px 0px 0px;
}
.pc-block2 img,
.pcsp-block2 img,
.pc-block3 img {
	height: auto;
	width: 100%;
	display: block;
}
.pc-block2 li {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	position: relative;
	margin: 0px 0px 10px;
}
.pcsp-block2 li {
	-ms-flex-preferred-size: calc(50% - 4px);
	flex-basis: calc(50% - 4px);
	position: relative;
}
.pc-block3 li {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	position: relative;
	margin: 0px 0px 10px;
}



.center-2table {
	text-align: center;
	margin: 0px auto;
}
.center-2table li {
	padding: 0px 0px 15px;
}



@media print, screen and (min-width: 375px) {
.gold-button a,
.red-button a, 
a .cont-button-pc,
a .cont-button,
a.button01 {
	font-size: 16px;
	line-height: 1.3em;
	letter-spacing: 0.05em;
	border-radius: 45px;
	box-shadow: 0px 1px 18px 2px rgba(255,255,255, 0.6);
	padding: 12px 50px;
}

.gold-button a {
  font-size: 18px;
  line-height: 1.3em;
  padding: 15px 20px;
}
.red-button a {
  font-size: 18px;
  line-height: 1.3em;
  padding: 15px 20px;
}

.gold-button a:hover,
.red-button a:hover {
	box-shadow: 0px 5px 24px 1px rgba(0,0,0, 0.4);
}

.page-pad {
	padding-right: 15px;
	padding-left: 15px;
}


.pc-block2,
.pcsp-block2 {
	padding: 10px 0px 0px;
}
.pc-block2 li {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	position: relative;
	margin: 0px 0px 10px;
}
.pcsp-block2 li {
	-ms-flex-preferred-size: calc(50% - 5px);
	flex-basis: calc(50% - 5px);
	position: relative;
}



}


@media print, screen and (min-width: 768px) {
.gold-button a,
.red-button a,
a .cont-button-pc,
a .cont-button,
a.button01 {
	font-size: 17px;
	line-height: 1.3em;
	letter-spacing: 0.1em;
	border-radius: 45px;
	box-shadow: 0px 1px 20px 2px rgba(255,255,255, 0.6);
	padding: 13px 65px;
}

.gold-button a,
.red-button a {
  font-size: 20px;
  line-height: 1.3em;
  padding: 17px 80px;
}

.gold-button a:hover
.red-button a a:hover {
	box-shadow: 0px 5px 24px 1px rgba(0,0,0, 0.4);
}
a .cont-button-pc,
a .cont-button,
a.button01 {
	padding: 13px 50px;
	font-size: 16px;
	line-height: 1.3em;
	letter-spacing: 0.05em;
	font-weight: normal;
}

.kome-text li p {
	font-size: 90%;
	line-height: 1.6em;
}
.kome-textdiv p {
	font-size: 90%;
	line-height: 1.6em;
	font-weight: normal;
}


.pc-block2,
.pcsp-block2 {
	padding: 20px 0px 0px;
}
.pc-block2 li {
	-ms-flex-preferred-size: calc(50% - 10px);
	flex-basis: calc(50% - 10px);
	margin: 0px;
}
.pcsp-block2 li {
	-ms-flex-preferred-size: calc(50% - 10px);
	flex-basis: calc(50% - 10px);
	position: relative;
}
.pc-block3 li {
	-ms-flex-preferred-size: calc(33.33% - 5px);
	flex-basis: calc(33.33% - 5px);
	margin: 0px;
}


.page-pad {
	padding-right: 25px;
	padding-left: 25px;
}

.photo-zoom img {
	width: calc(72px / 2);
	height: calc(72px / 2);
}

.center-2table {
	margin: 0px auto;
	display: table;
}
.center-2table li {
  padding: 15px;
  display: table-cell;
}
}


@media print, screen and (min-width: 1024px) {
.gold-button a,
.red-button a {
	font-size: 21px;
	line-height: 1.3em;
	letter-spacing: 0.1em;
	border-radius: 45px;
	padding: 19px 90px;
}

a .cont-button-pc,
a .cont-button,
a.button01 {
	font-size: 17px;
	line-height: 1.3em;
	letter-spacing: 0.05em;
	font-weight: normal;
	padding: 13px 55px;
}


.kome-text li p {
	font-size: 95%;
	line-height: 1.6em;
}


.pc-block2,
.pcsp-block2 {
	padding: 25px 0px 0px;
}
.pc-block2 li {
	-ms-flex-preferred-size: calc(50% - 12px);
	flex-basis: calc(50% - 12px);
}
.pcsp-block2 li {
	-ms-flex-preferred-size: calc(50% - 12px);
	flex-basis: calc(50% - 12px);
	position: relative;
}
.pc-block3 li {
	-ms-flex-preferred-size: calc(33.33% - 10px);
	flex-basis: calc(33.33% - 10px);
}

.page-pad {
	padding-right: 30px;
	padding-left: 30px;
}

.center-2table li {
  padding: 25px 15px;
}


}


@media print, screen and (min-width: 1200px) {
.zoom-icon {
	height: calc(70px / 2);
	width: calc(70px / 2);
	position: absolute;
	bottom: 2px;
	right: 2px;
}

.gold-button a,
.red-button a {
	font-size: 22px;
	line-height: 1.3em;
	letter-spacing: 0.1em;
	border-radius: 45px;
	padding: 21px 100px;
}

.pc-block2,
.pcsp-block2 {
	padding: 34px 0px 0px;
}
.pc-block2 li {
	-ms-flex-preferred-size: calc(1164px / 2);
	flex-basis: calc(1164px / 2);
}
.pcsp-block2 li {
	-ms-flex-preferred-size: calc(1164px / 2);
	flex-basis: calc(1164px / 2);
	position: relative;
}
.pc-block3 li {
	-ms-flex-preferred-size: calc(760px / 2);
	flex-basis: calc(760px / 2);
}

.page-pad {
	padding-right: 0px;
	padding-left: 0px;
}
}


@media print, screen and (min-width: 1400px) {
.gold-button a,
.red-button a {
	font-size: 23px;
	line-height: 1.3em;
	letter-spacing: 0.1em;
	border-radius: 45px;
	padding: 22px 120px;
}


}



@media print{
.print-off {
    display: none;
}
body #print img {
  height: auto !important;
	width: 100% !important;
}
}