@charset "utf-8";
/* CSS Document */

.eventCard {
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	-ms-flex-wrap: wrap;
      flex-wrap: wrap;
	/*-webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;*/
}
.eventCard li { position: relative; margin-bottom: 50px;
	/*-ms-flex-preferred-size: 320px;
               flex-basis: 320px;
	max-width: 320px;*/
	-ms-flex-preferred-size: calc( 33.333% - 3%);
               flex-basis: calc( 33.333% - 3%);
	max-width: calc( 33.333% - 3%);
	background-color: #FFF;


}

@media (min-width: 768px) {
    .eventCard li { margin-right: 4.5%;}
.eventCard li:nth-child(3n){ margin-right: 0;}
}

.eventCard li figure { position: relative;}
.eventCard li figure img { width: 100%; height: auto;}
.eventCard li figure figcaption { position: absolute; bottom:0; left:0; background-color: #FFF; display: inline-block; font-size: 14px; color: #009474; font-weight: bold; padding: 9px 24px; line-height: 1;  transform-origin: 0 100%;}
/*.eventCard li figure figcaption span { animation: figcaption 2s infinite linear alternate; display: inline-block;}
@keyframes figcaption {
0% { transform: scale(1); }
100% { transform: scale(1.1); }
}*/

.eventCard li figure figcaption.start { color: #777; animation:none;}
.eventCard li figure figcaption.end { color: #333; animation:none;}
.eventCard li .inner { padding: 30px 22px;}
.eventCard li .inner p.date { font-size: 14px; }
.eventCard li .inner p.date.start { font-weight: bold; color: #008A68; margin-bottom: 15px;}
.eventCard li .inner p.date.end { font-weight: bold; margin-bottom: 15px; }
.eventCard li .inner p.date span { font-size: 26px; font-weight: bold; }
.eventCard li .inner h3 { font-size: 14px; font-weight: bold; line-height: 1.444444444444444;}
.eventCard li .inner h3 span { font-size: 24px; margin: 0 .2em; }
.eventCard li .inner h3 em { font-size: 18px; margin-left: 12px;}
.eventCard li .inner h4 { font-size: 16px; font-weight: bold; line-height: 1.625; margin-bottom: 25px;}
.eventCard li .inner h4:before,.eventCard li .inner h4:after { content: ""; display: inline-block; width: 1.2em; height: 1px; background-color: #333333; vertical-align: middle; margin-right: 0.2em; }
.eventCard li .inner p.name { font-size: 16px; line-height: 1.5; margin-bottom: 10px;}
.eventCard li .inner p.name span { font-size: 12px; margin-right: 1em; display: block; }
.eventCard li .inner span.caution { font-size: 12px; font-weight: bold; line-height: 1.6 !important; margin: 25px 0 20px; display: block;}
.eventCard li .inner .tag a { font-size: 12px; color: #333333; text-decoration: none; display: inline-block; height: 22px; border-radius: 11px; line-height: 20px; font-weight: bold; background-color: #FFF; padding: 0 10px; border: 1px solid #707070; box-sizing: border-box; margin-right: 5px; margin-bottom: 5px;
-moz-transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;}
.eventCard li .inner .tag { margin-top: 30px; margin-bottom: 30px; position: relative;}
.eventCard li p.update { position: absolute; bottom:14px; left: 22px; font-size: 12px;}
.eventCard li p.cat { position: absolute; bottom:14px; right: 22px; font-size: 12px; font-weight: bold;}
.eventCard li a.detail { display: block; width: 100%; height: 100%; position: absolute; top:0; left:0; text-indent: -9999px;
-moz-transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.eventCard li:hover { }
.eventCard li a.detail:hover {box-shadow: 0px 0px 30px rgba(0,0,0,.26);}
.eventCard li .icons { font-size: 12px; background-color: #DDDDDD; font-weight: bold; height: 24px; line-height: 24px; border-radius: 12px; padding: 0 9px; display: inline-block; margin-bottom: 25px; }

.eventCard li .inner .tag a:hover { background-color: #777; border-color: #777; color: #FFF; opacity: 1; }

.layout-main.ac { /*background-image: url("/common/img/ac.jpg"); background-repeat: no-repeat; background-size: cover;*/
background: #fdf6dc;
background: -moz-linear-gradient(-45deg,  #fdf6dc 0%, #d9eef1 100%);
background: -webkit-linear-gradient(-45deg,  #fdf6dc 0%,#d9eef1 100%);
background: linear-gradient(135deg,  #fdf6dc 0%,#d9eef1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf6dc', endColorstr='#d9eef1',GradientType=1 );
}
.layout-main.ac2 { /*background-image: url("/common/img/ac2.jpg"); background-repeat: no-repeat; background-size: cover;*/
background: #fdf6dc;
background: -moz-linear-gradient(-45deg,  #fdf6dc 0%, #d9eef1 100%);
background: -webkit-linear-gradient(-45deg,  #fdf6dc 0%,#d9eef1 100%);
background: linear-gradient(135deg,  #fdf6dc 0%,#d9eef1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf6dc', endColorstr='#d9eef1',GradientType=1 );}
.layout-main { background-color: #FFF;}

.eventList { border-top:1px solid #707070; padding: 20px 0 0px 0; position: relative; /*margin-bottom: 160px; */
display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	-ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.eventList li { padding: 0 30px; box-sizing: border-box; overflow: hidden;
-ms-flex-preferred-size: 33.3333%;
               flex-basis: 33.3333%;
	max-width: 33.3333%;
}
.eventList:before { content: ""; display: block; width: 1px; height: calc( 100% - 40px ); background-color: #707070; position: absolute; top:40px; left:33.3333%; z-index: 1;}
.eventList:after { content: ""; display: block; width: 1px; height: calc( 100% - 40px ); background-color: #707070; position: absolute; top:40px; left:66.6666%; z-index: 1;}



.eventList li .inner { padding:20px 10px; padding-bottom: 20px; border-bottom:1px solid #707070; height: 100%; box-sizing: border-box;
display: -webkit-box;
  display: -ms-flexbox;
  display: flex;}

@media all and (-ms-high-contrast:none){
	.eventList li .inner {height: auto; border:none; }
	.eventList li { position: relative;}
	.eventList li:after { content: ""; display: block; height: 1px; width: calc( 100% - 80px); position: absolute; bottom:0; left:40px; background-color: #707070;}
	.eventList li.last:afterr {
    display: none;
}
}

.ua-tb .eventList li .inner {height: auto; border:none; }
.ua-tb .eventList li { position: relative;}
.ua-tb .eventList li:after { content: ""; display: block; height: 1px; width: calc( 100% - 80px); position: absolute; bottom:0; left:40px; background-color: #707070;}
.ua-tb .eventList li.last:after {
    display: none;
}

.ua-pc.safari .eventList li .inner {height: auto; border:none; }
.ua-pc.safari .eventList li { position: relative;}
.ua-pc.safari .eventList li:after { content: ""; display: block; height: 1px; width: calc( 100% - 80px); position: absolute; bottom:0; left:40px; background-color: #707070;}
.ua-pc.safari .eventList li.last:after {
    display: none!important;
}


.eventList li .date {  text-align: center; font-size: 12px; font-weight: bold; padding-right: 20px; line-height: 1.5; }
.eventList li .date span { font-size: 36px;display: block; margin-top: 7px;line-height: 1;
	}
.eventList li p { font-size: 14px; line-height: 1.714285714285714; margin-top: .7em;}
.eventList li p.name { font-size: 16px; line-height: 1.5; margin-top: 0; margin-bottom: .4em; }
.eventList li p.name span { font-size: 12px; margin-right: 5px; display: block;}
a.bt { width: 320px; height: 60px; background-color: #777777; display: block; margin: 0 auto; color: #FFF; text-align: center; font-size: 18px;  border-radius: 30px; line-height: 60px; margin-top: 30px; position: relative; overflow: hidden;
}
a.bt2 { width: 170px; height: 40px; background-color: #777777; display: block; margin: 0 auto; color: #FFF; text-align: center; font-size: 18px; border-radius: 20px; line-height: 40px; margin-top: 30px; overflow: hidden;
-moz-transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;}
a.bt2:after { content: ""; display: inline-block; width: 12px; height: 8px; vertical-align: middle; background-image: url("/common/img/more.png"); background-repeat: no-repeat; background-size: contain; margin-left: 15px;}
a.bt2:hover { opacity: 1; background-color: #555;}
a.bt:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top:0; left:0; background-color: #555;
transform: translateX(-100%);
-moz-transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;}
a.bt:hover:before {transform: translateX(0%); }
a.bt:hover { opacity: 1;}
a.bt span { position: relative; }

 .tags {  position: relative; text-align: center;}
.tags.more { display: none;}
.tags a {background-color: #FFF;
font-size: 14px;
    color: #333333;
    text-decoration: none;
    display: inline-block;
    height: 30px;
    border-radius: 15px;
    line-height: 28px;
    padding: 0 15px;
    border: 1px solid #707070;
    box-sizing: border-box;
    margin: 0 5px;
    margin-bottom: 20px;

	-moz-transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.tags a:hover { background-color: #777; color: #FFF;  opacity: 1; }
.tags a.current { background-color: #777; color: #FFF;  opacity: 1; } 
.tags.more a { opacity: 0;}
.tags.more.down a { opacity: 1;
-moz-transition: all 0.4s ease .6s;
-webkit-transition: all 0.4s ease .6s;
-o-transition: all 0.4s ease .6s;
-ms-transition: all 0.4s ease .6s;
transition: all 0.4s ease .6s;}
.tagWrap { border-bottom: 1px solid #eee; padding-bottom: 40px; margin-bottom: 30px; }
.sideField .tagWrap .tags { text-align: right; }
.sideField .tagWrap .tags a { margin: 0 0px 5px 5px; box-sizing: border-box; padding: 0 10px;}
a.Peatix { display: none; }

h2.ttl-cmn-01 { font-size: 18px; }
h2.ttl-cmn-01.tag { display: none; }
h2.ttl-cmn-01 .tagTTl { font-size: 24px; }
h2.ttl-cmn-01 .tagTTl em { font-size: 14px;}
h2.ttl-cmn-01.sub .ttl-cmn-01__main { font-size: 16px; text-align: left; }
.player { margin-top: 70px;  }

.related { padding-top:80px; margin-top: 80px; border-top:1px solid #E1E7E4;}

.pager { text-align: center; margin-top: 30px;}
.pager li { display: inline-block; width: 38px; height: 38px; line-height: 38px; position: relative; text-align: center; margin:0 10px; font-size: 16px; }
.pager li.back,.pager li.next { width: auto; }
.pager li a { color: #FFF; position: relative; display:block;font-weight: bold;}
.pager li.back a,.pager li.next a { color: #333; }
.pager li.back a.disabled,.pager li.next a.disabled { pointer-events: none; color: rgba(51, 51, 51, 0.5); }
.pager li:before { content: ""; display: flex; width: 38px; height: 38px; background-color: #777; position: absolute; transform: rotate(45deg) ;
display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

-moz-transition: all 0.4s cubic-bezier(.07,.91,.14,.84) 0s;
-webkit-transition: all 0.4s cubic-bezier(.07,.91,.14,.84) 0s;
-o-transition: all 0.4s cubic-bezier(.07,.91,.14,.84) 0s;
-ms-transition: all 0.4s cubic-bezier(.07,.91,.14,.84) 0s;
transition: all 0.4s cubic-bezier(.07,.91,.14,.84) 0s;
}
.pager li:nth-child(3):before { transform: rotate(55deg) ;}
.pager li:nth-child(4):before { transform: rotate(65deg) ;}
.pager li:nth-child(5):before { transform: rotate(75deg) ;}
.pager li:nth-child(6):before { transform: rotate(85deg) ;}
.pager li:nth-child(7):before { transform: rotate(95deg) ;}

.pager li:hover:before { transform: rotate(135deg) ;}
.pager li.selected:before { opacity: .5; transition:none;}
.pager li.back:before,.pager li.next:before { display: none;}
.pager li.back a:before { content: ""; width: 5px; height: 8px; display: inline-block; background-image: url("/common/img/back.png"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-right: 10px; }
.pager li.next a:after { content: ""; width: 5px; height: 8px; display: inline-block; background-image: url("/common/img/next.png"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-left: 10px; }
.pager li.back a { margin-right: 30px; }
.pager li.next a { margin-left: 30px; }

.innerWrapper {
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	-webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;

}
.innerWrapper .mainfield {
	-ms-flex-preferred-size: 700px;
               flex-basis: 700px;
	max-width: 700px;
}
.innerWrapper .sideField {
	-ms-flex-preferred-size: 228px;
               flex-basis: 228px;
               flex-basis: 228px;
	max-width: 228px;
}
.innerWrapper .sideField.fixSide { position: fixed; right:calc(  ( 100% - 970px ) / 2 ); top:120px; }
.innerWrapper .mainfield h5 { font-size: 20px; font-weight: bold; }
.innerWrapper .mainfield h5 span { font-size: 34px; margin: 0 .2em; }
.innerWrapper .mainfield h3 { font-size: 24px; font-weight: bold; margin-bottom: 10px; }
.innerWrapper .mainfield h4 { font-size: 18px; font-weight: bold; margin-bottom: 30px; }
.innerWrapper .mainfield h4:before,.innerWrapper .mainfield h4:after { content: ""; display: inline-block; width: 2em; height: 1px; background-color: #333333; vertical-align: middle;}
.innerWrapper .mainfield h4:before { margin-right: .5em;}
.innerWrapper .mainfield h4:after { margin-left: .5em;}
.innerWrapper .mainfield span.caution { font-size: 14px; }

.innerWrapper .mainfield .infoField { margin-bottom: 30px;
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	-webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}
.innerWrapper .mainfield .infoField .label { text-align:justify; text-align-last: justify;text-justify:inter-ideograph; font-size: 16px;font-weight: bold;
	-ms-flex-preferred-size: 7em;
               flex-basis: 7em;
	max-width: 7em;
}
.innerWrapper .mainfield .infoField p { font-size: 14px;
	font-weight: bold;
-ms-flex-preferred-size: calc( 100% - 9em );
               flex-basis: calc( 100% - 9em );
	max-width: calc( 100% - 9em );
}
.innerWrapper .mainfield .infoField p.date em {font-weight: bold; font-size: 16px; margin-left: 0.2em;}
.innerWrapper .mainfield .infoField p.date em span {font-weight: bold; font-size: 16px; margin-left: 0.5em;}
.innerWrapper .mainfield .infoField p.date em:nth-last-child(1) {margin-left: 0.25rem; white-space: nowrap;}
.innerWrapper .mainfield .infoField p span { font-size: 24px;font-weight: bold; }
.innerWrapper .mainfield .infoField p span.names { font-size: 18px; font-weight: bold; display: block; margin-bottom:0.5em; }
.innerWrapper .mainfield .infoField p span.agency { font-size: 16px; font-weight: normal; }
.innerWrapper .mainfield .infoField p.date { line-height: 1.3;}


.innerWrapper .mainfield .textField { margin-top: 40px; padding-top: 40px; border-top:1px solid #EAE9DF; margin-bottom: 70px; }
.innerWrapper .mainfield .eventField { background-color: rgba(255,255,255,.5); padding: 30px; }

.innerWrapper .mainfield .eventField .infoField { margin-bottom: 10px; }
.innerWrapper .mainfield .eventField .infoField p { font-size: 16px; }

.eventLink {
    font-size: 1.6rem;
    line-height: 1.625;
    letter-spacing: .025em;
}
.eventLink { text-align:center; margin-top: 30px;
    opacity: 1;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.eventLink {
    position: relative;
    display: block;

    color: #333333;
}
.eventLink.bold { text-align: left; font-weight: bold; display: inline-block;}
.eventLink:before {
    content: '';
    display: inline-block;

    width: 0;
    height: 0;
    margin: auto;
    border: solid transparent;
    border-left-color: #009474;
	 margin-right: 15px;
}
.eventLink:before {
    border-width: 6px 0 6px 6px;
}
p.idt { font-size: 14px; text-indent: -1em; margin-left: 1em; margin-top: .8em;}

.imageText { margin-bottom: 65px;
display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	-webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}
.imageText figure {
	 -ms-flex-preferred-size: 18%;
               flex-basis: 18%;
	max-width: 18%;

/* -ms-flex-preferred-size: 32.98969072164948%;
               flex-basis: 32.98969072164948%;
	max-width: 32.98969072164948%;*/

}
.imageText figure img { width: 100%; height: auto;}
.imageText div {

	-ms-flex-preferred-size: 77%;
               flex-basis: 77%;
	max-width: 77%;

/*	-ms-flex-preferred-size: 62.88659793814433%;
               flex-basis: 62.88659793814433%;
	max-width: 62.88659793814433%;*/

}
.imageText div h3 { font-size: 18px; font-weight: bold; margin-bottom: 15px;}
.imageText div h3 span { font-size: 14px; display: block; }
.imageText div p { font-size: 14px;}

a.is-event { margin-bottom: 40px;
  padding-left: 27px;
  }
a.is-event {
    opacity: 1;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
a.is-event { text-align: right; font-size: 16px;
    position: relative;
    display: block;
    color: #333333;
}
a.is-event:before {
    border-top-color: #009474;
}

a.is-event:before {
    content: '';
    display: inline-block;

    width: 0;
    height: 0;
    margin: auto;
    border: solid transparent;
    border-top-color: #009474;
}
a.is-event:before { margin-right: 10px;
    top: 3px;
    border-width: 6px 6px 0;
}
a.is-event:hover {
    opacity: .6;
  }
.layout-main__cover2 {
    max-width: 970px;
    padding: 0 0 0;
    margin: auto;
}
.sideField .tagWrap {
    border-bottom: 0px solid #eee;
}

.tgs { padding-top: 160px;}

/*.tagWrap { position: relative;}
#more { position: absolute; z-index: 1; top:40%;}*/
#more.down {
-moz-transition: all 0.4s cubic-bezier(.07,.91,.14,.84) 0s;
-webkit-transition: all 0.4s cubic-bezier(.07,.91,.14,.84) 0s;
-o-transition: all 0.4s cubic-bezier(.07,.91,.14,.84) 0s;
-ms-transition: all 0.4s cubic-bezier(.07,.91,.14,.84) 0s;
transition: all 0.4s cubic-bezier(.07,.91,.14,.84) 0s;}
a.bt2#more:after {
-moz-transition: all 0.4s cubic-bezier(.07,.91,.14,.84) 0s;
-webkit-transition: all 0.4s cubic-bezier(.07,.91,.14,.84) 0s;
-o-transition: all 0.4s cubic-bezier(.07,.91,.14,.84) 0s;
-ms-transition: all 0.4s cubic-bezier(.07,.91,.14,.84) 0s;
transition: all 0.4s cubic-bezier(.07,.91,.14,.84) 0s;
}
a.bt2#more.down:after { transform: rotate(180deg); }

@media (min-width: 768px) {
.eventList li.last .inner { border-bottom: none;}
	.layout-main__cover2 { position: relative;}
	 h2.ttl-cmn-01.layout-main__cover2a { position: absolute; width: 100%; text-align: center; margin-bottom: 0;}
	.innerWrapper .mainfield h5 { line-height: 1; margin-bottom: 15px; height: 34px;}
	.innerWrapper .sideField { padding-top: 49px;}
	.innerWrapper .sideFields { display: none;}
	.eventListWrap { position: relative;}
	.eventListWrap:before { content: ""; display: block; width:100%; height: 10px; position: absolute; bottom:0px; left: 0; background-color:#FFF;z-index: 1; }
}

@media (max-width: 767px) {
    .layout-main.tags {
        display: none;
    }
    h2.ttl-cmn-01.tag {
        display: block;
    }

	.eventCard {
    display: block;
}
	.eventCard li {

    margin-bottom: 35px;

    max-width: 100%;

}

	.eventCard li figure figcaption {

    font-size: 12px;
    padding: 7px 28px;
    line-height: 1;
}
.eventCard li .inner {
    padding: 21px 20px; position: static;
}
	a.Peatix { color: #333; font-weight: normal; display: inline-block; padding: 0 0 0 12px; margin-left: 12px; border-left: 1px solid #AFAFAF; }

a.Peatix:after { content: ""; display: inline-block; width: 14px; height: 14px; background-image:url("/common/img/target.png"); background-repeat: no-repeat; background-size: contain; margin-left: 10px; vertical-align: middle; }

.eventList { margin-bottom: 0px;
    border-top: 1px solid #707070;
    padding: 0px 0;
    position: relative;
    display: block;
}

	.eventList li {
    padding: 0 0px;

    max-width: 100%;
}
	.eventList:before,.eventList:after { display: none;}
	.eventList li .inner {
		padding: 18px 15px; height: auto;
	}

.eventCard li .icons {

    background-color:transparent;

    height: auto;
    line-height: 1;
    border-radius: 0;
    padding: 0 0px;
    position: absolute;
    bottom: 14px;
    right: 22px;
    margin-bottom: 0px;
}
	a.bt,a.bt2 {
    width: 140px;
    height: 35px;

    font-size: 12px;

    border-radius: 17.5px;
    line-height: 35px;
    margin-top: 20px;
}

	.pager li.back a { margin-right: 0px; }
.pager li.next a { margin-left: 0px; }
	.pager li.back { margin-left: 0; }
	.pager li.next { margin-right: 0; }
	.pager li {

    width: 28px;
    height: 28px;
    line-height: 28px;

    font-size: 12px;
}

	.pager li:before {

    width: 28px;
    height: 28px;

}

	.innerWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

		-ms-flex-wrap: wrap;
      flex-wrap: wrap;

		-webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
     -ms-flex-direction: column-reverse;
         flex-direction: column-reverse;
}

	.innerWrapper .mainfield {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}

	.innerWrapper .sideField {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}

	a.is-event {
    text-align: left;
    font-size: 16px;

}
	.sideField .tagWrap .tags {
    text-align: center;
}

	.innerWrapper .sideField.fixSide {
    position:static;

}
	a.is-event {
    margin-bottom: 20px;
    padding-left: 0px;
}
	.sideField .tagWrap {
    border-bottom: 0px solid #eee;
    padding-bottom: 20px;
    margin-bottom: 0px;
}
.innerWrapper .mainfield .infoField .label {
    text-align:left;
    text-align-last:left;

    font-size: 16px;

    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}
	.innerWrapper .mainfield .infoField {
    margin-bottom: 30px;
    display: block;
}
	.innerWrapper .mainfield .infoField p {

    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}
	.innerWrapper .mainfield h4 {

    margin-bottom: 15px;
}
	.innerWrapper .mainfield .infoField {
    margin-bottom: 15px;

}
	.innerWrapper .mainfield .infoField p.date em:nth-of-type(2) { display: block;}

	.imageText {
    margin-bottom: 65px;
    display: block;
}
	.imageText figure { margin-bottom: 15px;

    max-width: 100%;
}
	.imageText div {

    max-width: 100%;
}
	.imageText {
    margin-bottom: 30px;
    display: block;
}
	.player {
    margin-top: 35px;
}

	.innerWrapper .mainfield .textField {
    margin-top: 20px;
    padding-top: 20px;

    margin-bottom: 35px;
}
	.innerWrapper .mainfield .infoField p span.names{ margin-left: 0; display: block;}
	.related { padding-top:40px; margin-top: 40px; border-top:1px solid #E1E7E4;}
.tgs { padding-top: 40px;}
	.eventList li .inner:empty { display: none;}

	.innerWrapper .sideField { display: none;}
	.innerWrapper .sideFields { display: block; padding-top: 20px;}
	.innerWrapper .sideFields .tagWrap {
    border-bottom: 1px solid #eee;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
	.eventList li.end .inner { border:none;}
	.innerWrapper .mainfield .eventField .infoField p span { font-size: 22px;}
	.innerWrapper .mainfield .eventField .infoField p em { font-size: 14px; }
    .innerWrapper .mainfield .eventField .infoField p em span { font-size: 14px; }
	.innerWrapper .mainfield .eventField .infoField p.date em:nth-of-type(2) { display: block; margin-left: 0.1em;}
		}

.safari.ua-pc .innerWrapper .mainfield .infoField .label { letter-spacing:.7em;text-align: left; }

/**
 * extends developer
 */
h6 {
	font-size: 20px;
	font-weight: bold;
	padding-top: 40px;
}

.movie-wrap {
     position: relative;
		 margin-top: 40px;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}

.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.imgBox {
	display: block;
	width: 100%;
	padding-top: 40px;
	text-align: center;
}

ul.twoClmBox {
	display: flex;
	flex-wrap: wrap;
}

li.lftBox {
	width: calc(100%/2);
	padding: 0;
	box-sizing: border-box;
	padding:40px 2% 0 0;
}

li.rgtBox {
	width: calc(100%/2);
	padding: 0;
	box-sizing: border-box;
	padding:40px 0 0 2%;
}


.layout-headline__title-main {
  display: inline;
}

.layout-headline__in h1 span.read { width: 100%; font-size: 16px;padding-left: 1em; line-height: 1.6; display: block; margin-top: 1.5em; min-height: 102px;}

@media (max-width: 767px) {
   .layout-headline__in h1 span.read { width: 100%; font-size: 1.6rem;padding-left: 0; line-height: 1.6; display: block; margin-top: 1.5em;}
}