main section#topMainSct .lowCopyB.nonTxt { position: relative; padding: 8.5em 0 0 6%; top: inherit; left: inherit; }
@media screen and (max-width: 599px) { main section#topMainSct .lowCopyB.nonTxt { padding: 17.5em 0 2em; } }
main section#topMainSct .wiener01 { position: absolute; z-index: 3; top: 7em; right: 0; width: 17em; height: auto; }
@media screen and (max-width: 599px) { main section#topMainSct .wiener01 { top: 1em; width: 50%; } }
main section#topMainSct .messeB { position: relative; z-index: 8; top: -4.5em; margin-bottom: -4.5em; background: #f6f5f4; border-top-left-radius: 1em; border-top-right-radius: 1em; padding: 5em 12.5% 7em; }
@media screen and (max-width: 599px) { main section#topMainSct .messeB { padding: 5em 6.7% 7em; } }
main section#topMainSct .messeB .wiener02 { position: absolute; z-index: 10; top: -8em; left: 0; width: 17em; height: auto; }
@media screen and (max-width: 599px) { main section#topMainSct .messeB .wiener02 { top: -9.5em; width: 33%; } }
main section#topMainSct .messeB .name { display: block; text-align: center; margin-bottom: 4em; }
@media screen and (max-width: 599px) { main section#topMainSct .messeB .name { font-size: 165%; margin-bottom: 2em; } }
main section#topMainSct .messeB .name small { display: block; }
main section#topMainSct .messeB .name span { display: block; }
main section#topMainSct .messeB .txtB { position: relative; z-index: 15; display: flex; justify-content: space-between; }
@media screen and (max-width: 599px) { main section#topMainSct .messeB .txtB { display: block; } }
main section#topMainSct .messeB .txtB .head { width: 50%; padding-right: 2.2em; font-size: 130%; font-weight: 700; letter-spacing: .11em; }
@media screen and (max-width: 599px) { main section#topMainSct .messeB .txtB .head { width: 100%; padding-right: 0; font-size: 163%; margin-bottom: 1.5em; } }
main section#topMainSct .messeB .txtB .txt { width: 50%; font-size: 70%; letter-spacing: .05em; }
@media screen and (max-width: 599px) { main section#topMainSct .messeB .txtB .txt { width: 100%; font-size: 130%; } }
main section#topMainSct .postHead { position: relative; z-index: 10; padding: 0 12.5%; display: flex; align-items: center; flex-wrap: wrap; }
@media screen and (max-width: 599px) { main section#topMainSct .postHead { padding: 0; font-size: 135%; } }
main section#topMainSct .postHead .cate { display: inline-block; white-space: nowrap; color: #ffffff; font-size: 80%; letter-spacing: 0; line-height: 1.4; background: #827d78; padding: .3em 1.2em; border-radius: 2em; margin-right: 1em; }
@media screen and (max-width: 599px) { main section#topMainSct .postHead .cate { margin-left: 6.7%; } }
main section#topMainSct .postHead .date { color: #827d78; font-size: 90%; line-height: 1.4; letter-spacing: 0; }
main section#topMainSct .postHead h2.ttl { width: 100%; font-size: 150%; font-weight: 700; line-height: 1.6; margin: .8em 0 1.6em; }
@media screen and (max-width: 599px) { main section#topMainSct .postHead h2.ttl { padding: 0 6.7%; } }
main section#topMainSct .postHead .headImg { width: 100%; height: auto; border-radius: 1.2em; }
main section#recContentsSct .messeB { position: relative; }
main section#recContentsSct .messeB .headB { position: relative; z-index: 5; }
main section#recContentsSct .messeB .headB .bgPic { display: block; width: 93.75%; height: auto; margin-left: 6.25%; }
@media screen and (max-width: 599px) { main section#recContentsSct .messeB .headB .bgPic { width: 93.3%; margin-left: 6.7%; } }
main section#recContentsSct .messeB .headB .txtB { position: absolute; top: 5.4em; left: 12.5%; width: 78%; }
main section#recContentsSct .messeB .headB .txtB h3 { color: #ffffff; margin-bottom: 4.4em; }
main section#recContentsSct .messeB .headB .txtB h3 .jp { display: block; font-size: 90%; font-weight: 700; letter-spacing: .05em; }
@media screen and (max-width: 599px) { main section#recContentsSct .messeB .headB .txtB h3 .jp { font-size: 145%; } }
main section#recContentsSct .messeB .headB .txtB h3 .en { display: block; font-size: 120%; line-height: 1.3; }
@media screen and (max-width: 599px) { main section#recContentsSct .messeB .headB .txtB h3 .en { font-size: 350%; } }
main section#recContentsSct .messeB .headB .txtB .copy { display: block; padding-left: 7.8%; }
main section#recContentsSct .messeB .headB .txtB .copy img { position: relative; width: 100%; height: auto; transform: rotate(-5deg); }
main section#recContentsSct .messeB .detailB { position: relative; z-index: 2; padding: 3.5em 12.5% 5em; }
@media screen and (max-width: 599px) { main section#recContentsSct .messeB .detailB { padding: 4.5em 6.7% 5em; } }
main section#recContentsSct .messeB .detailB .wiener03 { position: absolute; z-index: 1; top: -6em; right: 0; width: 22em; height: auto; }
@media screen and (max-width: 599px) { main section#recContentsSct .messeB .detailB .wiener03 { top: -12em; width: 50%; } }
main section#recContentsSct .messeB .detailB .name { display: block; text-align: center; margin-bottom: 3em; }
@media screen and (max-width: 599px) { main section#recContentsSct .messeB .detailB .name { font-size: 165%; margin-bottom: 2em; } }
main section#recContentsSct .messeB .detailB .name small { display: block; }
main section#recContentsSct .messeB .detailB .name span { display: block; }
main section#recContentsSct .messeB .detailB .txtB { position: relative; z-index: 15; display: flex; justify-content: space-between; }
@media screen and (max-width: 599px) { main section#recContentsSct .messeB .detailB .txtB { display: block; } }
main section#recContentsSct .messeB .detailB .txtB .head { width: 50%; padding-right: 2.2em; font-size: 130%; font-weight: 700; letter-spacing: .11em; }
@media screen and (max-width: 599px) { main section#recContentsSct .messeB .detailB .txtB .head { width: 100%; padding-right: 0; font-size: 163%; margin-bottom: 1.5em; } }
main section#recContentsSct .messeB .detailB .txtB .txt { width: 50%; font-size: 70%; letter-spacing: .05em; }
@media screen and (max-width: 599px) { main section#recContentsSct .messeB .detailB .txtB .txt { width: 100%; font-size: 130%; } }
main section#recContentsSct .messeB .columnBox { position: relative; }
main section#recContentsSct .messeB .columnBox h3 { display: block; text-align: center; font-size: 120%; margin-bottom: 2em; }
@media screen and (max-width: 599px) { main section#recContentsSct .messeB .columnBox h3 { font-size: 175%; } }
main section#recContentsSct .messeB .columnBox h3 .jp { display: block; font-weight: 700; line-height: 1.4; }
main section#recContentsSct .messeB .columnBox h3 .en { display: block; }
main section#recContentsSct .messeB .columnBox .columnList { position: relative; padding: 0 6.25%; display: flex; flex-wrap: wrap; }
@media screen and (max-width: 599px) { main section#recContentsSct .messeB .columnBox .columnList { padding: 0 6.7%; } }
main section#recContentsSct .messeB .columnBox .columnList li { width: calc(100% / 3); padding-right: 2%; margin-bottom: 1em; }
@media screen and (max-width: 599px) { main section#recContentsSct .messeB .columnBox .columnList li { width: 100%; padding-right: 0; margin-bottom: 2em; } }
main section#recContentsSct .messeB .columnBox .columnList li:last-child { padding-right: 0; }
main section#recContentsSct .messeB .columnBox .columnList li .picB { width: 92%; }
@media screen and (max-width: 599px) { main section#recContentsSct .messeB .columnBox .columnList li .picB { width: 100%; background: #ffffff; border-radius: 1em; } }
main section#recContentsSct .messeB .columnBox .columnList li .picB img { display: block; overflow: hidden; width: 100%; height: auto; border-radius: .9em; }
main section#recContentsSct .messeB .columnBox .columnList li .infoB { position: relative; background: #f6f5f4; padding: 1.2em 1.5em; border-radius: .9em; width: 89%; margin: -3.8em 0 0 11%; }
@media screen and (max-width: 599px) { main section#recContentsSct .messeB .columnBox .columnList li .infoB { padding: 1.6em 1.6em 1.6em 2em; width: 92%; margin: -6.5em 0 0 12%; } }
main section#recContentsSct .messeB .columnBox .columnList li .infoB a { position: relative; display: block; background: url("../img/icn_arrow_lw.svg") no-repeat right bottom/1.5em; }
@media screen and (max-width: 599px) { main section#recContentsSct .messeB .columnBox .columnList li .infoB a { background-size: 2.5em; } }
main section#recContentsSct .messeB .columnBox .columnList li .infoB a .date { display: inline-block; font-size: 70%; color: #827d78; letter-spacing: 0; }
@media screen and (max-width: 599px) { main section#recContentsSct .messeB .columnBox .columnList li .infoB a .date { font-size: 135%; } }
main section#recContentsSct .messeB .columnBox .columnList li .infoB a .new { display: inline-block; padding-left: .5em; }
main section#recContentsSct .messeB .columnBox .columnList li .infoB a .new span { display: inline-block; background: #e6002d; border-radius: 2em; padding: .2em .8em; color: #ffffff; font-size: 70%; line-height: 1.2; }
@media screen and (max-width: 599px) { main section#recContentsSct .messeB .columnBox .columnList li .infoB a .new span { font-size: 135%; } }
main section#recContentsSct .messeB .columnBox .columnList li .infoB a .txt { padding-right: 2em; font-size: 80%; letter-spacing: .03em; }
@media screen and (max-width: 599px) { main section#recContentsSct .messeB .columnBox .columnList li .infoB a .txt { font-size: 140%; } }
main section#recContentsSct .postBody { position: relative; z-index: 10; padding: 4.5em 12.5% 7em; font-size: 1.1vw; }
@media screen and (max-width: 599px) { main section#recContentsSct .postBody { font-size: 135%; padding: 3em 6.7% 6em; } }
main section#recContentsSct .postBody .fnt-16 { font-size: 100%; margin-bottom: 1.8rem; }
main section#recContentsSct .postBody .fnt-12 { font-size: 75%; margin-bottom: 1.8rem; }
main section#recContentsSct .postBody h3 { font-size: 150%; font-weight: 700; margin-top: 2.4rem; margin-bottom: 1.8rem; }
main section#recContentsSct .postBody h4 { font-size: 125%; font-weight: 700; margin-top: 2.4rem; margin-bottom: 1.8rem; }
main section#recContentsSct .postBody h5 { font-size: 112.5%; font-weight: 700; margin-top: 2.4rem; margin-bottom: 1.8rem; }
main section#recContentsSct .postBody .pic2-Box { position: relative; display: flex; justify-content: space-between; margin-bottom: 1.8rem; }
@media screen and (max-width: 599px) { main section#recContentsSct .postBody .pic2-Box { display: block; } }
main section#recContentsSct .postBody .pic2-Box > div { width: 47.5%; }
@media screen and (max-width: 599px) { main section#recContentsSct .postBody .pic2-Box > div { width: 100%; } }
main section#recContentsSct .postBody .pic2-Box > div img { width: 100%; height: auto; border-radius: 1.2em; }
@media screen and (max-width: 599px) { main section#recContentsSct .postBody .pic2-Box > div img { margin-bottom: 1.2em; } }
main section#recContentsSct .postBody table { position: relative; width: 100%; }
main section#recContentsSct .postBody table tr { display: flex; justify-content: space-between; width: 100%; }
@media screen and (max-width: 599px) { main section#recContentsSct .postBody table tr { display: block; } }
main section#recContentsSct .postBody table tr:last-child th { border-bottom: 1px solid #beb9b4; }
@media screen and (max-width: 599px) { main section#recContentsSct .postBody table tr:last-child th { border-bottom: none; } }
main section#recContentsSct .postBody table tr:last-child td { border-bottom: 1px solid #beb9b4; }
main section#recContentsSct .postBody table tr th { background: #e9e6e3; width: 20%; padding: 1.2em; border-top: 1px solid #beb9b4; font-weight: 500; }
@media screen and (max-width: 599px) { main section#recContentsSct .postBody table tr th { display: block; width: 100%; padding: 1em .8em; } }
main section#recContentsSct .postBody table tr td { background: #ffffff; width: 79%; padding: 1.2em; border-top: 1px solid #beb9b4; }
@media screen and (max-width: 599px) { main section#recContentsSct .postBody table tr td { display: block; width: 100%; padding: 1em .8em; } }
