@charset "utf-8";

/*========================
アイキャッチイメージ
========================*/
.catch-img {
    height: 150px;
    position: relative;
}

.catch-img h1 {
    font-size: 1.3rem;
    color: #fff;
}

.catch-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.catch-title {
    position: absolute;
    width: 100%;
    height: 150px;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    box-sizing: border-box;
}
/*========================
タグボックス
========================*/
.tag-box {
    margin-bottom: 15px;
    box-sizing: border-box;
}

.cat-tag {
    display: flex;
    flex-direction: column;
}

.sin-time {
    display: flex;
    align-items: baseline;
    font-size: 0.7rem;
    margin-right: 10px;
    color: #67a5da;
}

.sin-time {
    margin-bottom: 10px;
}
.sin-time p::before,
.sin-time .time-1::before {
    content: "\f017";
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    font-size: 0.8rem;
    margin-right: 5px;
}
.sin-time .time-1 {
    margin-right: 10px;
}
.sin-time .time-2::before {
    content: "\f2f1";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 0.8rem;
    margin-right: 5px;
}

.cat-tag-main {
    display: flex;
    flex-wrap: wrap;
} 
.sin-cat li {
    margin-bottom: 5px;
}
.sin-cat ul,
.sin-tag {
    display: flex;
    flex-wrap: wrap;
}
.sin-cat a {
    background-color: #67a5da;
    border: solid 1px #fff;
    color: #fff;
    padding: 3px;
    font-size: 0.7rem;
    border-radius: 3px;
    box-sizing: border-box;
    margin-right: 7px;
}

.sin-cat a:hover {
    background-color: #fff;
    border-color: #67a5da;
    color: #67a5da;
}

.sin-tag a {
    font-size: 0.7rem;
    padding: 3px;
    box-sizing: border-box;
}

.sin-tag a::before {
    content: "\f02b";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    padding-right: 3px;
    font-size: 0.8rem;
}

.sin-tag a:hover {
    opacity: 0.7;
}

/*========================
投稿ページ共通
========================*/
.sin-con {
    margin-bottom: 30px;
}
.sin ul,
.sin ol {
    list-style-position: inside;
    text-decoration: none;
}

.sin-title h1 {
    font-size: 1rem;
    margin: 10px 0;
    font-weight: normal;
}

.sin-con-img img {
    width: 100%;
    height: auto;
    vertical-align: bottom;

}

.sin iframe {
    width: 100%;
    object-fit: cover;
}
/*========================
投稿ページオリジナル
========================*/
.catch-title h1 {
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
}
.sin-con-new {
    margin-bottom: 30px;
}

.sin-con-head {
    padding: 5px;
    border-bottom: solid 2px #67a5da;
    margin: 10px 0 15px;
    box-sizing: border-box;
}

.sin-con-head h2 {
    font-size: 1.2rem;
}

.sin-con-text {
    margin: 10px 0 20px;
}

/*========================
固定ページ
========================*/
.page-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px;
    box-sizing: border-box;
}

.page-title h2{
    padding: 10px;
    font-size: 1.2rem;
    margin-bottom: 25px;
    background-color: #67a5da;
    color: #fff;
    box-sizing: border-box;
    border-radius: 3px;
}
.page-box {
    box-sizing: border-box;
}
.page-box-info {
    padding: 15px;
}
.page-box-1 {
    margin-bottom: 30px;
}
.page-side .sidebar-widgets {
    padding: 0;
}

.page-box-2 ul {
    list-style: disc inside;
}

.page-box-2 ol {
    list-style: decimal inside;
}

/*========================
レビューページ
========================*/
.sin-rev-main {
    margin-bottom: 50px;
}

.sin-rev-text {
    width: 100%;
}

.sin-rev-text-sub {
    margin-bottom: 20px;
}

.text-sub-title {
    border-left: solid 5px #333;
    padding: 5px 10px;
    margin-bottom: 20px;
    display: block;
	box-sizing: border-box;
}

.sin-rev-img {
    width: 100%;
    height: 250px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
}
.sin-rev-img img {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    object-fit: cover;
}
.sin-rev-text-sub2 {
    margin-bottom: 0;
}

.sin-sub-text {
    padding-left: 5px;
}

/*========================
カテゴリー・アーカイブ
========================*/

.postlist {
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
    box-sizing: border-box;
}
.postlist-main {
    width: 100%;
    margin-bottom: 20px;
}

.postlist-body {
    width: 100%;
}

.postlist-text {
    margin-left: 10px;
    flex: 2;
}
.postlist {
    padding: 0 10px;
}
.postlist-title {
    background-color: #67a5da;
    text-align: left;
    width: 100%;
    margin: 30px 0;
    padding: 5px 0;
    color: #fff;
    box-sizing: border-box;
}

.postlist h1 {
    font-size: 1.2rem;
    font-weight: normal;
    margin-left: 20px;
}

.postlist h3 {
    font-size: 0.8rem;
    margin-top: 5px;
    font-weight: normal;
}

.postlist-img {
    width: 60px;
    height: 60px;
    overflow: hidden;
}

.postlist a {
    display: block;
    background-color: #fff;
}

.postlist-img img {
    transition: .3s ease-in-out;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.postlist a:hover .postlist-img img {
    transform: scale(1.1);
}

.screen-reader-text {
    display: none;
}

.pos-container {
    width: 100%;
    background-color: #fff;
    border: solid 1px #ddd;
    border-radius: 3px;
    margin: 0 auto 20px;
    padding: 10px;
    box-sizing: border-box;
}

.pos-container a {
    display: flex;
}

.postlist .next-p {
    font-size: 0.7rem;
    padding-top: 5px;
    text-align: right;
}
.postlist .cus-cat-tag a,
.postlist .cus-cat-tag a::before {
    font-size: 0.6rem;
}
.postlist .cus-cat-tag a {
    padding: 2px 3px;
}
.postlist .sin-cat {
    display: flex;
    flex-wrap: wrap;
}
/*========================
商品ページ
========================*/
.pro-name {
    padding: 0 5px;
    margin-bottom: 15px;
    border-bottom: solid 2px #67a5da;
    box-sizing: border-box;
}
.pro-name h2 {
    font-size: 1.2rem;
}
.pro-fee {
    margin: 15px 0;
    display: flex;
    align-items: center;
}
.pro-fee p {
    font-size: 1rem;
    font-weight: bold;
}
.pro-fee p::after {
    content: ':';
    margin-right: 5px;
}
.pro-fee h3 {
    font-size: 1rem;
}
.pro-list {
    margin-top: 20px;
}
.pro-list h3 {
    font-size: 0.8rem;
    margin-bottom: 5px;
}
.pro-list p {
    margin-bottom: 5px;
    font-size: 0.7rem;
}
.pro-list p::before {
    content: '\f00c';
    font-family: 'Font Awesome 5 free';
    font-weight: 900;
    margin-right: 10px;
}
.pro-img img {
    width: 100%;
    object-fit: cover;
}
/*アーカイブ*/
.pro-wrap {
    width: 100%;
    margin-bottom: 20px;
}

.postlist-body {
    width: 100%;
}

.pro-con-text {
    display: flex;
    justify-content: center;
    margin: 10px;
}

.pro-con-text h3 {
    font-size: 1rem;
    font-weight: bold;
}
.pro-con-fee {
    text-align: right;
}
.pro-con-fee p {
    font-size: 0.9rem;
}
.pro-con-img {
    width: 100%;
    height: 250px;
    overflow: hidden;
}

.pro-con-img img {
    transition: .3s ease-in-out;
    width: 100%;
    height: 270px;
    object-fit: cover;
}

.pro-container a:hover .pro-con-img img {
    transform: scale(1.1);
}

.pro-container {
    width: 100%;
    background-color: #fff;
    border: solid 1px #ddd;
    border-radius: 3px;
    margin: 0 auto 20px;
    padding: 10px;
    box-sizing: border-box;
}

.pro-wrap .cus-cat-tag {
    margin: 0 0 5px 0;
}

.pro-wrap .cus-cat-tag a,
.pro-wrap .cus-cat-tag a::before {
    font-size: 0.6rem;
}
.pro-wrap .cus-cat-tag a {
    padding: 2px 3px;
}
.pro-wrap .sin-cat {
    display: flex;
}
/*========================
レビューページ
========================*/
.revlist-wrap {
    width: 100%;
    margin-bottom: 20px;
}

.revlist-body {
    width: 100%;
}

.rev-text p {
    display: flex;
    align-items: baseline;
    margin-bottom: 15px;
}

.rev-text .rev-text-main {
    display: block;
}

.rev-text-sub {
    flex: 1;
    text-align: right;
}

.rev-container {
    width: 100%;
    height: auto;
    background-color: #fff;
    border: solid 1px #ddd;
    border-radius: 3px;
    overflow: hidden;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.rev-main {
    padding: 10px;
}

.rev-main-text {
    display: block;
    width: 95%;
    margin: 10px auto 0;
}

.rev-text-label {
    padding: 2px 5px;
    margin-right: 10px;
}

.rev-img {
    width: 150px;
    height: 150px;
    overflow: hidden;
    border-radius: 50%;
    margin: 20px auto;
}

.rev-img img {
    transition: .3s ease-in-out;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.revlist a:hover .rev-img img {
    transform: scale(1.1);
}

.revlist h1 {
    font-size: 1.2rem;
    font-weight: normal;
    margin-left: 20px;
}

.revlist .name {
    margin-top: 5px;
}

.revlist p {
    font-size: 0.8rem;
    padding-top: 15px;
}

.rev-next {
    display: block;
    text-align: right;
    font-size: 0.7rem;
}

.revlist a:hover .rev-next {
    opacity: 0.7;
}

.rev-next::after {
    font-family: 'Font Awesome 5 free';
    font-weight: 900;
    content: '\f101';
    margin-left: 5px;
}

/*========================
サーチページ
========================*/
.search-box {
    text-align: center;
    padding-top: 30px;
}
.search-main {
    width: 100%;
    border: solid 1px #ddd;
    border-radius: 3px;
    margin-bottom: 20px;
    overflow: hidden;
}

.search-img .postlist-img {
    height: 100px;
    width: 100px;
    overflow: hidden;
}

.search-main a {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

.search-img img {
    transition: .3s ease-in-out;
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.search-main a:hover .search-img img {
    transform: scale(1.1);
}

.search-box .page-title {
    font-size: 1.1rem;
    margin-bottom: 20px;
    font-weight: normal;
    text-align: center;
}

.search-sub {
    margin-bottom: 20px;
    grid-column: 1 / -1;
}
.search-body h2 {
    font-size: 0.8rem;
    font-weight: normal;
    margin-left: 20px;
}

.search-box .searchform {
    margin-bottom: 50px;
}

.search-body p {
    width: 100%;
    text-align: center;
}

.search-box .searchform {
    margin-bottom: 50px;
}

.search .home-bt {
    margin: 20px 0;
    text-align: center;
}

/*========================
404ページ
========================*/
.error-page {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.error-main {
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.error-img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

.error-img img {
    width: 300px;
    height: 300px;
    object-fit: cover;
    border-radius: 50%;
}

.error-title {
    margin-top: 20px;
    font-size: 2rem;
}

.error-textbody {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.error-page .home-bt {
    margin-top: 30px;
}

.error-page .home-bt a {
    display: block;
}

/*========================
関連記事
========================*/
.related {
    margin: 30px 0 30px;
}

.related ul {
    list-style: none;
}

.related li {
    border: solid 1px #ddd;
    border-radius: 3px;
    overflow: hidden;
    margin-top: 20px;
    padding: 10px;
    box-sizing: border-box;
}
.related-title {
    border-bottom: solid 2px #67a5da;
    border-radius: 3px;
}
.related-title h3 {
    font-size: 1.1rem;
    font-weight: normal;
    padding: 5px 10px;
}

.related-text {
    margin-left: 10px;
    flex: 2;
}
.related-text h3 {
    font-size: 0.8rem;
    font-weight: normal;
}

.related-text p {
    font-size: 0.7rem;
    margin:0 0 10px 0;
    text-align: left;
}

.related-text p::before {
    content: '\f017';
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    margin-right: 3px;
}
.related a {
    display: flex;
}

.related-img {
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.related img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s ease-in-out;
}

.related a:hover .related-img img {
    transform: scale(1.1);
}

/*関連商品*/
.pro-related a {
    display: block;
    align-items: center;
}
.pro-related .related-img {
    width: 100%;
    height: 250px;
    overflow: hidden;
}
.pro-related .related-text {
    padding: 15px 0;
    display: flex;
    margin-left: 0;
}
.related-fee {
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end;
}
.related-fee p{
    margin: 0;
}
/*=================
コメントフォーム
=================*/
.comments {
    border: solid 1px #ddd;
    border-radius: 3px;
    overflow: hidden;
    margin: 30px 0;
    padding: 15px 15px;
    box-sizing: border-box;
}
.comment-title h2{
    font-size: 1.1rem;
    font-weight: normal;
    padding: 5px 10px;
    background-color: #67a5da;
    color: #fff;
    margin-bottom: 20px;
    border-radius: 3px;
    box-sizing: border-box;
}
.comment-reply-title {
    font-size: 1.1rem;
    font-weight: normal;
    padding: 5px;
    border-bottom: solid 2px red;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.comment-form-comment textarea {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.required {
    color: red;
}

.comment-form-author {
    margin-bottom: 30px;
}

.comment-form-email {
    margin-bottom: 40px;
}

.comment-form-author input,
.comment-form-email input {
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px;
}

.comment-notes {
    margin-bottom: 15px;
}

.comment-form-cookies-consent {
    margin-top: 20px;
}

.form-submit {
    margin: 20px 0 10px;
    display: flex;
    justify-content: center;
}

.form-submit .submit {
    padding: 10px 15px;
    width: 50%;
    background-color: #67a5da;
    border: solid 1px #67a5da;
    color: #fff;
    border-radius: 3px;
}

.form-submit .submit:hover {
    background-color: #fff;
    border-color: #67a5da;
    color: #67a5da;
    cursor: pointer;
}

/*========================
コメントリスト
========================*/
.comment-body {
    padding: 10px 0;
    font-size: 0.8rem;
    font-style: normal;
}

.comment-awaiting-moderation,
.comment-body p,
.comment-meta a,
.fn {
    font-size: 0.8rem;
    font-style: normal;
}

.comment-list {
    margin: 10px 0 20px;
}

.comment-list li {
    border-bottom: solid 1px #67a5da;
    border-radius: 3px;
    overflow: hidden;
}

.comment-list li:last-child {
    border-bottom: none;
}

.comment-author img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
}

.says {
    display: none;
}

.comment-meta {
    margin-bottom: 20px;
}

.reply {
    padding-top: 10px;
    box-sizing: border-box;
    text-align: right;
}

.comment-reply-link {
    color: #fff;
    border: solid 1px #fff;
    border-radius: 3px;
    overflow: hidden;
    background: #67a5da;
    padding: 2px 10px;
    font-size: 0.8rem;
}

.comment-reply-link:hover {
    background-color: #fff;
    color: #67a5da;
}

.comments-number {
    display: flex;
    align-items: center;
}

.comments-number::before {
    content: "\f27a";
    font-family: 'Font Awesome 5 free';
    font-weight: 400;
    font-size: 0.8rem;
    margin-right: 5px;
}

/*返信用*/
.comment-respond h3,
.comment-respond h3 a {
    font-size: 1.1rem;
}

.comment-respond h3 small a {
    font-size: 0.8rem;
    margin-left: 30px;
}

.comment-respond h3 small a::before {
    font-family: FontAwesome;
    content: "\f057";
    margin-right: 5px;
}

.comment-respond h3 small a:hover {
    opacity: 0.7;
}

/*========================
ページネーション
========================*/
/*投稿ページ用*/
.pagenation {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
}

/*カテゴリー別・アーカイブ用*/
.pagination {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.prev-article a,
.next-article a {
    background-color: #67a5da;
    border: solid 1px #67a5da;
    border-radius: 3px;
    color: #fff;
    padding: 10px 5px;
    font-size: 0.8rem;
    box-sizing: border-box;
}

.next-article {
    margin-top: 20px;
}

.prev-article a::before {
    content: "\f0a8";
    font-family: 'Font Awesome 5 free';
    font-size: 0.9rem;
    margin-right: 3px;
    font-weight: 900;
    color: #fff;
}

.next-article a::after {
    content: "\f0a9";
    font-family: 'Font Awesome 5 free';
    font-size: 0.9rem;
    font-weight: 900;
    margin-left: 3px;
    color: #fff;
}

.prev-article a:hover::before,
.next-article a:hover::after,
.pagenation a:hover {
    color: #67a5da;
}

.pagenation .prev-article a:hover,
.pagenation .next-article a:hover {
    text-decoration: none;
}

/*カテゴリー・アーカイブ用*/
.nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.nav-links {
    padding: 2px 5px;
}

.page-numbers {
    font-size: 0.9rem;
    text-decoration: none;
    padding: 2px 5px;
    margin: 0 2px;
}

.nav-links .current {
    background-color: #67a5da;
    color: #fff;
    padding: 2px 5px;
    border-radius: 3px;
}

.nav-links a:hover {
    text-decoration: underline;
}

.nav-links .next {
    background: none;
}

/*========================
ホームボタン（共通）
========================*/
.home-bt {
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
}

.home-bt a {
    background-color: #67a5da;
    padding: 5px 10px;
    border: solid 1px #67a5da;
    border-radius: 3px;
}

.home-bt a:hover {
    background-color: #fff;
    color: #67a5da;
}

/*========================
メディアクエリ667px以上
========================*/
@media(min-width:667px) {
	
    /*========================
    投稿ページ共通
    ========================*/
    .sin-con-new {
        display: flex;
    }

    .sin-con-img {
        flex: 1;
    }

    .sin-con-text-left {
        flex: 1;
        margin: 0 10px 0 0;
    }

    .sin-con-text-right {
        flex: 1;
        margin: 0 0 0 10px;
    }
    /*========================
    商品ページ
    ========================*/

    /*関連商品*/
    .pro-related ul {
        display: grid;
        grid-template-columns: 49% 49%;
        grid-column-gap: 2%;
        box-sizing: border-box;
    }
    /*========================
    レビューページ
    ========================*/
    .sin-rev-sub-body {
        display: flex;
    }

    .sin-rev-img {
        flex: 1;
        margin: 30px 15px 15px 0;
    }

    .sin-rev-text {
        flex: 1;
    }

    /*============================
    カテゴリー・アーカイブ・サーチ
    ============================*/
    .search-body,
    .postlist-body {
        display: grid;
        grid-template-columns: 47.5% 47.5%;
        grid-column-gap: 5%;
        align-items: flex-start;
    }

    .revlist-body {
        display: grid;
        grid-template-columns: 49% 49%;
        grid-column-gap: 2%;
    }
    
    .pro-con-body {
        display: grid;
        grid-template-columns: 47.5% 47.5%;
        grid-column-gap: 5%;    
    }
    
    /*========================
    404ページ
    ========================*/
    .error-text {
        width: 70%;
    } 
}

/*========================
メディアクエリ768px以上
========================*/
@media(min-width:768px) {

    /*========================
    アイキャッチイメージ
    ========================*/
    .catch-img {
        height: 300px;
    }

    .catch-title {
        height: 300px;
    }
    /*========================
    商品ページ
    ========================*/
    .pro-box {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(49%, 1fr));
        grid-column-gap: 2%;
        box-sizing: border-box;
    }
    .pro-box .thumbnail-item img {
        height: 100px;
    }
    .pro-sin-box {
        display: block;
    }
    .pro-text-box {
        margin-left: 0;
    }

    /*========================
    レビューページ
    ========================*/
    .sin-rev-img {
        height: 350px;
        margin-top: 50px;
    }
    .sin-rev-img img{
        width: 350px;
        height: 350px;
    }

}

/*========================
メディアクエリ1024px以上
========================*/
@media(min-width:1024px) {
    /*========================
    固定ページ
    ========================*/
    .page-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .page-box-info {
        max-width: none;
        width: 100%;
    }
    .page-wrap-1 {
        display: block;
    }
    .page-box-1 {
        margin-top: 30px;
        display: flex;
        justify-content: center;
    }
    .page-box-1a {
        margin-top: 0;
    }

    .page-box-2 {
        flex: 1;
        width: 100%;
        overflow: hidden;
    }
    
    /*========================
    投稿ページ共通
    ========================*/
    .sin-con-new {
        display: flex;
    }

    .sin-con-text-left {
        flex: 1;
        margin: 0 0 0 10px;
    }

    .sin-con-text-right {
        flex: 1;
        margin: 0 10px 0 0;
    }

    .sin-con-img {
        flex: 1;
        margin-right: 10px;
    }
    /*関連ページ*/
    .related ul {
        display: grid;
        grid-template-columns: 49% 49%;
        grid-column-gap: 2%;
        box-sizing: border-box;
    }
    /*========================
    商品ページ
    ========================*/
    .pro-box .thumbnail-item img {
        height: 150px;
    }
    .pro-related ul {
        grid-template-columns: repeat(3,32%);
    }
    /*アーカイブ*/
    .pro-con-body {
        display: grid;
        grid-template-columns: repeat(3,32%);
        grid-column-gap: 2%;    
    }
    
    /*========================
    レビューページ
    ========================*/
    .revlist-body {
        grid-template-columns: repeat(3, 32%);
        grid-column-gap: 2%;
    }

	/*========================
    アーカイブページ
    ========================*/
    .postlist {
        max-width: 1354px;
    }

    /*========================
    404ページ
    ========================*/
    .error-textbox {
        display: flex;
        align-items: center;
    }

    .error-img {
        flex: 1;
    }

    .error-img img {
        width: 500px;
        height: 500px;
    }

    .error-title {
        font-size: 3rem;
    }

    .error-text {
        width: 90%;
        margin: 30px 0;
    }

    .error-textbody {
        flex: 1;
        margin: 0 30px;
    }
}

/*========================
メディアクエリ1354px以上
========================*/
@media(min-width:1354px) {
    .page-wrap,
    .postlist {
        padding: 0;
    }
    .page-box {
        max-width: 1354px;
    }
    .page-box-1a {
        margin-top: 15px;
    }
    .page-box-pro {
        max-width: 1354px;
    }
    .page-box-2 {
        max-width: 1354px;
    }

}