@charset "utf-8";

/*--------
史料館写真の設定
---------*/
.main-photo01 img {
    width: 100vw;
    margin: 0;
}

/*-----
「史料館の歴史」タイトルの設定
-----*/
h1 {
    margin: 0;
    padding: 0;
    font-size: 4.5vw;
    text-indent: 1em;
    color: white;
    line-height: 1.8;
    background: linear-gradient(to bottom, rgba(40, 40, 40, 1), rgba(0, 0, 0, 1), rgba(40, 40, 40, 1));
    box-shadow: 0 .5vw .5vw rgba(0, 0, 0, .3);
    font-family: 'hiraginokakugoW7';
}

/*-----
「史料館の歴史」記事内容の設定
-----*/
h2 {
    padding: 0 1.5em 0;
    font-size: 3vw;
    text-indent: 4.3vw;
    line-height: 1.35;
    font-weight: normal;
}

/*-----
「史料館の歴史」記事付属の写真を中央に寄せるための設定
-----*/
.main-sub-photo-f {
    display: flex;
    justify-content: center;
}

/*-----
「史料館の歴史」記事付属の写真本体の設定
-----*/
.main-sub-photo-f img {
    width: 40%;
    height: 40%;
    margin: 0 1vw 0 1vw;
    border-radius: 2vw;
    box-shadow: 0 0 1vw rgba(0, 0, 0, .5);
}

/*------
目玉商品の外枠の設定
-------*/
.photo-01 {
    display: flex;
    margin: 1vw;
    background-color: rgba(250, 250, 255, 1);
    border: solid .5vw rgba(0, 0, 0, 1);
    border-radius: 2vw;
    box-shadow: 0 0 1vw rgba(0, 0, 0, .5);
}

/*---
目玉商品の写真の設定
---*/
.photo-01 img {
    width: 100%;
    margin: 1vw;
    border-radius: 1vw;
    box-shadow: 0 0 .5vw rgba(0, 0, 0, .5);
}

/*---
目玉商品の記事の配置の設定
※外すと写真がつぶれます
---*/
.pocket {
    width: 66vw;
}

/*----
目玉商品のタイトルの設定
-----*/
h3 {
    font-size: 4vw;
    margin: 1vw 0 1vw 2vw;
    font-family: 'hiraginokakugoW7';
}

/*----
目玉商品の記事内容の設定
-----*/
h4 {
    font-size: 2.8vw;
    line-height: 1.5;
    margin: 0 2vw 2vw;
    text-indent: 1em;
    font-weight: normal;
}

/*---
「史料館見学を～」タイトルの設定
---*/
.last-contetnts p:nth-of-type(1) {
    margin: 2vw 0;
    text-indent: 1em;
    line-height: 2;
    font-size: 4vw;
    font-family: 'hiraginokakugoW7';
    background: linear-gradient(to bottom, rgba(40, 40, 40, 1), rgba(0, 0, 0, 1), rgba(40, 40, 40, 1));
    box-shadow: 0 .5vw .5vw rgba(0, 0, 0, .3);
    color: white;
}

/*---
「史料館見学を～」記事文中の設定
---*/
.last-contetnts p:nth-of-type(2) {
    padding: 0 1.5em 0;
    font-size: 3.2vw;
    line-height: 1.3;
    text-indent: 1em;
}

/*---
「史料館見学を～」記事脚注の設定
---*/
.last-contetnts p:nth-of-type(3),
.last-contetnts p:nth-of-type(4),
.last-contetnts p:nth-of-type(5),
.last-contetnts p:nth-of-type(6) {
    margin: 0;
    padding: 0 1em 0 3em;
    text-indent: -1em;
    font-size: 2.8vw;
    line-height: 1.3;
    font-weight: bold;
}

.last-contetnts p:nth-of-type(3),
.last-contetnts p:nth-of-type(4) {
    color: red;
}

/*---
「史料館見学を～」お問い合わせの設定
---*/
.last-tell {
    margin: 3vw 1vw 5vw;
    padding: 0;
    font-size: 3.2vw;
    text-align: right;
    font-family: 'hiraginokakugoW7';
}