@charset "utf-8";

/*================================

philosohy

================================*/

h2{
                font-size: 1.3em;
                line-height: 1em;
                position: fixed;
                top: 26px;
                left: 30px;
                z-index: 9;
                }
@media (max-width: 768px) {
h2{
                left: 5%;
                }
                }

#_contents{
                padding-top: 50px;
                padding-bottom: 150px;
	background-color: #f3f3f3;
                }
@media (max-width: 768px) {
#_contents{
                padding-bottom: 100px;
                }
                }

.inner{
                width: 450px;
                margin: auto;
                padding-top: 100px;
                }
@media (max-width: 768px) {
.inner{
                width: 90%;
                }
                }


.inner h3{
                font-size: 1.2em;
                line-height: 1.6em;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
                }

.inner p.word {
                width: 100%;
                margin-top: 30px;
                font-size: 1em;
                line-height: 1.8em;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
                }

.inner p.caption {
                margin-top: 10px;
                font-size: .75em;
                line-height: 1.6em;
                }

.inner p.caption2 {
                margin-top: 10px;
                font-size: .75em;
                font-style: italic;
                line-height: 1.6em;
                }

.inner .thumb {
                width: 200px;
                margin: auto;
                }
@media (max-width: 768px) {
.inner .thumb {
                width: 160px;
                }
                }

.inner .thumb img{
                width: 100%;
                mix-blend-mode: multiply;
                }

.inner .thumb p{
                margin-top: 10px;
                font-size: .75em;
                line-height: 1.6em;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
                }

.vb-close-inside{
                position: fixed;        /* 画面基準で固定。コンテンツ基準にしたいなら absolute に変更 */
                top: 12px; 
                right: 12px;
                width: 44px;            /* タップしやすいサイズ */
                height: 44px;
                padding: 0;
                background: transparent;
                border: none;
                cursor: pointer;
                z-index: 2147483647;    /* いちばん上に */
                }
.vb-close-inside img{
                width: 100%;
                display: block;
                pointer-events: none;   /* 画像上でもクリックが確実にボタンへ届く */
                -webkit-user-drag: none;
                user-select: none;
                }