@charset "utf-8";


/*-- setting --*/

/* reset */
* {
    box-sizing: border-box;
}
body {
    font-family: 'Helvetica Neue', 'Helvetica', 'Hiragino Kaku Gothic ProN', YuGothic, 'Yu Gothic Medium', Meiryo, sans-serif;
    font-size: 16px;
    color: #4d4d4d;
    line-height: 1.8;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td,img{
    margin: 0; 
    padding: 0;
}
html{
    overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
}

.txt-red {color:#C1272D;}

.mt-20 {margin-top:20px;}

.fc .fc-toolbar>*>* {
    line-height: 1.7 !important;
}

.topnews01{
    margin: 0 auto;
    width: 70%;
}

.topnews02{
font-size: 22px;
    line-height: 1.8;
    font-weight: 600;

}

.ar-img{
width: 80%;
}

.ar-ta{
    margin: 10px 0 10px 0;
    font-size: 20px;
}

.news-btn{
    width: 40%;
    display: inline-block;
}

li.topnews02 a{
}

.te01 {
    line-height: 6.8;

}

.teb {
      background: #fff5ee;
    padding: 40px 0 5px;
    margin-bottom: 60px;

}

.ftl1
{
    margin: 10px 0 30px 0;
}


li.ftl2
{
    display: inline-block;
    margin: 0 15px;
}

li.ftl2 img{
    width: 240px !important;
}

.speta{

line-height: 1.6;
}
.bus1{
    margin: 0 0 20px 0;
}

.bus1 th, td{
padding: 10px;
}


.bus2{
font-size: 20px;
    text-align: center;
    color:#ffffff;
    font-weight: 800;
    background-color: #C1272A;
    
}

.bus3{
width: 30%;
background-color: #ffffcc;
font-weight: 800;
}

.bus32{
width: 15%;
background-color: #ffffcc;
}

.bus4{
width: 30%;
background-color: #f7e3e6;
font-weight: 800;
}

.bus42{
width: 15%;
background-color: #f7e3e6;
}

.bus5{
background-color: #ffffcc;
}

.bus52{
background-color: #f7e3e6;
}


.stay01{
    margin: 0 0 20px 0;
}

.stay01 th, td{
padding: 10px;
}


.stay1{
font-size: 20px;
    text-align: center;
    color:#ffffff;
    font-weight: 800;
    background-color: #C1272A;
    
}

.stay2{
width: 30%;
background-color: #ffffcc;
font-weight: 800;
}

.stay3{
width: 30%;
background-color: #ffffcc;
}

.stay32{
width: 20%;
background-color: #ffffcc;
}

.stay33{
width: 10%;
background-color: #ffffcc;
font-weight: 800;
}

.stay202{
width: 30%;
background-color: #f7e3e6;
font-weight: 800;
}

.stay302{
width: 30%;
background-color: #f7e3e6;
}

.stay3202{
width: 20%;
background-color: #f7e3e6;
}

.stay3302{
width: 20%;
background-color: #f7e3e6;
font-weight: 800;
}




.boxlin {
    margin: 0 10px;
    background-color: #C1272D;
    padding: 20px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 800;
    color: #ffffff;
}

.boxlin:hover{
    opacity: 0.6;
}

.fc-basicDay-view .fc-content-skeleton, .fc-basicWeek-view .fc-content-skeleton {

    padding-top: 1em !important;
    padding-bottom: 1em !important;

}

.qtip {
    font-size: 16px !important;
    line-height: 1.6 !important;
    max-width: 380px !important;

}

.qtip-eo .qtip-titlebar {

    background-color: #ffffcc !important;

}

.eo-fullcalendar-reset.fc-unthemed .fc-today {

    background: #ff9999 !important;

}

.minzoku1{
background: #C1272D;
color: #fff;
font-size: 30px;
font-weight: 600;
text-align: center;
padding: 10px 0;
margin-bottom: 20px;
}


.midashi1{
font-family: Maru Folk Medium,Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}


.midared{
font-size: 50px;
color: #C1272D;
font-weight: 700;
}

.midared2{
font-weight:700;
color: #C1272D;
}


.midasma{
font-size: 26px;
}

.topma{
margin-bottom: 20px;

}

.map{
text-align: center;
width: 100%;

}

.bt-center{
text-align: center;

}

.fuki{
font-size: 20px;
font-weight: 600;
color: #C1272D;
margin-bottom: 10px;
}

.wpgmp_iw_content{
font-size: 16px;
}

.ill{
    width:80%;
    margin: 0 auto;
    padding-top: 20px;

}

.fc-toolbar h2 {
    font-size: 30px !important;
    font-weight: 600 !important;
    top: -10px;
position: relative;

}

.fc-sat{
    color:#0066cc;

}

.fc-sun{
    color:#cc0000;

}

.fc-sat th {
    background:#0066cc !important;

}

.fc-event {
    padding: 5px !important;
    margin: 5px 0 !important;
    font-weight: 600 !important;

}

.fc button {
    font-weight: 600;

}

.name1 {

    color: #fff;
    text-align: center;
    margin: 20px 0;

}


.current{
    background-color: beige;
    padding: 15px 15px 5px 15px;
    border-radius: 8px;
}

.font{
    font-size: 120%; 
    font-weight: 700;
    color:#C1272D;
}


.midashi{
    font-size: 140%; 
    font-weight: 700;
    line-height: 2.4;
}

.notice{
    text-align: center;
    font-weight: 700;
    line-height: 1.6;
    margin: 0 0 30px 0;
}

.noticered{
    text-align: center;
    font-weight: 700;
    line-height: 1.6;
    margin: 0 0 30px 0;
    color:red;
}

.lead {
    text-align: left;
    width: 820px;
    margin: auto;
    font-size: 18px;
    margin-bottom: 50px;
    line-height: 1.8em;
    letter-spacing: 0em;
    font-family: 'Helvetica Neue', 'Helvetica', 'Hiragino Kaku Gothic ProN', YuGothic, 'Yu Gothic Medium', Meiryo, sans-serif;
}


ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal; 
    font-weight: 600;
}
a {
    text-decoration: none;
    color: #5099d3;
}

/*- clear fix -*/
*,
*:before,
*:after {
    box-sizing: border-box;
}
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*- image -*/
img {
    max-width: 100%;
    height: auto;
}


/*-- common --*/

.left {
    float: left;
}
.right {
    float: right;
}
:root {
  --main-color: #C1272D;
}
.mainwith {
    width: 1000px;
    margin: auto;
}
.subwith {
    width: 630px;
    margin: auto;
}
.block {
    margin-bottom: 62px;
}
.block2 {
    margin-bottom: 48px;
}
.block3 {
    margin-bottom: 26px;
}
.mincho {
    font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.title1 {
    text-align: center;
    font-size: 40px;
    letter-spacing: 0.2em;
    margin-bottom: 48px;
}
.title1:first-letter {
    color: #C1272D;
}

.title12 {
    text-align: center;
    font-size: 40px;
    letter-spacing: 0.1em;
    margin-bottom: 0;
    line-height: 1.4;
}
.title12:first-letter {
    color: #C1272D;
}

.title2 {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.2em;
    background-image: url(img/img_border_title.svg);
    background-repeat: no-repeat;
    background-position: center 90%;
    background-size: auto 4px;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.title233 {
    text-align: center;
    margin-bottom: 100px;
}

.title23 {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 20px;
    margin-bottom: 30px;
        line-height: 1.8;
}

.title21 {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.2em;
    background-image: url(img/img_border_title.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: auto 4px;
    padding-bottom: 20px;
    margin-bottom: 30px;
}


.title24 {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.1em;
    background-image: url(img/img_border_title.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: auto 4px;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.title3 {
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0.2em;
    margin-bottom: 19px;
}
.main {
    margin-bottom: 64px;
}
.description {
    font-size: 14px;
    text-align: center;
    margin-bottom: 25px;
}

.description2 {
    font-size: 18px;
        font-weight: 600;
    text-align: center;
    margin-bottom: 25px;
}
.sp2 {
    display: none;
}
/* table */
.table1 {
    width: 100%;
}
.table1 tr:first-child {
    border-top: 1px solid #b3b3b3;
}
.table1 tr {
    border-bottom: 1px solid #b3b3b3;
}
.table1 th {
    text-align: center;
    width: 30%;
    background-color: #f2f2f2;
}
.table1 td {
    padding: 6px 16px;
    word-break: break-all;
}


/*-- header --*/

.header {
    border-top: 10px solid #C1272D;
    margin-bottom: 50px;
}
.header > .inner {
    padding-top: 20px;
    display: table;
}
/* logo */
.header .logo {
    display: table-cell;
    vertical-align: middle;
}
.header .logo a {
    display: block;
}
.header .logo img {
    width: 246px;
    height: auto;
}
/* navi */
.header .navi {
    display: table-cell;
    vertical-align: middle;
}
.header .navi .inner {
    display: flex;
    justify-content: space-between;
}
.header .navi .inner li {
    width: 140px;
}
.header .navi .inner li path {
    fill: #999999;
    -webkit-transition: fill 0.3s ease-out;
    -moz-transition: fill 0.3s ease-out;
    -o-transition: fill 0.3s ease-out;
    -ms-transition: fill 0.3s ease-out;
    transition: fill 0.3s ease-out;
}
.header .navi .inner li a:hover path {
    fill: #FBB03B;
}

/*-- main --*/

.breadcrumb {
    margin-bottom: 36px;
}

/*- home -*/
.home .marugoto .content1 .image {
    width: 460px;
}
.home .marugoto .content1 .text {
    width: 500px;
}
.home .marugoto .content2 .text {
    width: 638px;
}
.home .marugoto .content2 .image {
    width: 330px;
}

/*- eventlist -*/
.archiveart .list {
    display: flex;
}
.archiveart .list li {
    width: 30%;
    text-align: center;
}
.archiveart .list li .title {
    font-size: 20px;
    margin-bottom: 4px;
}
.archiveart .list li .link {
    line-height: 1;
    color: #fff;
    display: inline-block;
    background-color: #C1272D;
    padding: 16px 32px;
}

/*- area -*/
.performingarts .maincontents .area {
    text-align: center;
    margin: 40px auto;
}
.performingarts .maincontents .area li {
    display: inline-block;
    margin: 0 10px;
    background-color: #C1272D;
    padding: 10px;
    border-radius: 10px;
}

.area a {
    color: #fff;
    font-weight: 600;
}

.area a::after {
  content: "｜";
}

.area a:hover {
    opacity: 0.6;
}

/*- performingarts -*/
.singleart .rubi {
    text-align: center;
    font-size: 12px;
    letter-spacing: 1.2em;
    margin-bottom: 11px;
}
.singleart .area {
    text-align: center;
    margin-bottom: 20px;
    background-color: #C1272D;
    padding: 4px 0;
    vertical-align: middle;
}
.singleart .area ul,
.singleart .area li {
    display: inline-block;
}
.singleart .area ul {
    margin-left: 8px;
}
.singleart .area li a {
    font-size: 12px;
    line-height: 1;
    color: #fff;
    display: inline-block;
    background-color: #C1272D;
    padding: 6px 8px;
    border-radius: 6px;
}
.singleart .comment {
    text-align: left;
    line-height: 1.6;
    font-size: 14px;
}
/* relation */
.singleart .relation {
    text-align: center;
    background-color: #f2f2f2;
    padding-bottom: 18px;
}
.singleart .relation h3 {
    display: inline-block;
    background-color: #fff;
    padding: 4px 16px;
    margin-bottom: 21px;
}
.singleart .relation ul {
    display: flex;
    justify-content: center;
}
.singleart .relation li {
    width: 140px;
    margin: 0 12px;
}
.singleart .relation li a {
    color: #4d4d4d;
}

/*- calendar -*/
.calendar-area .outer {
    margin-bottom: 5px;
    padding-top: 75px;
    position: relative;
}
.calendar-area .outer h3 {
    background-color: #4d4d4d;
    color: #fff;
    display: block;
    padding: 4px 8px;
    font-weight: 600;
    font-size: 20px;
}
.calendar-area .block3 {
    display: table;
    width: 100%;
    margin-bottom: 0;
}
.calendar-area .block3 h4 {
    display: table-cell;
    vertical-align: middle;
    width: 22%;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 8px;
    line-height: 1.2em;
    font-size: 14px;
    font-weight: 700;
}
.calendar-area .block3 .calendarbox {
    display: table-cell;
    vertical-align: top;
}
.calendar-area .eventblock li:not(:first-child) .fc-toolbar,
.calendar-area .eventblock2 li .fc-toolbar,
.calendar-area .eventblock3 li .fc-toolbar,
.calendar-area .eventblock li:not(:first-child) thead,
.calendar-area .eventblock2 li:not(:first-child) thead,
.calendar-area .eventblock3 li:not(:first-child) thead,
.home .calendar .museum .fc-toolbar,
.home .calendar .gallery .fc-toolbar,
.home .calendar .culture .fc-toolbar {
    display: none;
}
.calendar-area .eventblock li:first-child .fc-toolbar,
.home .calendar .theater .fc-toolbar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    background-color: #C1272D;
    border-top: 1px solid #C1272D;
    border-left: 1px solid #C1272D;
    border-right: 1px solid #C1272D;
    margin-bottom: 0;
    padding: 8px 16px;
}
.calendar-area .eventblock li:first-child .fc-toolbar.fixed,
.home .calendar .theater .fc-toolbar.fixed {
    position: fixed;
    width: 1000px;
    left: 50%;
    top: 0;
    margin-left: -500px;
}
.calendar-area .eventblock li:first-child .fc-toolbar .fc-left,
.home .calendar .theater .fc-toolbar .fc-left {
    color: #fff;
}
.home .calendar .theater .fc-toolbar .fc-left {
    display: none;
}
.home .calendar .theater .fc-toolbar .fc-header-goto.fc-corner-right {
    display: none;
}
.home .calendar .theater .fc-toolbar .fc-center {
    color: #fff;
}
.home .calendar .topma {
    margin-bottom: 0!important;
}
.home .calendar .outer {
    margin-bottom: 0!important;
}
.home .calendar .museum.outer,
.home .calendar .gallery.outer,
.home .calendar .culture.outer {
    padding-top: 0!important;
}
.calendar-area .theater.outer .title {
    background-color: #f4455d;
}
.calendar-area .museum.outer .title {
    background-color: #febc00;
}
.calendar-area .gallery.outer .title {
    background-color: #a752cc;
}
.calendar-area .culture.outer .title {
    background-color: #019ea8;
}
.home .calendar .outer {
    display: table;
}
.home .calendar .title,
.home .calendar .pc2 {
    display: table-cell;
}
.home .calendar .title {
    font-size: 18px;
    width: 160px;
    text-align: center;
    vertical-align: middle;
}
.monthly-list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px;
}
.monthly-list a {
    color: #fff;
    min-width: 8%;
    padding: 12px 16px;
    background-color: #FBB03B;
    border-radius: 10px;
    font-weight: 600;
}

.monthly-list a:hover {
    opacity: 0.6;
}

/*- archive -*/
.performingarts_list {
    margin-bottom: 40px;
}
.performingarts_list .list {
    border: solid 1px #dddddd;
    margin-bottom: 26px;
    position: relative;
}
.performingarts_list .list a {
    display: block;
    color: #4d4d4d;
    width: 100%;
    padding: 28px 50px;
}
.performingarts_list .list .title h3 {
    display: inline-block;
    font-size: 26px;
    font-weight: bold;
    border-left: solid 4px #C1272D;
    padding-left: 20px;
    margin-bottom: 16px;
}
.performingarts_list .list .title span {
    display: inline-block;
    background-color: #4d4d4d;
    color: #fff;
    font-size: 12px;
    padding: 4px 16px;
    float: right;
    border-radius: 4px;
}
.performingarts_list .list .description {
    font-size: 16px;
    text-align: left;
}
.performingarts_list .list .data {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: table;
}
.performingarts_list .list .data .place {
    background-color: #C1272D;
    color: #fff;
    display: table-cell;
    width: 50%;
    padding: 0 16px;
    font-weight: 600;
}
.performingarts_list .list .data .plans {
    background-color: #FBB03B;
    display: table-cell;
    padding: 0 16px;
    font-weight: 600;
}

/*- pagenavi -*/
.wp-pagenavi {
    margin-top: 32px;
}
.wp-pagenavi .page,
.wp-pagenavi .pages,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .current,
.wp-pagenavi .extend,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .last {
    padding: 8px 16px;
    border: solid 1px #dddddd;
}

/*-- footer --*/

.footer {
    background-color: #4D4D4D;
    padding: 25px 0;
}
.footer .navi {
    text-align: center;
    font-size: 14px;
    margin-bottom: 10px;
}
.footer .navi a {
    color: #fff;
}
.footer .navi li {
    display: inline-block;
    margin: 0 9px;
}
.footer .logo {
    margin-bottom: 25px;
    text-align: center;
}
.footer .logo img {
    width: 240px;
    height: auto;
}
.footer .copyright {
    text-align: center;
    font-size: 12px;
    color: #fff;
}

/*- pagetop -*/
.scrollTop {
    position: fixed;
    right: 20px;
    bottom: 30px;
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
}
.scrollTop a {
    font-size: 18px;
    color: #fff;
    background: #C1272D;
    padding: 20px;
           
}
.scrollTop a:hover{
    opacity: 0.8;
}


/*-- special --*/

/*- common -*/

.special2 .header,
.special2 .main,
.special2 .footer {
}
.special2 .title2 {
    font-size: 40px;
    text-align: center;
}

.loi{
    font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 800;
    margin: 10px 0;
}

/*- header -*/

.special2 .mainvisual {
    min-height: 790px;
    padding-top: 460px;
    background-image: url(img/ph_sp_main.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    margin-bottom: 24px;
}
.special2 .mainvisual .pagetitle {
    font-size: 23px;
    color: #fff;
}
.special2 .mainvisual .catchcopy {
    font-size: 64px;
    color: #fff;
}
.special2 .mainvisual > .more {
    height: 80px;
    line-height: 80px;
}
.special2 .mainvisual > .more img {
    width: 60px;
    height: auto;
}

/*- main -*/

 .main {
    line-height: 1.8em;
}
.special2 .main .lead {
    text-align: center;
    width: 820px;
    margin: auto;
    font-size: 16px;
    margin-bottom: 60px;
    line-height: 2.2em;
    letter-spacing: 0.1em;
}
/* activity */
.special2 .main .activity {
    display: table;
    margin-bottom: 120px;
}
.special2 .main .activity .image {
    display: table-cell;
    width: 60%;
    vertical-align: top;
    background-image: url(img/ph_sp_kouen.jpg);
    background-size: cover;
}
.special2 .main .activity .description {
    display: table-cell;
    vertical-align: middle;
    padding: 80px 0 80px;
}
.special2 .main .activity .explanation {
    font-size: 14px;
    background-color: #fff;
    padding: 40px;
    text-align: left;
}
.special2 .main .activity .inner {
    position: relative;
    left: -100px;
}

/* activity2 */
.special2 .main .activity2 {
    display: table;
    margin-bottom: 120px;
}
.special2 .main .activity2 .image {
    display: table-cell;
    width: 60%;
    vertical-align: top;
    background-image: url(img/ph_sp_kouen.jpg);
    background-size: cover;
}
.special2 .main .activity2 .description {
    display: table-cell;
    vertical-align: middle;
    padding: 80px 0 80px;
}
.special2 .main .activity2 .explanation {
    font-size: 14px;
    background-color: #fff;
    padding: 40px;
    text-align: left;
}
.special2 .main .activity2 .inner {
    position: relative;
    left: 100px;
}



/* about */
.special2 .main .about {
    margin-bottom: 50px;
}
.special2 .main .about .description {
    position: relative;
}
.special2 .main .about .title {
    background-image: url(img/gfx__tribal_ptn.png);
    background-size: auto;
    text-align: center;
}
.special2 .main .about .title .title2 {
    background-color: #fff;
    padding: 20px 100px;
    display: inline-block;
    margin-bottom: 420px;
}
.special2 .main .about .explanation {
    width: 60%;
    position: relative;
    top: -40px;
    background-color: #fff;
    padding: 40px 40px 0 40px;
    margin: auto;
}
/* place */
.special2 .main .place {
    margin-bottom: 120px;
}
.special2 .main .place .description {
    display: table;
    width: 100%;
}
.special2 .main .place .description {
    display: table-cell;
    vertical-align: top;
    width: 40%;
    text-align: center;
    padding: 76px 70px 120px 70px;
}
.special2 .main .place .explanation img {
    margin-bottom: 58px;
}
.special2 .main .place .explanation p {
    text-align: left;
}
.special2 .main .place .image {
    display: table-cell;
    vertical-align: top;
    background-image: url(img/igumikirinsihisihi.jpg);
    background-size: cover;
}
/* enjoy */
.special2 .main .enjoy {
    margin-bottom: 20px;
}
.special2 .main .enjoy header {
    text-align: center;
    margin-bottom: 30px;
}
.special2 .main .enjoy header p {
    font-size: 26px;
}
.special2 .main .enjoy .contents {
    padding: 10px 0;
    background-color: #ffffff;
}
.special2 .main .enjoy .contents .block {
    margin-bottom: 54px;
    position: relative;
    display: table;
}
.special2 .main .enjoy .contents li {
    height: 406px;
    display: table-cell;
    text-align: center;
    position: relative;
}
.special2 .main .enjoy .contents .block .title {
    background-color: #c1272d;
    color: #fff;
    font-size: 20px;
    padding: 4px 8px;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 900;
    transform: translateX(-50%);
    -webkit- transform: translateX(-50%);
    margin: auto;
}
.special2 .main .enjoy .contents .stay li {
    width: 50%;
}
/*
.special2 .main .enjoy .contents .look li {
    width: 16.66%;
}
*/
.special2 .main .enjoy .contents .stork,
.special2 .main .enjoy .contents .tajimagyu {
    width: 50%;
}
.special2 .main .enjoy .contents li .name {
    color: #fff;
    text-align: center;
    line-height: 1.4em;
    background-color: #cc6633;
    font-size: 16px;
    padding: 7px 7px;
    display: inline-block;
    position: absolute;
    bottom: 12px;
    left: 50%;
    z-index: 900;
    transform: translateX(-50%);
    -webkit- transform: translateX(-50%);
    margin: auto;
    letter-spacing: 0.2em;
    width: 70%;
}
.capmini {
    font-size: 14px;
}

.special2 .main .enjoy .contents .yumura {
    background-image: url(img/ph_sp_yumura2.jpg);
    background-size: cover;
}
.special2 .main .enjoy .contents .kinosaki {
    background-image: url(img/ph_sp_kinosaki2.jpg);
    background-size: cover;
}
.special2 .main .enjoy .contents .stork {
    background-image: url(img/ph_sp_stork2.jpg);
    background-size: cover;
}
.special2 .main .enjoy .contents .tajimagyu {
    background-image: url(img/ph_sp_tajimagyu2.jpg);
    background-size: cover;
}
.special2 .main .enjoy .contents .geopark {
    background-image: url(img/ph_sp_sea2.jpg);
    background-size: cover;
}
.special2 .main .enjoy .contents .kinodendo {
    background-image: url(img/ph_sp_kinodendo2.jpg);
    background-size: cover;
}
.special2 .main .enjoy .contents .mokucho {
    background-image: url(img/ph_sp_temple2.jpg);
    background-size: cover;
}
.special2 .main .enjoy .contents .kodaiasago {
    background-image: url(img/ph_sp_kodaiasagokan2.jpg);
    background-size: cover;
}
/* slider */
.special2 .main .slider {
    margin-bottom: 110px;
}
/* news */
.special2 .main .news {
    text-align: center;
    margin-bottom: 100px;
}
.special2 .main .news .list {
    width: 600px;
    margin: auto;
    font-size: 12px;
    margin-bottom: 32px;
}
.special2 .main .news .list li {
    padding: 16px 0;
    border-bottom: solid 1px #e6e6e6;
}
.special2 .main .news .list li:first-child {
    border-top: solid 1px #e6e6e6;
}
.special2 .main .news .more {
    background-color: #4d4d4d;
    font-size: 14px;
    padding: 8px 28px;
    color: #fff;
    display: inline-block;
}
/* footer */
.special2 .footer {
    background-color: #4d4d4d;
    padding: 30px 0 16px;
    color: #fff;
}
.special2 .footer .navi {
    text-align: center;
    margin-bottom: 40px;
}
.special2 .footer .navi li {
    display: inline-block;
    margin: 0 8px;
}
.special2 .footer .navi a {
    font-size: 14px;
    color: #fff;
}
.special2 .footer .logo {
    margin-bottom: 20px;
    text-align: center;
}
.special2 .footer .logo img {
    width: 280px;
    height: auto;
}
.special2 .footer .copyright {
    text-align: center;
}


/* video-archive */
#video-wrap {
    display: flex;
}
#video-wrap ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#video-wrap ul li {
    width: 45%;
    margin: 25px 20px;
    text-align: center;
}
#video-wrap ul li img {   
}

@media screen and (max-width:480px) {
    #video-wrap ul li {
        width: 100%;
        margin: 0px;
    }
}


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

.special2 .main .place .description {
    display: block;
    vertical-align: top;
    width: 100%;
    text-align: left;
    padding: 10px 20px 10px 20px;
}

.special2 .main .place .image {
    display: none;
    vertical-align: top;
    background-image: none;
    background-size: unset;
}

.special2 .main .place {
    margin-bottom: 20px;
}

.special2 .main .place .explanation img {
    margin-bottom: 30px;
    margin-top: 20px;
}


/*-- common --*/

.mainwith {
    width: 90%;
}

/*-- header --*/
.header > .inner {
    padding-top: 10px;
    padding-bottom: 8px;
}
.header .inner {
    width: 100%!important;
    display: block;
}
.header .inner .logo {
    display: block;
    text-align: center;
}
.header .inner .logo img {
    width: auto;
    height: 40px;
}

/*- navi -*/
.header .navi {
    width: 100%;
    display: block;
}

/*-- main --*/

/*- home -*/
.home .about .left,
.home .about .right {
    float: none;
}
.home .marugoto .content2 .text {
    width: 100%;
    margin-bottom: 64px;
}
.home .marugoto .content2 .image {
    width: 100%;
    text-align: center;
}
.monthly-list a {
    background-color: #fff;
    color: #FBB03B;
    display: inline-block;
    text-align: center;
}
.monthly-list {
    display: table;
    width: 100%;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.monthly-list li {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    display: table-cell;
}
.monthly-list li:last-child {
    border-right: none;
}

/*- performingarts -*/
.performingarts_list .list .data {
    position: relative;
    display: block;
}
.performingarts_list .list .data .place,
.performingarts_list .list .data .plans {
    display: block;
    width: 100%;
}
.performingarts_list .list .data .place {
    margin: 16px 0;
}

/*- special -*/
.special2 .main .enjoy .contents .block,
.special2 .main .enjoy .contents li {
    display: block;
    width: 100%!important;
}
.special2 .main .enjoy .look {
    margin-bottom: 0!important;
}
.special2 .main .lead {
    width: 90%;
}
.special2 .overview {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}
.special2 .main .enjoy header p {
    font-size: 18px;
}
.special2 .overview .lead {
    font-size: 14px;
    text-align: left;
}
.special2 .overview .midashi {
    font-size: 100%;
}
.special2 .enjoy2 header {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}
.special2 .enjoy2 header p {
    font-size: 20px;
}
.special2 .enjoy2 .tajimawaru .comment {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    text-align: left!important;
    font-size: 14px;
}

.subwith {
    width: 90%;
    margin: auto;
    margin-bottom: 30px;
}

}

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

.topnews01{
    margin: 0 auto;
    width: 90%;
}

.topnews02{
font-size: 20px;
    line-height: 1.6;
    font-weight: 600;
        margin-bottom: 15px;

}

.news-btn {
    width: 100%;
    display: inline-block;
    margin: 10px !important;
}

.txleft {
    text-align: left;
}

.title2 {
    line-height: 1.2;
        background-position: center 100%;
}

.title24 {

    font-size: 22px;
}

.right {
    float: none;
    text-align: center;
}

li.ftl2
{
    display: block;
    margin: 0 0 10px 0 ;
}

li.ftl2 img{
    width: 70% !important;
}

.calendar-area .theater.outer .title {

    padding: 16px 9px 8px !important;

}

.fc-toolbar .fc-center, .fc-toolbar .fc-left {

    float: left !important;

}

.fc .fc-toolbar > * > * {

    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;

}

.fc td, .fc th {
    height: 60px !important;
}

/*- home -*/
.home .marugoto .content1 .image {
    width: 100%;
}
.home .marugoto .content1 .text {
    width: 100%;
        text-align: left;
}
.home .marugoto .content2 .text {
    width: 100%;
}
.home .marugoto .content2 .image {
    width: 100%;
}
.home .calendar .outer {
    display: block;
}
.home .calendar .title,
.home .calendar .pc2 {
    display: block;
}
.home .calendar .title {
    font-size: 18px;
    width: auto;
    text-align: center;
    vertical-align: middle;
}


.calendar-area .outer {
    padding-top: 119px !important;
}

.calendar-area .museum{
    padding-top: 29px !important;
}

.calendar-area .gallery{
    padding-top: 29px !important;
}

.calendar-area .culture{
    padding-top: 29px !important;
}

.ill{
    width:100%;

}

.fc-toolbar h2 {
    font-size: 20px !important;

}

.monthly-list a {
    padding: 12px 10px;
}

.lead {
    width: 90%;
    text-align: left!important;
}

.fc-toolbar h2 {
    top: -5px;

}

.fc button {
    margin: 0 10px 15px 10px !important;

}

/*-- header --*/
.header .navi .inner {
    display: table;
}
.header .navi .inner li {
    display: table-cell;
    vertical-align: bottom;
}
.header .navi.fixed .inner {
    width: 100%;
}

.header {
    margin-bottom: 10px;
}

/*-- main --*/

/*- home -*/

.monthly-list {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}
.monthly-list li {
    display: table-cell;
    width: 16.6%;
}

/*- performingarts -*/
.performingarts_list .list .title h3 {
    display: block;
}
.performingarts_list .list .title span {
    float: none;
    display: inline-block;
    margin-bottom: 16px;
}
.performingarts_list .list a {
    padding: 20px 16px;
}
}

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

/*-- common --*/

.sp2 {
    display: block;
}

.pc2 {
    display: none;
}

.title1 {
    text-align: center;
    font-size: 32px;
    letter-spacing: 0.2em;
    margin-bottom: 20px;
    line-height: 1.4em;
}

.title12 {
    text-align: center;
    font-size: 32px;
    letter-spacing: 0.2em;
    margin-bottom: 20px;
    line-height: 1.4em;
}

.title21 {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.2em;
    background-image: url(img/img_border_title.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: auto 4px;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.breadcrumb {
    font-size: 14px;
}

.block2 {
    margin-bottom: 30px;
}

}