@charset "Shift_JIS";

@import "https://fonts.googleapis.com/earlyaccess/sawarabimincho.css";
@import "https://fonts.googleapis.com/earlyaccess/sawarabigothic.css";

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: inherit;
  vertical-align: baseline;
  font-weight:normal;
}

* {
	font-size: 100%;
	font-style: normal;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html { -webkit-text-size-adjust: 100%;
	*filter: expression(document.execCommand("BackgroundImageCache", false, true));
	min-height:100%;
	font-size: 62.5%;
}

@media screen and (max-width: 800px) {
html { font-size: 100%;}
}
	
body { position:relative;
	font-size:16px;
	font-size:1.6rem;
 font-family: "M PLUS Rounded 1c";
	background-color: #ebb0a8;
 background-image: url(img/bg.jpg) ; 
	background-repeat: repeat;
	height:100%;
	
	color:#000;
line-height:1.8;
}


a { text-decoration: none; color:#660066; }
a:visited { color:#660066; }
a:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color:#660066; }
a:hover img { opacity: 0.6;  }
#pagenavi a li:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color:#ff9900; transition-property: background-color, color; }

.main { display: block; text-align: center; line-height:0;  width:100%; max-width:1200px; margin: 0 auto; }
.sub {display: block; background-color: #ea7e3d; text-align: center; line-height:0;}

.main img, .sub img { width:100%;  } 


.evemap { display: block; text-align: center; line-height:0;  width:100%; margin: 0 auto; }

.evemap img { width:100%;  } 





.sns { display: block;  text-align: center; padding-top: 1em; }
.sns a { margin:0 1em; }

.links { display: block; text-align: center; padding: 1em; }
.links a { display: inline-block; line-height: 1; padding:0.5em 1.5em; border-radius: .5em; background-color: #cc33cc; color:#fff; font-size:1.2em; }
.links a:hover { background-color: #ff33ff;}

.links2 { display: block; text-align: center; padding: 0 1em 1.5em; }
.links2 span { display: inline-block; line-height: 1.3; padding:0.5em 1.5em; border-radius: .5em; background-color: #cc33cc; color:#fff; font-size:1.2em; }


.report {display: block; background-color: #f1b89b; text-align: left; line-height:1.8em; font-size:1.4em; padding: 1em 0 2em; }
.report-area { width:100%; max-width:1400px; margin: 0 auto; padding:0;  }
.report .e-title img { width:100%; height:auto; }
.report .e-midashi { display: block; text-align: center; padding: 0.2em; line-height:1em; font-family: 'M PLUS Rounded 1c', sans-serif; font-size:1.6em; font-weight:900; color:#e6e004; background: #c64223; width:auto; margin: 1em 1vw 1.4em; border-radius: 30px; }

.e-photo { display: flex; justify-content: space-between; align-items: top; position: relative; flex-wrap: wrap; } 
.e-photo .pbox { width: 22vw; height: 22vw; max-width:280px; max-height:280px; text-align: center; position: relative; background: rgba(255,255,255,0.30); margin: 0 1vw 2em; border-radius:10px; overflow: hidden; }
.e-photo:after {
    content: "";
    width: 22vw; height: 0; max-width:280px; max-height:0; margin: 0 1vw 0;
}
.e-photo:before {
    content: ""; order: 1;
    width: 22vw; height: 0; max-width:280px; max-height:0; margin: 0 1vw 0;
}


.e-photo .pbox img { position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto; }


.aisatsu { display: block; background: rgba(255,255,255,0.60); border-radius:10px; padding:1.5em 2em;} 

.aisatsu b { display: block; text-align: center; margin-bottom: 0.6em; font-weight:bold;}
.aisatsu span {display: block; text-align: right;}

.oubo { padding: 2em; line-height: 2em; text-align: center; background: #b75902; font-size:1.1em; position: relative; }
.oubo p { padding: 0.7em; line-height: 1.5em;  font-size:0.9em; }

.kansya { padding: 2em; line-height: 2em; text-align: left; background: #b75902; position: relative;  }
.kansya p { padding: 0; line-height: 1.98em; max-width:1200px; margin: 0 auto 0.5em;}
.kansya b { font-weight:400; font-size:1.3em; margin-bottom: 0.5em; display: block; text-align: center; }
.kansya b.b2 { font-weight:400; font-size:1.1em; margin-bottom: 0.5em; display: block; text-align: center; }
.oubo a { display:inline-block; line-height: 1em; padding: 0.8em 1.5em; border-radius: 2em; background: #ce5276; color:#fff; font-size:1.3em; font-weight:600; margin: 0.5em;}
.oubo a:hover { background: #df8ca4; } 

.kyoryoku { padding: 2em; line-height: 1.7em; text-align: left; background: #b75902; position: relative; font-size:0.9em; }
.kyoryoku p { padding: 0; line-height: 1.98em; max-width:1200px; margin: 0 auto 0.5em;}
.kyoryoku b { font-weight:400; font-size:1.1em; margin-bottom: 0.5em; display: block; text-align: center; }
.kyoryoku table { max-width:1200px; margin: 0 auto 0.5em; }
.kyoryoku table th { padding:0.5em 1em; text-align: right; vertical-align: top; }
.kyoryoku table td { padding:0.5em; text-align: left; vertical-align: top; }


.gallery { display: block; background-color: #bd96c5; text-align: center; padding:2em 0.5em; width:100%; max-width:1200px; margin:1em auto; border-radius:1em; color:#fff; }
.gallery .titl { font-weight:500; font-size:1.4em; margin-bottom: 1em; display: block; text-align: center; }
.gallery .titl span { font-weight:400; font-size:0.8em; display: block; text-align: center; }
.gallery .mains { display: block; text-align: center; padding:1em 0 ; }
.gallery .mains img { width:100%; max-width:900px; }

.gallery .midashi { font-weight:500; font-size:1.2em;  display: block; text-align: center; background: #3c2056; color:#fff; border-radius:2em; max-width:1300px; margin: 1.5em auto 2em; }
.gallery .chui { font-size:0.8em; display: block; text-align: center; padding:1.5em 1em 0;}

.photo3 { text-align: center; padding: 0; line-height:1.2em; margin: 0 auto;}
.photo3 span, .photo5 span { text-align: left !important; display: block; padding:0.5em; }
.photo3 img { margin:15px 0.5em 0; object-fit: contain; width: 23%; height: 240px; background-color: rgba(255,255,255,0.10); border-radius: 0.5em;}
.photo5 { text-align: center; padding: 1.5em 0.5em; line-height:1.2em; max-width:1300px; margin: 1em auto; background-color: rgba(255,255,255,0.10); border-radius: 1em;}
.photo5 img { margin:15px 3px 0; object-fit: contain; width: 19%; height: 240px; background-color: rgba(255,255,255,0.10); border-radius: 0.5em;}

@media screen and (max-width: 800px) {
.e-photo .pbox { width: 30vw;  height: 30vw; max-width:190px; max-height:190px; text-align: center; position: relative; background: rgba(255,255,255,0.30); margin: 0 1vw 2em;}
.e-photo:after {
    content: "";
    width: 30vw; height: 0; max-width:190px; max-height:0;  margin: 0 1vw 0;
}
.e-photo:before {
    content: ""; order: 1;
    width: 30vw; height: 0; max-width:190px; max-height:0;  margin: 0 1vw 0; }


.oubo a {  font-size:1.5em;}
.oubo p { padding: 0.7em; line-height: 1.5em;  font-size:0.9em; }

.photo3 img { margin:15px 3px 0; object-fit: contain; width: 48%; height: 300px; }
.photo5 img { margin:15px 3px 0; object-fit: contain; width: 48%; height: 300px; }
}


.clear { clear:both;}

ol, ul {
  list-style: none;
}

footer { display:block; padding:15px 0; text-align:center; font-size:0.9em; }


.small {
	font-size: 0.9em;
	line-height: 1.2;
}
.small_eng {
	font-size: 0.9em;
	line-height: 120%;
	font-family:Verdana, Arial, Helvetica;
} 
.normal {
	font-size: 1em;
	line-height: 150%;
}
.normal_op {
	font-size: 1.2em;
	line-height: 140%;
	color: #333300;
}
.normal_eng {
	font-size: 1em;
	line-height: 120%;
	font-family:Verdana, Arial, Helvetica;
}

.inf14 {
	line-height: 130%;
}

strong { font-weight:bold;}

.wreath { background:url(../img/wreath.png); width:180px; height:180px; position:absolute; top:0; right:0;}


#wrapper { width: auto; height: auto; min-height:100%;   }
header { position:relative; margin-bottom:0px; width:auto; text-align:center; }
header h1 { display: inline-block; padding:0; }
header .mail { position:absolute; top:28px; right:10px; display:inline-block; height:36px;}
header .mail a { display: inline-block; line-height:36px; background:url(../img/icon_mail.png) no-repeat center right; color:#FFA046; font-size:1em; vertical-align:middle; padding-right:36px;}
header .mail a:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color:#cc3300; transition-property: background-color, color; }
 
#menu { padding:0; text-align:center; margin:0; }
#menu ul { display:block; font-size:1; margin:0; padding:0; border-top:1px solid #73128b;  }
#menu ul li { display:block; border-left: 1px solid #ffc411; font-size:1.0em; border-bottom:1px solid #73128b; }
#menu ul li a { display:block; font-family: "Sawarabi Gothic"; color:#660066; font-size:1.1em; padding:0.5em; line-height:1.5em; background-color: rgba(255,255,255,0.50);}
#menu ul li+ li { border-left: 0; border-right: 1px solid #ffc411; }
#menu ul li a:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color:#9f169f; transition-property: background-color, color; background-color: rgba(255,255,255,0.30)}

#mainh { height:auto; width:auto; max-width:1200px;  margin:0 auto; display:block; z-index:5; position:relative; text-align:center; color:#333; }

#mainh  img.ws { padding: 10px;  }
#mainh .mimg { width:100%; padding: 0; margin: 0; display: inline-block;}
#mainh .mimg50 { width:50%; padding: 0; margin: 0; display: inline-block;}


area { border:none; outline:none;}

.works { padding:2em 1em 0; display: block; height: auto; text-align: center; }
.works h2.htitle { font-size:1.6em; font-weight:bold; color:#ae2181; margin-bottom: 1.6em; }
.works h3.subtitle { font-size:1.4em; font-weight:bold; color:#7c2443; margin-bottom: 1em; }
.works p { display: block; height: auto; margin-bottom: 3em; font-size: 1.2em; }
.works p b { font-weight:bold; }

.nday {}
.ntitle { font-size:1.2em; font-weight:bold; border-bottom:1px solid #a69c83; padding:0px 0 2px; margin-bottom:10px; }
.infotex { margin-bottom:50px; }

#submenu { width: auto; height:auto; display:block; margin-bottom:50px; }
#submenu h2 { text-align:center; display:block; line-height:50px; color:#660000; font-size:1.8rem; }
#submenu ul { display:block; font-size:0; }
#submenu ul li { display:inline-block; margin:0; padding:0;}


.syuryo { color:#DF0003; font-size:1.1em; font-weight:bold; }




.hwwaku {border: 2px solid #9C5D96; border-radius: 10px; text-align: left; padding: 1.5em; margin: 1.5em 0.5em; font-size:1.2em; line-height:1.4em;}
.hwwaku p {margin:0 0 1.2em;}
.hwwaku p img { padding:5px; height:180px; width:auto;} 

.normal_inf {
	font-size: 12px;
	line-height: 130%;
}

.big {font-size: 14px; line-height: 150%;}
.bigger {
	font-size: 16px;
	line-height: 150%;
	color: #003300;
}
.big_info {
	font-size: 14px;
	line-height: 150%;
	color: #006600;
}
.big_op {
	font-size: 14px;
	line-height: 150%;
	color: #330000;
}

.daytext { color: #CC0000; line-height: 150%;}  

.kaijyo { clear: both;}

img {
	border:none;
}

.pconly { display: inherit !important; }
.sponly { display: none !important; }

/*clearfix�̐ݒ�
--------------------------------------------------------------------------------------------------------*/
/* start: clearfix ------------------------------ */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{ display: inline-table; min-height: 1px;
    /* IE 7�΍� */
}
/* Hides from Mac IE \*/
* html .clearfix{ height: 1px; }
.clearfix{ display: block; }
/* End hide from IE-mac */
/* end: clearfix ------------------------------ */



.pconly4 { display: inherit !important; }
.sponly4 { display: none !important; }
@media screen and (max-width: 800px) {	
.pconly4 { display: none !important; }
.sponly4 { display: inherit !important; }
}


@media screen and (max-width: 800px) {
	
.pconly { display: none !important; }
.sponly { display: inherit !important; }
	

#wrapper { width: auto; background: none; height: auto; min-height:100%;   }
#mainh { height:auto; width:auto; max-width: none; min-width: inherit; padding: 0;  }

.works { padding:2em 1em 0; display: block; height: auto; text-align: left;  }
.works p { text-align: left; font-size: 0.9em;}
	
#menu { padding:0; text-align:center; margin:0;}
#menu ul { display:block; font-size:1em; margin:0; padding:0; border-right: none; }
#menu ul li { display:block; border-left: none;  font-size:1em; border-right: none;}
#menu ul li a { display:block; font-family: "Sawarabi Gothic"; color:#73128b; font-size:1.1em; padding:0.3em ; line-height:1.2em; }
#menu ul li+ li { border-right: none; }
#menu ul li a:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color:#ab3bc7; transition-property: background-color, color; }



}