@charset "UTF-8";

* {
	margin : 0;
	padding : 0;	
}

body {
	font-size : 85%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	min-width : 1140px;

}

#wrapper {
	width : 980px;
	margin : 0 auto;
	box-sizing:border-box;
	
	
}

.inner {
	padding : 50px 50px;
}


/*
一括色変更
*/

.title{
	background : #a6e189;
}

.bg01 {
	background : #142e5f;
	color : #ffffff;
}

.bg02 {
	background : #009abe;
	color : #fff;	
}

.icon {
	background : #142e5f;
	color : #ffffff;
	letter-spacing : 2px;
	display:inline-block;
	padding : 5px 10px 4px;
	font-size : 105%;
}



/* header
------------------------------------------------------- */


#sub-visual {
background-color: #0099cc;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(174,960,469)'%3E%3Cstop offset='0' stop-color='%230099cc'/%3E%3Cstop offset='1' stop-color='%230099cc'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='555' height='462.5' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.05'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
 /* background by SVGBackgrounds.com */

}

#sub-visual {
	position: relative;
	min-width: 980px;
	height: 280px;
	overflow: hidden;
}

#sub-visual img {
	position: absolute;
	left: 50%;
	top: 0;
	margin: 0 0 0 -950px;
}

.visual-inner {
	position : absolute;
	height : 100%;
	width : 100%;

	background : rgba(0,0,0,.0);

	display:table;
}

.visual-inner .txt {
	color : #ffffff;

	display:table-cell;
	vertical-align : middle;
	line-height : 1.6;
	
}

.visual-inner .txt > * {
	text-shadow:1px 1px 4px #000000;
	text-align:center;
}

.visual-inner .txt h1 {
	font-size : 220%;
	line-height : 1.7;
	letter-spacing : 1px;
}

.visual-inner .txt h1 span {
	letter-spacing : 0;	
}

#sub-visual .visual-inner .txt h2 {
	font-size : 180%;
}

.visual-inner .txt p {
	line-height : 2;
}

header {
	background : #ffffff;	
}

#header-logo img {
	width : 240px;	
}

#header-area {
	width : 1140px;
	margin-left : auto;
	margin-right : auto;
	padding : 25px 0;
}


/* manarea
-------------------------------------------------------*/



.h3title {
	text-indent : -1.5em;
	padding-left : 1.5em;
	font-size : 145%;
	line-height : 1.6;
}

.h3title:before {
	content : "■";
	color : #142e5f;
	font-size : 110%;
}


.h4title {
	font-size : 130%;
	line-height : 1.8;
	color : #006a6c;
	padding-bottom : 10px;
	border-bottom : 2px solid #999;
	position : relative;
}


.h4title:after {
	content : "";
	position : absolute;
	bottom : -2px;
	left : 0;
	width : 40px;
	border-bottom : 2px solid #005f98;	
}

p {
	line-height : 1.8;	
}

th .bg01 {
	text-align : center;
	padding : 5px 0;
	width : 6em;
	border-radius : 10px;
	font-size : 110%;
	font-weight : bold;
}

.h2title {
	border-radius : 10px;
	padding : 15px 20px;
	font-size : 130%;
	letter-spacing : 1p
	border-bottom : 2px solid #ccc;
box-shadow:0px 0px 7px -1px #cccccc;
-moz-box-shadow:0px 0px 7px -1px #cccccc;
-webkit-box-shadow:0px 0px 7px -1px #cccccc;
margin-top : 50px;
line-height : 1.6;
}

#mainarea {
	padding : 30px 0 50px;
}

.btn {
	width : 420px;
	color : #ffffff;
	margin-left : auto;
	margin-right : auto;
	font-weight : bold;

}

.btn a {
	display : block;
	padding : 20px 0;
	font-size : 120%;
	text-align:center;
	background : #be262a url(../images/blank-icn.gif) 95% 70% no-repeat;
	color : #ffffff;
	border-right : 3px solid #7f191c;
	border-bottom : 3px solid #7f191c;
	border-radius : 25px;

	-moz-box-shadow:0px 0px 7px -1px #cccccc;
	-webkit-box-shadow:0px 0px 7px -1px #cccccc;	
	box-shadow:0px 0px 7px -1px #cccccc;

	
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
	    transition: all .3s ease;	
		
		
}

.btn a:hover {
	opacity : .6;		
}

.place {
	display : -webkit-flex;
	display : flex;	
	 -webkit-justify-content: space-between; /* スペースを均等 */
	justify-content: space-between; /* スペースを均等 */
}

.place > div:first-child {
	width : 460px;	
}

.place > div:last-child {
	width : 310px;
}

.day-txt {
	font-size : 160%;	
}

.place-txt {
	font-size : 130%;	
}

/* header
-------------------------------------------------------*/


#footer {
	background : #333;
	text-align:center;
	color:#ffffff;
}


.map {
	max-width : 310px;
	border : 1px solid #ccc;
}

.pc-none {
	display : none;
}




/**
 ****************************************************
 *
 * screens smaller than 640
 *
 ****************************************************
 */
@media only screen and (max-width: 640px) {
	body {
		min-width : 320px;
		font-size : 75%;
	}

/*-----------------------------------------------------
画像サイズ可変
-------------------------------------------------------*/

img {
	border: none;
	max-width : 100%;
	height : auto;
	-ms-interpolation-mode: bicubic;
	vertical-align:middle;
}


#header-area {
	padding : 15px 0;	
}
	
#sub-visual {
	position: relative;
	min-width: 320px;
	height: 150px;
	overflow: hidden;

}
	
	#mainarea {
		padding : 0;	
	}
	
	#header-logo img {
		width : 120px;	
	}
	
	#header-area , #wrapper {
		width : 100%;	
	}
	
	.inner {
		padding : 35px 15px;	
	}

	.ml25 , .ml50 , .ml75 ,.mlr20 , .mlr25 {
		margin-left: 0!important;
		margin-right : 0!important;
	}
	
	.h2title {
		font-size : 110%;
		margin-top : 40px;
	}
	.h3title {
		font-size : 120%;
	}
	.h4title {
		font-size : 115%;
	}
	
	.fl , fr {
		float : none;
		width : auto;
	}
	
	img {
		width : 100%;
		max-width : 310px;
	}

	.visual-inner .txt h1 {
	font-size : 150%;
	letter-spacing : 1px;
	}
	
	.btn {
		width : 80%;
		margin-left : auto;
		margin-right : auto;	
	}
	
	.pc-none {
	display : block;
}


th .bg01 {
	width : 5em;
	font-size : 100%;
}


.icon {
	font-size : 100%;	
}

/* 地図 */

.place {
	display : block;

}

.place > div:first-child {
	width : 100%;	
}

.place > div:last-child {
	width : 100%;
	margin-top : 15px;
	text-align:center;
}

.day-txt {
	font-size : 120%;	
}

.place-txt {
	font-size : 110%;	
}

/* スマホの時は非表示 */

.sp-none {
	display : none;	
}

/* tableのはみ出した分をスライドバーを出す */

.table-wrapper {
	width: 100%;
	overflow-y: hidden;
	overflow-x: auto;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	-webkit-overflow-scrolling: touch;	
}

th,td{
	white-space: nowrap;
}
	
}