/*--------------------------------
共通-------------------------------
----------------------------------*/
body{
	color: var(--kon);
}

/*--------------------------------
ヘッダー----------------------------
----------------------------------*/

header {
    border-bottom: solid 1px var(--kon);
    padding: 1rem;
}

header a{
    text-decoration: none;
}
header .sitetitle {
    text-align: center;
    font-weight: bold;
}
header .sitetitle.sponly img{
    width: 50%;
    min-width: 200px;
	vertical-align: middle;
}

header .ham-nav .sitetitle {
    margin: 0 auto 1.3em;
    width: 80%;
}


/* SP固定メニュー */
.ham-nav {
	position: fixed;
		bottom: 0;
		left: 0;
    width: 100%;
	transform: translateY(calc(100% - 3rem));
	transition: all .3s;
	z-index: 50;
}
.bottom-bar {
    display: flex;
    height: 3rem;
	border-top: solid 1px var(--kon);
}
.open-btn {
    background-color: var(--kon2);
	border-right: solid 1px var(--kon);
    width: calc(100% - 3rem);
	display: flex;
		justify-content: center;
		align-items: center;
}
.top-btn a{
    background-color: var(--ki);
    width: 3rem;
	height: 100%;
}
.menu-sp-ham-container{
	background-color: var(--kon2);
	height: auto;
	max-height: 70vh;
    padding: var(--side);
}

/* 開いたとき */
.ham-nav.active{
	transform: translateY(0);
}
.ham-nav.active .bottom-bar{
	background-color: #fff;
}
.ham-nav.active .menu-sp-ham-container{
	overflow: auto;
	
}
.open-btn.active {
    background: none;
	border: none;;
}
.ham-nav.active .top-btn {
    display: none;
}
body.hamnav-open::before {
    content: "";
    display: block;
    background: rgb(255 255 255 / 50%);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}

/* ハンバーガーアイコン */
.icon_ham{
	display: inline-block;
	position: relative;
	cursor: pointer;
    width: 1.5em;
    height:1em;
	margin: 0 1em 0 0;
}
.icon_ham span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 0;
    height: 2px;
    border-radius: 2px;
	background: var(--kon);
  	width: 100%;
  }
.icon_ham span:nth-of-type(1) {
	top:0;	
}
.icon_ham span:nth-of-type(2) {
	top:50%;
	transform: translateY(-50%);
}
.icon_ham span:nth-of-type(3) {
	bottom: 0;
}
/* 開いたときバツになる */
.open-btn.active .icon_ham span{
  	width: 90%;
  }
.open-btn.active .icon_ham span:nth-of-type(1) {
    top: 6%;
    transform: translateY(6px) rotate(-45deg);
}
.open-btn.active .icon_ham span:nth-of-type(2) {
	opacity: 0;
}
.open-btn.active .icon_ham span:nth-of-type(3){
    bottom: 6%;
    transform: translateY(-6px) rotate(45deg);
}

/* ハンバーガー中身 */
.ham-post {
    border-top: solid 1px var(--kon);
}
.postlist.ham {
    padding: 0;
}
.ham .postlist__item {
    margin-bottom: 1em;
    width: 48%;
}
.ham figure.icatch {
    max-height: 30vw;
}
.ham .postlist__item .title {
    font-size: var(--m);
    margin: 1em;
}







/* ボトムバーの出現 */
.bottom-bar{
	transform: translateY(100%);
}
.bottom-bar.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(100%);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}
.bottom-bar.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(100%);
  }
}

/*--------------------------------
メニュー----------------------------
----------------------------------*/
ul.menu {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 9em;
}
ul.menu li {
    list-style-type: none;
    font-size: var(--m);
    font-weight: bold;
    width: 50%;
}
ul.menu li a {
    margin-bottom: 0.5em;
    display: inline-block;
}
ul.menu li::before {
    content: "";
    display: inline-block;
	width: 1em;
	height: 1em;
	margin: 0 0.5em;
	border-width: 2px;
	border-style: solid;
	border-color: var(--aka);
	border-bottom: none;
	border-left: none;
	transform: rotate(45deg);
    font-size: 0.6em;
    position: relative;
    top: -0.1em;
}
ul.menu ul.sub-menu {
    padding-left: 1.3em;
}
ul.menu ul.sub-menu li {
    font-weight: normal;
    width: 100%;
}
ul.menu ul.sub-menu li::before{
    border-width: 1px;
}
ul.menu li.blank a {
    margin-right: 0.2em;
}
ul.menu li.blank::after {
    content: "\f2d2";
    font-family: 'Font Awesome 5 free';
    font-weight: normal;
    font-size: 0.8em;
}


/*--------------------------------
フッター----------------------------
----------------------------------*/

footer{
	background-color: var(--kon);
	color: #fff;
    padding: var(--side);
    margin-bottom: 2.25rem;
}
footer a{
	text-decoration: none;
}

footer ul.menu li::before {
	border-color: var(--ki);
}
footer .sitetitle {
    text-align: center;
    font-weight: bold;
    font-size: var(--l3);
    margin: 0.5em auto 1em;
    width: 80%;
}
footer small {
    text-align: center;
    display: block;
    border-top: solid 1px;
    padding-top: 1em;
}

/*--------------------------------
レイアウト----------------------------
----------------------------------*/

:root {
	--side: 1.25rem;/* 20px */
}

article>*{
    width: calc(100% - var(--side)*2);
    margin-right: auto;
    margin-left: auto;
}

.alignwide{
    width: calc(100% - var(--side));
}
.alignfull{
    width: 100%;
    padding: auto var(--side);
}

/*--------------------------------
共通メインコンテンツ------------------
----------------------------------*/
main {
    background-color: var(--kon2);
}

/* パンくずリスト */
.breadcrumbs {
    font-size: var(--s);
    padding: 1em var(--side);
}

.breadcrumbs.kon2 {
    background-color: var(--kon2);
}

/* 記事書式 */
.post-info {
    background-color: var(--kon2);
    margin: 0 0 2em;
}
.post-info__txt {
    padding: 1em var(--side);
}
h1.post-title {
    font-size: var(--ll);
    margin: 0 0 0.5em 0;
}
h2{
    font-size: var(--l);
}
h3{
    font-size: var(--m);
}
.attention{
    font-size: var(--s);
    color: var(--gray);
}

article p {
    margin-bottom: 1em;
    margin-top: 1em;
    line-height: 1.6;;
}


/* スクロールリスト */
.scroll-list {
    display: flex;
    overflow: auto;
    padding: 6px;
}
.scroll-list__item {
    background-color: #fff;
    width: 45vw;
    border-radius: 10px;
    margin-right: 1em;
    box-shadow: 0 0 6px var(--kage);
    flex-shrink: 0;
    overflow: hidden;
}
.scroll-list__item:first-of-type {
    margin-left: 20px;
}
.scroll-list__item a{
    text-decoration: none;
    display: block;
    height: 100%;
}
.scroll-list__item figure {
    height: 30vw;
    max-height: 150px;
    border-radius: 10px 10px 0 0;
}
.scroll-list__item figure.icatch.pack {
    padding: 0.375em;
}
.scroll-list__item h4{
    font-size: var(--m);
    margin: 0;
    padding: 0.75em;
}
/* 記事署名 */
.author-area {
    padding: 1em var(--side) 2em;
    background-color: #fff;
}
.author-card {
    border: solid 1px var(--kon);
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 1.5em 1em;
    box-shadow: 0 0 6px var(--kage);
}
.author-card figure {
    margin-right: 1em;
    height: 60px;
    width: auto;
}
.author-card figure img {
    border-radius: 50px;
    height: 100%;
    width: auto;
}
.author-card h3 {
    margin: 0 0 0.5em 0;
    font-size: var(--ll);
}

/* 一覧に戻るボタン */
.back-btn-area {
    background-color: var(--gray);
    padding: 1em var(--side);
}
a.back-btn {
    background-color: #fff;
    padding: 1.5em 1em;
    width: 80%;
    max-width: 300px;
    display: block;
    box-shadow: 0 0 6px var(--kage);
    margin: 0 auto;
    text-decoration: none;
    position: relative;
    text-align: center;
    font-size: var(--s);
    font-weight: bold;
}
.back-btn .arrow.left {
    font-size: 0.8em;
    border-width: 2px;
    position: absolute;
    left: 1em;
    top: 50%;
    transform: rotate(45deg) translateY(-75%);
}

/*--------------------------------
記事詳細ページ-------------------
----------------------------------*/
.icatch{
    width: 100%;
    height: 50vw;
    max-height: 300px;
}
.icatch img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.single article {
    background-color: #fff;
    padding-bottom: 1em;
}
.page article {
    padding: 1em 0;
}

/*--------------------------------
レビュー詳細ページ-------------------
----------------------------------*/

.icatch.pack{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 1em;
    position: relative;
    z-index: 0;
    overflow: hidden;
    margin: 0;
    height: auto;
}
.icatch.pack::before{
    content: '';
    background: inherit;
    -webkit-filter: blur(7px);
    -moz-filter: blur(7px);
    -o-filter: blur(7px);
    -ms-filter: blur(7px);
    filter: blur(7px);
    position: absolute;
    top: -7px;
    left: -7px;
    right: -5px;
    bottom: -7px;
    z-index: -1;
  }
.icatch.pack img{
    height: 100%;
    max-height: 180px;
    width: auto;
}
.icatch.pack::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.cinema-info {
    border: solid 1px #fff;
    border-width: 1px 0;
    font-size: var(--m);
    padding: 0.8em 0;
    margin-bottom: 0.8em;
}
.cinema-info span:not(:last-of-type) {
    border-right: solid 1px;
    padding-right: 1em;
    margin-right: 1em;
}
.star5_rating {
    display: inline-block;
    vertical-align: text-top;
}
article.post .post-info .desc{
    font-weight: bold;
}
article.post .post-info .desc p{
    margin: 0;
}

/* 感想 */
.cinema-thoughts {
    border-bottom: solid 1px var(--kon2);
    padding: 0 0 1em 0;
    position: relative;
    margin-bottom: 1em;
}
.cinema-thoughts__innner {
    display: none;
}
.cinema-thoughts__innner.active {
    display: block;
}
.cinema-thoughts__openbtn {
    cursor: pointer;
}
.cinema-thoughts__openbtn .arrow{
    position: absolute;
    top: 40%;
    right: 0;
}
.cinema-thoughts__openbtn.active {
    display: none;
}
.cinema-thoughts__innner__closebtn {
    text-align: center;
    font-size: var(--s);
    color: var(--gray);
    cursor: pointer;
    margin: 3em 0 0 0;
}
.cinema-thoughts__innner__closebtn .arrow {
    font-size: 0.6em;
    top: 2px;
    margin: 0 1em 0 0;
}

/* タグ */
.label-title {
    border: solid 1px var(--kon);
    display: inline-block;
    padding: 0.1em 1em;
    min-width: 4.5em;
    text-align: center;
    font-size: var(--s);
    margin: 0 0.5em 0 0;
    border-radius: 2px;
}
.cinema-tag a::before {
    content: "\f292";
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    color: var(--ki);
}
.cinema-cate {
    margin-bottom: 1em;
}
.cinema-tag {
    margin-bottom: 1em;
    border-bottom: solid 1px var(--kon2);
    padding: 0 0 1em 0;
}
.cinema-cate a,
.cinema-tag a{
    margin-right: 1em;
    font-size: var(--s);
}

/* リンク */
.cinema-links {
    margin-bottom: 1em;
}
.cinema-links__label a {
    background-color: var(--kon2);
    font-size: var(--s);
    padding: 0.5em;
    border-radius: 2px;
    text-decoration: none;
}

/* 関連映画エリア */
.cinema-area {
    background-color: var(--kon2);
    padding: 1em 0;
}
.cinema-area h3 {
    padding: 0 var(--side);
}
.cinema-no-reco {
    background-color: #fff;
    border: solid 1px var(--kon);
    border-radius: 5px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: auto var(--side);
    padding: 1em;
}
.cinema-no-reco figure {
    width: 40%;
}
.scroll-list__item figure.icatch.pack img {
    max-height: 130px;
}




/* コメントリスト */
.comment-area {
    padding: 1em var(--side);
    background-color: #fff;
}
ul.comment-list {
    padding: 0;
}
ul.comment-list li{
    list-style-type: none;
}
ul.comment-list ul.children {
    border-left: solid 5px var(--kon2);
    margin-left: 1em;
    padding-left: 1em;
}


.comment-list__item__wrapper {
    margin: 0 0 1em 0;
}
.comment-list__item__inner {
    border: solid 1px var(--kon);
    padding: 1em;
}
.comm-main {
    display: flex;
    margin: 0 0 1em 0;
}
.comment-list__item__inner img.avatar {
    width: 60px;
    height: auto;
    border-radius: 50px;
    margin-right: 1em;
    align-self: flex-start;
}
.comm-name {
    font-weight: bold;
}
.comm-time {
    border-top: dashed 1px var(--kon);
    padding: 1em 0 0 0;
    text-align: right;
}
.reply {
    text-align: right;
}
.reply a {
    background-color: var(--kon2);
    display: inline-block;
    text-decoration: none;
    font-size: var(--s);
    padding: 0.5em;
    margin: 1em 0 0 0;
}
/* コメントフォーム */
#respond {
    border: solid 1px var(--kon);
    background-color: var(--kon2);
    padding: 1em;
}
h3#reply-title {
    margin: 0;
}
#respond .attention {
    margin: 0 0 2em 0;
}
.comment-form__item {
    margin: 0 0 1em 0;
}
p.form-submit {
    text-align: center;
}



/*--------------------------------
記事リスト-------------------
----------------------------------*/
.postlist {
    padding: var(--side);
    background-color: var(--kon2);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.postlist__item {
    margin-bottom: 1em;
    width: 100%;
}
.postlist__item a {
    display: block;
    border-radius: 10px;
    box-shadow: 0 0 6px var(--kage);
    overflow: hidden;
    background-color: #fff;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
.postlist__item.border a {
    border: solid 1px var(--kon);
}
.postlist__item__img.icatch {
    height: 50vw;
    max-height: 200px;
}
.postlist__item__txt {
    padding: 1em;
}
.postlist__item .title{
    font-size: var(--l);
    margin: 0 0 0.2em;
}
.postlist__item .desc p{
    margin: 0;
}
.date {
    font-size: var(--m);
    color: var(--gray);
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.date  img.avatar {
    width: 1.25em;
    border-radius: 10px;
    margin-right: 0.5em;
}


/* ページャー */
nav.pagination {
    width: 100%;
}
.nav-links {
   text-align: center;
   margin: 2.5em 0;
}
.nav-links a{
    text-decoration: none;
}
.nav-links .page-numbers{
    display: inline-block;
    border: solid 1px var(--kon);
    border-radius: 2px;
    font-weight: bold;
    background-color: #fff;
    padding: 0.5em 1em;
}
.nav-links .page-numbers.current {
    background-color: var(--kon);
    color: #fff;
}
.nav-links .page-numbers.next,
.nav-links .page-numbers.prev{
    border: none;
    background: none;
    font-size: var(--ss);
    border-width: 2px;
}
.nav-links .page-numbers.next .arrow,
.nav-links .page-numbers.prev .arrow{
    border-width: 2px;
}

/* カバー */
.headcover {
    background-color: var(--gray);
    padding: var(--side) var(--side) var(--side) 35%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
	position: relative;
	z-index: 0;
}
.headcover .bgimg {
	position: absolute;
	width: clamp(300px, 50%, 100%);
	height: 100%;
	left: 0;
	top:0;
	z-index: -1;
}
.headcover .bgimg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: right;
}
.headcover .title {
    display: inline-block;
    background-color: #fff;
    padding: 0 1em;
    font-size: var(--l3);
}
.headcover .desc {
    display: inline-block;
    background-color: #fff;
    padding: 0.5em var(--l3);
    font-weight: bold;
    font-size: var(--s);
}


/* アーカイブタイトルエリア */
.archive-title-area {
    margin: 1em var(--side);
    border-bottom: dashed 1px var(--kon);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1em;
}
.archive-title-area__txt .title{
    font-size: var(--l);
}
.archive-title-area__txt .title i{
    margin-right: 0.5em;
}
figure.archive-title-area__img {
    width: 30%;
}
.archive-title-area__txt {
    width: 65%;
}
/*---------------------------------------------------
検索フォーム -----------------------------------------
-----------------------------------------------------*/
.search-form-area {
    padding: var(--side);
    background-color: var(--kon2);
}
.search-form {
    background-color: #fff;
    border-radius: 5px;
    border: 3px solid var(--kon);
    overflow: hidden;
}
.search-form__title {
    text-align: center;
    font-size: var(--l3);
}
.search-form__inner {
    padding: 0 1em;
}


.search-form__label {
    background-color: var(--kon2);
    padding: 0.5em 1em;
    border-radius: 5px;
    font-weight: bold;
    font-size: var(--m);
    margin: 1em 0;
    position: relative;
}
.search-form__label.sub {
    background-color: #fff;
    border-bottom: dashed 1px var(--kon);
    border-radius: 0;
    margin: 1em 0.5em;
    padding: 0.5em 0;
}
.search-form__label::after {
    content: "";
    font-size: var(--ss);
    display: inline-block;
	width: 1em;
	height: 1em;
	margin: 0 0.5em;
	border-width: 2px;
	border-style: solid;
	border-color: currentColor;
    border-top:none;
	border-left:none;
	transform: rotate(45deg);
    position: absolute;
    right: 1em;
    top: 1em;
}
.search-form__label.active::after {
    border-top:solid 2px;
	border-left:solid 2px;
    border-bottom: none;
	border-right: none;
	transform: rotate(45deg);
    top: 1.25em;
}

.search-form__inputs label {
    display: inline-block;
}


.submit-button {
    display: block;
    width: 100%;
    margin: 1em 0 0;
    background-color: var(--kon);
    color: #fff;
    text-align: center;
    font-size: var(--m);
    font-weight: bold;
    padding: 1em;
}
.submit-button span::after{
    content: "\f002";
    font-family: 'Font Awesome 5 Free';
    margin-left: 0.5em;
}
.submit-button input[type="submit"]{
    display: none;
}

.search-form__inputs {
    height: 0;
    overflow: hidden;
    transition: all .3s;
}
.search-form__group.active>.search-form__inputs {
    height: auto;
}
p.search-txt {
    margin-bottom: 1em;
    padding: 0 1em;
}


.reset {
    text-align: right;
}
.reset a {
    display: inline-block;
    text-decoration: none;
    background-color: var(--kon2);
    padding: 0.5em 1em;
    border-radius: 2px;
    font-size: var(--s);
    font-weight: bold;
}

.result_txt {
    background-color: var(--kon2);
    padding: 0 var(--side);
    font-weight: bold;
}
.result_num {
    font-size: var(--l3);
    margin-right: 0.1em;
}
.search-result__false {
    background: var(--kon2);
    padding: var(--side);
    text-align: center;
    font-weight: bold;
}


/*---------------------------------------------------
フロントページ -----------------------------------------
-----------------------------------------------------*/

.home main {
    background-color: #fff;
}
.home article {
    padding: 0;
}
.home h2 {
    font-size: var(--ll);
}
.home .search-form-area {
    padding: 0;
}

.home .is-style-maincover figure.is-style-image_bgfff {
    max-width: min(350px , 80%);
    margin: 0 0 1em;
}
@media screen and (max-width:767px) { 
	.home header {
        border-bottom: none;
        padding: 0;
    }
    .home header>a .sitetitle {
        display: none;
    }

    /* トップタブ切り替え */
    /* ボタン */
    .wp-block-columns.is-style-clm_tab {
        margin: 0;
        overflow: hidden;
    }
    .wp-block-columns.is-style-clm_tab .wp-block-column {
        flex-basis: 0 !important;
        flex-grow: 1;
        margin: 0;
    }
    .wp-block-button.is-style-btn_tab {
        margin: 0;
    }
    .wp-block-button.is-style-btn_tab .wp-block-button__link {
        background-color: #fff;
        color: var(--gray);
        font-weight: bold;
        border-radius: 0;
        position: relative;
        padding: 1em 0.5em;
    }
    .wp-block-button.is-style-btn_tab.active .wp-block-button__link {
        color: var(--kon);
    }
    .wp-block-button.is-style-btn_tab .wp-block-button__link::after {
        background:  var(--kon);
        bottom: 0;
        content: '';
        display: block;
        height: 5px;
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        transition: transform ease-out 0.5s, opacity 0.5s;
        width: 100%;
        z-index: 1;
    }
    .wp-block-button.is-style-btn_tab.prev .wp-block-button__link::after {
        transform: translateX(100%);
    }
    .wp-block-button.is-style-btn_tab.next .wp-block-button__link::after {
        transform: translateX(-100%);
    }
    
    .wp-block-button.is-style-btn_tab.active .wp-block-button__link::after {
        opacity: 1;
        transform: translateX(0);
    }


    /* エリア */
    .tabwrap{
        overflow: hidden;
        background-color: var(--kon2);
    }
    .tabwrap > .wp-block-group__inner-container {
        display: grid;
        grid-template-areas: "nxt act prv";
        grid-template-columns: 100% 100% 100%;
        transform: translateX(-100%);
        overflow: visible;
    }
    .tabwrap .is-style-grp_tab {
        height:0;
        opacity: 0;
        pointer-events:none;
        transition: transform .3s 80ms, opacity .1s 80ms;
        width: 100%;
        flex-shrink: 0;
    }
    .is-style-grp_tab.is-active {
        grid-area: act;
        transform: translateX(0);
        height: auto;
        pointer-events:auto;
        z-index: 1;
        opacity: 1;
    }
    .is-style-grp_tab.is-next {
        grid-area: nxt;
        transform: translateX(30%);
        pointer-events: none;
    }
    .is-style-grp_tab.is-prev {
        grid-area: prv;
        transform: translateX(-30%);
        pointer-events: none;
    }
}






/*---------------------------------------------------
フォーム -----------------------------------------
-----------------------------------------------------*/

.form-label {
    background-color: var(--ki);
    font-size: var(--ss);
    padding: 0.2em 0.5em;
    vertical-align: text-top;
    margin: 0 0.1em;
}

.wpcf7 form .wpcf7-response-output {
    margin: 2em 0;
    padding: 1em;
    border: 2px solid var(--kon);
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color:  var(--kon);
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color:  var(--ki);
}

/*---------------------------------------------------
もくじ -----------------------------------------
-----------------------------------------------------*/
.single .lwptoc {
    margin: 0 auto 2em;
}
.single .lwptoc_i {
    padding: 0;
	border: solid 1px;
}
.lwptoc_header {
    background: var(--kon);
    color: #fff;
    padding: 0.5em;
    font-size: var(--m);
}
.lwptoc_items {
    padding: 1em;
}
.single .lwptoc-light .lwptoc_i a,
.single .lwptoc-light .lwptoc_i a:visited{
	color: var(--kon);
	display: flex;
	gap: 0.5em;
}
.lwptoc_item_number {
    font-weight: bold;
}


/*---------------------------------------------------
PC & TABLET -----------------------------------------
-----------------------------------------------------*/

/* メニュー */
ul#menu-pc-l {
    height: auto;
}
ul#menu-pc-l li {
    width: 100%;
    font-size: var(--l);
}
ul#menu-pc-l li a {
    margin: 0.5em;
    display: inline-block;
}
ul#menu-pc-l li.blank a {
    margin-right: 0.2em;
}
ul#menu-pc-l ul.sub-menu li{
    font-size: var(--m);
}
ul#menu-pc-l li.page {
    font-size: var(--s);
}
ul#menu-pc-l li:nth-of-type(4) {
    border-image: linear-gradient(to right, rgba(255, 255, 255, 0) 2%, var(--kon) calc(3% + 1px), var(--kon) 80%, rgba(255, 255, 255, 0) calc(80% + 1px));
    border-image-slice: 1;
    border-style: solid;
    border-width: 1px 0 0 0;
    padding-top: 2em;
    margin-top: 2em;
}
ul#menu-pc-l li::before {
	border-color: var(--ki);
    font-size: var(--ss);
}


@media screen and (min-width:768px) { 
/* レイアウト */
    body {
        max-width: 1140px;
        margin: 0 auto;
        position: relative;
        display: grid;
        grid-template-columns: minmax(180px,300px) minmax(570px,1fr);
    }
    #header {
        background-color: #fff;
        height: 100vh;
        grid-column: 1/2;
        position: sticky;
        top: 0;
        border: none;
    }
    main, footer {
        grid-column: 2/3;
        margin-right: var(--side);
    }
    :root {
        --side: 1.875rem;/* 30px */
    }
    
/* ヘッダー */
    header .sitetitle {
        text-align: left;
        font-size: min(6.5vw, calc(2.3 * var(--l3)));
        overflow-wrap: normal;
        line-height: 1;
        margin-top: 1em;
    }
    #header {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
		z-index:10;
    }
/* トップロゴサイズ拡縮 */
	.home #pclogo{
		transform-origin: top left;
		transform: scale(1.4);
	}
	#pclogo.DownSize{
		animation: DownSizeAnime 0.8s forwards;
	}
	@keyframes DownSizeAnime{
	  from {
		transform: scale(1.4);
	  }
	  to {
		transform: scale(1.0);
	  }
	}
	
	#pclogo.UpSize{
		animation: UpSizeAnime 0.8s forwards;
	}
	@keyframes UpSizeAnime{
	  from {
		transform: scale(1.0);
	  }
	  to {
		transform: scale(1.4);
	  }
	}


/* フッター */
    footer {
        background-color: #fff;
        color: var(--kon);
        border-top: 1px solid var(--kon);
        padding: 1em 0;
        text-align: right;
    }
    footer small {
        text-align: right;
        display: block;
        border-top: none;
        padding-top: 0;
    }



/* 共通 */
    .breadcrumbs.kon2.pcfff {
        background-color: #fff;
    }
    .scroll-list__item {
        width: 200px;
    }
    /* .scroll-list__item figure {
        max-height: 180px;
    } */
	
/* 固定ページ共通 */
	.page h2{
		font-size: var(--ll);
	}
	.page h3{
		font-size: var(--l);
	}

/* 映画記事詳細 */
    .post-info.cinema {
        display: flex;
        padding: 2em;
        border-radius: 30px;
    }
    .post-info.cinema .post-info__txt,
    .post-info.cinema .post-info__img {
        width: 50%;
    }
    .scroll-list__item figure.icatch.pack {
        padding: 1em;
    }
	.author-card h3 {
		font-size: var(--l);
	}

/* 検索フォーム */
    .search-form {
        border-radius: 30px;
    }

/* 記事リスト */
    .postlist__item {
        width: 48%;
    }
    .postlist__item a {
        box-sizing: border-box;
    }
    .postlist__item a:hover {
        box-shadow: 0 0 15px var(--gray);
    }
    .archive-title-area__txt .title{
        font-size: var(--l3);
    }

/* 固定ページ */
    .headcover {
        padding: var(--side) var(--side) var(--side) 50%;
    }
    .headcover .bgimg {
		width: 55%;
	}

/* トップページ */
    .home #search{
        background: none;
    }
    .home .search-form-area {
        background: none;
    }





}