@charset "utf-8";

/*
.seablue
#5EACC2 = rgba(94,172,194,1)

.lsblue
rgba(127,188,206,0.8) = #7FBCCE

.aiiro
#365E79 = rgba(54,94,121,1)

.ivory
#FFF5E4 =rgba(255,245,228,1)
*/


/* + - + - + - + - + - + - + - + - + - +   swiper  + - + - + - + - + - + - + - + - + - + - +*/

.swiper-slide {display:inline-block; height:100% !important; margin:0; text-align:center;}
.swiper-slide img { width:100%; margin:0 auto;} 

.swiper-button-prev, .swiper-button-next {opacity:1; transition:all 0.3s linear 0s;}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {opacity:0 !important; transition:all 0.3s linear 0s;}
.swiper-pagination { text-align: right; padding: 5px 0;}
.swiper-pagination-bullet {margin-right:8px;}
.swiper-pagination-switch {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	margin: 0 4px;
	background-color: #000;
	border: 1px solid #f4b;/*#188A77;*/
	cursor: pointer;
	transition: all .25s linear;
}
.swiper-active-switch {background-color: #16AC94;}

.swiper-slide > a {display:block; text-align:left;}

.swiper-container {position:relative; padding:2em 0;}


#swiper-container1 {padding:1em 0 2em;}
#swiper-container1 .swiper-button-prev,
#swiper-container1 .swiper-button-next {margin-top:-1em;}

#swiper-container2 {padding:2em 0;}
#swiper-container2 .swiper-button-prev,
#swiper-container2 .swiper-button-next {margin-top:-0.5em;}



/*
.swiper-container1 {
	position:relative; width: 100%; height:300px;
	overflow:hidden;
}
.swiper-container1 .swiper-wrapper {position:absolute; top:0; right:0; bottom:0; left:0;}
.swiper-container1 .swiper-slide {
	width:100%; height:100%; margin:0 auto 0; text-align:center;
	background:#fff;
}
.swiper-container1 .swiper-button-prev, .swiper-button-next {
}
*/



/* header to body --- */
.toppage #common-header {background:#5EACC2;}
.toppage h1 {margin:0; padding:0; font-size:1rem; font-weight:normal; line-height:1;}


@media only screen and (max-width: 768px) {
	.toppage #face {float:none;}
}

.toppage #nihon-chizu {padding:0 0 4em;}
.spa-report #nihon-chizu {padding:4em 0 5em;}

.chizu-container {position:relative; text-align:center;}
.chizu-wrapper {position:relative; width:100%; max-width:700px; height:575px;/*800px;*/ margin:auto;}
.chizu-fig {
	position:absolute; top:0; right:0; bottom:0; left:0; 
	width:96%; margin:auto; max-width:700px;
}

#nihon-chizu .hokkaido, #nihon-chizu .hokkaido a {color:white;}
#nihon-chizu .tohoku, #nihon-chizu .tohoku  a {color:#A8E4F6;}
#nihon-chizu .kanto, #nihon-chizu .kanto a {color:#BADD8C;}
#nihon-chizu .hokushinetsu, #nihon-chizu .hokushinetsu a {color:#FEEA99;}
#nihon-chizu .tokai, #nihon-chizu .tokai a {color:#FDD089;}
#nihon-chizu .kinki, #nihon-chizu .kinki a {color:#F79C7C;}
#nihon-chizu .chugoku, #nihon-chizu .chugoku a {color:#D5AAAE;}
#nihon-chizu .shikoku, #nihon-chizu .shikoku a {color:#EBC7DA;}
#nihon-chizu .kyushu, #nihon-chizu .kyushu a {color:#C2ABD3;}
#nihon-chizu .okinawa, #nihon-chizu .okinawa a {color:#FFF5E4;}


#nihon-chizu .area {
	text-align:center; font-size:1.05rem; font-feature-settings:"palt"; font-weight:bold;
}
#nihon-chizu .area a {
	padding:2px 6px; border-radius:3px;
	text-shadow: 0 0 2px #000,
							-1px -1px 1px #000, 
							1px -1px 1px #000, 
							-1px 1px 1px #000, 
							1px 1px 1px #000,
							-1px -1px 2px #000, 
							1px -1px 2px #000, 
							-1px 1px 2px #000, 
							1px 1px 2px #000;			
}
#nihon-chizu .area span.disabled {
	opacity:0.35;
	color:rgba(255,255,255,1);
	text-shadow: 0 0 2px rgba(0,0,0,0.5),
							-1px -1px 1px rgba(0,0,0,0.5), 
							1px -1px 1px rgba(0,0,0,0.5), 
							-1px 1px 1px rgba(0,0,0,0.5), 
							1px 1px 1px rgba(0,0,0,0.5)
}

#nihon-chizu .area, #nihon-chizu .pref {position:absolute; text-align:center;}
/*.pref > div {display:block; text-align:center; font-weight:bold;}*/

#nihon-chizu .area.hokkaido, #nihon-chizu .area.okinawa {display:none;}

#nihon-chizu .pref > span,
#nihon-chizu .pref > a {
	display:inline-block; width:auto;
	text-align:left; margin:0.175em; padding:0 0.375em;
	background:rgba(15,15,15,0.35); border-radius:3px;
	font-weight:bold; font-size:0.8em;
	transition:all 0.14s linear 0s;
}
#nihon-chizu .pref > span.disabled {
	background:rgba(195,195,195,0.4);
	color:rgba(255,255,255,0.4);
}

.is-pc #nihon-chizu .area a:hover {background:rgba(0,0,0,0.35); transition:all 0.1s linear 0s;}
#nihon-chizu .area.tohoku {top:37.5%; right:23.5%;}
#nihon-chizu .area.kanto {top:63.5%; right:33.5%;}
#nihon-chizu .area.hokushinetsu {top:46.5%; right:38.5%;}
#nihon-chizu .area.tokai {top:71.5%; right:45.5%;}
#nihon-chizu .area.kinki {top:59%; right:58.75%; text-align:right;}
#nihon-chizu .area.chugoku {top:62.5%; left:22%; text-align:right;}
#nihon-chizu .area.shikoku {top:73%; left:30%;}
#nihon-chizu .area.kyushu {top:70%; left:14%;}


.is-pc #nihon-chizu .pref a:hover {background:rgba(15,15,15,0.6); color:#fff5e4; transition:all 0.1s linear 0s;}
#nihon-chizu .pref.hokkaido {top:7.5%; right:23.5%;}
#nihon-chizu .pref.tohoku {top:37.5%; right:10%;}
#nihon-chizu .pref.kanto {top:66.5%; right:20%;}
#nihon-chizu .pref.hokushinetsu {top:28.5%; right:40.5%;}
#nihon-chizu .pref.tokai {top:76.5%; right:42.5%;}
#nihon-chizu .pref.kinki {top:41.5%; right:55%; text-align:right;}
#nihon-chizu .pref.chugoku {top:50.5%; left:9.25%; text-align:right;}
#nihon-chizu .pref.shikoku {top:78%; left:26.5%;}
#nihon-chizu .pref.kyushu {top:65%; left:0.5%;}
#nihon-chizu .pref.okinawa {top:95.5%; left:8.5%;}

/*
#nihon-chizu .hokkaido, .hokkaido a {top:7.5%; right:23.5%; color:white;}
#nihon-chizu .tohoku, #nihon-chizu .tohoku  a {top:37.5%; right:10%; color:#A8E4F6;}
#nihon-chizu .kanto, #nihon-chizu .kanto a {top:66.5%; right:20%; color:#BADD8C;}
#nihon-chizu .hokushinetsu, #nihon-chizu .hokushinetsu a {top:28.5%; right:40.5%; color:#FEEA99;}
#nihon-chizu .tokai, #nihon-chizu .tokai a {top:76.5%; right:42.5%; color:#FDD089;}
#nihon-chizu .kinki, #nihon-chizu .kinki a {top:41.5%; right:55%; color:#F79C7C; text-align:right;}
#nihon-chizu .chugoku, #nihon-chizu .chugoku a {top:50.5%; left:9.25%; color:#D5AAAE; text-align:right;}
#nihon-chizu .shikoku, #nihon-chizu .shikoku a {top:78%; left:26.5%; color:#EBC7DA;}
#nihon-chizu .kyushu, #nihon-chizu .kyushu a {top:65%; left:0.5%; color:#C2ABD3;}
#nihon-chizu .okinawa, #nihon-chizu .okinawa a {top:95.5%; left:8.5%; color:#FFF5E4;}
*/

.catchcopy-main {position:absolute; top:11%; left:7.5%; width:220px;}

.saru-kao {position:absolute; bottom:10%; right:15%; width:90px;}
.saru-serif {position:absolute; bottom:21%; right:10%; width:135px;}
/*
.saru-kao {position:absolute; top:18%; left:28%; width:100px;}
.saru-serif {position:absolute; top:4%; left:20%; width:150px; transform:rotate(-30deg);}
*/

#nihon-chizu .searchform {position:absolute; bottom:-1em; right:1em;}


#introduction {padding:3em 0 3em;}


.last-update {margin:1em 0; text-align:center;}
.last-update .prefix {display:inline-block; font-size:0.8rem;}
.last-update a {display:inline-block; margin:0 0.5em; font-size:1.1rem;}
.last-update .the-location {display:inline-block; margin-left:0.25rem; font-size:0.8rem;}

.kodawari-btns .btn-feature {width:64px; height:64px; margin:6px;}

.kodawari-btns a img {transition:all 0.3s linear 0s;}
.kodawari-btns a:hover img {transform:scale(1.1); filter:drop-shadow(0 3px 8px rgba(50,50,50,0.3)); transition:all 0.14s linear 0s;}



#recruit-intro .images {position:relative;}
#recruit-intro .images img {position:absolute; border-radius:100%; width:16em; height:16em; max-width:16em !important;}
#recruit-intro .images img:first-child {top:10em; left:5em;}
#recruit-intro .images img:last-child {top:1em; left:-4em;}

#recruit-intro h3 {color:#FFF5E4; margin:1.5em 0 0;}
#recruit-intro h3 + p {margin:0.5em 0 0.25em;}


/* ***** subpage common ***** */
.theme-fuzz-layer { position:relative; width:100%; height:380px;}
.theme-fuzz-layer:before {
	position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%;
	content: " ";
	background:rgba(140,140,140,0.5) url(./img/bg/pattern.png) repeat 0 0;
	z-index:-1; 
	opacity:0.5;
}
.header-image.search-result,
.theme-fuzz-layer.search-result,
.header-image.taxo-result,
.theme-fuzz-layer.taxo-result {height:auto !important;} 

#page-title {position:relative;}
#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 {
	font-size:250%;  margin:0;
	color:#fff; font-weight:bold; line-height:1.4em;
	text-align:center;
	text-shadow:1px 1px 0 rgba(0,0,0,0.6), 0 0 3px rgba(0,0,0,0.75), 0 0 5px rgba(0,0,0,0.5); 
	font-family:/*'texGyre', "MyYuMinchoM","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	/*Verdana, Helvetica,*/ "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif, "Takao Pゴシック", "TakaoPGothic", sans;
}
.subpage #page-title h1 {letter-spacing:0.25em; font-feature-settings:"palt";}
.subpage.single #page-title h1 {letter-spacing:0;}


h1 span.h1-en-caption {margin:auto; text-align:center; font-family:'Geosans-L'; font-size:1em; color:#FCDF21; opacity:0.6; text-shadow:none; z-index:0;}

#page-title .location {display:inline-block; font-size:60%; vertical-align:middle; margin:0 0.5em;}


.ancor-link {margin-top:2em;}

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

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




/* ***********************
 Page-Menu
*/


.taxo-large-button {
	position:relative; 
	display: flex; align-items: center; justify-content:center;
	width:100%; height:80px; 
	background:#fff; border:1px solid #ddd; 
	box-shadow: 0px 3px 5px rgba(20, 20, 20, 0.3);
	font-feature-settings:"pkna";
	transition:all 0.33s linear 0s;
}
.taxo-large-button:hover { transform:translate(2px,2px); transition:all 0.14s linear 0s;}
.taxo-large-button::after {
	content:" "; width:10px; height:10px;
	position:absolute; right:10px; top:50%; margin-top:-5px;
	border-right:2px solid #4bf;	border-top:2px solid #4bf;
	transform:rotate(45deg);
	transition:all 0.14s linear 0s;
}
.taxo-large-button:hover::after {
	content:" "; width:10px; height:10px;
	position:absolute; right:8px; top:50%; margin-top:-5px;
	border-right:2px solid salmon;	border-top:2px solid salmon;
	transform:rotate(45deg);
	transition:all 0.14s linear 0s;
}
.taxo-large-button span {display:block; margin:auto 1.5em; }

.rel-duo-wrapper {width:100px; height:100px; background:rgba(0,0,0,0.2); border-radius:6px; overflow:hidden;}
.rel-duo-wrapper .yoko {width:100px; height:50px;}
.rel-duo-wrapper .tate {width:50px; height:100px;}
.rel-duo-wrapper .yoko, .rel-duo-wrapper .tate {background-repeat:no-repeat; background-size:cover; background-position:center center;}

img.this-case-photo {width:100% !important; max-width:330px !important;}



/* ***********************
  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;}


/* ***********************
  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 #page-body {background:#fff5e4; padding-top:2em !important;}
.contact .fixed-page-post {max-width:620px; margin:auto;} 
#contact-form-wrapper {margin-top:3em; border-radius:6px;}



li.chk-xl {
	line-height:1.35em;
	height: auto; font-size:36px;
	list-style:none; 
	background: url(./img/icon/chk.png) no-repeat 0 0;
	background-size:48px 48px;
	padding: 4px 0 6px 1.5em;
	margin: 0.5em 0;
}
li.chk {
	line-height:1.35em;
	height: auto; font-size:120%;
	background: url(./img/icon/chk.png) no-repeat 0 0;
	background-size:1.75em 1.75em;
	padding: 0.25em 0 0.5em 2.25em;
	margin: 0.75em 0;
}


/* ***********************
   recruit
*/

.recruit #page-body { background:#f7f7f7; /*#fff5e4;*/ padding-top: 2em !important;}
.recruit .fixed-page-post {max-width:770px; margin:auto;}
.is-pc.recruit .fixed-page-post table th { max-width:280px; vertical-align:middle !important;}
.is-pc.recruit .fixed-page-post table td { vertical-align:middle !important;}


/* ***********************
   privacy-policy / terms-of-service
*/
.privacy-policy .fixed-page-post {max-width:700px; margin:auto;}
.terms-of-service .fixed-page-post {max-width:770px; margin:auto;}

.privacy-policy h1 span.h1-en-caption,
.terms-of-service h1 span.h1-en-caption {font-size:0.9em;}

.terms-of-service .anchor-links {text-align:center;}
.terms-of-service .anchor-links.at-top {margin:0 0 3em; }
.terms-of-service .anchor-links.at-bottom {margin:3em 0 0; }
.terms-of-service .anchor-link {width:11em; margin:0 0.5em 1em;}

.terms-of-service .kakomi {margin:3em 0 4.5em; border:1px solid #ccc; border-radius:6px; padding:1em 1em 1em;}

/*

*/
.tos-links {text-align:right;}
.tos-links a {display:inline-block; margin:0.25em 0.5em; font-size:0.75rem; text-decoration:underline;}


/* ***********************
   Author
*/
#author-info {padding:1em 0; width:100%; max-width:900px; margin:auto;}
#author-info .author-avatar {width:140px; height:140px; padding:10px;}
#author-info .author-description {width:calc(100% - 140px); height:auto; padding:10px;}
@media(max-width:479px) {
	#author-info .author-description {width:100%; height:auto; padding:0 10px 10px;}
}
#author-info .nickname {margin:0.25em 0 0.25em; font-size:120%; font-weight:bold;}
#author-info .profile {margin:0.25em 0; font-size:90%; line-height:1.5;}
#author-info .site-url {margin:0.25em 0; font-size:90%; line-height:1.5;}


dl.each-item {background:#fff; padding:0; margin:0 2.5% 0.5em; box-shadow:none; transition:all 0.33s linear 0s;}
.swiper-container dl.each-item {margin:0 4.25% 1em;}
.is-pc dl.each-item:hover {transform:scale(1.025); box-shadow:0 2px 1.15em 2px rgba(0,0,0,0.25); transition:all 0.14s linear 0s;}

dl.each-item dt {
	width:100%; padding:1.15rem 1rem 0.25rem; 
	font-size:120%; line-height:1.5em; font-weight:bold;
	font-feature-settings:"palt";
}
.is-pc dl.each-item dt {color:#444;}
dl.each-item dd {width:100%; padding:0 1rem; line-height:1.5em; font-feature-settings:"palt";}
dl.each-item dd.excerpt,
dl.each-item dd.remark {font-size:90%; padding-top:0.5em; padding-bottom:0em;}
dl.each-item dd.location {font-size:80%;}
dl.each-item dd.stars {}
dl.each-item dd.stars img {width:auto; height:1.35em; margin:0.35em 0;}
dl.each-item dd.feature {
	padding-top:1em;font-size:70%; line-height:1.65; 
	height:auto; max-height:6em; overflow:hidden;
}
dl.each-item dd.feature span {display:inline-block; color:#5eacc2; margin-right:0.75em;}
.is-pc dl.each-item:hover dd.feature span {color:#fff;}
dl.each-item dd.identifier {font-size:70%;}
dl.each-item dd.identifier img {width:auto; height:2em; margin-right:0.25em; padding:0.25em; background:rgba(255,255,255,0.75); border-radius:25%;}
dl.each-item dd.post-date {padding-top:0.5em; font-size:90%;}

.post-card-wrapper {padding:0em 0.5em 2.25em;}
.post-card-wrapper.swiper-slide {padding:0;}


.post-card-wrapper .ranking-icon {
	position:absolute; top:-1.5em; left:-0.25em; 
	width:80px;
}
.post-card-wrapper .ranking-number-text {
	position:absolute; top:-0.5em; left:0.125em; 
	width:1.5em; height:1.5em; line-height:0.9; text-align:center;
	padding:0.25em; border:1px solid #999; 
	font-family:'Lobster'; font-size:200%;
	color:#7A0910;
	text-shadow:0 0 2px #fff, 
						-1px -1px 1px #fff,
						1px -1px 1px #fff,
						-1px 1px 1px #fff,
						1px 1px 1px #fff;
	border-radius:100%;
}


.post-card {height:100%;}
.post-card dl {height:100%; position:relative; padding-bottom:0.5rem;}

.blog .post-card dl { padding-bottom:2.5rem;}
.post-card dt { width:100%; max-width:450px; padding:0; font-size:1em; color:(94,172,194,1) !important;}
.post-card dd {padding:0; color:#777 !important;}
.post-card dd.eyecatch {position:relative; width:100%; max-width:450px; height:auto;/*200px;*/ background:rgba(255,255,255,1);  overflow:hidden; padding:0; }
.post-card span.imgframe {
	display:block; width:100% !important; min-width:100%; height:auto; margin:0; vertical-align:top; overflow:hidden; 
	background-repeat:no-repeat; background-size:cover; background-position:center 15%;
}
.post-card span.imgframe:after { content:""; display:block; padding-top:80%;}

a:hover .post-card dd {text-shadow:none !important;}

@media (min-width:1077px) {
	a:hover .post-card dl { background:rgba(94,172,194,1) !important;}
	a:hover .post-card dt,
	a:hover .post-card dd { color:#fff !important;}
}

.post-card dd.eyecatch img {width:auto !important; height:auto !important; vertical-align:middle; margin:0;}
.post-card dd.eyecatch .noimage {position:absolute; top:0; right:0; bottom:0; left:0; margin:0; font-size:28px; text-align:center; padding:2em 0; font-family:'Geosans-L';}
.post-card dd.caption {padding:0 0.5em;}
.post-card dd.caption img {display:none;}
.post-card dd.caption.summary { 
	padding:1em 0.5em 0; height:105px;
}



.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 th 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;}
div.post-tn:hover {/*transform:translateX(6px);*/ 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;/* background:#fff; box-shadow:0 2px 4px rgba(20, 20, 20, 0.2);*/ transition:all 0.35s linear 0s;}
.each-post:hover {/*transform:translateY(-4px) scale(1.025);*/ background:rgba(80,60,30,0.08);/*rgba(255,235,110,0.2);*/ transition:all 0.14s linear 0s;}

#policy ol {margin:2em 0;}
#policy ol li {	line-height:1.7em; font-size:20px; margin:1em 0;}

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



/* ******************************
 Spa-Report  
*/

#spa-review table th {font-weight:bold;}
@media(min-width:769px) {
	#spa-review table th {width:120px; padding-top:1em; padding-bottom:1em;}
	#spa-review table th.vat {vertical-align:top;}
	#spa-access table th {width:22.5%;}
}
@media(max-width:768px) {
	#spa-review table {border-top:none;}
	#spa-review table th {border-top: 1px solid rgba(0,0,0,0.2);}
}
#spa-review .the-name {font-size:140%; font-weight:bold;}
#spa-review .score { display:inline-block; margin:0.25em 0 0; font-size:1.15em; font-weight:bold;}
#spa-review .stars { display:inline-block; margin:0.25em 0; font-size:1.15em;}
#spa-review .stars-taxo { width: auto; height: 1.25em; margin:0;  /*vertical-align:-7%;*/ }
#spa-review .score.total { display:inline-block; margin:0.75em 0 0.5em; font-size:1.5em; font-weight:bold;}
#spa-review .stars-total { width: auto; height: 1.9em; margin:0 0.5em; vertical-align:-15%; }
#spa-review .feature-tags {margin-top:0.35em;}
#spa-review .feature-tags .each-term {
	display:inline-block;
	background:#5eacc2; color:#fff; 
	padding:0.1em 0.5em; margin:0.25em 0.25em 0.25em 0; border-radius:3px;
}
.is-mobile #spa-review .feature-tags .each-term {margin:0.25em 0.5em 0.25em 0;}
#spa-review .feature-tags .each-term:hover {background:rgba(14,94,121,0.9);}
#spa-review table td p {margin:0.75em 0; line-height:1.65;}
#spa-review .spec-headline {font-weight:bold; font-size:120%; border-bottom:2px dotted #5eacc2;}
#spa-review .remark {display:block; font-size:140%; margin:0.25rem 0 0.75rem;}
.single.type--spa .wp-block-image {width:100%; text-align:center;}
.single.type--spa .wp-block-image > img{margin:auto;}
#spa-access .site-url a {font-size:90%; padding-left:0.1em; word-break:break-all; white-space:wrap;}

.adsense {
	position:relative;
	padding:1em 1em 1em;
	border:1px solid #bcbcbc; border-radius:6px;
	text-align:center;
}
.adsense::after {
	position:absolute; top:-0.5em; left:1em;
	content:"広告"; font-size:0.9rem; font-weight:bold;
	background:#fff; line-height:1;
	padding:0 0.5em; letter-spacing:0.25em;
	color:#bcbcbc;
}
.adsense.position0 {margin:1em 0 3.5em;}
.adsense.position1 {margin:0em 0 4em;}
.adsense.position2 {margin:0em 0 2em;}
.adsense.position3 {margin:4.5em 0 0em;}
@media (max-width:480px) {
	.adsense {
		border-top:1px dotted #aaa; border-bottom:1px dotted rgba(0,0,0,0.125); border-right:none; border-left:none; 
		padding:1.25em 0 0;
	}
	.adsense::after {
		top:-0.5em; left:0; right:0; margin:auto; width:3em;
		color:#aaa;
	}
}

#sns-share-btns-lower {padding:0 1%; text-align:center; max-width:760px; }
.type--spa div.sns-share-btns {text-align:right; padding:0.5em 0 0;}
.type--post div.sns-share-btns {text-align:right; padding:0.75em 0;}
img.sns-share-btn {
	width:90px; height:36px; margin:10px 4px; transition:all 0.3s ease-in-out 0s;
	filter:drop-shadow(0 1px 3px rgba(0,0,0,0.25));
}
.is-pc img.sns-share-btn:hover {
	filter:drop-shadow( 0 1px 4px rgba(0,0,0,0.4));
	transform:scale(1.1); transition:all 0.14s ease-in-out 0s;
} 

.type--spa #appendix h3 {margin:2em 0 0.5em;}
	

.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {line-height:1.5;}
.wp-block-gallery figure { cursor: pointer; }
.is-pc .wp-block-gallery figure {transition:all 0.3s linear 0s;}
.is-pc .wp-block-gallery figure:hover {transform:scale(1.025); box-shadow:0 2px 1.15em 2px rgba(0,0,0,0.25); transition:all 0.14s linear 0s;}
.wp-block-gallery + p {margin-top:calc(1.5em - 32px);}

.spec-detail img { 
	cursor: pointer; 
	margin:auto;
}
.is-pc .spec-detail img {
	transition:all 0.3s linear 0s;
	display:block; 
	/*max-width:calc(50% - 1em);*/
	max-height:537px;/*513.3333px;*/
	/*float:left;*/
	margin:1em 1em 0 0;
}
.is-pc .spec-detail p {clear:both;}
.is-pc .spec-detail img:hover {transform:scale(1.025); box-shadow:0 2px 1.15em 2px rgba(0,0,0,0.25); transition:all 0.14s linear 0s;}

.single-post-page .spec-detail h3 {
    margin: 2em 0 0;
    line-height: 1.5em;
	font-size:1.15rem;
	letter-spacing:0.05em;
	padding-left:0.5em;
	border-left:6px solid #5eacc2;
}



@media(max-width:660px) {
	.wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {width:100% !important; height:auto !important; margin-right:0 !important;}
	.wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {width:100% !important; height:auto !important;}
}


/* 
	pickup_cat-XXXXX.php
*/
#list-inner .item-cell {border-radius:6px; border:2px solid transparent; background:rgba(255,255,255,0.3); transition:all 0.3s linear 0s;}
#list-inner .item-cell:hover {border:2px solid rgba(255,255,255,0.75); background:rgba(255,255,255,0); transition:all 0.3s linear 0s;}

.bg-white #list-inner .item-cell {border-radius:6px; border:2px solid transparent; background:rgba(155,155,155,0.2); transition:all 0.3s linear 0s;}
.bg-white #list-inner .item-cell * {color: #666;} 
.bg-white #list-inner .item-cell:hover {border:2px solid rgba(155,155,155,0.75); background:rgba(255,255,255,0); transition:all 0.3s linear 0s;}


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

/*.term-list {margin:0em 0 1.25em;}*/
.kodawari-taxos {text-align:left;}
.kodawari-taxos h4 {margin:0.5em 0 0; padding-left:1.5em;}
.term-list {margin:0; font-size:0.85em;}
.term-list li {display:inline-block; margin:0 0.5em 1em;}
.term-list a {
	display:inline-block; color:#fff; padding:0.35em 0.75em; margin:0;
	border:1px solid transparent;
	background:rgba(94,172,194,1);
	font-family: Verdana, Helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif, "Takao Pゴシック", "TakaoPGothic", sans;
	transition:all 0.3s linear 0s;
}
.is-pc .term-list a:hover {
	border:1px solid rgba(54,94,121,1);
	background:rgba(54,94,121,1);
	transition:all 0.14s linear 0s;
}
.term-list span.disabled {
	display:inline-block; color:#fff; padding:0.35em 0.75em; margin:0;
	border:1px solid transparent;
	background:rgba(150,150,150,0.5);
	font-family: Verdana, Helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif, "Takao Pゴシック", "TakaoPGothic", sans;
	transition:all 0.3s linear 0s;
}


#easy-search .outer {margin:2em 0; text-align:center;}
#easy-search .inner {display:inline-block; margin:auto;}

#complex-search .outer {margin:3em 0; text-align:center;}
#complex-search .inner {
	display:inline-block; margin:auto; width:auto; max-width:53.5em;/*50.65em;*/ padding:0.5em 1em 2em;
	background:rgba(255,255,255,0.7); border-radius:6px;
}

#c-search {text-align:left;}
#c-search h4 {text-align:left; margin:0.75em 0 0; padding-left:0.5em;}


#c-search input[type="reset"] {
    margin:1rem 0.5rem 0; padding:0.5em 1.5em; color:#5eacc2; font-size:0.8rem; font-weight:normal; background:#fff; border:1px solid #5eacc2; border-radius:3px; box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.35); transition: all 0.33s ease 0s;
}
.is-pc #c-search input[type="reset"]:hover {color:#fff; background:#5eacc2; border:1px solid #fff; box-shadow: 0px 1px 1px 0 rgba(0,0,0,0.4); transform: translateY(2px); transition: all 0.14s ease 0s;}


.area-list {margin:1.5rem 0;}
.area-list h4 {display:inline-block; padding-right:1em;} 

.area-list select {display:inline-block; padding:0.15em 0.25em; border:2px solid #5EACC2; border-radius: 4px;}
.area-list option.parent {font-size:1.1em;}
.area-list option.children {font-size:0.9em;}
.area-list option.zenkoku {background:rgba(200,100,100,0.2333);}
.area-list option.tohoku {background:rgba(168,228,246,0.3333);}
.area-list option.kanto {background:rgba(186,221,140,0.3333);}
.area-list option.hokushinetsu {background:rgba(254,234,153,0.3333);}
.area-list option.tokai {background:rgba(253,208,137,0.3333);}
.area-list option.kinki {background:rgba(247,156,124,0.3333);}
.area-list option.chugoku {background:rgba(230,169,171,0.3333);}
.area-list option.shikoku {background:rgba(255,202,222,0.3333);}
.area-list option.kyushu {background:rgba(194,171,211,0.3333);}
.area-list option.okinawa {background:rgba(255,245,228,0.3333);}


#c-search ul.checkboxes {padding-left:0; font-size:0.9em; font-feature-settings:"palt"; margin:0 0 1em; width:auto; margin:auto; text-align:left;}
#c-search ul.checkboxes li {display:inline-block; width:9em; margin:0.25em 0.125em; padding:0.25em 0.5em; background:rgba(127,188,206,0.2); /*color:#4d9bb1;*/}
#c-search ul.checkboxes li label {display:block; width:100%; cursor:pointer;}

#c-search input[type="submit"] {
    margin:1.5em 1em 0; padding: 0.5em 2.15em; color:#fff; font-size:1.1rem; font-weight:normal; background:#5eacc2; border:1px solid #5eacc2; border-radius:3px; box-shadow: 0px 2px 5px 0 rgba(0,0,0,0.35); transition: all 0.33s ease 0s;
}
.is-pc #c-search input[type="submit"]:hover { background:#365E79; border:1px solid #365E79; box-shadow: 0px 1px 1px 0 rgba(0,0,0,0.4); transform: translateY(3px); transition: all 0.14s ease 0s;}

#c-search .cbx-input{display: none;}
#c-search .cbx-inner{position:relative; padding-left:1.5em;}
#c-search .cbx-inner::before{
	content:""; display:block; position:absolute; 
	top:0; left:0; bottom:0; margin:auto;
	width:0.9em; height:0.9em;
	background:#fff; border:2px solid #5EACC2; border-radius:4px;
	transition:all 0.12s linear 0s;
}
#c-search .cbx-input:checked + .cbx-inner{color:#365E79; font-weight:bold;}
#c-search .cbx-input:checked + .cbx-inner::before{
	border:2px solid #5EACC2; border-radius:100%; transition:all 0.12s linear 0s;*/
}
#c-search .cbx-input:checked + .cbx-inner::after{
	content:""; display:block; position:absolute; 
	top: -0.4em; left: 0.35em; width:0.5em; height:1.1em;
	border-bottom: 3px solid #365E79; border-right: 3px solid #365E79;
	transform:rotate(40deg); 
	box-shadow:1px 1px 0 0 #fff;
}

@media (max-width:800px) {
	#c-search ul.checkboxes li {padding:0.5em 0.5em;}
}

@media (max-width:599px) {
	.kodawari-taxos h4 {margin:1em 0 0; padding-left:0.5em;}
	#complex-search .inner { padding:0.5em 0.75em 2em;}
	#c-search ul.checkboxes { font-size:0.8em;}
	#c-search h4 {text-align:left; margin:0.75em 0 0;}
}




/* ****************************************
  Search Result
*/
.c-search-filter {font-feature-settings:"palt"; color:#aaa;}
.c-search-filter .element {display:inline-block; font-size:120%; font-weight:bold; color:#365E79; margin:0 0.25rem;}
.c-search-filter .suffix {display:inline-block; font-size:90%; color:#444; margin-left:0.25rem;}

.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:'Geosans-L'; font-size:250%; 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}
.sub-option .searchform {width:12em; margin:auto;}
.pager {padding:2em 0 3em;}

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


/* ****************************************
  Taxonomy -- Area Map
*/
ul.child-terms-list li {display:inline-block; margin:0.5em; font-size:0.9em;}
#area-map {}
#area-map #the-area {
	width: 100%;
	height: 600px;
	background:rgba(0,0,0,0.05);
}
#area-map .bubble {width:auto; max-width:18em; text-align:left;}
/*.is-mobile #area-map .bubble {padding-right:8px; padding-bottom:8px;}*/
#area-map .bubble .name {display:block; font-size:110%; font-weight:bold;}
.is-pc #area-map .bubble .name {color:#151515;}
#area-map .bubble .stars {height:12px; margin:0.5em 0 0;}
#area-map .bubble .caption {margin:1em 0; font-size:90%; color:#151515;}
#area-map .bubble .data {margin:1px 0; font-size:80%; line-height:1.35; color:#444;}
#area-map .bubble .icon-like {display:inline-block; background:rgba(0,0,0,0.075); padding:1px 2px; margin-right:3px;}
#taxo-toggle-btns {
	margin-top:1em; padding-bottom:0.25em;
	text-align:center; 
}
#taxo-toggle-btns .outer {}
#taxo-toggle-btns .inner {display:inline-block; width:auto; margin:auto;}
ul.cat-labels {display:block; padding:0; margin:0;}
/*
Botu - Label With Flex
span.cat-segment {
	display:block; padding:0.25em 0em; margin:0.35em; 
	font-size:0.85em; width:4.5em; line-height:1.65;
	text-align:left;
}
@media (max-width:880px) {
	ul.cat-labels { width:calc(100% - 4.5em);}
}
*/
ul.cat-reset {padding-left:0; text-align:center;}
li.switcher {display:inline-block; font-size:0.85em; margin:0.5em 0.35em;}
li.switcher span { 
	padding:0.25em 0.5em; margin:0; cursor:pointer;
	color:#4d9bb1; background:rgba(127,188,206,0.15); border:1px solid rgba(127,188,206,0.3);
	/*background:#fff; border:1px solid #5EACC2;*/
	/*background:rgba(0,0,0,0.1); */
}
li.switcher.selected span {
	color:#fff; background:#5EACC2;
	/*color:#fff; background:rgba(0,0,0,0.5);*/
}
li.switcher.reset span {padding:0.75em 1.25em;}
@media (max-width:599px) {
	#area-map #the-area {height:77.5vh; min-height:400px;}	
	#taxo-toggle-btns {position:relative; margin-top:1em; padding-bottom:0;}
	#taxo-toggle-btns::before {
		position:absolute; top:12.5%; left:0;
		content:"T "; font-family:'SosaIcon'; color:#5EACC2; line-height:1.25;
	}
	#taxo-toggle-btns::after {
		position:absolute; top:12.5%; right:0;
		content:" S"; font-family:'SosaIcon'; color:#5EACC2; line-height:1.25;
	}
	#taxo-toggle-btns .outer {background:rgba(127,188,206,0.3);}
	#taxo-toggle-btns .inner {
		display:block; width:92%; margin:0 auto; overflow:auto;
		-webkit-overflow-scrolling: touch;
	}
	ul.cat-labels {display:table; padding:0.75em 0.35em;}
	ul.cat-labels li.switcher {display:table-cell; white-space:nowrap; word-break:keep-all;}	
	li.switcher {font-size:1em;}
	li.switcher span { 
		padding:0.25em 0.5em; margin:0.35em 0.15em; 
		color:#5EACC2; background:#fff; border:1px solid #5EACC2;
	}
	li.switcher.selected span {/*#365E79*/;}
	#taxo-toggle-btns .inner {padding-bottom: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;}


.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; 		
}
@keyframes Powatter-SD {
	0% { opacity: 0; transform: translateY(20px); }
	100% { opacity: 1; transform: translateY(0); }
}

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


.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-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 {
	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) {
	.header-image {background-repeat:no-repeat; background-attachment:scroll; background-size:cover; background-position:center center;}
}
@media only screen and (max-width: 1077px) {
	.header-image {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) {


	.a-area {background:inherit; transition:all 0.5s linear 0s;}
	.a-area.a-pink:hover {color:#d6c; background:rgba(255,221,232,0.4); transition:all 0.34s linear 0s;}
	.a-area.a-blue:hover {color:#00f; background:rgba(81,201,255,0.15); transition:all 0.34s linear 0s;}
}

@media only screen and (max-width: 800px) {
	
	.hero-image, .header-image { 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) {

	#header-inner {height:auto; min-height:100px;}	
	
	.theme-fuzz-layer {height:380px;}
	#page-title {height:247.5px;}		
	
	.toppage .theme-fuzz-layer {height:400px;}
	.toppage #page-title {height:347.5px;}		
	.toppage #page-title h1 {font-size:2rem;}		


	#nihon-chizu .chizu-container {height:auto; min-height:620px;}
	.catchcopy-main { top:6.5%; left:4%; width:210px;}
	.saru-kao {bottom:-5%; right:8.5%; width:80px;}
	.saru-serif {bottom:5%; right:2.5%; width:115px;}
	#nihon-chizu .searchform { bottom: -2em; left: 1.5em;}
	#nihon-chizu .searchform div {margin:0;}


	
	/* #body-menu etc --- @ front-page, page-menu*/
	.keep-half.smp-waku {border-top:1px solid #ddd; margin-top:1.5em;}
	.keep-half.smp-waku > div { padding:0.5em; } 
	.keep-half.smp-waku > div {border-bottom:1px solid #ddd;}
	.keep-half.smp-waku > div:nth-child(odd) {border-right:1px solid #ddd;}
	#body-menu dt {padding:0; font-size:1.1em; line-height:1.35em;}
	#body-menu dd.caption {font-size:0.8em; margin:1em 0 1.5em;}

	#recruit-intro .images {position:relative; width:100vw !important; height:28em;}
	#recruit-intro .images img {position:absolute; width:16em; height:16em; max-width:20em !important;}
	#recruit-intro .images img:first-child {top:10em; left:50vw; margin-left:-3em;}
	#recruit-intro .images img:last-child {top:1.5em; left:50vw; margin-left:-14em;}

}

/* 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) {

	#nihon-chizu .chizu-container {height:auto; min-height:570px;}
	.catchcopy-main { top:7.5%; left:3%; width:200px;}
	.saru-kao {bottom:-5%; right:8.5%; width:80px;}
	.saru-serif {bottom:6%; right:0.5%; width:115px;}


	#nihon-chizu .area {display:none;} 
	
	#nihon-chizu .pref.hokkaido {top:10.5%; right:21.5%;}
	#nihon-chizu .pref.tohoku {top:36.5%; right:10%;}
	#nihon-chizu .pref.kanto {top:60.5%; right:24%;}
	#nihon-chizu .pref.hokushinetsu {top:32.5%; right:38.5%;}
	#nihon-chizu .pref.tokai {top:69.5%; right:41.5%;}
	#nihon-chizu .pref.kinki {top:41.5%; right:55%; text-align:right;}
	#nihon-chizu .pref.chugoku {top:45.5%; left:4.5%; text-align:right;}
	#nihon-chizu .pref.shikoku {top:72%; left:23.5%;}
	#nihon-chizu .pref.kyushu {top:58.5%; left:0%;}
	#nihon-chizu .pref.okinawa {top:88.5%; left:5.5%;}

	#nihon-chizu .searchform { bottom: -2em; left: 1.5em;}
	#nihon-chizu .searchform div {margin:0; max-width:180px;}

}

/* Mobile Portrait Size to Mobile Landscape Size */
@media only screen and (max-width: 479px) {
		
	.theme-fuzz-layer {height: 50%; min-height: 200px; }
	
	.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;}	

	#nihon-chizu .chizu-container {height:auto; min-height:420px;}
	.catchcopy-main { top:20.5%; left:1em; width:40vmin;}
	.saru-kao {bottom:0%; right:8.5%; width:80px;}
	.saru-serif {bottom:9%; right:0.5%; width:115px;}


	#nihon-chizu .pref {display:none; font-size:3.55vmin;}
	#nihon-chizu .area {display:block; font-size:1.1rem;}

	.toppage .chizu-wrapper {height:540px;}
	.toppage #nihon-chizu .area.hokkaido {display:block; top:28.5%; right:15.5%;}
	.toppage #nihon-chizu .area.tohoku {top:44.5%; right:21%;}
	.toppage #nihon-chizu .area.kanto {top:56%; right:29%;}
	.toppage #nihon-chizu .area.hokushinetsu {top:46.5%; right:39.5%; line-height:1.2;}
	.toppage #nihon-chizu .area.tokai {top:59%; right:42%;}
	.toppage #nihon-chizu .area.kinki {top:55.5%; right:56.5%; text-align:center; line-height:1.1;}
		.toppage #nihon-chizu .area.kinki a {padding:0; letter-spacing:0.25em;}
	.toppage #nihon-chizu .area.chugoku {top:53.5%; left:20.5%; text-align:right;}
	.toppage #nihon-chizu .area.shikoku {top:61.5%; left:25%;}
	.toppage #nihon-chizu .area.kyushu {top:62%; left:9.5%;}
	.toppage #nihon-chizu .area.okinawa {display:block; top:71.5%; left:4%;}

	.subpage .chizu-wrapper {height:400px;}
	.subpage #nihon-chizu .area.hokkaido {display:block; top:21.5%; right:15.5%;}
	.subpage #nihon-chizu .area.tohoku {top:42.5%; right:21%;}
	.subpage #nihon-chizu .area.kanto {top:58%; right:29%;}
	.subpage #nihon-chizu .area.hokushinetsu {top:46%; right:39.5%; line-height:1.2;}
	.subpage #nihon-chizu .area.tokai {top:62.5%; right:42%;}
	.subpage #nihon-chizu .area.kinki {top:57.5%; right:56.5%; text-align:center; line-height:1.1;}
		.subpage #nihon-chizu .area.kinki a {padding:0; letter-spacing:0.25em;}
	.subpage #nihon-chizu .area.chugoku {top:54.5%; left:20.5%; text-align:right;}
	.subpage #nihon-chizu .area.shikoku {top:65%; left:25%;}
	.subpage #nihon-chizu .area.kyushu {top:65.5%; left:9.5%;}
	.subpage #nihon-chizu .area.okinawa {display:block; top:80%; left:4%;}
	

	/*
	#nihon-chizu .hokkaido, .hokkaido a {top:24.5%; right:21.5%;}
	#nihon-chizu .tohoku, #nihon-chizu .tohoku  a {top:37.5%; right:8%;}
	#nihon-chizu .kanto, #nihon-chizu .kanto a {top:53%; right:17%;}
	#nihon-chizu .hokushinetsu, #nihon-chizu .hokushinetsu a {top:35%; right:33.5%;}
	#nihon-chizu .tokai, #nihon-chizu .tokai a {top:60%; right:36.5%;}
	#nihon-chizu .kinki, #nihon-chizu .kinki a {top:40.5%; right:52%; text-align:right;}
	#nihon-chizu .chugoku, #nihon-chizu .chugoku a {top:47.5%; left:-1%; text-align:right;}
	#nihon-chizu .shikoku, #nihon-chizu .shikoku a {top:63%; left:26%;}
	#nihon-chizu .kyushu, #nihon-chizu .kyushu a {top:60%; left:6.5%;}
	#nihon-chizu .okinawa, #nihon-chizu .okinawa a {top:78%; left:-1%;}
	*/
	
	#nihon-chizu .searchform { bottom: 0.125em; left: 0.125em;}
	#nihon-chizu .searchform div {margin:0 0 0 1em; max-width:160px;}
	
	#burger-menu .searchform div {margin:0; max-width:160px;}

	#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:1.15em;}
	
	.feature-text {font-size:125%; line-height:1.7em; text-align:left;}

	.motto p {text-align:left;}

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

	h2.jp {font-size:160%; letter-spacing:0.125em;}
	ol.fs150p {font-size:115%; padding:0;}


	.privacy-policy #page-title h1 {font-size:175%;}
	.privacy-policy h1 span.h1-en-caption {font-size:0.95em;}
	.privacy-policy h2.jp {font-size:175%;}
	
	ul.term-list {padding-left:0;}	
	ul.term-list li { font-size:105%; font-weight:bold; margin-top:0.5em; margin-bottom:0.5em;}
	
}


/* */