@charset "UTF-8";

body{color: #000;}

body.home{background: url(img/bg.png) no-repeat left 110px;}

#content{font-size: 15px;}

#srights{visibility:hidden;}

/*----------パーツ----------*/
hr{
  border-bottom: none;
  margin: 30px 0;
}

/*----------文字----------*/
.big{font-size: 1.142rem !important;}
.bigger{font-size: 1.285rem !important;}
.biggest{font-size: 1.428% !important;}

.small{font-size: 85% !important;}
.smaller{font-size: 75% !important;}
.smallest{font-size: 65% !important;}
.tiny{font-size: 55% !important;}

.normal{font-weight: normal !important;}
.bold{font-weight: bold !important;}

.nowrap{white-space: nowrap;}

/*----------色----------*/
.red{color: #FF0000;}
.black{color: #000 !important;}
.gray{color: #666;}
.darkgold{color: #CD853F;}

/*----------背景----------*/
.bgPink{background: #FFF0F5;}
.bgYellow{background: #fffbed;}

/*----------位置----------*/
.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}
.top{vertical-align: top;}
.middle{vertical-align: middle;}
.bottom{vertical-align: bottom;}


/*----------スペース----------*/
.mt00{margin-top: 0 !important;}
.mt05{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt25{margin-top: 25px !important;}
.mt30{margin-top: 30px !important;}
.mt35{margin-top: 35px !important;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px !important;}
.mt60{margin-top: 60px !important;}

.mb00{margin-bottom: 0 !important;}
.mb05{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb40{margin-bottom: 40px !important;}

.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}

.mr04{margin-right: 4px;}
.mr07{margin-right: 7px;}
.mr10{margin-right: 10px;}
.mr25{margin-right: 25px;}

/*----------幅----------*/
.w150{width: 150px !important;}
.w220{width: 220px !important;}
.w250{width: 250px !important;}

.w30per{width: 30%;}
.w40per{width: 40%;}
.w50per{width: 50%;}

.em2{width: 2em;}
.em10{width: 10em;}
.em12{width: 12em;}
.em15{width: 15em;}

/*----------クリア----------*/
.clear{clear: both;}

.clearfix:after, #container:after{
  content: "";
  display: block;
  clear: both;
}
.clearfix:before , #container:before{
  content: "";
  display: block;
  clear: both;
}
.clearfix, #container{display: block;}

/*-------------------------テーマ-------------------------*/
/*----------ヘッダー----------*/
#branding{
  color: #FFF;
  background: #00BFBC;
  height: auto;
  /*--background:rgba(0, 191, 188, 0.8), url(img/bg.png) no-repeat top center;*/
    }
#header-container{
  font-size: 14px;
  color: #FFF;
  margin: 22px auto 17px auto;
}
#header-container .logo{
  float: left;
  margin-top:0; 
}
#header-container .headCopy{font-size: 90%; margin-top: 2px;}
#header-container a:active{background: none;}

/*----------ナビ----------*/
nav#access, #nav-toggle, #access ul li{background: #009999;}

/*----------右ナビ----------*/
#searchForm{
  text-align: center;
  margin: 35px auto;
}
.searchform{
  max-width: 400px;
  margin: auto;
}
.searchform input[type="search"]{
  font-size: 16px;
  -webkit-border-radius: 0 !important;
  -webkit-appearance : none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.searchform .s{
  font-size : 16px;
  background: #FFF;
  border: solid 1px #CCC;
  border-radius: 0 !important;
  padding: 0 1.5%;
}

#container #rightProduct h3{
  margin: 0;
}

#container #rightNew h3{
  font-size: 110% !important;
  text-align: center;
  background: #FFF;
  border: solid 1px #CCC;
  margin: 0;
}
#container #rightNew a:link, #container #rightNew a:visited{
  color: #666;
  display: block;
  padding: 13px;
}
#container #rightNew h3 a:hover{color: #FFF; background: #00BFBC;}

#rightProduct{font-size: 15px;}
#rightProduct h3 .buttonGray{position: relative; top: -6px;}
#rightProduct ul{margin: 15px 0 25px 0;}
#rightProduct ul li{
  font-size: 14px;
  border-bottom: dotted 1px #999;
  padding: 10px 15px;
}
#rightProduct ul li:last-child{border-bottom: none;}

#rightNavi{margin: 10px 0 30px 0;}
#rightNavi li img{border: solid 1px #CCC;}

/*----------フッター----------*/
#footer{
  background: #009999;
  margin-top: 0;
  padding: 0 0 30px 0;
}
#footer ul, #footer ul a, #copy, #copy a{color: #FFF;}
#footer ul a:active{background: none;}

#colophon{
  background:#009999;
  margin: 0 auto;
  text-align: center;
}
#footer-widget-area{margin: 15px 0 20px 0;}
#first .widget-container{
  position: relative;
  overflow: hidden;
}
#first .widget-container ul{
  position: relative;
  left: 50%;
  float: left;
  margin-left: -5px;
}
#first .widget-container ul li{
  position: relative;
  left: -50%;
  float: left;
  margin-right: 30px;
}
#first .widget-container ul li:last-child{margin-right: 0;}
#first .widget-container ul li a{font-size: 14px;}

#footer #address{
  display: inline-block;
}
#footer #copy{
  font-size: 11px;
  margin-top: 8px;
}

/*----------コンテンツ----------*/
#main{
  background: none;
}
#forbottom{padding-top: 0;}

#content{
  background: #FFF;
  padding: 0;
}
.entry-content{padding-top: 0;}

#container a:link, #container a:visited{color: #009999;}
#container a:active{background: none;}
#container a:hover{color: #CB5920; text-decoration: none !important;}

#container img{border: none;}

.entry-content sup,.entry-content sup{font-size: 12px;}

#container #content h1.entry-title{
  font-size: 170%;
  font-weight: normal;
  border-bottom: solid 1px #CCC !important;
  position: relative;
  margin: 30px 0 50px 0;
  padding: 15px 3.5% 18px 3%;
}
#container #content h1.entry-title:after{
  content: "";
  display: block;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 25%;
  border-bottom: 1px solid #00BFBC !important;
}

#container h2.entry-title{
  font-size: 20px;
  margin: 0 0 30px 0;
}

.caption-simple #content .wp-caption .wp-caption-text{font: 13px normal;}

/*----------アーカイブ----------*/
#container #archive a:link, #container #archive a:visited{text-decoration: none;}
#container #archive a:hover{color: #CB5920;}

#content #archive tr th{
  width: 10.5em;
  font-weight: normal;
  border-bottom: solid 1px #D5D5D5;
  padding: 18px 0 18px 20px;
}
#content #archive tr td{
  border-bottom: solid 1px #D5D5D5;
  padding: 18px 15px 18px 0;
}
.post-type-archive-product #content #archive table{
  border-collapse: separate;
  border-spacing: 0 20px;
}
.post-type-archive-product #content #archive table th{
  width: 14.5em;
  background: #FFF8DC;
  border-left: solid 1px #D5D5D5;
  border-top: solid 1px #D5D5D5;
  padding: 20px 10px 20px 2.5%;
}
.post-type-archive-product #content #archive table td{
  border-right: solid 1px #D5D5D5;
  border-top: solid 1px #D5D5D5;
  padding: 20px 2.5% 20px  2.5%;
}

.post-type-archive-product #content #archive table .trEnd th{color: #666; background: #E8E8E8;}
.post-type-archive-product #content #archive table .trEnd td{color: #666; background: #F5F5F5;}

.thumbArchive{
  float: right;
  width: 90px;
  margin-left: 20px;
}
#archive ul li{
  border-bottom: solid 1px #CCC;
  padding: 25px 20px;
}
#archive ul .eventEnd{margin: 0 12px 0 5px;}
#archive ul p{margin-top: 8px;}
#archive a.continue-reading-link{display: none;}


/*----------テーブル----------*/
#content .table01 td, #content .table01 th{
  border: solid 1px #CCC !important;
}
#content .table01 th{
  text-align: center;
  color: #333;
  background: #AFEEEE;
}
#content .table01.left th{
  text-align: left;
  vertical-align: middle;
}

#content .table02 td{
  border-bottom: solid 1px #D5D5D5;
  padding: 18px 0 18px 18px;
}
#content .table03 th{
  width: 9em;
  text-align: center;
  vertical-align: middle;
  background: #F5F5F5;
}
#content .table03 th, #content .table03 td{
  border-top: solid 1px #D5D5D5;
  border-bottom: solid 1px #D5D5D5;
  padding: 22px 25px;
}

/*----------リスト----------*/
.entry-content ul {margin: 0;}
.entry-content li{list-style: none;}

.entry-content .discGray li{
  background: url(img/disc_gray.png) no-repeat left 9px;
  margin: 5px 0 0 10px;
  padding-left: 15px;
}
.entry-content .disc li{list-style: disc; margin-left: 20px;}

.entry-content .tabMenu ul{display: inline-block;}
.entry-content .tabMenu ul li{
  float: left;
  margin-right: 15px;
}
.entry-content .tabMenu ul li:last-child{margin-right: 0;}
.entry-content .tabMenu ul li a{
  text-decoration: none !important;
  padding: 10px 15px;
}

ol{margin-left: 20px;}

.decimal li{
  list-style: decimal;
  margin-top: 3px;
}

/*----------アイコン＆ボタン----------*/
#container #content .arrowGray{
  background: url("img/arrow_gray.png") no-repeat 2px center;
  padding-left: 15px;
}

#container .buttonGray a{
  color: #555;
  background: #F0F0F0;
  border: solid 1px #AAA;
  padding: 8px 10px; 
}
#container .buttonSmoke a{
  color: #777;
  background: #F5F5F5;
  border: solid 1px #AAA;
  padding: 8px 10px; 
}

#container .buttonGreen a{
  color: #FFF;
  background: #099;
  padding: 12px 25px; 
}
#container .buttonGreen a:hover{background: #00BFBC;}

.buttonSend input[type="submit"]{
  color: #FFF;
  background: #999;
  border: solid 1px #666;
  -webkit-appearance : none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  padding: 5px 13px; 
}
#container .buttonGray a:hover, #container .buttonSend input[type="submit"]:hover{color: #FFF; background: #00BFBC; border: solid 1px #009999;}

.eventEnd{
  font-size: 90%;
  color: #FFF;
  white-space: nowrap;
  background: #87CEEB;
  padding: 4px 8px 3px 8px;
}
.eventOff{
  font-size: 90%;
  color: #FFF;
  white-space: nowrap;
  background: #F00;
  margin-left: ;
  padding: 4px 8px 3px 8px;
}
.eventTag{
  font-size: 85%;
  color: #FFF;
  white-space: nowrap;
  background: #E98E3C;
  margin-right: 5px;
  padding: 4px 12px;
}

.entry-title .eventEnd, .entry-title .eventOff{font-size: 65%; margin-left: 10px; padding: 5px 8px 4px 8px;}

.require{
  font-size: 70%;
  color: #FFF;
  background: #FF0000;
  margin-left: 8px;
  padding: 2px 5px;
}

/*----------ボックス----------*/
#container .boxGray{
  border: solid 1px #999;
  margin: 40px 0 0 0;
  padding: 10px 20px;
}
#container .boxPink{
  border: solid 1px #FF3399;
  margin: 40px 0 0 0;
  padding: 10px 20px;
}
#container .boxPink h2{
  color: #FF6699;
  margin-top: 10px;
}
#container .boxGreen{
  border: solid 1px #009999;
  margin: 40px 0 0 0;
  padding: 10px 20px;
}
#container .boxGreen h2{
  color: #009999;
  margin-top: 10px;
}

#container .boxRed{border: solid 1px #FF0000; padding: 15px 20px 0 20px;}

/*----------見出し----------*/
#content h1{
  font-size: 140%;
  margin: 60px 0 15px 0;
}
#container h2{font-size: 135%; margin: 50px 0 10px 0;}
#container h3{font-size: 125%; margin: 30px 0 10px 0;}
#container h4{font-size: 110%; margin-bottom: 10px;}
#container h5{font-size: 100%;}

#content h1 + h2{margin-top: 20px;}

#content p{font-size: 15px;}

/*-------------------------PC-------------------------*/
@media screen and (min-width:801px){
  
  
  /*---------------パーツ---------------*/
  .noPc{display: none;}
  .nowrapPc{white-space: nowrap;}


  /*----------右ナビ----------*/
  #rightNew{
    font-size: 15px;
    margin: 40px 0 10px 0;
  }
  #rightProduct{margin-top: 60px;}
  #rightProduct .buttonSmoke{top: -4px; position: relative;}
  .hiddenBox input, .hiddenBox label{display: none;}
  
  /*----------フッター----------*/
  #footer #address li{
    float: left;
    text-align: left;
    font-size: 14px;
  }
  #footer .logoFoot{margin-top: 6px;}
  #footer #sns{
    margin-left: 40px;
    display: inline-block;
    vertical-align: top;
  }
  #footer #sns li{
    float: left;
    margin-left: 13px;
    display: inline-block;
    vertical-align: top;  
  }

  /*---------------コンテンツ---------------*/
  #forbottom{
    width: 100%;
    max-width:100%;
    padding-bottom: 0;
  }
  #container{
    max-width:1200px;
    padding: 0;
    margin: 50px auto 70px auto;
  }
  #container.topPage{margin-bottom: 0;}

  #branding{
    margin: 0 auto;
  }
  .entry-content{margin: 0;}
  
  #content p.postDay{
    font-size: 0.857rem;
    color: #666;
  }
  /*----------テーブル----------*/
  #content .table01 th, #content .table01 td{
      padding: 12px 15px;
  }

}/*-----PC 閉じカッコ-----*/

/*-------------------------スマホ-------------------------*/
@media screen and (max-width:800px){

  /*----------ヘッダー----------*/
  #header-container{margin: 20px 2% 15px 2%;}
  
  /*----------右ナビ----------*/

  #searchForm{
    background: #F5F5F5;
    margin: 50px 0 30px 0;
    padding: 30px;
  }
  
  #container #content h1.entry-title{margin-bottom: 35px;}
   
  /*-----イベント-----*/
  #rightProduct{
    border: solid 1px #CCC;
    margin: 0 2%;
  }
  #container #rightNew h3 a, #rightProduct h3{font-size: 15px; color: #666; margin: 0;}
  #rightProduct ul{margin-top: 20px;}
  #rightProduct .buttonGray a{font-size: 80%;}
  
  .hiddenBox{padding: 12px 0;}
  .hiddenBox label{
    font-size: 12px;
    font-weight: normal;
    cursor :pointer;
    margin-left: 15px;
  }
  .hiddenBox label:hover {color: #00BFBC;}
  .hiddenBox .hiddenShow{
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
    margin: 0 2%;
    padding: 0;
  }
  .hiddenBox .hiddenShow ul li{font-size: 14px;}
  .hiddenBox input:checked ~ .hiddenShow{
    padding: 0 0 10px 0;
    height: auto;
    opacity: 1;
  }
  .hiddenBox input{display: none;}
  
  #rightNew{margin: 10px 2% 10px 2%;}
  
  #conteiner #rightNew h3{margin: 10px 0;}
  
  #rightNavi{margin: 0 2% 25px 2%;}
  #rightNavi li{
    float: left !important;
    width: 49.5%;
  }
  
  #rightNavi li img{width: 100%;}
  #rightNavi li.ticket{margin-right: 1%;}
  
  /*----------フッター----------*/
  #footer{text-align: center;}
  
  #first .widget-container ul li a{font-size: 13px;}
  
  #footer #address{
    width: 95%;
    margin:  auto;
  }
  #footer .logoFoot{margin-bottom: 10px;}
  #footer #address li{
    text-align: center;
    font-size: 14px;
  }
  #footer #sns{
    margin:  auto;
    display: inline-block;
    margin-top: 20px;
  }
  #footer #sns li{
    float: left;
    margin: 0 5px;
  }
  
  /*---------------パーツ---------------*/
  .noSp{display: none;}
  .mb10Sp{margin-bottom: 10px !important;}
  
  /*----------リスト----------*/
  .entry-content .tabMenu ul li{margin-right: 10px;}

  /*----------コンテンツ----------*/
  #container{background: #FFF; padding: 0;}
  #content{padding: 0 2%;}
  #container.topPage{padding: 0;}
  
  #content p, #content th, #content td, #content ul li, #container blockquote p, #container .entryProduct blockquote p{font-size: 14px;}
  
  #container blockquote, #container .entryProduct blockquote{padding: 20px 4% 25px 4%;}
  
  #container .entryProduct img{
    float: left;
    width: 35%;
    margin-right: 20px;
  }
  
  /*----------アーカイブ----------*/
  #content #archive tr th{
    width: 9.5em;
    padding: 16px 0 16px 2%;}
  #content #archive tr td{padding: 16px 0;}
  .post-type-archive-product #content #archive table td{padding: 18px 2% 18px 2%;}
  .post-type-archive-product #content #archive table th{
    width: 9em;
    padding: 18px 2.5% 18px 2.5%;
  }

  .thumbArchive{width: 80px;}
  
  #archive ul li{padding: 16px 2.5%;}

  /*----------テーブル----------*/
  #content .table01 th, #content .table01 td{padding: 7px;}
  #content .table02 td{padding: 15px 0 15px 2.5%;}
  #content .table03 th{padding: 18px 2%;}
  #content .table03 td{padding: 18px 5%;}
  
 
}/*-----スマホ 閉じカッコ-----*/