@charset "UTF-8";

body	{margin: 0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;}

/* サイト名 */
.site a	{text-decoration: none}

.site img	{margin: 0;
	border: none}

/* ナビゲーション */
.menu ul	{margin: 0;
	padding: 0;
	list-style: none}

.menu li a	{display: block;
	padding: 0.5em;
	color: #000000;
	font-size: 16px;
	text-decoration: none}

.menu li a:hover	{background-color: #eeeeee}

.menu ul:after	{content: "";
	display: block;
	clear: both}

.menu li	{float: left;
	width: auto}

/* 記事の投稿日 */
.kijiinfo	{margin-top: 0;
	margin-bottom: 0.15em;
	font-size: 16px}

/* ヘッダー画像 */
.top img	{max-width: 100%;
	height: auto;
	vertical-align: bottom}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマホで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 640px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

/* キャッチコピー */
.catch	{margin: 0;
	padding: 0.4em;
	background-color: rgba(255,255,255,0.7);
	font-size: 18px}

/* ヘッダー画像にキャッチコピーを重ねる */
.top	{position: relative}

.catch	{position: absolute;
	bottom: 5%;
	left: 2%}

/* 県名 */
.ken ul	{margin: 0;
	padding: 0;
	list-style: none}
.ken li a	{display: block;
	padding: 0.6em 0.7em;
	color: #ffffff;
	font-size: 20px;
	font-weight: bolder;
	text-decoration: none}
.ken li a:hover	{background-color: #BD68E8}
.ken ul:after	{content: "";
	display: block;
	clear: both}
.ken li	{float: left;
	width: auto}

/* 最新情報 */
.news h1, .news h2	{margin-top: 0;
	margin-bottom: 0.1em;
	color: #660033}

.news h1	{font-size: 30px}
.news h2	{font-size: 22px}

.news ul	{margin: 0;
	padding: 0;
	list-style: none}

.news li a	{display: block;
	padding: 0.4em;
	border-bottom: dotted 2px #dddddd;
	color: #000000;
	font-size: 16px;
	text-decoration: none}

.news li a:hover	{background-color: #eeeeee}

.news time	{margin-right: 10px;
	color: #888888;
	font-weight: bold}

.news a:after	{content: "";
	display: block;
	clear: both}

.news time	{float: left;
	width: 60px}

.news .text	{float: none;
	width: auto;
	margin-left: 60px}


/* ピックアップ */
.gaiyou	{margin-bottom: 1.2em}
.gaiyou a	{display: block;
	border: solid 1px #dddddd;
	color: #000000;
	text-decoration: none}
.gaiyou a:hover	{box-shadow: 0 0 10px #999999}
.gaiyou img	{max-width: 100%;
	height: auto;
	border: none;
	margin-bottom: 1em;
	vertical-align: bottom}
.gaiyou h1	{margin-top: 0;
	margin-bottom: 0.2em;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 24px}
.gaiyou p	{margin-top: 0;
	margin-bottom: 0.8em;
	margin-left: 15px;
	margin-right: 15px;
	line-height: 1.75em;
	font-size: 16px}


/* 続き */
.more-m, .more-b, .more-g, .more-r
	{display: inline-block;
	padding: 5px 15px;
	margin-bottom: 0;
	color: #ffffff}
.more-m i, .more-b i, .more-g i, .more-r i
	{margin-left: 10px}

/* 続き 各県のイベント */
.more-m	{background-color: #6c1299}
/* 続き 県内イベント */
.more-b	{background-color: #127a78}
/* 続き 展覧会 */
.more-g	{background-color: #086308}
/* 続き プレゼント */
.more-r	{background-color: #b80b1c}

/* 記事・アート */
.kiji h1, .kiji h2	{margin-top: 0;
	color: #660033}

.kiji h1	{margin-bottom: 0.2em;
	font-size: 35px}

.kiji h2	{margin-bottom: 0.6em;
	font-size: 24px}

.kiji img	{vertical-align: middle}

.kiji-ken p	{margin-top: 0;
	margin-bottom: 0.2em;
	font-weight: bolder;
	font-size: 24px;
	color: #660033}

.kiji h3	{margin-top: 0;
	margin-bottom: 0.4em;
	font-size: 24px}

.kiji p, .nuri p	{margin-top: 0;
	line-height: 1.6em;
	font-size: 18px}

.nuri p	{background-color: #eee8aa}

.date-event p, .date-art p	{margin-top: 0;
	margin-bottom: 0.6em;
	font-size: 18px;
	font-weight: bolder;
	padding-left: 10px}

.date-event p 	{border-left: solid 10px #ff4f02}
.date-art p	{border-left: solid 10px #068f51}

.kiji h5	{margin-top: 0;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bolder;
	background-color: #ffaac8}

.photo  {max-width: 500px
	height: auto}

.photo img  {width: 100%;
	height: auto}

.sam img	{max-width: 200px;
	height: auto}

.photo iframe  {max-width: 500px}

.photo p, .sam p	{margin-top: 0;
	margin-bottom: 0.2em;
	font-size: 12px}

/* 地図（動画）の設定 */
.mapvideo iframe	{max-width: 100%;
	height: auto}
.mapvideo {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden}
.mapvideo iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%}

/* 注意・注釈 */
.cyusyaku p	{margin-top: 0;
	margin-bottom: 1em;
	line-height: 1.5em;
	font-size: 14px}


/* フッター */
.main ul	{margin: 0;
	padding: 0;
	list-style: none}
.main li a	{display: block;
	padding: 0.5em 0.6em;
	color: #000000;
	font-size: 14px;
	text-decoration: none}
.main li a:hover	{background-color: #cccccc}
.main ul:after	{content: "";
	display: block;
	clear: both}
.main li	{float: left;
	width: auto}


/* コピーライト */
.copyright p	{margin: 0;
	color: #666666;
	font-size: 14px}
.copyright p a	{color: #474747;
        text-decoration: none}


/* 県名をバーの形にする */
.area	{padding-top: 0.1em;
	padding-bottom: 0.1em;
	background-color: #666666}

/* フッターをバーの形にする */
.footer {padding-top: 0.7em;
	padding-bottom: 0.7em;
	background-color: #eeeeee}

/* フッターの上に区切り線を入れる */
.footer  {border-top: solid 1px #dddddd}


/* コピーライトをバーの形にする */
.copy	{padding-top: 1em;
	padding-bottom: 1em;
	background-color: #dddddd}


/* ボックスの左右 */
.header-site, .header-nav, .info, .pickup, .event-name, .event-photo, .event-name9, .date, .event-photo9, .note, .box4, .attention, .footer, .copy
	{padding-left: 15px;
	padding-right: 15px}
	
.event-text	{padding-left: 40px;
	padding-right: 15px}

.event-text9	{padding-left: 15px;
	padding-right: 15px}



/* ボックスの上下 */
.header-site 	{padding-top: 20px;
	padding-bottom: 10px}

.header-nav 	{padding-top: 0.5em}

.info 	{padding-top: 1.2em;
	padding-bottom: 0}

.pickup	{padding-top: 1em;
	padding-bottom: 1em}
	
.event-name, .date	{padding-bottom: 0.1em}

.event-photo, .event-text, .event-photo9, .event-text9	{margin-bottom: 40px}

.event-name9	{padding-top: 25px;
	padding-bottom: 20px}
	
.box4	{padding-top: 25px;
	padding-bottom: 5px}

.note	{padding-top: 0;
	padding-bottom: 0.7em}

.attention	{margin-bottom: 1.5em}


/* ページトップへ */
.pagetop {
 	position: fixed;
	right: 30px;
	bottom: 40px;
 	width: 50px;
	height: 50px;
 	border-radius: 12px;
	transition: .2s;
	display: flex;
	align-items: center;
 	justify-content: center;
	color: #ffffff;
	text-decoration: none;
 	font-size: 35px;
   	background: #BD68E8;
	opacity: 0;  /* デフォルト非表示 */
}
/* ホバー時のスタイル */
.pagetop:hover {
  transform: scale(1.1);
}


/*pcでTEL無効 */
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}


/* ########### 640px以下 ########### */
@media (max-width: 640px) {

/* サイト名 */
.site img	{width: 225px;
	height: auto}
	
.event-photo, .event-photo9 	{margin-bottom: 10px}
.event-text, .event-text9 	{padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 30px}

.kiji p 	{margin-bottom: 0.5em}

/*文字サイズ */
.catch	{font-size: 14px}
.ken li a	{font-size: 18px}
.news h1	{font-size: 22px}
.news h2	{font-size: 18px}
.gaiyou h1	{font-size: 22px}
.cyusyaku p, .kijiinfo	{font-size: 12px}
.main li a	{font-size: 12px}
.kiji h1	{font-size: 22px}
.kiji h2, .kiji h3, .kiji-ken p	{font-size: 20px}
.date-event p, .date-art p, .kiji p, .nuri p	{font-size: 16px}

}

/* ########### 641px以上 ########### */
@media (min-width: 641px) {

/* ピックアップを横に並べる設定 */
.pickup:after	{content: "";
	display: block;
	clear: both}

.pickup .gaiyou	{float: left;
	width: 50%}

.pickup .gaiyou:nth-child(odd)
	{padding-right: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	clear: both}

.pickup .gaiyou:nth-child(even)
	{padding-left: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

/* イベント画像とイベント本文を横に並べる設定 */
.event:after	{content: "";
	display: block;
	clear: both}
.event-photo	{float: left;
	width: 200px}
.event-text	{float: none;
	width: auto;
	margin-left: 200px}
.event-photo9	{float: left;
	width: 50%}
.event-text9	{float: none;
	width: auto;
	margin-left: 50%}

/* イベント画像とイベント本文の左右の間隔 */
.event-photo9	{padding-right: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

/* ナビゲーションの下に罫線を挿入 */
.header-nav	{margin-bottom: 1em;
	border-bottom: solid 1px #dddddd}

}

/* ########### 1040px以上 ########### */
@media (min-width: 1040px) {

/* 全体の横幅を固定 */
.header-site, .header-nav, .mainphoto, .info, .area-inner, .event-name, .event-name9, .date, .event, .note, .box4, .attention, .footer-inner, .copy-inner
	{width: 1040px;
	margin-left: auto;
	margin-right: auto}

}