@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
    overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

input, textarea,{
	margin: 0;
	padding: 0;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse; 
    border-spacing:0;
}

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*ﾂ･*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.both{
	clear:both;
}

.inline_block {  
	display: inline-block;  
	*display: inline;  
	*zoom: 1;  
}
/* よく使うCSS start*/

img {
	max-width:100%;
}

table {
	width:100%;
}

a,a:hover,a:before,a:after,a:hover:before,a:hover:after { 
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

a img:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}


*,*:before,*:after{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

/*--body--*/
body{position:relative;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
width:100%;}


a{color:#000; text-decoration:none;}
a:hover{color:#40a1c4;}
/*a:visited{color:#999;}*/

.wrap{width:1200px; margin:0 auto}
.f_l{float:left;}
.f_r{float:right;}

.ind1{text-indent:1em;}
.ind-1{text-indent:-1em;}

.mt1{margin-top:1em;}
.mt2{margin-top:2em;}
.mt3{margin-top:3em;}
.mt4{margin-top:4em;}

.mb0{margin-bottom:0;}
.mb1{margin-bottom:1em}
.mb2{margin-bottom:2em;}
.mt3{margin-top:3em;}
.mt4{margin-top:4em;}

.red{color:#F00;}
.yel{color:#ffe400;}
.enj{color:#96002e}
.bld{font-weight:bold !important}

a[href$="pdf"]:after{content:url(../img/common/icon_pdf.gif);margin-left:.5em;position:relative;top:2px}
a[href$="doc"]:after,a[href$="docx"]:after{content:url(../img/common/icon_word.gif);margin-left:.5em;position:relative;top:2px}
a[href$="xls"]:after,a[href$="xlsx"]:after{content:url(../img/common/icon_excel.gif);margin-left:.5em;position:relative;top:2px}

/*================================================*/
/* all */
/*================================================*/

.fz_11{ font-size:79%; }
.ta_c{ text-align:center; }
.ta_l{ text-align:left !important; }
.ta_r{ text-align:right !important; }

.c_r{ color:#CC0000; }

.bg_o{ background:#960 !important;	color:#fff !important;	font-weight:bold; }

.lang_en{ font-family:"微軟正黑體", "Microsoft JhengHei",Arial, Helvetica, sans-serif !important; }
.lang_tw{ font-family:"微軟正黑體", "Microsoft JhengHei",Arial, Helvetica, sans-serif !important; }
.fz_10{ font-size:72% !important; }
.fz_11{ font-size:79% !important; }
.fz_12{ font-size:86% !important; }
.fz_13{ font-size:93% !important; }
.fz_14{ font-size:100% !important; }
.fz_15{ font-size:108% !important; }
.fz_16{ font-size:115% !important; }
.fz_17{ font-size:122% !important; }
.fz_18{ font-size:129% !important; }
.fz_19{ font-size:136% !important; }
.fz_20{ font-size:143% !important; }
.fz_21{ font-size:150% !important; }
.fz_22{ font-size:158% !important; }
.fz_23{ font-size:165% !important; }
.fz_24{ font-size:172% !important; }
.fz_25{ font-size:179% !important; }
.fz_26{ font-size:186% !important; }
.fz_27{ font-size:200% !important; }


.mt_0{ margin-top:0 !important; }
.mt_5{ margin-top:5px !important; }
.mt_10{ margin-top:10px !important; }
.mt_15{ margin-top:15px !important; }
.mt_20{ margin-top:20px !important; }
.mt_25{ margin-top:25px !important; }
.mt_30{ margin-top:30px !important; }
.mt_35{ margin-top:35px !important; }
.mt_40{ margin-top:40px !important; }

.mb_0{ margin-bottom:0 !important; }
.mb_5{ margin-bottom:5px !important; }
.mb_10{ margin-bottom:10px !important; }
.mb_15{ margin-bottom:15px !important; }
.mb_20{ margin-bottom:20px !important; }
.mb_25{ margin-bottom:25px !important; }
.mb_30{ margin-bottom:30px !important; }
.mb_35{ margin-bottom:35px !important; }
.mb_40{ margin-bottom:40px !important; }

.pd_0{padding:0 !important;}
.pdh_5{padding:5px 0 !important;}
.pdh_10{padding:10px 0 !important;}
.pdh_15{padding:15px 0 !important;}
.pdw_5{padding:5px !important;}
.pdw_10{padding:10px !important;}
.pdw_15{padding:15px !important;}

/* 14px */
/*
10px	 72%｜11px	 79%｜12px	 86%｜
13px	 93%｜14px	100%｜15px	108%｜
16px	115%｜17px	122%｜18px	129%｜
19px	136%｜20px	143%｜21px	150%｜
22px	158%｜23px	165%｜24px	172%｜
25px	179%｜26px	186%｜
*/

#wrap{font-size:88%; width:100%}

/*--head--*/

#header{width:100%;margin:0 auto; z-index:10; background:rgba(255,255,255,.8); position:relative; border-bottom:3px #f9bc00 solid;}
#gnavi_btn{display:none;}

#header h1{ position:absolute;top:1.5em;}
#header h1 a{width:660px;height:126px;display:block;background:url(../img/common/logo.gif) no-repeat;text-indent:100%;white-space:nowrap;overflow: hidden; margin-left:10px}

#tinynav1{display:none;}
#language{text-align:right;font-size:86%;}
#language ul{padding-top:14px;float:right;letter-spacing:-.4em;margin-bottom:10px}
#language li{display:inline;padding-left:1px;letter-spacing:normal;}
#language li a{display:inline-block;*display:inline;padding:5px 12px;*zoom:1;text-decoration:none;background:#feebb1}
#language li a:hover,#language li.lang_on a{background:#f9be00;color:#fff;}

/*--sns--*/
#sns{padding:0 !important}
#sns li a{color:#fff;border-radius:4px;line-height: 1.4em;background:none;padding:0}
/*#sns li.fb a{background:#5b72d2; border:1px #5b72d2 solid}
#sns li.insta a{background:#dd5099;border:1px #dd5099 solid}*/
#sns li a:hover{background:#fff}
#sns li.fb {position: relative;left: 15px;}
/*#sns li.insta a:hover{color:#dd5099;}
#sns li.fb a:hover{color:#5b72d2;}*/

#countdown_wrap{clear:both;float:right;/*margin-top:25px;*/ }
#countdown_wrap p{display:block;/*margin-top:9px;*/float:left;text-indent:100%;white-space:nowrap;overflow: hidden;}
#count_y{width:260px;/*	height:46px;*/height:90px;margin-right:15px;background:url(../img/common/countdown.gif) left no-repeat; position:relative;top:-10px}
#count_d{width:25px;height:27px;margin-left:5px;margin-top:20px;background:url(../img/common/count_02.png) no-repeat bottom;padding-bottom:14px;}
#count_data{width:546px;height:40px;background:url(../img/com/count_03.png) no-repeat;margin-top:50px;text-indent:-999em;display:none;}
#countdown{float:left;height:80px;/*margin-top:8px;*/background:#fabe00;width:120px; position:relative; padding:0 20px}
#countdown:before{content:"\958b \50ac \307e \3067 \3042 \3068";color: #fff;margin:.5em auto;text-align: center;font-weight: bold; position:absolute;left:0;right:0;font-size:1.1em}
#countdown:after{content:"\65e5";color:#fff;position:absolute;bottom:.1em;right:.8em;font-weight:bold;font-size:1.2em}

#countdown span { display: block; float: left; width: 22px; height: 34px; background: url(../img/common/countdownLED.png) no-repeat 0px 0px; margin-top:40px}
#countdown span.image0 { background-position: -0px 0px; } 
#countdown span.image1 { background-position: -22px 0px; } 
#countdown span.image2 { background-position: -44px 0px; } 
#countdown span.image3 { background-position: -66px 0px; } 
#countdown span.image4 { background-position: -88px 0px; } 
#countdown span.image5 { background-position: -110px 0px; } 
#countdown span.image6 { background-position: -132px 0px; } 
#countdown span.image7 { background-position: -154px 0px; } 
#countdown span.image8 { background-position: -176px 0px; } 
#countdown span.image9 { background-position: -198px 0px; } 
#countdown span.imageDay { background-position: -220px 0px; } 
#countdown span.imageSpace { background-position: -242px 0px; } 
#countdown span.imageSep { width:10px; background-position: -264px 0px; }
.countend .imageDay{display:none !important;}


/*--gmenu--*/
.gnavi{clear:both; /*padding:1em 0 0;*/margin-bottom:-3px}

.gnavi ul{width:1200px; margin:0 auto;position:relative}
.gnavi li{display:inline-block;width:142px;font-size:110%; margin:0 4px}
.gnavi a{display:block; line-height:56px; text-align:center; font-weight:bold;border-bottom:3px #f9bc00 solid; text-decoration:none;position:relative;}

.gnavi ul li a:before {content: "";height: 40%;border-left: 1px #ccc solid;position: absolute;left: -4px;top: 0;bottom: 0;margin: auto;}
.gnavi li ul li a:before,.gnavi li ul li:last-child a:after{content:none;}
.gnavi ul li:last-child a:after{content: "";height: 40%;border-left: 1px #ccc solid;position: absolute;right: -4px;top: 0;bottom: 0;margin: auto;}

.gnavi a:hover{border-bottom-color:#e6000f;color:#e6000f}

.gnavi li ul{position:absolute;height:30px;z-index:100; top:60px; padding:0; width:50%; display:inline-block; border:none; font-size:100%;}
.gnavi li ul li{visibility:hidden;overflow:hidden; background:#fff;border-top:1px #cfcfcf solid;height:0;padding:0; width:40%;font-size:90%;margin-left:-4px;}
.gnavi li ul li:first-child{border-top:none;}
.gnavi li ul li a{display:block; font-weight:normal; color:#e6000f; text-align:left; text-indent:2em;border:none; line-height:50px;font-weight:bold}
.gnavi li ul li a:hover{background:#f8be00;color:#fff}
.gnavi li:hover ul li,.gnavi li a:hover ul li{display:block;visibility:visible;overflow:visible; z-index:10;height:50px;}
.gnavi li:hover ul li a:before,.gnavi li a:hover ul li a:before,.gnavi li ul li a:before{width:0;}
.gnavi li:hover a:before,.gnavi li a:hover:before{width:100%;}
.gnavi li:hover ul:before,.gnavi li a:hover ul:before{font-size:1.2em;}
.gnavi li:hover *,.gnavi li a:hover *{
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.gnavi li a span.dbl{font-size:90%;line-height:1.5em;display:block;text-indent:0;padding:7px 0 7px 2.3em;font-weight:bold;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition: 0s;
	transition: 0s;
}

.gnavi li a span.tpl{font-size: 80%;line-height:1.2em;display:block;text-indent:0;padding:7px 0 7px 2.3em;font-weight:bold;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition: 0s;
	transition: 0s;
}

/*--gnavi hover(main)--*/
#home .gn01 > a,

#outline .gn02 > a, #course .gn02 > a, #theme .gn02 > a, #point .gn02 > a, #goods .gn02 > a, #ambassador .gn02 > a, #guest .gn02 > a, #sponsor .gn02 >a,
#foof .gn02 > a,#fes .gn02 > a,
#entry .gn03 > a, #tour .gn03 > a,
#stay .gn04 > a,
#volun .gn05 > a,
#cheering .gn06 > a, #cheermap .gn06 >a, #okkake .gn06 >a ,
#traffic .gn07 > a,
#qanda .gn08 > a
{border-bottom-color:#e6000f;color:#e6000f;}

.gnavi ul ul li.gn02-5 {
    height: 70px;
}

/*--gnavi hover(sub)--*/
#outline .gn02-1 a, #course .gn02-2 a, #theme .gn02-3 a, #point .gn02-4 a, #goods .gn02-5 a, #food .gn02-7 a,#fes .gn02-8 a,
#entry .gn03-1 a, #tour .gn03-3 a,#bus .gn03-4 a,#ambassador .gn02-5 a, #guest .gn02-6 a,#sponsor .gn02-9 a,
#okkake .gn06-1 a,#cheermap .gn06-2 a,#cheering .gn06-0 a
{background:rgb(254,235,177);color:#8E142C;}

#ambassador .gn02-5 a span,#guest .gn02-6 a span,#fes .gn02-8 a span,#cheermap .gn06-2 a span{color:#8E142C;}


/*--contents--*/
.contents{clear:both; width:1200px; margin:2em auto 0; position:relative; padding-bottom:3em}
.flex{
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap:wrap;
-webkit-justify-content:space-between; /* Safari */
justify-content:space-between;
}


/*--gotop--*/
/*
p.gotop{text-align:right; font-size:1em; padding:.5em 0}
p.gotop a{ background:url(../img/common/mark.png) left no-repeat;background-size:contain; display:inline-block; color:#cb8a0c; padding:.2em 1em .2em 2.5em}
p.gotop a:hover{background-color:rgba(255,255,0,.2)}
*/

/*--gotop--*/
a#page-top {
display: block;
position: fixed;
z-index: 99;
bottom: -60px;
right: 50px;
width: 100px;
background: rgba(255,255,255,.5);
color:#cb8a0c;
text-align: center;
text-decoration: none;
font-size: .8em;
padding: 10px 5px;
line-height: 1.4em;
transition: .5s;
border-radius:10px;
border:1px #cb8a0c solid;
}
a#page-top:before{content:url(../img/common/mark.png); display:block;transition: .5s;}

a#page-top:hover{background: rgba(255,255,225,.8);}
a#page-top:hover:before{color:#ad3140;}


/*--footer--*/
footer{clear:both; position:relative; background:#fdedee;border-top:1px #e6000f solid;}
#home footer{border-top:none;}
footer nav{background:#FFF; color:#000;}

footer .fnav{ padding:2em 0}
.fnav .cate{font-weight:bold;}
.fnav li li:before{content:"\3e"; color:#e6000f; margin-right:.5em; padding:0 5px;}
.fnav li.cate{margin-bottom:1em;}
.fnav li.cate:before{ background:#e6000f; color:#fff;}

.fnav li span.dbl{font-size:.9em;}

footer nav+.wrap{padding:2em 0;}
footer p:first-child{margin-bottom:1em}
footer p strong{font-weight:bold; font-size:1.2em; margin-right:1em;display:block;}
footer p span{margin-right:1em;}
footer ul.mail li{width:45%; display:inline-block; line-height:2em; position:relative; padding-left:.5em}
footer ul.mail li:before{content:"";display:inline-block;width:.5em;height:.5em;background:#e6000f;margin-right:.5em;position:relative;top:-1px}
footer ul.mail li a{ position:absolute; left:50%;}
footer ul.mail li a:hover{color:#e6000f}
footer p.copy{padding:.5em 0; text-align:center; color:#fff; background:#e6000f}

/*--pnkz--*/
nav.pnkz{width:100%; margin:0 auto; padding:.5em 0;}
nav.pnkz ul{margin:0 auto; width:1040px; font-size:.8em}
nav.pnkz ul li{display:inline-table; color:#000}
nav.pnkz li a{text-decoration:none}
nav.pnkz li+li:before{content:"\3e"; margin:0 1em; text-decoration:none;position:relative;}
nav.pnkz li a{color:#982d33;}
nav.pnkz li a:hover{color:#ff0000;}

/*--btn--*/
.bod_btn{margin:2em auto; text-align:center; font-size:1.2em}
.bod_btn a{display:block; width:80%; padding:1em 2em; border:2px #96002e solid; color:#96002e; margin:0 auto}
.bod_btn a:hover{background:#96002e;color:#fff;}

/*----------sp----------------------*/

@media screen and (max-width: 640px) {
	
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?-s518vn');
	src:url('../fonts/icomoon.eot?#iefix-s518vn') format('embedded-opentype'),
		url('../fonts/icomoon.woff?-s518vn') format('woff'),
		url('../fonts/icomoon.ttf?-s518vn') format('truetype'),
		url('../fonts/icomoon.svg?-s518vn#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{
	color:#000;
	font-size:12px;
	width:100%;
}

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

.wrap,.contents{width:100%;}

.f_l,.f_r{float:none;}

#menu{
/*	height:55px;*/
	height:44px;
/*	background:#b77c1e;
	margin-bottom:10px;
	border-bottom:1px #b77c1e solid;*/
}

#header{padding-bottom:0}

#header h1{
	width:250px;
	height:50px;
	position:relative;
	float:left;
	top:.5em
}

#header h1 a{
	width:250px;
	height:50px;
	display:block;
	background:url(../img/common/logo.gif) no-repeat;
	background-size:contain;
text-indent:-999em;
white-space:nowrap;
overflow: hidden;
margin-left:4px;
}

/*--gnavi btn--*/
#gnavi_btn{display:block;}

#gnavi_btn a{
	width:65px;
	height:44px;
	display:block;
	background:url(../img/common/menu.gif) no-repeat center center;
	background-size:65px 44px;
	-webkit-background-size:65px 44px;
	float:left;
text-indent:100%;
white-space:nowrap;
overflow: hidden;
}

/*--countdown--*/
#countdown_wrap{float:none; position:relative;bottom:-8px; background:#fabe00}
#countdown{float:none;height:auto;margin-top:0; padding:0 10px 0 50%;height:40px;width:100%;}
#countdown:before{content:"\958b \50ac \307e \3067 \3042 \3068";color: #fff;margin:.5em auto;text-align:left;font-weight: bold; position:absolute;left:1em;right:0;font-size:1.1em}
p#count_y{display:none;}
#countdown span {margin-top:5px;}
.countend .imageDay{display:none !important;}
#count_data{display:none;}

/*--language--*/

#language{
	height:50px;
	position:relative;
	z-index:11;
	margin-left:63px;
	font-size:11px;
}

#language div p{
	display:none;
}

.tinynav {display:block;}
#lang_box {display:none;}

.tinynav option{color:#666;}

#tinynav1{
	position:absolute;
	right:10px;
	top:6px;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
	border:1px solid #755e3c;
	padding:6px 10px 6px 15px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: rgba(243,226,199,1);
background: -moz-linear-gradient(top, rgba(243,226,199,1) 0%, rgba(182,141,76,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(243,226,199,1)), color-stop(100%, rgba(182,141,76,1)));
background: -webkit-linear-gradient(top, rgba(243,226,199,1) 0%, rgba(182,141,76,1) 100%);
background: -o-linear-gradient(top, rgba(243,226,199,1) 0%, rgba(182,141,76,1) 100%);
background: -ms-linear-gradient(top, rgba(243,226,199,1) 0%, rgba(182,141,76,1) 100%);
background: linear-gradient(to bottom, rgba(243,226,199,1) 0%, rgba(182,141,76,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#b68d4c', GradientType=0 );
	width:200px;
	color:#fff701;
	font-size:11px;
	display:block;
	outline:none;
}


#language ul{border:1px solid #E8E8E8;border-top:none;border-bottom:none;}
#language li a{display:block;padding:6px 10px;border-bottom:1px solid #E8E8E8;}

ul#sns{float:none;border:none;padding-top:35px !important;margin:0}
ul#sns li{display:inline-block;}
/*ul#sns li.fb{margin-right:1em;}*/
ul#sns li a{line-height:1em;padding:0;border:none}

/*--gnavi--*/
.gnavi a{text-align:left;}
.gnavi ul{width:100%;}
.gnavi li{width:auto;}
.gnavi li ul{ position:relative; display:block; width:100%; top:0; height:auto}
.gnavi li ul li{visibility:visible; height:auto; width:100%; background:none; border-top:none}
.gnavi li ul li a{text-indent:0;line-height:1.6em;padding:1em 0}
.gnavi li ul li a:hover{background:none;}
.gnavi li a span.dbl{font-size:inherit;line-height:inherit;/*display:initial;*/text-indent:inherit;padding:0;}
.gnavi li a span.dbl br{display:none;}
.ganvi li a span.dbl br:before{content:"\2f"; display:inline-block;}


/*--gotop--*//*
p.gotop{text-align:center;}
*/
a#page-top:before{display:inline-block; margin-right:1em;vertical-align:middle}
a#page-top {right:inherit;width: 100%; font-size:1.2em}



/*--footer--*/
footer .fnav{display:none;}
footer nav{padding:.5em 0}
footer nav+.wrap{width:95%; margin:1em auto 12em; padding:1em 0}
footer p span{display:block;}
footer ul.mail li{width: 100%;display:block;line-height:1.6em}
footer ul.mail li a{right:0;left:inherit}

/*--pnkz--*/
nav.pnkz ul{width:98%;}

}

@media print{
.gnavi,footer nav,footer p+p,footer .mail{display:none;}
}
#volun #wrap .container .main .cont .bold {
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
#volun #wrap .container .main .cont .bold {
	font-size: 16px;
}