@charset "utf-8";

/*
==============
livein.css
==============
*/
/* -----------------
■ PC
------------------- */
@media screen and (min-width:768px)
{

/* -----------------
■ 全体
------------------- */
.yu-mincho {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }

.brandon {
  font-family: brandon-grotesque, sans-serif; }

a:hover {
  transition: all 0.17s cubic-bezier(0.21, 0.51, 0.51, 1);
  opacity: .7; }


/* -----------------
■ メインビジュアル
------------------- */
.kv_block {
  position: relative;
  height: 100vh;
  min-height: 60vw;
  background: url(../images/kv.jpg) no-repeat center center;
  background-size: cover; }

.kv_block .header_logo {
  position: absolute;
  top: 40px;
  right: 40px; }

.kv_logo {
  position: absolute;
  top: 29.5%;
  left: 50%;
  transform: translateX(-50%); }

.kv_text {
  position: absolute;
  top: 62.8%;
  left: 50%;
  transform: translateX(-50%); }


/* -----------------
■ 一覧
------------------- */
.article_block {
  width: 1000px;
  margin: 60px auto 0; }

.article_block ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

.article_block li {
  width: 475px; }

.article_block li:nth-of-type(n+3) {
  margin-top: 51px; }

.article_block .oneColumn {
  width: 100%; }

.article_block li a {
  display: block;
  color: #000;
  text-decoration: none; }

.article_block li .text_block {
  letter-spacing: .1em;
  font-feature-settings: "palt"; }

.article_block li h2 {
  margin-top: 17px;
  font-size: 14px;
  line-height: 1; }

.article_block li h2 span {
  display: inline-block;
  position: relative; }

.article_block li h2 span:after {
  content: "";
  position: absolute;
  top: 42%;
  right: -114px;
  width: 100px;
  height: 1px;
  background-color: #000; }

.article_block li p {
  margin-top: 14px;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: .1em; }


/* -----------------
■ バックナンバー
------------------- */
.backnumber_block {
  width: 1000px;
  margin: 55px auto 0; }

.backnumber_block h2 {
  font-size: 28px;
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
  letter-spacing: .2em; }

.backnumber_block ul {
  margin-top: 15px; }

.backnumber_block li:nth-of-type(n+2) {
  margin-top: 50px; }

.backnumber_block a {
  display: block; }


/* -----------------
■ GRAND PATIO
------------------- */
.patio_block {
  width: 1000px;
  margin: 160px auto 0; }

.patio_block a {
  display: block; }


/* -----------------
■ 汎用
------------------- */
.lh0 { line-height: 0; }

.clearfix:after{
  content: ".";
  display: block; 
  clear: both; 
  height: 0; 
  font-size:0;  
  visibility:hidden; }

.spEle,
.spEleIn {
  display: none;}


/* ■ PC | END------------------- */
}


/* -----------------
■ SP
------------------- */
@media screen and (max-width:767px)
{

/* -----------------
■ メインビジュアル
------------------- */
.kv_block {
  position: relative;
  height: 57.3333vw;
  margin-bottom: 25.0666vw;
  background: url(../images/kv_sp.jpg) no-repeat center center;
  background-size: 100% auto; }

.kv_block .header_logo {
  position: absolute;
  top: 4vw;
  right: 4vw;
  width: 22vw; }

.kv_logo {
  position: absolute;
  top: 19.5vw;
  left: 50%;
  transform: translateX(-50%); }

.kv_text {
  position: absolute;
  bottom: -12.5vw;
  left: 0;
  width: 100%;
  text-align: center; }

.kv_text img {
  width: 83.3333vw; }


/* -----------------
■ 一覧
------------------- */
.article_block {
  width: 86.6666vw;
  margin: 60px auto 0; }

.article_block li:nth-of-type(n+2) {
  margin-top: 8vw; }

.article_block li a {
  display: block;
  color: #000;
  text-decoration: none; }

.article_block li .text_block {
  margin-top: 4vw;
  letter-spacing: .1em;
  font-feature-settings: "palt"; }

.article_block li h2 {
  font-size: 3.2vw;
  line-height: 1; }

.article_block li h2 span {
  display: inline-block;
  position: relative; }

.article_block li h2 span:after {
  content: "";
  position: absolute;
  top: 1.8vw;
  right: -29vw;
  width: 26.6666vw;
  height: 1px;
  background-color: #000; }

.article_block li p {
  margin-top: 3vw;
  font-size: 3.4666vw;
  line-height: 1.5;
  letter-spacing: .05em; }


/* -----------------
■ バックナンバー
------------------- */
.backnumber_block {
  width: 86.6666vw;
  margin: 12vw auto 0; }

.backnumber_block h2 {
  font-size: 3.7333vw;
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
  letter-spacing: .2em; }

.backnumber_block ul {
  margin-top: 3vw; }

.backnumber_block li:nth-of-type(n+2) {
  margin-top: 4vw; }

.backnumber_block a {
  display: block; }


/* -----------------
■ GRAND PATIO
------------------- */
.patio_block {
  width: 86.6666vw;
  margin: 13vw auto 0; }

.patio_block a {
  display: block; }


/* -----------------
■ SP 汎用
------------------- */
.pcEle,
.pcEleIn {
  display: none; }

.spEle {
  display: block; }

.spEleIn {
  display: inline-block; }


/* ■ SP | END------------------- */
}


/*# sourceMappingURL=livein.css.map */