@charset "UTF-8";



/*-------------------------------------
もとCSSリセット --------------
-------------------------------------*/
.wp-block {
  overflow: hidden;
}

.wp-block-button__link:active,
.wp-block-button__link:focus,
.wp-block-button__link:hover,
.wp-block-button__link:visited {
  color: inherit;
}

.wp-block-image {
  margin: 0 auto 1em;
}

.wp-block-group.has-background {
  padding: 1.25em var(--side);
}
.wp-block-columns.has-background {
  margin-bottom: 0;
}

@media screen and (min-width:768px) { 
	.wp-block-group.has-background {
    padding: 3.25em var(--side);
    margin-bottom: var(--side);
  }
  .wp-block-columns.has-background {
    margin-bottom: var(--side);
  }
	.wp-block-group.has-background,
	.wp-block-columns.has-background{
    border-radius: 35px;
  }
}




/*カスタムカラー*/
.has-ki-color{
	color:rgb(254, 214, 43) !important;
}
.has-aka-color{
	color:rgb(251, 26, 26)!important;
}
.has-kon-color{
	color: rgb(34, 53, 102)!important;
}
.has-kon2-color{
	color: rgb(234, 237, 244)!important;
}
.has-gray-color{
	color: rgb(135, 140, 154)!important;
}
.has-shiro-color{
	color: rgb(255,255,255)!important;
}

.has-ki-background-color{
	background-color:rgb(254, 214, 43)!important;
}
.has-aka-background-color{
	background-color:rgb(251, 26, 26)!important;
}
.has-kon-background-color{
	background-color: rgb(34, 53, 102)!important;
}
.has-kon-2-background-color{
	background-color: rgb(234, 237, 244)!important;
}
.has-gray-background-color{
	background-color: rgb(135, 140, 154)!important;
}
.has-shiro-background-color{
	background-color: rgb(255,255,255)!important;
}



/* カスタムフォントサイズ */
.has-taco-ss-font-size {
  font-size: var(--ss);
}
.has-taco-s-font-size {
  font-size: var(--s);
}
.has-taco-m-font-size {
  font-size: var(--m);
}
.has-taco-l-font-size {
  font-size: var(--l);
}
.has-taco-ll-font-size {
  font-size: var(--ll);
}
.has-taco-l3-font-size {
  font-size: var(--l3);
}







/*-------------------------------------
----------ブロックスタイル --------------
-------------------------------------*/

/*コード：デフォルト */
.wp-block-code {
    font-size: inherit;
    border: none;
    border-radius: 0;
    border-left: solid 3px var(--hai);
    overflow: scroll;
    background: repeating-linear-gradient(#333, #333 1.45em, #555 1.45em, #555 1.5em);
    padding: 1.5em;
	margin-bottom: 1em;
	position: relative;
}
.wp-block-code code {
    white-space: unset;
    line-height: 1.5;
	color: #fff;
}

/*コード：html */
.is-style-code_html::after {
    content: "HTML";
    display: block;
    background: var(--hai);
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 1em;
    line-height: 1.5;
    font-family: 'Avenir','Helvetica Neue','Helvetica','Arial',YuGothic,'Yu Gothic','Hiragino Sans','ヒラギノ角ゴシック','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

/*コード：css */
.is-style-code_css {
    border-left: solid 3px var(--ki);
}
.is-style-code_css::after {
    content: "CSS";
    display: block;
    background: var(--ki);
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 1em;
    line-height: 1.5;
    font-family: 'Avenir','Helvetica Neue','Helvetica','Arial',YuGothic,'Yu Gothic','Hiragino Sans','ヒラギノ角ゴシック','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

/*コード：php */
.is-style-code_php {
    border-left: solid 3px var(--cha);
}
.is-style-code_php::after {
    content: "PHP";
    display: block;
    background: var(--cha);
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 1em;
    line-height: 1.5;
    font-family: 'Avenir','Helvetica Neue','Helvetica','Arial',YuGothic,'Yu Gothic','Hiragino Sans','ヒラギノ角ゴシック','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

/*コード：js */
.is-style-code_js {
    border-left: solid 3px var(--gr);
}
.is-style-code_js::after {
    content: "JS";
    display: block;
    background: var(--gr);
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 1em;
    line-height: 1.5;
    font-family: 'Avenir','Helvetica Neue','Helvetica','Arial',YuGothic,'Yu Gothic','Hiragino Sans','ヒラギノ角ゴシック','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

/*タグクラウド：シンプル */
.is-style-tag_sinple a {
    font-size: inherit!important;
    margin-right: 1em;
}
/*タグクラウド：アイコン付き */
.is-style-tag_icon a {
  font-size: inherit!important;
  margin-right: 1em;
}
.is-style-tag_icon a::before {
  content: "\f292";
  font-family: 'Font Awesome 5 Free';
  font-weight: bold;
  margin-right: 0.2em;
  text-decoration: none;
}

/*画像：ボックスシャドウ */
.is-style-image_shadow img {
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 50%);
}

/*画像：ドロップシャドウ */
.is-style-image_drop img {
    filter: drop-shadow(0 0 5px var(--kon2));
}

/*画像：背景半透明 */
.is-style-image_bgfff {
    background: rgb(255 255 255 / 70%);
    padding: 1em;
}


/* カラム：2列（1:9） */

.is-style-columns_2 {
  display: grid;
  grid-template-columns: 1fr 8fr;
  gap: 2em;
}
.is-style-columns_2 .wp-block-column{
  margin: 0;
}
@media screen and (max-width: 600px) {
  .is-style-columns_2 {
    grid-template-columns: 1fr;
    gap: 1em;
  }
}


/* 段落：LineHeight1 */
.is-style-paragraph_lh1{
  line-height: 1;
}

/* リスト：brownsquare */
ul.is-style-list_brownsquare li{
  list-style-type: none;
  margin-bottom: 1em;
  padding-left: 1.5em;
  position: relative;
}
ul.is-style-list_brownsquare li a{
  text-decoration: none;
}
ul.is-style-list_brownsquare li::before{
  content: "";
  width: 0.5em;
  height: 1em;
  display: inline-block;
  background-color: var(--cha);
  position: absolute;
  top: 0.3em;
  left: 0;
}
ul.is-style-list_brownsquare li ul{
  margin-top: 0.5em;
}
ul.is-style-list_brownsquare li ul li{
  margin-bottom: 0.5em;
  padding-left: 4em;
}
ul.is-style-list_brownsquare li ul li::before{
  content: "";
  width: 3em;
  height: 1px;
  display: inline-block;
  background-color: var(--cha);
  position: absolute;
  top: 0.8em;
  left: 0;
}

/* 見出し：アンダーライン */
.is-style-h_underline{
  padding-bottom: 0.1em;
  border-bottom: solid 1px;
}
/* 見出し：矢印アイコン */
.is-style-h_arrow {
  position: relative;
  padding-left: 0.7em;
}
.is-style-h_arrow::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin: 0 0.5em;
  border-width: 2px;
  border-style: solid;
  border-color: currentColor;
  border-bottom: none;
  border-left: none;
  transform: rotate(45deg);
  font-size: 0.6em;
  position: absolute;
  top: 0.7em;
  left: -1em;
}

/* 見出し：アンダーライン */
.is-style-h_dotline{
  padding-bottom: 0.5em;
  border-bottom: dotted 2px;
  margin-bottom: 1.5em;
}
.is-style-h_dotline::before{
  content: "\f02e";
  font-family: 'Font Awesome 5 free';
  margin-right: 0.5em;
  color: var(--aka);
}

/* 見出し：ボーダー */
.is-style-h_border{
  padding: 0.5em 0 0.5em 0.5em;
	border-left: solid 5px;
	border-bottom: solid 1px #EAEDF4;
	margin-bottom: 1.5em;
	margin-top: 3em;
}

/* ボタン：下向き矢印（角） */
.is-style-btn_arrow-b {
  width: 100%;
  position: relative;
}
.is-style-btn_arrow-b::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin: 0 0.5em;
  border-width: 1px;
  border-style: solid;
  border-color: currentColor;
  border-top: none;
  border-left: none;
  transform: rotate(45deg) translateY(-70%) translateX(-30%);
  position: absolute;
  font-size: 0.8em;
  right: 0.8em;
  top: 50%;
}
.is-style-btn_arrow-b a.wp-block-button__link {
  border-radius: 0;
  width: 100%;
  padding: 0.5em 2em 0.5em 0.5em;
}

/* ボタン：右向き矢印（角） */
.is-style-btn_arrow-r {
  width: 100%;
  position: relative;
}
.is-style-btn_arrow-r::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin: 0 0.5em;
  border-width: 2px;
  border-style: solid;
  border-color: currentColor;
  border-bottom: none;
	border-left: none;
  transform: rotate(45deg) translateY(-70%) translateX(-30%);
  position: absolute;
  font-size: 0.8em;
  right: 0.8em;
  top: 50%;
}
.is-style-btn_arrow-r a.wp-block-button__link {
  border-radius: 0;
  width: 100%;
  padding: 1.5em;
}

.is-style-btn_arrow-r.white::after {
  border-color: #fff;
}
.is-style-btn_arrow-r.aka::after {
  border-color: var(--aka);
}

/* ボタン：タグ用 */
.is-style-btn_tag {
    width: 100%;
	margin: 2em auto !important;
}
.is-style-btn_tag a.wp-block-button__link {
    background: var(--kon2);
    border-radius: 0;
    border: solid 1px;
    box-shadow: 0 0 6px var(--kage);
    width: 100%;
	max-width: 400px;
    text-align: left;
    position: relative;
    padding: 2.2em 1em 1em;
    font-weight: bold;
	margin: 0 auto;
    display: block;
	color: inherit;
}
.is-style-btn_tag a::before {
    content: "\f292";
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    margin-right: 0.5em;
    color: var(--ki);
}
.is-style-btn_tag a::after {
    content: "この記事に関連するタグ";
    display: block;
    font-size: var(--m);
    position: absolute;
    top: 1em;
    font-weight: normal;
}


/* メインビジュアル */
.wp-block-cover.is-style-maincover {
	width: calc( 100% - 2em);
  justify-content: start;
  align-items: flex-end;
  padding: var(--side);
  height: 70vh;
	max-height: 800px;	
	background-color: var(--kon2);
	overflow:hidden;
	border: solid 2px;
    margin: 1em;
}
.wp-block-cover.is-style-maincover img.wp-block-cover__image-background {
  width: 100%;
  object-fit: cover;
  height:100%;
  transform: scale(1.1);
	
}
.wp-block-cover.is-style-maincover .wp-block-cover__inner-container {
  margin-left: calc(-0.5 * var(--side));
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.wp-block-cover.is-style-maincover .wp-block-cover__inner-container p {
  font-size: max(var(--s),2.5vw);
  display: inline-block;
  font-weight: bold;
  padding: 0.4em 1.1em;
  margin: 0 0 0.5em;
}
.wp-block-cover.is-style-maincover .wp-block-cover__inner-container p:last-of-type {
  margin: 0;
}
@media screen and (min-width:768px) { 
	.wp-block-cover.is-style-maincover {
		width: 100%;
	  justify-content: start;
	  align-items: flex-end;
	  padding: var(--side);
	  height: 90vh;
		margin: var(--side) 0;
		
	}
	.wp-block-cover.is-style-maincover img.wp-block-cover__image-background {
    left: 0;
    right: calc(-1 * var(--side));
  }
  .wp-block-cover.is-style-maincover .wp-block-cover__inner-container p {
    font-size: min(1.9vw,var(--ll));
    padding: 0.4em 2em;
  }
}

/* グループ：枠線 */
.wp-block-group.is-style-grp_border{
    border: solid 1px;
}





/*-------------------------------------
----------カスタムブロック  --------------
-------------------------------------*/



/*----------- H2_line -------------*/
.h2-line{
  text-align: right;
  margin-bottom: 4em;
  margin-top: 1em;
}
.h2-line:first-child{
  margin-top: 0;
}
.h2-line h2.title{
  font-size: var(--f1);
  border-bottom: solid 1px #333;
	margin-bottom: 0;
}
.h2-line p.sub{
 font-size: var(--f6);
 font-weight: bold;
 margin-bottom: 0;
}

/*----------- H2_centerline -------------*/
.h2-cline{
  margin-bottom: 4em;
  display: grid;
  grid-auto-flow: row;
  width: fit-content;
  margin-top: 4em;
}
.h2-cline h2.title{
  font-size: var(--f1);
  display: inline-block;
  padding-bottom: 0;
	margin-bottom: 0;
  border-bottom: solid 1px #333;
  text-align: center;
}
.h2-cline p.sub{
  display: inline-block;
 font-size: var(--f6);
 font-weight: bold;
 text-align: center;
 margin-bottom: 0;
}
@media screen and (max-width: 600px) {
  .h2-cline{
  margin-right: auto;
  margin-left: auto;
  }
}

/*----------- h3-exam -------------*/
.h3-exam{
  margin-bottom: 2em;
}
.h3-exam .title{
  font-size: var(--f2);
	margin-bottom: 0;
}
.h3-exam .sub{
  margin: 0;
  font-size: var(--f6);
  line-height: 1;
}
.h3-exam .desc {
  background-color: #fff;
  padding: 3em;
  margin-top: -0.9em;
}
.h3-exam .desc p:last-child{
  margin-bottom: 0;
}

/*----------- ブログカード（グリッド） -------------*/
.blogcard-grid figure{
  display: block;
  height: 16em;
  width: 100%;
  border: solid 1px #333;
  margin-bottom: 0.6em;
  overflow: hidden;
  transition: 0.3s;
  background-color: #fff;
}
.blogcard-grid figure img{
  height: calc(100% - 0.625em * 2 );
  width: calc(100% - 0.625em * 2 );
  object-fit: cover;
  margin: 0.625em;
  transition: 0.3s;
  border-radius: 5px;
}
.blogcard-grid .title{
  font-size: var(--f6);
  margin-bottom: 0;
  width: fit-content;
  position: relative;
  z-index: 0;
  color: #333;
}
.blogcard-grid .title::before{
  content: '';
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: 0;
	width: 0;
	height:100%;
	background-color: var(--ki);
	transition:all .3s;
	opacity: 0;
}
.blogcard-grid .sub{
  font-size: var(--small);
  color: var(--hai);
}
.blogcard-grid a{
  text-decoration: none;
}
.blogcard-grid a:hover figure{
  border-color: var(--ki);
}
.blogcard-grid a:hover figure img{
  opacity: 0.5;
  transform:scale(1.5);
}
.blogcard-grid a:hover .title{
  color: #333;
}
.blogcard-grid a:hover .title::before{
  width: 100%;
	opacity: 1;
}


/*----------- グリッド記事一覧 -------------*/

.grid-postlist{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  grid-auto-flow: dense;
}
.grid-postlist article>a{
  display: block;
  height: 100%;
  width: 100%;
  text-decoration: none;
}
.grid-postlist article figure{
 display: block;
 height: 16em;
 width: 100%;
 border: solid 1px #333;
 margin-bottom: 0.6em;
 overflow: hidden;
 transition: 0.3s;

  margin-block-start: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}
.grid-postlist article figure img{
 height: calc(100% - 0.625em * 2 );
 width: calc(100% - 0.625em * 2 );
 object-fit: cover;
 margin: 0.625em;
 transition: 0.3s;
 border-radius: 5px;
}
.grid-postlist article h3{
 font-size: var(--f6);
 margin-bottom: 0.6em;
 width: fit-content;
 position: relative;
 z-index: 0;
 color: #333;
}
.grid-postlist article h3::before{
 content: '';
 position: absolute;
 z-index: -1;
 bottom: 0;
 left: 0;
 width: 0;
 height:100%;
 background-color: var(--ki);
 transition:all .3s;
 opacity: 0;
}
.grid-postlist article a:hover figure{
  border-color: var(--ki);
}
.grid-postlist article a:hover figure img{
  opacity: 0.5;
  transform:scale(1.5);
}
.grid-postlist article a:hover h3{
  color: #333;
}
.grid-postlist article a:hover h3::before{
  width: 100%;
	opacity: 1;
}
@media screen and (max-width: 1024px) {
  .grid-postlist {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 600px) {
  .grid-postlist {
    gap: 15px;
  }
  .grid-postlist article figure {
    height: 40vw;
  }
}
/*----------- ライン記事一覧 -------------*/

.line-postlist a{
  text-decoration: none;
  display: grid;
  grid-template-columns: [date]5em [cate]9.5em [title]1fr;
  gap: 1em;
  align-items: center;
  border-bottom: 1px solid #333;
  padding: 1em 0;
  position: relative;
}
.line-postlist .date{
  grid-column: date;
}
.line-postlist .cate{
  grid-column: cate;
  display: inline-block;
  padding: 0.2em;
  width: 100%;
  height: auto;
  background-color: var(--hai_p1);
  color: #333;
  text-align: center;
}
.line-postlist .cate.news,
.line-postlist .cate.event-news{
  background-color: var(--ki);
}
.line-postlist a:hover .cate{
  color: #333;
}
.line-postlist .title{
  grid-column: title;
  font-weight: normal;
  font-size: var(--f5);
  margin-right: 2em;
	margin-bottom:0;
}
.line-postlist .arrow{
  position: absolute;
  right: 5px;
  font-size: 1.5em;
  transition: all .3s;
}
.line-postlist a:hover{
  background-color: var(--ki_p1);
  color: #333;
}
.line-postlist a:hover .arrow{
  transform: translateX(10px) rotate(45deg);
}


@media screen and (max-width: 600px) {
  .line-postlist a {
    grid-template-areas:
        "date cate ."
        "title title title";
  }
}

/* ボタン：ALLボタン */
.btn-icon{
  text-align: center;
  font-size: var(--f2);
  width: fit-content;
  margin: 2em auto;
}
.btn-icon a.link{
  background-color: inherit;
  color: #333;
  font-weight: bold;
  text-decoration: none;
}
.btn-icon a.link:hover{
  color: var(--gr);
}
.btn-icon i{
  padding-right: 0.1em;
}


/* ボタン：一覧で見るボタン */
.btn-txt{
  text-align: right;
  font-size: var(--f6);
  font-weight: bold;
  margin: 2em auto;
}
.btn-txt a.link{
  background-color: inherit;
  color: #333;
  font-weight: bold;
  text-decoration: none;
}
.btn-txt a.link:hover{
  color: var(--gr);
}
.btn-txt a.link:hover .arrow{
  border-color: var(--gr);
}

/* リンク：商品 */
.store-item{
  margin-bottom: 2em;
}
.store-item a.link {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: minmax(300px,400px);
  grid-gap: 2em;
  text-decoration: none;
  background-color: #fff;
}
.store-item a.link .img{
  grid-column: span 2;
}
.store-item a.link img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.store-item a.link .text {
  border-top: solid 1px #333;
  border-bottom: solid 1px #333;
  padding: 1em;
  height: 100%;
  display: flex;
    flex-direction: column;
    justify-content: center;
}
.store-item a.link .text .name {
  font-size: var(--f3);
  font-weight: bold;
}
.store-item a.link .text .desc {
  font-size: var(--f6);
}
.store-item a.link .text .price {
  text-align: right;
  font-size: var(--f3);
  font-weight: bold;
}
.store-item a.link .img.order2 {
  order: 2;
}
@media screen and (max-width: 1024px) {
  .store-item a.link {
    grid-gap: 1em;
  }
}
@media screen and (max-width: 600px) {
  .store-item a.link {
    grid-template-columns: 1fr;
    grid-gap: 0;
    grid-template-rows: 50vw auto;
  }
  .store-item a.link .text {
    border-top: none;
  }
  .store-item a.link .img.order2 {
    order: -1;
  }
}


/* ボタン：塗りつぶしボタン */
.btn-icon-fill{
  text-align: center;
  font-size: var(--f4);
  margin: 2em auto;
}
.btn-icon-fill a.link{
  color: #fff;
  text-decoration: none;
  background-color: #333;
  padding: 0.5em 3em;
  border-radius: 5px;
  width: 50%;
  display: block;
  margin: 0 auto;
}
.btn-icon-fill a.link:hover{
  background-color: var(--gr);
}
.btn-icon-fill i{
  padding-right: 0.1em;
}

@media screen and (max-width: 1024px) {
  .btn-icon-fill a.link {
    width: fit-content;
  }
}

/* ボタン：塗りつぶしボタン（白） */
.btn-icon-fill2{
  text-align: center;
  font-size: var(--f4);
  margin: 2em auto;
}
.btn-icon-fill2 a.link{
  color: #333;
  text-decoration: none;
  background-color: #fff;
  padding: 0.5em 3em;
  border-radius: 5px;
  width: 100%;
  display: block;
  margin: 0 auto;
}
.btn-icon-fill2 a.link:hover{
  color: var(--gr);
}
.btn-icon-fill2 i{
  padding-right: 0.1em;
}

/* 矢印リンク */
.btn-arrow {
  border-bottom: solid 3px var(--gr);
  border-top: solid 3px var(--gr);
}
.btn-arrow a.link {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  height: 100%;
  padding: 1em 0;
}
.btn-arrow .text {
  padding-left: 2em;
}
.btn-arrow p.title,
.btn-arrow p.sub {
  margin-bottom: 0;
  line-height: 1;
  text-align: center;
}
.btn-arrow p.title{
  font-size: var(--f4);
  font-weight: bold;
}
.btn-arrow p.sub {
  font-size: var(--f6);
}
.btn-arrow .arrow {
  border-top: 3px solid var(--gr);
  border-right: 3px solid var(--gr);
  position: relative;
  top: -5px;
  transition: all .3s;
}
.btn-arrow a.link:hover .arrow{
  transform: rotate(135deg) translateY(-5px) translateX(5px);
}
@media screen and (max-width: 600px) {
  .btn-arrow{
    border-bottom: none;
  }
  .btn-arrow a.link {
    justify-content: start;
    padding: 1em 0;
    padding-left: 2em;
  }
  .btn-arrow .text {
    display: flex;
    align-items: center;
  }
  .btn-arrow p.title{
    margin-right: 1em;
  }
}

/* 映画コンテンツ抜粋 */
.cinemapost-collection {
	display: flex;
    background-color: var(--kon2);
    margin: 0 0 2em;
}
.cinemapost-collection.alignfull {
    padding: 1em var(--side);
}
.cinemapost-collection__img {
    flex-basis: 100px;
	margin-right: 1em;
	position: relative;
}
.cinemapost-collection__img::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.cinemapost-collection__txt {
    flex-grow: 1;
}
.cinemapost-collection__txt .post-title {
    font-size: var(--m);
	font-weight: bold;
}
.cinemapost-collection__txt .cinema-info span:not(:last-of-type) {
    padding-right: 0.5em;
    margin-right: 0.5em;
}
.cinemapost-collection__txt .cinema-info {
    line-height: 1.8;
	padding: 0.5em 0;
}
.cinemapost-collection__txt .cinema-links__label a {
    background-color: var(--gray);
    color: #fff;
	padding: 0.1em 0.7em;
}

@media (min-width: 768px){
	.cinemapost-collection.alignfull {
		padding: 2em;
		width: calc(100% - var(--side)*2);
		margin: 2em auto;
	}
	.cinemapost-collection__img {
		flex-basis: 130px;
	}
}



/*-------------------------------------
----------テーマ上書きブロック  -----------
-------------------------------------*/
.postlist.block{
  padding: 0;
	background:none;
}
/* ポストリスト横 */
.postlist.line.block {
  background: none;
}
.postlist.line.block .postlist__item{
  width: 100%;
  height: 7em;
  margin: 0 0 1em;
}
.postlist.line.block .postlist__item a {
  display: flex;
  border-radius: 5px;
}
.postlist.line.block .postlist__item__img.icatch {
  width: 35%;
	min-width: 100px;
  height: auto;
  max-height: 200px;
}
.postlist.line.block .postlist__item__txt {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.postlist.line.block .postlist__item .title {
  font-size: var(--m);
  font-weight: normal;
}