/*
Theme Name: TIARA
*/

body{margin: 0px; font-family:"MS Pゴシック",sans-serif;}
ul{list-style: none;}
a {text-decoration: none!important;}
h1{color:red;}
.line-height2{line-height: 2em;}
.width100{width: 100%;}
.width90{width: 90%;}
.width80{width: 80%;}
.width70{width: 70%;}
.paddingBottom2EM{padding-bottom: 2em;}
.marginAuto{margin:0 auto;}
.text-center{text-align: center;}


.concept .title {width: 96%;}
.concept .news .title {width: 96%;}
  .concept .event .title {width: 96%;}
  .concept .shop .title {width: 96%;}
  .concept .gallery .title {width: 96%;}




/*トップページ*/
.title{
  margin-bottom: 2%;
}
.title h2{
  display: inline-block;
  position: relative;
}
.title h2:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -16px; /*下線の上下位置調整*/
  display: inline-block;
  width: 50px; /*下線の幅*/
  height: 2px; /*下線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%); /*位置調整*/
  background-color: #666666; /*下線の色*/
}
.logo{
  margin: 0 auto;
  width: 250px;
}
.sns{
  display: flex;
  position: absolute;
  right: 8px;
  top: 30px;
}
.sns .item{
  width: 42px;
}
#menu-common{
  padding-left: 0px;
  display: flex;
  margin: 0 auto;
  width: 50%;
  justify-content: space-around;
}
#menu-common li { color: black; }
#menu-common li a{color: black; text-decoration: none;}
.title{
  text-align: center;
  letter-spacing: .2em;
}
.clm-padding{
  padding-top: 5%;
  padding-bottom: 5%;
}
.event{background: #f9f9f9;}
.event .three-clm-inner {display: flex;width: 70%; margin: 0 auto; justify-content: space-around;}
.event .three-clm-inner .item{width: 30%;}
.event .three-clm-inner .item img{width: 100%;}
.category-inner .three-clm-inner {display: flex;width: 80%; margin: 0 auto; justify-content: space-around;}
.category-inner .three-clm-inner .item{width: 24%;}
.category-inner .three-clm-inner .item img{width: 100%;}
.category-inner .three-clm-inner .item .category-name-ja{margin-top: 2px;}
.category-inner .three-clm-inner .item .category-name-en{margin-bottom: 0px;}
.other .four-clm-inner {display: flex;width: 95%; margin: 0 auto; justify-content: space-around;}
.other .four-clm-inner .item{width: 22%;}
.other .four-clm-inner .item img{ width: 250px; height: 250px; display: block;margin: 0 auto;}
.btn-inner{text-align: center; margin:2% auto;}
.btn{background: #c2a26d;color: white;padding-top: 8px;padding-bottom: 8px;padding-left: 24px;padding-right: 24px;}
.page-content .btn-inner .btn-margin{background: #c2a26d;color: white!important;padding-top: 8px;padding-bottom: 8px;padding-left: 0px;padding-right: 0px;}
.btn:hover{opacity: 0.7;}
.concept {position: relative;}
.concept .title{position: absolute;top: 50%;left: 30%;
    width: 55%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);}
.gallery .four-clm-inner{display: flex;width: 70%;flex-wrap: wrap;margin: 0 auto;justify-content: space-around;}
.gallery .four-clm-inner .item{width: 22%;margin-bottom: 2%;}
.gallery .four-clm-inner .item img{width: 220px;height:300px;display: block;margin: 0 auto;}
.gallery .four-clm-inner .item .category-name-ja{margin-top: 2px;font-size: .8em;}
.gallery .four-clm-inner .item .category-name-en{margin-bottom: 0px;}
.shop .three-clm-inner {display: flex;width: 70%;flex-wrap: wrap;margin: 0 auto; justify-content: flex-start;}
.shop .three-clm-inner .item{width: 30%;margin-bottom: 5%;text-align: center;margin-right: 1%;margin-left: 2%;}
.shop .three-clm-inner .item .address{font-size: .8em; margin:0px;}
.shop .three-clm-inner .item .tel{font-size: .8em;margin:0px;}
.shop .three-clm-inner .item .time{font-size: .8em;margin:0px;}
.shop .three-clm-inner .item .holiday{font-size: .8em;margin:0px;}
.shop .three-clm-inner .item .shop-name-ja{margin-bottom: 0px;}
.shop .three-clm-inner .item .shop-name-ja {display: flex;align-items: center;width: 50%;margin: 0 auto;margin-top: 5%;}
.shop .three-clm-inner .item .shop-name-ja:before,.shop .three-clm-inner .item .shop-name-ja:after {content: "";height: 1px;flex-grow: 1;background-color: #666;}
.shop .three-clm-inner .item .shop-name-ja:before {margin-right: 1rem;}
.shop .three-clm-inner .item .shop-name-ja:after {margin-left: 1rem;}
.shop .three-clm-inner .item .shop-name-en{font-size: 1.5em; margin-top: 4px;letter-spacing: .1em;color: #c88c0e;}
.shop .three-clm-inner .item a{color: black; text-decoration: none;}
.shop .three-clm-inner .item img{width: 100%;}
.footer-upper{padding-left: 10%;padding-right: 10%;margin:0 auto;}
footer .store-inner {width: 100%;margin: 0 auto;display: flex;}
footer .store-inner .store{width: 20%;text-align: left;margin-bottom: 5%;}
footer .category{display: flex;}
footer .category p{margin-right: 5%;font-size: .9em;}
footer .menu{display: flex;text-align: left;justify-content: flex-start;flex-wrap: wrap;}
footer .menu p {width: 12%;font-size: .8em;}
footer .sns{position:initial;right: initial;top: initial;}
footer .sns {display: inline-flex!important;vertical-align: middle;justify-content: space-around;width: 100px;}
.footer-bottom-clm{padding:2%;text-align: right;}
.footer-bottom{padding-top: 2%;}
.footer-bottom a{color: darkgray;text-decoration: none;}
.footer-upper{background: #c2a26d;color: white;}
.shop .btn{background: #c2a26d;color: white!important;display: block;width: 100%;margin: 5% auto;text-align: center;padding-top: 8px;padding-bottom: 8px;padding-left: 0px;padding-right: 0px;}
.btn02 {
  background: transparent;
  color: white;
  border: 2px solid white;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 24px;
  padding-right: 24px;
}
.btn03 {
  background: white;
  color: #c88c0e;
  border: 2px solid #c2a26d;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 24px;
  padding-right: 24px;
}
.sns .btn-item{
  width: 250px;
}


/*固定ページ*/
.page .title{
  background: #fcfaf2;
  padding: 5%;
  margin-bottom: 0%!important;
}
.page .content .title{
  background: white;
  padding: 2%;
}
.page .page-content{
  padding-top: 2%;
    padding-bottom: 5%;
}
.spnone{
  display: block;
}
.pcnone{
  display: none;
}

hr{
  border-style: solid;
}
.store .main{
  margin-bottom: 0px;
  font-size: 1.4em;
  font-family: "游明朝", YuMincho, yu-mincho-pr6, sans-serif;
    font-weight: 400;
    font-style: normal;
}
.store .sub{
  margin-top: 0px;
    font-size: .5em;
    margin-bottom: 24px;
  
}
.category .main{
  font-size: 1.1em;
}
.category p{
  margin: 0px;
}
.category {
  padding-top: 2%;
  padding-bottom: 2%;
}
.footer-upper .menu a{
display: contents;
color: white;
}
.footer-upper .menu a:hover{
  opacity: 0.7;
}
.footer-upper .category a{
display: contents;
color: white;
}
.footer-upper .category a:hover{
  opacity: 0.7;
}
.news .container {
  display: grid;
  grid-template-rows: 30% 30% 30%;
  grid-template-columns: 50% 50%;
    width: 70%;
  margin: 0 auto;
}
.news .container .article1 {
  grid-row: 1 / 4;
  grid-column: 1 / 2;
}

.news .container .article2 {
  grid-row: 1 / 2;
  grid-column: 2 / 3;
}

.news .container .article3 {
  grid-row:  2 / 3;
  grid-column: 2 / 3;
}

.news .container .article4 {
  grid-row:  3 / 4;
  grid-column: 2 / 3;
}
.news .container .article2 .list-group-item{
  display: flex;
}
.news .container .article2 .list-group-item .left{
  width: 40%;
}
.news .container .article2 .list-group-item .right{
  width: 60%;
}
.news .container img{
  width: 70%;
}
.news .container .article1 img{
  width: 80%;
}
.news .container .article3 .list-group-item{
  display: flex;
}
.news .container .article3 .list-group-item .left{
  width: 40%;
}
.news .container .article3 .list-group-item .right{
  width: 60%;
}
.news .container .article4 .list-group-item{
  display: flex;
}
.news .container .article4 .list-group-item .left{
  width: 40%;
}
.news .container .article4 .list-group-item .right{
  width: 60%;
}
.news .container .article-inner{
  width: 80%;
    margin: 0 auto;
    margin-top: 2%;
    text-align: left;
    font-size: .8em;
}
.news .container .article-inner .category{
 margin: 0%;
    margin-right: 2%;
    display: inline-block;
    padding-bottom: 0%;
    padding-top: 0%;
    color: #c88c0e;
    letter-spacing: 0px;
}
.news .container .article-inner .date{
 margin: 8px auto;
    display: inline-block;
    letter-spacing: 0px;
    color: lightgray;
}
.news .container .article-inner .title{
 text-align: left;
    margin: 8px auto;
    font-weight: bold;
}
.news .container .article-inner a{
  color: black;
}
.news .container .article-inner a:hover{
  opacity: 0.7;
}
.news .container hr {
    border-style: solid;
    margin-top: 3%;
    width: 90%;
    border-color: lightgray;
}

.article1 hr{
  display: none;
}
.top-header{
  text-align: center;
  padding-top: 2px;
    height: 80px;
}
.menu{
  padding: .5%;
}



@media screen and (max-width: 768px) {
  .concept .news .title {width: 100%;}
  .concept .event .title {width: 100%;}
  .concept .shop .title {width: 100%;}
  .concept .gallery .title {width: 100%;}
  .sns{
  display:none;
}
    .spnone{
      display: none;
    }
    .pcnone{
      display: block;
    }
    .menu-inner{
      display: none;
    }
    .sns{
      display: none;
    }
    .other .four-clm-inner {
      width: 100%;
      flex-wrap: wrap;
    }
    .other .four-clm-inner .item {
      width: 50%;
    }
    .other .four-clm-inner .item img {
      width: 100%;
    }
    .gallery .four-clm-inner {
      width: 95%;
      flex-wrap: wrap;
    }
    .gallery .four-clm-inner .item {
      width: 45%;
    }
    .gallery .four-clm-inner .item img {
      width: 100%;
      object-fit: cover;
    }
    header h1{margin: 0px;}
    .logo {
        margin: 2% auto;
    width: 50%;
    }
    header{
      height: 40px;
      padding: 2%;
    }
    .sp-menu-inner{
      display: inline-block!important;
      position: absolute;
      top: 14px;
      right: 15%;
      height: 28px;
    }
    .menu-btn {
        width: calc(40px + 4%);
    height: calc(40px + 2%);
        position: fixed;
        top: 0;
        right: 0;
        z-index: 10000;
        border-radius: 0px;
        background: white;
    }
.menu-btn .inner {
    width: 11.06vw;
    height: 6vw;
    position: relative;
    margin: 4.2vw auto 1vw;
}
.menu-btn p {
    font-size: 3.2vw;
    text-align: center;
}
.mincho {
    font-family: "游明朝", YuMincho, yu-mincho-pr6, sans-serif;
    font-weight: 400;
    font-style: normal;
}
.menu-btn .inner span:nth-of-type(1) {
    top: 0;
}
.menu-btn .inner span:nth-of-type(2) {
    top: 50%;
    transform: translateY(-50%);
}
.menu-btn .inner span:nth-of-type(3) {
    bottom: 0;
}
.menu-btn .inner span {
    width: 100%;
    height: 0.266vw;
    background: #c88c0e;
    position: absolute;
    left: 0;
    transition: .3s;
}
.menu-btn.active .inner span:nth-of-type(2) {
    opacity: 0;
}
.menu-btn.active .inner span:nth-of-type(1) {
    transform: rotate(
45deg) translate(2vw,2vw);
}
.menu-btn.active .inner span:nth-of-type(3) {
    transform: rotate(
-45deg) translate(1.7vw,-1.9vw);
}
.menu-inner.active {
    opacity: 1;
    visibility: visible;
    display: block;
}
.active .inner span {
    background: white;
}
.menu-inner-sp{
  display: none;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: #c2a26d;
  color: white;
  position: fixed;
  top: 0px;
  left: 0px;
}
.menu-inner-sp.active{
  display: block;
}
.menu-btn.active{
  background: transparent;
}

.menu-inner-sp .menu{
  padding-left: 0px;
    text-align: center;
    color: white;
    position: absolute;
    top: 50%;
    width: 100%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
}
.menu-inner-sp .menu li{
line-height: 3em;
  font-size: 1.2em;
}
.menu-inner-sp .menu a{
  color: white;
}
.menu-inner-sp .menu a:hover{
  opacity: 0.7;
}
.category-inner .three-clm-inner {
    display: block;
    width: 90%;
}
.category-inner .three-clm-inner .item {
    width: 100%;
}

.slider{
    margin: 16px auto;
    width: 90%;
}
.slider img{
    height: auto;
    width: 100%;
}
.concept {
    margin-bottom: 10%;
}
/*slick setting*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
.slick-slider {
  padding-left: 0px;
}
#store2{
  display: none;
}
#store3{
  display: none;
}
#store4{
  display: none;
}
#store5{
  display: none;
}
.news .container {
    display: block;
    width: 100%;
    margin: 0 auto;
}
.list-group-item {
  display: flex;
}
.list-group-item .right{
  width: 60%;
}
.list-group-item .left{
  width: 40%;
}
.news .container .article-inner .date {
    margin: 0px;
}
.news .container .article-inner {
    width: 100%;
  }
.slider-store img{
    height: auto;
    width: 100%;
}
.slider-store{
    margin: 16px auto;
    width: 90%;
}
#store1{
  width: 90%;
  margin: 10% auto;
  text-align: center;
}
#store2{
  width: 90%;
  margin: 10% auto;
  text-align: center;
}
#store3{
  width: 90%;
  margin: 10% auto;
  text-align: center;
}
#store4{
  width: 90%;
  margin: 10% auto;
  text-align: center;
}
#store5{
  width: 90%;
  margin: 10% auto;
  text-align: center;
}

.shop .one-clm-inner .item .address{font-size: .8em; margin:0px;width: 80%;
    margin: 0 auto;}
.shop .one-clm-inner .item .tel{font-size: .8em;margin:0px;}
.shop .one-clm-inner .item .time{font-size: .8em;margin:0px;}
.shop .one-clm-inner .item .holiday{font-size: .8em;margin:0px;}
.shop .one-clm-inner .item .shop-name-ja{margin-bottom: 0px;}
.shop .one-clm-inner .item .shop-name-ja {
    display: flex;
    align-items: center;
    width: 50%;
    margin: 0 auto;
    margin-top: 5%;
}
 
.shop .one-clm-inner .item .shop-name-ja:before,
.shop .one-clm-inner .item .shop-name-ja:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #666;
}
 
.shop .one-clm-inner .item .shop-name-ja:before {
    margin-right: 16px;
}
 
.shop .one-clm-inner .item .shop-name-ja:after {
    margin-left: 16px;
}
.shop .one-clm-inner .item .shop-name-en{font-size: 1.5em; margin-top: 4px;
    letter-spacing: .1em;
    color: #c88c0e;}
.shop .one-clm-inner .item a{color: black; text-decoration: none;}
/*フッター*/
footer .store-inner .store {
    width: 33.3%;
    text-align: left;
    margin-bottom: 5%;
}
.btn02 {
    padding-left: 16px;
    font-size: .8em;
    padding-right: 16px;
}
.category .main {
    display: none;
}
footer .category {
    display: flex;
    flex-wrap: wrap;
}
footer .category p {
    margin-right: 0%;
    font-size: .9em;
    width: 50%;
    line-height: 2em;
    text-align: left;
}
.footer-bottom-clm {
    display: none;
    }
    .footer-bottom p{
    font-size: .6em;
    }
    footer .menu {
    width: 100%;
    margin-left: 0%;
    flex-wrap: wrap;
}
footer .menu p {
    width: 50%;
    margin-top: 8px;
    margin-bottom: 8px;
    }
.footer-upper {
    padding-top: 5%;
    padding-bottom: 5%;
  }
  footer .store-inner {
    flex-wrap: wrap;
  }


}

.news{display: none;}