@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 { 
	-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%;
background:url(../img/com/bg.jpg);
}

.f1{font-size:75%;}
.f2{font-size:90%;}
.f3{font-size:105%;}

a{color:#ad3140; text-decoration:none;}
a:hover{color:#c00;}
/*a:visited{color:#999;}*/

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

.ind1{text-indent:1em;}

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

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

.red{color:#F00;}
.yel{color:#ffe400;}

/*--head--*/
header {
padding-top:1em;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
border-top:5px #8a2733 solid;
font-size:1.4em;
background:#ad3140;
position:relative; 
}

header h1{ display:inline; padding-left:1em}
header h1 span{display:none; visibility:hidden;}
header .f_r{width:46%; text-align:right;}

/*--font size--*/
header p,#fontSize{color:#FFF; display:inline; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

header p{margin-right:.5em; font-size:.8em}
#fontSize{border:1px #484848 solid; border-radius:5px;background: rgba(83,83,83,1);
background: -moz-linear-gradient(top, rgba(83,83,83,1) 0%, rgba(72,72,72,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(83,83,83,1)), color-stop(100%, rgba(72,72,72,1)));
background: -webkit-linear-gradient(top, rgba(83,83,83,1) 0%, rgba(72,72,72,1) 100%);
background: -o-linear-gradient(top, rgba(83,83,83,1) 0%, rgba(72,72,72,1) 100%);
background: -ms-linear-gradient(top, rgba(83,83,83,1) 0%, rgba(72,72,72,1) 100%);
background: linear-gradient(to bottom, rgba(83,83,83,1) 0%, rgba(72,72,72,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535353', endColorstr='#484848', GradientType=0 );letter-spacing: -.40em;}
#fontSize li{display:inline-block;letter-spacing: normal; font-size:.8em; margin:0; border-left:1px #646464 solid; padding:0;}
#fontSize li:first-child{border-left:none}
#fontSize li a{display:block;margin:0; padding:.2em 1em .09em;color:#fff; position:relative; top:-1px;cursor:pointer}

#fontSize li a.textresizer-active{color:#fba200;background: rgba(51,51,51,1);
background: -moz-linear-gradient(top, rgba(51,51,51,1) 0%, rgba(72,72,72,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(51,51,51,1)), color-stop(100%, rgba(72,72,72,1)));
background: -webkit-linear-gradient(top, rgba(51,51,51,1) 0%, rgba(72,72,72,1) 100%);
background: -o-linear-gradient(top, rgba(51,51,51,1) 0%, rgba(72,72,72,1) 100%);
background: -ms-linear-gradient(top, rgba(51,51,51,1) 0%, rgba(72,72,72,1) 100%);
background: linear-gradient(to bottom, rgba(51,51,51,1) 0%, rgba(72,72,72,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#484848', GradientType=0 );}

.eng #fontSize{font-size:.7em}

/*--form--*/
header form{margin-top:1em;}

/*--gmenu--*/
#toggle{display: none;}

.gmenu{border-left:1px #ccc solid; width:100%; font-size:.8em; font-weight:bold; margin-top:.5em; display:inline-table}
.gmenu li{display: table-cell; border-right: 1px #CCC solid; width:/*12.5%*/11.1%; text-align:center; vertical-align:middle; padding:1px;	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;}
.gmenu li:first-child{width:8%;}
.gmenu li a{display:block; color:#FFF; line-height:1.2em; padding:.5em 0; vertical-align:middle; text-align:center; font-weight:bold; font-size:.9em;letter-spacing:.1em}
.gmenu li a span{display:block;font-weight:bold}
.gmenu li:hover,#home .ghome,#culture .gculture,#child .gchild,#facility .gfacility,#event .gevent,#group .ggroup,#support .gsupport,#about .gabout,#gallery .ggallery,#bunkanohi .gbunkanohi
{background:#b8883b;}
.gmenu li.ggroup{display:none}

header .y2020 .f_r{position:relative}
.y2020 ul.lang{position:absolute;display:flex;justify-content:space-between;top:0;left:-1em}
.y2020 ul.lang li{margin:0 .2em;border:1px #fff solid;border-radius:50%;padding:.2em;cursor:pointer;transition:.4s}
.y2020 .lang a{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;width:1.5em;line-height:1.4em;display:block;color:#fff;text-align:center;font-size:.7em}
.y2020 .lang li.crt{background:#d00}
.y2020 .lang li:hover,.y2020 .lang li.crt:hover{background:#f00}


.y2020 .gmenu li{width:10%}
.y2020 .gmenu li a{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;letter-spacing:0;padding:1em 0;font-size:.8em}

header .y2020.eng p,.y2020.eng .lang a,.y2020.eng #fontSize,.y2020.eng,.y2020.eng .gmenu li a{font-family: "Noto Sans JP","YuGothic","游ゴシック","roboto","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;}

/*--section--*/

/*--pnkz--*/
nav.pnkz{width:100%; margin:0 auto; padding:1em 0; background:#8a2733}
nav.pnkz ul{margin:0 auto; width:1050px; font-size:.8em}
nav.pnkz ul li{display:inline-table; color:#fff}
nav.pnkz li a{color:#fff;}
nav.pnkz li+li:before{content:url(../img/com/arrow.png); margin:0 1em; text-decoration:none;position:relative; top:-2px}
nav.pnkz li a:hover{color:#fe6b94;}

/*--titleimg--*/
h2.titleimg{width:100%; background:#000; text-align:center; margin-bottom:1em;line-height:0}
h2.titleimg span{display:none;visibility:hidden;}

/*--catch--*/
p.btn a{ display:block; padding:.5em 1em .5em; background:#f8f8f8; border:1px #e5e5e5 solid;color:#000;}
p.btn a:before{content:url(../img/bt-pdf.gif); margin-right:1em;}
p.btn a:hover{border-color:#FFCECE; color:#F00}
p.btn a:hover:before{content:url(../img/bth-pdf.gif);}

/*--hisback--*/
.hisback{text-align:center;}
.hisback a{display:inline-block; margin:2em auto; padding:.2em 2em; color:#FFF; background:#ad3140;; border:1px #ad3140 solid;}
.hisback a:hover{background:#fff; color:#ad3140;}

/*--gotop--*/
a#page-top {
display: block;
position: fixed;
z-index: 99;
bottom: -60px;
right: 50px;
width: 90px;
background: rgba(184,136,59,1);
color: #fff;
text-align: center;
text-decoration: none;
font-size: .8em;
padding: 10px 5px;
line-height: 1.4em;
transition: .5s;
}
a#page-top:before{content:"Λ"; display:block; color:#FFF;transition: .5s;}

a#page-top:hover{background: rgba(184,136,59,.5);
color:#ad3140;}
a#page-top:hover:before{color:#ad3140;}

/*--footer--*/
footer{background:#ad3140;color:#FFF; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; padding:2em 0 0; line-height:2em;font-size:.9em}
footer a{color:#FFF;}
footer a:hover{text-decoration:underline;color:#FFF}
footer ul{display:block; width:20%;float:left;}
/*footer ul li{background:url(../img/com/footer_point.png) left no-repeat; padding-left:2em}*/
footer ul li:before{content:url(../img/com/footer_point.png); margin-right:.8em;}
footer ul ul{float:none; width:100%; padding-left:.8em;}
footer li li:before{content:url(../img/com/arrow.png);margin-right:1em;}
footer h2{margin-top:2em;}
footer small { display:block;text-align:center; margin:0 auto}
footer address span{margin-left:1em;}

@media screen and (max-width: 480px){ 

.wrap{width:100%;}
.f_l{width:100%;float:none;}
.f_r{width:100%;float:none;}
header .f_l{ text-align:center;}
header .f_r{width:100%;}

article .f_l img{padding:0;}

/*--header--*/
header{padding-top:.5em;}
header h1{ display:block; padding:0 .5em .5em}
header h1 span{display:none; visibility:hidden;}
header .f_r{width:100%; text-align:center;}
.y2020 ul.lang{width:90%;position:relative;top:inherit;left:inherit;margin:0 auto .5em}
    
/*--gmenu--*/
#menu{display:none;}
#toggle {display: block;position: relative;width: 100%;background:#ad3140;cursor: pointer; margin-top:.5em; border-top:1px #FFF solid}
#toggle a {display: block;position: relative;padding: 12px 0;border-bottom: 1px solid #ad3140;color: #FFF;text-align: center;text-decoration: none;}
#toggle a:hover{color:#c00;}
#toggle:before {display: block;content: "";position: absolute;top: 50%;left: 10px;width: 30px;height: 30px;margin-top: -15px;background: #FFF;}
#toggle a:before, #toggle a:after {display: block;content: "";position: absolute;top: 50%;left: 10px;width: 30px;height: 6px;background: #ad3140;}
#toggle a:before {margin-top:-9px;}
#toggle a:after {margin-top: 3px;}

.gmenu{display:block;line-height:30px; background:none; border:none}
.y2020 .gmenu li{width:100%}
.gmenu li,.gmenu+ul li{display:block; padding:2px; border-left:none; width:100%; border-bottom:1px #CCC solid;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(243,243,243,1)), color-stop(51%, rgba(237,237,237,1)), color-stop(100%, rgba(254,254,254,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(254,254,254,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(254,254,254,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fefefe', GradientType=0 );
}
.gmenu li:first-child{border-left:none; width:100%;}
.gmenu li a,.gmenu+ul li a{display:block; padding:.5em 1em; text-align:center; text-decoration:none;color:#000; font-weight:normal;}
.y2020 .gmenu li a{font-size:1em;padding:.5em 0}    
.gmenu li a span{display:inline;font-weight:normal}
.gmenu+ul li a:hover{background:rgba(233,28,61,.6); color:#FFF}
.gmenu+ul{display:block; position:relative; right:inherit; top:0; font-size:inherit; line-height:30px;}
.gmenu+ul li a:before{content:none;}


nav.pnkz ul{width:100%;}
/*--form--*/
header form{margin-top:.5em;}


/*--catch--*/

a#page-top {right:inherit;width: 100%;}

/*--footer--*/
footer{padding:1em .5em 7em;}
footer ul{display:none;}
footer h2{margin-top:0; font-weight:bold}
footer address a,footer address span{display:block;}
footer address span{margin-left:0;}
footer address br{display:none;}

}