/*
@font-face {
  font-family: "Noto Sans JP";
  src: local("Noto Sans JP");
  src: url("https://fonts.gstatic.com/s/notosansjp/v24/") format("woff2");
  font-display: swap;
}
@import url("fa.min.css");
*/

p {
  margin: 20px 0;
  line-height: 2.0;
  clear: none;
  color: #333333;
}
.w100per{
width: 100%;
}
.h2_lg {
  font-size: 140%;
  padding-top: 30px;
}
.h2_lg rt{
  font-size: 30%;
}
.h3_lg {
  font-size: 300%;
  color:#007a5e;
  background-color: #fff;
  border-top: 1px solid #007a5e;
  border-bottom: 1px solid #007a5e;
}
.p_lg {
  font-size: 200%;
}
body {
  background-color: #fff;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-family: 'Noto Sans JP', sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
}
img {
  max-width: 100%;
  height: auto;
  padding: 10px;
}
a:hover img {
  opacity: .7;
  -webkit-opacity: .3;
  -moz-opacity: .3;
  filter: alpha(opacity=70);  /* IE lt 8 */
  -ms-filter: "alpha(opacity=70)"; /* IE 8 */
}
a img {
  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -ms-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
}
a {
  color: #007a5e;
}
a:hover {
  color: #000;
}
a:link {
  color: #007a5e;
}
a:visited {
  color: #007a5e;
}
a:active { 
  color: #007a5e;
}
li {
  margin: 0;
}
.ol_shop {
  padding-left: 60px;
}
.ul_shop {
  padding-left: 60px;
}
blockquote {
  padding: 20px;
  border: #c40f89 1px solid;
}
.event_bq {
  color: #000;
  border: 3px #007a5e solid;
}
.bqnews {
  margin: 0;
  padding: 10px;
  margin-top:-2px;
  font-size: 110%;
  border: #c40f89  4px solid;
}
.bqnews2 {
  margin: 0;
  padding: 10px;
  margin-top:-2px;
  color:#333;
  font-size: 110%;
  border: #c40f89  1px solid;
}
.row li {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: -20px;
  margin-right: 0;
}
.img-hover a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
  background: #fff;
}
.umoa_green {
  color: #007a5e;
}
.umoa_purple {
  color: #7251bc;
}
.umoa_purple_bg {
  color: #7251bc;
}
.umoa_yellow {
  color: #f9dd16;
}
.umoa_lightblue {
  color: #00bce2;
}
.umoa_redpurple {
  color: #c40f89;
}
.umoa_redpurple_bg {
  background-color: #c40f89;
}
.blackgray {
  color: #333333;
}
.red {
  color: #ff0000;
}
.blue {
  color: #0000ff;
}
.font140per{
  font-size: 140%;
}
.font120per{
  font-size: 120%;
}
.font90per{
  font-size: 90%;
}
.font80per{
  font-size: 80%;
}
.font70per{
  font-size: 70%;
}
.font60per{
  font-size: 60%;
}
.fontbold {
  font-weight: bold;
}
.fontsize_news {
  font-size: 110%;
}
.h4shop{
  border-bottom: 0;
}
.tbl_hd {
  display: block;
  font-size: 16px;
}
.t_pink {
  background-color: #f5d6f5;
}
.t_skyblue {
  background-color: #b9d2f7;
}
.ft_16 {
  font-size: 16px;
}
.ft_15 {
  font-size: 15px; 
}
.ft_14 {
  font-size: 14px;
}
.ft_13 {
  font-size: 13px; 
}
.ft_12 {
  font-size: 12px;
}
.ft_11 {
  font-size: 11px;
}
.ft_10 {
  font-size: 10px;
}
.font120 {
  font-size: 120% !important;
}
.bold {
  font-weight: bold;
}
.pd_0 {
  padding: 0 !important; 
}
.pdt_0 {
  padding-top: 0 !important;
}
.pdb_10{
    padding-bottom: 10px;
}
.pdr_0{
  padding-right: 0;
}
.pdfl_0{
  padding-left: 0;
}
.pdtb_0{
  padding-top: 0;
  padding-bottom: 0;
}
.pd_left15{
  padding-left: 15px;
}
.mg_0 {
  margin: 0 !important; 
}
.mg-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.mg-top10 {
  margin-top: 10px !important;
}
.mg-top20 {
  margin-top: 20px !important;
}
.mg-top30 {
  margin-top: 30px !important;
}
.mg-left20 {
  margin-left: 20px !important;
}
.mg-right20 {
  margin-right: 20px !important;
}
.pd-20 {
  margin-left: -20px !important;
  margin-right: -20px !important;
}
.mgb_10{
  margin-bottom: 10px;
}
.mg_btm30 {
  margin-bottom: 30px;
}
.caption {
  border-collapse: collapse;
  width: 100%;
}
.caption th,
.caption td {
  margin: 0;
  padding: 0;
  text-align: center;
  border: 0px solid #999;
}
.caption th {
  background-color: #fff;
  text-align: center;
}
.toumei {
  width: 100%;
  max-width: 100%;
  margin: 10px 0 0 0;
}
.toumei th {
  padding: 3px;
  vertical-align: middle;
  text-align: right;
  font-weight: normal;
  border: none;
}
.toumei td {
  padding: 3px;
  border: none;
  text-align: left;
  vertical-align: top;
}
.normal {
  width: 100%;
  margin: 20px auto;
}
.normal th {
  width: 22%;
  padding: 15px 10px 15px 10px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1.0px;
  vertical-align: text-top;
  border-top: solid 5px #e7e7e7;
  border-bottom: solid 5px #e7e7e7;
}
.normal td {
  font-size: 14px;
  padding: 15px 10px 15px 10px;
  letter-spacing: 1.1px;
  border-top: solid 5px #e7e7e7;
  border-bottom: solid 5px #e7e7e7;
}
.tbl_ex {
  width: 100%;
  margin: 20px auto;
}
.tbl_ex th {
  width: 22%;
  padding: 15px 10px 15px 10px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1.0px;
  vertical-align: text-top;
  border-top: solid 3px #e7e7e7;
  border-bottom: solid 3px #e7e7e7;
}
.tbl_ex td {
  font-size: 14px;
  padding: 15px 10px 15px 10px;
  letter-spacing: 1.1px;
  border-top: solid 3px #e7e7e7;
  border-bottom: solid 3px #e7e7e7;
}
.tbl_event {
  width: 100%;
  margin: 20px auto;
}
.tbl_event th {
  width: 15%;
  height: 30px;
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 1.2px;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  padding: 10px;
}
.tbl_event td {
  padding: 10px;
  letter-spacing: 1.2px;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}
.tbl_sakuhin2 {
  width: 100%;
  margin: 20px auto;
}
.tbl_sakuhin2 th {
  width: 20% !important;
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 1.2px;
  text-align: left !important;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  padding: 10px;
}
.tbl_sakuhin2 td {
  padding: 10px;
  text-align: left !important;
  letter-spacing: 1.2px;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}
.tbl_sakuhin2 img {
  text-align: left !important;
}
.tbl_sakuhincap {
  margin-left: auto;
  margin-right: auto;
}
.tbl_sakuhincap th {
  text-align: right;
  padding-right:15px !important;
}
.tbl_line {
  width: 100%;
  margin: 20px auto;
}
.tbl_line th {
  width: 20%;
  height: 30px;
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 1.2px;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  padding: 10px;
}
.tbl_line td {
  padding: 10px;
  letter-spacing: 1.2px;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}
.tbl_line tr:first-child th {
  border-top: none; 
}
.tbl_line tr:first-child td {
  border-top: none;
}
.tbl_infofloor {
  width: 100%;
  margin: 0 auto;
  margin-top: 110px;
  margin-bottom: 100px;
}
.tbl_infofloor th {
  width:10%;
  padding: 0px 0px 0px 0px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1.0px;
  vertical-align: text-top;
  border-top: none;
  border-left: solid 10px #fff;
  border-bottom: solid 1px #ccc;
}
.tbl_infofloor img {
  padding: 10px 0 !important;
}
.tbl_infofloor td {
  width:40%;
  font-size: 14px;
  padding: 0px 0px 0px 0px;
  letter-spacing: 1.1px;
  border-top: solid 0px #ccc;
  border-bottom: solid 1px #ccc;
}
.tbl_bunka {
  width: 100%;
  margin: 0 auto;
}
.tbl_bunka th {
  width:10%;
  padding: 5px;
  font-size: 14px;
  text-align: center;
  border-top: none;
  border-left: solid 10px #fff;
  border-bottom: solid 0px #ccc;
}
.tbl_bunka td {
  width:40%;
  font-size: 14px;
  padding: 5px;
  border-top: none;
  border-bottom: solid 0px #ccc;
}
.tbl_shop {
  width: 100%;
  margin: 20px auto;
}
.tbl_shop th {
  width: 22%;
  padding: 15px 10px 15px 10px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1.0px;
  vertical-align: text-top;
  border-top: solid 0px #e7e7e7;
  border-bottom: solid 0px #e7e7e7;
}
.tbl_shop td {
  font-size: 14px;
  padding: 15px 10px 15px 10px;
  letter-spacing: 1.1px;
  border-top: solid 0px #e7e7e7;
  border-bottom: solid 0px #e7e7e7;
}
.tbl_shop2 {
  width: 100%;
  margin: 20px auto;
}
.tbl_shop2 th {
  padding: 0px 10px 0px 10px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1.0px;
  vertical-align: text-top;
  border-top: solid 3px #e7e7e7;
  border-bottom: solid 3px #e7e7e7;
}
.tbl_shop2 td {
  font-size: 14px;
  padding: 0px 10px 0px 10px;
  letter-spacing: 1.1px;
  text-align: left !important;
  border-top: solid 3px #e7e7e7;
  border-bottom: solid 3px #e7e7e7;
}
.tbl_arttalk {
  width: 100%;
  margin: 20px auto;
}
.tbl_arttalk th {
  width: 25%;
  height: 30px;
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 1.2px;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  padding: 10px;
}
.tbl_arttalk td {
  padding: 10px;
  letter-spacing: 1.2px;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}
.carendarinput {
  width: 100%;
  margin: 20px auto;
}
.carendarinput th {
  width: 22%;
  padding: 15px 10px 15px 10px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1.0px;
  vertical-align: text-top;
  border-top: solid 5px #e7e7e7;
  border-bottom: solid 5px #e7e7e7;
}
.carendarinput td {
  font-size: 14px;
  padding: 15px 10px 15px 10px;
  letter-spacing: 1.1px;
  border-top: solid 5px #e7e7e7;
  border-bottom: solid 5px #e7e7e7;
}
.clear {
  clear: both;
}
.cf:before, .cf:after {
  content:"";
  clear  : both;
}
.cf:after {
  clear:both
}
.cf {
  /*zoom:1;*/
  transform-origin: 0 0;
  transform: scale(1.0);
}
.left {
  float: left;
}
.right {
  float: right;
}
.center {
  display: block;
  margin:0 auto !important;
}
.btn_wrap {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
}
.btn_wrap a{
  display:inline-block;
}
.btn_wrap10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.btn_lightblue {
  padding: 7px 10px;
  margin: 20px 20px 20px 5px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 1.2px;
  text-decoration: none;
  background-color: #00bce2;
  border-radius: 8px;
  transition: .4s;
}
.btn_lightblue:hover {
  color: #fff;
  background: #51defa;
}
.btn_lightblue a:hover {
    text-decoration: none !important;
}
.btn_redpurple {
  padding: 7px 10px;
  margin: 20px 20px 20px 5px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 1.2px;
  text-decoration: none;
  background-color: #c40f89;
  border-radius: 8px;
  transition: .4s;
}
.btn_redpurple:hover {
  background: #e846b3;
  color: white;
}
.btn_redpurple a:hover {
  text-decoration: none !important;
}
.tblbtn_lightblue {
  padding: 7px 10px;
  margin: 20px 10px 5px 5px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 1.2px;
  text-decoration: none;
  background-color: #00bce2;
  border-radius: 8px;
  transition: .4s;
}
.tblbtn_lightblue:hover {
  color: #fff;
  background: #51defa;
}
.tblbtn_lightblue a:hover {
  text-decoration: none !important;
}
.tblbtn_redpurple {
  padding: 7px 10px;
  margin: 20px 10px 5px 5px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 1.2px;
  text-decoration: none;
  background-color: #c40f89;
  border-radius: 8px;
  transition: .4s;
}
.tblbtn_redpurple:hover {
  background: #e851b7;
  color: white;
}
.tblbtn_redpurple a:hover {
  text-decoration: none !important;
}
.tblbtn_lightblue2 {
  padding: 7px 10px;
  margin: 0px 10px 0px 5px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 1.2px;
  text-decoration: none;
  background-color: #00bce2;
  border-radius: 8px;
  transition: .4s;
}
.tblbtn_lightblue2:hover {
  color: #fff;
  background: #51defa;
}
.tblbtn_lightblue2 a:hover {
  text-decoration: none !important;
}
.tblbtn_redpurple2 {
  padding: 10px;
  margin: 20px 20px 5px 5px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 1.2px;
  text-decoration: none;
  background-color: #c40f89;
  border-radius: 8px;
  transition: .4s;
}
.tblbtn_redpurple2:hover {
  background: #007a5e;
  color: white;
}
.tblbtn_lightblue3 {
  padding: 7px 10px;
  margin: 20px 10px 5px 5px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 1.2px;
  text-decoration: none;
  background-color: #00bce2;
  border-radius: 8px;
  transition: .4s;
}
.tblbtn_lightblue3:hover {
  color: #fff;
  background: #00bce2;
}
.btn3 {
  cursor:auto;
  color: #fff;
  border:1px solid #fff;
}
/*ヘッダーナビ*/
.logo {
  margin-top: 20px
}
.navbar-static-top {
  margin-bottom: 0px;
}
.nav-slit {
  padding: 15px 0px; 
}
.nav > li.nav-img > a {
  padding: 15px 5px;
}
.gNav {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
}
.gNav > li {
  float: left;
  margin: 0;
  padding: 0;
  border-right: 1px solid #000;
}
.gNav > li.wt01 {
  height: 44px;
  width: 16.6666%;
  color: #007a5e;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1.2px;
  line-height: 16px;
  text-align: center;
  border-right: 2px solid #007a5e;
  padding: 0;
  position: relative;
}
.gNav > li.wt01 a {
  display: block;
  text-decoration: none;
  margin-top: 0px;
  padding:6px 0 6px 0;
}
.gNav > li.wt01 a:hover {
  color: #fff;
  background-color: #007a5e !important;
  text-decoration: none;
}

/*tenrankai*/
.gNav > li.wt03 {
  height: 44px;
  width: 16.6666%;
  color: #007a5e;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1.2px;
  line-height: 16px;
  text-align: center;
  border-right: 2px solid #007a5e;
  padding: 0px;
  position: relative;
}
.gNav > li.wt03 a {
  display: block;
  text-decoration: none;
  margin-top: 0px;
  padding-top: 10px;
}
.gNav > li.wt03 a:hover {
  color: #fff;
  background-color: #007a5e !important;
  text-decoration: none;
}
.wt03_arw {
  font-size: 10px;
}
.wt03_arw a {
  color: #007a5e !important;
}
.wt03_arw a:hover {
  color: #007a5e !important;
}
/*syuzousakuhin*/
.gNav > li.wt03_2 {
  height: 44px;
  width: 16.6666%;
  color: #007a5e;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1.2px;
  line-height: 16px;
  text-align: center;
  border-right: 2px solid #007a5e;
  position: relative;
  padding: 0;
}
.gNav > li.wt03_2 a {
  display: block;
  text-decoration: none;
  margin-top: 0px;
  padding-top: 10px;
}
.gNav > li.wt03_2 a:hover {
  color: #fff;
  background-color: #007a5e !important;
  text-decoration: none;
}
.wt03_2_arw {
  font-size: 10px;
}
.wt03_2_arw a {
  color: #007a5e !important;
}
.wt03_2_arw a:hover {
  color: #007a5e !important;
}
/*kyoikufukyu*/
.gNav > li.wt03_3 {
  height: 44px;
  width: 16.6666%;
  color: #007a5e;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1.2px;
  line-height: 16px;
  text-align: center;
  border-right: 2px solid #007a5e;
  position: relative;
  padding: 0;
}
.gNav > li.wt03_3 a {
  display: block;
  text-decoration: none;
  margin-top: 0;
  padding-top: 10px;
}
.gNav > li.wt03_3 a:hover {
  color: #fff;
  background-color: #007a5e !important;
  text-decoration: none;
}
.wt03_3_arw {
  font-size: 10px;
}
.wt03_3_arw a {
  color: #007a5e !important;
}
.wt03_3_arw a:hover {
  color: #007a5e !important;
}
/*bijutsukan*/
.gNav > li.wt04 {
  height: 44px;
  width: 16.6666%;
  color: #007a5e;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1.2px;
  line-height: 16px;
  text-align: center;
  border-right: 0px solid #007a5e;
  padding: 0px;
  position: relative;
}
.gNav > li.wt04 a {
  display: block;
  text-decoration: none;
  margin-top: 0px;
  padding: 10px 0 0 0;
}
.gNav > li.wt04 a:hover {
  color: #fff;
  background-color: #007a5e !important;
  text-decoration: none;
}
.wt04_arw {
  font-size: 10px;
}
.wt04_arw a {
  color: #007a5e !important;
}
.wt04_arw a:hover {
  color: #007a5e !important;
}
ul#menu li {
  list-style-type: none;
  border-bottom: 1px solid #fff;  
}
ul.child {
  width: 100% !important;
  min-width: 145px;
  text-align: left;
  display: none;
  position: absolute;
  padding: 0;
  margin-top: 10px;
  background-color: #007a5e;
  color: #fff;
}
ul.child li {
  padding: 0;
  font-size: 12px;
}
ul.child li a {
  padding: 15px;
  text-decoration: none;
  color: #fff !important;
  display: block;
}
ul.child li a:hover {
  color: #a3d8cc !important;
  background-color: #fff !important;
  display: block;
}
ul.child1 {
  width: 100% !important;
  min-width: 145px;
  text-align: left;
  display: none;
  position: absolute;
  padding: 0;
  margin-top: 10px;
  background-color: #007a5e;
  color: #fff;
}
ul.child1 li {
  padding: 0;
  font-size: 12px;
}
ul.child1 li a {
  padding: 15px;
  text-decoration: none;
  color: #fff !important;
  display: block;
}
ul.child1 li a:hover {
  color: #a3d8cc !important;
  background-color: #fff !important;
  display: block;
}
ul.child2 {
  width: 100% !important;
  min-width: 145px;
  text-align: left;
  display: none;
  position: absolute;
  padding: 0;
  margin-top: 10px;
  background-color: #007a5e;
  color: #fff;
}
ul.child2 li {
  padding: 0;
  font-size: 12px;
}
ul.child2 li a {
  padding: 15px;
  text-decoration: none;
  color: #fff !important;
  display: block;
}
ul.child2 li a:hover {
  color: #a3d8cc !important;
  background-color: #fff !important;
  display: block;
}
ul.child3 {
  width: 100% !important;
  min-width: 145px;
  text-align: left;
  display: none;
  position: absolute;
  padding: 0;
  margin-top: 10px;
  background-color: #007a5e;
  color: #fff;
}
ul.child3 li {
  padding: 0;
  font-size: 12px;
}
ul.child3 li a { 
  text-decoration: none;
  color: #fff !important;
  margin: 0 !important;
  padding: 15px;
  display: block;
}
ul.child3 li a:hover {
  color: #a3d8cc !important;
  background-color: #fff !important;
  display: block;
}
ul.child4 {
  width: 100% !important;
  min-width: 145px;
  text-align: left;
  display: none;
  position: absolute;
  padding: 0;
  margin-top: 10px;
  background-color: #007a5e;
  color: #fff;
}
ul.child4 li {
  padding: 0;
  font-size: 12px;
}
ul.child4 li a {
  text-decoration: none;
  color: #fff !important;
  padding: 15px  !important;
  display: block;
}
ul.child4 li a:hover {
  color: #a3d8cc !important;
  background-color: #fff !important;
  display: block;
}
/*sp-menu*/
.open a {
  color:#fff !important;
  background-color: #007a5e !important;
}
.open a:hover {
  background-color: #007a5e !important;
}
.caret {
  height: 22px;
  width: 22px;
  border: 0;
  padding-right: 15px;
  margin-top: 8px;
  background: url(../m_images/plus.png) !important;
  float: right;
}
.single-menu {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px !important;
  height: 210px;
  color: #fff !important;
  font-size: 15px;
  line-height: 33px !important;
  font-weight: bold !important;
  background-color: #007a5e;
  border-bottom: 3px #fff solid;
  list-style: none;
}
.single-menu a{
  color: #fff;
}
.gnav-mgn {
  width: 72.5%;
  height: 45px !important;
  float: right;
}
.gbtn_lg {
  height: 45px;
  width:110px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  background-color: #007a5e;
}
.gbtn_lg a {
  height: 45px;
  color: #fff !important;
  line-height: 45px !important;
  display:inline !important;
  margin-top: 0px !important;
  padding:0 !important;
}
.gbtn_lg a:hover {
  color: #a3d8cc !important;
}
.gbtn_lg img {
  padding: 5px 0px 10px 5px;
}
.gbtn_nm {
  height: 45px;
  margin-left: 5px;
  color: #fff !important;
  font-size: 16px;
  font-weight: bold;
  background-color: #007a5e;
}
.gbtn_nm a {
  width: 45px;
  height: 45px;
  padding: 0 !important;
  color: #fff !important;
  text-align: center;
  line-height: 45px !important;
}
.gbtn_nm a:hover {
  color: #a3d8cc !important;
}
.slidewrap {
  width: 100%;
  height: auto;
  margin-top: 60px;
  background-color: #000 !important;
}
.slidewrap2 {
  width: 100%;
  height: auto;
  margin-top: 15px;
  margin-top: 60px;
  background-color: #000 !important;
}
#eyecatch {
  width: 100%;
  height: auto;
  display:none;
}
.carousel-control{
  opacity:0;
}
/*info*/
.infoTitle {
  width: 140px;
  padding: 5px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  background-color: #007a5e;
  border-radius: 20px; 
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}
.logo25 {
  width: 100px;
  margin: 0 auto;
  padding-top: 20px;
}
.infoText {
  width: 320px;
  padding-left: 10px;
  padding-top: 7px;
  margin: 0 auto !important;
  color:#007a5e;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  clear: both;
}
#information {
  margin-top: 10px;
  margin-bottom: 30px;
}
.todays_info {
  display:  block;
  height:auto;
  padding: 20px 0px  0px 0;
  margin-bottom: 0px;
  clear: both;
  text-align: center;
}
/*calendar*/
.calendar_wrap {
  width: 100%;
  height: auto;
  padding: 0 10px;
  background-color: #f1f1f1;
  clear: both;
}
.calendar {
  width: 1100px;
  margin: 0 auto;
}
.calendar li {
  width: auto;
}
.calendar img {
  padding: 0;
}
.slider {
  padding: 0;
}
/*news*/
.news_wrap {
  padding: 40px 0 30px 0;
}
.wrap_container {
  padding: 0 50px;
}
.zwrap {
  position: relative;
  z-index: 0;
  margin: 0;
  padding: 0;
  height: auto;
  width: auto;
}
#news {
  /*overflow:scroll;
  overflow-x:hidden;*/
}
.newsTitle {
  width: 100px;
  height: 45px;
  margin: 0 auto;
  font-weight: bold;
  font-size: 20px;
  line-height: 45px;
  text-align: center;
  letter-spacing: 1.2px;
  border-bottom: 5px #007a5e solid;
}
.newsCategory {
  display: block;
  width: 100px;
  margin: 10px 10px 15px 5px;
  padding: 3px 0 3px 0;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  line-height: 20px;
  background-color: #007a5e;
}
.newsCategory2 {
  display: block;
  width: 100px;
  margin: 10px 10px 15px 5px;
  padding: 3px 0 3px 0;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  line-height: 20px;
  background-color: #c40f89;
}
.newsCategory3 {
  display: block;
  width: 100px;
  margin: 10px 10px 15px 5px;
  padding: 3px 0 3px 0;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  line-height: 20px;
  background-color: #7251bc;
}
.newsText {
  margin: 10px 0;
  padding: 0;
  font-size: 14px;
  font-weight: bolder;
  letter-spacing: 1.2px;
}
.Attachment {
  width: 35px;
  height:20px;
  margin: 0px 10px;
  padding: 3px 5px 2px 5px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  background-color: #858887;
}
.Attachment a{
  display: block;
}
.Attachment:hover{
  background-color: #c40f89 !important;
}
.info_cmt {
  /*height: 500px;
  overflow:auto;*/
}
.info_cmt a {
  color: #000;
  text-decoration: none;
}
.info_cmt a:hover {
  color: #007a5e;
  text-decoration: none;
}
.info_cmt dl {
  margin: 0;
}
.info_cmt dt {
  width: 115px;
  height: 20px;
  clear: both;
  float: left;
}
.info_cmt dd {
  padding: 12px 10px 13px 115px;
  border-bottom: solid #ccc 1px;
}
.menu_wrap {
  padding-top: 40px;
  padding-bottom: 40px;
}
.menubtn_1 {
  background:url(../m_images/menubtn1.png) no-repeat;
}
.menubtn_2 {
  background:url(../m_images/menubtn2.png) no-repeat;
}
.menubtn_3 {
  background:url(../m_images/menubtn3.png) no-repeat;
}
.menubtn_4 {
  background:url(../m_images/menubtn4.png) no-repeat;
}
.menubtn_5 {
  background:url(../m_images/menubtn5.png) no-repeat;
}
.menubtn_6 {
  background:url(../m_images/menubtn6.png) no-repeat;
}
.menubtn_7 {
  background:url(../m_images/menubtn7.png) no-repeat;
}
.menubtn_8 {
  background:url(../m_images/menubtn8.png) no-repeat;
}
.menubtn_9 {
  background:url(../m_images/menubtn9.png) no-repeat;
}
.menubtn_10 {
  background:url(../m_images/menubtn10.png) no-repeat;
}
.menubtn_1b {
  position:absolute;
  z-index: 1;
  width: 180px;
  height: 200px;
  padding: 0;
  top:0;
  left:0;
  margin-bottom: 15px;
  margin-right: 10px;
  background:url(../m_images/menubtn_cv1.png) no-repeat;
}
.menubtn_2b {
  position: absolute;
  z-index: 1;
  width: 120px;
  height: 200px;
  padding: 0;
  top:0;
  left:0;
  margin-bottom: 15px;
  margin-right: 10px;
  background:url(../m_images/menubtn_cv3.png) no-repeat;
}
.menubtn_3b {
  position: absolute;
  z-index: 1;
  width: 120px;
  height: 200px;
  padding: 0;
  top:0;
  left:0;
  margin-bottom: 15px;
  margin-right: 10px;
  background:url(../m_images/menubtn_cv3.png) no-repeat;
}
.menubtn_4b {
  position: absolute;
  z-index: 1;
  width: 180px;
  height: 200px;
  padding: 0;
  top:0;
  left:0;
  margin-bottom: 15px;
  margin-right: 10px;
  background:url(../m_images/menubtn_cv2.png) no-repeat;
}
.menubtn_5b {
  position: absolute;
  z-index: 1;
  width: 120px;
  height: 200px;
  padding: 0;
  top:0;
  margin-bottom: 15px;
  margin-right: 10px;
  background:url(../m_images/menubtn_cv3.png) no-repeat;
}
.menubtn_6b {
  position: absolute;
  z-index: 1;
  width: 120px;
  height: 200px;
  padding: 0;
  top:0;
  left:0;
  margin-bottom: 15px;
  margin-right: 10px;
  background:url(../m_images/menubtn_cv3.png) no-repeat;
}
.menubtn_7b {
  position: absolute;
  z-index: 1;
  width: 120px;
  height: 200px;
  top:0;
  left:0;
  margin-bottom: 15px;
  margin-right: 10px;
  background:url(../m_images/menubtn_cv3.png) no-repeat;
}
.menubtn_8b {
  position: absolute;
  z-index: 1;
  width: 120px;
  height: 200px;
  padding: 0;
  top:0;
  left:0;
  margin-bottom: 15px;
  margin-right: 10px;
  background:url(../m_images/menubtn_cv3.png) no-repeat;
}
.menubtn_9b {
  position: absolute;
  z-index: 1;
  width: 120px;
  height: 200px;
  padding: 0;
  top:0;
  left:0;
  margin-bottom: 15px;
  margin-right: 10px;
  background:url(../m_images/menubtn_cv3.png) no-repeat;
}
.menubtn_10b {
  position: absolute;
  z-index: 1;
  width: 120px;
  height: 200px;
  padding: 0;
  top:0;
  left:0;
  margin-bottom: 15px;
  margin-right: 10px;
  background:url(../m_images/menubtn_cv3.png) no-repeat;
}
.mbtn {
  overflow: hidden;
  height: 200px;
  margin-bottom: 20px;
  z-index: 1;
}
.mbtn a {
  position:absolute;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  text-indent:-999px;
  z-index: 2;
}
.mbtn div{
  /*transition: 0.5s;*/
}
.mbtn div:hover {
  /*transform: scale(1.5,1.5);*/
}
.mbtn2 {
  overflow: hidden;
  height: 200px;
  margin-bottom: 20px;
  z-index: 1;
}
.mbtn2 a {
  position:absolute;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  text-indent:-999px;
  z-index: 2;
}
.mbtn2 div {
  /*transition: 0.5s;*/
}
.mbtn2 div:hover {
  /*transform: scale(1.5,1.5);*/
}
.menu_titletxt1 {
  width: 180px;
  padding-top: 40px;
  padding-left: 35px;
  text-align: left;
  font-size: 18px;
  font-weight: bold;
}
.menu_titletxt2 {
  width: 180px;
  padding-left: 25px;
  padding-top: 25px;
  text-align: left;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 1.5px;
}
.menu_titletxt3 img{
  padding: 0 !important;
  padding-left: 10px !important;
  padding-top: 10px !important;
}
.menu_titletxt4 {
  width: 120px !important;
  padding-left: 0px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1.2px;
}
.sns_wrap {
  margin-top:40px;
  padding: 40px;
}
.snsright{
  text-align: right;
  margin-right: 0px;
}
.snsleft{
  height:500px;

  text-align: left;
  margin-left: 0px;
  overflow:scroll;
  overflow-x: hidden;
}
.footer {
  margin-top: 40px;
  height: 180px;
  width: 100% !important;
  background-color: #007a5e;
  padding: 20px 5px;
}
.ft_logo {
  border-right: 1px #fff solid;
  padding-right: 0 !important;
  margin-right: 0 !important;
}
.ft_logo img {
  padding: 0;
}
.ft_addr {
  color: #fff !important;
  font-size: 14px;
  padding: 30px 25px;
  line-height: 26px;
}
.ft_addr a {
  color: #fff;
}
.ft_lang {
  padding-right: 0 !important;
  padding-left: 0 !important;
  line-height: 140px;
}
.ft_link {
  padding-left: 20px !important;
}
.ft_link li{
  color: #fff;
  font-size: 14px;
  display: inline !important;
  margin-left: 0px;
}
.ft_link li a{
  color: #fff;
  padding-left: 10px;
  margin-right: 10px;
}
.footer2 {
  height: 80px;
  padding-top: 30px;
  margin: 0 !important;
  background-color: #fff;
}
.ft_link2 li{ 
  font-size: 14px;
  font-weight: bold;
  padding: 30px 20px;
  display: inline !important;
}
.ft_link2 li a{ 
  color: #000;
}
.ft_link2_1 {
  padding-left: 0 !important;
}
.copyright {
  font-size: 14px;
  padding: 20px 10px 30px 0;
  text-align: right;
}
.totop {
  position: fixed;
  right: 40px;
  bottom: 60px;
  z-index: 100;
}
.totop a {
  display: block;
  height: 50px;
  width: 50px;
  background: url(../m_images/totop_off.png) no-repeat;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.totop a:hover {
  background: url(../m_images/totop_on.png) no-repeat;
  opacity: 1.0;
  filter: alpha(opacity=100);
}
/*contents-page*/
.breadcrumb {
  height: 50px;
  padding-left: 5px;
  margin-top: 15px;
  font-size: 12px;
  line-height: 50px;
  color: #000;
  border-top:1px #ccc solid;
  border-bottom:1px #ccc solid;
}
.page_col1 {
  padding: 10px 130px;
}
.page_col2_left {
  padding: 0 25px 0 50px;
}
.page_col2_right {
  padding: 0 50px 0 25px;
}
.col2_title {
  margin: 30px 0 50px 0;
  clear: both;
}
/*exhibition*/
.exh_date {
  color: #007a5e;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  line-height: 1.2;
}
.exh_discripttion {
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1.9;
  text-align: justify;
}
.exh_fee {
  margin: 10px 0;
}
.exh_fee th{
  width: 150px;
  padding: 10px 5px;
  border-top: 0;
  border-bottom: 1px #ccc solid;
}
.exh_fee td {
  padding: 10px 5px;
  border-top: 0;
  border-bottom: 1px #ccc solid;
}
.exh_underline {
  line-height: 2.0;
  border-bottom: 2px #ccc solid;
}
.exh_free {
  font-size: 12px;
  text-align: left !important;
}
.exh_subtitle {
  font-size: 14px;
  text-align: center;
  font-weight: bold;
}
.exh_muryou {
  font-weight: bold;
  font-size: 18px;
}
.exh_pic {
  padding-top: 20px;
  margin-bottom: 0px;
  display: flex;
}
.exh_pic img {
  object-fit: contain;
}
.exh_pic2 {
  display: flex;
}

.prof {
  padding: 5px;
}
/*event*/
.event_h4 {
  text-align: left;
}
/*collection*/
.co_gallery {
  padding: 0;
  margin: 0;
  text-align: center;
}
.co_gallery ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.co_gallery li {
  display: inline;
  padding: 0;
  margin: 0;
}
.co_gallery img{
  width: 32.9%;
  padding: 2px 0;
  margin: 0;
}
/*youtube*/
.youtube {
  width:100%;
  padding-bottom: 56.25%;
  height:0px;
  position: relative;
}
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 40px;
}
.iframBox {
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 69px;
  padding-bottom: 50%;
  overflow: hidden;
}
.iframBox iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cnt-center {
    text-align: center;
}
.c-img {
  width: 100%;
  height: 400px;
  background: #fff;
  padding: 0;
  display: flex;
  align-items: center !important;
  justify-content: center;
}
.env-img {
  background: #fff;
  padding: 0;
  display: flex;
  align-items: center !important;
  justify-content: center;
}
.sc-img {
  width: auto;
  height: 550px;
  display: flex;
  align-items: center !important;
  justify-content: center;
}
.sc-img2 {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.sc-img2 img {
  padding: 0;
  margin: 0;
}
.sc-img3{
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.sc-img3 img {
  padding: 0;
  margin: 0;
}
.sc-img-wrap1{
  padding-top: 60px;
}
.sc-img-wrap2{
  padding-top: 80px;
}
.sc-img-wrap3{
  padding-top: 80px;
}
.sc-img-wrap4{
  padding-top: 60px;

}
.sc-apl-pd {
  padding-left: 15px;
  padding-bottom: 0px;
}
.sc-apltxt-pd {
  padding-left: 15px;
}
.sc-apltxt2-pd {
  padding-right: 15px;
  padding-left: 15px;
}
.co-img {
  width: auto;
  height: auto;
  background: #fff;
  display: flex;
  align-items: flex-end !important;
  justify-content: center;
}
/*archive*/
.archive_list {
  margin-top: 20px;
}
.archive_list ul {
  text-align: center;
}
.archive_list li {
  display: -moz-inline-box;
  display: inline-block;
  margin: 13px 10px;
  border:1px #007a5e solid;
}
.archive_list li a {
  display: block;
  font-size: 16px;
  padding: 10px;
  text-decoration: none;
}
.archive_list li a:hover {
  display: block;
  color:#fff;
  background-color: #007a5e;
  padding: 10px;
  text-decoration: none;
}
/*tomonokai*/
.tomonokai_list {
  text-align: center;
}
.tomonokai_list ul {

}
.tomonokai_list li {
  width: 100px;
  text-align: center;
  display: -moz-inline-box;
  display: inline-block;
  margin: 20px 10px;
  border:1px #007a5e solid;
}
.tomonokai_list li a {
  display: block;
  font-size: 16px;
  padding: 10px;
  text-decoration: none;
}
.tomonokai_list li a:hover {
  display: block;
  color:#fff;
  background-color: #007a5e;
  padding: 10px;
  text-decoration: none;
}
.park_img {
  padding: 0 0 0 0;
}
.tomonokai_img {
  padding: 0 0 0 0;
}
/*pdf_link*/
.pdf_link {
  padding: 0;
  margin: 0 10px;;
}
.pdf_link a {
  text-decoration: none !important;
}
.pdf_link a:hover,focus {
  color: #000000 !important;
  text-decoration: none;
}
.pdf_link_line {
  margin: 10px 10px 10px 0px;;
  float: left
}
.btn-pdf {
  color: #333;
  text-decoration: none; 
  padding-left: 25px;
  background-color: #e5e5e5;
  background: #fff url(../images_icon/pdficon_small.png) 5px center no-repeat;
}
.btn-pdf:hover,
.btn-pdf:focus,
.btn-pdf:active,
.btn-pdf.active,
.open > .dropdown-toggle.btn-pdf {
  color: #333;
  background-color: #e5e5e5;
}
.btn-pdf:active,
.btn-pdf.active,
.open > .dropdown-toggle.btn-pdf {
  background: #FFF url(../images_icon/pdficon_small.png) 5px center no-repeat;
}
.btn_link {
  margin-bottom: 20px; 
}
.btn_link a {
  text-decoration: none;
  text-indent: 0;
}
/*page_link*/
.page_link {
  margin: 10px;
}
.page_link a {
  text-decoration: none !important;
}
.page_link a:hover,focus {
  color: #000000 !important;
  text-decoration: none;
}
.page_link_line {
  margin: 10px 10px 10px 0px;;
  float: left
}
.btn-page {
  color: #000;
  text-decoration: none; 
  padding-left: 25px;
  background-color: #e5e5e5;
  background: #FFF url(../images_icon/pageicon.png) 5px center no-repeat;
}
.btn-page:hover,
.btn-page:focus,
.btn-page:active,
.btn-page.active,
.open > .dropdown-toggle.btn-pdf {
  color: #333;
  background-color: #e5e5e5;
}
.btn-page:active,
.btn-page.active,
.open > .dropdown-toggle.btn-pdf {
  background: #FFF url(../images_icon/pageicon.png) 5px center no-repeat;
}
.arch-period_L {
  color: #717171;
  font-size: 16px;
  font-weight: bold;
}
.arch-period {
  color: #777777;
  font-size: 12px;
  margin-top: -10px !important;
}
.tbl_kantobus {
  margin: 20px auto;
  font-size: 12px;
  width: 80%;
}
.tbl_kantobus th {
  padding:10px;
  border: 1px solid #999999;
  text-align: center;
}
.tbl_kantobus td {
  padding:8px;
  border: 1px solid #999999;
  text-align: center;
}
.tbl_kantobus tr:nth-child(2n+1) {
  background: #f8f8f8;
}
.tbl_tomonokai {
  margin: 20px auto;
  width: 100%;
}
.tbl_tomonokai th {
  padding: 15px;
  border-bottom: 1px solid #999999;
  text-align: center;
}
.tbl_tomonokai td {
  padding: 15px;
  border-bottom: 1px solid #999999;
  text-align: center;
}
.tbl_photo {
  margin: 20px auto;
  border: none;
}
.tbl_photo th {
  padding:10px;
  border: none;
  text-align: center;
}
.tbl_photo td {
  padding:10px;
  border: none;
  text-align: center;
}
.txt-caution {
  font-weight: bold;
  color: #7251bc;
}
.tbl_infofloor_en {
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 0px;
}
.tbl_infofloor_en th {
  width:10%;
  padding: 0px 0px 0px 0px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1.0px;
  vertical-align: text-top;
  border-top: none;
  border-left: solid 10px #fff;
  border-bottom: solid 1px #ccc;
}
.tbl_infofloor_en img {
  padding: 10px 0 !important;
}
.tbl_infofloor_en td {
  width:40%;
  font-size: 14px;
  padding: 0px 0px 0px 0px;
  letter-spacing: 1.1px;
  border-top: solid 0px #ccc;
  border-bottom: solid 1px #ccc;
}
.tbl_sakuhin {
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 0px;
}
.tbl_sakuhin th {
  width: 10%;
  padding: 0px 0px 0px 0px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1.0px;
  vertical-align: text-top;
  text-align: center;
  border-top: none;
  border-left: solid 0px #fff;
  border-bottom: solid 1px #ccc;
}
.tbl_sakuhin td {
  width: 25%;
  font-size: 14px;
  text-align: center;
  padding: 0px 0px 0px 0px;
  letter-spacing: 1.1px;
  border-top: solid 0px #ccc;
  border-bottom: solid 1px #ccc;
}
.tbl_shop2 {
  margin: 20px auto;
  width: 100%;
}
.tbl_shop2 th {
  padding: 15px;
  background-color: #eeeeee;
  border-bottom: 1px solid #999999;
  text-align: center;
}
.tbl_shop2 td {
  padding: 15px;
  border-bottom: 1px solid #999999;
  text-align: center;
}
.tel-number a:link {
  color:#fff !important;
  text-decoration: none;
}
.sticky {
  position: sticky;
  top: 0;
}
.balloon-set-box {
  display: flex;
  flex-wrap: wrap;
}
.balloon-set-box.left {
  flex-direction: row;
}
.balloon-set-box.right {
  flex-direction: row-reverse;
}
.balloon {
  position: relative;
  display: inline-block;
  max-width: 300px;
  margin: 10px 20px 20px;
  padding: 8px 15px;
  background: #f0f0f0;
  text-align: left;
  border-radius: 15px;
}
.balloon::after {
  border: 14px solid transparent;
  border-top-color: #f0f0f0;
  position: absolute;
  top: 0;
}
.left .balloon::after {
  left: -10px;
}
.right .balloon::after {
  right: -10px;
}
.err {
  text-align: center;
  font-weight: bold;
  font-size: 80px;
}
#anim {
  -moz-transition: all .1s linear 0s !important;
  -webkit-transition: all .1s linear 0s;
  transition: all .1s linear 0s;
  z-index: 3;
}
.ani:hover {
  -moz-transform: scale(1.05) !important;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.ani_wrap {
  overflow: hidden;
}
.spacer30 {
  display: block;
  height:30px;
  clear: both;
}
/* skip-link */
.skip-nav {
    margin: 0;
}
.skip-link {
  position: absolute;
  top: -26px;
  left: 0;
  display: inline-block;
  height: 1px;
  padding: 2px 10px;
  text-align: left;
  overflow: hidden;
  color: #FFF;
  text-decoration: none;
  border-radius: 0 0 8px 8px;
  background: tomato;
}
.slick_container {
  width:1100px;
  margin:0 auto;
  position:relative;
}
.slick-prev, .slick-next {
  width:50px;
  height:210px;
}
.slick-prev:before, .slick-next:before {
  /*content:"";*/
}
button.slick-prev, button.slick-next {
  z-index:2;
}
.slick-prev {
  left:-50px;
}
.slick-next {
  right:-50px;
}
.slick-arrow {
  z-index:10;
}
.txt_boldunder {
  font-weight: bold;
  text-decoration: underline;
}
.font12 {
  font-size: 12px;
}
.font16 {
  font-size: 16px;
}
.font18 {
  font-size: 18px;
}
label {
  padding:10px;
}
.iconimg {
  padding: 0;
  margin: 0;
}
.forest-img {
  text-align: center;
  background: #fff;
  padding: 0;
  display: flex;
  align-items: center !important;
  justify-content: center;
}
.txt-left {
  text-align: left;
}
.txt-center {
  text-align: center;
}
.txt-right {
  text-align: right;
}
.txt-justify {
  text-align: justify;
}
.link_black {color: #007a5e;font-size: 18px;}
.link_black a {color: #007a5e;}
.link_black a:hover {color: #000 !important;}
.link_black a:link {color: #007a5e;}
.link_black a:visited {color: #007a5e;}
.link_black a:active {color: #000;}
img.img-mid {
  vertical-align: middle;
}
.sakuhin_center {
  text-align: center !important;
}
.exh_eng {
  font-size: 80%;
}
.justify {
  text-align: justify;
  text-justify: inter-ideograph;
}
.collectionbnr {
  margin: 0;
  padding: 0;
    
}
.collectionbnr img {
  margin-top: 40px;
  padding: 0;
}

.collectionbnr1 {
  margin: 0;
  padding: 0;
    
}
.collectionbnr1 img {
  margin-top: 40px;
  padding: 0;
      border-top: 1px #000 solid;
    border-right: 0px #000 solid;
    border-bottom: 1px #000 solid;
    border-left: 1px #000 solid;
    
}
@media (max-width: 768px) {
    .collectionbnr img {
        margin-top: 0px !important;
      padding: 0 25px;
    }
  .collectionbnr1 img {
    padding: 0 25px;
    border-right: 1px #000 solid !important;
    border-bottom: 0px #000 solid !important;
  }
  .collectionbnr2 img {
    margin-top: 0px !important;
    padding: 0 25px;
    border-top: 0px #000 solid !important;
    border-left: 1px #000 solid !important;
  }
}
.collectionbnr2 {
  margin: 0;
  padding: 0;
}
.collectionbnr2 img {
  margin-top: 40px;
  padding: 0;
    border-top: 1px #000 solid;
    border-right: 1px #000 solid;
    border-bottom: 1px #000 solid;
}
.fontborder1 {
  text-shadow: 
  black 2px 0px,  black -2px 0px,
  black 0px -2px, black 0px 2px,
  black 2px 2px , black -2px 2px,
  black 2px -2px, black -2px -2px,
  black 1px 2px,  black -1px 2px,
  black 1px -2px, black -1px -2px,
  black 2px 1px,  black -2px 1px,
  black 2px -1px, black -2px -1px;
}
.colcenter{
  margin: 0 auto;
  text-align: center;
}
.conta del {
  background-image: linear-gradient(
  transparent 0.6em, #fe3464 0, #fe3464 calc(0.6em + 1px), transparent 0, 
  transparent calc(0.6em + 3px), #fe3464 0, #fe3464 calc(0.6em + 4px), transparent 0);
  text-decoration: none;
}
.captionbgcolor{
  border:1px solid #999999;
  background-color: #eeeeee;
}
.collection_h1 {
  width: 320px;
  padding: 15px 5px 25px 5px;
  margin: 30px auto;
  font-size: 22px;
  line-height: 1.2;
  text-align: center;
  font-weight: bold;
  border-bottom: 7px solid #007a5e;
}
.fbiframe {
  width: 400px;
  height: 500px;
  overfllow: hidden;
  background-color: transparent;
  border:0;
}
.shop_tabletxtcenter {
  font-size: 12px;
  text-align: center;
}
.carousel-indicators {
  bottom:0 !important;
}
.ext-youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.ext-youtube iframe {
  width: 100%;
  height: 100%;
}
.new{
  font-weight: bold;
  color: #ff0000;
  border: 0px #ff0000 solid;

}
/*モーダル*/
.modal-open{
  cursor: pointer;
  color:#007a5e;
}
/*モーダル本体*/
.modal-container{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 40px 20px;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: .2s;
  box-sizing: border-box;
}
.modal-container:before{
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.modal-container.active{
  opacity: 1;
  visibility: visible;
}
/*モーダル枠*/
.modal-body{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 800px;
  width: 90%;
}
/*モーダル閉じる*/
.modal-close{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -40px;
  right: -40px;
  width: 40px;
  height: 40px;
  font-size: 40px;
  color: #007a5e;
  cursor: pointer;
}
/*モーダル内のコンテンツの指定*/
.modal-content{
  background: #fff;
  text-align: left;
  padding: 30px;
}
.slide-border{
  border: 1px #000 solid;
}

.align-btm {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}