Server : Apache/2.4.43 (Win64) OpenSSL/1.1.1g PHP/7.4.6 System : Windows NT USER-PC 6.1 build 7601 (Windows 7 Professional Edition Service Pack 1) AMD64 User : User ( 0) PHP Version : 7.4.6 Disable Function : NONE Directory : C:/Users/User/AppData/Local/Google/Chrome/User Data/Default/Cache/Cache_Data/ |
@charset "UTF-8"; /* ========================================================================== EVENT ========================================================================== */ #event .is_active { display: block; } #event .is_hide { display: none; } #event .eventMain { position: relative; width: auto; height: 0; padding-top: 64.92537313432835%; margin-right: -20px; margin-left: -20px; overflow: hidden; } @media (min-width: 768px), print { #event .eventMain { width: 78.29787234042553%; padding-top: 38.297872340425535%; margin: 38px auto 0; } } @media (min-width: 1440px), print { #event .eventMain { width: 78.29787234042553%; padding-top: 38.297872340425535%; } } #event .eventMain img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } @media (min-width: 768px), print { #event .eventMain img { width: 100%; } } #event .eventTitle { display: -webkit-box; display: flex; margin: 10px 0 12px; } @media (min-width: 768px), print { #event .eventTitle { margin: 50px 0 10px; } } #event .eventTitle .dateWrap { -webkit-box-flex: 0; flex: 0; display: -webkit-box; display: flex; flex-wrap: wrap; align-self: flex-start; font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 1.2rem; font-weight: bold; letter-spacing: -0.01em; line-height: 1; } @media (min-width: 768px), print { #event .eventTitle .dateWrap { font-size: 1.4rem; } } @media all and (min-width: 768px) and (-ms-high-contrast: none) { #event .eventTitle .dateWrap { flex-basis: 100px; } } #event .eventTitle .dateWrap .year { margin-right: auto; } #event .eventTitle .dateWrap .date { font-size: 3.0rem; } @media (min-width: 768px), print { #event .eventTitle .dateWrap .date { font-size: 5.4rem; } } #event .eventTitle h2 { margin: 0; font-family: "Univers LT W01_65 Bold", "Yu Gothic Std-TT B", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 1.8rem; font-weight: 500; line-height: 2; letter-spacing: -0.01em; margin-left: 20px; } @media (min-width: 768px), print { #event .eventTitle h2 { font-size: 3.0rem; margin-left: 30px; } } @media (min-width: 768px), print { #event #overviewContent.eventContent { padding-bottom: 50px; } } @media (min-width: 768px), print { #event #overviewContent.eventContent .container { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } } #event #overviewContent.eventContent .container .ctrSide { border-bottom: 1px dashed #000; padding: 38px 20px 35px; margin: 0 -20px; } @media (min-width: 768px), print { #event #overviewContent.eventContent .container .ctrSide { width: 31.914893617021278%; padding: 50px 0 0; margin: 0 0 0 60px; border-bottom: none; } } #event #overviewContent.eventContent .container .ctrSide .ctrSideBtn { margin: 0; padding: 0; list-style: none; } #event #overviewContent.eventContent .container .ctrSide .ctrSideBtn li:not(:first-child) { margin-top: 20px; } #event #overviewContent.eventContent .container .ctrSide .ctrSideBtn .btn { display: block; padding: 10px; border: solid 2px #000; background-color: #f2f200; font-family: "Univers LT W01_65 Bold", "Yu Gothic Std-TT B", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 1.5rem; /* weight: bold; */ } @media (min-width: 768px), print { #event #overviewContent.eventContent .container .ctrSide .ctrSideBtn .btn { padding: 23px 10px; border: solid 3px #000; font-size: 2.0rem; } } #event #overviewContent.eventContent .container .ctrSide dl { margin: 0; margin-top: 15px; line-height: 2; } #event #overviewContent.eventContent .container .ctrSide dl { display: table; width: 100%; } #event #overviewContent.eventContent .container .ctrSide dl > div { display: table-row; } #event #overviewContent.eventContent .container .ctrSide dl > div:not(:first-child) dt, #event #overviewContent.eventContent .container .ctrSide dl > div:not(:first-child) dd { padding-top: 8px; } #event #overviewContent.eventContent .container .ctrSide dt, #event #overviewContent.eventContent .container .ctrSide dd { display: table-cell; } #event #overviewContent.eventContent .container .ctrSide dt { width: 70px; font-family: "Univers LT W01_65 Bold", "Yu Gothic Std-TT B", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; /* font-weight: bold; */ } @media (min-width: 768px), print { #event #overviewContent.eventContent .container .ctrSide dl { display: block; margin-top: 15px; } #event #overviewContent.eventContent .container .ctrSide dl > div { display: block; margin-top: 6px; } #event #overviewContent.eventContent .container .ctrSide dl > div:not(:first-child) dt, #event #overviewContent.eventContent .container .ctrSide dl > div:not(:first-child) dd { padding-top: 0; } #event #overviewContent.eventContent .container .ctrSide dt, #event #overviewContent.eventContent .container .ctrSide dd { display: block; font-size: 1.4rem; margin: 0; } #event #overviewContent.eventContent .container .ctrSide dt { width: auto; margin-bottom: -5px; } } #event #overviewContent.eventContent .container .ctrSide .caution { display: none; line-height: 2; margin: 15px 0 0; } @media (min-width: 768px), print { #event #overviewContent.eventContent .container .ctrSide .caution { display: block; color: #666; font-size: 1.2rem; } } #event #overviewContent.eventContent .container .ctr { padding: 50px 0 0; } @media (min-width: 768px), print { #event #overviewContent.eventContent .container .ctr { -webkit-box-flex: 1; flex: 1; } } #event #overviewContent.eventContent .container .ctr .eventText { font-size: 1.5rem; word-wrap: break-word; overflow-wrap: break-word; line-height: 2; } @media (min-width: 768px), print { #event #overviewContent.eventContent .container .ctr .eventText { font-size: 1.8rem; } } #event #overviewContent.eventContent .container .ctr .eventGuest { border-top: 1px dashed #000; padding: 25px 20px 0; margin: 25px -20px 0; } @media (min-width: 768px), print { #event #overviewContent.eventContent .container .ctr .eventGuest { border-top: 2px dashed #000; padding: 25px 0 0; margin: 25px 0 0; } } #event #overviewContent.eventContent .container .ctr .eventGuest .guestBox { display: -webkit-box; display: flex; } #event #overviewContent.eventContent .container .ctr .eventGuest .guestBox .image { width: 22.535211267605636%; min-width: 80px; } @media (min-width: 768px), print { #event #overviewContent.eventContent .container .ctr .eventGuest .guestBox .image { width: 25%; } #event #overviewContent.eventContent .container .ctr .eventGuest .guestBox .image img { width: 100%; } } #event #overviewContent.eventContent .container .ctr .eventGuest .guestBox + .guestBox { margin-top: 30px; } @media (min-width: 768px), print { #event #overviewContent.eventContent .container .ctr .eventGuest .guestBox + .guestBox { margin-top: 50px; } } #event #overviewContent.eventContent .container .ctr .eventGuest .guestBox .profile { -webkit-box-flex: 1; flex: 1; font-size: 1.3rem; margin-left: 11px; line-height: 2; word-break: break-all; } @media (min-width: 768px), print { #event #overviewContent.eventContent .container .ctr .eventGuest .guestBox .profile { font-size: 1.4rem; margin-left: 20px; } } #event #overviewContent.eventContent .container .ctr .eventGuest .guestBox .profile .name { line-height: 1.4; } #event #overviewContent.eventContent .container .ctr .eventGuest .guestBox .profile .name span { display: block; } #event #overviewContent.eventContent .container .ctr .eventGuest .guestBox .profile .name strong { font-size: 1.5rem; font-family: "Univers LT W01_65 Bold", "Yu Gothic Std-TT B", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; /* weight: bold; */ } @media (min-width: 768px), print { #event #overviewContent.eventContent .container .ctr .eventGuest .guestBox .profile .name strong { font-size: 1.6rem; } } #event #overviewContent.eventContent .container .ctr .eventGuest .guestBox .comment { margin-top: 10px; } #event #overviewContent.eventContent .container .ctr p { margin: 0; } #event #overviewContent.eventContent .container .ctr p + p { margin-top: 25px; } #event #reportContent.eventContent { padding: 50px 0 0; } @media (min-width: 768px), print { #event #reportContent.eventContent { padding-bottom: 50px; } } #event #reportContent.eventContent .siteNewsItem { margin: 30px 0 0; } #event .ttl { font-size: 1.3rem; font-font-family: "Univers LT W01_65 Bold", "Yu Gothic Std-TT B", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; /* weight: bold; */ margin: 0 0 25px; } @media (min-width: 768px), print { #event .ttl { font-size: 2.0rem; } } #event .ttl span { display: block; font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 3.0rem; letter-spacing: -0.01em; line-height: 1; margin-bottom: 3px; } @media (min-width: 768px), print { #event .ttl span { font-size: 4.6rem; } } @media (min-width: 768px), print { #event .eventGuest .ttl span { font-size: 4.0rem; } } /* list-event-navi */ .list-event-navi { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: flex; flex-wrap: wrap; border-bottom: 1px dashed #000; margin: 0 -20px; } @media (min-width: 768px), print { .list-event-navi { border-top: 2px dashed #000; border-bottom: 2px dashed #000; padding: 15px 0; margin: 0; } } .list-event-navi li { width: 50%; text-align: center; } @media (min-width: 768px), print { .list-event-navi li { width: auto; border-left: 1px dashed #000; border-right: 1px dashed #000; padding: 0 10px; } .list-event-navi li + li { border-left: none; } } @media (min-width: 768px), print { .list-event-navi li div { margin: 0 10px; } } .list-event-navi li a { display: block; color: #000; text-decoration: none; width: 100%; padding: 13px 0; } @media (min-width: 768px), print { .list-event-navi li a { padding: 4px 0; } } .list-event-navi li a.notCursor { cursor: default; color: #b9b9b9; } .list-event-navi li a.notCursor:hover { opacity: 1; } .list-event-navi li strong { display: block; font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 1.9rem; font-weight: bold; letter-spacing: -0.01em; line-height: 1; margin-bottom: 5px; } @media (min-width: 768px), print { .list-event-navi li strong { font-size: 2.0rem; } } .list-event-navi li span { display: block; font-family: "Univers LT W01_65 Bold", "Yu Gothic Std-TT B", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 1.3rem; /* weight: bold; */ line-height: 1; } @media (min-width: 768px), print { .list-event-navi li span { font-size: 1.2rem; } } .list-event-navi li .archive { cursor: default; background: #f2f200; } @media (min-width: 768px), print { .list-event-navi li#report a { padding: 4px 16px; } } .list-event-navi > li { border-top: 1px dashed #000; } @media (min-width: 768px), print { .list-event-navi > li { border-top: none; } } /* ========================================================================== WISDOM PICKUP ========================================================================== */ #wisdompickup .txtFirst { font-size: 1.5rem; line-height: 2; margin: 20px 0 25px; } @media (min-width: 768px), print { #wisdompickup .txtFirst { font-size: 1.8rem; margin: 30px 0 50px; } } #wisdompickup .txtFirst p { margin: 0; } #wisdompickup .grid { display: block; width: 100%; } #wisdompickup .grid .item { width: 100%; margin: 0 0px 80px; float: left; position: relative; display: flex; } @media (min-width: 768px), print { #wisdompickup .grid { display: -ms-grid; display: grid; grid-auto-rows: auto; -ms-grid-columns: 1fr 60px 1fr; grid-template-columns: 1fr 60px 1fr; } #wisdompickup .grid .item:nth-child(odd) { -ms-grid-column: 1; grid-column: 1; } #wisdompickup .grid .item:nth-child(even) { -ms-grid-column: 3; grid-column: 3; } #wisdompickup .siteFooter { margin-top: 20px; } #wisdompickup .grid { display: block; width: 100%; } #wisdompickup .grid .item { width: calc(50% - 40px); margin: 0 20px 80px; float: left; position: relative; } } #wisdompickup .item:last-child .itemBox { padding-bottom: 0 !important; } @media (min-width: 768px), print { #wisdompickup .item:last-child .itemBox { padding-bottom: 60px !important; } } #wisdompickup .itemBox { background: #fff; border-top: 3px solid #000; margin: 0; padding: 25px 0 35px; display: inline-grid; } @media (min-width: 768px), print { #wisdompickup .itemBox { position: relative; border-top: 4px solid #000; padding: 35px 20px 60px 0; height:1000px; overflow: auto; } } #wisdompickup .itemBox h2 { font-family: "Univers LT W01_65 Bold", "Yu Gothic Std-TT B", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 1.7rem; font-weight: 500; margin: 0 0 20px; padding: 0; } @media (min-width: 768px), print { #wisdompickup .itemBox h2 { font-size: 1.8rem; } } #wisdompickup .itemBox_col { display: -webkit-box; display: flex; } #wisdompickup .itemBox_col .image { width: 23%; min-width: 80px; } @media (min-width: 768px), print { #wisdompickup .itemBox_col .image { width: 36.81818181818181%; min-width: 162px; } } @media (min-width: 1440px), print { #wisdompickup .itemBox_col .image img { width: 100%; } } #wisdompickup .itemBox_col .image .relative { position: relative; } @media (min-width: 768px), print { #wisdompickup .itemBox_col .image .relative { position: static; } } #wisdompickup .itemBox_col .name { -webkit-box-flex: 1; flex: 1; margin-left: 10px; } @media (min-width: 768px), print { #wisdompickup .itemBox_col .name { margin-left: 20px; } } #wisdompickup .itemBox_col .name p { margin: 0; } #wisdompickup .itemBox_col .name p span { display: block; font-size: 1.3rem; } @media (min-width: 768px), print { #wisdompickup .itemBox_col .name p span { font-size: 1.4rem; } } #wisdompickup .itemBox_col .name p strong { font-size: 1.5rem; } @media (min-width: 768px), print { #wisdompickup .itemBox_col .name p strong { font-size: 1.6rem; } } #wisdompickup .itemBox_col .profile { margin: 15px 0 0; } @media (min-width: 768px), print { #wisdompickup .itemBox_col .profile { margin-top: 20px; } } #wisdompickup .itemBox_col .profile dt { cursor: pointer; display: inline-block; color: #fff; font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 1.1rem; font-weight: bold; line-height: 1; border: 1px solid #000; background: #000; padding: 1px 15px 2px; } @media (min-width: 768px), print { #wisdompickup .itemBox_col .profile dt { font-size: 1.4rem; padding: 3px 21px 3px; } } #wisdompickup .itemBox_col .profile dt.archive { color: #000; background: #fff; } #wisdompickup .itemBox_col .profile dd { display: none; margin: 0; font-size: 1.2rem; line-height: 2; margin-top: 20px; } #wisdompickup .itemBox .linkLst { margin: 0; padding: 0; list-style: none; margin: 40px 0 30px; } @media (min-width: 768px), print { #wisdompickup .itemBox .linkLst { margin: 30px 0; } } #wisdompickup .itemBox .linkLst li { font-size: 1.3rem; font-weight: 500; } @media (min-width: 768px), print { #wisdompickup .itemBox .linkLst li { font-size: 1.4rem; } } #wisdompickup .itemBox .linkLst li + li { margin-top: 30px; } @media (min-width: 768px), print { #wisdompickup .itemBox .linkLst li + li { margin-top: 25px; } } #wisdompickup .itemBox .comment { font-size: 1.3rem; margin: 0; line-height: 2; } @media (min-width: 768px), print { #wisdompickup .itemBox .comment { font-size: 1.4rem; } } #wisdompickup .itemBox .new { position: absolute; left: 0; bottom: -15px; display: table; width: 30px; height: 30px; font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 1.2rem; font-weight: bold; letter-spacing: -0.01em; text-align: center; border-radius: 60px; background: #f2f200; line-height: 1; } .newmark .new { position: absolute; left: 0; bottom: -15px; display: table; width: 30px; height: 30px; font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 1.2rem; font-weight: bold; letter-spacing: -0.01em; text-align: center; border-radius: 60px; background: #f2f200; line-height: 1; } .newmark .new { top: -20px; left: -2px; bottom: 0; width: 44px; height: 44px; font-size: 1.4rem; z-index: 1; } .newmark .new span { display: table-cell; vertical-align: middle; } @media (min-width: 768px), print { #wisdompickup .itemBox .new { top: -25px; left: -2px; bottom: 0; width: 44px; height: 44px; font-size: 1.4rem; z-index: 1; } } #wisdompickup .itemBox .new span { display: table-cell; vertical-align: middle; } #wisdompickup .button { position: relative; width: 200px; margin-left: auto; margin-right: auto; padding-top: 40px; clear: both; } #wisdompickup .btn-more { display: block; padding: 6px; border: solid 3px #000; background-color: #fff; font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 2rem; font-weight: bold; } @media (min-width: 768px), print { #wisdompickup .button { width: 288px; padding-top: 0; clear: both; } #wisdompickup .btn-more { font-size: 24px; padding: 11px; border-width: 4px; border-color: #b9b9b9; clear: both; } } /* ========================================================================== ARTICLE ========================================================================== */ #articles .eventReportsTtl .category, #articles .eventReportsTtl .date, #articles .eventRelation .category, #articles .eventRelation .date { font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-weight: bold; letter-spacing: -0.01em; } #articles .eventReportsTtl .date, #articles .eventRelation .date { color: #b2b2b2; } #articles .list-share { margin-bottom: 0; } #articles .eventReportsTtl { border-bottom: 1px dashed #000; padding: 20px 20px 10px; margin: 0 -20px; } @media (min-width: 768px), print { #articles .eventReportsTtl { border: none; padding: 30px 20px 0; } } #articles .eventReportsTtl .category { font-size: 1.6rem; line-height: 1; } @media (min-width: 768px), print { #articles .eventReportsTtl .category { font-size: 1.8rem; } } #articles .eventReportsTtl .date { font-size: 1.2rem; } @media (min-width: 768px), print { #articles .eventReportsTtl .date { font-size: 1.4rem; } } @media (min-width: 768px), print { #articles .eventReportsTtl .ttl_sns_wrap { display: -webkit-box; display: flex; margin: 10px 0 30px; } #articles .eventReportsTtl .ttl_sns_wrap .articlesTitle { -webkit-box-flex: 1; flex: 1; } #articles .eventReportsTtl .ttl_sns_wrap .list-share { flex-basis: 240px; margin-left: auto; } } #articles .eventReportsTtl .articlesTitle { font-family: "Univers LT W01_65 Bold", "Yu Gothic Std-TT B", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 2.6rem; font-weight: 500; /* text-align: justify; */ /* text-justify: inter-ideograph; */ margin: 0 0 15px; } @media (min-width: 768px), print { #articles .eventReportsTtl .articlesTitle { font-size: 3.0rem; margin: 0; } } #articles .eventRelation { border-bottom: 1px dashed #000; padding: 10px 20px; margin: 0 -20px; } #articles .eventRelation .category { display: inline-block; font-size: 1.4rem; margin-right: 8px; } #articles .eventRelation .date { display: inline-block; font-size: 1.2rem; } #articles .eventRelation h3 { font-family: "Univers LT W01_65 Bold", "Yu Gothic Std-TT B", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 1.5rem; font-weight: 500; /* text-align: justify; */ /* text-justify: inter-ideograph; */ margin: 2px 0 10px; } #articles .eventRelation ul { margin: 0; padding: 0; list-style: none; } #articles .eventRelation ul li { text-align: right; line-height: 1.9; } #articles .eventRelation ul li a { display: inline-block; position: relative; color: #000; text-decoration: none; font-family: "Univers LT W01_65 Bold", "Yu Gothic Std-TT B", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 1.3rem; padding-right: 15px; } #articles .eventRelation ul li a::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; width: 8px; height: 8px; margin-top: auto; margin-bottom: auto; border: 2px; border-style: none none solid solid; -webkit-transform: rotate(225deg); transform: rotate(225deg); } @media (min-width: 768px), print { #articles .eventRelation { display: -webkit-box; display: flex; border-top: 2px dashed #000; border-bottom: 2px dashed #000; padding: 9px 0; margin: 0; } #articles .eventRelation .dateWrap { flex-basis: 60px; border-right: 1px solid #d9d9d9; padding-top: 5px; } #articles .eventRelation .dateWrap .category { display: block; font-size: 1.6rem; margin: 0 0 2px 0; line-height: 1; } #articles .eventRelation .dateWrap .date { font-size: 1.4rem; } #articles .eventRelation h3 { -webkit-box-flex: 1; flex: 1; align-self: center; font-size: 1.6rem; font-weight: 500; padding-left: 15px; padding-right: 30px; margin: 0; } #articles .eventRelation ul { flex-basis: 228px; border-left: 1px dashed #000; } #articles .eventRelation ul li { line-height: 1; } #articles .eventRelation ul li:first-child { margin-bottom: 10px; } #articles .eventRelation ul li a { font-size: 1.5rem; } } #articles .pageMain { word-wrap: break-word; overflow-wrap: break-word; } #articles .pageMain.container_colum { margin-bottom: 0; } #articles .pageMain .txt, #articles .pageMain p { font-size: 1.5rem; line-height: 2; margin: 0; } @media (min-width: 768px), print { #articles .pageMain .txt, #articles .pageMain p { font-size: 1.8rem; } } #articles .pageMain ul, #articles .pageMain ol { margin: 0; padding: 0; list-style: none; } #articles .pageMain .ttl, #articles .pageMain .txt, #articles .pageMain .image, #articles .pageMain p + p { margin-top: 25px; } @media (min-width: 768px), print { #articles .pageMain .ttl, #articles .pageMain .txt, #articles .pageMain .image, #articles .pageMain p + p { margin-top: 35px; } } #articles .pageMain .mainImg { margin-top: 0; } #articles .pageMain .mainImg img { max-width: 100%; width: auto; margin: 0 auto; display: block; } @media (min-width: 768px), print { #articles .pageMain .mainImg { margin-top: 60px; } } #articles .pageMain .ttl { font-family: "Univers LT W01_65 Bold", "Yu Gothic Std-TT B", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 2.4rem; font-weight: 500; margin-left: 0; margin-right: 0; margin-bottom: -5px; } @media (min-width: 768px), print { #articles .pageMain .ttl { font-size: 3.4rem; margin-bottom: -13px; } } #articles .pageMain .image { margin-left: -20px; margin-right: -20px; } #articles .pageMain .image img { max-width: 100%; width: auto; margin: 0 auto; display: block; } @media (min-width: 768px), print { #articles .pageMain .image { margin-left: 0; margin-right: 0; } } #articles .pageMain dl { margin: 30px 0 0; line-height: 2; } #articles .pageMain dl dt strong { font-size: 1.5rem; } #articles .pageMain dl dd { margin: 0; margin-top: 15px; } #articles .pageMain .credit dt { font-font-family: "Univers LT W01_65 Bold", "Yu Gothic Std-TT B", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 1.0rem; /* weight: bold; */ } #articles .pageMain .credit dd { margin-top: 0; margin-bottom: 15px; } @media (min-width: 768px), print { #articles .pageMain dl { font-size: 1.4rem; margin-top: 53px; } #articles .pageMain dl dt strong { font-size: 1.6rem; } #articles .pageMain dl dd { margin: 0; margin-top: 10px; } #articles .pageMain dl:last-child { margin-bottom: 65px; } } #articles .pageMain blockquote { background: url(../common/img/texture.gif) repeat; background-size: 5px 5px; text-align: center; margin: 25px -20px 0; padding: 20px; } @media (min-width: 768px), print { #articles .pageMain blockquote { padding-bottom: 15px; margin: 35px 0 0; } } #articles .pageMain blockquote .blockquoteImage { background: #fff; margin-bottom: 10px; } @media (min-width: 768px), print { #articles .pageMain blockquote .blockquoteImage { margin-bottom: 15px; } } @media (min-width: 1440px), print { #articles .pageMain blockquote .blockquoteImage img { width: 100%; } } #articles .pageMain blockquote p { font-size: 1.3rem; text-align: right; margin: 0; } @media (min-width: 768px), print { #articles .pageMain blockquote p { font-size: 1.6rem; } } #articles .pageMain .list-share { margin: 24px 0; } @media (min-width: 768px), print { #articles .pageMain .list-share { margin: 38px 0 60px; } } #articles .pageMain .list-share a { border-bottom: none; } #articles .article-module-youtube-vimeo, #articles .article-module-embed-code { margin-top: 25px; } @media (min-width: 768px), print { #articles .article-module-youtube-vimeo, #articles .article-module-embed-code { margin-top: 35px; } } #articles .article-module-youtube-vimeo .iframe, #articles .article-module-embed-code .iframe { position: relative; padding-bottom: 56.42857142857143%; height: 0; } #articles .article-module-youtube-vimeo .iframe iframe, #articles .article-module-embed-code .iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #articles .article-module-youtube-vimeo .caption, #articles .article-module-embed-code .caption { font-size: 1.0rem; font-style: italic; word-break: break-all; margin-top: 5px; text-align: right; } #articles .article-module-youtube-vimeo .caption p, #articles .article-module-embed-code .caption p { margin: 0; padding: 0; font-size: inherit !important; } #articles .relatedLinks { border-top: 1px dashed #000; padding-top: 20px; } #articles .relatedLinks .ttl { font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 3.0rem; font-weight: bold; letter-spacing: -0.01em; margin: 0; } @media (min-width: 768px), print { #articles .relatedLinks .ttl { font-size: 4.0rem; } } #articles .relatedLinks ul { margin: 0; padding: 0; list-style: none; margin-top: 20px; } @media (min-width: 768px), print { #articles .relatedLinks ul { margin-top: 15px; } } #articles .relatedLinks ul li { font-size: 1.3rem; } @media (min-width: 768px), print { #articles .relatedLinks ul li { font-size: 1.6rem; } } #articles .relatedLinks ul li + li { margin-top: 20px; } /* ========================================================================== About ========================================================================== */ #about { /* aboutMain */ /* #vision */ /* #seeking */ /* #member */ /* #ourmission */ /* #info */ } #about .containerWrap { padding: 20px 0 30px; } @media (min-width: 768px), print { #about .containerWrap { padding: 35px 0 75px; } } #about .containerWrap.bggray { background: #f7f7f7; } #about .containerWrap.bgyellow { background: #f2f200; } #about .aboutMain { margin-top: 25px; word-wrap: break-word; overflow-wrap: break-word; } #about .aboutMain .youtube { position: relative; padding-bottom: 52%; } #about .aboutMain .youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; } #about .aboutMain .aboutTxt { font-size: 1.4rem; margin: 20px 0 20px; } #about .aboutMain .aboutTxt p { line-height: 2; font-family: "Univers LT W01_65 Bold", "Yu Gothic Std-TT B", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; /* font-weight: bold; */ margin-bottom: 20px; } #about .aboutMain .aboutTxt ul { padding: 0; margin: 0; } #about .aboutMain .aboutTxt ul li { margin: 0; padding: 0; list-style: none; text-align: right; margin-bottom: 5px; } #about .aboutMain .aboutTxt ul li a { position: relative; padding-right: 24px; } #about .aboutMain .aboutTxt ul li a:hover { opacity: 1; } #about .aboutMain .aboutTxt ul li a::before { position: absolute; margin: auto; content: ""; vertical-align: middle; width: 8px; height: 8px; border-bottom: 2px solid #000; border-right: 2px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 0; margin-top: 4px; } @media (min-width: 768px), print { #about .aboutMain { display: table; margin: 30px auto 80px; } #about .aboutMain .youtube { display: table-cell; width: 67.3913043478261%; padding-bottom: 35.869565217391305%; } #about .aboutMain .aboutTxt { display: table-cell; width: 36.41304347826087%; padding-left: 20px; margin: 0; } #about .aboutMain .aboutTxt p { margin: 0 0 35px; } } #about .ttl { margin: 0; font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 3.0rem; letter-spacing: -0.01em; text-indent: -47px; padding-left: 47px; margin-bottom: 25px; } @media (min-width: 768px), print { #about .ttl { font-size: 3.6rem; } } #about .ttl::before { display: inline-block; width: 37px; height: 16px; content: ""; background: url(../common/img/arrow.svg) no-repeat 0 0; background-size: 37px auto; margin-right: 10px; } @media (min-width: 768px), print { #about .ttl::before { width: 43px; height: 20px; background-size: 43px 15px; } } #about #vision P { font-size: 1.6rem; line-height: 2; margin: 0; } #about #vision p + p { margin-top: 20px; } @media (min-width: 768px), print { #about #vision P { font-size: 1.8rem; } #about #vision p + p { margin-top: 30px; } } #about #seeking .image { text-align: center; margin-bottom: 30px; } @media (min-width: 768px), print { #about #seeking .image { margin-top: 45px; } } #about #seeking .image img { width: 90%; } @media (min-width: 768px), print { #about #seeking .image img { width: 46.91489361702128%; } } #about #seeking p { font-size: 1.4rem; margin: 0; line-height: 2; } #about #seeking p + p { margin-top: 25px; } #about #member .layout_colum { margin: 0; } #about #member .layout_colum p { margin: 0; } #about #member .layout_colum .col { margin-bottom: 50px; } #about #member .layout_colum .col::after { content: ""; display: block; clear: both; } #about #member .layout_colum .col .box { display: -webkit-box; display: flex; } #about #member .layout_colum .col .box .image { width: 25%; } #about #member .layout_colum .col .name { -webkit-box-flex: 1; flex: 1; font-size: 1.2rem; padding-left: 10px; margin-right: auto; } #about #member .layout_colum .col .name span { display: block; font-size: 1.6rem; margin-top: 5px; } #about #member .layout_colum .col .name .coName { font-size: 1.4rem; margin-top: 10px; } #about #member .comment { clear: both; font-size: 1.4rem; line-height: 2; padding-top: 20px; } @media (min-width: 768px), print { #about #member .layout_colum { display: -webkit-box; display: flex; flex-wrap: wrap; margin-top: 35px; } #about #member .layout_colum .col { width: 50%; } #about #member .layout_colum .col:nth-child(even) { padding-left: 30px; } #about #member .layout_colum .col:nth-child(odd) { padding-right: 30px; } #about #member .layout_colum .col .box .image { width: 36.81818181818181%; } #about #member .layout_colum .col .box .image img { width: 100%; } #about #member .layout_colum .col .name { padding-left: 20px; } #about #member .layout_colum .col .name .coName { margin-top: 15px; } } #about #ourmission p { font-size: 1.4rem; line-height: 2; } #about #ourmission p strong { font-size: 1.6rem; } #about #ourmission p strong span { display: block; font-size: 1.2rem; margin-bottom: 5px; } #about #ourmission p + p { margin-top: 25px; } @media (min-width: 768px), print { #about #ourmission p + p { margin-top: 50px; } } #about #info { padding-bottom: 0 !important; } #about #info ul { margin: 0; padding: 0; list-style: none; } #about #info ul li { text-indent: -5.4em; padding-left: 5.4em; margin-bottom: 20px; } @media (min-width: 768px), print { #about #info ul li a { font-size: 1.6rem; } } #about #info ul li span { color: #aaaaaa; font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 1.4rem; letter-spacing: -0.01em; margin-right: 1.4em; } /* ========================================================================== Page ========================================================================== */ #page .container_colum { font-size: 1.5rem; line-height: 2; word-wrap: break-word; overflow-wrap: break-word; } @media (min-width: 768px), print { #page .container_colum { font-size: 1.8rem; } } #page .container_colum .txtFirst { margin-top: 30px; } #page .container_colum img { max-width: 100%; width: auto; margin: 0 auto; display: block; } #page .container_colum p { margin: 0; } #page .container_colum p + p { margin-top: 25px; } @media (min-width: 768px), print { #page .container_colum p + p { margin-top: 40px; } } #page .container_colum h3 { font-size: 2.4rem; font-weight: 500; margin: 25px 0 20px; } @media (min-width: 768px), print { #page .container_colum h3 { font-size: 3.4rem; line-height: 2; margin: 40px 0 30px; } } #page .container_colum ol { margin: 0; padding: 0 0 0 20px; } #page .container_colum ol li { padding-left: 20px; } #page .container_colum ol li + li { margin-top: 25px; } @media (min-width: 768px), print { #page .container_colum ol li + li { margin-top: 40px; } } #page .container_colum ul { margin: 0; padding: 0; list-style: none; } #page .container_colum ul li + li { margin-top: 25px; } @media (min-width: 768px), print { #page .container_colum ul li + li { margin-top: 40px; } } #page .container_colum .figureImg { margin: 25px -20px 0; } @media (min-width: 768px), print { #page .container_colum .figureImg { margin: 40px 0 0; } } #page .container_colum .figureImg_main { margin: 0 -20px 25px; } @media (min-width: 768px), print { #page .container_colum .figureImg_main { margin: 0 0 40px; } } #page .container_colum .ttl, #page .container_colum .txt, #page .container_colum .image { margin-top: 25px; } @media (min-width: 768px), print { #page .container_colum .ttl, #page .container_colum .txt, #page .container_colum .image { margin-top: 35px; } } #page .container_colum .ttl { font-family: "Univers LT W01_65 Bold", "Yu Gothic Std-TT B", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; margin-left: 0; margin-right: 0; margin-bottom: -5px; } @media (min-width: 768px), print { #page .container_colum .ttl { margin-bottom: -13px; } } #page .container_colum .image { margin-left: -20px; margin-right: -20px; } @media (min-width: 768px), print { #page .container_colum .image { margin-left: 0; margin-right: 0; } } #page .container_colum blockquote { background: url(../common/img/texture.gif) repeat; background-size: 5px 5px; text-align: center; margin: 25px -20px 0; padding: 20px; } @media (min-width: 768px), print { #page .container_colum blockquote { padding-bottom: 15px; margin: 35px 0 0; } } #page .container_colum blockquote .blockquoteImage { background: #fff; margin-bottom: 10px; } @media (min-width: 768px), print { #page .container_colum blockquote .blockquoteImage { margin-bottom: 15px; } } @media (min-width: 1440px), print { #page .container_colum blockquote .blockquoteImage img { width: 100%; } } #page .container_colum blockquote p { font-size: 1.3rem; text-align: right; margin: 0; } @media (min-width: 768px), print { #page .container_colum blockquote p { font-size: 1.6rem; } } /* ========================================================================== btn ========================================================================== */ .linkBtn { margin-top: 40px !important; } @media (min-width: 768px), print { .linkBtn { margin-top: 90px !important; } } .linkBtn a { display: inline-block; color: #fff !important; font-family: "Univers LT W01_65 Bold", "Yu Gothic Std-TT B", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 1.4rem; /* weight: bold; */ line-height: 1; text-decoration: none !important; background: #000; padding: 11px 42px; } .linkBtn a:hover { opacity: .8 !important; } .linkBtn a::after { content: none !important; } /* ========================================================================== siteNewsItem ========================================================================== */ .siteNewsItem { margin: 0; padding: 0; list-style: none; margin-top: 20px; } @media (min-width: 768px), print { .siteNewsItem { margin: 35px 0 0; } } .siteNewsItem li + li { margin-top: 40px; } @media (min-width: 768px), print { .siteNewsItem li + li { margin-top: 20px; } } @media (min-width: 768px), print { .siteNewsItem .siteNewsItemBox { display: table; width: 100%; } } .siteNewsItem .siteNewsItemBox .thumb { display: block; height: 0; padding-top: 56.266666666666666%; position: relative; overflow: hidden; margin: 0 -20px 20px; } @media (min-width: 768px), print { .siteNewsItem .siteNewsItemBox .thumb { display: table-cell; vertical-align: top; width: 34.04255319148936%; padding-top: 19.148936170212767%; margin: 0; } } .siteNewsItem .siteNewsItemBox .thumb img { width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0 auto; } .siteNewsItem .siteNewsItemBox .date { display: block; color: #999; font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 1.2rem; font-weight: bold; letter-spacing: -0.01em; line-height: 1; margin-bottom: 5px; } @media (min-width: 768px), print { .siteNewsItem .siteNewsItemBox .header { display: table-cell; vertical-align: top; padding-left: 40px; } .siteNewsItem .siteNewsItemBox .header a { /* font-weight: bold; */ } } .siteNewsItem .siteNewsItemBox .heading { margin: 0; font-family: "Univers LT W01_65 Bold", "Yu Gothic Std-TT B", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-weight: 500; } @media (min-width: 768px), print { .siteNewsItem .siteNewsItemBox .heading { font-size: 1.8rem; } } .siteNewsItem .siteNewsItemBox .heading a { color: #000; text-decoration: none; } .siteNewsItem .siteNewsItemBox p { margin: 15px 0 0; font-weight: 500; line-height: 2; } @media (min-width: 768px), print { .siteNewsItem .siteNewsItemBox p { font-size: 1.4rem; } } .siteNewsItem .siteNewsItemBox a:hover { opacity: 0.7; } /* ========================================================================== CONTACT ========================================================================== */ #contact .map { width: 100%; display: block; margin-top: 20px; } #contact .map div { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; } #contact .map div iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } #contact .txt { line-height: 2; } #contact .txt .copname { font-family: "DINCondensed-Bold", "Univers LT W01_45 Light", "游ゴシック", YuGothic, "Yu Gothic Std-TT M", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 1.8rem; font-weight: bold; } @media (min-width: 768px), print { #contact .map { display: inline-block; vertical-align: middle; width: 58%; margin-top: 30px; } #contact .txt { display: inline-block; vertical-align: middle; width: 40%; padding-left: 2%; text-align: left; font-size: 1.5rem; } #contact .txt .copname { font-size: 3.0rem; line-height: 1; } } /* ========================================================================== search ========================================================================== */ #search .txt { margin-top: 25px; margin-bottom: 20px; line-height: 2; } #search .txt p { margin: 0; } @media (min-width: 768px), print { #search .txt { margin-top: 35px; margin-bottom: 30px; } #search .txt p { font-size: 1.8rem; } #search .siteTimeline-header { padding-top: 36px; margin-top: 30px; } #search .siteTimeline-header .btn-form { left: 0; right: auto; } }