/* 全ページに適用するスタイル
-----------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
ol, ul {list-style: none;}
a img {border: 0;}
a:link, a:active, a:visited, a:hover {
text-decoration: none;
color: #000000;
}
*, *:before, *:after {
padding: 0;
margin: 0;
box-sizing: border-box;
}
body {
margin: 0;
font-family: "BIZ UDPGothic","Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
word-wrap: break-word;
background-color: #a2a2a2;
}
/*PC*/
.w_wrapper {
width: 1018px;
margin: 0 auto;
}
.w_logo-wrapper {
height: 150px;
position: relative;
background-color: #fff;
}
.w_logo-wrapper img {
position: absolute;
top: 35px;
left: 25px;
width: 303px;
height: 61px;
}
.w_event-wrapper {
margin: 14px 14px 0;
padding-bottom: 32px;
background-color: #fff;
}
.w_share-btn-wrapper {
position: relative;
margin: 0 auto;
height: 50px;
}
.w_share-btn {
position: absolute;
top: 8px;
right: 8px;
display: flex;
gap: 8px;
}
.w_share-btn a {
display: inline-block;
height: 34px;
line-height: 34px;
font-size: 14px;
font-weight: bold;
color: #fff;
text-decoration: none;
padding: 0 10px;
border-radius: 4px;
}
.w_share-btn-facebook { background-color: #1877f2; }
.w_share-btn-x { background-color: #282828; }
.w_share-btn-line { background-color: #00b900; }
.w_event-mainvisual-wrapper {
margin: 0 auto;
text-align: center;
background-color: #fff;
}
.w_event-mainvisual-img {
width: 990px;
height: 557px;
}
.w_event-mainvisual-title {
font-size: 22pt;
font-weight: bold;
margin: 40px 14px 70px;
text-align: center;
line-height: 1.2;
}
.w_event-movieorimage-wrapper {
text-align: center;
margin: 0 auto;
background-color: #fff;
}
.w_event-movieorimage-img {
width: 690px;
height: 388px;
}
.w_event-movieorimage-title {
font-size: 16pt;
font-weight: bold;
margin: 15px 14px 70px;
}
.w_event-section-wrapper {
margin: 32px 14px 0;
background-color: #fff;
}
.w_event-section-title {
font-size: 16pt;
font-weight: bold;
margin: 0;
}
.w_event-section-text {
font-size: 16pt;
margin: 0;
}
.w_backtotop-btn-wrapper {
margin: 20px auto;
height: auto;
text-align: center;
}
.w_backtotop-btn {
width: 300px;
height: 70px;
}
/*ここからスマホ*/
@media screen and (max-width: 767px) {
.w_wrapper {
width: 100%;
margin: 0 auto;
}
.w_logo-wrapper {
display: flex;
justify-content: center;
align-items: center;
height: 150px;
background-color: #fff;
}
.w_logo-wrapper img {
position: static;
top: auto;
left: auto;
display: block;
width: 60%;
height: auto;
margin: 0 auto;
}
.w_event-wrapper {
background-color: #fff;
position: relative;
margin: 15px 15px 0;
padding-bottom: 32px;
height: auto;
position: relative;
background-color: #fff;
}
.w_share-btn-wrapper {
position: relative;
margin: 0 auto;
height: 50px;
}
.w_share-btn {
position: absolute;
top: 10px;
right: 10px;
display: flex;
gap: 8px;
}
.w_share-btn a {
display: inline-block;
height: 32px;
line-height: 32px;
font-size: 8pt;
font-weight: bold;
color: #fff;
text-decoration: none;
padding: 0 10px;
border-radius: 4px;
}
.w_share-btn-facebook { background-color: #1877f2; }
.w_share-btn-x { background-color: #282828; }
.w_share-btn-line { background-color: #00b900; }
.w_event-mainvisual-wrapper {
height: auto;
margin: 0;
text-align: center;
background-color: #fff;
}
.w_event-mainvisual-img {
width: 100%;
height: 100%;
}
.w_event-mainvisual-title {
font-size: 100%;
font-weight: bold;
margin: 25px 10px 50px;
text-align: center;
line-height: 1.2;
}
.w_event-movieorimage-wrapper {
text-align: center;
margin: 0 10px;
background-color: #fff;
}
.w_event-movieorimage-img {
width: 100%;
height: 100%;
}
.w_event-movieorimage-title {
font-size: 100%;
font-weight: bold;
margin: 15px auto 60px;
}
.w_event-section-wrapper {
margin: 32px 10px 0;
background-color: #fff;
}
.w_event-section-title {
font-size: 100%;
font-weight: bold;
margin: 0;
}
.w_event-section-text {
font-size: 100%;
margin: 0;
}
.w_backtotop-btn-wrapper {
margin: 15px auto;
height: auto;
text-align: center;
}
.w_backtotop-btn {
width: 300px;
height: 70px;
}
}