﻿@charset "utf-8";
/* =============================================
鯖江観光-Webサイト
各ブラウザスタイル調整定義


目次：
1.ベースリセット
2.body
3.見出し
4.その他リセット

============================================= */

/* =============================================
1.ベースリセット
============================================= */

html, div, p, li, dl, dt, dd, blockquote, td, form, address {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-style: normal;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

ul, ol {
	margin-left:30px;
	padding: 0;
}

/* =============================================
2.body
============================================= */

body {
	color: #000;
	font-family: 'ＭＳ Ｐゴシック','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','MS UI Gothic','メイリオ',Meiryo,sans-serif;
	/*font-size: 14px;*/
	line-height: 1.8em;
	margin: 0;
	padding: 0;
	min-width: 1000px;
}

/* =============================================
3.見出し
============================================= */

h1,
h2,
h3,
h4 {
	font-size: 100%;
    letter-spacing: 0.05em;
}

/* =============================================
4.その他リセット
============================================= */

caption, th {
	font-style:normal;
	font-weight:normal;
	margin:0;
	padding:0;
	text-align:left;
}
fieldset {
	border:medium none;
	margin:0;
	padding:0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	line-height: inherit;
	width:100%;	
}

pre {
	background-color: #F3F3F3;
	line-height: 1.2;
	margin: 1em;
	overflow: scroll;
	padding: 1em;
	width: 95%;
}

em, strong, cite, code, dfn, var {
	font-style: normal;
}

input, select, textarea {
	color: #000000;
	font-size: inherit;
}

abbr, acronym {
	border-bottom: 1px dotted #000000;
	cursor: help;
}

img {
	border: medium none;
	vertical-align: bottom;
}

optgroup {
	background-color: #FFFFFF;
	color: #000000;
	font-style: normal;
	font-weight: bold;
}

pre, code {
	font-family: Consolas,Monaco,monospace;
}

address {
	font-style: normal;
	font-size: 75%;
	color: #666;
	clear: both;
}
a {
    outline: none;
}

/* コーナー用 */
ul.norcor {
	margin: 0.7em 5px 0.7em 0;
	padding: 0 0 0 30px;
}
ul.norcor li {
	margin: 0.2em 0 0 0;
	_height: 1%;
	list-style-type: disc;
}
ul.norcor a {
	margin-left: 10px;
}
/* ---パンくずナビ--- */
div.pankuzu ul li {
	float: left;
	margin: 0;
	padding: 15px 0 6px 3px;
	line-height: 110%;
	white-space: nowrap;
	height: 1%;
	list-style-type: none;
	list-style-image: none;
	margin-bottom:20px;
	color: #FFFFFF;
}
.pankuzu li + li::before {
	content: ">";
	margin: 0 8px;
}
div.pankuzu ul li:nth-child(2) {
	display:none;
}
div.pankuzu ul li.pk-img {
	padding: 6px 4px 0 0;
	font-size: 1%;
	line-height: 1%;
	background-image: none !important;
}
div.pankuzu ul li.pk-thispage {
	background-image: none;
}
.pankuzu a {
	color: #FFFFFF;
	text-decoration: none;
}
.pankuzu a:hover {
	text-decoration: underline;
}
div.insertfile{
	display:inline;
}
p.filelink {
    clear: both;
    margin: 0.56em 20px 0.1em 10px;
    padding: 0 20px 2px 21px;
    background-image: url(/images/c_icon_05.gif);
    background-repeat: no-repeat;
    background-position: 1px 0.18em;
    height: 1%;
}
.page_link li {
    float: left;
    padding: 0 0 0 20px;
    margin: 0 15px 10px 0;
    background-image: url(/images/c_icon_03.gif);
    background-repeat: no-repeat;
    background-position: 0px 7px;
    list-style-type: none;
    list-style-image: none;
}
ul.page_link {
    float: left;
    margin: 0;
    padding: 0;
    clear: both;
}
@media screen and (min-width:601px){
	div#facebook_like{
	    display:none;
	}
}
/*
	レスポンシブcss
*/
@media screen and (max-width:600px){
	html,body{
		overflow:auto;
		width:100%;
	}
	body {
		min-width: 0;
		background: #fff;
	}
	.base_width {
		width: auto !important;
	}
	h5{
		margin-left:25px!important;
		margin-right:25px!important;
	}
	iframe{
		max-width:100%;
	}
	div.map-area div{
		max-width: 100%;
	    width: 320px;
	}
	/* -パンくずナビ- */
	div.pankuzu ul li {
		margin: 0;
		padding: 10px 0 6px 7px;
		font-size: 84%;
		color: #666666;
		height: auto;
	}
	div.pankuzu ul li.pk-img {
		padding: 6px 4px 0 0;
		font-size: 1%;
		line-height: 1%;
		background-image: none !important;
	}
	p.imglink-side2{
		width: 80%;
	    margin: 0 10%;
	}
	.pankuzu a {
		color: #555555;
	}
}

