/* ƒNƒŠƒ€ƒgƒGƒLƒVƒrƒVƒ‡ƒ“ƒy�[ƒW‚ÅŽg—p‚³‚ê‚éCSS‚Å‚· */

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
 border: 0;
 margin: 0;
 padding: 0;
}
.main, .main p, .main h3, .main h4 {
 line-height: 1;
 font-family: "Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", serif;
 vertical-align: bottom;
 color:#000;
}
a {
 text-decoration: none;
}
.main .gothic {
 font-family: ŸàƒSƒVƒbƒN‘Ì, 'Yu Gothic', YuGothic, 'ƒqƒ‰ƒMƒmŠpƒSƒVƒbƒN Pro', 'Hiragino Kaku Gothic Pro', ƒ�ƒCƒŠƒI, Meiryo, Osaka, '‚l‚r ‚oƒSƒVƒbƒN', 'MS PGothic', sans-serif;
}
.container {
 background-color: #bd9a46;
}
.container02 {
 background-color: #4b2c5a;
}
.main {
 width: 100%;
}
.main img {
 vertical-align: bottom;
 width: 100%;
 margin-bottom: -1px;
}
.main img.img01 {
 margin-top: -2px;
}
.gallery {
 font-size: 0;
}
.gallery img {
 width: 33.33%
}
div.bg01, div.bg02, div.bg03, div.bg04, div.bg05,
 div.bg06, div.bg07, div.bg08, div.bg09, div.bg10,
 div.bg2-01, div.bg2-02, div.bg2-03 {
 background-size: 100% auto;
 background-repeat: no-repeat;
}
.main div.bg01 {
 background-image: url("https://www.e-hirameki.jp/img/2019/klimt-ex/klimt-ex_02fs.jpg");
 height: 186px;
}
.main div.bg02 {
 background-image: url("https://www.e-hirameki.jp/img/2019/klimt-ex/klimt-ex_04fs.jpg");
 height: 64.6px;
}
.main div.bg03 {
 background-image: url("https://www.e-hirameki.jp/img/2019/klimt-ex/klimt-ex_13fs.jpg");
 height: 67px;
}
.main div.bg04 {
 background-image: url("https://www.e-hirameki.jp/img/2019/klimt-ex/klimt-ex_15fs.jpg");
 height: 103px;
}
.main div.bg05 {
 background-image: url("https://www.e-hirameki.jp/img/2019/klimt-ex/klimt-ex_19fs.jpg");
 height: 206px;
}
.main div.bg06 {
 background-image: url("https://www.e-hirameki.jp/img/2019/klimt-ex/klimt-ex_25fs.jpg");
 height: 98px;
}
.main div.bg07 {
 background-image: url("https://www.e-hirameki.jp/img/2019/klimt-ex/klimt-ex_31fs.jpg");
 height: 142px;
}
.main div.bg08 {
 background-image: url("https://www.e-hirameki.jp/img/2019/klimt-ex/klimt-ex_35fs.jpg");
 height: 82px;
}
.main div.bg09 {
 background-image: url("https://www.e-hirameki.jp/img/2019/klimt-ex/klimt-ex_37fs.jpg");
 height: 138px;
}
.main div.bg10 {
 background-image: url("https://www.e-hirameki.jp/img/2019/klimt-ex/klimt-ex_40fs.jpg");
 height: 288px;
}
div.bg2-01 {
 background-image: url("https://www.e-hirameki.jp/img/2019/klimt-ex/klimt-ex2_04fs.jpg");
 height: 68px;
}
div.bg2-02 {
 background-image: url("https://www.e-hirameki.jp/img/2019/klimt-ex/klimt-ex2_07fs.jpg");
 height: 169px;
}
div.bg2-03 {
 background-image: url("https://www.e-hirameki.jp/img/2019/klimt-ex/klimt-ex2_12fs.jpg");
 height: 191px;
}

.main div.sns {
 text-align: left;
 font-size: 0;
 padding: 1% 0 0 0;
 margin-left: 34%;
 width: 56.66%
}
.main div.sns img {
 width: 50%;
}
span.red {
 color: #d41010;
}
span.small {
 font-size: 2.1vw;
}
.main p {
 font-size: 2.6vw;
 line-height: 1.75;
 text-align: left;
 font-weight: 500;
 letter-spacing: -0.5px;
}
p.p01 {
 padding: 2% 40% 0 4.5%;
}
p.p02 {
 font-size: 2.3vw;
 text-align: center;
 padding: 0 8% 0 70%;
 margin-top: -14%;
}
p.p03 {
 font-size: 2.35vw;
 padding: 2% 5% 0;
 line-height: 1.9;
}
p.p04 {
 text-align: center;
 padding-top: 1.5%;
 line-height: 1.4;
 letter-spacing: 0;
}
p.p05 {
 padding: 2% 5% 0;
}
p.p06 {
 font-size: 2.3vw;
 text-align: center;
 padding-top: 0.5%;
}
p.p07 {
 padding: 4% 5% 0;
 letter-spacing: -0.7px;
}
p.p08 {
 font-size: 3vw;
 text-align: center;
 padding-top: 5.5%;
 line-height: 1.5;
 letter-spacing: 0;
}
p.p09 {
 font-size: 2.8vw;
 padding: 11.2% 0 0 11.5%;
 line-height: 1.7;
 letter-spacing: -0.8px;
}
p.p10 {
 font-size: 2.8vw;
 padding: 1% 0 0 7%;
 line-height: 1.8;
 letter-spacing: 0;
}

/* SP landscape */
@media (orientation: landscape){
.main div.bg01 {
 height: 337px;
}
.main div.bg02 {
 height: 119px;
}
.main div.bg03 {
 height: 122px;
}
.main div.bg04 {
 height: 187px;
}
.main div.bg05 {
 height: 373px;
}
.main div.bg06 {
 height: 178px;
}
.main div.bg07 {
 height: 257px;
}
.main div.bg08 {
 height: 150px;
}
.main div.bg09 {
 height: 250px;
}
.main div.bg10 {
 height: 511px;
}
div.bg2-01 {
 height: 125px;
}
div.bg2-02 {
 height: 301px;
}
div.bg2-03 {
 height: 340px;
}
}

/* PCŒü‚¯ */
@media screen and (min-width: 1025px) { 
.main {
 width: 900px;
}
.main p {
 font-size: 25px;
 letter-spacing: -1.5px;
 line-height: 1.7;
}
p.p02 {
 font-size: 23px;
 margin-top: -14%;
}
p.p03 {
 font-size: 22px;
 line-height: 1.85;
}
p.p04 {
 line-height: 1.5;
}
p.p06 {
 font-size: 21px;
}
p.p08 {
 font-size: 28px;
 padding-top: 4%;
 line-height: 1.65;
}
p.p09 {
 font-size: 27px;
 padding: 11% 0 0 11%;
 line-height: 1.67;
 letter-spacing: -0.2px;
}
p.p10 {
 font-size: 28px;
}
span.small {
 font-size: 21px;
}
.main img {
 margin-top: -1px;
}
.main div.bg01 {
 height: 466px;
}
.main div.bg02 {
 height: 161px;
}
.main div.bg03 {
 height: 172px;
}
.main div.bg04 {
 height: 259px;
}
.main div.bg05 {
 height: 516px;
}
.main div.bg06 {
 height: 246px;
}
.main div.bg07 {
 height: 356px;
}
.main div.bg08 {
 height: 207px;
}
.main div.bg09 {
 height: 346px;
}
.main div.bg10 {
 height: 706px;
}
div.bg2-01 {
 height: 173px;
}
div.bg2-02 {
 height: 416px;
}
div.bg2-03 {
 height: 470px;
}

}