@charset "utf-8";

/* ================================================================================
top
================================================================================= */
@font-face{
  font-family : 'FontAwesome';
  src : url('../../../2016/common/fonts/fontawesome-webfont_v=4.5.0.eot');
  src : url('../../../2016/common/fonts/fontawesome-webfont_.eot#iefix&v=4.5.0') format('embedded-opentype'), url('../../../2016/common/fonts/fontawesome-webfont_v=4.5.0.woff2') format('woff2'), url('../../../2016/common/fonts/fontawesome-webfont_v=4.5.0.woff') format('woff'), url('../../../2016/common/fonts/fontawesome-webfont_v=4.5.0.ttf') format('truetype'), url('../../../2016/common/fonts/fontawesome-webfont_v=4.5.0.svg#fontawesomeregular') format('svg');
  font-weight : normal;
  font-style : normal;
}

/* ================================================================================
main_slide
================================================================================= */
#main_slide {
  max-width:1280px;
  margin:0 auto;
}
#main_slide ul {
  position:relative;
}
#main_slide img {
  width:100%;
  height:auto;
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 45px;
    height: 40px;
    margin-top: -40px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
	z-index:100;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family : 'FontAwesome';
    font-size: 30px;
    line-height: 1;

    opacity: .75;
    color: #eb2035;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 10px;
}
[dir='rtl'] .slick-prev
{
    right: 30px;
    left: auto;
}
.slick-prev:before
{
    content: '\f0a8';
}
[dir='rtl'] .slick-prev:before
{
    content: '\f0a8';
}

.slick-next,
.ipad.mac.safari .slick-next
{
    right: 10px;
}


[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '\f0a9';
}
[dir='rtl'] .slick-next:before
{
    content: '\f0a9';
}

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
.slick-prev,
.slick-next { display:none!important; }
}


/* ================================================================================
sec_news
================================================================================= */
/*
.home .box_topics:nth-child(n+22) {
  display:none;
}
*/


#sec_news {
  box-sizing:border-box;
  max-width:1280px;
  padding:20px 40px 0 40px;
  margin:0 auto 10px;
  background:#f5f5f5;
  overflow:hidden;
}
#sec_news .md_ttl img {
  max-width:445px;
}

#news_slide {
  position:relative;
  margin:0 40px 20px 40px;
}
#news_slide .box_news {
  position:relative;
  margin:0 10px;
  color:#fff;
}
#news_slide .box_news img {
  width:100%;
  max-width:360px;
}
#news_slide .news_detail { padding:6px 5px; background:#222; border-top:1px solid #fff; color:#fff; }
#news_slide .news_detail h3 { min-height:3em; display: inline-block;
position: relative;
padding-left: 13px;
font-size:13px; }
#news_slide .news_detail h3:after {
	content:"";
  display:block;
  position:absolute;
  left:0;
  top:6px;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
  border-left:5px solid #fff;
}
/*
#news_slide .news_detail {
  position:absolute;
  bottom:0;
  width:100%;
  height:31%;
  padding:4% 10%;
  z-index:2;
  box-sizing:border-box;
  color:#fff;
  overflow:hidden;
}
*/
/*
#news_slide .news_detail:before {
  content:"";
  display:block;
  position:absolute;
  bottom:0;
  left:-3px;
  width:100%;
  height:100%;
  background:#000 url(../img/top/bg/img_news_01.jpg.html) left bottom no-repeat;
  -webkit-filter: blur(8px);
  -moz-filter: blur(8px);
  filter: blur(8px);
  opacity:.8;
}
*/
#news_slide .news_detail ul {
  margin-top:2%;
}
#news_slide .news_detail li {
  position:relative;
  margin-top:1%;
  padding-left:25px;
  font-size:12px;
}
#news_slide .news_detail .icon_cal:before {
  content:"";
  display:block;
  position:absolute;
  top:2px;
  left:0;
  width:15px;
  height:15px;
  background:url(../../../2016/img/top/icon_news.png) no-repeat;
}
#news_slide .news_detail .icon_map:before {
  content:"";
  display:block;
  position:absolute;
  top:2px;
  left:0;
  width:15px;
  height:15px;
  background:url(../../../2016/img/top/icon_news.png) -15px 0 no-repeat;
}
#news_slide .slick-arrow {
  display:block;
  background-color:transparent;
  border:none;
  cursor:pointer;
  outline:none;
  padding:0;
  appearance:none;
  text-indent:200%;
  white-space:nowrap;
  overflow:hidden;
  position:absolute;
  top:50%;
  left:-128px;
  width:104px;
  height:104px;
  margin-top:-52px;
  background:#1a1a1a;
  z-index:10;
  border-radius:50%;
}
#news_slide .slick-arrow:hover {
  opacity:.7;
}
#news_slide .slick-arrow:after {
  content:"";
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  background:url(../../../2016/common/img/slider_nav.png) no-repeat;
  width:20px;
  height:28px;
  margin:-14px 0 0 8px;
  z-index:10;
}
#news_slide button.slick-next {
  left:auto;
  right:-128px;
}
#news_slide button.slick-next:after {
  margin:-14px 0 0 -29px;
  background-position:-30px;
}
#news_slide button.slick-disabled:hover {
  opacity:1;
  cursor:default;
}
#news_slide button.slick-disabled:after {
  opacity:.6;
}

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
#sec_news {
  padding:20px 20px 0 20px;
}
#news_slide {
  margin:0;
}
#news_slide .box_news {
  margin:0;
}
#news_slide .box_news img {
  width:100%;
  max-width:100%;
}
#news_slide .slick-arrow {
  left:-77px;
}
#news_slide button.slick-next {
  left:auto;
  right:-77px;
}
#news_slide .news_detail { min-height:2.5em; }
#sec_news .md_ttl span.txt_device { font-size:24px; }
}

/* ================================================================================
sec_topics
================================================================================= */
#sec_topics {
  padding:40px;
  background-color: rgba(255,255,255,0.6);
}

.single #sec_topics,.archive #sec_topics,.page-template-page-event #sec_topics,.page-template-page-event19 #sec_topics,.page-template-page-event20 #sec_topics,.page-template-page-event21 #sec_topics,.page-template-page-reception #sec_topics { margin-top: 40px; background: #fff; margin-bottom: 40px; }
#sec_topics .md_ttl img {
  max-width:375px;
}
.box_topics {
  float:left;
  max-width:240px;
  width:32%;
  margin:2% 0 0 2%;
  font-size:12px;
  line-height:1.4;
  /*border: 1px solid #e1e1e1;*/
  box-sizing: border-box;
}

.home .box_topics { width:31.2%; }

.category .box_topics { border: 1px solid #e1e1e1; }
.box_topics:nth-child(3n+1),
.box_topics.sec_tedukuri {
  margin-left:0;
}
.box_topics:nth-child(-n+3),
.box_topics.sec_ocarina {
  margin-top:0;
}
.box_topics.sec_ocarina { margin-left:2%; }

.box_topics img {
  width:100%;
  height:auto;
}
.box_topics a {
  display:block;
  padding-bottom:10px;
  background:#fff;
}
.box_topics a:hover {
  opacity:.8;
}
.box_topics time {
  display:inline-block;
  border:1px solid #1a1a1a;
  margin:10px 15px 6px;
  padding:2px 8px;
}
.box_topics a:hover time {
  border:1px solid #888;
}
.box_topics p {
  padding:0 15px;
}

.box_topics span { display:block; background:white; }

.column_left .box_topics a { text-decoration:none; }
.column_left .box_topics a .ticket_status_txt,
.column_left .box_topics a .ticket_status_txt2 { margin-bottom:4px; }
.column_left .box_topics a .ticket_status_txt span { display: inline-block; padding:0.2em 0.4em; background: #ff781f; color: #fff; text-decoration:none; display: inline-block; background: #ff781f; border-radius:3px; color: #fff; text-decoration:none;  }
.column_left .box_topics a .ticket_status_txt2 span { display: inline-block; padding:0.2em 0.4em; color: #fff; text-decoration:none; display: inline-block; background: #e63e4e; border-radius:3px; color: #fff; text-decoration:none;  }

.column_left .box_topics a:hover .ticket_status_txt,
.column_left .box_topics a:hover .ticket_status_txt span,
.column_left .box_topics a:hover .ticket_status_txt2,
.column_left .box_topics a:hover .ticket_status_txt2 span { text-decoration:none; }
.column_left .box_topics a:hover p { text-decoration:underline; }

/*
#topics_list .navigation { display:none; }
*/

/* 企画・イベント*/
/* 親子で手作りコーナー */
#sec_fair_event_list { margin-bottom:2%; padding-bottom:2%; border-bottom:1px solid #ccc; }


#sec_fair_event_list .box_topics p { padding-top:15px; } 

/* そのほか協会主催イベント */
#sec_fair_event_list_bottom { margin-bottom:4%; }
#sec_fair_event_list_bottom img { margin-bottom:10px; border-bottom:1px solid #e1e1e1; }
/*
.home .box_topics:nth-child(n+13) {
  display:none;
}
*/

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
#sec_topics {
  padding:20px;
}
.single #sec_topics { padding:10px;background: #fff;}
#sec_topics .md_ttl img {
  max-width:375px;
}
.box_topics {
  max-width:100%;
  width:49%;
}
.home .box_topics { width:47%; }

.box_topics:nth-child(3n+1) {
  margin-left:2%;
}
.box_topics:nth-child(2n+1) {
  clear:both;
  margin-left:0;
}
.box_topics:nth-child(-n+2) {
  margin-top:0;
}
.box_topics:nth-child(-n+3) {
  margin-top:2%;
}
.box_topics time {
  margin:10px 10px 6px;
}
.box_topics p {
  padding:0 10px;
}



#sec_fair_event_list .box_topics.sec_tedukuri,
#sec_fair_event_list .box_topics.sec_seisakutaiken { margin-top:0; }
#sec_fair_event_list .box_topics.sec_seisakutaiken { clear:none; float:right; }

#sec_fair_event_list .box_topics.sec_ocarina { margin-left:0; margin-top:2%; }

.box_topics.sec_tedukuri span { min-height:230px; }
.box_topics.sec_q-sai a { min-height:220px; }

}

/* ================================================================================
sec_about
================================================================================= */
#sec_about {
  margin-top:10px;
  padding:40px;
  background:#f5f5f5;
}
#sec_about .md_ttl img {
  max-width:440px;
}
#sec_about #about_photo {
  float:left;
  width:52%;
  margin-bottom:10px;
}
#sec_about #about_photo li {
  float:left;
  width:48.71%;
  margin-top:2.564%;
}
#sec_about #about_photo li:first-child {
  float:left;
  width:100%;
  margin-top:0;
}
#sec_about #about_photo li:last-child {
  float:right;
}
#sec_about #about_photo img {
  width:100%;
  height:auto;
}
#sec_about #about_fair {
  float:right;
  width:46.6664%;
  min-height:314px;
  padding:5% 0;
  margin-bottom:10px;
  background:#fff;
}
#sec_about #about_fair h3 {
  padding:0 2% 8%;
  text-align:center;
}
#sec_about #about_fair h3 img {
  width:100%;
  height:auto;
  max-width:212px;
}
#sec_about #about_fair p {
  padding:0 5%;
  line-height:1.8;
}
#sec_about #about_fair p + p {
  margin-top:1em;
}
#sec_about #about_map {
  clear:both;
  background:#fff;
}
#sec_about #about_map dl {
  float:left;
  width:46%;
  padding:3% 3.5%;
}
.home #sec_about #about_map dl,
.home #sec_about #about_map iframe { float: none; width:100%; box-sizing: border-box; }

.home .googlemap {
position: relative;
padding-bottom: 50%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.home .googlemap iframe,
.home .googlemap object,
.home .googlemap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#sec_about #about_map dt {
  margin-bottom:15px;
  border-bottom:2px solid #1a1a1a;
  font-size:16px;
  font-weight:bold;
}
#sec_about #about_map li {
  position:relative;
  margin-top:10px;
  padding-left:25px;
}
#sec_about #about_map .icon_cal:before {
  content:"";
  display:block;
  position:absolute;
  top:2px;
  left:0;
  width:15px;
  height:15px;
  background:url(../../../2016/img/top/icon_about.png) no-repeat;
}
#sec_about #about_map .icon_map:before {
  content:"";
  display:block;
  position:absolute;
  top:2px;
  left:0;
  width:15px;
  height:15px;
  background:url(../../../2016/img/top/icon_about.png) -15px 0 no-repeat;
}
#sec_about #about_map dd p {
  margin-top:5%;
}
#sec_about #about_map dd p a {
  display:block;
  padding:3%;
  background:#1a1a1a;
  color:#fff;
  text-align:center;
}
#sec_about #about_map dd p a:hover {
  background:#555;
}
#sec_about #about_map iframe {
  float:right;
  width:46.6664%;
}


/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
	.mv2016 img { width:100%; height:auto; }
	
#sec_about {
  padding:20px;
}
#sec_about .md_ttl_category {
  padding-right:100px;
}
#sec_about .md_ttl_category a {
  position:absolute;
  top:0;
  right:10px;
}
#sec_about .md_ttl_category img {
  left:30px;
  right:auto;
  width:100%;
  max-width:219px;
}
#sec_about .md_ttl img {
  max-width:440px;
}
#sec_about #about_photo {
  float:none;
  width:100%;
  margin-bottom:10px;
}
#sec_about #about_fair {
  float:none;
  width:100%;
  min-height:auto;
  padding:20px;
  margin-bottom:10px;
  box-sizing:border-box;
}
#sec_about #about_fair h3 {
  padding:0 0 20px 0;
}
#sec_about #about_fair p {
  padding:0;
}
#sec_about #about_map {
  margin-top:10px;
  padding-bottom:20px;
}
#sec_about #about_map dl {
  float:none;
  width:auto;
  padding:20px;
}
#sec_about #about_map .googlemap {
  position: relative;
  margin:0 20px;
}
#sec_about #about_map .googlemap:before {
  content:"";
  display:block;
  padding-top:56.25%;
}
#sec_about #about_map iframe {
  float:none;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
}

/* ================================================================================
clearfix
================================================================================= */
#topics_list:after,
#sec_fair_event:after,
#sec_about #about_photo:after,
#about_map:after,
#sec_banner ul:after {
  content:"";
  clear:both;
  display:block;
}