@charset "utf-8";


/*

.emerald
#4ad6c8 = rgba(74,214,200,1)

.deepsea
#41B2A8 = rgba(65,178,168,1)

*/


/*.toppage #common-header {background:#fff;}*/
.toppage h1 {
	width:100%; text-align:center;
	margin:0; padding:0; font-size:1rem; font-weight:normal; line-height:1;
}

/*
#fullscreen-sections {
	width: 100%;
	height: 100vh;
	scroll-snap-type: y mandatory;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
*/
.fullscreen {
	position:relative;
	width:100%;
	height:auto;
	min-height:100vh;
	padding:1rem;
	background-size: cover;
	background-position:center center;
	display:flex; 
	flex-direction:row;
	justify-content:center; 
	align-items:center;
	text-align:center;
}

.fullscreen:nth-child(odd) h2, 
.fullscreen:nth-child(odd) .caption  {color:#222 !important;}
.fullscreen:nth-child(even) h2, 
.fullscreen:nth-child(even) .caption {color:#fff !important;}

.fullscreen h2 {
	font-size:300%; font-weight:600;
	font-feature-settings:"palt";
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.fullscreen .caption {
	margin:4rem auto;
	font-size:1.35rem; line-height:2;
	font-weight:600;
	font-feature-settings:"palt";
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.fullscreen h2 span {display:inline-block;}
@media (min-width:768px) {
	.fullscreen .caption > p > span {display:inline-block;}
}
@media (max-width:767px) {
	.fullscreen:not(#verse1) .caption > p {text-align:left; width:100%; max-width:600px;}
	.fullscreen .caption > p > br {display:none;}
}

.gbtn {
	display:inline-block;
	margin:2rem auto;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif, "Takao Pゴシック", "TakaoPGothic", sans;
	font-size:1.35rem;
	font-weight:700;
	width:13em; padding:0.8em 0;
	transition:all 0.33s ease 0s;
}
.gbtn:hover {
	transition:all 0.22s ease 0s;
	text-shadow:none;
}

@media (min-width:1025px) {
	.toppage #verse2,
	.toppage #verse3,
	.toppage #verse4,
	.toppage #verse5 {background-attachment:fixed;}
}
@media (max-width:1024px) {
	.toppage #verse2,
	.toppage #verse3,
	.toppage #verse4,
	.toppage #verse5 {background-attachment:scroll;}	
}


@media all and (-ms-high-contrast:none){ /* IE11 bug fix */
    *::-ms-backdrop, .fullscreen {
		position:relative; display:block; text-align:center;
	}
    *::-ms-backdrop, .fullscreen .inner {
		display:block; text-align:center;
		position:absolute; top:50%; right:0; left:0;
		transform:translateY(-50%);
	}
    *::-ms-backdrop, .gbtn {font-family: Verdana, Helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif, "Takao Pゴシック", "TakaoPGothic", sans;}	
	*::-ms-backdrop, #sticker img {width:auto; height:48px; }
	*::-ms-backdrop, #burger-menu { width:400px; }
}




@media (max-width:479px) {
	.toppage h1 {position:absolute; top:0; left:0; right:0; margin:auto;}
	.logo-header {width:160px; height:auto;}
	.fullscreen h2 {font-size:200%;}
	.fullscreen .caption {margin: 2rem auto; font-size:1.15rem; line-height:1.8;}
	.toppage #verse2 h2, .toppage #verse2 .caption,
	.toppage #verse3 h2, .toppage #verse3 .caption,
	.toppage #verse4 h2, .toppage #verse4 .caption,
	.toppage #verse5 h2, .toppage #verse5 .caption {text-align:left;}
	.gbtn {font-size:1.15rem;}
}



/* *****************************
  TopPage - FullScreenSection - Setting
*/
.toppage #verse1{
	background-image:
		linear-gradient(0deg, rgba(255,255,255,0.65), rgba(255,255,255,0.65)),
		url(./img/bg/s1.jpg);
}
.toppage #verse2{
	background-image: 
		linear-gradient(0deg, rgba(0,0,0,0.65), rgba(0,0,0,0.65)),
		url(./img/bg/s2.jpg);
}
.toppage #verse3{
	background-image:
		linear-gradient(0deg, rgba(255,255,255,0.7), rgba(255,255,255,0.7)),
		url(./img/bg/s3.jpg);
}
.toppage #verse4{
	background-image:
		linear-gradient(45deg, rgba(11,57,57,0.7) 0%, rgba(16,190,191,0.7) 74.68%),
		url(./img/bg/s4.jpg);
}
.toppage #verse5{
	background-image: 
		linear-gradient(0deg, rgba(255,240,206,0.75), rgba(255,240,206,0.75)),
		url(./img/bg/s5.jpg);
}

.toppage #verse3 .gbtn,
.toppage #verse5 .gbtn {
	color:#222; border:2px solid #222; 
}
.toppage #verse2 .gbtn, 
.toppage #verse4 .gbtn {
	color:#fff; border:2px solid #fff; 
}
.toppage #verse3 .gbtn:hover,
.toppage #verse5 .gbtn:hover {
	background:#222; color:#fff;
}
.toppage #verse2 .gbtn:hover,
.toppage #verse4 .gbtn:hover {
	background:#fff; color:#222;
}

.toppage #verse2 .gbtn:hover {
	mix-blend-mode: difference;
}
.toppage #verse3 .gbtn:hover {
	mix-blend-mode: multiply;
}
.toppage #verse4 .gbtn:hover {
	mix-blend-mode: overlay;/*screen;*/
}
.toppage #verse5 .gbtn:hover {
	mix-blend-mode: overlay;
}


@media (max-width:800px) {
	.toppage #verse3 {background-position:90% center;}
	.toppage #verse4 {background-position:10% center;}	
}
@media (max-width:599px) {
	.toppage #verse3 {background-position:77.5% center;}
	.toppage #verse4 {background-position:0% center;}
}

/* Mobile Vertical Long Type Like iPhoneX */
@media (max-width: 479px) and (min-height: 751px) {	
	.toppage #verse1 {
		background:
			linear-gradient(0deg, rgba(255,255,255,0.65), rgba(255,255,255,0.65)),
			url(./img/bg/s1.jpg),
			#F9F9F9;
		background-repeat:no-repeat, no-repeat, no-repeat;
		background-size:cover, auto 86%, cover;
		background-position:center center, 49.8% bottom, center center;
	}
}


.toppage #boxer .boxer-content {text-align:left; font-feature-settings:"palt";}
.toppage #boxer .boxer-content h3 {font-size:1.35rem; padding:0 10px; text-align:center;}
.toppage #boxer .boxer-content p {font-size:0.95rem; line-height:1.65;}
.toppage #boxer .boxer-control,
.toppage #boxer .boxer-position {display:none;}

.toppage #boxer.mobile .boxer-content h3 {color:#fff; text-align:left; padding:0 1rem;}
.toppage #boxer.mobile .boxer-content p {padding:0 1rem;}
.toppage #boxer.mobile .boxer-meta {padding:0 0 50px;}









/* ***** ***** ***** ***** ***** ***** 
	Subpage Common 
*/
#page-title {
	position:relative; 
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	z-index:5;
}

#title-bg-layer {
	position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%;
	content: " ";
	background:rgba(240,240,240,0.75); /* url(./img/bg/pattern-wh.png) repeat 0 0;*/
	z-index:-1; 
	opacity:1;
	-webkit-backdrop-filter: blur(4px) sepia(100%) grayscale(50%);
	backdrop-filter: blur(4px) sepia(100%) grayscale(50%);
}

@supports not ((backdrop-filter: blur()) or (-webkit-backdrop-filter: blur())) {
	#page-title {filter: grayscale(88%);}
	#title-bg-layer {
		background:rgba(240,240,240,0.75) url(./img/bg/pattern-wh.png) repeat 0 0;
	}
}
@media all and (-ms-high-contrast:none){ /* IE11 bug fix */
    *::-ms-backdrop, #title-bg-layer {
		background:rgba(240,240,240,0.85) url(./img/bg/pattern-wh.png) repeat 0 0;
	}
}


#page-title-inner {
	position:absolute; top:0; right:0; bottom:0; left:0; height:100%;
}

@media (min-width: 1078px) {
	#page-title {height:280px;}
	#page-title-inner {position:absolute; top:0; right:0; bottom:0; left:0; height:100%;}
	.toppage #page-title {height:470px;}
	.search #page-title, .taxo #page-title, .error404 #page-title {height:250px;}
}
@media (max-width: 1077px) {
	#page-title {height:307.5px;}
	.toppage #page-title {height:497.5px;}
	.search #page-title, .taxo #page-title, .error404 #page-title {height:220px;}
}
@media (max-width: 479px) {
	.search #page-title, .taxo #page-title, .error404 #page-title {height:160px;}
}

#page-title h1 {
	margin:0;
	color:#222; font-weight:bold; line-height:1.4em;
	text-align:center;
	font-feature-settings:"palt"; 
}

.subpage.fixed-page #page-title h1,
.subpage.blog-home #page-title h1 {
	font-size:285%; 
	letter-spacing:0.3em; text-indent:0.25em;
	font-family:'Rokkitt'; /*'texGyre';*/ font-weight:300;
}
.subpage:not(.fixed-page) #page-title h1 {
	letter-spacing:0.25em; text-indent:0.25em;
}
.subpage.single #page-title h1 {
	font-size:180%;
}


@media (max-width:479px) {
	.type--work.subpage.single #page-title h1 {
		padding:0 0.35em;
		text-align:left; text-indent: 0; font-size:165%;
		letter-spacing:0; font-weight:normal;
	}
}


h1 span.h1-en-caption {margin:auto; text-align:center; font-family:'Rokkitt'; font-size:0.5em; line-height:1; color:#666; opacity:0.6; text-shadow:none; z-index:0;}

.shell h3:not(:first-child) {margin-top:3em;}

.hr.container {margin-top:2.25em; padding-top:2.25em;}

.subpage #btn-contact {background:#f7f6f3;}





/* ***********************
  About
*/
.about .container article {max-width:750px; margin:auto;}
.about #review-scales table {margin:2em 0;}

@media (min-width: 501px) { .about #review-scales th {width:9em;}}
@media (max-width: 500px) {
	.about #review-scales table {border-left:1px solid rgba(0,0,0,0.2); border-right:1px solid rgba(0,0,0,0.2); }
	.about #review-scales th, .about #review-scales td {display:block; width:100%;}
	.about #review-scales th {border-bottom:none;}
}
.about .wp-block-media-text.alignwide.is-stacked-on-mobile figure {text-align:center;}
.about .wp-block-media-text.alignwide.is-stacked-on-mobile figure img {width:100%; max-width:240px; margin:auto;}

#company .photo {margin-top:0.5rem; margin-bottom:0.5rem;}
#company table th, #company table td {vertical-align:top; background:transparent;} 
#company table th {width:6em;}

#library-photos {position:relative; width:100%; height:auto;}
#library-photos a {
	display:block; position:relative;
}
#library-photos a .thumbnail {
	display:block; position:relative;
	background-repeat:no-repeat; background-position:center center;
	background-size:cover;
	box-shadow: 0 3px 5px rgba(20, 20, 20, 0.3);
}
#library-1 {
	width:80%; height:auto;
	float:left;
	padding:0.5rem 0.375rem 0.5rem 0;
}
#library-1 .thumbnail::before {
	content:""; display: block; padding-top:66.6666%;
}
#library-2 {
	width:20%; height:33.3333%;
	float:right;
	padding:0.5rem 0 0.25rem 0.5rem;
}
#library-3 {
	width:20%; height:33.3333%;
	float:right;
	padding:0.325rem 0 0.325rem 0.5rem;
}
#library-4 {
	width:20%; height:33.3333%;
	float:right;
	padding:0.325rem 0 0.5rem 0.5rem;
}
#library-2 .thumbnail::before,
#library-3 .thumbnail::before,
#library-4 .thumbnail::before {
	content:""; display: block; padding-top:88.5%;
}
#library-1 .thumbnail {background:url(./img/photo/library-1.jpg);}
#library-2 .thumbnail {background:url(./img/photo/library-2.jpg);}
#library-3 .thumbnail {background:url(./img/photo/library-3.jpg);}
#library-4 .thumbnail {background:url(./img/photo/library-4.jpg);}



/* ***********************
  Google map
*/
.map-container {text-align:center; width: 100%;}
.map-container iframe{	display: block; pointer-events: none; position: relative;}
.map-container iframe.clicked{pointer-events: auto;}

@media only screen and (min-width: 901px) {
	.map-container iframe {width:100%; height:62.5vh; margin:0; border:none !important;}
}
@media only screen and (max-width: 900px) {
	.map-container iframe {width:96%; height:calc(100vh - 120px); margin:0 2%; border:1px solid #999;}
}


/* ***********************
   contact
*/
.contact .fixed-page-post {max-width:660px; margin:auto;} 
#contact-form-wrapper {margin-top:3em; border-radius:6px;}






/* ***********************
   POST (essay) , CPT (work)
*/
.entry-meta span.row { margin:0 16px 0 0;}
.entry-meta span.post-date { font-family: 'Geosans-L'; font-size:15px; color:#666; }
.entry-meta span.category, .entry-meta span.author,
.entry-meta span.tags { font-family: 'SosaIcon'; font-size:20px; color:#ddd;}
.entry-meta span.commented { font-family: 'SosaIcon'; font-size:20px; color:#fff; }


.post-body section#custom-field {padding:8px 16px;}
.post-body section#custom-field h3.member {border:none; padding-left:0; margin-top:1em; margin-bottom:0.25em; color:#f7f7e7; text-shadow:1px 1px 4px #333,1px 1px 10px #777;}

.recent-post th, .recent-post td {border:none;}  
.recent-post th {width:125px; padding-right:0;}
.recent-post div.post-tn {width:100px; height:100px; background:rgba(0,0,0,0.2); overflow:hidden; border-radius:100%; transition:all 0.18s linear 0s;}
.recent-post td {line-height:1.5em; padding-right:0;}
.recent-post div.post-tn:hover { transform:scale(1.1); transition:all 0.05s ease-in-out;}

.recent-post-small th, .recent-post-small td {border:none;}  
.recent-post-small th {width:100px; padding-right:0;}
.recent-post-small th div.post-tn {width:80px; height:80px; background:rgba(0,0,0,0.2); overflow:hidden; border-radius:100%; transition:all 0.18s linear 0s;}
.recent-post-small td {line-height:1.5em; padding:0.75em 0 0.75em 1em; font-size:90%;}


.blog-sel-trio p {font-size:14px; line-height:1.5em; margin-top:0;}
.blog-sel-trio .post-tn {display:block; float:left; width:64px; height:64px; margin:0 8px 8px 0; background:rgba(0,0,0,0.2); overflow:hidden;}
.blog-sel-trio .post-tn {display:block; float:left; width:64px; height:64px; margin:0 8px 8px 0; background:rgba(0,0,0,0.2); overflow:hidden;}
.rel-one table {margin:0;}
.blog-rel th, .blog-rel td {border:none;} 
.blog-rel th {width:130px !important; padding:10px;}
.blog-rel td {width:auto !important; padding:10px; text-align:left !important; font-size:90% !important;}
.blog-rel .post-tn, .blog-rel .thumb-frame {display:block; width:100px; height:100px; margin:4px 2px; background:rgba(0,0,0,0.15); overflow:hidden;/**/ border-radius:100%;}

.blog-rel td span.location, 
.blog-rel td span.feature {margin-top:0.5em; font-size:90%;}

.each-post {margin:0 0.5em; transition:all 0.35s linear 0s;}
.each-post:hover { background:rgba(80,60,30,0.08); transition:all 0.14s linear 0s;}

.blog-rel div.post-tn-100 {width:100px; height:100px; background:rgba(0,0,0,0.2); overflow:hidden; border-radius:100%;}
.blog-rel div.post-tn-150 {width:150px; height:150px; background:rgba(0,0,0,0.2); overflow:hidden; border-radius:100%;}




/* ******************************
 Works
*/
.works .results {margin:1.5em auto 0; width:100%; max-width:1200px;} 
.results table tr th {background:rgba(235,235,235,0.9); white-space:nowrap;}
.results table tr td {background:rgba(255,255,255,0.9);}

.results table tr th:first-child,
.results table tr td:first-child {position: sticky; left: 0;}

.results table tr th:first-child::before,
.results table tr td:first-child::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.2);
	pointer-events:none;
}


.results table tr th.book-title {width:auto; min-width:12em;} 
.results table tr th.issued-by {width:auto; min-width:12em;} 
.results table tr th.issued-date {width:auto; min-width:8em;} 
.results table tr th.book-size {width:auto; max-width:5em;}
.results table tr th.page-volume {width:auto;}
.results table tr th.binding-type {width:auto;}
.results table tr th.row-derection {width:auto;}
.results table tr th.biz-category {width:auto; min-width:9em;}

@media (max-width:479px) {
	.results table tr th.book-title {min-width:10em;} 
	.results table tr th.issued-by {min-width:9em;} 
	.results table tr th.issued-date {min-width:6em;} 	
}

.results table .post-tn-small {width:64px; height:64px; background:rgba(0,0,0,0.1);}
.results table .post-tn-small img {width:100%; height:100%;}
.results table tr td:nth-child(4),
.results table tr td:nth-child(5),
.results table tr td:nth-child(6) {white-space:nowrap;}
/*.results table tr td:last-child*/
.results .pagination {margin:0 0.5em;}



.type--work.single #spec {padding:4em 0 0;}

.type--work.single #appendix h3 {
	text-align:left; font-size:1.35rem;
	border-left:6px solid #41B2A8; padding-left:0.5em;
}
.type--work.single #appendix .blog-rel div.post-tn-100 {border-radius:0;}

#spec table {width:100%;}
#spec table th {width:8em;}

.works .pagenation-wrapper,
.taxo .pagenation-wrapper {margin-top:2.5em;}

#item-list {padding:0em 0 4em;}



/* ****************************************
  Taxonomy -- Common
*/

.taxo-list-wrapper {margin:1em 0; padding:0.5em 1em; font-size:90%;}
.term-list {margin:1em 0; padding-left:1em;}
.term-list li {display:inline-block; margin:0.5em 1.5em 0.5em 0;}

.taxo .browseback {margin-top:1.5rem;}




/* ****************************************
  Search Result
*/

.hits {margin:0 0.25rem;font-size:0.9rem; font-weight:normal; color:#fff; padding:0.25em 0.75em; background:#bdbdbd; border-radius:3px; font-feature-settings:"palt"; }
.bg-ivory .hits{color:#FFF5E4; font-weight:bold;}

.showing {margin:0 0 0 0.5rem; font-size:0.8rem; font-weight:normal; color:#bababa; font-feature-settings:"palt"; }

.bg-ivory .hits-indicator {padding:0.75em 0;}

#not-found {text-align:left;}
#not-found h2 {font-family:'Julius Sans One'; font-size:225%; margin-top:0;}
.bg-ivory #not-found h2 {color:#7A0910;}
.options {padding:1em 0;}
.main-option, .sub-option {display:inline-block; margin:1rem 0.5rem !important; width:13em !important; text-align:center !important}
.main-option .material-icons { font-size:160%; vertical-align:-27.5%;}
@media (max-width:479px) {
	.main-option  .material-icons {font-size:160%;  vertical-align:-30%;}
}
.sub-option .searchform {width:12em; margin:auto;}
.pager {padding:2em 0 3em;}

#search-options {margin: 0 auto; padding: 3em 0;}





/********/
/*
#loading {
  margin: 80px auto;
  font-size: 8px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(130,206,122,0.32);
  border-right: 1.1em solid rgba(130,206,122,0.32);
  border-bottom: 1.1em solid rgba(130,206,122,0.32);
  border-left: 1.1em solid #00ffff;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
}
#loading,
#loading:after {
  border-radius: 50%;
  width: 6.5em;
  height: 6.5em;
}
@keyframes load8 {
  0% { transform: rotate(0deg);}
  100% { transform: rotate(360deg);}
}
#loading{ position:fixed; left:50%; top:40%; margin-left:-3.25em; text-align:center;}
*/


.fuwa-sp {visibility:hidden;}



.powatt {
	animation-fill-mode:both;
	animation-duration:2s;
	animation-name: Powatter;
	visibility: visible !important;
}
@keyframes Powatter {
	0% { opacity: 0; transform: translateY(20px); }
	100% { opacity: 1; transform: translateY(0); }
}

.powatt-short-delay {
	animation-fill-mode:both;
	animation-duration:2s;
	animation-name: Powatter;
	visibility: visible !important;
    animation-delay: 0.8s; 		
}

.powatt-mid-delay {
	animation-fill-mode:both;
	animation-duration:2s;
	animation-name: Powatter;
	visibility: visible !important;
    animation-delay: 1.6s; 		
}

.powatt-mid-delay-2 {
	animation-fill-mode:both;
	animation-duration:2s;
	animation-name: Powatter;
	visibility: visible !important;
    animation-delay: 2.0s; 		
}

.powatt-long-delay {
	animation-fill-mode:both;
	animation-duration:2s;
	animation-name: Powatter;
	visibility: visible !important;
    animation-delay: 2.4s; 		
}

.fuwatt-l2r {
	animation-fill-mode:both;
	animation-duration:1s;
	animation-name: Fuwatter-LtoR;
	visibility: visible !important;
    animation-delay: 0.225s; 			
}
@keyframes Fuwatter-LtoR {
	0% { opacity: 0; transform: translateX(-30px); }
	100% { opacity: 1; transform: translateX(0); }
}

.fuwatt-l2r-delay {
	animation-fill-mode:both;
	animation-duration:1s;
	animation-name: Fuwatter-LtoR;
	visibility: visible !important;
    animation-delay: 1.6s; 			
}

.fuwatt-r2l {
	animation-fill-mode:both;
	animation-duration:1s;
	animation-name: Fuwatter-RtoL;
	visibility: visible !important;
    animation-delay: 0.225s; 		
}
@keyframes Fuwatter-RtoL {
	0% { opacity: 0; transform: translateX(30px); }
	100% { opacity: 1; transform: translateX(0); }
}
.fuwatt-r2l-delay {
	animation-fill-mode:both;
	animation-duration:1s;
	animation-name: Fuwatter-RtoL;
	visibility: visible !important;
    animation-delay: 1.6s; 		
}



.fuwatt {
	animation-fill-mode:both;
	animation-duration:1s;
	animation-name: Fuwatter;
	visibility: visible !important;
}
@keyframes Fuwatter {
	0% { opacity: 0; transform: translateY(-20px); }
	100% { opacity: 1; transform: translateY(0); }
}

.fuwatt-short-delay {
	animation-fill-mode:both;
	animation-duration:1s;
	animation-name: Fuwatter-LD;
	visibility: visible !important;
    animation-delay: 0.4s; 	
}
@keyframes Fuwatter-SD {
	0% { opacity: 0; transform: translateY(-20px); }
	100% { opacity: 1; transform: translateY(0); }
}

.fuwatt-mid-delay {
	animation-fill-mode:both;
	animation-duration:1s;
	animation-name: Fuwatter-LD;
	visibility: visible !important;
    animation-delay: 0.8s; 	
}
@keyframes Fuwatter-MD {
	0% { opacity: 0; transform: translateY(-20px); }
	100% { opacity: 1; transform: translateY(0); }
}

.fuwatt-long-delay {
	animation-fill-mode:both;
	animation-duration:1s;
	animation-name: Fuwatter-LD;
	visibility: visible !important;
    animation-delay: 1.2s; 	
}
@keyframes Fuwatter-LD {
	0% { opacity: 0; transform: translateY(-20px); }
	100% { opacity: 1; transform: translateY(0); }
}


.guwatt {
	animation-fill-mode:both;
	animation-duration:1s;
	animation-name: Guwatter;
	visibility: visible !important;
}
@keyframes Guwatter {
	0% { opacity: 0; transform: translateY(40px); }
	100% { opacity: 1; transform: translateY(0); }
}





/* =============================================================================
   Media Queries
   ========================================================================== */


@media only screen and (min-width: 1078px) {
	.subpage-eyecatch {background-repeat:no-repeat; background-attachment:scroll; background-size:cover; background-position:center center;}
}
@media only screen and (max-width: 1077px) {
	.subpage-eyecatch {background-repeat:no-repeat; background-attachment:scroll; background-size:cover; background-position:center 10%;}

	.saru-kao {bottom:10%; right:8.5%; width:80px;}
	.saru-serif {bottom:20%; right:4%; width:115px;}
	
}
@media only screen and (min-width: 996px) {

}
@media only screen and (max-width: 995px) {

}

@media only screen and (min-width: 801px) {


}

@media only screen and (max-width: 800px) {
	
	.subpage-eyecatch { background-attachment:scroll; background-size:cover; background-position:center center;}	

	h1 span.blog-post-title {text-align:left !important; line-height:1.5em !important;}
	
}

@media only screen and (min-width: 769px)  {

}


/* All Mobile Sizes */
@media only screen and (max-width: 768px) {
	
	#page-title {height:247.5px;}			

}

/* Mobile Landscape Size to Tablet Portrait */
@media only screen and (min-width: 480px) and (max-width: 768px) {

	h1 span.blog-post-title {font-size:82.5%; line-height:1.5em !important;}

}


/* Mobile Portrait Size to Mobile Landscape Size */
@media only screen and (max-width: 700px) {


}

/* Mobile Portrait Size to Mobile Landscape Size */
@media only screen and (max-width: 479px) {

	.toppage #page-title h1 {font-size:7vmin;}	
	.subpage #page-title h1 {letter-spacing:0.15em;}
	
	.toppage #logo { position:absolute; left:0.5em; top:0; max-width:250px; text-align:left;}	


	#page-title h1 { font-size:220%;} 
	.single #page-title h1 { font-size:175%; line-height:1.1;} 
	
	h1 span.h1-en-caption { bottom:20px; right: 1%; left:1%; margin:auto; font-size:0.6em;}
	

	#page-upper a.gbtn-aqua-small {font-size:85%; font-feature-settings:"pkna";}

	h2.jp {font-size:160%; letter-spacing:0.125em;}
	
	ul.term-list {padding-left:0;}	
	ul.term-list li { font-size:100%; margin-top:0.75em; margin-bottom:0.75em;}
	
}


/* */