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

/* ============================= 共通 =============================  */
#topics {
	max-width: 1024px;
	margin: 0 auto;
	overflow: hidden;
}
* { 
	padding: 0px;
	margin: 0px;
	border: none;
}
ul,li,dl,dt,dd,ol { 
	list-style-type: none;
	margin:0;
	padding:0;
}
a { text-decoration:none;overflow: hidden;}
#breadCrumbList {
    margin-bottom: 5px;
}
#breadCrumbList li {
    float: left;
    margin-right: 5px;
}
#content,
#topics{
	max-width:1024px;
	margin:0 auto;
}
.crumb-list {
    margin: 0 auto;
}
#mainContent{
	background:url(../../img/pref_category/factory_cruise/area_bg.png) repeat;
}

h1 img{
	width: 100%;
    height: 515px;
    object-fit: cover;
    object-position: top;
}
#mainContent h2{
	margin:0 auto;
	background:#fff!important;
	border:1px solid #000;
	padding:12px 0;
	text-align:center;
	font-size:1.3em;
	position:relative;
	font-family: YuGothic, 游ゴシック, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}
#mainContent h2:before,#mainContent h2:after{
	content:'';
	position:absolute;
	height:100%;
	border-left:5px solid #000;
	top:0;
}
#mainContent h2:before{
	left:0;
}
#mainContent h2:after{
	right:0;
}

#leadCont {
	background:#000;
	padding:8px;
}

#leadCont .leadText{
	width:75%;
	float:left;
	margin-right:8px;
	color:#fff;
	font-size:1.1em;
	line-height:1.3em;
}
#leadCont .leadText.leadCharter{
	width:100%;
	float:none;
}
#leadCont .leadText h2{
	padding-top:5px;
	margin-bottom:12px;
	position:relative;	
}
#leadCont .leadText h2:after{
	content:'';
	border-bottom:1px dashed #fff;
	position:absolute;
	bottom:-5px;
	left:0;
	width:100%;
}
#leadCont .leadText.leadCharter h2{
	text-align:center;
}
#tourCont{
	padding:10px 8px;
}
#tourCont .tourBox{
	background:#fff;
	margin-top:8px;
	border:1px solid #333;
	padding-bottom: 5px;
}
#tourCont .tourBox h3{
	background:#333;
	color:#fff;
	text-align:center;
	font-size:1.3em;
	padding:10px 5px;
	line-height:1.4em;
	border-bottom: none;
}
#tourCont .tourBox .tourImg{
	width:40%;
	float:left;
	padding:8px;
}
#tourCont .tourBox .tourImg img{
	width:100%;
}
#tourCont .tourBox .tourText{
	padding:8px 8px 8px 0;
	font-size:1.1em;
	line-height:1.3em;
	width: 60%;
    float: left;
}
#tourCont .tourBox .tourText dt,#tourCont .tourBox .tourText dd{
	padding:3px;
	margin-bottom: 3px;
}
#tourCont .tourBox .tourText dt{
	float:left;
	font-weight:bold;
	margin-right:3px;
	background:#666;
	width:20%;
	color: #fff;
    text-align: center;
}
#tourCont .tourBox .tourText dd{
	width:73.3%;
	float:left;
}
#tourCont .tourBox .tourText dd.tourPrice span{
	font-weight:bold;
	color:#F00;
	font-size:1.2em;
}
#tourCont .tourBox .tourBtn{
	clear:both;
	margin:8px auto;
	width:60%;
	text-align:center;
}
#tourCont .tourBox .tourBtn a{
	background:#f60;
	color:#fff;
	padding:10px 0;
	display:block;
	border-radius:8px;
	font-size:1.2em;
	font-weight:bold;
	box-shadow: 0 3px 0 rgba(136,136,136,1);
}
#tourCont .tourBox .tourBtn a:hover{
    box-shadow: none;
    transform: translate3d(0, 3px, 0);
}
#sightCont{
	padding:10px 8px;
}
#sightCont .sightPhoto ul li{
	width:50%;
	padding:5px;
	box-sizing:border-box;
	float:left;
}
#sightCont .sightPhoto ul li dl dt{
	font-weight:bold;
	text-align:center;
	margin:8px 0;
	font-size:1.2em;
}
#sightCont .sightPhoto ul li dl dd{
	margin-bottom:8px;
	line-height:1.2em;
}

#sightCont .sightPhoto ul li dl dd img{
	width:100%;
	height: 190px;
	object-fit: cover;
    object-position: center;
}

#inquiryCont {
	padding:8px;
}
#inquiryCont .inquiryContInner{
	background:url(../../img/pref_category/factory_cruise/iconQuestion.png) no-repeat;
	background-position:6% 0%;
	padding:0 10px 10px;
}
#inquiryCont ul{
	width:70%;
	margin:8px auto;
	padding-top:8px;
	font-size:1.1em;
}
#inquiryCont ul li{
	margin-bottom:5px;
}
#inquiryCont .inquiryText{
	font-size:1.1em;
	line-height:1.3em;
	margin-top:10px;
	font-weight:bold;
}
#inquiryCont .inquiryForm p{
	width:50%;
	float:left;
}
#inquiryCont .inquiryForm{
	text-align:center;
	padding-top:8px;
}
#inquiryCont .inquiryForm .inquiryMail a{
	background:#f60;
	color:#fff;
	padding:10px 0;
	display:block;
	border-radius:8px;
	font-size:1.2em;
	font-weight:bold;
	box-shadow: 0 3px 0 rgba(136,136,136,1);
}
#inquiryCont .inquiryForm i{
	margin-right:5px;
}
#inquiryCont .inquiryForm .inquiryMail a:hover{
    box-shadow: none;
    transform: translate3d(0, 3px, 0);
}
#inquiryCont .inquiryForm .inquiryTel{
	font-size:2em;
	font-weight:bold;
	text-align:center;
	color:#f60;
}
#inquiryCont .inquiryForm .inquiryTel a:link{
	color:#f60;
}
#inquiryCont .inquiryForm .inquiryTel span{
	display:block;
	font-size:0.5em;
	font-weight:normal;
	color:#333;
}
@media only screen and (max-width: 767px){
	#mainContent h2{
		font-size:1.1em;
	}
	ol#breadCrumbList{
		margin-left:5px;
	}
	#breadCrumbList a {
    display: inline!important;
	}
	#leadCont .leadText{
		width:60%;
		font-size: 0.9em;
	}
	#leadCont .leadMap{
	    width: 37%;
    	float: right;
    	padding-top: 5px;
	}
	#leadCont .leadMap img{
		width:100%;
	}
	#tourCont .tourBox h3{
		margin-top:0;
		font-size:1em;
	}
	#tourCont .tourBox .tourImg{
		float:none;
		width:80%;
		margin: 8px auto;
		padding:0;
	}
	#tourCont .tourBox .tourText{
		width: 100%;
    	box-sizing: border-box;
		padding:8px;
		font-size:1em;
	}
	#sightCont .sightPhoto ul li dl dd img{
		height:120px;
	}
	#inquiryCont .inquiryForm p{
	width:100%;
	float:none;
}
	#inquiryCont .inquiryForm .inquiryTel{
	font-size:1.6em;
	margin-top:8px;
	}
}
/*その他のエリア*/
#otherAreaCont{
	width:99%;
	margin:8px auto;
	box-sizing:border-box;
}
.otherAreaContInner{
	padding:8px;
}
#otherAreaCont h3{
	color: #fff!important;
    background-color: #16053c;
    padding:12px!important;
	font-size: 17px!important;
	font-weight:bold;
	margin-bottom:8px;
}
#otherAreaCont ul li{
	background:#fff;
	float:left;
	width:49.5%;
	box-sizing:border-box;
	padding:8px;
	font-size:16px;
	font-weight:bold;
	border:1px dotted #666;
	margin-right:5px;
}
#otherAreaCont ul li:nth-child(even){
	margin-right:0px;
}
#otherAreaCont ul li p{
	display:inline-block;
	vertical-align:middle;
}
#otherAreaCont ul li p.otherImg{
	width:40%;
	margin-right:8px;
}
#otherAreaCont ul li p.otherImg img{
width: 100%;
    height: 80px;
    object-fit: cover;
}
@media only screen and (max-width: 767px){
#otherAreaCont ul li {
    width: 100%;
}
#otherAreaCont ul li p.otherImg img{
width: 100%;
    height: 50px;
    object-fit: cover;
}
}
.leadMap a{
   	position:relative;
}
.leadMap a span {
    position: absolute;
    left: 8px;
    background: #666;
    color: #eee;
    bottom: 8px;
    padding: 3px 8px;
    border-radius: 15px;
}
/**/
#photoSlider {
    display: none;
}
#nagannuMov .photoTab{overflow:hidden;width: 95%;margin: 8px auto;}
#nagannuMov .photoTab li{
	float:left; 
	width:46.8%;
	background:#fff;
	color:#666;
	text-align:center;
	cursor:pointer;
	border:2px #666 solid;
	border-radius:5px;
	padding:10px 0;
	margin-left:8px;
	font-size:1.5em;
	font-family: 'Dosis', sans-serif;
	}
#nagannuMov .photoTab li.select,#nagannuMov .photoTab li:hover{
	border:2px #666 solid;
	background:#666;
	color:#fff;
	}
#nagannuMov .photoCont li{}
#nagannuMov .photoCont .hide {display:none;}
#nagannuMov .islandMovie{
	width:94%;
	margin:10px auto;
}
#nagannuMov .islandPhoto {
    width: 90%;
    margin: 8px auto 15px;
	padding-bottom: 15px;
}
#nagannuMov .islandPhoto img{
	width:100%;
	height:350px;
}
#nagannuMov .islandPhoto li span{
	position:absolute;
	padding:8px;
	background:rgba(255,255,255,0.8);
	bottom:0;
	width:100%;
}
@media only screen and (max-width: 767px){
#photoSlider {
    display: none;
}
#nagannuMov .photoTab{overflow:hidden;width: 95%;margin: 8px auto;}
#nagannuMov .photoTab li{
	float:left; 
	width:47%;
	background:#fff;
	color:#f90;
	text-align:center;
	cursor:pointer;
	border:2px #f90 solid;
	border-radius:5px;
	padding:6px 0;
	margin-left:5px;
	font-size:1.2em;
	font-family: 'Dosis', sans-serif;
}
#nagannuMov .photoTab li.select,#nagannuMov .photoTab li:hover{
	border:2px #f90 solid;
	background:#f90;
	color:#fff;
	}
#nagannuMov .photoCont li{}
#nagannuMov .photoCont .hide {display:none;}
#nagannuMov .islandMovie{
	width:94%;
	margin:10px auto;
}
#nagannuMov .islandPhoto {
    width: 90%;
    margin: 8px auto 15px;
	padding-bottom: 15px;
}
#nagannuMov .islandPhoto img{
	width:100%;
	height:250px;
}
#nagannuMov .islandPhoto li span{
	position:absolute;
	padding:8px;
	background:rgba(255,255,255,0.8);
	bottom:0;
	width:100%;
}
}
.faq dt {
    margin-top: 25px;
    font-weight: bold;
}
.faq dd {
    margin: 10px 0 0;
}

.faq dt:before, .faq dd:before {
    display: inline-block;
    margin-right: 5px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    border-radius: 50%;
    font-size: 15px;
}

.faq dt:before {
    content: 'Q';
    background-color: #1aa1ff;
}
.faq dd:before {
    content: 'A';
    background-color: #ffa51a;
}

.sp-only { display: block!important; }
.pc-only { display: none!important; }
@media  (min-width: 787px) {
    .sp-only { display: none!important; }
    .pc-only { display: block!important; }
}

@media screen and (max-width : 767px){
h1 img {
    width: 100%;
    height: 215px;
    object-fit: cover;
    object-position: top;
}	
	
}
</pre></body></html>