@charset "UTF-8";

/*-- ---------- --*/
/*-- layout css --*/
/*-- ---------- --*/

/*-- l-header --*/
.l-header{
    position: fixed;
    left:0;
    right:0;
    top:0;
    z-index: 1000;
}
.no__home .l-header{
    background: #f2f2f2;
}
.l-header > .container{
    width:100%;
    max-width: 1000px;
    padding: 0 30px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height:100px;
}
.burger-btn,
.burger-btn span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
}
.burger-btn {
    position: relative;
    width: 50px;
    background: none;
    border: none;
    appearance: none;
    cursor: pointer;
    margin-left:auto;
    z-index:1;
}
.burger-btn img{
    width:auto;
    height:65px;
}
.no__home .burger-btn{margin-left: 0;}
/*-- ロゴ --*/
.l-header .area_logo_header{
    position: relative;
    padding:0;
    height:100%;
    display: none;
    align-items: center;
}
.no__home .l-header .area_logo_header{
    display: flex;
}
.l-header .logo a{
    display: flex;
    align-items: center;
    text-decoration: none;
}
.l-header .logo img{
    max-width: auto;
}
.no__home .l-header .logo img{
    max-width: auto;
    width:auto;
    height:70px;
}
.l-header .area__img{display: none;}
.no__home .l-header .area__img{display: block;}
.no__home .l-header .area__img img{
    max-width: auto;
    width:auto;
    height:70px;
}
.l-header .nav-wrapper{
    display: flex;
    align-items: stretch;
    position: fixed;
    top: 0;
    right: -400px;
    width:calc(100% - 100px);
    min-width:280px;
    max-width: 300px;
    height: 100vh;
    background: var(--white-color);
    border-radius: 0;
    transition:all .5s;
    overflow: auto;
    z-index: 200;
}
.l-header .nav-wrapper nav{width: 100%;}
.list_nav {
    display: flex;
    flex-direction: column;
    width:100%;
    margin: 60px 0 0;
    padding: 0;
}
.list_nav li{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width:100%;
    border-right: 0px solid #1a1a1a;
    border-bottom: 1px solid var(--main-color);
    padding:0 40px;
    height:60px;
}
.list_nav li:last-child{
    border-bottom: 0px solid #1a1a1a;
}
.list_nav li.list_nav_sp{display: flex;}
.list_nav a{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    font-size: 16px;
    text-decoration: none;
    color: var(--main-color);
}
.list_nav a::after{
    content:'';
    display: flex;
    align-items: center;
    justify-content: center;
    border-top:2px solid var(--main-color);
    border-right:2px solid var(--main-color);
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    margin-right:8px;
	transition:all .5s;
}
.list_nav_contact{
    display: none;
}
/* メニューオープン時 */
.nav-wrapper.slide-in {right:0;}
.open__bg.active__bg::before{
    content:'';
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: rgba(0,0,0,.3);
    z-index: 2;
}
/* 以下、ハンバーガーボタン */
.close__btn{
    position: absolute;
    top:15px;
    right:20px;
    width:25px;
    height:25px;
    z-index: 10;
}
.close__btn::before,
.close__btn::after{
    content:'';
    position: absolute;
    top:50%;
    width:25px;
    height:2px;
    background: var(--main-color);
}
.close__btn::before{
    transform: translateY(-50%)rotate(45deg);
}
.close__btn::after{
    transform: translateY(-50%)rotate(-45deg);
}
@media (max-width:1200px){
/*-- ロゴ --*/
.l-header .logo img{
    max-width: 250px;
}
}
@media (max-width:900px){
.l-header > .container{
    padding: 0 20px;
}
}
@media (max-width:768px){
.l-header .logo img{
    max-width: 220px;
}
.no__home .l-header .area__img img{
    height:50px;
}
.burger-btn {
    width: 40px;
}
}
/*-- l-footer --*/
.l-footer{
    position: relative;
    padding: 0;
}


/*-- l-main --*/
.l-main{width:100%;max-width: 1000px;margin: 0 auto;}
.no__home .l-main{margin:100px auto 0;}
section{padding:80px 0 ;}
.home section:first-child{padding:0px 0 80px;}
.home p a{text-decoration: none;}
.section__header{
    position: relative;
    margin: 0 auto 40px;
}
.section__header h1{
    font-weight: 700;
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px;
    color: var(--main-color);
}
.section__header h2{
    font-weight: 700;
    position: relative;
    margin: 0px;
    color:var(--main-color);
}
.section__header h1.main__txt,.section__header h2.main__txt{
    font-weight: 700;
    text-align: center;
    color:var(--main-color);
    border-bottom: 3px dotted var(--main-color);
    display: inline-block;
    background: none;
    padding-bottom: 0.3em;
    margin: 0 auto;
}
.section__header p{
    position: relative;
    text-align: center;
    margin: 20px auto 0;
    width:80%;
}
#side-contact .section__header h2{
    background: transparent;
}
.section__header h1.re__c,.section__header h2.re__c{
    background: var(--white-color);
    color:var(--main-color);
} 
.section__body{
    padding:0;
}
.l-heading{
    padding-left: 10px;
    border-left: 6px solid var(--main-color);
}
.highlight {
    display: inline-block;
    background: linear-gradient(transparent 60%, #fff176 60%);
    font-weight: bold;
}
@media screen and (max-width: 1000px){
.l-main{max-width: initial;}
}
@media screen and (max-width: 768px){
section{padding:60px 0;}
.home section{padding:40px 0 ;}
.section__header{
    margin: 0 auto 30px;
}
.section__header p{
    margin: 15px auto 0;
    text-align: left;
    width:100%;
}
}
@media screen and (max-width: 640px){

}
/*-- 404.php --*/
.error404 #l-cwrap{
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.error404 #l-cwrap section{
	padding:160px 0;
}
@media screen and (max-width: 768px){
.right__menu{position: fixed;right:5px;}
.right__menu a,.right__menu a img{
    width:30px
}
.error404 #l-cwrap section{
	padding:160px 0 0;
}
}
@media screen and (max-width: 640px){

}


/*- ------------- -*/
/*- ページネーション -*/
/*- ------------- -*/
.pagination,.pagination .nav-links{display:flex;justify-content:center;margin:40px 0 0;}
.pagination .pagination{margin:0;}
.pagination .page-numbers{display:flex;align-items:center;justify-content:center;margin:0 5px;width:36px;height:36px;text-decoration: none;}
.pagination .page-numbers{font-family: "Zen Maru Gothic", sans-serif;font-size:16px;font-weight:500;}
.pagination .page-numbers li a.next,.pagination .page-numbers li a.prev{
    font-family: "Zen Maru Gothic", sans-serif;}
.pagination .current{
	font-family: "Zen Maru Gothic", sans-serif;
	color: var(--white-color);
	background: var(--main-color);
	width:36px;
	height:36px;
	border-radius:50%;
	font-size:16px;
    font-weight:500;
}
.pagination .prev,.pagination .next{position:relative;width:36px;height:36px;}
.pagination .prev::before,.pagination .next::before{content:'';position:absolute;top:50%;border-top:2px solid #1a1a1a;width:10px;height:10px;}
.pagination .prev::before{border-left:2px solid #1a1a1a;transform:translatey(-50%)rotate(-45deg);}
.pagination .next::before{border-right:2px solid #1a1a1a;transform:translatey(-50%)rotate(45deg);}

/*- ------- -*/
/*- パンくず -*/
/*- ------- -*/
.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 1.75;
    color: var(--main-color);
    margin: 4rem 0 30px;
}
.single .breadcrumb{
    margin: 6rem 0 5rem;
}
.breadcrumb span{
    padding:0 8px;
}
.breadcrumb a {
    text-decoration: none;
    color: var(--main-color);
}
.breadcrumb a:first-child{
    display: flex;
    align-items: center;
}
.breadcrumb a:first-child::before{
    content:'';
    display: block;
    margin-right: 5px;
    width:16px;
    height:16px;
    background: url(../img/base/home.svg)no-repeat center/contain;
}

/*- ------------- -*/
/*- ブロックエディタ -*/
/*- ------------- -*/
.home .l-main > *:not(.alignfull) {
    max-width: 1120px;      /* 通常ブロックの最大幅 */
    margin-left: auto;
    margin-right: auto;
}
.single main{overflow-x: clip;}
/* single.php の本文内の段落・見出し・グループなどすべて */
.single__body__content> *:not(.alignfull) {
    max-width: 1120px;      /* 通常ブロックの最大幅 */
    margin-left: auto;
    margin-right: auto;
}
/* 幅広ブロックも同じ幅に */
.single__body__content .alignwide {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
}
/* 全幅ブロックは画面いっぱい */
.home .l-main > .alignfull,
.single__body__content > .alignfull{
    width: 100%;
    max-width: initial;
    padding: 0;
}
@media (max-width:1200px){
.single__body__content{padding:0px;}
/* single.php の本文内の段落・見出し・グループなどすべて */
.home .l-main > *:not(.alignfull) ,
.single__body__content> *:not(.alignfull) {
    max-width: 900px;      /* 通常ブロックの最大幅 */
    margin-left: auto;
    margin-right: auto;
}
/* 幅広ブロックも同じ幅に */
.single__body__content .alignwide {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
/* 全幅ブロックは画面いっぱい */
.home .l-main > .alignfull,
.single__body__content > .alignfull{
    width: calc(100% + 80px);
    margin: 0 -40px;
}
}
@media (max-width:1080px){
/* 全幅ブロックは画面いっぱい */
.home .l-main > .alignfull,
.single__body__content > .alignfull{
    width:100%;
    max-width: 1000px;
    margin: 0 auto;
}    
}
@media (max-width:1000px){
.single__body__content{padding:0px;}
/* single.php の本文内の段落・見出し・グループなどすべて */
.home .l-main > *:not(.alignfull) ,
.single__body__content> *:not(.alignfull) {
    max-width: 840px;      /* 通常ブロックの最大幅 */
}
/* 幅広ブロックも同じ幅に */
.single__body__content .alignwide {
    max-width: 840px;
}
/* 全幅ブロックは画面いっぱい */
.home .l-main > .alignfull,
.single__body__content > .alignfull{
    width: 100%;
    margin: 0;
}
}
@media (max-width:900px){
.home .l-main{padding: 0 20px}
/* single.php の本文内の段落・見出し・グループなどすべて */
.home .l-main > *:not(.alignfull) ,
.single__body__content> *:not(.alignfull) {
    max-width: 100%;      /* 通常ブロックの最大幅 */
}
/* 幅広ブロックも同じ幅に */
.home .l-main > .alignwide,
.single__body__content .alignwide {
    max-width: 100%;
}
/* 全幅ブロックは画面いっぱい */
.home .l-main > .alignfull,
.single__body__content > .alignfull{
    width: calc(100% + 40px);
    margin: 0 -20px;
}
}
@media (max-width:768px){
.single__body__content{padding:0px;}
/* single.php の本文内の段落・見出し・グループなどすべて */
.single__body__content> *:not(.alignfull) {
    margin-left: auto;
    margin-right: auto;
    width:100%;
}
/* 全幅ブロックは画面いっぱい */
.home .l-main > .alignfull,
.single__body__content > .alignfull{
    width: calc(100% + 40px);
    margin: 0 -20px;
}
}
/*-- フォントサイズ --*/
.single .single__body__content h2{font-size:28px;color:#333333;}
.single .single__body__content h3{font-size:24px;color:#333333;}
.single .single__body__content h4{font-size:20px;color:#333333;}
.single .single__body__content h5{font-size:18px;color:#333333;}
.single .single__body__content a{font-size:16px;color:#333333;}
.single .single__body__content p{font-size: 16px:#333;}
.single .single__body__content .wp-block-heading{font-weight:700;}
.single__body__content .wp-element-caption{text-align: left;font-size:14px!important;color:#333333;}
.single__body__content .has-small-font-size{font-size:12px!important;}
.single .single__body__content ul.wp-block-list{
    padding-left: 0;
}
.single .single__body__content ul.wp-block-list li {
    display: flex;
    margin-bottom: 0.5em;
    list-style: none!important;
    list-style-position: inside!important;
}
.single .single__body__content ul.wp-block-list li::before{
    content:'・';
    display: block;
    margin-right:5px; 
}
.single .part2 a{display: block;text-align: right;text-decoration:underline!important;}
@media (max-width:768px){
.single .single__body__content h2{font-size:22px;}
.single .single__body__content h3{font-size:18px;}
.single .single__body__content h4{font-size:16px;}
.single .single__body__content h5{font-size:14px;}
.single .single__body__content p,.single .single__body__content a{font-size:14px;}
.single__body__content .wp-element-caption,.single__body__content .has-small-font-size{font-size:12px!important;}
}
.single .single__body__content p,.single .single__body__content a{
	line-height: 3;
    color:#333333;
}
.single .single__body__content a{
	text-decoration:underline;
}
/*-- vk_slide --*/
.sidebar-widget .vk_slider_item_container{
    padding:0 15px;
}
/*-- 画像サイズ -*/
/* 90%幅 */
.wp-block-image.img-90 img {
    width: 90%;
    height: auto;
}

/* 80%幅 */
.wp-block-image.img-80 img {
    width: 80%;
    height: auto;
}

/* 必要に応じて追加クラスを増やせます */
.wp-block-image.img-70 img {
    width: 70%;
    height: auto;
}

/*-- ------- --*/
/*-- archive --*/
/*-- ------- --*/
.cats__mv{padding: 0;}
.cats__mv .header__area{
    background:#d6ecea;
    padding: 0px 0;
}
.cats__mv p{
    font-weight: 400;
    margin: 4rem 0 0;
    text-align: center;
    color:#4d4d4d;
}
.cats__mv .left__block,
.cats__mv .right__block{width:50%;}
.cats__mv .left__block{
    padding-top: 3rem;
    padding-right: 15px;
    padding-left: 10px;
}
.cats__mv .right__block{
    padding-left: 15px;
}
.cats__mv .right__block h1,.cats__mv .right__block h2{
	font-weight:700;
	color:#666666;
    padding-right: 20px;
}
.cats__mv .right__block img{
    max-width: 300px;
    padding-right: 20px;
}
.category__list{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0px auto 4rem;
}
.category__list li{margin-right: 10px;}
.category__list li:last-child{margin-right: 0px;}
.category__list li a{
    padding:4px 8px;
    background: var(--white-color);
    color:#333;
    text-decoration: none;
}
.category__list li a.current{
    background: #333;
    color:var(--white-color);
}
.article-list li{
    margin: 0 0 50px;
}
.article-list li .article__thumb{
    width:40%;
    position: relative;
}
.home .article-list li .article__thumb .cats{
    display: none;
}
.article-list li .article__thumb .cats{
    position: absolute;
    top:0;
    left:0;
    z-index: 5;
}
.article-list li .article__thumb .cats a,
.article-list li .article__thumb .cats p{
    font-size: 10px;
    padding: 4px 6px;
    background: #6c6c6c;
    color:var(--white-color);
    text-decoration: none;
}
.article-list li .article__txtarea{
    width:60%;
    padding-left: 2rem;
}
.article-list li .article__txtarea a{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    text-decoration: none;
}
.article-list li .article__txtarea h3{
    font-weight: 700;
    margin-bottom: 5px;
    text-decoration: none;
    color:#666;
}
.article-list li .article__txtarea .article__excerpt{
    margin-bottom: 10px;
    text-decoration: none;
    color:#666;
}
.article-list li .article__txtarea time{
    display: block;
    text-align: right;
    text-decoration: none;
    color:#666;
}
/*-- ------------- --*/
/*-- category お酒 --*/
/*-- ------------- --*/
.article-list li.has-sup{
    background: #f2f2f2;
    padding: 3rem 20px;
    margin: 0 -20px 30px;
    width:calc(100% + 40px);
}
.article-list li.has-sup a{
    text-decoration: none;
}
.article-list li.has-sup .head__txt{
    text-decoration: none;
    font-weight: 700;
    text-align: center;
    width: 100%;
    color:#666;
    margin: 0 0 2rem;
}
.article-list li.has-sup .article__thumb{
    width:100%;
    position: relative;
    margin: 0 auto 30px;
}
.article-list li.has-sup .article__txtarea{
    width:100%;
    padding-left: 0;
}
.article-list li.has-sup .article__title{
    font-weight: 700;
    text-align: center;
    color:#666;
    margin-bottom: 20px;
}
.article-list li.has-sup .article__title span{
    display: block;
}
.article-list li.has-sup .article__txt{color:#666;}
.article-list li.has-sup .article__link{
    margin-top: 4rem;
    text-align: right;
    color:#666;
}
/*-- ------ --*/
/*-- single --*/
/*-- ------ --*/
.single__header{
	margin:0px 0 3rem;
}
.single__header .single__writer{
    margin: 0 0 1.5rem;
    color:#4d4d4d;
}
.single__header .single__header__info{
    position: relative;
    margin:0;
    justify-content: flex-end;
}
.single__header .single__header__info time{
    display: flex;
    align-items: center;
}
.single__header .single__header__info time::before{
    content:'';
    display: block;
    width:14px;
    height:14px;
    margin-right: 3px;
    background: url(../img/base/time.svg)no-repeat center/contain;
}
.single__header .single__header__info time,.single__header .single__header__info .cats a{
    color:#333333;
    text-decoration: none;
}
.single__header h1{
	font-weight:700;
	line-height:1.5;
    color:#333;
	margin:0 0 5px;
}
.single__body .wpulike {
    margin-top:40px; 
}
.single__profile{
    margin:3rem 0px 0;
}
.single__profile p{
    color:#4d4d4d;
}
.single__profile a{
    text-decoration: none;
}
/*-- single__post-card --*/
.single__post-card{
    margin:6rem 0px 0;
}
.single__post-card a{text-decoration: none;}
.single__post-card .post-card{
    background: #c1272d;
    padding: 3rem;
}
.single__post-card .post-card__subtitle{
    text-align: center;
    font-weight: 700;
    color:#fff;
    margin: 0 0 2rem
}
.post-card__thum{
    margin: 0 auto 1rem;
}
.post-card__title{
    text-align: center;
    font-weight: 700;
    color:#fff;
}
.post-card__title span{
    display: block;
}
.post-card__excerpt{
    font-weight: 700;
    text-align: center;
    color:#fff;
}
.post-card__content{
    margin: 2rem 0 0;
    text-align: left;
    color:#fff;
}
.post-card__content a,.post-card__content a mark{
    color:#fff!important;
}
.post-card__archive{
    margin: 2rem 0 0;
    color:#fff;
    display: block;
    text-align: right;
}
/*-- .single__sns --*/
.single__sns{
    margin: 3rem 0 0;
}
.single__sns .sns__grid{
    justify-content: end;
}
.single__sns .sns__grid figure{width:3rem;}
.single__article{
    margin:6rem auto;
}
.single__article h2{
    font-weight: 700;
    color:#666;
    margin: 0 0 3rem;
}
.single__nav{
	width:100%;
	margin:80px 0 0px;
	padding:0;
}
.single__nav .single__return{
    margin: 0 auto;
    text-align: center;
    max-width: 240px;
}
.single__nav .l-fl{
	position:relative;
}
.single__nav .nav-previous,.single__nav .nav-next{
	position:relative;
	width:50%;
}
.single__nav .nav-previous{
    display: flex;
	padding-right:15px;
}
.single__nav .nav-next{
    display: flex;
	padding-left:15px;
}
.single__nav .nav-previous a,
.single__nav .nav-next a{
    position: relative;
    display: flex;
    align-items: center;
    text-decoration: none;
}
.single__nav .nav-next a{
    justify-content: flex-end;
}
.single__nav .nav-previous a p,
.single__nav .nav-next a p{
    margin: 0 1.5rem;
}
.single__nav .nav-previous a .post__thumb,
.single__nav .nav-next a .post__thumb{
    width:40%;
}
.single__nav .nav-previous a::before,
.single__nav .nav-next a::after{
    content:'';
    position: relative;
    display: block;
    border-top:4px solid #ccc;
    width:20px;
    height:20px;
}
.single__nav .nav-previous a::before{
    border-left:4px solid #ccc;
    transform: rotate(-45deg);
}
.single__nav .nav-next a::after{
    border-right:4px solid #ccc;
    transform: rotate(45deg);
}
/**-- コメント --**/
.single__comment{
    margin: 3rem 0 0;
}
.single__comment h2{
    font-weight: 700;
    color:#666;
    margin: 0 0 3rem;
}
.single__comment > a{text-decoration: none;}
.single__comment .comment-form-wrap {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.single__comment .comment-form-wrap.is-open {
  max-height: 1200px; /* 十分大きい値 */
}
.single__comment .comment-toggle-btn {
    margin: 4rem 0 3rem;
    padding: 12px 24px;
    border: 1px solid #ccc;
    background: #fff;
    cursor: pointer;
    font-size: 18px;
    text-align: center;
    width:100%;
}
.single__comment .comments-title{
    margin: 2rem 0 3rem;
}
.single__comment .comment-form-wrap #reply-title{
  font-size: 16px;
}
.single__comment .comment-list {
    padding: 0;
    margin: 0;
    list-style: none;
}
.single__comment .comment-list .avatar{
    float: right;
    width:60px;
}
.single__comment .comment-list .reply {
    margin: 2rem 0 0;
}
.single__comment .comment-reply-link {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 8px;
    border:1px solid var(--main-color);
    text-decoration: none;
    width:70px;
    margin-left:auto; 
}
.single__comment .comment-reply-link::before{
    content:'';
    display: block;
    width:14px;
    height:14px;
    background: url(../img/base/icon-reply.svg)no-repeat center/cover;
    margin-right: 3px;
}
.single__comment .comment-list .comment-body,
.single__comment .comment-list .st-comment-body {
  margin-bottom: 1em;
}
.single__comment .comment-list .children {
  list-style: none;
  padding-left: 20px;
}
.single__comment .st-comment-id {
  display: none;
}
.single__comment .st-comment-edit {
  font-size: 0.8em;
  margin-left: 6px;
}
.single__comment .st-comment-author .fn {
  font-weight: bold;
}
.single__comment .comment-form .required {
  color: #ff0000;
}
.single__comment .comment-form .logged-in-as {
  margin: 1rem 0 2rem;
  font-size: 14px;
}
.single__comment .comment-area.website-hide .comment-form-url {
  display: none;
}
.single__comment .comment-form-comment{margin: 5px 0 10px;}
.single__comment input,.single__comment textarea{
    padding: 10px;
    border: 1px solid var(--main-color);
    border-radius: 10px;
    font-size: 16px;
    width: 100%;
    margin: 5px 0 15px;
}
.single__comment .comment-form .submit {
    margin: 2rem 0 0;
    -webkit-appearance: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 0;
    border: 1px solid var(--main-color);
    background-color: #ececec;
    color: #333;
}
@media (max-width:900px){
/*-- .single__post-card --*/
.single__post-card{
    margin:6rem -20px 0;
}
.cats__mv .left__block{
    width: 40%;
}
.cats__mv .right__block{
    width: 60%;
}
.cats__mv .right__block h1,.cats__mv .right__block h2{
	font-size:28px;
}
}
@media screen and (max-width: 768px){
/*-- .wp-block-column order --*/
/* 数字による順番指定 */
.wp-block-column[class*="s-order-"] {
order: initial; /* 念のためリセット */
}
.wp-block-column.s-order-1 { order: 1; }
.wp-block-column.s-order-2 { order: 2; }
.wp-block-column.s-order-3 { order: 3; }
.wp-block-column.s-order-4 { order: 4; }
.wp-block-column.s-order-5 { order: 5; }
/*-- archive --*/
.cats__mv .right__block h1,.cats__mv .right__block h2{
	font-size:24px;
}
/*-- single --*/
.single__nav .nav-previous,.single__nav .nav-next{
	position:relative;
	width:100%;
}
.single__nav .nav-next{margin: 2rem 0 0;}
.single__nav .nav-previous{
	padding-right:0px;
}
.single__nav .nav-next{
	padding-left:0px;
}
}
@media screen and (max-width: 640px){
.cats__mv .right__block h1,.cats__mv .right__block h2{
	font-size:20px;
}
}
@media (max-width:600px){
.scroll-img img{
    min-width: 600px;
}    
}