@charset "utf-8";

/* -----------------------------------------------------
  Structure
  Mainvisual
  contents
  Schedule
  Topics
  Blog
----------------------------------------------------- */

/* -----------------------------------------------------
  Structure
----------------------------------------------------- */
body#top{
background:url(/images/bg-wrapper.jpg) #fff 50% 0 no-repeat;
}
/* header */
div#wrapper-top{
margin:0 auto;
width:100%;
}
div#str-header-01{
position:relative;
margin:0 auto;
}
body#top div#wrap-contents-01{
margin:0 auto;
padding:10px 20px 25px;
background:none;
text-align:left;
}



/* -----------------------------------------------------
  heading
----------------------------------------------------- */
.top-hdg-l2-01 h2,
.top-hdg-l2-02 h2,
.top-hdg-l2-03 h2,
.top-hdg-l2-05 h2 {
font-size: 24px;
font-weight: bold;
color: #00367b;
margin-bottom: 10px;
}
.top-hdg-l2-01 h2:before,
.top-hdg-l2-02 h2:before,
.top-hdg-l2-03 h2:before,
.top-hdg-l2-04 h2:before,
.top-hdg-l2-05 h2:before {
content: "";
display: inline-block;
vertical-align: sub;
margin-right: 12px;
vertical-align: middle;
}
.top-hdg-l2-01 h2:before {
background: url(/images/index-hdg-l2-01.png);
width: 32px;
height: 29px;
}
.top-hdg-l2-02 h2:before {
background: url(/images/index-hdg-l2-02.png);
width: 45px;
height: 31px;
margin-right: 5px;
}
.top-hdg-l2-03 h2:before {
background: url(/images/index-hdg-l2-03.png);
width: 38px;
height: 32px;
}
.top-hdg-l2-04 h2 {
font-size: 24px;
font-weight: bold;
margin-bottom: 13px;
}
.top-hdg-l2-04 h2 a {
color: #2c8415;
text-decoration: none;
}
.top-hdg-l2-04 h2:before {
background: url(/images/index-hdg-l2-04.png);
width: 38px;
height: 40px;
vertical-align: middle;
}
.top-hdg-l2-05 h2:before {
background: url(/images/index-hdg-l2-05.png);
width: 35px;
height: 31px;
vertical-align: middle;
}
.top-hdg-l3-01 {
background: #e9eff6;
padding: 12px 30px;
border-top: 1px solid #d9d9d9;
}
.top-hdg-l3-01 h3 {
font-size: 16px;
font-weight: bold;
color: #333;
}
.img-text-01 + .top-hdg-l2-03 h2 {
margin-top: -5px;
}

/* -----------------------------------------------------
  Mainvisual
----------------------------------------------------- */
.main-visual{
max-width: 1598px;
margin: 0 auto;
padding-top:24px;
position:relative;
overflow: hidden;
}
.main-visual ul.carousel{
position:relative;
left:50%;
margin:0 -875px;
width:1750px;
padding:0;
height:225px;
overflow:hidden;
}
.main-visual ul.carousel li{
margin:0;
padding:0;
}
.main-visual .controller{
width:984px;
margin:0 auto;
position:relative;
z-index:1000;
display: none;
}
.main-visual .controller .prev,
.main-visual .controller .next{
position:absolute;
top:-225px;
}
.main-visual .controller .prev{ left:0; }
.main-visual .controller .next{ right:0; }

/* -----------------------------------------------------
  carousel
----------------------------------------------------- */

.main-visual .carousel {
    position: relative;
    width: 100%;
    max-width: 550px;
    margin: 0 auto;
}

.main-visual .carousel.off-carousel .control, .main-visual .carousel .jump {
    display: inline-block;
    margin-top: 0;
    vertical-align: top;
}

.main-visual .carousel .content {
    margin: 0 auto;
    padding: 0 0 14px;
}
.main-visual .carousel .content ul {
  margin-left: -48px;
}

.main-visual .carousel .content li {
    margin: 0 0 0 48px;
}

.main-visual .carousel .content a {
    display: block;
}
.main-visual .carousel .control-wrap {
  display: none;
}
.main-visual .carousel .control button {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    background: no-repeat;
    border: none;
}

.main-visual .carousel .control {
    display: inline-block;
    vertical-align: top;
}

.main-visual .carousel .control #pause button, .main-visual .carousel .control #resume button {
    margin-left: 3px;
    cursor: pointer;
}

.main-visual .carousel .control .next {
    top: 0;
    right: 0;
  cursor: pointer;
}

.main-visual .carousel .control .prev {
    top: 0;
    left: 0;
  cursor: pointer;
}


.main-visual .jump {
    font-size: 0;
}

.main-visual .jump li {
    display: inline-block;
    width: 28px;
}

.main-visual .jump li button {
    padding: 0;
  cursor: pointer;
}

.main-visual .jump li button span {
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 0;
    color: transparent;
    vertical-align: middle;
    background: #a6a6a6;
    border-radius: 50%;
    border: 2px solid #fff;
    box-sizing: border-box;
}

.main-visual .jump li.current button span {
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background: #003374;
    border: 2px solid #fff;
}

.main-visual .control-wrap {
/*    max-height: 195px;
    overflow: hidden;*/
}

.main-visual .control-wrap:after {
    display: block;
    clear: both;
    content: " ";
}
.main-visual button {
background: none;
border: none;
padding: 0 4px;
cursor: pointer;
}
.carousel .control-wrap .prev button {
position: absolute;
left: -23px;
top: -30px;
bottom: 0;
margin: auto 0;
width: 45px;
height: 45px;
}
.carousel .control-wrap .next button {
position: absolute;
right: -23px;
top: -30px;
bottom: 0;
margin: auto 0;
width: 45px;
height: 45px;
cursor: pointer;
}

.carousel .control-wrap #pause, .carousel .control-wrap #resume {
margin: 0 5px 0 0;
}


@media only screen and (max-width: 976px) {
.main-visual{
background: #e0e5f2;
padding-top: 5px;
height: auto;
}
.carousel .control-wrap .prev button {
  left: -3px;
}
.carousel .control-wrap .next button{
  right: -1px;
}
}
@media only screen and (max-width: 750px) {
.main-visual .carousel .content {
    padding: 0;
}
.main-visual .carousel .content li {
    margin: 0;
}
.main-visual .carousel .content ul {
  margin-left: 0;
}
.main-visual .carousel.off-carousel .control, .main-visual .carousel .jump {
  margin-top: 12px;
}
.main-visual .carousel .control {
    display: inline-block;
    vertical-align: bottom;
}
}
/* -----------------------------------------------------
  contents
----------------------------------------------------- */
#top .box-info-01 {
width: 100%;
border: 4px solid #d2d4e5;
background: #fff;
display: table;
box-sizing: border-box;
margin-bottom: 20px;
}
#top .box-info-01 .hdg-col,
#top .box-info-01 .content-col {
display: table-cell;
}
#top .box-info-01 .content-col {
padding: 11px 25px;
}
#top .box-info-01 .hdg-col {
background: #ffffff;
background: linear-gradient(to bottom,  #ffffff 0%,#e8eaf1 100%);
vertical-align: middle;
padding: 18px;
width: 223px;
box-sizing: border-box;
}
#top .box-info-01 .hdg-col h2 {
font-size: 22px;
color: #00367b;
}
#top .box-info-01 .hdg-col h2:before {
display: inline-block;
vertical-align: text-bottom;
content: "";
background: url(/common/images/icon-alert-01.png);
width: 24px;
height: 24px;
margin-right: 9px;
}
#top .box-info-01 .table-info-01 {
padding: 14px 23px;
box-sizing: border-box;
border-collapse: collapse;
}
#top .box-info-01 .table-info-01 tr {
border-bottom: 1px dashed #a1a1a1;
}
#top .box-info-01 .table-info-01 tr:last-child {
border-bottom: none;
}
#top .box-info-01 .table-info-01 th,
#top .box-info-01 .table-info-01 td {
padding: 8px 10px 8px 0;
vertical-align: top;
min-width: 130px;
}
#top .box-contact-01 {
width: 100%;
box-sizing: border-box;
padding: 16px 20px 10px 20px;
}
#top .box-contact-01 h2 {
font-size: 22px;
text-align: center;
margin: 0 50px 10px;
line-height: 1.25;
}
#top .box-contact-01.ticket h2{
margin: 0 auto 16px;
}
#top .box-contact-01.ticket a {
display: block;
width: 204px;
margin: 0 auto;
}
#top .box-contact-01 h2 span {
font-size: 16px;
}
#top .box-contact-01 .list-link {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin: 16px auto 0;
font-size: 0;
letter-spacing: 0;
}
#top .box-contact-01 .list-link li {
vertical-align: middle;
background: #fff;
border: #d9d9d9 solid 1px;
border-radius: 4px;
margin-bottom: 10px;
}
#top .box-contact-01 .list-link li a {
font-size: 14px;
display: block;
margin: 0 auto;
box-sizing: border-box;
text-align: center;
}
#top .box-contact-01 .list-link li:first-child {
margin-right: 20px;
}
#top .box-contact-01 .list-link [href^="tel"] {
font-weight: bold;
text-decoration: none;
color: #333;
max-width: 185px;
padding: 16px 19px 13px 51px;
background: url(/common/images/icon-tel-01.png) no-repeat 11px 50%;
}
#top .box-contact-01 .list-link a:not([href^="tel"]) {
font-weight: bold;
text-decoration: underline;
color: #0378df;
max-width: 225px;
padding: 14.5px 19px 14.5px 51px;
background: url(/common/images/icon-q-01.png) no-repeat 11px 45%;
}
#top .box-contact-01 .list-link a:not([href^="tel"]):hover {
text-decoration: none;
}

p.txt-link-01-01 a{
padding-left:12px;
background:url(/common/images/bg-link-right-01.gif) no-repeat 0% 40%;
}


/* -----------------------------------------------------
  Schedule
----------------------------------------------------- */

.schedule-column {
margin-bottom: 20px;
}
.schedule-column .col{
background: #fff;
border-bottom: 1px solid #d9d9d9;
display: table;
vertical-align: top;
width: 100%;
box-sizing: border-box;
}
.schedule-column .col.today{
border-bottom: 1px solid #d9d9d9;
}
.schedule-column .col .schedule{
margin: 0;
padding: 7px 32px;
background: #f6f6f6;
display: table-cell;
width: 250px;
box-sizing: border-box;
height: 100%;
font-size: 16px;
vertical-align: top;
}
@media only screen and (max-width: 976px) {
.schedule-column .col .schedule{
padding: 13px 1em;
width: 130px;
}
}
.schedule-column .col .schedule-content {
display: table-cell;
width: calc(100% - 230px);
}
.schedule-column .col .schedule-content .schedule-content-inner {
  /*max-width: 588px;*/
  width: 100%;
}
.schedule-column .col .schedule-content:after {
  content: "";
  display: block;
  clear: both;
}
.schedule-column .col .schedule-content > div {
float: none;
}
.schedule-column .col .schedule-content .current {
height: 100%;
width: 100%;
box-sizing: border-box;
vertical-align: top;
}
.schedule-column .col .schedule-content .current:last-child {
border-right: none;
}

.schedule-column .col.today .schedule{
background: #fef8dc;
}

.schedule-column .col .schedule .label-01 {
border: 1px solid #becfe4;
background: #fff;
color: #00367b;
font-size: 11px;
width: 88px;
padding-top: 2px;
display: inline-block;
text-align: center;
}
.schedule-column .col .schedule .label-02 {
border: 1px solid #ccc;
background: #fff;
color: #999;
font-size: 11px;
width: 88px;
padding-top: 2px;
display: inline-block;
text-align: center;
}
.schedule-column .col .schedule-content .label-01,
.schedule-column .col .schedule-content .label-02,
.schedule-column .col .schedule-content .label-03 {
font-size: 11px;
color: #fff;
background: #008f6b;
float: left;
padding: 1px 10px 0;
margin: 2px 0 2px;
}
.schedule-column .col .schedule .week {
margin: 0 10px 0 2px;
}
.schedule-column .col .schedule-content .label-02 {
background: #004093;
}
.schedule-column .col .schedule-content .label-03 {
background: #cb6031;
padding: 1px 9px 0;
margin: 0 5px;
}
.schedule-column .col .schedule .sat{
color:#003f90;
}
.schedule-column .col .schedule .sun{
color:#f8381e;
}
.schedule-column .current:after {
  content:"";
  display: block;
  clear: both;
}
.schedule-column .item{
margin:0 0;
padding:7px 20px;
position:relative;
border-right: 1px dashed #c3c3c0;
box-sizing: border-box;
width: 33.3%;
float: left;
}

.schedule-column .col .time{
margin: 0 7px 2px 0;
float: left;
}
.schedule-column .col .category{
font-size: 13px;
float: left;
clear: both;
margin-right: 7px;
font-weight: bold;
}
.schedule-column .col .label-03{
font-size: 13px;
float: left;
margin-top: 2px;
}

.schedule-column .col .time em{
font-style:normal;
color:#333;
font-size: 13px;
font-weight: bold;
}
.schedule-column .col .cancel{
position:absolute;
top:8px;
right:0;
}
.schedule-column .col .game{
font-size:72%;
clear: both;
border-collapse: collapse;
}
.schedule-column table.game tbody{
background:url(/common/images/bg-schedule-game.gif);
display: inherit;
padding: 1px 15px;
}
.schedule-column .col .game th,
.schedule-column .col .game td{
border:none;
vertical-align:middle;
text-align:center;
padding: 4px 6px;
display: block;
float: left;
}
.schedule-column .label-02 + .category + .game td.starters-value-wrap {
  padding: 0 6px 6px;
}
.schedule-column .col .game td:nth-child(1) {
  padding-left: 17px;
  padding-bottom: 0px;
}
.schedule-column .col .game td:nth-child(3) {
  padding-right: 17px;
}
.schedule-column .label-02 + .category + .game td {
      padding-top: 6px;
      padding-bottom: 6px;
}
.schedule-column .col .game td.result{ color:#cb6031; }
.schedule-column .label-02 + .category + .game td.result {
margin: 9px 4px 0;
}
.schedule-column .label-02 + .category + * + .game td.result {
margin: 9px 4px 0;
}
.schedule-column .col .starters-value{
background:#fff;
font-size:10px;
padding: 5px;
}
.schedule-column .col .starters-value-title{
padding: 2px 2px 0;
background: #fff;
}
.schedule-column .col .starters-value-title > span{
display: block;
background: #c5e7f4;
}
.starters-value-wrap {
  clear: both;
  width: 100%;
  box-sizing: border-box;
}
.schedule-column .col .game .result {
color: #cb6031;
margin: 0 5px;
padding: 3px 0;
}
.schedule-column .col .starters-value .result {
margin: 0 18px;
}

.schedule-column .col .starters-value th{
padding: 0;
}
.schedule-column .col .starters-value { background:#fff; }
.schedule-column .col .starters-value th span {
  background: #c5e7f4;
}
.schedule-column .col .starters-value th,
.schedule-column .col .starters-value td{
border:none;
vertical-align:middle;
text-align:center;
}
.schedule-column .col .starters-value td.result{ color:#cb6031; }

/* -----------------------------------------------------
  Topics
----------------------------------------------------- */

div.tabMenu{
border-bottom: 2px solid #d9d9d9;
}
div.tabMenu ul.tabList{
width: 100%;
}
div.tabMenu ul.tabList:after{
display: block;
content: "";
clear: both;
}
div.tabMenu ul.tabList li{
float: left;
margin-right: 9px;
width: calc((100% - 37.1px) / 5);
}
div.tabMenu ul.tabList li:last-child{
margin-right: 0;
}
#top div.tabMenu ul.tabList li a{
box-sizing: border-box;
border-radius:4px 4px 0 0;
background: #1b4da9;
background: linear-gradient(to bottom, #1b4da9 51%, #16429e 51%);
font-size:16px;
text-align:center;
position: relative;
width: 100%;
display: block;
text-decoration: none;
padding: 7px 10px;
color:#fff;
}
#top div.tabMenu ul.tabList li.active a:before{
position: absolute;
bottom: 5px;
left: 0;
right: 0;
display: block;
content: '';
width: 5px;
height: 5px;
margin: 0 auto;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
#top div.tabMenu ul.tabList li a.news{
background: #678ccb;
background: linear-gradient(to bottom, #678ccb 51%, #5b7fc3 51%);
}
#top div.tabMenu ul.tabList li a.select{
background: #ff8e0e;
background: linear-gradient(to bottom, #ff8e0e 51%, #ec942f 51%);
}
#top div.tabMenu ul.tabList li a.info{
background: #008f6b;
background: linear-gradient(to bottom, #008f6b 51%, #00825f 51%);
}
#top div.tabMenu ul.tabList li a.product{
background: #da5100;
background: linear-gradient(to bottom, #da5100 51%, #d44600 51%);
}

div.tabMenu p{
display:inline;
float:right;
margin:5px 0 0 0;
}
.tabContainer .tabs {
margin-top: 10px;
}
.tabContainer .tabs table.tbl-03 {
margin-bottom: 10px;
}
.tabContainer .tabs .tabPanel .label-01,
.tabContainer .tabs .tabPanel .label-02,
.tabContainer .tabs .tabPanel .label-03,
.tabContainer .tabs .tabPanel .label-04,
.tabContainer .tabs .tabPanel .label-05 {
width: 98px;
color: #cc0000;
border: 1px solid #cc0000;
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 14px;
padding: 1px 4px;
font-weight: normal;
}
.tabContainer .tabs .tabPanel .label-02{
color: #678ccb;
border: 1px solid #678ccb;
}
.tabContainer .tabs .tabPanel .label-03{
color: #008f6b;
border: 1px solid #008f6b;
}
.tabContainer .tabs .tabPanel .label-04{
color: #ff8e0e ;
border: 1px solid #ff8e0e;
}
.tabContainer .tabs .tabPanel .label-05{
color: #da5100;
border: 1px solid #da5100;
}
.tabContainer .tabs .tabPanel table.tbl-03 tr:last-child th,
.tabContainer .tabs .tabPanel table.tbl-03 tr:last-child td {
border-bottom: none;
}
.tabContainer .tabs .tabPanel td {
padding-right: 14px;
}
.tabContainer .tabs .tabPanel td {
font-size: 14px;
font-weight: bold;
vertical-align: top;
}
.tabContainer .tabs .tabPanel td a{
font-size: 14px;
font-weight: normal;
color: #3e57c5;
text-decoration: underline;
}
.tabContainer .tabs .tabPanel td a:hover{
text-decoration: none;
}
.tabContainer .tabs .tabPanel table.tbl-03 th, .tabContainer .tabs .tabPanel table.tbl-03 td {
padding: 11px 12px 11px 0;
border-bottom: 1px dashed #ccc;
background: none;
}

.full-contents {
width: 100%;
text-align: left;
}
.full-contents.contents-01 {
background: url(/images/index-bg-01.jpg) no-repeat;
max-width: 1599px;
margin: 0 auto;
padding: 40px 20px 30px;
box-sizing: border-box;
}
.full-contents.contents-01 .contents-inner {
max-width: 980px;
margin: 0 auto;
}
.full-contents.contents-02,
.full-contents.contents-04 {
max-width: 1599px;
margin: 0 auto;
padding: 40px 20px 30px;
box-sizing: border-box;
}
.full-contents.contents-02 .contents-inner,
.full-contents.contents-04 .contents-inner {
max-width: 980px;
margin: 0 auto;
}
.full-contents.contents-04 {
max-width: 1599px;
margin: 0 auto;
padding: 32px 20px 64px;
box-sizing: border-box;
}
.full-contents.contents-03 {
background-color: #f2f8ff;
max-width: 1599px;
margin: 0 auto;
padding: 40px 20px 0 20px;
box-sizing: border-box;
text-align: left;
position: relative;
overflow: hidden;
}

.full-contents.contents-03 .contents-inner {
max-width: 980px;
margin: 0 auto;
}
.full-contents .col3-02:after {
display: block;
content: "";
clear: both;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
ul.col4-01 {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 10px;
max-width: 980px;
}
ul.col4-01 li {
width: calc((100% - 60px) / 4);
padding: 0;
margin-left: 20px;
box-sizing: border-box;
}

ul.col4-01 li:first-child {
margin-left: 0;
}

ul.col4-01 li a {
display: block;
text-decoration: none;
}
ul.col4-01 li a span.inner {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
font-weight: bold;
width: 100%;
padding: 11.5px 0;
background: linear-gradient(#08428d, #003374);
background-color: #08428d;
box-sizing: border-box;
}
ul.col4-01 li a span.inner .inner-txt {
display: block;
font-size: 18px;
max-width: calc(100% - 40px);
}
ul.col4-01 li a span.inner .map {
display: block;
content: "";
margin-right: 9px;
background: url(/images/icon-index-01.png) no-repeat 0 50%;
width: 24px;
height: 19px;
}
ul.col4-01 li a span.inner .shop {
display: block;
content: "";
margin-right: 9px;
background: url(/images/icon-index-02.png) no-repeat 0 50%;
width: 9px;
height: 20px;
}
ul.col4-01 li a span.inner .seat {
display: block;
content: "";
margin-right: 9px;
background: url(/images/icon-index-03.png) no-repeat 0 50%;
width: 17px;
height: 24px;
}

ul.col4-01 li a span.inner .rule {
display: block;
content: "";
margin-right: 9px;
background: url(/images/icon-index-04.png) no-repeat 0 50%;
width: 17px;
height: 24px;
}

ul.col4-01 li a span.inner span.rule {
background: url(/images/icon-index-04.png) no-repeat 0% 50%;
width: 16px;
height: 16px;
}
ul.col4-01 li a:hover {
opacity: .4;
}

ul.col4-02 {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 10px;
max-width: 980px;
}
ul.col4-02 li {
width: calc((100% - 60px) / 4);
padding: 0;
margin-left: 20px;
box-sizing: border-box;
}
ul.col4-02 li:first-child {
margin-left: 0;
}
ul.col4-02 li a {
display: block;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

ul.col4-02 li a span.inner {
vertical-align: middle;
margin-left: 15px;
}

ul.col4-02 li a span.inner {
display: block;
width: calc(100% - 107px);
text-align: center;
text-indent: -12px;
}

ul.col4-02 li a span.inner span {
padding-left: 12px;
background: url(/common/images/bg-link-right-01.gif) no-repeat 0% 50%;
}

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


ul.col4-02 {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0;
}
ul.col4-02 li {
width: calc((100% - 20px) / 2);
margin-left: 10px;
margin-bottom: 20px;
}
ul.col4-02 li:nth-child(2n+1) {
margin-left: 0;
}
ul.col4-02 li a {
display: block;
}
ul.col4-02 li a img {
display: block;
margin: 0 auto 10px;
}

ul.col4-02 li a span {
display: inline;
margin: 0 auto;
vertical-align: baseline;
}
ul.col4-02 li a span.inner {
display: block;
width: 100%;
margin-left: 0;
}
}

.full-contents .col3-01 li a.map{
background: url(/images/index-bg-02.jpg) center 0;
}
.full-contents .col3-01 li a.view{
background: url(/images/index-bg-03.jpg) center 0;
}
.full-contents .col3-01 li a.goods{
background: url(/images/index-bg-04.jpg) center 0;
}

.full-contents .col3-01 li a.map .inner > span:before{
background: url(/images/icon-index-01.png);
width: 32px;
height: 26px;
}
.full-contents .col3-01 li a.view .inner > span:before{
background: url(/images/icon-index-02.png);
width: 23px;
height: 33px;
}
.full-contents .col3-01 li a.goods .inner > span:before{
background: url(/images/icon-index-03.png);
width: 12px;
height: 27px;
}

.full-contents .col3-02 {
max-width: 980px;
margin: 0 auto;
}
.full-contents .col3-02 li {
float: left;
margin-left: 20px;
width: calc((100% - 40.1px) / 3);
}
.full-contents .col3-02 li:first-child {
margin-left: 0;
}
.full-contents .col3-02 li a {
display: block;
height: 148px;
position: relative;
background: #f9f9f9;
padding: 5px;
border: 1px solid #d9d9d9;
box-sizing: border-box;
text-decoration: none;
}
.full-contents .col3-02 li a:hover {
opacity: .4;
}
.full-contents .col3-02 li a.col-01 .inner{
background: url(/images/index-bg-05.jpg) no-repeat center 0;
}
.full-contents .col3-02 li a.col-02 .inner{
background: url(/images/index-bg-06.jpg) no-repeat center 0;
}
.full-contents .col3-02 li a.col-03 .inner{
background: url(/images/index-bg-07.jpg) no-repeat center 0;
}
.full-contents .col3-02 li a .inner{
width: 100%;
display: block;
bottom: 0;
padding: 108px 0 0;
height: 54px;
box-sizing: border-box;
text-align: center;
}
.full-contents .col3-02 li a .inner > span{
padding-left: 5px;
background: url(/common/images/bg-link-right-01.gif) no-repeat 0% 40%;
}
.full-contents .col3-02 li a .inner > span:before{
display: inline-block;
content: "";
vertical-align: middle;
margin-right: 9px;
}
.full-contents .col3-02 li a.map .inner > span:before{
background: url(/images/icon-index-01.png);
width: 32px;
height: 26px;
}
.full-contents .col3-02 li a.view .inner > span:before{
background: url(/images/icon-index-02.png);
width: 23px;
height: 33px;
}
.full-contents .col3-02 li a.goods .inner > span:before{
background: url(/images/icon-index-03.png);
width: 12px;
height: 27px;
}

.img-text-01 {
margin-bottom: 37px;
}
.img-text-01.blog {
margin-bottom: 18px;
}
.img-text-01 .content {
width: 100%;
vertical-align: top;
}
.img-text-01 .content p{
line-height: 1.9;
margin-bottom: 5px;
}

.img-text-01 .image {
float: left;
vertical-align: top;
text-align: center;
}

.img-text-01 .image .caption {
display: inline-block;
margin: 8px 0 10px;
}

.img-text-01._left-img:after {
content: '';
display: block;
clear: both;
}

.img-text-01._left-img img {
max-width: none;
}

.img-text-01._left-img .image {
padding-right: 20px;
}
/* -----------------------------------------------------
  Blog
----------------------------------------------------- */
.list-post-index-01{
margin: 20px 0 10px;
overflow:hidden;
}
.list-post-index-01 h2{
zoom:1;
}
.list-post-index-01 ul{
margin-top:-3px;
}
.list-post-index-01 li{
margin:0 0 5px;
padding-top:3px;
background:url("/common/images/bg-bdr-02.gif") repeat-x 0 0;
}
.list-post-index-01 li a{
display:block;
text-decoration: none;
}
.list-post-index-01 .text{
text-decoration: none;
}
.list-post-index-01 li a:hover{
text-decoration:none;
}
.list-post-index-01 a:hover .text{
text-decoration:none;
}
.list-post-index-01 .img{
float:left;
padding-right: 19px;
}
.list-post-index-01 .hdg,
.list-post-index-01 .date{
color: #333;
display: block;
font-size: 12px;
}
.list-post-index-01 .text{
font-size: 18px;
text-decoration: underline;
}
.list-post-index-01 .date{
padding-bottom:3px;
}
/* -----------------------------------------------------
  banner
----------------------------------------------------- */
.lyt-bnr-01:after, .lyt-bnr-02:after {
content: "";
display: block;
clear: both;
}
.lyt-bnr-01 li,
.lyt-bnr-02 li{
float:left;
}
.lyt-bnr-01 li, .lyt-bnr-02 li{
margin:0 20px 20px 0;
}
.lyt-bnr-01 li:last-child, .lyt-bnr-02 li:last-child{
margin-right: 0;
}

.pc {
max-width: auto;
}
.sp {
display: none;
}

/* -----------------------------------------------------
  Twitter
----------------------------------------------------- */

.sns-timeline {
height: 469px;
box-sizing: border-box;
}
.sns-timeline.tw {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
border-bottom: #e2e9ec solid 1px;
border-left: #e2e9ec solid 1px;
background-color: #fff;
}
.sns-title {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
padding: 15px 20px;
}

.sns-title.tw {
	background: linear-gradient(#38b3ff, #1da1f2);
	background-color: #1da1f2;
}

.sns-title.insta {
	background: linear-gradient(#575757, #4c4c4c);
	background-color: #4c4c4c;
}

.sns-inner {
font-size: 20px;
}

.sns-inner.tw {
background: url(/common/images/icon-twitter-01.png) no-repeat 0 50%;
padding-left: 39px;
}

.sns-inner.insta {
background: url(/common/images/icon-insta-01.png) no-repeat 0 50%;
padding-left: 44px;
}

.sns-title a.sns-link {
color: #fff;
font-size: 12px;
font-weight: normal;
}

.sns-title a.sns-link.tw {
color: #fff;
}

#instafeed {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -2px;
margin-bottom: -2px;
}

#instafeed .insta-area {
    width: calc(50% - 2px);
    height: 234px;
    position: relative;
	margin-left: 2px;
	margin-bottom: 2px;
}
#instafeed .insta-area a {
	display: block;
	position: relative;
  	width: 100%;
	height: 100%;
  	padding-top: 0;
  	overflow: hidden;
  	margin: 0 auto;
}
#instafeed .insta-area a:hover {
	opacity: .4;
}
#instafeed .insta-area a img {
/* 画像を上下左右に中央配置する（絶対指定） */
	position: absolute;
  	top: 50%;
  	left: 50%;
  	-webkit-transform: translate(-50%, -50%);
  	-ms-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
  	/* 画像の最大サイズは枠の2倍まで */
  	max-width: 200%;
  	max-height: 200%;
}

@media only screen and (max-width: 750px) {
#instafeed .insta-area {
    height: 149px;
}
}

/* -----------------------------------------------------
  mediaquery
----------------------------------------------------- */

@media only screen and (max-width: 976px) {
body#top{
background: none;
}
#top .box-contact-01 .list-link {
display: block;
width: 100%;
margin: 16px auto 0;
}
#top .box-contact-01 .list-link li {
display: block;
margin: 0 20px 10px;
box-sizing: border-box;
}
#top .box-contact-01 .list-link li:first-child {
margin-right: 20px;
}
#top .box-contact-01 .list-link li a {
display: block;
width: 100%;
text-align: left;
margin: 0;
padding-right: 10px
}
}
@media only screen and (max-width: 768px) {
#top .box-contact-01 {
margin-bottom: 0;
}
}
@media only screen and (max-width: 750px) {
body#top div#wrap-contents-01{
padding:12px 10px 25px;
}

.top-hdg-l2-01 h2,
.top-hdg-l2-02 h2,
.top-hdg-l2-03 h2,
.top-hdg-l2-05 h2 {
font-size: 20px;
}
.top-hdg-l2-04 h2 {
font-size: 20px;
margin-bottom: 8px;
}
.top-hdg-l3-01 {
text-align: center;
}

#top .box-info-01 {
width: 100%;
border: 4px solid #d2d4e5;
background: #fff;
display: block;
box-sizing: border-box;
margin-bottom: 18px;
}
#top .box-info-01 .content-col {
padding: 11px 17px;
}

#top .box-info-01 .hdg-col {
display: block;
width: 100%;
padding: 9px 0;
text-align: center;
}
#top .box-info-01 .hdg-col h2 {
font-size: 20px;
}
#top .box-info-01 .table-info-01 tr:last-child td {
border-bottom: none;
}
#top .box-info-01 .table-info-01 tr {
border-bottom: none;
}
#top .box-info-01 .table-info-01 td {
padding: 5px 0 18px;
}
#top .box-info-01 .table-info-01 th {
padding: 9px 0 0px;
}
#top .box-info-01 .table-info-01 th,
#top .box-info-01 .table-info-01 td {
display: block;
}
#top .box-info-01 .table-info-01 td {
border-bottom: 1px dashed #a1a1a1;
}
#top .box-info-01 .table-info-01 td a {
color: #0378df;
}
#top .box-contact-01 {
padding: 16px 0 10px;
}
#top .box-contact-01 h2 {
font-size: 18px;
margin: 0 20px 10px;
}
#top .box-contact-01 p {
text-align: left;
margin: 0 20px 16px;
}
#top .box-contact-01 h2 span {
font-size: 14px;
}
#top .box-contact-01 .list-link [href^="tel"] {
color: #0378df;
text-decoration: underline;
max-width: 100%;
}
#top .box-contact-01 .list-link a:not([href^="tel"]) {
color: #0378df;
text-decoration: underline;
max-width: 100%;
padding: 14.5px 10px 14.5px 51px;
}
#top div.tabMenu ul.tabList li a {
padding: 12px 10px;
}

.schedule-column .col.today .day{
display: block;
}
.schedule-column .col .schedule{
display: block;
width: 100%;
padding: 7px 17px;
font-size: 14px;
box-sizing: border-box;
}
.schedule-column .item{
width: 100%;
}
.schedule-column .item{
padding:7px 0;
border-right: none;
}
.schedule-column .col .schedule-content .schedule-content-inner {
  min-width: auto;
  width: 100%;
}
.schedule-column .col .schedule-content .current {
  display: block;
  width: 100%;
  border-right: none;
}
.schedule-column .col .schedule-content .current .item .no-data{
  padding-left: 15px;
}
.schedule-column .col .schedule-content .current .item{
  /*padding-left: 17px;*/
  float: none;
  border-top: none;
  border-top: 1px dashed #c3c3c0;
}
.schedule-column .col .schedule-content .current .item .item-inner{
  margin: 0px auto;
  width: 198px;
}
.schedule-column .col .schedule-content .current .item:first-child{
  border-top: none;
}
.schedule-column .col .time {
  margin: 0;
}
.schedule-column .col .schedule-content {
    display: block;
    width: 100%;
}

.schedule-column {
margin-bottom: 11px;
}
.schedule-column .col p {
padding: 0 10px 0 0;
display: block;
font-size: 14px;
}
.tabContainer .tabs {
margin-top: 6px;
}
div.tabMenu ul.tabList li {
width: calc(50% - 1px);
margin: 0 0 2px;
}
div.tabMenu ul.tabList li:nth-child(2n) {
margin-left: 1px;
}
div.tabMenu ul.tabList li:nth-child(2n+1) {
margin-right: 1px;
}
div.tabMenu ul.tabList li:nth-last-child(1), div.tabMenu ul.tabList li:nth-last-child(2) {
margin-bottom: 0;
}
.tabContainer .tabs .tabPanel .label-01,
.tabContainer .tabs .tabPanel .label-02,
.tabContainer .tabs .tabPanel .label-03,
.tabContainer .tabs .tabPanel .label-04 {
width: 87px;
font-size: 12px;
padding: 0;
}
.tabContainer .tabs .tabPanel table.tbl-03 col {
display: none;
}
.tabContainer .tabs .tabPanel table.tbl-03 th, .tabContainer .tabs .tabPanel table.tbl-03 td {
border: none;
vertical-align: middle;
display: inline-block;
}
.tabContainer .tabs .tabPanel table.tbl-03 th {
margin-right: 12px;
padding: 11px 0 5px;
}
.tabContainer .tabs .tabPanel table.tbl-03 td {
margin-right: 12px;
padding: 11px 0 5px;
}
.tabContainer .tabs .tabPanel table.tbl-03 td + td {
display: block;
border-bottom: 1px dashed #ccc;
padding: 4px 0 12px;
}
.full-contents .col3-01 li {
float: none;
width: 300px;
margin: 0 auto 10px;
}
.full-contents .col3-01 li:last-child {
margin-right: auto;
}
.full-contents.contents-01 {
background: none #d4e3ff;
height: auto;
}
.full-contents.contents-01 {
padding: 40px 10px 30px;
}
.full-contents .col3-02 {
max-width: 300px;
margin: 0 auto;
}
.full-contents .col3-02 li {
float: none;
margin-bottom: 10px;
width: auto;
margin-right: 0;
}
.full-contents .col3-02 li a .inner > span{
background: url(/common/images/bg-link-right-01.gif) no-repeat 0% 45%;
}
.full-contents.contents-03:after {
left: -10px;
}
.img-text-01 .image {
float: none;
}
.img-text-01 .content p {
margin-bottom: 0;
}
.img-text-01._left-img img {
max-width: 100%;
}
.full-contents.contents-02 {
padding: 40px 10px 16px;
}
.full-contents.contents-04 {
padding: 38px 10px 10px;
}
.full-contents.contents-03:after {
width: calc(100% + 10px);
}
.full-contents.contents-03 {
padding: 40px 10px 0;
}
.img-text-01._left-img .image {
padding-right: 0;
margin-bottom: 12px;
}
.list-post-index-01 .img {
padding-right: 10px;
}
.lyt-bnr-01 li, .lyt-bnr-02 li {
margin: 0 0 10px 0;
}
.lyt-bnr-01 li img, .lyt-bnr-02 li img {
width: 100%;
}
.lyt-bnr-02 li {
width: calc(50% - 4px);
}
.lyt-bnr-02 li:nth-child(2n) {
padding-left: 4px;
}
.lyt-bnr-02 li:nth-child(2n+1) {
padding-right: 4px;
}
.lyt-bnr-01 li {
float: none;
}
p.txt-link-01-01{
text-align: right;
}
p.txt-link-01-01 a{
padding-left:12px;
background:url(/common/images/bg-link-right-01.gif) no-repeat 0% 40%;
text-align: right;
}

ul.col4-01 {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
ul.col4-01 {
margin-bottom: 0;
}
ul.col4-01 li {
width: calc((100% - 20px) / 2);
margin-left: 10px;
margin-bottom: 10px;
}

ul.col4-01 li a {
max-width: 230px;
margin: 0 auto;
}

ul.col4-01 li:nth-child(2n-1) {
margin-left: 0;
}
ul.col4-01 li a span.inner {
padding: 1.5px 0;
min-height: 45px;
}
ul.col4-01 li a span.inner .inner-txt {
font-size: 14px;
}
.sns-timeline {
height: 300px;
}
}