@charset "utf-8";
* {
	margin: 0;	 
	padding: 0;
	box-sizing: border-box;
	text-decoration: none;
}
body {
	font: 18px/1.7 "Noto Sans JP","メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Helvetica,Sans-Serif;
	-webkit-text-size-adjust: 100%;
    color: #191970;	
    background-image: linear-gradient(90deg, rgba(231, 230, 249, 0.5), rgba(214, 235, 248, 0.5) 50%, rgba(219, 255, 230, 0.5));
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	height: 100vh;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
                                        /* header ★ */
#menu {
	width: 100%;
    background: #fff;
    border-bottom: 3px solid #000080;
	color: #59b9c6;
	text-align: center;
    z-index: 99;
}
#menu a {
    color: #000080;
    text-decoration: none;
}
#menu ul {
    position: relative;
    display: block;
    box-sizing:border-box;
    list-style: none;
    line-height: 0.65;
}
#menu .sub_ttl,
#menu ul li a {
	display: block;
	padding: 9px 5px;
	font-size: 18.5px;
    font-weight: bold;
	white-space: nowrap;
}
#menu ul.main {
    max-width: 960px;
    margin:0 auto;
}
#menu > ul.main > li {		/*　アイコン　↓に画像指定有り　*/
    position: relative;
}
#menu > ul.main > li:before {
    position: absolute;
    display: block;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    top: 7px;
    left: 50%;
    width: 25px;
    height: 25px;
	transform: translateX(-50%) rotateY(0);
    transition: transform 1s;
}
#menu > ul.main > li.has_sub:before {
    left: 45%;
}
#menu > ul.main > li:hover:before {
    transform: translateX(-50%) rotateY(360deg);
}
#menu > ul.main > li > a {
    padding: 40px 7px 5px 7px;
    letter-spacing: 1px;
    overflow: hidden;
}
#menu > ul.main > li.logo a {
    margin: 0;
    padding: 10px 8px 10px 0;
    font-size: 2.2em;
}
										@media only screen and (min-width: 959px) {
.button,
#menu .sub_input {
	display: none;
}
#menu ul li {
	display: inline-block;
}
#menu ul.main ul li {
	display: block;
	overflow: hidden;
	height: auto;
	transition: padding 0.2s;
}
#menu > ul.main > li.has_sub > a {
    padding-right: 20px;
}
#menu ul.main li.has_sub .sub a {
	padding-left: 19px;
    border-radius: 7px;
	text-align: left;
}										
#menu ul.main li.has_sub span {		/*　+-マーク　*/
    position: relative;
}
#menu ul.main li.has_sub span:before,
#menu ul.main li.has_sub span:after {
    position: absolute;
    display: block;
    content: '';
    background: #000080;
}
#menu ul.main li.has_sub span:before {
    top: 6px;
    right: -10.5px;
    width: 2px;
    height: 10px;
    transition:all 0.2s ease;
}
#menu ul.main li.has_sub span:after {
    top: 10px;
    right: -15px;
    width: 10px;
    height: 2px;
}
#menu ul.main li.has_sub:hover span:before {
	bottom: -20px;
	opacity: 0;
}					
#menu ul.main div.sub {		/*　.sub　*/
	position: absolute;
	display: grid;
	left: 50%;
	width: auto;
	min-width: 300px;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	padding: 15px 20px 0 20px;
	background: #fff;
	border: 1px solid #e3e3e3;
	border-radius: 10px;
	opacity: 0;
	visibility: hidden;
	transform: translateX(-50%);
	transition: opacity 0.2s ease, visibility 0.3s ease;
	z-index: 999;
}
#menu ul.main div.sub::after {
  content: "";
  display: block;
  clear: both;
}
#menu ul.main div.sub ul {
	position: relative;
	height: 100%;
	background: transparent;
	border: 0;
	visibility: hidden;
	opacity: 1;
}
#menu ul.main li:hover > div.sub,
#menu ul.main li:hover > div.sub ul {					
	opacity: 1;
	visibility: visible;
}
#menu ul.main ul li:hover > a {
	background: #f0f8ff;
}
											}@media only screen and (max-width: 959px) {
#menu {
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	overflow: auto;
	opacity: 0;
	transition: left 0.3s, opacity 0.2s;
}
.button,
#menu {
	position: fixed;
	top: 0;
	right: 0;
}
#menu > ul.main > li.logo a {
    padding: 15px 0 10px 0;
}												
#menu ul.main li.has_sub a {		/*　▼左線　*/
	position: relative; 
}
#menu ul.main li.has_sub > a:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	right: 50px;
	width: 0;
	height: 100%;
	border-left: 1px dotted #000080;	
}													
label.button {		/*　三✕マーク　*/
	top: 3px;
	right: 3px;
	width: 45px;
	height: 45px;
	cursor: pointer;
	z-index: 100;
}
label.button span,
label.button span:before,
label.button span:after {
	position: absolute;
	display: block;
	width: 45px;
	height: 5px;
	background-color: #000080;
	transform-origin: center center;
	transition: all 0.2s ease;
}
label.button span {
	top: 20px;
}
label.button span:before {
	content: "";
	top: -15px;
}
label.button span:after {
	content: "";
	top: 15px;
}
#mobile_nav:checked ~ label.button span {
	background-color: transparent;
}
#mobile_nav:checked ~ label.button span:before {
	top: 0;
	transform: rotate(45deg);
}
#mobile_nav:checked ~ label.button span:after {
	top: 0;
	transform: rotate(-45deg);
}
#mobile_nav:checked ~ #menu {
	left: 0;
	opacity: 1;
}
#menu > ul.main > li:before,
#menu > ul.main > li.has_sub:before {
	left: 50px;
}												
#menu > ul.main > li > a,
#menu ul.main li.has_sub .sub_ttl,											
#menu ul.main li.has_sub .sub a {											
	padding: 15px 0;
}
#menu > ul.main > li > a {											
	position: relative;
    border-bottom: 0.5px dotted #000080;
}	
#menu .sub_input {		/*　.sub開閉▲　*/
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 50px;
	height: 100%;	
	margin: 0;
	-webkit-appearance: none;
	cursor: pointer;
}
label.toggle_label {
	position: absolute;
	top: 50%;
	right: 15px;
    width: 0;
	height: 0;
	border-top: 15px solid #b0e0e6;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	transform: translateY(-50%);
	cursor: pointer;
}
#sub_input:checked + label.toggle_label {
	top: 25px;
	border-top: none;
	border-bottom: 15px solid #b0e0e6;
}
#menu .sub,
#menu .sub_input + .sub {
    display: none;
    visibility: hidden;
}
#menu .sub {
	opacity: 0;
	background: #f0f8ff;
}
#sub_input:checked ~ .sub {
	display: block;
	opacity: 1;
	visibility: visible;
}
#menu ul.main ul li:hover > a {
	background: #b0e0e6;
}
										}/*max-width: 959px ★ パンくずリスト ★ */
.breadcrumb_box {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.breadcrumb {
    margin: 5px auto 20px auto;
    max-width: 960px;
    list-style: none;
    color: #007199;
    font-size: 0.8em;
}
.breadcrumb li {
    display: inline-block;
    padding: 0;
}
.breadcrumb li a {
    position: relative;
    display: block;
    max-height: 1em;
    margin: 0 0.5em 0 0;
    padding: 0 0.5em;
    background-color: transparent;
    border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
    box-sizing: border-box;
    color: #007199;
    line-height: 1em;
	white-space: nowrap;
	vertical-align: middle;
    text-decoration: none;
    transition: .25s;
}
.breadcrumb li:first-child a {
    padding: 0 0.5em 0 1.75em;
}
.breadcrumb li:first-child a:before {
    position: absolute;
    content: "\f015";
    top: -7px;
    left: 5px;
    width: 12px;
    height: 12px;
    color: rgba(0,113,153,0.5);
    font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
.breadcrumb li a:before,
.breadcrumb li a:after {
    position: absolute;
    content: "";
    top: 0;
    border-top: 0.5em solid transparent;
    border-bottom: 0.5em solid transparent;
    z-index: 1;
}
.breadcrumb li a:after {
    right: -0.7em;
    border-left: 0.7em solid rgba(0,113,153,0.25);
    transition: .25s;
}
.breadcrumb li a:hover {
    background-color: #fffff0;
}
.breadcrumb li a:hover:after {
    border-left-color: #fffff0;
}
                                        /*スクロールバー */
.breadcrumb {
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
	overflow-x: auto;
}
.breadcrumb::-webkit-scrollbar {
	height: 10px;
}
.breadcrumb::-webkit-scrollbar-track {
	border-radius: 10px;
	background: #fff;
}
.breadcrumb::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #bbc8e6;
}
.breadcrumb::-webkit-scrollbar-thumb:hover,
.breadcrumb::-webkit-scrollbar-thumb:active{
	background: #4d5aaf;
}
                                        /* フレーム ★*/
#wrapper,
.w100,
iframe {
	width: 100%;
	margin: 0 auto;
}
.box {
	width: 96%;
	margin: 30px auto;
	padding: 25px 2%;
	background-color: #fff;
}
.map_box {
	width:100%;
	height: auto;
	margin: 0 0 -40px 0;
	text-align: center;
}
.map_box iframe {
	width:100%;
	height: 550px;
	text-align: center;
	border: none;
}
img {
	max-width: 100%;
	width: auto;
	height: auto;
}
.w960px {
	width: 960px;
	margin: 0 auto;	
}
.w300px {
	width: 300px;
	margin: 0 auto;
}
.flex {
	display: flex;
	max-width: 100%;
	margin: 0 auto;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}
.by320_wrapper {
	display: flex;
	max-width: 1920px;
	margin: 0 auto;
	justify-content: center;
	align-items: flex-start;
	box-sizing: border-box;
}
										@media (max-width: 1920px) {
.by320_wrapper {
	max-width: 1600px;
}										}@media (max-width: 1600px) {
.by320_wrapper {
	max-width: 1280px;
}										}@media (max-width: 1280px) {
.by320_wrapper {
	max-width: 960px;
}										}@media (max-width: 960px) {
.by320_wrapper {
	max-width: 640px;
}										}@media (max-width: 640px) {
.by320_wrapper {
	max-width: 320px;
}										}/* max-width: 639px */
.by320 {
	display: flex;
	max-width: 100%;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.grid,
.w50 {
	display: grid;
	justify-content: center; 
	margin: 0 auto;
}
.w50 {
	grid-template-columns: repeat(auto-fit, 45%);
	gap: 50px 2.5%;
}
.js_s {
    justify-content: flex-start;
}
.js_e {
    justify-content: flex-end;
}
.js_c {
    justify-content: center;
}
.js_b {
    justify-content: space-between;
}
.js_a {
    justify-content: space-around;
}
.ai_st {
	align-items: stretch;
}
.ai_c {
	align-items: center;
}
.ai_s {
	align-items: start;
}
.ai_e {
	align-items: end;
}
.gap10 {
	gap: 10px;
}
.process {
	position: relative;
	display: grid;
	width: 100%;
	grid-template-columns: calc(55% - 5px) calc(45% - 5px);
	gap: 0 10px; 
	padding: 15px;
	margin-bottom: 70px;
	background-color: #a3b9e0;
  	border: 5px double #fff;
 	border-radius: 10px;
	box-sizing: border-box;
}
.process:after {
	position: absolute;
	content: "\f358";
	bottom: -50px;
	left: calc(50% - 25px);
 	width: 50px;
  	height: 50px;
    font-family: "Font Awesome 5 Free";
  	color: #a3b9e0;
  	font-size: 50px;
	font-weight: 900;
}
.process:last-child {
	margin-bottom: 0;
}
.process:last-child:after,
.process.last:after {
	display: none;
}
.process .bun {
	position: relative;
	display: inline-block;
	margin-left: 24px;
	padding: 10px;
	height: auto;
	background-color: #fff;
	border-radius: 10px;
	box-sizing: border-box;
	align-self: start;
}
.process .bun:before {
	position: absolute;
	content: "";
	top: calc(50% - 10px);
	left: -24px;
	border: 8px solid transparent;
	border-right: 16px solid #fff;
}
.process .bun p {
  margin: 0;
  line-height: 1.7;
}
.process img {
 	border-radius: 10px;
}
										@media (max-width: 959px) {
.w960px {
	width: 94%;
	margin: 0 3%;	
}
.w50 {
	grid-template-columns: repeat(auto-fit, 100%);
}
.process {
	grid-template-columns: 1fr;
	gap: 0;
}
.process .bun {
	display: block;
	width: 100%;
	margin-left: 0;
}											
.process .bun:before {
	display: none;
}
										} /*@media (max-width: 959px) ★　フォント ★*/
a {
    color: #2a83a2;
}
h1 {
    margin: 15px auto;
    padding: 0;
    color: rgba(0,0,128,0.7);
    font-size: 1em;
    text-align: center;
    line-height: 1.4;
    text-shadow: 0 1px 2px rgba(255, 253, 255, 0.8);
}
h2 {
    font-size: 2.5em;
    text-align: center;
	line-height: 1.4;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    filter: drop-shadow(0px 3px 2px rgba(0, 0, 0, 0.1));
}
h2 em {
	font-style: normal
}
h3.h3_1 {
    position: relative;
    display: inline-block;
    padding: 0.1em 0.5em 0 0.7em;
    background: #a3b9e0;
    border-radius: 7px 7px 0 0;
    color: #fff;
    font-size: 1.7em;
    font-weight: bold;
    -webkit-text-stroke: 1px #000080;
    text-stroke: 1px #000080;
}
h3.h3_1 span {
    color: #000080;
    -webkit-text-stroke: 1px transparent;
    text-stroke: 1px transparent;
}
h3.h3_1::after,
h3.h3_2 span:before,
h3.h3_2 span:after,
h4::after,
h5::before,
h6:before,
h6:after,
p.bubble span::before,
p.bubble span::after,
.i_car:after {
	position: absolute;
	content: "";
}
h3.h3_1::after{
    top: 0;
    right: -0.45em;  
    bottom: 0;
    width: 1em;
    background: #a3b9e0;
    transform: skew(25deg);
    border-radius: 0 5px 0 0;
    z-index: -1;
}
h3.h3_2 {
	width:100%;
	margin: 50px auto 25px auto;
	text-align:center;
	font-weight: bold;
}
h3.h3_2 span {
	position: relative;
	display: inline-block;
  	color: #000080;
    font-size: 1.2em;
	font-weight: bold;
    line-height: 1.2em;
}
h3.h3_2 span:before,
h3.h3_2 span:after{
	display:block;
	top: 45%;
	margin-top:-2px;
	width: 150px;
	height: 3px;
	border-top: 3px solid #1e50a2;
	border-bottom: 2px solid rgba(0,113,153,0.6);
}
h3.h3_2 span:before{
	left: -180px;
}
h3.h3_2 span:after{
	right: -180px;
}
h3.h3_3 {
    position: relative;
    font-size: 1.75em;
}
h3.h3_3:after {
    display: block;
    content: "";
    height: 4px;
}
									@media screen and (max-width:959px){
h1 {
    margin: 15px;
    text-align: left;
}
h3.h3_2 span:before,
h3.h3_2 span:after{
	width: 40px;
}
h3.h3_2 span:before{
	left: -50px;
}
h3.h3_2 span:after{
	right: -50px;
}
									}/* max-width:959px */
h4 {
    position: relative;
    margin: 1em auto 0 auto;
    padding-left: 0.5em;
    font-size: 1.5em;
    line-height: 1.4;
} 
h4::after {
    top: 0.58em;
    left: 0;
    width: 5px;
    height: 1em;
    border-radius: 1px;
    transform:translateY(-50%);
}
h5 {
    position: relative;
    margin: 0 auto;
    font-size: 1.1em;
    z-index: 1;
}
h5::before{
    top: 0;
    left: -0.35em;
    width: 1.5em;
    height: 1.5em;
    background: rgba(0,113,153,0.2);
    border-radius:50%;
    z-index: -1;
}
h6 {
	position: relative;
	padding-bottom: 0;
	margin-bottom: 0.5em;
	color: #325A8C;
	font-size: 20px;
	font-weight: bold;
	overflow: hidden;
}
h6:before,
h6:after{
	width: 100%;
	bottom: 0;
}
h6:before{
	border-bottom: 2px solid #325A8C;  
}
h6:after{
	border-bottom: 2px solid #D8D8D8;
}
p.share {
    display: flex;
    color: #3e62ad;
    justify-content: center;
    align-items: center;
    font-size: 1.8em;
    text-align: center;
    font-weight: bold;
    line-height: 1.2em;
}
p.share::before,
p.share::after {
    content: '';
    width: 7px;
    height: 1.2em;
    border-radius: 3.5px;
}
p.share::before {
    margin-right: 25px;
    transform: rotate(-35deg)
}
p.share::after {
    margin-left: 25px;
    transform: rotate(35deg)
}
p.bubble {
    margin: 0 1em;
    text-align: center;
}
p.bubble span {
    position: relative;
    display: inline-block;
    padding: 0.5em;
    background: #fff;
    border: 1px solid #000080;
    border-radius: 7px;
    font-size: 1.2em;
    text-align: left;
}
p.bubble span::before,
p.bubble span::after {
     top: 100%;
     left:50%;
     transform:translateX(-50%);
     border: 10px solid transparent;
}
p.bubble span::before {
     border-top: 10px solid #000080;
}
p.bubble span::after {
     margin-top: -1px;
     border-top: 10px solid white;
}
p.maru2 {
  	position: relative;
  	padding: 0 0 0 1.5em;
	color: #4c6cb3;
  	font-size: 1.5em;
  	font-weight: bold;
}
.i_car {
    position: relative;
    padding: 0.15em 0 0 2.8em;
    font-size: 1.1em;
    line-height: 2em;
    font-weight: bold;
}
.i_car:before {
    position: absolute;
    display: block;
	content: "\f1b9";
    top: 0;
    left: 0;
    width: 1.5em;
    height: 1.3em;
    padding: 0;
    background: #62A1CB;
    border-radius: 7px;
    color: #fff;
    text-align: center;
    font-size: 1.5em;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
.i_car:after {
    top: 0.75em;
    left: 2.25em;
    width: 0;
    height: 0;
    border-width: 5px 0 5px 7px;
    border-style: solid;
    border-color: transparent transparent transparent #62A1CB;;
}
.furi {
	font-size: 70%;
}
.pale {
	opacity: .3;
}
.ja {
	font-family: 游明朝,HGP行書体,正楷書CB1,"角新行書 L";
	font-weight: bold;
}
.note {
	color: #507ea4;
	font-size: 90%;
}
.hl,
.hl_sky,
.hl_pink {
	font-style: normal;
}
.hl {
	background: linear-gradient(transparent 20%, #ffffd1 75%, transparent 0%);
}
.hl_sky {
	background: linear-gradient(transparent 20%, #ccffff 75%, transparent 0%);
}
.hl_pink {
	background: linear-gradient(transparent 20%, #ffe5f2 75%, transparent 0%);
}
.fc_b {
	color: #333;
}
.fc_w {
	color: #fff;
}
.fc_brown {
	color: #640125;
}
.fc_gray {
	color: #778899;
}
.fc_y {
	color: #f8e58c;
}
.fc_sky {
	color: #0094c8;
}
.fc_green {
	color: #007199;
}
.fc_red {
	color: #ba2636;
}
.fc_no {
	color: transparent;
}
.fw_b {
	font-weight: bold;
}
.fw_n {
	font-weight: normal;
}
.ls_m005 {
	letter-spacing: -0.05em;
}
.ul {
	text-decoration: underline;
}
.no_ul {
	text-decoration: none;
}
					                   /* キーワード ★　*/
.roundedtag,
.resultblock label,
.tag {
    display: inline-block;
    color: #000080;
    font-size: 1em;
    font-weight: bold;
    white-space: nowrap;
}
.roundedtag,
.resultblock label {
    margin: 0;
    padding: 0 0.5em;
    background: rgba(126, 190, 165, 0.15);
    border: 0.5px solid rgba(0,164,151,0.8);
    border-radius: 15px;
    box-shadow: inset 0 0 1px 0 rgb(0,113,153);
    line-height: 1.3em;    
    transition: ease-out 0.4s;
}
.roundedtag:hover,
.resultblock label:hover {
    box-shadow: inset 400px 0 0 0 #bce2e8;
}
.tag {
	position: relative;
	height: 1.3em;
    margin: 0.15em 0.3em;
    padding: 0 0.5em 0 1em;
	background: rgba(126, 190, 165, 0.3);
	border-radius: 0 3px 3px 0;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 2px;
	text-decoration: none;
    text-indent: 0.3em;
    line-height: 1.5em;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
    cursor: pointer;
}					                   @media (max-width: 639px) {
.tag {margin: 0.3em 0.5em;}
										} /*@media (max-width: 639px)　 */
strong.home,
strong.area,
strong.use,
strong.tourist,
strong.experience,
strong.buy,
strong.eat,
strong.stay,
strong.photo,
strong.climb,
strong.event {
    position: relative;
    padding-left: 1.2em;
}
.tag:before,
label.tag:before {
    position: absolute;
}
.tag:before,
label.tag:before,
label[for^="type-"]:before,
label[for^="keyword-"]:before {
    display:inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
strong.home:before,
strong.area:before,
strong.use:before,
strong.tourist:before,
strong.experience:before,
strong.buy:before,
strong.eat:before,
strong.stay:before,
strong.photo:before,
strong.climb:before,
strong.event:before,
#footer a span:before {
    position: absolute;
    display: block;
}
.tag:before,
label.tag:before,
label[for^="type-"]:before,
label[for^="keyword-"]:before,
strong.home:before,
strong.area:before,
strong.use:before,
strong.tourist:before,
strong.experience:before,
strong.buy:before,
strong.eat:before,
strong.stay:before,
strong.photo:before,
strong.climb:before,
strong.event:before,
#footer a span:before {
    content: "";
    top: 0.2em;
    left: 0;
    width: 1.1em;
    height: 1.1em;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 1em;
    vertical-align: middle;
	text-indent: -0.1em;
	line-height: 1em;
}
.tag:after {
	position: absolute;
	content: '';
	top: -0.05em;
	left: -0.55em;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.72em 0.6em 0.72em 0;
	border-color: transparent rgba(126, 190, 165, 0.3) transparent transparent;
	border-radius: 4px;
}
input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}
.tag:hover,
.tag.add:hover {
	background: rgba(255, 255, 200, 0.7);
}
input[type="checkbox"]:checked + .tag {
	background: rgba(255, 233, 169, 0.7);
}
input[type="checkbox"]:checked + .tag:before {
    content: "\f00c";
    background: none;
    transform: rotate(-360deg);
    transition: transform .2s ease-in-out;
}
.tag:hover:after,
.tag.add:hover:after {
	border-color: transparent rgba(255, 255, 200, 0.7) transparent transparent;
}
input[type="checkbox"]:checked + .tag:after {
	border-color: transparent rgba(255, 233, 169, 0.7) transparent transparent;
}
.circle .tag::before {
	position: absolute;
	content: '';
	top: 0.44em;
	left: 0em;
	background: #fafcfc;
	margin-right: 1em;
	width: 0.5em;
	height: 0.5em;
	border-radius: 50%;
	text-indent: 0.5em;
}
.circle input[type="checkbox"]:checked + .tag:before {
	top: 0.2em;
	left: -0.5em;
}										/* icon表示指定 */
.type [data-type] {
    position: relative;
}
.type [data-type]:before,
.type [data-type]:after {
    position: absolute;    
    display: inline-block;
    content: "";
}
.type [data-type]:before,
.item a:after {
	top: 5px;
    font-family: "Font Awesome 5 Free";
    font-size: 1.2em;
    font-weight: 900;
	line-height: 30px;
    z-index: 3;
}
.type [data-type]:before {
    right: 5px;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
	background-size: 25px;
}
.type .item:hover:before {
    opacity: 0;
}
.type [data-type]:after {
    content: "";
    top: 0;
    right: 0;
	width: 50px;
	height: 40px;
    background: rgba(255,255,255,0.8);
	box-sizing: border-box;
    z-index: 2;
}
.city [data-area]:after {
    padding: 7px 45px 3px 10px;
	width: auto;
    color: #000080;
    font-size: 0.9em;
    font-weight: bold;
}
.type .tag_box,
.type [data-area^=""]:after {
    display: none;
}
.type .inner {
    height: 20.5em;
}
.type .inner .caption {
    min-height: 195px;
}
.type .inner .outline {
    -webkit-line-clamp: 5;
}
.item a:after {
    position: absolute;
    content: '\f061';
    left: -40px;
    transition: all 0.1s;
	opacity: 0;
}
.item:hover a:after {
	opacity: 1;
}
						                  /* アイコン ★*/
.accordion_box .accordion_inner ul li strong,
.add,
.tel,
.fax,
.mail,
.closed,
.open,
.parking,
.access,
.car,
.bus,
.train,
.walk,
p .yen,
.fee,
.mail,
.net,
.information,
.release,
.rotate,
.keyword,
.person,
.people,
.references,
.design,
.camera,
.search,
.gift,
.dog,
.hut,
p .spa,
.wheelchair,
a.excel,
a[href$=".xls"],
a[href$=".xlsx"],
a[href$=".doc"],
a[href$=".docx"],
a[href$=".docm"],
a[href$=".pdf"],
a[href*="tel:"],
p a[target="_blank"],
p a[href*="mailto:"],
.bar,
ul.arrow li a {
	position: relative;
}
.add:before,
.tel:before,
.fax:before,
.mail:before,
.open:before,
.parking:before,
.access:before,
p .yen:before,
.fee:before,
.net:before,
.information:before,
.release:before,
.rotate:before,
.keyword:before,
.person:before,
.people:before,
.camera:before,
.search:before,
.dog:before,
.gift:before,
.wheelchair:before,
a.excel:before,
a[href$=".xls"]:before,
a[href$=".xlsx"]:before,
a[href$=".doc"]:before,
a[href$=".docx"]:before,
a[href$=".docm"]:before,
a[href$=".pdf"]:before,
a[href*="tel:"]:before,
p a[target="_blank"]:before,
p a[href*="mailto:"]:before,
.resultblock label:before {
    margin: 0 0.2em;
	font-family: "Font Awesome 5 Free";
    color: #000080;
	font-weight: 900;
    line-height: 1em;
}
label[for^="area-"]:before,
.add:before {
	content: "\f3c5";
    padding: 0 0.16em 0 0.1em;
}
a[href*="tel:"] {
	color: #2a83a2;
}
.tel:before,
a[href*="tel:"]:before {
	content: "\f095";
}
table.inf a[href*="tel:"]:before,
table.inf p a[href*="mailto:"]:before {
	display: none;
}
.fax:before {
	content: "\f1ac";
}
.open:before {
	content: "\f017";
}
.parking:before {
	content: "\f540";
    padding: 0 0.07em;
}
.access:before {
	content: "\f1b9";
}
p .yen:before,
.fee:before {
	content: "\f157";
    padding: 0.15em 0.25em 0.1em 0.25em;
    background: #000080;
    border-radius: 50%;
    color: #fff;
    font-size: 0.85em;
}
.net:before {
	content: "\f0ac";
}
.information:before {
	content: "\f05a";
}
.release:before {
	content: "\f303";
}
.rotate:before {
	content: "\f2f1";
}
.keyword:before {
	content: "\23";
    padding: 0 0.15em 0 0.03em;
}
.person:before {
	content: "\f007";
    padding: 0 0.06em;
}
.people:before {
	content: "\f500";
    font-size: 0.85em;
}
.camera:before {
	content: "\f030";
}
.search:before {
	content: "\f002";
}
.dog:before {
	content: "\f6d3";
}
.gift:before {
	content: "\f06b";
}
a.excel:before,
a[href$=".xls"]:before,
a[href$=".xlsx"]:before,
a[href$=".doc"]:before,
a[href$=".docx"]:before,
a[href$=".docm"]:before,
a[href$=".pdf"]:before {
    padding: 0 0.13em;
}
a.excel:before,
a[href$=".xls"]:before,
a[href$=".xlsx"]:before {
	content: "\f1c3";
	color: #339900;
}
a[href$=".doc"]:before,
a[href$=".docx"]:before,
a[href$=".docm"]:before {
	content: "\f1c2";  
	color: #00008b;
}
a[href$=".pdf"]:before {
	content: "\f1c1";
	color: #ff3300;
}
.closed:before,
.car:before,
.bus:before,
.train:before,
.walk:before,
.hut:before,
p .spa:before,
.references:before,
.design:before {
    display: inline-block;
    content: "";
    width: 1.2em;
    height: 1.2em;
    margin: 0 0.1em;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
}
.closed:before {
    width: 1em;
    height: 1em;
    margin: 0 0.2em;
}
.walk:before {
    background-image: url(../icon/walk128.png);
}
.references:before {
    background-image: url(../icon/references128.png);
}
.design:before {
    background-image: url(../icon/design128.png);
}
p.car,
p.bus,
p.train,
p.walk {
    margin-left: 1.3em;
    text-indent: -1.3em;
}
p.car:before,
p.bus:before,
p.train:before,
p.walk:before {
    margin-left: 0;
}
						                  /* _がhoverで伸びる動作 */
.accordion_box .accordion_inner ul li strong::after,
a.excel::after,
a[href$=".xls"]::after,
a[href$=".xlsx"]::after,
a[href$=".doc"]::after,
a[href$=".docx"]::after,
a[href$=".docm"]::after,
a[href$=".pdf"]::after,
p a[target="_blank"]::after,
p a[href*="mailto:"]::after,
a[href*="tel:"]::after,
.bar::before,
.bar::after,
ul.arrow li a::after {
	position:absolute;
	display: inline-block;
	content: '';
	bottom: 0;
	left: 0;
	width:0;
	height: 1px;
	transition: all 0.3s ease-in-out;
}
.bar::before {
	width: 100%;
	background-color: rgba(0,113,153,0.4);
}
.accordion_box .accordion_inner ul li strong:hover,
a.excel:hover,
a[href$=".xls"]:hover,
a[href$=".xlsx"]:hover,
a[href$=".doc"]:hover,
a[href$=".docx"]:hover,
a[href$=".docm"]:hover,
a[href$=".pdf"]:hover,
p a[target="_blank"]:hover,
p a[href*="mailto:"]:hover,
a[href*="tel:"]:hover,
.bar:hover,
ul.arrow li a:hover {
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.accordion_box .accordion_inner ul li strong:hover::after,
a.excel:hover::after,
a[href$=".xls"]:hover::after,
a[href$=".xlsx"]:hover::after,
a[href$=".doc"]:hover::after,
a[href$=".docx"]:hover::after,
a[href$=".docm"]:hover::after,
a[href$=".pdf"]:hover::after,
p a[target="_blank"]:hover::after,
p a[href*="mailto:"]:hover::after,
a[href*="tel:"]:hover::after,
.bar:hover::after,
ul.arrow li a:hover::after {
    width:100%;
}
p a[target="_blank"]:before {
	content: "\f35d";
    padding: 0 0.06em;
	color: #007199;
    font-size: 0.85em;
}
.mail:before,
p a[href*="mailto:"]:before {
	content: "\f0e0";
}
p a[href*="mailto:"]:before {
    font-size: 0.92em;
}
										@media (min-width: 730px){
a[href*="tel:"] {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
    color: #191970;
}
										}/* min-width: 730px) ★　リスト ★*/
ul,ol,.no_style {
	list-style: none;
}
ul.lst1 {
	margin: 0;
	padding: 0;
}
ul.lst li,
.lst1,
ul.lst1 li,			   
ul.asterisk li,
p.asterisk,
.exclamation,
ol li,
ul.arrow li,
.maru,
.batsu,
.no {
   	position: relative;
	padding-left: 1.5em;
}
ul.lst li::before,
ul.asterisk li:before,
p.asterisk:before,
.exclamation:before,
ol li:before,
ul.arrow li:before,
.maru:before,
.batsu:before,
.no:before {
	position: absolute;
	display: block;
	border-radius: 50%;
	text-align: center;
    vertical-align: middle;
}
ul.lst li::before,
ul.asterisk li:before,
p.asterisk:before,
.exclamation:before,
ol li:before,
ul.arrow li:before,
.maru:before,
.batsu:before,
.no:before {
	top: 0.15em;
	left: 0;
	width: 1.2em;
	height: 1.2em;
	line-height: 1.2em;
}										   
ul.lst li::before {
    content: '';
	top: 0.7em;
	left: 0.4em;
    width: 0.2em;
    height: 0.2em;
    background-color: rgba(62,98,173,0.8);
}
.lst1:before,
.lst1:after,
ul.lst1 li:after,
ul.lst1 li:before{
    position: absolute;
	content: "";
	transform: rotate(45deg);
}
.lst1:before,
ul.lst1 li:before{
	top: 0.55em;
	left: 0.35em;
	width: 5px;
	height: 5px;
	border:1.5px solid rgba(0,0,47,0.5);
}
.lst1:after,
ul.lst1 li:after{
	top: 0.68em;
	left: 0.5em;
	width: 3px;
	height: 3px;
	background: rgba(62,98,173,0.5);
}
ol {
	counter-reset: item;
}
ul.asterisk li:before,
p.asterisk:before {
	content: "※";
}
.exclamation:before{
	content: "!";
	background: #ba2636;
	font-family: "Georgia","Arial Black","Constantia";
	color: #fff;
	font-weight: bold;    
}
ol li:before {
	content: " ";
 	background-color: #19448e;
	color: #fff;
}
ol li:after {
	position: absolute;
	top: -0.5px;
	left: 4.5px;
	content: counter(item) "";
	counter-increment: item;
	color: #fff;
}
ul.arrow li {
	line-height: 25px;
}
ul.arrow li:before {
	content: "\f061";
	top: 2px;
	left: 0;
    width: 17px;
	height: 17px;
	background: #fff;
	border: solid 0.5px #d9a62e;
	font-family: "Font Awesome 5 Free";
	color: #d9a62e;
	font-size: 12px;
	font-weight: 900;
	line-height: 17px;
	filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
	-webkit-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}
ul.arrow li:hover:before {
	-webkit-transform:rotateY(-360deg);
	transform:rotateY(-360deg);
}
.maru:before,
.batsu:before,
.no:before {
	font-weight: bold;
}
.maru:before {
 	content: "〇";
	color: #a22041;
}
.batsu:before {
 	content: "✖";
	color: #164a84;
}
.no:before {
 	content: "・";
}
.papyrus {
  counter-reset:list;
  list-style-type:none;
  position:relative;
  font-family: 'Mv Boli', 'arial narrow', sans-serif;
  padding: 1.2em;
  background:#F2EFE7;
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2) inset,0 0 4px rgba(0, 0, 0, 0.2) ;
  -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2) inset,0 0 4px rgba(0, 0, 0, 0.2) ;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.2) inset,0 0 4px rgba(0, 0, 0, 0.2) ;
  width: auto;
}
.papyrus li{
  position:relative;
  padding: 7px 5px 7px 50px;
  margin: 7px 0 10px 0px;
  font-weight: bold;
  font-size:14px;
  border-bottom:dashed 1px #ccc;
  color:#333;
}
.papyrus li:first-child{
  margin-top:0;
}
.papyrus li:last-child{
  margin-bottom: 0.5em;
}
.papyrus li:before{
  counter-increment: list;
  content: counter(list) ",";
  position: absolute;
  left: 15px;
  font-size:1.2em;
   top: 50%;
  transform: translateY(-50%);
}
.att {									/* 帰属 */
    position: absolute;
    display: block;
	color: #fff;
	font-size: 0.75em;
	font-weight: bold;
	font-style: normal;
	text-shadow: 0 0 0.05em #191970, 0.1em 0 0.05em #191970, 0 0.1em 0.2em #333;
    z-index:1;
}
.att:before,
.att:after {
	font-size: 0.65em;
}
.att:before {
	content: "出典 "
}
.att:after {
	content: " さん"
}
                                        /* 吹き出し ★*/
.ttt,
.ttb,
.ttr,
.ttl,
[ttt]::after,
[ttb]::after,
[ttr]::after,
[ttl]::after {
    position: absolute;
    background: rgba(38,73,157,0.9);
    border-radius: 7px;
    padding: .1em .4em; 
    color: #fff;
	z-index: 100;
}
.ttt,
.ttb,
.ttr,
.ttl {
    opacity: 0;
    transform: scale3d(.2,.2,1);
    transition: all .1s ease-in-out;
    pointer-events: none;
}
[ttt]::after,
[ttb]::after,
[ttr]::after,
[ttl]::after {
    max-width: 80em;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    text-overflow: ellipsis;
}
[ttt]::before,
[ttb]::before,
[ttr]::before,
[ttl]::before,
[ttt]::after,
[ttb]::after,
[ttr]::after,
[ttl]::after {
    display: none;
    opacity: 0;
}
.ttt::before,
.ttb::before,
.ttr::before,
.ttl::before,
[ttt]::before,
[ttb]::before,
[ttr]::before,
[ttl]::before {
    position: absolute;
    content: "";
	border: 6px solid transparent;
}
.ttt::before,
.ttb::before,
.ttr::before,
.ttl::before {
	width: 0;
	height: 0;
}
span[ttt],
span[ttb],
span[ttr],
span[ttl] {
    text-decoration: underline;
}
[ttt],
[ttb],
[ttr],
[ttl] {
    position: relative;
}
.ttt {
    bottom : 100%;
	left:  0;
}
.ttb {
    top : 100%;
	left:  0;
}
.ttr {
    bottom : 0;
	left:  100%;
}
.ttl {
    bottom : 0;
	right:  100%;
}
.ttt::before,
[ttt]::before {
	left: 20px;
	border-top: 8px solid rgba(38,73,157,0.9);
}
.ttt::before {
    top: 99%;	
    transform: translateX(15%) skew(-35deg);
}
[ttt]::before {
    bottom: 100%;
}
[ttt]::after {
    content: attr(ttt);
    bottom: calc(100% + 14px);
    left: 50%;
}
.ttr::before,
[ttr]::before {
	top: 50%;
    right: 99%;
	border-right: 8px solid rgba(38,73,157,0.9);
	transform: translatey(-50%);
}
[ttr]::before {
    right: calc(0em - 10px);
}
[ttr]::after {
    content: attr(ttr);
    top: 50%;
    left: calc(100% + 10px);
    transform: translate(.6em, -50%);
}
.ttb::before,
[ttb]::before {
	left: 20%;
	border-bottom: 8px solid rgba(38,73,157,0.9);
}
.ttb::before {
	bottom: 99%;
	transform: translateX(15%) skew(-35deg);
}
[ttb]::before {
	top: 100%;
}
[ttb]::after {
    content: attr(ttb);
    top: calc(100% + 14px);
    left: 50%;
}
.ttl::before,
[ttl]::before {
	top: 50%;
	left: 99%;
	border-left: 8px solid rgba(38,73,157,0.9);
	transform: translatey(-50%);
}
[ttl]::before {
    left: calc(0em - 10px);
}
[ttl]::after {
    content: attr(ttl);
    top: 50%;
    right: calc(100% + 10px);
    transform: translate(-.6em, -50%);
}
@keyframes ntts-vert {
    to {
        opacity: .9;
        transform: translate(-50%, 0);
    }
}
@keyframes ntts-horz {
    to {
        opacity: .9;
        transform: translate(0, -50%);
    }
}
[ttt]:hover::before,
[ttb]:hover::before,
[ttr]:hover::before,
[ttl]:hover::before,
[ttt]:hover::after,
[ttb]:hover::after,
[ttr]:hover::after,
[ttl]:hover::after {
    display: block;
}
[ttt]:hover::before,
[ttt]:hover::after,
[ttb]:hover::before,
[ttb]:hover::after {
    animation: ntts-vert 50ms ease-out forwards;;
}
[ttl]:hover::before,
[ttl]:hover::after,
[ttr]:hover::before,
[ttr]:hover::after {
    animation: ntts-horz 50ms ease-out forwards;
}
.tt {position: relative;}
a:hover .ttt,
.tt:hover .ttt,
.tt:hover .ttb,
.tt:hover .ttr,
.tt:hover .ttl,
.tooltip:hover:before,
.tooltip:hover:after {
    opacity: 1;
    transform: scale3d(1,1,1);
}
.tooltip:hover:before {
    transition: all .1s .1s ease-in-out;
}
.btn,										/* ボタン ★*/
.btn1:after,
.btn2:after,
.btn3:after {
    background:  rgba(0,113,153,0.5);
    background: linear-gradient(to right,  rgba(163,214,204,1) 0%, rgba(108,155,210,1) 100%);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 5px;
	text-shadow: 1px 0 1px #000080, 0 0 0.5em rgba(100,149,237,0.5), 0 0 0.5em rgba(25,25,112,0.5);
    cursor: pointer
}
.btn {
    display: inline-block;
    margin: 5px auto;
    padding: 5px;
    min-width: 300px;
    border-radius: 7px;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	text-shadow: 1px 0 1px #000080, 0 0 0.3em #001e43, 0 0 0.1em rgba(25,25,112,0.5);
    cursor: pointer
}
.btn1,
.btn2,
.btn3,
.btn span,
.btn1 span,
.btn2 span,
.btn3 span {
    position: relative;
    transition: 0.2s ease-in-out;
}
.btn span {
    display: block;
    margin: 0 auto;
    padding: 0.1em 0.5em;
    text-align: center;
}
.btn,
.btn span:hover,
.btn1:hover span,
.btn2:hover span,
.btn3:hover span {
    color: #fff;
}
.btn span:before,
.btn span:after,
.btn1:before,
.btn1:after,
.btn1 span:after,
.btn2:before,
.btn2:after,
.btn2 span:after,
.btn3:before,
.btn3:after,
.btn3 span:after {
    position: absolute;
    content: "";
}
.btn span:before,
.btn span:after {
    width: 0;
    height: 0;
    border: 2px solid transparent;
    border-radius: 7px;
    box-sizing: inherit;
}
.btn span:before {
    top: 0;
    left: 0;
}
.btn span:after {
    bottom: 0;
    right: 0;
}
.btn span:hover:before,
.btn span:hover:after,
.btn3:hover:after,
.btn3 {
    width: 100%;
    height: 100%;
}
.btn span:hover:before {
    border-top-color: #fff;
    border-right-color: #fff;
    transition: width 0.15s ease-out, height 0.15s ease-out 0.15s;
}
.btn span:hover:after {
    border-bottom-color: #fff;
    border-left-color: #fff;
    transition: border-color 0s ease-out 0.2s, width 0.15s ease-out 0.2s, height 0.15s ease-out 0.3s;
}
.btn1,
.btn2,
.btn3 {
    display: inline-block;
    text-decoration: none;
}
.btn1,
.btn2 {
    margin: 0 auto 0.25rem auto;
    padding: 0.3rem 1.5rem 0.3rem 3rem;
    color: #000080;
    font-weight: bold;
}
.btn1:before,
.btn1:after,
.btn1 span:after,
.btn2:before,
.btn2:after,
.btn2 span:after,
.btn3:before,
.btn3:after,
.btn3 span:after {
    display: block;
    transition: all 0.2s;
}
.btn1:before,
.btn2:before,
.btn3:before {
    z-index: 2;
}
.btn1:before,
.btn2:before {
    width: 10px;
    height: 10px;
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
}
.btn1:before,
.btn3:before {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}
.btn1:before {
    left: 0.8rem;
}
.btn2:before {
    top: 50%;
    left: 0.9rem;
    transform: translateY(-50%) rotate(135deg);
}
.btn3:before {
	left: 0.2em;
	width: 0.3rem;
	height: 0.3rem;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
}
.btn1:hover:before {
    left: 1.25rem;
}
.btn2:hover:before {
    top: 1.5em;
}
.btn3:hover:before {
	left: 0.5rem;
}
.btn1:after,
.btn2:after,
.btn3:after {
    top: 50%;
    left: 0;
    z-index: 1;
    transform: translateY(-50%);
}
.btn1:after,
.btn2:after {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 4rem;
}
.btn3:after {
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
}
.btn1:hover:after,
.btn2:hover:after,
.btn3:hover:after {
    right: 0;
    width: 100%;
}
.btn1 span,
.btn2 span,
.btn3 span {
    z-index: 3;
}
.btn1 span:after,
.btn2 span:after {
	position: absolute;
    background: #fff;
    opacity: 0;
}
.btn1 span:after {
	top: 50%;
	left: -3rem;
	transform: translate(-50%, -50%);
    width: 1.25rem;
    height: 3px;
}
.btn2 span:after {
	left: -1.6em;
	transform: translateY(-50%);
    width: 3px;
    height: 1.25rem;
}
.btn3 span:after {
    top: 0.7rem;
}
.btn1:hover span:after {
    left: -1.6rem;
    opacity: 1;
}
.btn2:hover span:after {
    top: 1.1rem;
    opacity: 1;
}
.btn3:hover:after {
	right: 0;
	border-radius: 0;
}
                                    /* テーブル ★ */
.tbl_sc {
	overflow-x: auto;
}
table {
    margin: 0;
	border-collapse: collapse;
}
table th,
table td {
	padding: 0.25em 0.5em;
}
table.tbl th,
table.tbl1 th,
table.tbl2 th,
table.tbl td,
table.tbl1 td,
table.tbl2 td {
	border: solid 1px #a59aca;
	padding: 10px;
	box-sizing: border-box;
	background-color: #fff;
}
table.tbl th,
table.tbl1 th,
table.tbl2 th {
	background: #ebebf7;
    vertical-align: top;
    text-align: left;
}
table.tbl2,
table.inf {
	width: 100%;
}
table.inf th {
	background-color: rgba(0,113,153,0.15);
    border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
    border-radius: 5px 0 0 5px;
    text-align: left;
	white-space: nowrap;
}
table.inf td,
table.inf table td,
table.inf table th {
    border-bottom: 2px dotted rgba(0,113,153,0.35);
	border-right: 2px dotted rgba(0,113,153,0.35);
}
table.inf th:last-child,
table.inf td:last-child,
table.inf .no_br {
    border-right: none;
}
table.inf table b {
   color: #4c6cb3;
}
table.inf table th {
    border-right: 2px dotted rgba(0,113,153,0.5);
	background-color: transparent;
	white-space: nowrap;
}
table.inf tr:last-child > th,
table.inf tr:last-child > td,
table.inf table tr:last-child th,
table.inf table tr:last-child td,
table.inf th.no_bb,
table.inf td.no_bb,
.no_bb {
    border-bottom: none;
}
.of_a {overflow: auto;}
.ofx_a {overflow-x: auto;}
.ofy_a {overflow-y: auto;}
.sc_v::-webkit-scrollbar {width: 10px;}/*vertical*/
.tbl_sc::-webkit-scrollbar,
.table_fixed::-webkit-scrollbar,
.sc_h::-webkit-scrollbar {/*horizontal*/
	height: 12px;
}
.tbl_sc::-webkit-scrollbar-track,
.table_fixed::-webkit-scrollbar-track,
.sc_v::-webkit-scrollbar-track,
.sc_h::-webkit-scrollbar-track {
	background: #e8ecef;
	border-radius: 6px;
}
.tbl_sc::-webkit-scrollbar-thumb,
.table_fixed::-webkit-scrollbar-thumb,
.sc_v::-webkit-scrollbar-thumb,
.sc_h::-webkit-scrollbar-thumb {
	background: #274a78;
	border-radius: 6px;
}
.sc_v::-webkit-scrollbar-thumb:hover,
.sc_h::-webkit-scrollbar-thumb:hover {
	background: #4d5aaf;
}
.table_fixed{
    overflow: auto;
    width: 100%;
    height: 700px;
}
.table_fixed table {
    margin: 0;
}
.table_fixed th {
    position: sticky;
    top: 0;
    left: 0;
}
.table_fixed th.corner {
    z-index: 1;
}
					                   @media (max-width: 639px) {
table.inf th,
table.inf td,
table.tbl1 th,
table.tbl1 td,
table.tbl2 th,
table.tbl2 td {
    display: block !important;
    width: 100% !important;
	padding: 0.25em 1%;
	box-sizing: border-box;
}
table.inf th,
table.inf td,
table.inf table th,
table.inf table td,
table.tbl2 th,
table.tbl2 td,			
table.fl table.inf td {
	border: none;
}
table.tbl1 th {
	border-top: none;
	border-bottom: none;
}
table.tbl1 tr:first-child th {
	border-top: solid 1px #a59aca;
}											   
table.inf th {
    border-radius: 5px;
}
table.inf table td,
table.inf table th {
    display: inline-block;
}
table.tbl2 thead {
	display: none;
}						
table.tbl2 tr {
    border: solid 1.5px #a59aca;
}										   
table.tbl2 td {
	position: relative;
	margin-top: 1.7em;
	border-bottom: none;
}
table.tbl2 td::before {
	position: absolute;
	content: attr(data-label);
	top: -1.7em;
	left: 0;
    width: 100%;
    padding-left: 5px;
	background-color: #f7f6f5;
	box-sizing: border-box;
	color: #5654a2;
	font-weight: bold;
}					                   } /*@media (max-width: 639px) ★ 表示調整 その他★*/

/*font-size px指定 ★*/
.font5 {font-size: 5px;}
.font8 {font-size: 8px;}
.font9 {font-size: 9px;}
.font10 {font-size: 10px;}
.font11 {font-size: 11px;}
.font12 {font-size: 12px;}
.font13 {font-size: 13px;}
.font14 {font-size: 14px;}
.font15 {font-size: 15px;}
.font16 {font-size: 16px;}
.font18 {font-size: 18px;}
.font20 {font-size: 20px;}
.font25 {font-size: 25px;}
					                   /* font-size px指定 ★*/
.fs50 {font-size: 50%;}
.fs55 {font-size: 55%;}
.fs60 {font-size: 60%;}
.fs65 {font-size: 65%;}
.fs70 {font-size: 70%;}
.fs75 {font-size: 75%;}
.fs80 {font-size: 80%;}
.fs85 {font-size: 85%;}
.fs90 {font-size: 90%;}
.fs95 {font-size: 95%;}
.fs105 {font-size: 105%;}
.fs110 {font-size: 110%;}
.fs120 {font-size: 120%;}
.fs130 {font-size: 130%;}
.fs140 {font-size: 140%;}
.fs150 {font-size: 150%;}
.fs160 {font-size: 160%;}
.fs170 {font-size: 170%;}
.fs180 {font-size: 180%;}
.fs190 {font-size: 190%;}
.fs200 {font-size: 200%;}
.fs210 {font-size: 210%;}
					                   /* font-weight ★*/
.fw_n {font-weight: normal;}
.fw_b {font-weight: bold;}
					                   /* align ★*/
.ta_c {text-align: center;}
.ta_l {text-align: left;}
.ta_r {text-align: right;}
.va_t {vertical-align: top;}
.va_m {vertical-align: middle;}
.va_t {vertical-align: bottom;}
					                   /* line-height ★*/
.lh1 {line-height: 1;}
.lh13 {line-height: 1.3;}
.lh15 {line-height: 1.5;}
.lh17 {line-height: 1.7;}
.lh20 {line-height: 2;}
.lh200 {line-height: 20;}
					                   /* text-indent ★*/
.ti1 {text-indent: 1em;}
.ti2 {text-indent: 2em;}
.ti3 {text-indent: 3em;}
.ti4 {text-indent: 4em;}
.ti5 {text-indent: 5em;}
			                   /* margin ★*/
.m0 {margin: 0;}
.m0a {margin: 0 auto;}
.mlra {
	margin-left: auto;
    margin-right: auto;
}
.m1em {margin: 1em;}
.mtm50 {margin-top: -50px;}
.mtm30 {margin-top: -30px;}
.mtm20 {margin-top: -20px;}
.mtm10 {margin-top: -10px;}
.mt0 {margin-top: 0;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mtb5 {
	margin-top: 5px;
	margin-bottom: 5px;
}
.mtb10 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.mtb15 {
	margin-top: 15px;
	margin-bottom: 15px;
}
.mtb20 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.mtb25 {
	margin-top: 25px;
	margin-bottom: 25px;
}
.mtb30 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.mtb50 {
	margin-top: 50px;
	margin-bottom: 50px;
}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}
.ml40 {margin-left: 40px;}
.ml50 {margin-left: 50px;}
.ml1e {margin-left: 1em;}
.ml2e {margin-left: 2em;}
.mlr10 {
	margin-left: 10px;
	margin-right: 10px;
}
.mlr20 {
	margin-left: 20px;
	margin-right: 20px;
}
					                   /* padding ★*/
.p10 {padding: 10px;}
.p20 {padding: 20px;}
.p30 {padding: 30px;}
.p1em {padding: 1em;}
.pt5 {padding-top: 5px;}								  
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt30 {padding-top: 30px;}
.pt40 {padding-top: 40px;}
.pt50 {padding-top: 50px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb25 {padding-bottom: 25px;}
.pb30 {padding-bottom: 30px;}
.pb40 {padding-bottom: 40px;}
.pb50 {padding-bottom: 50px;}
.pb2em {padding-bottom: 2em;}
.ptb5 {
	padding-top: 5px;
	padding-bottom: 5px;
}
.ptb10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.ptb15 {
	padding-top: 15px;
	padding-bottom: 15px;
}
.ptb20 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.ptb25 {
	padding-top: 25px;
	padding-bottom: 25px;
}
.ptb30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.ptb40 {
	padding-top: 40px;
	padding-bottom: 40px;
}
.ptb50 {
	padding-top: 50px;
	padding-bottom: 50px;
}
.pl03em {padding-left: 0.3em;}
					                   /* display ★*/
.dis_b {display: block;}
.dis_i {display: inline;}
.dis_ib {display: inline-block;}
.dis_f {display: flex;}
.dis_n {display: none;}
.jc_c {
    display: flex;
    justify-content: center;
}
                                        /* float ★*/
.fl_l {float: left;}
.fl_r {float: right;}
.fl_e {clear: both;}
										/* 進む　戻る ★*/
.nav_button {
	position: absolute;
	bottom: 40%;
	transform: translateY(-50%);
	background-color: rgba(187, 200, 230, 0.5);
	border: none;
	font-size: 30px;
	cursor: pointer;
	z-index: 3;
}
#prev {
    left: 0;
	padding: 12.5px 17px 12.5px 13px;
	border-radius: 0 30px 30px 0;
}
#next {
	right: 0;
	padding: 12.5px 13px 12.5px 17px;
	border-radius: 30px 0 0 30px;
}
.nav_button:hover {
    background-color: rgba(187, 200, 230, 0.9);
}
.no_wrap {white-space: nowrap;}
.sp_up {display: none;}
dt{
	float: left;
	font-weight: bold;
}
dt::after{  content: "："}
                                        @media screen and (max-width:1279px){
.hp_up {display: none;}
.nav_button {bottom: 10%;}											
}										/* max-width:1279px */@media screen and (max-width:639px){
.sp_up {display: block;}
                                        }/* max-width:639px  ★ 背景枠 ★　*/
.story {
    padding: 1em;
    background: #fffff9;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) inset,0 0 4px rgba(0, 0, 0, 0.2) ;
}
.bf,
.sleep,
.bg_y {
    position: relative;
	margin: 1em auto;
	background-color: #fffff9;
	border: 1px solid rgba(0,113,153,1);
	border-radius: 8px;
	color: #165e83;
}
.bg_y {padding: 0.5em 1em;}
.bg_w {
    background: #fff;
    border-radius: 7px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}
                                        /* btnsns ★*/
.sns,
.sns_h {
	display: block;
	width: 100%;
    margin: 0 auto;
	padding: 0;
    text-align: center;
}
.ta_l {text-align: left;}
.icon {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 3px auto;
    background: #82cddd;
    border-radius: 100%;
    box-shadow: 0 3px 3px rgba(0,0,0,0.3);
    text-decoration: none;
}
.modest .icon {
    background: rgba(0,113,153,0.3);
}
.modest p {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(0,113,153,0.5);
    font-size: 1.5em;
	font-family: "Tahoma";
    font-weight: bold;
    text-align: center;
}
.modest p::before,
.modest p::after {
    position: absolute;
    content: '';
    width: 2.5px;
    height: 1.2em;
    background: rgba(0,113,153,0.4);
    border-radius: 3px;
}
.modest p::before {
    margin-right: 3.7em;
    transform: rotate(-33deg)
}
.modest p::after {
    margin-left: 3.7em;
    transform: rotate(33deg)
}
.icon:before {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    top: 7px;
    left: 6.5px;
    width: 28px;
    height: 28px;
}
.facebook:before {
    background-image: url(../icon/facebook128w.png);
}
.twitter:before {
    background-image: url(../icon/x128w.png);
}
.line:before {
    background-image: url(../icon/line128w.png);
}
.instagram:before {
    background-image: url(../icon/instagram128w.png);
}
.youtube:before {
    background-image: url(../icon/youtube128w.png);
}
.tiktok:before {
    background-image: url(../icon/tiktok128w.png);
}
.blog:before {
    background-image: url(../icon/blog128w.png);
}
.homepage:before {
    background-image: url(../icon/home128w.png);
}
.contact:before {
    background-image: url(../icon/mail128w.png);
}
.map:before {
    background-image: url(../icon/area128w.png);
}
.reserve:before {
    background-image: url(../icon/reserve128w.png);
}
div#copy_url:before {
    background-image: url(../icon/copy_url128w.png);
}
.icon span,
div.icon span:after {
    position:  absolute;
	box-shadow: 0 10px 10px rgba(0,0,0,0.1);
	font: 16px/1 Meiryo,"Small Fonts","Sitka Small","Sitka";
	color: #fff;
    text-align: center;
	white-space: nowrap;
    font-weight: bold;
	text-shadow: 1px 1px 0px #20b2aa;
}
.icon span {
	top: 50%;
	left: 100%;
	transform: translateY(-50%) translateX(0);
	min-width: 120px;
    height: 26px;
	margin-right: 50px;
    padding: 5px 5px;
    background: #82cddd;
	border-radius: 6px;
    visibility: hidden;
    opacity: 0;
    transition: all .1s;
}
.icon span:before {
    position: absolute;
    content: '';
    top: 9px;
    right: -4.5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #82cddd;
}
div.icon span:after {
    content: 'コピー完了';
    top: -3px;
    left: 0;
    width: 116px;
    padding: 10px 2px 2px 2px;
	background: #8491c3;
	border-radius: 0 0 6px 6px;
    z-index: -1;
    transition: .1s;
    opacity: 0;
}
div.icon:active span:after {
    transform: translateY(26px);
    opacity: 1;
}
.icon:hover span {
    transform: translateY(-50%) translateX(calc(-100% - 47px));
    visibility: visible;
    opacity: 1;
}
.icon:hover,
.icon:hover span {
	background: #00a3af;
	text-shadow: 2px 2px 1px #2a83a2;
}
.icon span:before {
    border-left: 5px solid #00a3af;
}
.facebook:hover,
.facebook:hover span {
	background: #315096;
	text-shadow: 2px 2px 1px #224282;
}
.facebook span:before {
    border-left: 5px solid #315096;
}
.twitter:hover,
.twitter:hover span {
	background: #111319;
	text-shadow: 2px 2px 0px #333;
}
.twitter:hover span:before {
    border-left: 5px solid #111319;
}
.line:hover,
.line:hover span {
	background: #00B900;
	text-shadow: 2px 2px 0px #5f9ea0;
}
.line:hover span:before {
    border-left: 5px solid #00B900;
}
.instagram:hover,
.instagram:hover span {
	background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	text-shadow: 2px 2px 0px #c97586;
}
.instagram:hover:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
    border-radius: 50%;
    opacity: 0.3;
}
.instagram:hover span:before {
    border-left: 5px solid #c97586;
}
.youtube:hover,
.youtube:hover span {
	background: #cd201f;
	text-shadow: 2px 2px 0px #991717;
}
.youtube:hover span:before{
    border-left: 5px solid #cd201f;
}
.pinterest:hover,
.pinterest:hover span {
	background: #e60019;
	text-shadow: 2px 2px 1px #b30015;
}
.pinterest:hover span:before {
    border-left: 5px solid #e60019;
}
.youtube:hover,
.youtube:hover span {
    background: #cd201f;
	text-shadow: 2px 2px 0px #991717;
}
.youtube:hover span:before{
    border-left: 5px solid #cd201f;
}   
.tiktok:hover,
.tiktok:hover span {
	background: #333;
	text-shadow: 5px 5px 5px #d7003a;
}
.tiktok:hover span:before {
    border-left: 5px solid #333;
}
.sns_h .icon {
    margin: 5px 5px 0 5px;
}
.sns_h .icon span {
    top: -30px;
}
.sns_h .icon:hover span {
    top: -40px;
}
.sns_h .icon span:before {
    position: absolute;
    content: '';
    top: 100%;
    width: 0px;
    height: 0px;
    border-top: 5px solid #82cddd;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.sns_h .icon span,
.sns_h .icon span:before {
	left: 50%;
	transform: translateX(-50%);
}
.sns_h .icon:hover span:before {
    border-top: 5px solid #00a3af;
    border-left: 5px solid transparent;
} 
.sns_h .instagram:hover span:before {
    border-top: 5px solid #c97586;
}                                        
.sns_h .facebook:hover span:before {
    border-top: 5px solid #315096;
}
.sns_h .twitter:hover span:before {
    border-top: 5px solid #111319;
}
.sns_h .line:hover span:before {
    border-top: 5px solid #00B900;
}
.sns_h .youtube:hover span:before{
    border-top: 5px solid #cd201f;
}
.sns_h .tiktok:hover span:before {
    border-top: 5px solid #333;
}
.sns_h .pinterest:hover span:before {
    border-top: 5px solid #e60019;
}
					                @media screen and (max-width:1259px){
.icon {
    margin: 0 5px;
}
.icon span {
	top: -30px;
}
.icon:hover span {
    top: -40px;
}										
.icon span:before {
    position: absolute;
    content: '';
    top: 100%;
    width: 2px;
    height: 2px;
    border-top: 5px solid #82cddd;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.icon span,
.icon:hover span,
.icon span:before {										
	left: 50%;
	transform: translateX(-50%);
}										
.icon:hover span:before {
    border-top: 5px solid #00a3af;
    border-left: 5px solid transparent;
} 										
.instagram:hover span:before {
    border-top: 5px solid #c97586;
}                                        
.facebook:hover span:before {
    border-top: 5px solid #315096;
}
.twitter:hover span:before {
    border-top: 5px solid #111319;
}
.line:hover span:before {
    border-top: 5px solid #00B900;
}
.youtube:hover span:before{
    border-top: 5px solid #cd201f;
}
.tiktok:hover span:before {
    border-top: 5px solid #333;
}
.pinterest:hover span:before {
    border-top: 5px solid #e60019;
}
                                        }/* max-width:1259px ★ footer ★*/
#footer {
    position: relative;
    background: linear-gradient(90deg, rgba(237, 250, 255, 1), rgba(255, 249, 245, 1) 50%, rgba(242, 255, 244, 1));
	margin: 0; 
	color: #000080;
	list-style-type: none;
}
#footer::before {
  	position: absolute;
    content: '';
    top: 0;
  	width: 100%;
  	height: 10px;
  	border-top: 4px solid #000080;
  	border-bottom: 1px solid #000080;
  	box-sizing: border-box;
}
#footer a {
	color: #000080;
}
#footer a:hover {
	color: #0073a8;
}
#footer a span {
    position: relative;
    display: block;
    margin: 0 5px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 0.1px rgba(0, 0, 0, 0.15), 0 0 0.1em #f8f4e6;
}
.footer_inner {
	width: 960px;
	margin: 0 auto;
}
.footer_top {
    margin-bottom: 20px;
	padding-top: 15px;
}
.css_fukidashi {
	height: 100%;
	text-align: left;
	font: bold 38px "メイリオ",sans-serif;
}
.text {
	position: relative;
    display: inline-block;
	padding-top: 10px;
	padding-bottom: 25px;
	overflow: hidden;
	text-align: center;
}
.fukidashi {
    position: relative;
    display: none;
    bottom: 70px;
    left: -180px;
	width: 140px;
  	height: 30px;
 	background-color: rgba(0,113,153,0.5);
    border-radius: 15px;
    padding: 5px 1px;
    color: #fff;
	font-size: 15px;
	line-height: 20px;
    font-weight: bold;
	text-align: center;
	z-index:10;
}
.text:hover .fukidashi {
	position: absolute;
	display: inline;
	top: 60px;
	left:0;
}
.fukidashi:after {
	position: absolute;
	content: " ";
	bottom: 100%;
	left: 49.5%;
	width: 0;
	height: 0;
	border: solid transparent;
	border-bottom-color: rgba(0,113,153,0.5);
	border-width: 7px;
	margin-left: -7px;
}
.shizuoka_wrapper,
.yamanashi_wrapper,
.category_box,
.shizuoka_box,
.shizuoka_weather,
.yamanashi_box,
.yamanashi_weather,
.footer_box {
	float: left;
}
.shizuoka_box,
.yamanashi_box,
.category_box,
.footer_box {
    padding: 0;
	font: bold 1em "メイリオ",sans-serif;
	line-height: 30px;
}
.shizuoka_wrapper,
.yamanashi_wrapper {
	width: 320px;
}
.shizuoka_box,
.yamanashi_box {
	width: 130px;
    position: relative;
}
.shizuoka_box:before,
.yamanashi_box:before {
    position: absolute;
    display: block;
    top: -30px;
    margin-left: 5px;
	font-size: 1.3em;
	color: #0073a8;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 0.1px rgba(0, 0, 0, 0.15), 0 0 0.1em #f8f4e6;
}
.shizuoka_box:before {
    content: "静岡県";
}
.yamanashi_box:before {
    content: "山梨県";
}
.shizuoka_weather,
.yamanashi_weather,
.category_box,
.footer_box {
	width: 160px;
}
.shizuoka_weather,
.yamanashi_weather {
	font: 0.9em "メイリオ",sans-serif;
	line-height: 30px;
}
.category_box,
.footer_box {
    margin-top: -30px;
    border-left: 1px solid rgba(0,0,128,0.5);
}
.category_box a span.f_use,
.category_box a span.f_tourist,
.category_box a span.f_experience,
.category_box a span.f_buy,
.category_box a span.f_eat,
.category_box a span.f_stay,
.category_box a span.f_photo,
.category_box a span.f_climb,
.category_box a span.f_event,
.footer_box a span.mail,
.footer_box a span.news {
	padding-left: 25px;
}
.footer_bottom {
	width: 100%;
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 50px 0 5px 0;
	text-align: center;
	font: 0.7em/1em "メイリオ";
}
#footer a span:hover:before {
    transition: transform 1s;
    transform: rotateY(360deg);
} 
                                        @media screen and (max-width:959px){
.footer_inner {	width: 640px;}
.css_fukidashi { text-align: center;}                                    
.footer_floatend { clear: both;}
.footer_wrapper {
    width: 320px;
  	margin: 30px auto 0 auto;                                     
}                                            
										}/* max-width:959px */@media screen and (max-width:639px){
.footer_inner {	width: 320px;}
.shizuoka_box,
.yamanashi_box {
	width: 160px;
}
.yamanashi_wrapper { margin-top: 60px;}
				                        }/* max-width:639px ★ ページトップ ★*/
#page-top {
	position: fixed;
	right: 0;
	bottom: 7px;
	padding: 0 0 0 18px;
	width: 50px;
	height: 40px;
    border-top: solid 3px;
    color: rgba(0,0,128,0.5);
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	transform: rotate(90deg);
    transition: .3s;
    z-index: 99999;
}
#page-top::before {
	position: absolute;
    display: inline-block;
    content: "";
	top: 0;
	left: 0;
	width: 0px;
	height: 0px;
	border: 7px solid rgba(0,0,128,0.5);
	border-right: 7px solid rgba(0,0,128,0.5);
	border-bottom: 7px solid transparent;
	border-left: 7px solid transparent;
	transform-origin: left top;
}
#page-top:hover {
	right: -75px;
	bottom: 80px;
	padding: 0 0 0 166px;
	width: 200px;
	color: #c7b370;
}
#page-top:hover::before {
	border: 10px solid #c7b370;
	border-right: 10px solid #c7b370;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
}
#move-page-top { color: rgba(0,113,153,0.5);}
#page-top:hover #move-page-top { color: rgba(0,113,153,1);}
					                   /*  カテゴリー  */
.tag.use span:before,
label[for="category-use"] span:before {
	content: '利用する';
}
.tag.tourist span:before,
label[for="category-tourist"] span:before {
	content: '観る';
}
.tag.experience span:before,
label[for="category-experience"] span:before {
	content: '体験する';
}
.tag.buy span:before,
label[for="category-buy"] span:before {
	content: '買う';
}
.tag.eat span:before,
label[for="category-eat"] span:before {
	content: '味わう';
}
.tag.stay span:before,
label[for="category-stay"] span:before {
	content: '泊まる';
}
.tag.photo span:before,
label[for="category-photo"] span:before {
	content: '撮る';
}
.tag.event span:before,
label[for="category-event"] span:before {
	content: 'イベント';
}
.tag.climb span:before,
label[for="category-climb"] span:before {
	content: '富士登山';
}
strong.home:before {
    background-image: url(../icon/home128.png);
}
strong.area:before,
#menu > ul.main > li.area:before,
.category_box a span.f_use:before {
    background-image: url(../icon/area128.png);
}
label[for="category-use"]:before,
.tag.use:before,
.train:before,
.type [data-type="station"]:before,
label[for="type-station"]:before,
strong.use:before,
#menu > ul.main > li.use:before,
.category_box a span.f_use:before {
    background-image: url(../icon/train128.png);
}
label[for="category-tourist"]:before,
.tag.tourist:before,
strong.tourist:before,
#menu > ul.main > li.tourist:before,
.category_box a span.f_tourist:before {    
    background-image: url(../icon/tourist128.png);
}
label[for="category-experience"]:before,
.tag.experience:before,
p .spa:before,
.type [data-type="adayspa"]:before,
label[for="type-adayspa"]:before,
strong.experience:before,
#menu > ul.main > li.experience:before,
.category_box a span.f_experience:before {
    background-image: url(../icon/spa128.png);
}
label[for="category-buy"]:before,
.tag.buy:before,
.type [data-type^="shopping"]:before,
label[for^="type-shopping"]:before,
strong.buy:before,
#menu > ul.main > li.buy:before,
.category_box a span.f_buy:before {
    background-image: url(../icon/buy128.png);
}
label[for="category-eat"]:before,
.tag.eat:before,
.type [data-type="western"]:before,
label[for="type-western"]:before,
label[for="keyword-food"]:before,
strong.eat:before,
#menu > ul.main > li.eat:before,
.category_box a span.f_eat:before {
    background-image: url(../icon/western128.png);
}
label[for="category-stay"]:before,
.tag.stay:before,
strong.stay:before,
#menu > ul.main > li.stay:before,
.category_box a span.f_stay:before {
    background-image: url(../icon/stay128.png);
}
label[for="category-photo"]:before,
.tag.photo:before,
strong.photo:before,
#menu > ul.main > li.photo:before,
.category_box a span.f_photo:before {
    background-image: url(../icon/photo128.png);
}
label[for="category-climb"]:before,
.tag.climb:before,
.type [data-type="mtfuji"]:before,
label[for="keyword-mtfuji"]:before,
strong.climb:before,
#menu > ul.main > li.climb:before,
.category_box a span.f_climb:before {
    background-image: url(../icon/mtfuji128.png);
}
label[for="category-event"]:before,
.tag.event:before,
.closed:before,
strong.event:before,
#menu > ul.main > li.event:before,
.category_box a span.f_event:before {
    background-image: url(../icon/event128.png);
} 
.tag.add,										/* 地名 */
label[for^="area-"] {
	content: "\f3c5";
    background: rgba(0,113,153,0.15);
    padding: 0 0.3em 0 0.9em;
}
.resultblock label {
    padding: 0 0.5em 0 0.1em;
}
.tag.add:after,
label[for^="area-"]:after {
	border-color: transparent rgba(0,113,153,0.15) transparent transparent;
}
label[for="area-shizuokaTobu"] span:before {
	content: '静岡県 東部';
}
.tag.oyama span:before,
.city [data-area="oyama"]:after,
label[for="area-oyama"] span:before {
	content: '小山町';
}
.tag.gotemba span:before,
.city [data-area="gotemba"]:after,
label[for="area-gotemba"] span:before {
	content: '御殿場市';
}
.tag.susono span:before,
.city [data-area="susono"]:after,
label[for="area-susono"] span:before {
	content: '裾野市';
}
.tag.fuji span:before,
.city [data-area="fuji"]:after,
label[for="area-fuji"] span:before {
	content: '富士市';
}
.tag.fujinomiya span:before,
.city [data-area="fujinomiya"]:after,
label[for="area-fujinomiya"] span:before {
	content: '富士宮市';
}
.tag.mishima span:before,
.city [data-area="mishima"]:after,
label[for="area-mishima"] span:before {
	content: '三島市';
}
.tag.nagaizumi span:before,
.city [data-area="nagaizumi"]:after,
label[for="area-nagaizumi"] span:before {
	content: '長泉町';
}
.tag.shimizu span:before,
.city [data-area="shimizu"]:after,
label[for="area-shimizu"] span:before {
	content: '清水町';
}
.tag.numazu span:before,
.city [data-area="numazu"]:after,
label[for="area-numazu"] span:before {
	content: '沼津市';
}
.tag.kannami span:before,
.city [data-area="kannami"]:after,
label[for="area-kannami"] span:before {
	content: '函南町';
}
label[for="area-yamanashiFujigoko"] span:before {
	content: '山梨県 富士五湖';
}
.tag.yamanakako span:before,
.city [data-area="yamanakako"]:after,
label[for="area-yamanakako"] span:before {
	content: '山中湖村';
}
.tag.oshino span:before,
.city [data-area="oshino"]:after,
label[for="area-oshino"] span:before {
	content: '忍野村';
}
.tag.yoshida span:before,
.city [data-area="yoshida"]:after,
label[for="area-yoshida"] span:before {
	content: '富士吉田市';
}
.tag.kawaguchiko span:before,
.city [data-area="kawaguchiko"]:after,
label[for="area-kawaguchiko"] span:before {
	content: '富士河口湖町';
}
.tag.narusawa span:before,
.city [data-area="narusawa"]:after,
label[for="area-narusawa"] span:before {
	content: '鳴沢村';
}
label[for="area-kanagawaSeisho"] span:before {
	content: '神奈川県 西湘地区';
}
.tag.hakone span:before,
.city [data-area="hakone"]:after,
label[for="area-hakone"] span:before {
	content: '箱根町';
}
label[for="area-shizuokaIzu"] span:before {
	content: '静岡県 伊豆半島';
}
.tag.atami span:before,
.city [data-area="atami"]:after,
label[for="area-atami"] span:before {
	content: '熱海市';
}
.tag.izunokuni span:before,
.city [data-area="izunokuni"]:after,
label[for="area-izunokuni"] span:before {
	content: '伊豆の国市';
}
.tag.ito span:before,
.city [data-area="ito"]:after,
label[for="area-ito"] span:before {
	content: '伊東市';
}
.tag.izu span:before,
.city [data-area="izu"]:after,
label[for="area-izu"] span:before {
	content: '伊豆市';
}
.tag.higashiizu span:before,
.city [data-area="higashiizu"]:after,
label[for="area-higashiizu"] span:before {
	content: '東伊豆町';
}
.tag.mtfuji span:before,
.city [data-area="mtfuji"]:after,
label[for="area-mtfuji"] span:before {
	content: '富士山';
}
.tag.allareas span:before,
.city [data-area="allareas"]:after,
label[for="area-allareas"] span:before {
	content: '富士山周辺';
}
label[for="type-station"] span:before {					/*　利用する  */
	content: '電車の駅';
}
label[for="type-roadside"] span:before {
	content: '道の駅';
}
.car:before,
.type [data-type="roadside"]:before,
label[for="type-roadside"]:before {
    background-image: url(../icon/car128.png);
	    font-size: 1.05em;
}
label[for="type-busstop"] span:before {
	content: 'バス乗り場';
}
.bus:before,
.type [data-type="busstop"]:before,
label[for="type-busstop"]:before {
    background-image: url(../icon/bus128.png);
}
label[for="type-information"] span:before {
	content: '観光案内所';
}
.type [data-type^="information"]:before,
label[for="type-information"]:before {
	content: "\f05a";
}
label[for="type-freespace"] span:before {
	content: 'フリースペース';
}
.bus:before,
.type [data-type="freespace"]:before,
label[for="type-freespace"]:before {
    background-image: url(../icon/freespace128.png);
}
label[for="type-workspace"] span:before {
	content: 'ワークスペース';
}
.bus:before,
.type [data-type="workspace"]:before,
label[for="type-workspace"]:before {
    background-image: url(../icon/workspace128.png);
}
label[for="type-history"] span:before {					 /* 観光 */
	content: '史跡';
}
.type [data-type^="history"]:before,
label[for="type-history"]:before {
    content: "\f5a6";
}
label[for="type-shrine"] span:before {
	content: '神社';
}
.type [data-type="shrine"]:before,
label[for="type-shrine"]:before {
    content: "\f6a1";
}
label[for="type-temple"] span:before {
	content: '仏閣';
}
.type [data-type="temple"]:before,
label[for="type-temple"]:before {
	background-image: url(../icon/temple128.png);
}
label[for="type-art"] span:before {
	content: '美術館';
}
label[for="type-gallery"] span:before {
	content: 'ギャラリー';
}
.type [data-type="art"]:before,
.type [data-type="gallery"]:before,
label[for="type-art"]:before,
label[for="type-gallery"]:before {
    content: "\f53f";
}
.type [data-type="art"]:before,
.type [data-type="gallery"]:before {
    font-size: 1.3em;
}
label[for="type-art"]:before,
label[for="type-gallery"]:before {
    font-size: 0.9em;
}
label[for="type-museum"] span:before {
	content: '博物館';
}
label[for="type-morgue"] span:before {
	content: '資料館';
}
label[for="type-memorial"] span:before {
	content: '記念館';
}
.type [data-type="museum"]:before,
.type [data-type="morgue"]:before,
.type [data-type="memorial"]:before,
label[for="type-museum"]:before,
label[for="type-morgue"]:before,
label[for="type-memorial"]:before {
    content: "\f19c";
}
label[for="type-science"] span:before {
	content: '科学館';
}
.type [data-type="science"]:before,
label[for="type-science"]:before {
    content: "\f0c3";
}
label[for="type-science"]:before {
    font-size: 0.9em;
}
label[for="type-hall"] span:before {
	content: 'ホール';
}
label[for="type-theater"] span:before {
	content: 'ショー';
}
label[for="type-hall"]:before,
label[for="type-theater"]:before {
    background-image: url(../icon/theater128.png);
}
.type [data-type="hall"]:before,
.type [data-type="theater"]:before {
	background: url(../icon/theater128.png) no-repeat 0px 0px/23px;
}
label[for="type-amusement"] span:before {
	content: 'テーマパーク';
}
.type [data-type="amusement"]:before,
label[for="type-amusement"]:before {
    background-image: url(../icon/amusement128.png);
}
label[for="type-zoo"] span:before {
	content: '動物園';
    font-size: 0.9em;
}
a.zoo:before,
label[for="type-zoo"]:before {
    background-image: url(../icon/zoo128.png);
}
.type [data-type="zoo"]:before {
    background: url(../icon/zoo128.png) no-repeat 0px 0px/23px;
}
label[for="type-aquarium"] span:before {
	content: '水族館';
}
.type [data-type="aquarium"]:before,
label[for="type-aquarium"]:before {
    content: "\f578";
}
label[for="type-planetarium"] span:before {
	content: 'プラネタリウム';
}
label[for="type-planetarium"]:before {
    background-image: url(../icon/planetarium128.png);
}
.type [data-type="planetarium"]:before {
    background: url(../icon/planetarium128.png) no-repeat 0px 0px/22px;
}
label[for="type-factory"] span:before,
label[for="keyword-factory"] span:before {
	content: '工場見学';
}
.type [data-type="factory"]:before,
label[for="type-factory"]:before,
label[for="keyword-factory"]:before {
    background-image: url(../icon/factory128.png);
}
label[for="type-handson"] span:before {
	content: '体験型';
}
.type [data-type="handson"]:before,
label[for="type-handson"]:before {
    background-image: url(../icon/handson128.png);
}
label[for="type-craft"] span:before {
	content: 'クラフト';
}
.type [data-type="craft"]:before,
label[for="type-craft"]:before {
    background-image: url(../icon/craft128.png);
}
label[for="type-adayspa"] span:before {
	content: '日帰り温泉';
}
label[for="type-ship"] span:before {
	content: '乗船';
}
.type [data-type="ship"]:before,
label[for="type-ship"]:before {
   background-image: url(../icon/ship128.png);
}
label[for="type-beach"] span:before {
	content: '海水浴場';
}
.type [data-type="beach"]:before,
label[for="type-beach"]:before {
    content: "\f5ca";
}
label[for="type-ski"] span:before {
	content: 'スキー';
}
.type [data-type="ski"]:before,
label[for="type-ski"]:before {
	content: "\f7ce";
}
label[for="type-golf"] span:before {
	content: 'ゴルフ';
}
.type [data-type="golf"]:before,
label[for="type-golf"]:before,
label[for="keyword-golf"]:before {
    background-image: url(../icon/golf128.png);
}
label[for="type-athletic"] span:before {
	content: 'アスレチック';
}
.type [data-type="athletic"]:before,
label[for="type-athletic"]:before {
    background-image: url(../icon/athletic128.png);
}
label[for="type-circuit"] span:before {
	content: 'サーキット';
}
.type [data-type="circuit"]:before,
label[for="type-circuit"]:before {
    background-image: url(../icon/circuit128.png);
}
label[for="type-ropeway"] span:before {
	content: 'ロープウェイ';
}
.type [data-type="ropeway"]:before,
label[for="type-ropeway"]:before {
    background-image: url(../icon/ropeway128.png);
}
label[for="type-natural"] span:before {
	content: '自然景観';
}
.type [data-type="natural"]:before,
label[for="type-natural"]:before {
	content: '\f6fc';
}
.type [data-type="natural"]:before {
    top: 5px;
    font-size: 1.15em;
}
label[for="type-garden"] span:before {
	content: '庭園';
}
.type [data-type="garden"]:before,
label[for="type-garden"]:before {
	content: '\f1bb';
}
label[for="type-park"] span:before {
	content: '公園';
}
.type [data-type="park"]:before,
label[for="type-park"]:before {
    background-image: url(../icon/park128.png);   
}
label[for="type-botanical"] span:before {
	content: '植物園';
}
.type [data-type="botanical"]:before,
label[for="type-botanical"]:before,
label[for="keyword-flower"]:before {
	content: '\f4d8';
}
label[for="type-ranch"] span:before {
	content: '牧場';
}
.type [data-type="ranch"]:before,
label[for="type-ranch"]:before {
    background-image: url(../icon/ranch128.png);
}
label[for="type-bridge"] span:before {
	content: '橋';
}
.type [data-type^="bridge"]:before,
label[for="type-bridge"]:before {
    background-image: url(../icon/bridge128.png);
}
label[for="type-tower"] span:before {
	content: '展望台';
}
label[for="type-tower"]:before {
    background-image: url(../icon/tower128.png);
}
.type [data-type="tower"]:before {
    background: url(../icon/tower128.png) no-repeat 0px 0px/23px;
}
label[for="type-lighthouse"] span:before {
	content: '灯台';
}
.type [data-type="lighthouse"]:before,
label[for="type-lighthouse"]:before {
    background-image: url(../icon/lighthouse128.png);
}
label[for="type-port"] span:before {
	content: '港';
}
.type [data-type="port"]:before,
label[for="type-port"]:before {
	content: '\f13d';
}
label[for="type-complex"] span:before {
	content: '複合施設';
}
.type [data-type="complex"]:before ,
label[for="type-complex"]:before {
    background-image: url(../icon/complex128.png);
}
label[for="type-shoppingc"] span:before {
	content: 'ショッピング';
}
label[for="type-shoppingd"] span:before {
	content: '商店街';
}
label[for="type-townscape"] span:before {
	content: '町並み';
}
.type [data-type="townscape"]:before,
label[for="type-townscape"]:before {
	content: '\f64f';
}
label[for="type-dog"] span:before {
	content: 'ドックラン';
}
.type [data-type="dog"]:before,
label[for="type-dog"]:before,
label[for="keyword-pet"]:before {
	content: "\f6d3";
}
label[for="type-cook"] span:before {					/*　体験する  */
	content: '料理';
}
.type [data-type="cook"]:before,
label[for="type-cook"]:before {
    background-image: url(../icon/cook128.png);
}
label[for="type-harvest"] span:before {
	content: '収穫体験';
}
.type [data-type="harvest"]:before,
label[for="type-harvest"]:before {
    background-image: url(../icon/harvest128.png);
}
label[for="type-fishing"] span:before {
	content: '釣り';
}
.type [data-type="fishing"]:before,
label[for="type-fishing"]:before {
    background-image: url(../icon/fishing128.png);
}
label[for="type-watersports"] span:before {
	content: 'ウォータースポーツ';
}
.type [data-type="watersports"]:before,
label[for="type-watersports"]:before {
    background-image: url(../icon/canoe128.png);
}
label[for="type-diving"] span:before {
	content: 'ダイビング';
}
.type [data-type="diving"]:before,
label[for="type-diving"]:before {
    background-image: url(../icon/diving128.png);
}
label[for="type-canoe"] span:before {
	content: 'カヌー';
}
.type [data-type="canoe"]:before,
label[for="type-canoe"]:before {
    background-image: url(../icon/canoe128.png);
}
label[for="type-paraglider"] span:before {
	content: 'パラグライダー';
}
.type [data-type="paraglider"]:before,
label[for="type-paraglider"]:before {
    background-image: url(../icon/paraglider128.png);
}
label[for="type-horse"] span:before {
	content: '乗馬';
}
.type [data-type="horse"]:before,
label[for="type-horse"]:before {
	content: "\f6f0";
}
label[for="type-balloon"] span:before {
	content: '熱気球';
}
.type [data-type="balloon"]:before,
label[for="type-balloon"]:before {
    background-image: url(../icon/balloon128.png);
}
label[for="type-souvenir"] span:before {					/*　買う  */
	content: 'お土産';
}
.type [data-type="souvenir"]:before,
label[for="type-souvenir"]:before {
    background-image: url(../icon/souvenir128.png);
}
label[for="type-cake"] span:before {
	content: '洋菓子';
}
.type [data-type="cake"]:before,
label[for="type-cake"]:before {
    background-image: url(../icon/cake128.png);
}
label[for="type-wagashi"] span:before {
	content: '和菓子';
}
.type [data-type="wagashi"]:before,
label[for="type-wagashi"]:before {
    background-image: url(../icon/wagashi128.png);
}
label[for="type-bread"] span:before {
	content: 'パン';
}
.type [data-type="bread"]:before,
label[for="type-bread"]:before {
    background-image: url(../icon/bread128.png);
}
label[for="type-japanese"] span:before {					/*　味わう  */
	content: '和食';
}
.type [data-type="japanese"]:before,
label[for="type-japanese"]:before {
    background-image: url(../icon/japanese128.png);
}
label[for="type-western"] span:before {
	content: '洋食';
}
label[for="type-chinese"] span:before {
	content: '中華';
}
.type [data-type="chinese"]:before,
label[for="type-chinese"]:before {
    background-image: url(../icon/chinese128.png);
}
label[for="type-ramen"] span:before {
	content: 'ラーメン';
}
.type [data-type="ramen"]:before,
label[for="type-ramen"]:before {
    background-image: url(../icon/ramen128.png);
}
label[for="type-noodle"] span:before {
	content: '麺類';
}
.type [data-type="noodle"]:before,
label[for="type-noodle"]:before {
    background-image: url(../icon/noodle128.png);
}
label[for="type-curry"] span:before {
	content: 'カレー';
}
.type [data-type="curry"]:before,
label[for="type-curry"]:before {
    background-image: url(../icon/curry128.png);
}
label[for="type-fastfood"] span:before {
	content: '軽食';
}
.type [data-type="fastfood"]:before,
label[for="type-fastfood"]:before {
    background-image: url(../icon/fastfood128.png);
}
label[for="type-cafe"] span:before {
	content: 'カフェ';
}
.type [data-type^="cafe"]:before,
label[for="type-cafe"]:before {
	content: "\f0f4";
}
label[for="type-sweet"] span:before {
	content: 'スイーツ';
}
.type [data-type="sweet"]:before,
label[for="type-sweet"]:before {
    background-image: url(../icon/sweet128.png);
}
label[for="type-ice"] span:before {
	content: 'アイス';
}
.type [data-type="ice"]:before,
label[for="type-ice"]:before {
    background-image: url(../icon/ice128.png);
}
label[for="type-pub"] span:before {
	content: '飲み屋';
}
.type [data-type="pub"]:before,
label[for="type-pub"]:before {
	content: "\f72f";
}
label[for="type-lodge"] span:before {					/*　泊まる  */
	content: '山小屋';
}
.hut:before,
.type [data-type="lodge"]:before,
label[for="type-lodge"]:before {
    background-image: url(../icon/hut128.png);
}
label[for="keyword-sakura"] span:before {					/* キーワード */
	content: '桜';
}
.type [data-type="sakura"]:before,
label[for="keyword-sakura"]:before {
    background-image: url(../icon/sakura128.png);
}
label[for="keyword-firework"] span:before {
	content: '花火';
}
.type [data-type="firework"]:before,
label[for="keyword-firework"]:before {
    background-image: url(../icon/firework128.png);
}
label[for="keyword-maple"] span:before {
	content: '紅葉';
}
.type [data-type="maple"]:before,
label[for="keyword-maple"]:before {
    background-image: url(../icon/maple128.png);
}
label[for="keyword-mum"] span:before {
	content: '菊花展';
}
.type [data-type="mum"]:before,
label[for="keyword-mum"]:before {
    background-image: url(../icon/mum128.png);
}
label[for="keyword-halloween"] span:before {
	content: 'ハロウィン';
}
.type [data-type="halloween"]:before,
label[for="keyword-halloween"]:before {
    background-image: url(../icon/halloween128.png);
}
label[for="keyword-illumination"] span:before {
	content: 'イルミネーション';
}
.type [data-type="illumination"]:before,
label[for="keyword-illumination"]:before {
    background-image: url(../icon/illumination128.png);
}
label[for="keyword-snow"] span:before {
	content: '雪まつり';
}
.type [data-type="snow"]:before,
label[for="keyword-snow"]:before {
    background-image: url(../icon/snow128.png);
}
label[for="keyword-mtfuji"] span:before {
	content: '富士山';
}
label[for="keyword-flower"] span:before {
	content: '花や緑';
}
label[for="keyword-music"] span:before {
	content: '音楽フェス';
}
label[for="keyword-music"]:before {
	content: "\f001";
}
label[for="keyword-food"] span:before {
	content: '飲食フェス';
}
label[for="keyword-marathon"] span:before {
	content: 'マラソン';
}
label[for="keyword-walking"] span:before {
	content: 'ウォーキング';
}
label[for="type-hiking"] span:before {
	content: 'ハイキング';
}
.type [data-type="hiking"]:before,
label[for="type-hiking"]:before,
label[for="keyword-marathon"]:before,
label[for="keyword-walking"]:before {
    background-image: url(../icon/marathon128.png);
}
label[for="type-bicycle"] span:before,
label[for="keyword-bicycle"] span:before {
	content: '自転車';
}
.type [data-type="bicycle"]:before,
label[for="type-bicycle"]:before,
label[for="keyword-bicycle"]:before {
	content: "\f206";
}
label[for="keyword-golf"] span:before {
	content: 'ゴルフ大会';
}
label[for="keyword-filming"] span:before {
	content: 'ロケ地';
}
label[for="keyword-filming"]:before {
    background-image: url(../icon/filming128.png);
}
label[for="keyword-factory"] span:before {
	content: '工場見学';
}
label[for="keyword-factory"]:before {
    background-image: url(../icon/factory128.png);
}
label[for="keyword-worldheritage"] span:before {
	content: '世界遺産';
}
label[for="keyword-worldheritage"]:before {
    background-image: url(../icon/worldheritage128.png);
}
label[for="keyword-nationaltreasure"] span:before {
	content: '国宝';
}
label[for="keyword-nationaltreasure"]:before {
    background-image: url(../icon/nationaltreasure128.png);
}
label[for="keyword-pilgrimage"] span:before {
	content: '聖地巡礼';
}
label[for="keyword-pilgrimage"]:before {
    background-image: url(../icon/pilgrimage128.png);
}
label[for="keyword-powerspot"] span:before {
	content: 'パワースポット';
}
label[for="keyword-powerspot"]:before {
	content: "\f3a5";
}
label[for="keyword-free"] span:before {
	content: '無料スポット';
}
label[for="keyword-barrierfree"] span:before {
	content: 'バリアフリー';
}
.wheelchair:before,
.type [data-type="barrierfree"]:before,
label.tag[for="keyword-barrierfree"]:before {
	content: "\f193";
}
label[for="keyword-free"]:before {
	content: '0円';
	background: #000080;
	border-radius: 50%;
	padding: 0.4em;
	color: #fff;
	font-size: 0.6em;
	text-indent: -0.3em;
}
label[for="keyword-pet"] span:before {
	content: 'ペット可';
}
label[for="keyword-guide"] span:before {
	content: 'ガイド';
}
label[for="keyword-guide"]:before {
	content: '\f024';
}
label[for="keyword-birthplace"] span:before {
	content: '発祥の地';
}
label[for="keyword-birthplace"]:before,
label[for*="keyword-pu_"]:before {
	content: '\23';
}
[data-keyword*="pu_"] .inner:after {
	position: absolute;
	top: 13px;
	left: 20px;
	color: #ffffa8;
	font-size: 0.9em;
	font-weight: bold;
	text-shadow: 0 0 0.05em #191970, 0.1em 0 0.05em #191970, 0 0.1em 0.2em #333;
	z-index: 1;
}
[data-keyword="pu_opening"] .inner:after,
label[for="keyword-pu_opening"] span:before {
	content: 'NEW OPEN!';
}
[data-keyword="pu_closing"] .inner:after,
label[for="keyword-pu_closing"] span:before {
	content: '店じまい';
}
[data-keyword="pu_new"] .inner:after,
label[for="keyword-pu_new"] span:before {
	content: 'NEW!';
}
[data-keyword="pu_renewal"] .inner:after,
label[for="keyword-pu_renewal"] span:before {
	content: 'リニューアル!';
}
label[for="area-r_yoshida"] span:before {					/* 富士登山 */
	content: '吉田ルート';
}
label[for="area-r_gotemba"] span:before {
	content: '御殿場ルート';
}
label[for="area-r_subashiri"] span:before {
	content: '須走ルート';
}
label[for="area-r_fujinomiya"] span:before {
	content: '富士宮ルート';
}
#footer a span::after,									/*　アンダーバー　*/
#menu > ul.main > li > a::before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .3s ease-in-out;
}
#menu > ul.main > li > a::before {
    height: 4px;
    border-radius: 4px;
}
#footer a span::after {
    height: 2px;
    border-radius: 2px;
}
#footer a span:hover::after,
#menu > ul.main > li > a:hover::before  {
    transform-origin: left;
    transform: scaleX(1);
}
strong.area,
#menu > ul.main > li.area a {
    color: #19448e;
}    
#menu > ul.main > li.area a:before {
    background-color: #19448e;
}
strong.tourist,
#menu > ul.main > li.tourist a,
.category_box a span.f_tourist {
    color: #007bbb;
}
#menu > ul.main > li.tourist a:before {
    background-color: #007bbb;
}
strong.experience,
#menu > ul.main > li.experience a,
.category_box a span.f_experience {
    color: #006eb0;
}
#menu > ul.main > li.experience a:before {
    background-color: #006eb0;
}
strong.buy,
#menu > ul.main > li.buy a,
.category_box a span.f_buy {
     color:  #1e50a2;
} 
#menu > ul.main > li.buy a:before {
     background-color:  #1e50a2;
}
strong.eat,
#menu > ul.main > li.eat a,
.category_box a span.f_eat {
     color: #333399;
} 
#menu > ul.main > li.eat a:before {
     background-color: #333399;
}
strong.use,
#menu > ul.main > li.use a,
.category_box a span.f_use {
    color: #006888;
}
#menu > ul.main > li.use a:before {
    background-color: #006888;
}
strong.stay,
#menu > ul.main > li.stay a,
.category_box a span.f_stay,
#menu > ul.main > li.climb a,
.category_box a span.f_climb {
     color: #339999;
}
#menu > ul.main > li.stay a:before,
#menu > ul.main > li.climb a:before {
     background-color: #339999;
}
strong.photo,
#menu > ul.main > li.photo a,
.category_box a span.f_photo {
     color: #007199;
}
#menu > ul.main > li.photo a:before {
     background-color: #007199;
}
strong.event,
#menu > ul.main > li.event a {
     color: #19448e;
}
#menu > ul.main > li.event a:before {
     background-color: #19448e;
}    
#menu > ul.main > li:hover > a,
#menu ul.main li.active a {
    color: #0073a8;
}
                                        /* グラデーション指定 ★*/
.accordion_box .accordion_inner ul li strong:hover,
.accordion_box .accordion_inner ul li strong:after,
#footer a span:hover::after,
.selection .name b,
.selection .name b:after,
h2,
h3:after,
.bar:hover,
ul.arrow li a:hover,
p a[target="_blank"]:hover,
p a[href*="mailto:"]:hover,
a[href*="tel:"]:hover,
a.excel:hover,
a[href$=".xls"]:hover,
a[href$=".xlsx"]:hover,
a[href$=".doc"]:hover,
a[href$=".docx"]:hover,
a[href$=".docm"]:hover,
a[href$=".pdf"]:hover,
.bar:after,
ul.arrow li a:after,
p a[target="_blank"]:after,
p a[href*="mailto:"]:after,
a[href*="tel:"]:after,
a.excel:after,
a[href$=".xls"]:after,
a[href$=".xlsx"]:after,
a[href$=".doc"]:after,
a[href$=".docx"]:after,
a[href$=".docm"]:after,
a[href$=".pdf"]:after {
    background-image: linear-gradient(
        30deg,
        #007bbb,
        #006eb0,
        #1e50a2,
        #333399,
        #006888,
        #007199,
        #339999
      );
}
h4::after,
p.share::before,
p.share::after {
   background-image: linear-gradient(
        270deg,
        #007bbb,
        #006eb0,
        #1e50a2,
        #333399,
        #006888,
        #007199,
        #339999
      );
}