#main-wrapper {
margin-top: 6.2vw;
}
#main-wrapper .page-container {
max-width: 800px;
width: 75vw;
margin: 0 auto;
padding: 5.6vw 0;
}
#main-wrapper .back-to-top {
margin: 5vw auto 0 auto;
}
#main-wrapper .back-to-top a {
margin: 0 auto;
}
#main-wrapper .section-title {
color: #333;
border-radius: 2vw;
padding: 0.73vw;
line-height: 1.3em;
text-align: center;
margin-bottom: 2vw;
width: 100%;
font-size: 1.5em;
background: #d2ebf6;
font-weight: 700;
}
#main-wrapper .section-list p {
border: 1px solid #e1e6e9;
border-bottom: none;
margin-bottom: 0 !important;
padding: 0.5vw 1.2vw;
text-align: left;
box-sizing: border-box;
width: 100%;
}
#main-wrapper .section-list p:last-child {
border-bottom: 1px solid #e1e6e9;
}
#main-wrapper .message-content p {
margin-bottom: 15px;
line-height: 1.8em;
}
#main-wrapper .bold {
font-weight: 700;
}
@media (max-width: 1024px) {
#main-wrapper {
margin-top: 12.2vw;
}
#main-wrapper .section-list p {
padding: 2vw 2.4vw;
}
#main-wrapper .back-to-top a {
width: 19.54vw;
height: 5.16vw;
font-size: 1.2vw;
}
#main-wrapper .back-to-top img {
top: 1.6vw;
}
}
@media (max-width: 750px) {
#main-wrapper {
margin-top: 20vw;
}
#main-wrapper .section-title {
border-radius: 5vw;
padding: 0.73vw;
margin-bottom: 6vw;
font-size: 4.26vw;
}
#main-wrapper .section-list p {
font-size: 3.2vw;
padding: 2vw 2.4vw;
}
#main-wrapper .page-container {
max-width: 90vw;
width: 100%;
padding: 10vw 0;
}
#main-wrapper .back-to-top {
margin: 10vw auto;
}
#main-wrapper .back-to-top a {
width: 74.66vw;
height: 16vw;
border-radius: 8vw;
font-size: 3.46vw;
}
#main-wrapper .back-to-top a img {
width: 6.4vw;
top: 4.3vw;
left: 5vw;
}
#main-wrapper .breadcramb .brHid {
display: none !important;
}
#main-wrapper .btn01 img {
width: 6.4vw;
top: 5vw;
right: 5vw;
}
#main-wrapper .btn02 img {
width: 6.4vw;
top: 5vw;
left: 5vw;
}
#main-wrapper .icon-red {
padding: 1vw 4vw !important;
}
} #main-wrapper .movies {
max-width: 75vw;
}
#main-wrapper .movies__list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px 24px;
}
#main-wrapper .movies__item {
width: 100%;
min-width: 0;
}
#main-wrapper .movies__play {
position: relative;
cursor: pointer;
width: auto;
}
#main-wrapper .movies__play > div {
position: relative;
aspect-ratio: 16/9;
overflow: hidden;
}
#main-wrapper .movies__play .thum {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
transition: 0.5s;
}
#main-wrapper .movies__play .play {
width: 6vw;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#main-wrapper .movies__play p {
font-size: 0.83vw;
margin: 0.5vw auto 0 auto;
text-align: center;
width: 83%;
line-height: 1.8em;
}
#main-wrapper .movies__play:hover .thum {
filter: brightness(1.2);
transform: scale(1.1);
}
@media (max-width: 1024px) {
#main-wrapper .movies__list {
grid-template-columns: repeat(2, 1fr);
gap: 2.3vw;
}
#main-wrapper .movies__play .play {
width: 10vw;
height: auto;
position: absolute;
}
#main-wrapper .movies__play p {
font-size: 1.3vw;
}
}
@media (max-width: 750px) {
#main-wrapper .movies {
max-width: 90vw;
width: 100%;
}
#main-wrapper .movies__list {
grid-template-columns: 1fr;
gap: 3.2vw;
}
#main-wrapper .movies__play {
margin: 0 auto 10vw auto;
}
#main-wrapper .movies__play .play {
width: 20vw;
height: auto;
position: absolute;
}
#main-wrapper .movies__play p {
font-size: 3.46vw;
margin: 2.5vw auto 0 auto;
}
} .animespotvote {
max-width: 950px;
}
.animespotvote__container {
position: relative;
}
.animespotvote .message-content {
min-height: 550px;
line-height: 1.8em;
}
.animespotvote__character {
position: absolute;
top: 180px;
right: 0;
}
.animespotvote__character img {
width: 360px;
height: auto;
display: block;
}
@media (max-width: 1024px) {
.animespotvote .message-content {
min-height: auto;
margin-bottom: 45px;
}
.animespotvote__character {
position: initial;
margin-top: 0;
}
.animespotvote__character img {
width: 50%;
margin-left: 50%;
}
}
@media (max-width: 750px) {
.animespotvote .message-content {
min-height: auto;
margin-bottom: 45px;
font-size: 4vw;
}
.animespotvote__character {
position: initial;
margin-top: 0;
margin-bottom: 10vw;
}
.animespotvote__character img {
width: 70%;
margin-left: 30%;
}
} .association {
max-width: 800px;
margin: 2.6vw auto 3vw;
}
.association .section-content table {
width: 100%;
border-collapse: collapse;
}
.association .section-content table tr {
border: 1px solid #e1e6e9;
}
.association .section-content table th,
.association .section-content table td {
border: 1px solid #e1e6e9;
padding: 0.5vw 1.2vw;
text-align: left;
box-sizing: border-box;
line-height: 1.8em;
}
.association .section-content table th {
background-color: #f1f6f9;
font-weight: 700;
width: 200px;
}
.association .section-content table td:nth-child(2) {
min-width: 140px;
}
.association .section-content .updated_at {
text-align: right;
font-size: 0.75em;
margin: 0.52vw 0;
}
.association .section-content p {
margin-bottom: 1.5vw;
line-height: 1.8em;
}
.association .philosophy {
text-align: center;
border: 1px solid #898989;
border-radius: 5px;
font-size: 1.5em;
padding: 2.6vw;
line-height: 2em;
margin-bottom: 4vw;
}
.association .philosophy p {
margin-bottom: 0;
}
.association .purpose {
margin-bottom: 2.3vw;
}
@media (max-width: 1024px) {
.association {
padding: 0 5vw;
}
}
@media (max-width: 750px) {
.association {
max-width: 90vw;
width: 100%;
padding: 0;
margin: 10vw auto;
}
.association .section-content table {
display: block;
border-collapse: collapse;
border-spacing: 0;
}
.association .section-content table th,
.association .section-content table td {
text-align: center;
display: block;
width: 100%;
padding: 2vw 2.4vw;
box-sizing: border-box;
border: 0;
font-size: 3.2vw;
}
.association .section-content table tbody {
display: block;
}
.association .section-content table tr {
display: block;
border: 1px solid #e1e6e9;
border-bottom: none;
}
.association .section-content table tr:last-child {
border-bottom: 1px solid #e1e6e9;
}
.association .section-content table th {
background-color: #f1f6f9;
border-bottom: 1px solid #e1e6e9;
}
.association .section-content table td {
border: none;
}
.association .section-content table tr:has(td + td) td:first-of-type {
padding-bottom: 0;
}
.association .section-content table tr:has(td + td) td:last-of-type {
padding-top: 0;
}
.association .section-content .updated_at {
font-size: 3.2vw;
}
.association .section-content p {
font-size: 3.46vw;
}
.association .philosophy {
font-size: 3.46vw;
padding: 6vw 2.6vw;
}
.association .purpose {
margin-bottom: 6vw;
}
}
.inquiry {
max-width: 100%;
margin: 2.6vw auto 0;
background-color: #ffda5b;
padding: 3vw 0;
text-align: center;
}
.inquiry__wrapper {
max-width: 800px;
background-color: #fff;
border-radius: 5px;
padding: 3vw;
width: 75vw;
margin: 0 auto;
position: relative;
}
.inquiry__wrapper::after {
content: "";
display: inline-block;
width: 8vw;
aspect-ratio: 1/1;
background-image: url(//animetourism88.com/wp-content/themes/animetourism88/assets/images/animetourismassociation/chara_1.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
position: absolute;
bottom: 3vw;
right: 3vw;
}
.inquiry__title {
font-size: 1.5em;
font-weight: 700;
margin: 3vw 0 5vw;
display: flex;
align-items: center;
justify-content: center;
gap: 1vw;
position: relative;
}
.inquiry__title::after {
content: "";
display: inline-block;
width: 7vw;
aspect-ratio: 1/1;
background-image: url(//animetourism88.com/wp-content/themes/animetourism88/assets/images/animetourismassociation/icon_sakura.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
position: absolute;
}
.inquiry p {
margin-bottom: 2vw;
line-height: 1.8em;
font-weight: 700;
}
.inquiry__btn a {
margin: 0 auto;
}
@media (max-width: 750px) {
.inquiry {
padding: 6vw 0;
}
.inquiry__wrapper {
width: 90vw;
padding: 6vw;
}
.inquiry__wrapper::after {
width: 20vw;
bottom: 0;
right: 0;
position: relative;
}
.inquiry__title {
font-size: 4.26vw;
margin: 6vw 0 10vw;
}
.inquiry__title::after {
width: 15vw;
}
.inquiry p {
font-size: 3.4vw;
margin-bottom: 4vw;
}
.inquiry__btn a {
width: 74.66vw;
height: 16vw;
border-radius: 8vw;
font-size: 3.46vw;
margin-bottom: 4vw;
}
}
.association-btn {
margin: 4vw auto;
}
.association-btn a {
margin: 0 auto;
}
@media (max-width: 750px) {
.association-btn {
margin: 10vw auto;
}
.association-btn a {
width: 74.66vw;
height: 16vw;
border-radius: 8vw;
font-size: 3.46vw;
}
} .ourmembers__sub {
font-size: 1.5em;
text-align: center;
font-weight: 700;
}
.ourmembers__list p {
border: 1px solid #e1e6e9;
border-bottom: none;
margin-bottom: 0 !important;
padding: 0.5vw 1.2vw;
text-align: left;
box-sizing: border-box;
}
.ourmembers__list p:last-child {
border-bottom: 1px solid #e1e6e9;
}
.ourmembers__right {
text-align: right;
font-size: 0.75em;
}
@media (max-width: 750px) {
.ourmembers__sub {
font-size: 3.46vw;
}
.ourmembers__list p {
font-size: 3.2vw;
padding: 2vw 2.4vw;
}
.ourmembers__right {
font-size: 3.2vw;
}
} .disclosure .section-list {
max-width: 660px;
margin: 0 auto;
}
.disclosure .section-list p {
border: 1px solid #e1e6e9;
border-bottom: none;
margin-bottom: 0 !important;
padding: 0.5vw 1.2vw;
text-align: left;
box-sizing: border-box;
}
.disclosure .section-list p:last-child {
border-bottom: 1px solid #e1e6e9;
}
.disclosure .section-list p .icon-red {
background-color: #e60213;
color: #fff;
font-weight: 700;
padding: 0.5vw 1.8vw;
border-radius: 5px;
display: block;
}
@media (max-width: 1024px) {
.disclosure .section-list p .icon-red {
padding: 1.2vw 3.6vw;
}
}
.disclosure .section-list p .pdf-link {
display: flex;
justify-content: space-between;
width: 100%;
text-decoration: none;
color: inherit;
align-items: center;
padding-right: 40px;
position: relative;
}
.disclosure .section-list p .pdf-link::after {
content: "";
position: absolute;
top: 3px;
right: 0px;
width: 20px;
height: 25px;
background: url(//animetourism88.com/wp-content/themes/animetourism88/assets/images/icon_link.png) no-repeat;
background-size: contain;
}
.disclosure .section-list p .pdf-link:hover::after {
transform: scale(0.9);
}
@media (max-width: 1024px) {
.disclosure .section-list p .pdf-link::after {
width: 30px;
height: 35px;
}
}
@media (max-width: 750px) {
.disclosure .section-list p .pdf-link {
padding-right: 5.3vw;
}
.disclosure .section-list p .pdf-link::after {
width: 4vw;
height: 4.6vw;
}
} .pressreleases__items {
margin-bottom: 4vw;
}
.pressreleases__item {
border-top: 1px solid #e1e1e1;
}
.pressreleases__item:last-child {
border-bottom: 1px solid #e1e1e1;
}
.pressreleases__item a {
padding: 20px 40px 20px 10px;
position: relative;
text-decoration: none;
color: inherit;
display: block;
}
.pressreleases__item a::after {
content: "";
position: absolute;
top: calc(50% - 4px);
right: 16px;
width: 8px;
height: 8px;
border-top: 2px solid #000;
border-right: 2px solid #000;
transform: rotate(45deg);
}
.pressreleases__date {
font-size: 0.75em;
color: #666;
margin-bottom: 12px;
}
.pressreleases__title {
font-weight: 700;
line-height: 1.3em;
}
.pressreleases__btm .btnW {
margin: 0 auto;
}
@media (max-width: 1024px) {
.pressreleases__btm .btnW {
width: 19.54vw;
height: 5.16vw;
font-size: 1.2vw;
}
.pressreleases__btm .btnW span {
font-size: 1.6vw;
top: 1.6vw;
}
}
@media (max-width: 750px) {
.pressreleases__items {
margin-bottom: 10vw;
}
.pressreleases__btm .btnW {
width: 74.66vw;
height: 16vw;
border-radius: 8vw;
font-size: 3.46vw;
}
.pressreleases__btm .btnW span {
font-size: 6vw;
top: 4.3vw;
right: 5vw;
}
} .pressrelease {
width: calc(100% - 60px);
margin: 0 auto;
padding: 3.5vw 0;
max-width: 800px;
}
.pressrelease h1 {
font-size: 32px;
padding-bottom: 32px;
margin-bottom: 32px;
border-bottom: 1px solid #dfdfdf;
font-weight: 700;
line-height: 1.3em;
}
.pressrelease__date {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 15px;
}
.pressrelease__date__2 {
font-size: 20px;
}
@media (max-width: 1024px) {
.pressrelease h1 {
font-size: 3.2vw;
padding-bottom: 3vw;
margin-bottom: 3vw;
}
.pressrelease__date__2 {
font-size: 3vw;
}
}
@media (max-width: 750px) {
.pressrelease {
width: calc(100% - 10vw);
}
.pressrelease h1 {
font-size: 5.33vw;
padding-bottom: 6vw;
margin-bottom: 6vw;
}
.pressrelease__date {
font-size: 3.2vw;
margin-bottom: 3vw;
}
.pressrelease__date__2 {
font-size: 3.2vw;
}
.pressrelease p {
font-size: 3.46vw;
}
} .postContent h2 {
font-size: 20px;
font-weight: 700;
margin: 16px 0;
}
.postContent h3 {
font-size: 16px;
font-weight: 700;
margin: 8px 0;
}
.postContent h4,
.postContent h5,
.postContent h6 {
font-weight: 700;
}
.postContent p {
margin: 16px 0;
line-height: 1.7em;
}
.postContent a {
color: #0057aa;
text-decoration: underline;
position: relative;
transition: 0.2s;
}
.postContent a:hover {
filter: brightness(1.2);
}
.postContent .wp-block-columns img {
margin: 0 !important;
}
.postContent .wp-block-column {
margin-bottom: 30px;
}
.postContent .is-resized {
width: 50%;
padding: 0 20px 0 0;
margin: 0 !important;
}
.postContent .wp-element-caption {
font-size: 12px;
line-height: 1.3em;
}
.postContent iframe {
margin: 0 auto;
}
.postContent .wp-block-embed__wrapper iframe {
margin: 50px auto 30px auto;
}
@media (max-width: 1024px) {
.postContent h2 {
font-size: 3.2vw;
padding-bottom: 3vw;
margin-bottom: 3vw;
}
.postContent h3 {
font-size: 18px;
}
.postContent p {
font-size: 13px;
}
.postContent .wp-element-caption {
font-size: 10px;
}
}
@media (max-width: 750px) {
.postContent h2 {
font-size: 5.33vw;
padding-bottom: 6vw;
margin-bottom: 6vw;
}
.postContent h3 {
font-size: 3.46vw;
margin: 5vw 0 3vw 0;
}
.postContent p {
font-size: 3.46vw;
}
.postContent .wp-block-image {
margin: 0 !important;
}
.postContent .is-layout-flex {
display: block !important;
margin-bottom: 5vw;
}
.postContent .is-layout-flex p {
width: 100%;
}
.postContent .is-resized {
width: 100%;
}
.postContent iframe {
width: 100%;
}
.postContent .has-medium-font-size {
font-size: 4.5vw !important;
}
.postContent .has-large-font-size {
font-size: 5.33vw !important;
}
.postContent .wp-block-image img {
width: 100% !important;
height: auto !important;
}
.postContent .wp-block-image .alignleft {
width: 100% !important;
float: none !important;
margin: 0 0 5vw 0 !important;
}
}