<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* ============================= 共通 =============================  */

* { 
	padding: 0px;
	margin: 0px;
	border: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

li { list-style-type: none;}

p,li,ul,dl,dt,dd{
	margin:0;
	padding:0;
}
a { text-decoration:none; overflow: hidden;}
.breadcrumb ul,.breadcrumb li {
    display: flex;
}
h2.ttl{
	padding: 0.4em 0.5em!important;
	color: #494949;
	background: #f4f4f4!important;
	border-left: solid 5px #7db4e6;
	border-bottom: solid 3px #d7d7d7!important;
	margin-bottom:12px;
	font-size: 1.2em;
    font-weight: bold!important;
}
.map .ttl, .spof .ttl, .ranking .ttl, .video .ttl, .review .ttl, .category .ttl, .recom .ttl, .similar .ttl, .find .ttl, .freespace .ttl, .guidance .ttl, .aboutus .ttl, .new .ttl{
	font-size: 180%!important;
    font-weight: bold!important;
	border-bottom: solid 3px #d7d7d7!important;
}

h3 {
	border-bottom: solid 3px #cce4ff;
	position: relative;
	margin-bottom:8px;
	font-size:1.1em;
}
h3:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #7db4e6;
	bottom: -3px;
	width: 20%;
}
h3.sttl{
	border-bottom:none;
}
h3.sttl:after{
	border-bottom:none;
}
.content section{
	margin-top:20px;
}
.content i.fa{
	margin:0 3px	
}
.planLinkBtn{
	width:90%;
	margin:8px auto;
}
.planLinkBtn a{
	display:block;
	background:#f90;
	border-radius:20px;
	color:#fff;
	text-align:center;
	padding:8px 0;
}
.planLinkBtn a:hover{
	background:#666;
}
#navigation ul{
	border-top: 3px solid #666;
    border-bottom: 3px solid #666;
}
#navigation ul li{
    border-bottom: 1px dashed #666;
    padding: 5px 0 5px 8px;
}
#navigation ul li:last-child{
	border-bottom:none;
}
#navigation ul li a{
	color:#666;
}

.introImg{
	margin:8px auto;
	width:80%;
}
.introImg img{
	width:100%;
	height:auto;
}
.introText {
    width: 96%;
	margin:0 auto;
}
.activity ul li{
	width:96%;
	margin:8px auto 10px;
	clear:both;
}

.activity h3:first-letter,.spotInfo h3:first-letter,#thingsToDo .spaInfo h3:first-letter {
	font-size: 1.8em;
	color: #7db4e6;
}
.activity h4{
	text-align:center;
	font-size:1.1em;
}
.activityImg{
	float:left;
	width:38%;
	margin:0px 8px 15px 0;
}
.activityImg img{
	width:100%;
	height:auto;
}
.activityText {
    width: 58%;
    float: left;
}
.plan_cont {
    clear: both;
    position: relative;
    padding: 15px 15px 8px 8px;
    border: 2px solid #f90;
    margin: 30px 0 15px;
}
.plan_cont:after {
    right: 5px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #f90;
    border-right: 2px solid #f90;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    margin: auto;
}
.plan_cont p {
    position: absolute;
    color: #f90;
    font-weight: bold;
    left: 8px;
    top: -10px;
    background: #fff;
    padding: 0 8px;
}
.plan_cont h5 {
    line-height: 1.3em;
}
.plan_img {
    width: 30%;
    margin-right: 8px;
    flex: 0 0 30%;
    float: left;
}
.plan_img img{
	width: 100%;
}
.plan_price {
    text-align: right;
    color: #c00;
    font-weight: bold;
    font-size: 1.1em;
}
.spotInfo h4{
	font-size:1.1em;
	text-align:center;
}
.spotInfo ul li{
	margin:8px auto;
}

.spotInfo .spotImg{
	width:40%;
	float:left;
	margin-right:8px;
	margin-bottom:8px;
}
.spotInfo .spotImg img{
	width:100%;
}
.spotInfo p{
	font-size:0.9em;
}
.spotInfo .spotDetail{
	clear:both;
	padding:8px;
	background:#eee;
	font-size:0.9em;
}
.spotInfo .spotDetail dt{
	float:left;
	font-weight:bold;
	width:15%;
}
.spotInfo .spotDetail dd{
	float:left;
	width:83%;
}
.spotInfo .spotDetail dt:after{
	content:'：'
}
.spaInfo .spaImg{
	width:80%;
	margin:8px auto;
}
.spaInfo .spaImg img{
	width:100%;
	height:auto;
}
.spaInfo .spaText{
	padding:0 5px;
}

.bustourImg{
	width:80%;
	margin:8px auto;
}
.bustourImg img{
	width:100%;
	height:auto;
}
.bustourText{
	width:100%;
	height:auto;
	padding:0 5px;
}

#infomation .bustourImg{
	width:80%;
	margin:8px auto;
}
#infomation .bustourText{
	width:96%;
	margin:0 auto;
}
#infomation dt{
	float:left;
	font-weight:bold;
	width:23%;
}
#infomation dd{
	float:left;
	width:77%;
}
#infomation dt:after{
	content:'：'
}
#mapPin .mapInner{
	width:96%;
	margin:8px auto;
}
/*SP用*/
#shiretokoSp{
	overflow:hidden;
}
nav#navigation ul li {
    float: left;
    width: 19.9%;
    height: 78px;
    text-align: center;
    text-decoration: underline;
    border-right: 1px solid #666;
    padding: 8px 0;
}
#introduction .introText {
    float: left;
    width: auto;
}
.spotInfo ul li {
    margin: 8px auto;
    width: auto;
}
.spaInfo .spaImg {
    width: 156px;
    height: 95.11px;
    margin: 8px auto;
}
.bustourImg {
    width: 100%;
    margin: 8px auto;
}
#infomation .bustourImg {
    width: 100%;
    margin: 8px auto;
}
#infomation dt {
    float: left;
    font-weight: bold;
    width: 37%;
}
#infomation dd {
    float: left;
    width: 100%;
}
#topimg img {
    height: 162px;
}
.topimg div {
    bottom: 17px;
}



</pre></body></html>