html {
-webkit-text-size-adjust: none;
}
@media screen and (min-width: 360px) {
* {
-webkit-text-size-adjust: none;
}
}
@media only screen and (max-width: 1340px) {
/* ----------------
header
---------------- */
header .header-content {
padding: 15px 15px 15px 15px;
}
header .header-content .logo-wrap {
padding: 0px 0px 0px 0px;
}
header .header-content .main-menu-wrap {
padding: 0px 0px 0px 0px;
}
header .header-content .main-menu-wrap .main-menu {
padding: 0px 10px 0px 0px;
}
header .header-content .main-menu-wrap .main-menu ul li {
padding: 0px 15px 0px 15px;
}
/* ----------------
footer
---------------- */
footer .footer-content {
padding: 80px 15px 0px 15px;
}
footer .footer-content .logo-wrap {
padding: 0px 0px 0px 0px;
}
footer .footer-content .footer-menu-wrap {
padding: 5px 0px 0px 0px;
}
/* ----------------
totop
---------------- */
.totop-btn {
right: 20px;
}
/* ----------------
about maindesc
---------------- */
.about-maindesc .about-maindesc-content .message-en {
font-size: 325%;
}
.about-maindesc .about-maindesc-content .message-ja {
font-size: 187.5%;
}
/* ----------------
about case
---------------- */
.about-case .about-case-content .case01-wrap .case-img-wrap .desc-wrap {
right: -23vw;
}
.about-case .about-case-content .case02-wrap .case-img-wrap .desc-wrap {
left: -27vw;
}
.about-case .about-case-content .case03-wrap .case-img-wrap .desc-wrap {
right: -24vw;
}
.about-case .about-case-content .case04-wrap .case-img-wrap .desc-wrap {
left: -26vw;
}
}
@media only screen and (max-width: 1200px) {
/* ----------------
footer
---------------- */
footer .footer-content .footer-menu-wrap {
justify-content: flex-end;
flex-wrap: wrap;
}
footer .footer-content .footer-menu-wrap .footer-menu {
flex-basis: 100%;
max-width: 100%;
padding: 0px 0px 20px 0px;
}
footer .footer-content .footer-menu-wrap .footer-menu ul {
justify-content: flex-end;
align-items: flex-start;
}
footer .footer-content .footer-menu-wrap .footer-menu ul li {
padding: 0px 35px 0px 35px;
}
footer .footer-content .footer-menu-wrap .to-online {
padding: 20px 15px 0px 15px;
box-sizing: border-box;
}
footer .footer-content .footer-menu-wrap .to-online a {
width: 215px;
}
/* ----------------
about case
---------------- */
.about-case .about-case-content .case01-wrap .case-img-wrap .desc-wrap {
right: -13vw;
}
.about-case .about-case-content .case02-wrap .case-img-wrap .desc-wrap {
left: -17vw;
}
.about-case .about-case-content .case03-wrap .case-img-wrap .desc-wrap {
right: -14vw;
}
.about-case .about-case-content .case04-wrap .case-img-wrap .desc-wrap {
left: -16vw;
}
}
@media only screen and (max-width: 1100px) {
/*-------------
general
-------------*/
body {
font-size: 14px;
}
/* ----------------
header
---------------- */
header .header-content .main-menu-wrap {
display: none;
}
/* ----------------
main visual
---------------- */
.main-visual .main-visual-content {
padding: 20px 15px 20px 15px;
}
/* ----------------
top news
---------------- */
.top-news .top-news-content {
padding: 80px 15px 80px 15px;
}
/* ----------------
event link
---------------- */
.event-link .event-link-content {
padding: 80px 15px 80px 15px;
}
/* ----------------
top about
---------------- */
.top-about .top-about-content {
padding: 77px 15px 77px 15px;
}
.top-about .top-about-content .content-title .en {
font-size: 271.428571%;
}
.top-about .top-about-content .content-title .ja {
font-size: 228.571429%;
}
/* ----------------
top questions
---------------- */
.top-questions .top-questions-content {
padding: 80px 15px 80px 15px;
}
/* ----------------
past event
---------------- */
.past-event .past-event-content {
padding: 80px 15px 0px 15px;
}
/* ----------------
sns link
---------------- */
.sns-link .sns-link-content {
padding: 80px 15px 180px 15px;
}
/* ----------------
about page
---------------- */
.about-page {
margin: 350px 0px 0px 0px;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
}
/* ----------------
about maindesc
---------------- */
.about-maindesc .about-maindesc-content {
padding: 80px 15px 40px 15px;
}
.about-maindesc .about-maindesc-content .message-en {
font-size: 285.714286%;
}
.about-maindesc .about-maindesc-content .message-ja {
font-size: 185.714286%;
}
/* ----------------
about case
---------------- */
.about-case .about-case-content .case01-wrap .case-img-wrap .desc-wrap {
right: -6vw;
}
.about-case .about-case-content .case02-wrap .case-img-wrap .desc-wrap {
left: -10vw;
}
.about-case .about-case-content .case03-wrap .case-img-wrap .desc-wrap {
right: -7vw;
}
.about-case .about-case-content .case04-wrap .case-img-wrap .desc-wrap {
left: -9vw;
}
/* ----------------
event years
---------------- */
.event-years .event-years-content {
padding: 0px 15px 0px 15px;
}
/* ----------------
event header
---------------- */
.event-header .event-header-content {
padding: 10px 15px 0px 15px;
}
/* ----------------
event body
---------------- */
.event-body .event-body-content {
padding: 80px 15px 0px 15px;
}
/* ----------------
questions
---------------- */
.questions-list-content {
padding: 80px 15px 0px 15px;
}
/* ----------------
news
---------------- */
.news-page-list-content {
padding: 80px 15px 0px 15px;
}
/* ----------------
news post
---------------- */
.news-post-content {
padding: 80px 15px 0px 15px;
}
.news-page-link-content {
padding: 100px 15px 60px 15px;
}
}
@media only screen and (max-width: 1000px) {
/* ----------------
footer
---------------- */
footer .footer-content .footer-menu-wrap .footer-menu ul li {
padding: 0px 20px 0px 20px;
}
.about-video .about-video-content {
padding: 40px 15px 80px 15px;
}
/* ----------------
about case
---------------- */
.about-case .about-case-content {
padding: 30px 0px 0px 0px;
}
.about-case .about-case-content .case01-wrap {
flex-wrap: wrap;
padding: 0px 0px 40px 0px;
}
.about-case .about-case-content .case01-wrap .case-img-wrap .desc-wrap {
position: relative;
top: auto;
right: auto;
width: calc(100% - 30px);
padding: 20px 20px 20px 20px;
margin: -10px auto auto auto;
}
.about-case .about-case-content .case01-wrap .case-img-wrap .desc-wrap .desc-title {
font-size: 150%;
text-align: left;
padding: 0px 0px 5px 0px;
}
.about-case .about-case-content .case02-wrap {
flex-wrap: wrap;
padding: 0px 0px 40px 0px;
}
.about-case .about-case-content .case02-wrap .case-img-wrap .desc-wrap {
position: relative;
top: auto;
left: auto;
width: calc(100% - 30px);
padding: 20px 20px 20px 20px;
margin: -10px auto auto auto;
}
.about-case .about-case-content .case02-wrap .case-img-wrap .desc-wrap .desc-title {
font-size: 150%;
text-align: left;
padding: 0px 0px 5px 0px;
}
.about-case .about-case-content .case03-wrap {
flex-wrap: wrap;
padding: 0px 0px 40px 0px;
}
.about-case .about-case-content .case03-wrap .case-img-wrap .desc-wrap {
position: relative;
top: auto;
right: auto;
width: calc(100% - 30px);
padding: 20px 20px 20px 20px;
margin: -10px auto auto auto;
}
.about-case .about-case-content .case03-wrap .case-img-wrap .desc-wrap .desc-title {
font-size: 150%;
text-align: left;
padding: 0px 0px 5px 0px;
}
.about-case .about-case-content .case04-wrap {
flex-wrap: wrap;
padding: 0px 0px 40px 0px;
}
.about-case .about-case-content .case04-wrap .case-img-wrap .desc-wrap {
position: relative;
top: auto;
left: auto;
width: calc(100% - 30px);
padding: 20px 20px 20px 20px;
margin: -10px auto auto auto;
}
.about-case .about-case-content .case04-wrap .case-img-wrap .desc-wrap .desc-title {
font-size: 150%;
text-align: left;
padding: 0px 0px 5px 0px;
}
}
@media only screen and (max-width: 900px) {
/* ----------------
footer
---------------- */
footer .footer-content .footer-menu-wrap .footer-menu ul li {
padding: 0px 15px 0px 15px;
}
}
@media only screen and (max-width: 810px) {
.sp-use {
display: inline-block;
}
.pc-use {
display: none;
}
/*-------------
general
-------------*/
body {
font-size: 14px;
}
/* ----------------
header
---------------- */
header .header-content {
padding: 10px 0px 10px 0px;
}
header .header-content .logo-wrap {
padding: 0px 0px 0px 25px;
}
header .header-content .logo-wrap .logo {
max-width: 140px;
}
header .header-content .main-menu-wrap {
display: none;
}
/* ----------------
main visual
---------------- */
.main-visual .main-visual-content {
padding: 10px 15px 10px 15px;
}
/* ----------------
top news
---------------- */
.top-news .top-news-content {
padding: 50px 15px 30px 15px;
}
.top-news .top-news-content .content-title {
font-size: 184.615385%;
padding: 0px 0px 10px 0px;
}
.top-news .top-news-content .news-list-wrap .news-list .news-list-inner {
flex-wrap: wrap;
padding: 18px 0px 15px 0px;
}
.top-news .top-news-content .news-list-wrap .news-list .news-list-inner .date {
flex-basis: 80px;
max-width: 80px;
font-size: 92.307692%;
}
.top-news .top-news-content .news-list-wrap .news-list .news-list-inner .place {
flex-basis: 60px;
max-width: 60px;
}
.top-news .top-news-content .news-list-wrap .news-list .news-list-inner .place p {
border-radius: 10px;
font-size: 85.714286%;
}
.top-news .top-news-content .news-list-wrap .news-list .post-title {
flex-basis: 100%;
max-width: 100%;
padding: 5px 0px 0px 0px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.top-news .top-news-content .news-btn-wrap a {
font-size: 114.285714%;
}
/* ----------------
event link
---------------- */
.event-link .event-link-content {
padding: 30px 15px 30px 15px;
}
.event-link .event-link-content .content-title {
font-size: 184.615385%;
padding: 0px 0px 30px 0px;
}
.event-link .event-link-content .event-list-wrap {
flex-wrap: wrap;
}
.event-link .event-link-content .event-list-wrap .event-list-box {
flex-basis: 100%;
max-width: 100%;
padding: 0px 0px 30px 0px;
}
.event-link .event-link-content .event-list-wrap .event-list-box > a .upper-stage .situation-open {
width: 78px;
height: 78px;
left: 10px;
top: 10px;
font-size: 114.285714%;
padding: 0px 0px 7px 0px;
}
.event-link .event-link-content .event-list-wrap .event-list-box > a .upper-stage .situation-close {
width: 78px;
height: 78px;
left: 10px;
top: 10px;
font-size: 114.285714%;
padding: 0px 0px 2px 0px;
}
.event-link .event-link-content .event-list-wrap .event-list-box > a .lower-stage::before {
right: 10px;
top: 21px;
width: 30px;
height: 30px;
}
.event-link .event-link-content .event-list-wrap .event-list-box > a .lower-stage::after {
right: 23px;
top: 33px;
width: 0;
height: 0;
border-style: solid;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 5px solid #333333;
border-right: 0;
}
/* ----------------
top about
---------------- */
.top-about .top-about-bg img {
object-position: 17% 0%;
}
.top-about .top-about-content {
padding: 60px 15px 60px 15px;
}
.top-about .top-about-content .content-title {
padding: 0px 0px 30px 0px;
}
.top-about .top-about-content .content-title .en {
font-size: 171.428571%;
letter-spacing: 0.04em;
line-height: 1.6;
}
.top-about .top-about-content .content-title .ja {
font-size: 171.428571%;
letter-spacing: 0.04em;
line-height: 1.6;
}
.top-about .top-about-content .content-desc {
font-size: 100%;
line-height: 2.0;
padding: 0px 0px 30px 0px;
text-align: left;
}
.top-about .top-about-content .content-btn a {
width: 100%;
max-width: 380px;
font-size: 114.285714%;
}
/* ----------------
top questions
---------------- */
.top-questions .top-questions-content {
padding: 60px 15px 30px 15px;
}
.top-questions .top-questions-content .content-title {
font-size: 184.615385%;
padding: 0px 0px 30px 0px;
}
.top-questions .top-questions-content .questions-list-wrap .question::before {
top: calc(50% - 18px);
right: 0px;
font-size: 125%;
}
.top-questions .top-questions-content .questions-list-wrap .question-text {
font-size: 100%;
padding: 15px 35px 15px 35px;
line-height: 1.9;
}
.top-questions .top-questions-content .questions-list-wrap .answer-text {
font-size: 100%;
padding: 15px 15px 15px 35px;
}
.top-questions .top-questions-content .questions-list-wrap .question-text::before, .top-questions .top-questions-content .questions-list-wrap .answer-text::before {
width: 1.5em;
top: 12px;
left: 5px;
font-size: 114.285714%;
}
.top-questions .top-questions-content .questions-btn-wrap a {
font-size: 114.285714%;
}
/* ----------------
past event
---------------- */
.past-event .past-event-content {
padding: 40px 15px 0px 15px;
}
.past-event .past-event-content .content-title {
font-size: 184.615385%;
padding: 0px 0px 20px 0px;
}
/* ----------------
sns link
---------------- */
.sns-link .sns-link-content {
padding: 50px 15px 180px 15px;
}
.sns-link .sns-link-content .link-insta {
flex-basis: 34px;
max-width: 34px;
margin: 0px 18px 0px 0px;
}
.sns-link .sns-link-content .link-x {
flex-basis: 30px;
max-width: 30px;
margin: 0px 0px 0px 18px;
}
.events-link-logo {
width: 100%;
flex-wrap: wrap;
padding: 50px 0px 0px 0px;
box-sizing: border-box;
}
.link-tft {
width: 55%;
padding: 0px 0px 30px 0px;
margin: 0px;
}
.link-prunier {
width: 55%;
margin: 0px;
}
/* ----------------
footer
---------------- */
footer .footer-content {
padding: 40px 15px 0px 15px;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
}
footer .footer-content .logo-wrap {
flex-basis: 100%;
max-width: 100%;
padding: 0px 0px 50px 0px;
}
footer .footer-content .footer-menu-wrap {
flex-basis: 100%;
max-width: 100%;
padding: 0px 0px 0px 0px;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
}
footer .footer-content .footer-menu-wrap .footer-menu {
flex-basis: 100%;
max-width: 100%;
padding: 0px 0px 0px 0px;
}
footer .footer-content .footer-menu-wrap .footer-menu ul {
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
padding: 0px 0px 0px 15px;
box-sizing: border-box;
}
footer .footer-content .footer-menu-wrap .footer-menu ul li {
flex-basis: 100%;
max-width: 100%;
padding: 0px 0px 15px 0px;
}
footer .footer-content .footer-menu-wrap .footer-menu ul li ul {
padding: 10px 0px 0px 0px;
}
footer .footer-content .footer-menu-wrap .to-online {
flex-basis: 100%;
max-width: 100%;
padding: 20px 15px 0px 15px;
box-sizing: border-box;
}
footer .footer-content .footer-menu-wrap .to-online a {
width: 100%;
max-width: 340px;
height: 85px;
margin: 0 auto;
}
footer .footer-content .footer-menu-wrap .to-online a .btn-img-wrap {
max-width: 195px;
}
footer .footer-copyright {
padding: 60px 0px 20px 0px;
}
/* ----------------
floating btn
---------------- */
.floating-btn {
background-color: #FAF8F4;
width: 100%;
height: 150px;
flex-wrap: wrap;
padding: 15px 15px 15px 15px;
box-sizing: border-box;
}
.floating-btn .ticket-btn {
flex-basis: 100%;
max-width: 100%;
height: 53px;
margin: 0px 0px 0px 0px;
}
.floating-btn .ticket-btn a {
height: 53px;
font-size: 114.285714%;
}
.floating-btn .reserve-btn {
flex-basis: 100%;
max-width: 100%;
height: 53px;
margin: 0px 0px 0px 0px;
}
.floating-btn .reserve-btn a {
height: 53px;
font-size: 114.285714%;
}
/* ----------------
totop
---------------- */
.totop-btn {
right: -9999px;
}
/* ----------------
fixed main visual
---------------- */
.fixed-main-visual {
top: 56px;
}
/* ----------------
about page
---------------- */
.about-page {
margin: 300px 0px 0px 0px;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
/* ----------------
about maindesc
---------------- */
.about-maindesc .about-maindesc-content {
padding: 60px 15px 40px 15px;
}
.about-maindesc .about-maindesc-content .message-en {
font-size: 214.285714%;
line-height: 1.7;
}
.about-maindesc .about-maindesc-content .message-ja {
font-size: 135.714286%;
}
.about-maindesc .about-maindesc-content .message-desc {
font-size: 100%;
padding: 20px 0px 0px 0px;
line-height: 2.0;
text-align: left;
}
/* ----------------
about features
---------------- */
.about-features .about-features-content .feature01 {
height: auto;
margin: 0px 0px 0px 0px;
}
.about-features .about-features-content .feature02 {
height: auto;
margin: 0px 0px 0px 0px;
}
.about-features .about-features-content .feature03 {
height: auto;
margin: 0px 0px 0px 0px;
}
.about-features .about-features-content div .feature-title {
font-size: 114.285714%;
padding: 10px 0px 0px 0px;
letter-spacing: 0.00em;
line-height: 1.4;
height: 65px;
box-sizing: border-box;
}
.about-features .about-features-content div .feature-desc .big-word {
font-size: 285.714286%;
}
.about-features .about-features-content div .feature-desc .small-word {
font-size: 171.428571%;
}
/* ----------------
about video
---------------- */
.about-video .about-video-content {
padding: 50px 15px 30px 15px;
}
/* ----------------
about case
---------------- */
.about-case .about-case-content .case01-wrap .case-img-wrap .desc-wrap .desc-title {
font-size: 128.571429%;
}
.about-case .about-case-content .case02-wrap .case-img-wrap .desc-wrap .desc-title {
font-size: 128.571429%;
}
.about-case .about-case-content .case03-wrap .case-img-wrap .desc-wrap .desc-title {
font-size: 128.571429%;
}
.about-case .about-case-content .case04-wrap .case-img-wrap .desc-wrap .desc-title {
font-size: 128.571429%;
}
/* ----------------
about links
---------------- */
.about-links .about-links-content div a {
font-size: 128.571429%;
height: 100px;
}
.about-links .about-links-content div a span:after {
right: -40px;
}
/* ----------------
event years
---------------- */
.event-years .event-years-content {
height: 70px;
padding: 0px 15px 0px 15px;
}
.event-years .event-years-content .year-list > div {
padding: 0px 15px 0px 15px;
}
.event-years .event-years-content .year-list > div::after {
height: 15px;
}
.event-years .event-years-content .year-list > div:first-child {
padding: 0px 15px 0px 0px;
}
.event-years .event-years-content .year-list .current {
font-size: 178.571429%;
}
.event-years .event-years-content .year-list .archive-link {
font-size: 107.142857%;
}
/* ----------------
event header
---------------- */
.event-header {
position: relative;
width: 100%;
}
.event-header .event-header-content {
padding: 10px 15px 0px 15px;
}
.event-header .event-header-content .place-list {
}
.event-header .event-header-content .place-list > div {
margin: 0px 15px 0px 15px;
}
.event-header .event-header-content .place-list > div:first-child {
margin: 0px 15px 0px 0px;
}
.event-header .event-header-content .place-list > div:last-child {
margin: 0px 0px 0px 15px;
}
.event-header .event-header-content .place-list .current {
font-size: 200%;
}
.event-header .event-header-content .place-list .place-link {
font-size: 200%;
}
.event-header .event-header-content .tab-list {
}
.event-header .event-header-content .tab-list > div {
font-size: 92.857143%;
letter-spacing: 0.0em;
margin: 0px 12px 0px 12px;
}
.event-header .event-header-content .tab-list > div:first-child {
margin: 0px 12px 0px 0px;
}
.event-header .event-header-content .tab-list > div:last-child {
margin: 0px 0px 0px 12px;
}
.event-header .event-header-content .tab-list > div span {
padding: 0px 0px 0px 16px;
}
.event-header .event-header-content .tab-list > div span.outline {
background-size: calc(21.5px * 0.6) calc(21px * 0.6);
}
.event-header .event-header-content .tab-list > div span.winery {
background-size: calc(20.5px * 0.6) calc(12.5px * 0.6);
}
.event-header .event-header-content .tab-list > div span.gallery {
background-size: calc(18px * 0.6) calc(16.5px * 0.6);
}
/* ----------------
event body
---------------- */
.event-body .event-body-content {
padding: 50px 15px 0px 15px;
}
/* ----------------
event close
---------------- */
.event-body .event-body-content .close-announcement-wrap {
padding: 0px 0px 40px 0px;
}
.event-body .event-body-content .close-announcement-wrap .close-announcement {
font-size: 100%;
padding: 10px 10px 10px 10px;
}
/* ----------------
event body main
---------------- */
.event-body .event-body-content .event-body-title {
font-size: 171.428571%;
line-height: 1.5;
}
.event-body .event-body-content .event-body-visual {
padding: 30px 0px 30px 0px;
}
.event-body .event-body-content .event-body-visual img {
border-radius: 20px;
}
.event-body .event-body-content .event-body-outline {
padding: 40px 0px 0px 0px;
}
.event-body .event-body-content .event-body-outline .event-body-outline-title {
font-size: 128.571429%;
}
.event-body .event-body-content .event-body-outline .table-wrap {
width: 100%;
}
.event-body .event-body-content .event-body-outline .table-wrap table {
width:100%;
}
.event-body .event-body-content .event-body-outline .table-wrap table th {
width: 130px;
padding: 10px 10px 10px 10px;
}
.event-body .event-body-content .event-body-outline .table-wrap table td {
padding: 10px 10px 10px 10px;
}
/* ----------------
event body winery
---------------- */
.event-body .event-body-content .event-body-winery {
padding: 40px 0px 0px 0px;
}
.event-body .event-body-content .event-body-winery .event-body-winery-title {
font-size: 128.571429%;
padding: 0px 0px 20px 0px;
}
.event-body .event-body-content .event-body-winery .winery-list-wrap .winery-box {
padding: 15px 15px 15px 15px;
}
.event-body .event-body-content .event-body-winery .winery-list-wrap .winery-box .winery-area .flag-wrap {
flex-basis: 52px;
max-width: 52px;
}
.event-body .event-body-content .event-body-winery .winery-list-wrap .winery-box .winery-area .area-name {
font-size: 114.285714%;
padding: 0px 0px 0px 10px;
line-height: 1.4;
}
.event-body .event-body-content .event-body-winery .winery-list-wrap .winery-box .winery-area .area-sep {
padding: 5px 10px 0px 10px;
font-size: 114.285714%;
}
.event-body .event-body-content .event-body-winery .winery-list-wrap .winery-box .winery-list {
font-size: 92.857143%;
}
/* ----------------
event body gallery
---------------- */
.event-body .event-body-content .event-body-gallery {
padding: 40px 0px 0px 0px;
}
.event-body .event-body-content .event-body-gallery .event-body-gallery-title {
font-size: 128.571429%;
padding: 0px 0px 20px 0px;
}
.event-body .event-body-content .event-body-gallery .gallery-list-wrap {
margin-left: -5px;
margin-right: -5px;
}
.event-body .event-body-content .event-body-gallery .gallery-list-wrap > div {
flex-basis: calc(100% / 2);
max-width: calc(100% / 2);
padding: 0px 5px 10px 5px;
}
/* ----------------
questions
---------------- */
.questions-page-title .questions-page-title-content {
height: 160px;
padding: 0px 15px 0px 15px;
font-size: 185.714286%;
}
.questions-list-content {
padding: 40px 15px 0px 15px;
}
.questions-list-content .questions-list-box {
padding: 0px 0px 40px 0px;
}
.questions-list-content .questions-list-box .questions-list-box-title {
font-size: 128.571429%;
padding: 0px 0px 20px 0px;
}
.questions-list-content .questions-list-box .questions-list-box-content .questions-list-wrap .question::before {
top: calc(50% - 18px);
right: 0px;
font-size: 125%;
}
.questions-list-content .questions-list-box .questions-list-box-content .questions-list-wrap .question-text {
font-size: 100%;
padding: 15px 35px 15px 35px;
line-height: 1.9;
}
.questions-list-content .questions-list-box .questions-list-box-content .questions-list-wrap .answer-text {
font-size: 100%;
padding: 15px 15px 15px 35px;
}
.questions-list-content .questions-list-box .questions-list-box-content .questions-list-wrap .question-text::before, .questions-list-content .questions-list-box .questions-list-box-content .questions-list-wrap .answer-text::before {
width: 1.5em;
top: 12px;
left: 5px;
font-size: 114.285714%;
}
/* ----------------
news
---------------- */
.news-page-title .news-page-title-content {
height: 160px;
padding: 0px 15px 0px 15px;
font-size: 185.714286%;
}
.news-page-list-content {
padding: 40px 15px 0px 15px;
}
.news-page-list-content .news-list-wrap .news-list .news-list-inner {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 23px 0px 20px 0px;
}
.news-page-list-content .news-list-wrap .news-list .news-list-inner {
flex-wrap: wrap;
padding: 18px 0px 15px 0px;
}
.news-page-list-content .news-list-wrap .news-list .news-list-inner .date {
flex-basis: 80px;
max-width: 80px;
font-size: 92.307692%;
}
.news-page-list-content .news-list-wrap .news-list .news-list-inner .place {
flex-basis: 60px;
max-width: 60px;
}
.news-page-list-content .news-list-wrap .news-list .news-list-inner .place p {
border-radius: 10px;
font-size: 85.714286%;
}
.news-page-list-content .news-list-wrap .news-list .post-title {
flex-basis: 100%;
max-width: 100%;
padding: 5px 0px 0px 0px;
/*white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;*/
}
/* ----------------
news post
---------------- */
.news-post-content {
padding: 40px 15px 0px 15px;
}
.news-post-content .news-post-title-wrap {
padding: 0px 0px 30px 0px;
}
.news-post-content .news-post-title-wrap .date {
flex-basis: 80px;
max-width: 80px;
font-size: 92.307692%;
}
.news-post-content .news-post-title-wrap .place{
flex-basis: 60px;
max-width: 60px;
}
.news-post-content .news-post-title-wrap .place p {
border-radius: 10px;
font-size: 85.714286%;
}
.news-post-content .news-post-title-wrap .post-title {
font-size: 171.428571%;
padding: 20px 0px 0px 0px;
line-height: 1.5;
}
.news-page-link-content {
padding: 60px 15px 30px 15px;
font-size: 100%;
}
.news-page-link-content > a.prev .arrow-left {
padding: 0px 20px 0px 0px;
}
.news-page-link-content > a.next .arrow-right {
padding: 0px 0px 0px 20px;
}
}
@media only screen and (max-width: 600px) {
/* ----------------
header
---------------- */
header .header-content .logo-wrap .logo {
max-width: 107px;
}
/* ----------------
about page
---------------- */
.about-page {
margin: 190px 0px 0px 0px;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
/* ----------------
about maindesc
---------------- */
.about-maindesc .about-maindesc-content {
padding: 60px 15px 20px 15px;
}
.about-maindesc .about-maindesc-content .message-en {
font-size: 171.428571%;
}
.about-maindesc .about-maindesc-content .message-ja {
font-size: 114.285714%;
}
/* ----------------
about features
---------------- */
.about-features .about-features-content div .feature-title {
font-size: 100%;
height: 50px;
}
.about-features .about-features-content div .feature-desc .big-word {
font-size: 171.428571%;
}
.about-features .about-features-content div .feature-desc .small-word {
font-size: 100%;
}
/* ----------------
about links
---------------- */
.about-links .about-links-content div a {
font-size: 114.285714%;
height: 60px;
}
.about-links .about-links-content div a span:after {
right: -30px;
}
/* ----------------
event header
---------------- */
.event-header {
position: relative;
width: 100%;
}
.event-header .event-header-content {
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
}
.event-header .event-header-content .place-list {
flex-basis: 100%;
max-width: 100%;
}
.event-header .event-header-content .tab-list {
flex-basis: 100%;
max-width: 100%;
padding: 30px 0px 0px 0px;
}
.event-header .event-header-content .tab-list > div {
margin: 0px 7px 0px 7px;
}
.event-header .event-header-content .tab-list > div:first-child {
margin: 0px 7px 0px 0px;
}
.event-header .event-header-content .tab-list > div:last-child {
margin: 0px 0px 0px 7px;
}
/* ----------------
event body main
---------------- */
.event-body .event-body-content .event-body-outline .table-wrap {
width: 100%;
overflow-x: visible;
}
.event-body .event-body-content .event-body-outline .table-wrap table {
/*width: calc(100% + 130px);*/
width: 100%;
}
.event-body .event-body-content .event-body-outline .table-wrap table th {
width: auto;
/*writing-mode: vertical-rl;*/ /* 縦書き（右から左へ） */
text-orientation: upright; /* 文字の向きを直立に */
/*white-space: nowrap;*/ /* 折り返し防止 */
}
}