html { scroll-behavior: smooth; } :target { @media screen and (min-width: 901px) { scroll-margin-top: 115px; } @media screen and (max-width: 900px) { scroll-margin-top: 94px; } } @media screen and (min-width: 360px) { * { -webkit-text-size-adjust: none; } } #RakulabBody { margin: 0; } @media screen and (min-width: 901px) { #RakulabBody { min-width: 1064px; } } @media screen and (max-width: 900px) { #RakulabBody { width: 100%; } } #RakulabContent { overflow-x: hidden; width: 100%; font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #RakulabContent ul, #RakulabContent li { list-style-type: none; } #RakulabContent div, #RakulabContent span, #RakulabContent applet, #RakulabContent object, #RakulabContent iframe, #RakulabContent h1, #RakulabContent h2, #RakulabContent h3, #RakulabContent h4, #RakulabContent h5, #RakulabContent h6, #RakulabContent p, #RakulabContent blockquote, #RakulabContent pre, #RakulabContent a, #RakulabContent abbr, #RakulabContent acronym, #RakulabContent address, #RakulabContent big, #RakulabContent cite, #RakulabContent code, #RakulabContent del, #RakulabContent dfn, #RakulabContent em, #RakulabContent font, #RakulabContent img, #RakulabContent ins, #RakulabContent kbd, #RakulabContent q, #RakulabContent s, #RakulabContent samp, #RakulabContent small, #RakulabContent strike, #RakulabContent strong, #RakulabContent sub, #RakulabContent sup, #RakulabContent tt, #RakulabContent var, #RakulabContent dl, #RakulabContent dt, #RakulabContent dd, #RakulabContent ol, #RakulabContent ul, #RakulabContent li, #RakulabContent fieldset, #RakulabContent form, #RakulabContent label, #RakulabContent legend, #RakulabContent table, #RakulabContent caption, #RakulabContent tbody, #RakulabContent tfoot, #RakulabContent thead, #RakulabContent tr, #RakulabContent th, #RakulabContent td { font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; line-height: 1.5; } #RakulabContent input { -webkit-appearance: none; border-radius: 0; box-sizing: border-box; } .Rakulab__footer { font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ï¼­ï¼³ Ｐゴシック", sans-serif; } .Rakulab__footer .rc-f-section01 { background-color: #000033; line-height: 1.8; padding: 30px 16px 40px; border-top: solid 1px #d8d8d8; } .Rakulab__back-to-top { position: fixed; bottom: 24px; right: 24px; cursor: pointer; } @media screen and (min-width: 901px) { .Rakulab__footer .rc-f-section01 { font-size: 12px; } } @media screen and (max-width: 900px) { .Rakulab__footer .rc-f-section01 { font-size: 1.2rem; } .Rakulab__back-to-top { bottom: 8px; right: 8px; } .Rakulab__back-to-top img { width: 40px; height: 40px; } } .Rakulab__footer .rc-f-section01 .rcf-list-inline.rcf-list-block { text-align: center; } .Rakulab__footer .rc-f-section01 .rcf-list-inline.rcf-list-block li { display: inline-block; margin-right: 8px; } .Rakulab__footer .rc-f-section01 .rcf-list-inline.rcf-list-block li a { text-decoration: none; color: #FFFFFF; } .Rakulab__footer .rc-f-section01 .rcf-list-inline.rcf-list-block li a:hover { text-decoration: none; color: #FF008C; } .Rakulab__footer .copyright { margin-top: 20px; text-align: center; color: #9696B2; } /* Yaku Han JP (Gothic - All Include) v3.0.0 SIL by Qrac / Based on Noto Sans CJK JP */ @font-face { font-family: YakuHanJP; font-style: normal; font-weight: 100; src: url("/sumakatsu/common/fonts/YakuHanJP/YakuHanJP-Thin.eot"); src: url("/sumakatsu/common/fonts/YakuHanJP/YakuHanJP-Thin.woff2") format("woff2"), url("/sumakatsu/common/fonts/YakuHanJP/YakuHanJP-Thin.woff") format("woff"); } @font-face { font-family: YakuHanJP; font-style: normal; font-weight: 200; src: url("/sumakatsu/common/fonts/YakuHanJP/YakuHanJP-Light.eot"); src: url("/sumakatsu/common/fonts/YakuHanJP/YakuHanJP-Light.woff2") format("woff2"), url("/sumakatsu/common/fonts/YakuHanJP/YakuHanJP-Light.woff") format("woff"); } @font-face { font-family: YakuHanJP; font-style: normal; font-weight: 300; src: url("/sumakatsu/common/fonts/YakuHanJP/YakuHanJP-DemiLight.eot"); src: url("/sumakatsu/common/fonts/YakuHanJP/YakuHanJP-DemiLight.woff2") format("woff2"), url("/sumakatsu/common/fonts/YakuHanJP/YakuHanJP-DemiLight.woff") format("woff"); } @font-face { font-family: YakuHanJP; font-style: normal; font-weight: 400; src: url("/sumakatsu/common/fonts/YakuHanJP/YakuHanJP-Regular.eot"); src: url("/sumakatsu/common/fonts/YakuHanJP/YakuHanJP-Regular.woff2") format("woff2"), url("/sumakatsu/common/fonts/YakuHanJP/YakuHanJP-Regular.woff") format("woff"); } @font-face { font-family: YakuHanJP; font-style: normal; font-weight: 500; src: url("/sumakatsu/common/fonts/YakuHanJP/YakuHanJP-Medium.eot"); src: url("/sumakatsu/common/fonts/YakuHanJP/YakuHanJP-Medium.woff2") format("woff2"), url("/sumakatsu/common/fonts/YakuHanJP/YakuHanJP-Medium.woff") format("woff"); } @font-face { font-family: YakuHanJP; font-style: normal; font-weight: 700; src: url("/sumakatsu/common/fonts/YakuHanJP/YakuHanJP-Bold.eot"); src: url("/sumakatsu/common/fonts/YakuHanJP/YakuHanJP-Bold.woff2") format("woff2"), url("/sumakatsu/common/fonts/YakuHanJP/YakuHanJP-Bold.woff") format("woff"); } @font-face { font-family: YakuHanJP; font-style: normal; font-weight: 900; src: url("/sumakatsu/common/fonts/YakuHanJP/YakuHanJP-Black.eot"); src: url("/sumakatsu/common/fonts/YakuHanJP/YakuHanJP-Black.woff2") format("woff2"), url("/sumakatsu/common/fonts/YakuHanJP/YakuHanJP-Black.woff") format("woff"); } #RakulabContent #RakulabMagazine { width: 100%; /* Global Navi */ /* Titles */ /* Main Contents */ } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine { width: 100%; } } /* Global Navi */ #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi { width: 1064px; margin: 0 auto; } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi:nth-of-type(1) { width: 100%; position: fixed; top: 0; background-color: #fff; z-index: 2; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi { width: 100%; margin: 0; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi { width: auto; } } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox { width: 1064px; display: flex; justify-content: space-between; align-items: center; margin: 16px auto; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox { width: 100%; box-sizing: border-box; align-items: center; margin: 0; padding: 6px 16px; } } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__ctaBanner { display: none; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__ctaBanner { display: block; line-height: 0; margin-left: auto; margin-right: 48px; } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__ctaBanner img { width: 185px; height: auto; } } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__logo { display: flex; gap: 6px; align-items: center; } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__logo a .Logo__link { width: 194px; height: 32px; line-height: 0; background: url(/sumakatsu/common/img/logo-rmobile-1line.svg) 0 0 no-repeat; background-size: 194px 32px; word-break: keep-all; word-wrap: normal; white-space: nowrap; overflow: hidden; text-indent: 100%; } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__logo a .Logo__link img { width: 100%; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__logo a .Logo__link { width: 74px; height: 40px; line-height: 0; background: url(/sumakatsu/common/img/logo-rmobile-2line.svg) 0 0 no-repeat; background-size: 74px 40px; word-break: keep-all; word-wrap: normal; white-space: nowrap; overflow: hidden; text-indent: 100%; } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__logo a .Logo__eightMillion img { width: 106px; height: 40px; position: relative; top: 2px; } } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__menu { width: auto; height: auto; display: flex; justify-content: flex-end; } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__menu .Menu { margin-left: 24px; margin-bottom: 8px; } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__menu .Menu a { display: block; color: #444; text-decoration: none; transition: color 0.2s ease; font-weight: 700; } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__menu .Menu a:hover { color: #FF33A3; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__menu .Menu a { font-size: 16px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__menu .Menu a { font-size: 1.6rem; } } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__menu .Menu a.-current { color: #FF33A3; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__menu { display: none; } } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spBtn { position: absolute; top: 6px; right: 14px; z-index: 10; cursor: pointer; border: none; background-color: inherit; width: 40px; height: 40px; padding: 0; } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spBtn.-close::before, #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spBtn.-open::before { display: block; cursor: pointer; content: ''; width: 40px; height: 40px; } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spBtn.-close::before { background: url("/sumakatsu/common/img/icon_menu.svg") no-repeat center; } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spBtn.-open::before { background: url("/sumakatsu/common/img/icon_close_wh.svg") no-repeat center; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spBtn { display: none; } } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu { display: none; position: absolute; z-index: 9; top: 0; right: 0; width: 100%; height: 100%; min-height: 540px; box-sizing: border-box; list-style: none; margin: 0; padding: 70px 0; background: #444; text-align: center; } /* 220727 追記 */ #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu .NaviBox__spMenu_inner { width: 100%; font-size: 18px; font-weight: 600; } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu .NaviBox__spMenu_inner a { color: #fff; text-decoration: none; } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu .NaviBox__spMenu_inner .SpMenu_link a { line-height: 1.1; } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu .NaviBox__spMenu_inner .SpMenu_link a::after { content: ""; position: relative; top: -1px; display: inline-block; margin-left: 14px; border: 7px solid transparent; border-right: none; border-left-color: #fff; vertical-align: middle; } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu .NaviBox__spMenu_inner .SpMenu_FormArea { margin-top: 24px; padding: 0 20px 24px; } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu .NaviBox__spMenu_inner .SideColumn__search { padding: 0 0 24px; } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu .NaviBox__spMenu_inner .SideColumn__search .Search__ttl { padding: 16px 0 8px; border-top: solid 1px #d8d8d8; color: #fff; font-size: 14px; text-align: left; } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu .NaviBox__spMenu_inner .SideColumn__search form.Search__form { width: 100%; height: auto; display: flex; justify-content: space-between; } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu .NaviBox__spMenu_inner .SideColumn__search form.Search__form input.Form__input { color: #444; padding: 0 8px; width: 100%; height: 40px; border: solid 1px #00B9FF; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu .NaviBox__spMenu_inner .SideColumn__search form.Search__form input.Form__input { font-size: 14px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu .NaviBox__spMenu_inner .SideColumn__search form.Search__form input.Form__input { font-size: 1.4rem; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu .NaviBox__spMenu_inner .SideColumn__search form.Search__form input.Form__input { width: 100%; } } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu .NaviBox__spMenu_inner .SideColumn__search form.Search__form input.Form__submit { margin: 0; vertical-align: top; width: 40px; height: 40px; flex-shrink: 0; border: solid 1px #00B9FF; background: url("/sumakatsu/common/img/icon_search.svg") no-repeat center; background-color: #00B9FF; cursor: pointer; } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu .NaviBox__spMenu_inner .SpMenu_TagList { padding-bottom: 24px; border-bottom: solid 1px #d8d8d8; text-align: left; } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu .NaviBox__spMenu_inner .SpMenu_TagList li { display: inline-block; margin: 5px 3px; font-size: 12px; text-align: left; vertical-align: top; } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu .NaviBox__spMenu_inner .SpMenu_TagList li a { display: block; padding: 4px 10px; border-radius: 13px; text-align: center; background-color: #f0f0f0; color: #333; } /* 220727 追記ここまで */ #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu > .SpMenu, #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu .SpMenu__mobile { font-weight: 600; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu > .SpMenu, #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu .SpMenu__mobile { font-size: 18px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu > .SpMenu, #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu .SpMenu__mobile { font-size: 1.8rem; } } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu > .SpMenu a, #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu .SpMenu__mobile a { display: block; margin: 8px auto; width: 50%; height: 34px; text-decoration: none; color: #f0f0f0; } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu > .SpMenu:first-of-type a, #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu .SpMenu__mobile:first-of-type a { width: 170px; height: 45px; margin-bottom: 22px; padding-right: 10px; } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu > .SpMenu:first-of-type a img, #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu .SpMenu__mobile:first-of-type a img { width: 100%; } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu .SpMenu__line { display: block; margin: 8px auto 16px; width: 40px; height: auto; border-top: 1px solid #9b9b9b; } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu .SpMenu__mobile p.Mobile__txt { font-weight: 300; color: #fff; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu .SpMenu__mobile p.Mobile__txt { font-size: 14px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu .SpMenu__mobile p.Mobile__txt { font-size: 1.4rem; } } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu .SpMenu__mobile a { margin-top: 0; } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu.-open { display: block; -webkit-animation: showMenu 0.5s ease 0s 1 normal; animation: showMenu 0.5s ease 0s 1 normal; height: 100vh; } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu.-close { display: block; visibility: hidden; -webkit-animation: hideMenu 0.5s ease 0s 1 normal; animation: hideMenu 0.5s ease 0s 1 normal; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__naviBox .NaviBox__spMenu { display: none; } } @-webkit-keyframes showMenu { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes showMenu { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes hideMenu { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; } } @keyframes hideMenu { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; } } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__breadcrumb { width: 1064px; display: flex; flex-direction: row; margin: 78px 0 8px; line-height: 1; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__breadcrumb { font-size: 14px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__breadcrumb { font-size: 1.4rem; } } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__breadcrumb a.Breadcrumb__link { margin-right: 4px; color: #444; text-decoration: none; } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__breadcrumb a.Breadcrumb__link:hover { text-decoration: underline; } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__breadcrumb a.Breadcrumb__link:last-of-type { max-width: 500px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__breadcrumb p.Breadcrumb__txt { margin-right: 4px; color: #444; } #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__breadcrumb p.Breadcrumb__txt:last-of-type { max-width: 500px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabCommon__globalNavi .GlobalNavi__breadcrumb { display: none; } } /* Titles */ #RakulabContent #RakulabMagazine .RakulabMagazine__titles .Titles__pageTitle { width: 100%; background-color: #f0f0f0; text-align: center; line-height: 1.8; font-weight: 700; padding: 16px 0 8px; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__titles .Titles__pageTitle { font-size: 30px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__titles .Titles__pageTitle { font-size: 3rem; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__titles .Titles__pageTitle { padding: 8px 0 4px; } } @media screen and (max-width: 900px) and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__titles .Titles__pageTitle { font-size: 20px; } } @media screen and (max-width: 900px) and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__titles .Titles__pageTitle { font-size: 2rem; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__titles { margin-bottom: 24px /* margin for This Page */; } } /* Main Contents */ #RakulabContent #RakulabMagazine .RakulabMagazine__detail { width: 1064px; margin: 0 auto; display: flex; justify-content: space-between; /* Magazine Side Column */ } #RakulabContent #RakulabMagazine .RakulabMagazine__detail.-open { display: none; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail.-open { display: inline; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail.-close { display: inline; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail { width: 100%; margin: 0; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail { display: inline; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn { width: 704px; margin-top: 24px /* margin for This Page */; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn { margin-top: 64px /* margin for This Page */; width: 100%; height: auto; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__title { margin-bottom: 16px /* margin for This Page */; font-weight: 500; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__title { font-size: 30px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__title { font-size: 3rem; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__title { padding: 0 /* margin for This Page */; margin: 0 20px 16px /* margin for This Page */; border-bottom: none; font-weight: 700; } } @media screen and (max-width: 900px) and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__title { font-size: 18px; } } @media screen and (max-width: 900px) and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__title { font-size: 1.8rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__mainImg { width: 704px; height: auto; line-height: 0; margin-bottom: 24px /* margin for This Page */; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__mainImg { width: 100%; height: auto; margin-bottom: 16px /* margin for This Page */; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__mainImg img { width: 100%; height: auto; max-height: 470px; -o-object-fit: contain; object-fit: contain; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__mainImg img { width: 100%; height: auto; max-height: 300px; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__btns { display: flex; justify-content: space-between; margin: 0 0 16px; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__btns { flex-direction: column-reverse; margin: 0 20px 16px; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__btns .Btns__left { display: flex; justify-content: flex-start; width: 50%; height: auto; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__btns .Btns__left .Btns__left__item { margin-right: 15px; min-width: 36px; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__btns .Btns__left { flex-shrink: 0; width: 100%; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__btns .Btns__left a { transition: opacity 0.2s ease; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__btns .Btns__left a:hover { opacity: 0.8; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__btns .Btns__left a.Left__facebook { width: 40px; height: 40px; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__btns .Btns__left a.Left__facebook img { width: 40px; height: 40px; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__btns .Btns__left a.Left__twitter { width: 40px; height: 40px; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__btns .Btns__left a.Left__twitter img { width: 40px; height: 40px; border: 1px solid #000; box-sizing: border-box; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__btns .Btns__left a.Left__hatena { width: 40px; height: 40px; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__btns .Btns__left a.Left__hatena img { width: 40px; height: 40px; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__btns .Btns__right { display: flex; justify-content: flex-end; align-items: flex-end; width: 50%; height: auto; text-align: right; padding-top: 5px; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__btns .Btns__right { justify-content: flex-start; align-items: flex-start; flex-shrink: 0; width: 100%; text-align: left; padding-top: 0; margin-bottom: 16px; line-height: 1; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__btns .Btns__right .Right__date { font-family: "Noto Sans JP"; letter-spacing: 0.8px; margin-right: 16px; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__btns .Btns__right .Right__date { font-size: 14px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__btns .Btns__right .Right__date { font-size: 1.4rem; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__btns .Btns__right .Right__date { color: #444; margin-right: 10px; } } @media screen and (max-width: 900px) and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__btns .Btns__right .Right__date { font-size: 12px; } } @media screen and (max-width: 900px) and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__btns .Btns__right .Right__date { font-size: 1.2rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__btns .Btns__right .Right__writter a { color: #444; text-decoration: none; font-weight: 700; transition: color 0.2s ease; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__btns .Btns__right .Right__writter a { font-size: 16px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__btns .Btns__right .Right__writter a { font-size: 1.6rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__btns .Btns__right .Right__writter a:hover { color: #FF33A3; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__btns .Btns__right .Right__writter a { font-weight: 400; color: #000; } } @media screen and (max-width: 900px) and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__btns .Btns__right .Right__writter a { font-size: 14px; } } @media screen and (max-width: 900px) and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__btns .Btns__right .Right__writter a { font-size: 1.4rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__mainTxt { margin-bottom: 24px; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__mainTxt { margin: 0 20px 16px; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__mainTxt p.mainTxt { color: #444; line-height: 1.8; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__mainTxt p.mainTxt { font-size: 16px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__mainTxt p.mainTxt { font-size: 1.6rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__mainTxt p.mainTxt a { color: #FF33A3; text-decoration: none; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__mainTxt p.mainTxt a:hover { text-decoration: underline; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__mainTxt p.mainTxt { line-height: 2; } } @media screen and (max-width: 900px) and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__mainTxt p.mainTxt { font-size: 14px; } } @media screen and (max-width: 900px) and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__mainTxt p.mainTxt { font-size: 1.4rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__contentsList { display: flex; flex-direction: column; justify-content: center; padding: 24px 0; border-top: solid 1px #d8d8d8; border-bottom: solid 1px #d8d8d8; margin-bottom: 56px; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__contentsList { margin: 0 20px 40px; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__contentsList .ContentsList__ttl { text-align: center; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__contentsList .ContentsList__ttl { font-size: 24px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__contentsList .ContentsList__ttl { font-size: 2.4rem; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__contentsList .ContentsList__ttl { font-weight: 600; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__contentsList .ContentsList__ttl span { padding-left: 8px; color: #444; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__contentsList .ContentsList__ttl span { font-size: 12px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__contentsList .ContentsList__ttl span { font-size: 1.2rem; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__contentsList .ContentsList__ttl span { display: none; } } @media screen and (max-width: 900px) and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__contentsList .ContentsList__ttl { font-size: 20px; } } @media screen and (max-width: 900px) and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__contentsList .ContentsList__ttl { font-size: 2rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__contentsList ol.ContentsList__link { width: auto; height: auto; margin: 16px auto 8px; padding-left: 2.4rem; counter-reset: number; list-style-type: none; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__contentsList ol.ContentsList__link { padding-left: 3.2rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__contentsList ol.ContentsList__link li.Link { position: relative; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__contentsList ol.ContentsList__link li.Link:not(:last-of-type) { margin-bottom: 8px; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__contentsList ol.ContentsList__link li.Link::before { position: absolute; counter-increment: number; content: counter(number); width: 24px; text-align: center; left: -2.4rem; top: -0.1rem; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__contentsList ol.ContentsList__link li.Link::before { font-size: 24px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__contentsList ol.ContentsList__link li.Link::before { font-size: 2.4rem; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__contentsList ol.ContentsList__link li.Link::before { left: -3.2rem; top: -0.4rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__contentsList ol.ContentsList__link li.Link a.Link__btn { vertical-align: text-top; font-weight: 700; color: #000; text-decoration: none; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__contentsList ol.ContentsList__link li.Link a.Link__btn { font-size: 16px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__contentsList ol.ContentsList__link li.Link a.Link__btn { font-size: 1.6rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__contentsList ol.ContentsList__link li.Link a.Link__btn:hover { text-decoration: underline; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__contentsList ol.ContentsList__link li.Link a.Link__btn { font-weight: 700; } } @media screen and (max-width: 900px) and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__contentsList ol.ContentsList__link li.Link a.Link__btn { font-size: 14px; } } @media screen and (max-width: 900px) and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__contentsList ol.ContentsList__link li.Link a.Link__btn { font-size: 1.4rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__borderline { width: 100%; padding: 32px 0 0; border-top: solid 1px #d8d8d8; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__borderline { width: auto; padding: 20px 0 0; margin: 0 20px; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__title { font-weight: 700; margin-bottom: 32px; padding: 12px 0 12px 16px; position: relative; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__title::before { content: ""; position: absolute; top: 0; left: 0; width: 6px; height: 100%; background-color: #FF008C; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__title { font-size: 24px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__title { font-size: 2.4rem; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__title { margin: 0 20px 16px; } } @media screen and (max-width: 900px) and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__title { font-size: 18px; } } @media screen and (max-width: 900px) and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__title { font-size: 1.8rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__subTitle { font-weight: 700; margin: 0 0 24px; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__subTitle { font-size: 20px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__subTitle { font-size: 2rem; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__subTitle { margin: 0 20px 16px; } } @media screen and (max-width: 900px) and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__subTitle { font-size: 16px; } } @media screen and (max-width: 900px) and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__subTitle { font-size: 1.6rem; } } /* */ #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__h4Title { font-weight: 700; margin: 0 0 20px; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__h4Title { font-size: 18px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__h4Title { font-size: 1.8rem; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__h4Title { margin: 0 20px 16px; } } @media screen and (max-width: 900px) and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__h4Title { font-size: 14px; } } @media screen and (max-width: 900px) and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__h4Title { font-size: 1.4rem; } } /* */ #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__imgW300px { display: block; line-height: 0; margin: 0 auto 32px; width: 300px; height: auto; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__imgW300px img { width: 100%; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__imgW300px { margin: 0 20px 24px; text-align: center; height: 300px; width: auto; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__imgW300px img { width: auto; height: 100%; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__imgW400px { display: block; line-height: 0; margin: 0 auto 32px; width: 400px; height: auto; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__imgW400px img { width: 100%; height: auto; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__imgW400px { width: auto; max-width: 300px; margin: 0 auto 24px; padding: 0 20px; text-align: center; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__imgFull { display: block; line-height: 0; margin: 0 auto 32px; width: 100%; height: auto; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__imgFull.Fee_Mb-0 { margin: 0 auto; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__imgFull.Fee_Mb-16 { margin: 0 auto 16px; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__imgFull img { width: 100%; height: auto; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__imgFull { margin: 0 0 24px; text-align: center; height: auto; width: 100%; padding-inline: 20px; box-sizing: border-box; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__imgFull img { width: 100%; height: auto; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__movie { width: 704px; height: auto; display: block; line-height: 0; margin: 0 auto 32px; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__movie { width: auto; margin: 0 20px 24px; text-align: center; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__movie img, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__movie video { width: 100%; height: auto; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__movie.-full { width: 704px; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__movie.-full { width: 100%; margin: 0 0 24px; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__movie .Movie__youtube { position: relative; padding-bottom: 56.25% /*アスペクト比 16:9ã®å ´åˆã®ç¸¦å¹…*/; height: 0; overflow: hidden; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__movie .Movie__youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* update 20201111 */ #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt { margin-bottom: 36px; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt ul { margin: 0 auto 24px; margin-bottom: 32px; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt ul>li { padding-left: 16px; text-indent: -16px; margin-top: 0.5em; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt ul>li::before { content: ""; display: inline-block; margin-right: 8px; margin-top: -4px; width: 8px; height: 8px; vertical-align: middle; border-radius: 50%; background-color: #9696b2; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt ol { margin: 0 auto 24px; counter-reset: number; margin-bottom: 32px; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt ol>li { padding-left: calc(.8125em + 8px); position: relative; margin-top: 0.5em; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt ol>li::before { content: counter(number); counter-increment: number; display: inline-block; position: absolute; left: 0; top: 0; line-height: 1.3; font-family: 'Rakuten Global',sans-serif; font-size: 125%; font-weight: 700; } /* update 20201111 */ #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt p, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt ul, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt ol, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__blockquote p, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt li.List__innter, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__blockquote li.List__innter { width: 704px; margin: 0 auto 24px; color: #444; line-height: 1.8; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt p, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt ul, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt ol, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__blockquote p, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt li.List__innter, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__blockquote li.List__innter { font-size: 16px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt p, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt ul, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt ol, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__blockquote p, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt li.List__innter, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__blockquote li.List__innter { font-size: 1.6rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt p a, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt li a, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__blockquote p a, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt li.List__innter a, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__blockquote li.List__innter a { color: #FF33A3; text-decoration: none; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt p a:hover, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__blockquote p a:hover, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt li.List__innter a:hover, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__blockquote li.List__innter a:hover { text-decoration: underline; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn h3, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn table, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt p, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt ul, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt ol, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__blockquote p, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt li.List__innter, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__blockquote li.List__innter { width: auto; line-height: 2; margin: 0 20px 16px; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt p.Txt__bold, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__blockquote p.Txt__bold, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt li.List__innter.Txt__bold, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__blockquote li.List__innter.Txt__bold { color: #000; font-weight: 700; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt p.Txt__normal, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__blockquote p.Txt__normal, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt li.List__innter.Txt__normal, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__blockquote li.List__innter.Txt__normal { color: #444; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt p:last-of-type, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__blockquote p:last-of-type, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt li.List__innter:last-of-type, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__blockquote li.List__innter:last-of-type { margin-bottom: 32px; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt p:last-of-type, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__blockquote p:last-of-type, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt li.List__innter:last-of-type, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__blockquote li.List__innter:last-of-type { margin-bottom: 16px; } } @media screen and (max-width: 900px) and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn table p, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt p, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt ul, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt ol, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__blockquote p, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt li.List__innter, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__blockquote li.List__innter { font-size: 14px; } } @media screen and (max-width: 900px) and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn table p, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt p, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt ul, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt ol, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__blockquote p, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt li.List__innter, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__blockquote li.List__innter { font-size: 1.4rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt:has(+ h3), #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt p:has(+ h3), #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt ol:has(+ h3), #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt ul:has(+ h3) { margin-bottom: 48px; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt:has(+ h3), #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt p:has(+ h3), #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt ol:has(+ h3), #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt ul:has(+ h3){ margin-bottom: 32px; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt:has(+ h2), #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt:has(+ .Temp__border), #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt p:has(+ h2), #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt ol:has(+ h2) { margin-bottom: 56px; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt:has(+ h2), #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt:has(+ .Temp__border), #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt p:has(+ h2), #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt ol:has(+ h2) { margin-bottom: 40px; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt .Txt__list, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__blockquote .Txt__list { padding: 0 0 0 1.5rem; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt .Txt__list .List__innter, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__blockquote .Txt__list .List__innter { text-indent: -1.5rem; margin-bottom: 0; padding-bottom: 0; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt .Txt__list .List__innter::before, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__blockquote .Txt__list .List__innter::before { content: ''; width: 1.5rem; display: inline-block; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt ul li.List__innter, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__blockquote ul li.List__innter { list-style: disc; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt ol li.List__innter, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__blockquote ol li.List__innter { list-style-type: decimal; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn blockquote.Temp__blockquote { width: 704px; box-sizing: border-box; display: block; background-color: #f0f0f0; border-left: 4px solid #d8d8d8; padding: 24px 24px 16px; margin: 0 auto 32px; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn blockquote.Temp__blockquote { width: auto; margin: 0 20px 24px; padding: 16px 16px 10px; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn blockquote.Temp__blockquote q.Txt__quote p.Txt__normal { width: auto; margin-bottom: 0; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn blockquote.Temp__blockquote q.Txt__quote p.Txt__normal { margin: 0; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn blockquote.Temp__blockquote q.Txt__quote p.Txt__normal::before, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn blockquote.Temp__blockquote q.Txt__quote p.Txt__normal::after { content: '“'; display: inline-block; width: 16px; line-height: 0; vertical-align: -8px; color: #9b9b9b; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn blockquote.Temp__blockquote q.Txt__quote p.Txt__normal::before, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn blockquote.Temp__blockquote q.Txt__quote p.Txt__normal::after { font-size: 30px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn blockquote.Temp__blockquote q.Txt__quote p.Txt__normal::before, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn blockquote.Temp__blockquote q.Txt__quote p.Txt__normal::after { font-size: 3rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn blockquote.Temp__blockquote q.Txt__quote p.Txt__normal::after { content: '”'; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn blockquote.Temp__blockquote q.Txt__quote p.Txt__normal cite { font-size: 12px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn blockquote.Temp__blockquote q.Txt__quote p.Txt__normal cite { font-size: 1.2rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__menu { border: 8px solid #d8d8d8; padding: 0 16px; margin: 0 20px 32px; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__menu { border: 4px solid #d8d8d8; padding: 0 8px; margin-bottom: 24px; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__menu table.Menu__table { width: 100%; display: table; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__menu table.Menu__table thead.Table__head { width: 100%; display: table-header-group; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__menu table.Menu__table thead.Table__head tr.Head__line { display: table-row; border-bottom: 1px solid #d8d8d8; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__menu table.Menu__table thead.Table__head tr.Head__line .Line__ttl { display: table-cell; font-weight: 700; color: #FF33A3; text-align: left; padding: 16px 24px 12px; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__menu table.Menu__table thead.Table__head tr.Head__line .Line__ttl { font-size: 18px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__menu table.Menu__table thead.Table__head tr.Head__line .Line__ttl { font-size: 1.8rem; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__menu table.Menu__table thead.Table__head tr.Head__line .Line__ttl { padding: 14px 8px 10px; } } @media screen and (max-width: 900px) and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__menu table.Menu__table thead.Table__head tr.Head__line .Line__ttl { font-size: 16px; } } @media screen and (max-width: 900px) and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__menu table.Menu__table thead.Table__head tr.Head__line .Line__ttl { font-size: 1.6rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__menu table.Menu__table tbody.Table__body { width: 100%; display: table-row-group; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__menu table.Menu__table tbody.Table__body tr.Body__line { display: table-row; border-bottom: 1px solid #d8d8d8; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__menu table.Menu__table tbody.Table__body tr.Body__line:last-of-type { border-bottom: none; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__menu table.Menu__table tbody.Table__body tr.Body__line .Line__ttl { display: table-cell; font-weight: 500; text-align: left; vertical-align: middle; padding: 16px 24px 12px; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__menu table.Menu__table tbody.Table__body tr.Body__line .Line__ttl { font-size: 16px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__menu table.Menu__table tbody.Table__body tr.Body__line .Line__ttl { font-size: 1.6rem; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__menu table.Menu__table tbody.Table__body tr.Body__line .Line__ttl { padding: 8px 8px 6px; } } @media screen and (max-width: 900px) and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__menu table.Menu__table tbody.Table__body tr.Body__line .Line__ttl { font-size: 14px; } } @media screen and (max-width: 900px) and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__menu table.Menu__table tbody.Table__body tr.Body__line .Line__ttl { font-size: 1.4rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__menu table.Menu__table tbody.Table__body tr.Body__line .Line__txt { display: table-cell; font-weight: 500; text-align: right; vertical-align: middle; padding: 16px 24px 12px; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__menu table.Menu__table tbody.Table__body tr.Body__line .Line__txt { font-size: 16px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__menu table.Menu__table tbody.Table__body tr.Body__line .Line__txt { font-size: 1.6rem; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__menu table.Menu__table tbody.Table__body tr.Body__line .Line__txt { padding: 8px 8px 6px; } } @media screen and (max-width: 900px) and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__menu table.Menu__table tbody.Table__body tr.Body__line .Line__txt { font-size: 14px; } } @media screen and (max-width: 900px) and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__menu table.Menu__table tbody.Table__body tr.Body__line .Line__txt { font-size: 1.4rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__menu table.Menu__table tfoot.Table__foot { width: 100%; display: table-footer-group; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__menu table.Menu__table tfoot.Table__foot tr.Foot__line { display: table-row; border-top: 1px solid #d8d8d8; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__menu table.Menu__table tfoot.Table__foot tr.Foot__line th.Line__txt { display: table-cell; font-weight: 400; color: #444; text-align: left; padding: 18px 24px 14px; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__menu table.Menu__table tfoot.Table__foot tr.Foot__line th.Line__txt { font-size: 12px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__menu table.Menu__table tfoot.Table__foot tr.Foot__line th.Line__txt { font-size: 1.2rem; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__menu table.Menu__table tfoot.Table__foot tr.Foot__line th.Line__txt { padding: 10px 8px 8px; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__bannerBox { text-align: center; width: 100%; height: auto; margin: 0 auto 40px; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__bannerBox { width: auto; max-width: 600px; margin: 16px auto 24px; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__bannerBox a.BannerBox__link { display: block; line-height: 0; transition: opacity 0.2s ease; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__bannerBox a.BannerBox__link:hover { opacity: 0.8; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__bannerBox a.BannerBox__link img.Link__img { width: auto; height: auto; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__bannerBox a.BannerBox__link img.Link__img { max-width: 704px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__bannerBox a.BannerBox__link img.Link__img { width: 100%; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__bannerBox a.BannerBox__link { margin: 0 20px; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox { margin: 0 0 32px; padding: 24px 40px 32px; width: auto; height: auto; background-color: #f0f0f0; color: #000; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox { margin: 16px 20px 24px; padding: 16px; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox p.InfoBox__title { text-align: center; margin-bottom: 8px; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox p.InfoBox__title { font-size: 30px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox p.InfoBox__title { font-size: 3rem; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox p.InfoBox__title { font-weight: 600; margin-bottom: 10px; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox p.InfoBox__title span { margin-left: 8px; color: #444; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox p.InfoBox__title span { font-size: 12px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox p.InfoBox__title span { font-size: 1.2rem; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox p.InfoBox__title span { display: none; } } @media screen and (max-width: 900px) and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox p.InfoBox__title { font-size: 20px; } } @media screen and (max-width: 900px) and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox p.InfoBox__title { font-size: 2rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox .InfoBox__subtitle { font-weight: 700; margin-top: 8px; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox .InfoBox__subtitle { font-size: 14px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox .InfoBox__subtitle { font-size: 1.4rem; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox .InfoBox__subtitle { margin-bottom: 10px; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox .InfoBox__subtitle a { text-decoration: none; color: #000; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox .InfoBox__subtitle a:hover { text-decoration: underline; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox p.InfoBox__txt { margin-top: 8px; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox p.InfoBox__txt { font-size: 14px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox p.InfoBox__txt { font-size: 1.4rem; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox p.InfoBox__txt { margin-bottom: 10px; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox .InfoBox__btn { margin-top: 20px; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox .InfoBox__btn { margin: 0; line-height: 0; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox .InfoBox__btn.-large { display: block; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox .InfoBox__btn.-large { font-size: 16px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox .InfoBox__btn.-large { font-size: 1.6rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox .InfoBox__btn.-large a.Btn__more { text-align: center; display: inline-block; text-decoration: none; width: 100%; height: 50px; line-height: 3.3; font-weight: bold; color: #fff; background-color: #FF008C; transition: background-color 0.2s ease; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox .InfoBox__btn.-large a.Btn__more { height: 40px; line-height: 2.8; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox .InfoBox__btn.-large a.Btn__more:hover { color: #fff; background-color: #FF33A3; } @media screen and (max-width: 900px) and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox .InfoBox__btn.-large a.Btn__more { font-size: 16px; } } @media screen and (max-width: 900px) and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox .InfoBox__btn.-large a.Btn__more { font-size: 1.6rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox .InfoBox__btn.-multiple { display: flex; justify-content: space-between; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox .InfoBox__btn.-multiple { display: block; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox .InfoBox__btn.-multiple a.Btn__more:not(:last-of-type) { margin-right: 24px; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__infoBox .InfoBox__btn.-multiple a.Btn__more:not(:last-of-type) { margin: 0 0 16px 0; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__btn { margin-bottom: 32px /* margin for This Page */; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__btn { margin: 8px 20px 24px /* margin for This Page */; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__btn .Btn.-large { width: 704px; margin: 0 auto; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__btn .Btn.-large { font-size: 16px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__btn .Btn.-large { font-size: 1.6rem; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__btn .Btn.-large { width: auto; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__btn .Btn.-large a { font-weight: bold; text-align: center; display: inline-block; text-decoration: none; transition: background-color 0.2s ease; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__btn .Btn.-large a:hover { color: #fff; background-color: #FF33A3; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__btn .Btn.-large .Btn__more { width: 100%; /* height: 50px; */ line-height: 3.3; color: #fff; background-color: #FF008C; border-radius: 40px; box-shadow: 0 5px 10px -5px rgba(0,0,0,0.5); } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__btn .Btn.-large .Btn__more:after { content:" >>"; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__btn .Btn.-large .Btn__more { /* height: 40px; */ /* line-height: 2.8; */ line-height: 1.4; padding: 16px 0px; border-radius: 40px; box-shadow: 0 5px 10px -5px rgba(0,0,0,0.5); } } @media screen and (max-width: 900px) and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__btn .Btn.-large .Btn__more { font-size: 16px; } } @media screen and (max-width: 900px) and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__btn .Btn.-large .Btn__more { font-size: 1.6rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn ul.Article__attention { padding: 16px 0 16px 1rem; border-top: solid 1px #d8d8d8; border-bottom: solid 1px #d8d8d8; margin-bottom: 24px /* margin for This Page */; color: #444; line-height: 1.5; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn ul.Article__attention { font-size: 12px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn ul.Article__attention { font-size: 1.2rem; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn ul.Article__attention { margin: 0 20px 20px; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn ul.Article__attention li.Attention__txt { list-style-type: none; text-indent: -1rem; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn ul.Article__attention li.Attention__txt::before { display: inline; content: "※"; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__categories { width: 100%; display: flex; justify-content: flex-end; margin-bottom: 24px /* margin for This Page */; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__categories { width: auto; display: block; font-weight: 600; vertical-align: top; margin: 0 20px 24px; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__categories a { text-align: center; display: inline-block; text-decoration: none; transition: background-color 0.2s ease; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__categories a { font-size: 12px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__categories a { font-size: 1.2rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__categories a:hover { color: #fff; background-color: #FF33A3; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__categories a { font-weight: 400; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__categories .Categories__category { margin-right: 24px; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__categories .Categories__category { margin: 0 0 8px 0; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__categories .Categories__category a.Btn__category { width: auto; height: 24px; line-height: 2.2; color: #fff; background-color: #FF008C; padding: 0 12px; transition: background-color 0.2s ease; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__categories .Categories__category a.Btn__category:hover { color: #fff; background-color: #FF33A3; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__categories .Categories__category a.Btn__category:first-of-type { margin-left: 8px; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__categories .Categories__category a.Btn__category:first-of-type { margin-left: 16px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__categories .Categories__category a.Btn__category { height: 32px; line-height: 2.9; vertical-align: baseline; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__categories .Categories__tag a.Btn__tag { width: auto; height: 24px; line-height: 2.2; color: #000; background-color: #f0f0f0; padding: 0 12px; margin-right: 8px; margin-top: 0; margin-bottom: 5px; transition: background-color 0.2s ease; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__categories .Categories__tag a.Btn__tag:hover { color: #fff; background-color: #FF33A3; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__categories .Categories__tag a.Btn__tag:first-of-type { margin-left: 8px; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__categories .Categories__tag a.Btn__tag:first-of-type { margin-left: 16px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__categories .Categories__tag a.Btn__tag { margin-top: 8px; margin-bottom: 0; height: 32px; line-height: 2.9; vertical-align: baseline; } } @media screen and (max-width: 900px) and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__categories { font-size: 16px; } } @media screen and (max-width: 900px) and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__categories { font-size: 1.6rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__snsBtns { margin: 24px 0 80px /* margin for This Page */; display: flex; justify-content: space-between; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__snsBtns { display: block; width: auto; margin: 0 20px 24px; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__snsBtns a { transition: opacity 0.2s ease; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__snsBtns a.Sns__facebook, #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__snsBtns a.Sns__twitter { display: flex; justify-content: center; align-items: center; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__snsBtns a.Sns__facebook.-large { width: 100%; height: 80px; background-color: #3c5a99; margin-right: 24px /* margin for This Page */; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__snsBtns a.Sns__facebook.-large { width: 100%; height: 60px; margin: 0 0 16px 0; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__snsBtns a.Sns__twitter.-large { width: 100%; height: 80px; background-color: #fff; border: 1px solid #000; box-sizing: border-box; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__snsBtns a.Sns__twitter.-large { width: 100%; height: 60px; margin: 0 0 16px 0; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Article__snsBtns a:hover { opacity: 0.8; } /* Related Links */ #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__title { width: 100%; text-align: center; padding: 32px 0 24px; border-top: solid 1px #d8d8d8; font-weight: 500; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__title { font-size: 30px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__title { font-size: 3rem; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__title { width: auto; font-weight: 600; padding: 24px 0 0; margin: 0 10px 8px; } } @media screen and (max-width: 900px) and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__title { font-size: 20px; } } @media screen and (max-width: 900px) and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__title { font-size: 2rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__thumb { display: flex; flex-wrap: wrap; margin-bottom: 40px /* margin for This Page */; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__thumb { display: block; margin-bottom: 0 /* margin for This Page */; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__thumb .ArticleThumb { width: 224px; height: auto; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__thumb .ArticleThumb { border-top: solid 1px #d8d8d8; padding-top: 16px; margin-right: 16px /* margin for This Page */; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__thumb .ArticleThumb:nth-of-type(3) { margin-right: 0; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__thumb .ArticleThumb { padding-bottom: 16px; width: auto; margin: 0 20px; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__thumb .ArticleThumb:not(:first-of-type) { border-top: solid 1px #d8d8d8; padding-top: 8px; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__thumb .ArticleThumb .ArticleThumb__date { font-family: "Noto Sans JP"; margin-bottom: 10px; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__thumb .ArticleThumb .ArticleThumb__date { font-size: 14px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__thumb .ArticleThumb .ArticleThumb__date { font-size: 1.4rem; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__thumb .ArticleThumb .ArticleThumb__date { letter-spacing: 1px; margin-bottom: 8px; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__thumb .ArticleThumb a { text-decoration: none; color: #000; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__thumb .ArticleThumb a.ArticleThumb__link { display: block; margin-bottom: 10px; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__thumb .ArticleThumb a.ArticleThumb__link .Link__img { margin-bottom: 16px; line-height: 0; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__thumb .ArticleThumb a.ArticleThumb__link .Link__img img { width: 100%; height: auto /* margin for This Page */; -o-object-fit: contain; object-fit: contain; transition: opacity 0.2s ease; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__thumb .ArticleThumb a.ArticleThumb__link .Link__img img:hover { opacity: 0.8; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__thumb .ArticleThumb a.ArticleThumb__link .Link__img img { height: auto; max-height: 200px; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__thumb .ArticleThumb a.ArticleThumb__link h3.Link__ttl { font-weight: 700; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__thumb .ArticleThumb a.ArticleThumb__link h3.Link__ttl { font-size: 16px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__thumb .ArticleThumb a.ArticleThumb__link h3.Link__ttl { font-size: 1.6rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__thumb .ArticleThumb a.ArticleThumb__link h3.Link__ttl:hover { text-decoration: underline; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__thumb .ArticleThumb .ArticleThumb__txt { margin-bottom: 10px; color: #444; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__thumb .ArticleThumb .ArticleThumb__txt { font-size: 14px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__thumb .ArticleThumb .ArticleThumb__txt { font-size: 1.4rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__thumb .ArticleThumb .Btn.-small { display: inline-block; margin-top: -8px; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__thumb .ArticleThumb .Btn.-small { font-size: 12px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__thumb .ArticleThumb .Btn.-small { font-size: 1.2rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__thumb .ArticleThumb .Btn.-small a { text-align: center; display: inline-block; text-decoration: none; transition: background-color 0.2s ease; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__thumb .ArticleThumb .Btn.-small a.Btn__category { width: auto; height: 24px; line-height: 2.2; color: #fff; background-color: #FF008C; padding: 0 12px; margin-right: 8px; margin-top: 8px; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__thumb .ArticleThumb .Btn.-small a.Btn__category { height: 32px; line-height: 2.9; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__thumb .ArticleThumb .Btn.-small a.Btn__tag { width: auto; height: 24px; line-height: 2.2; color: #000; background-color: #f0f0f0; padding: 0 12px; margin-right: 8px; margin-top: 8px; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__thumb .ArticleThumb .Btn.-small a.Btn__tag { height: 32px; line-height: 2.9; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__thumb .ArticleThumb .Btn.-small a.Btn__tag:last-of-type { margin-right: 0; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__thumb .ArticleThumb .Btn.-small a:hover { color: #fff; background-color: #FF33A3; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__btn { max-width: 600px; margin: 0 auto 60px /* margin for This Page */; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__btn { width: 90%; margin: 8px auto 32px /* margin for This Page */; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__btn .Btn.-large { font-weight: bold; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__btn .Btn.-large { font-size: 16px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__btn .Btn.-large { font-size: 1.6rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__btn .Btn.-large a { text-align: center; display: inline-block; text-decoration: none; transition: background-color 0.2s ease; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__btn .Btn.-large a:hover { background-color: #3b3ba3; color: #fff } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__btn .Btn.-large .Btn__more { width: 100%; height: 50px; line-height: 3.3; background-color: #fff; border: 1px solid #cecef5; color: #3b3ba3; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__btn .Btn.-large .Btn__more { height: 40px; line-height: 2.8; } } @media screen and (max-width: 900px) and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__btn .Btn.-large .Btn__more { font-size: 16px; } } @media screen and (max-width: 900px) and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__reratedLinks .ReratedLinks__btn .Btn.-large .Btn__more { font-size: 1.6rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__about { margin-bottom: 60px /* margin for This Page */; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__about { margin: 0 20px 40px /* margin for This Page */; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__about .About__infoBox { margin: 0 0 32px; padding: 24px 40px 32px; width: auto; height: auto; background-color: #f0f0f0; color: #000; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__about .About__infoBox { padding: 16px; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__about .About__infoBox p.InfoBox__title { text-align: center; margin-bottom: 16px; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__about .About__infoBox p.InfoBox__title { font-size: 30px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__about .About__infoBox p.InfoBox__title { font-size: 3rem; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__about .About__infoBox p.InfoBox__title { font-weight: 600; line-height: 1; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__about .About__infoBox p.InfoBox__title span { margin-left: 8px; color: #444; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__about .About__infoBox p.InfoBox__title span { font-size: 12px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__about .About__infoBox p.InfoBox__title span { font-size: 1.2rem; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__about .About__infoBox p.InfoBox__title span { display: none; } } @media screen and (max-width: 900px) and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__about .About__infoBox p.InfoBox__title { font-size: 20px; } } @media screen and (max-width: 900px) and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__about .About__infoBox p.InfoBox__title { font-size: 2rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__about .About__infoBox .InfoBox { display: flex; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__about .About__infoBox .InfoBox { display: block; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__about .About__infoBox .InfoBox .InfoBox__left { flex-shrink: 0; width: 100px; height: auto; margin-right: 16px; line-height: 0; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__about .About__infoBox .InfoBox .InfoBox__left img { width: 100%; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__about .About__infoBox .InfoBox .InfoBox__left { margin: 0 auto 16px; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__about .About__infoBox .InfoBox .InfoBox__right { width: auto; flex-grow: 1; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__about .About__infoBox .InfoBox .InfoBox__right a { color: #000; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__about .About__infoBox .InfoBox .InfoBox__right p.Light__title { margin-bottom: 8px; font-weight: 700; color: #444; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__about .About__infoBox .InfoBox .InfoBox__right p.Light__title { font-size: 16px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__about .About__infoBox .InfoBox .InfoBox__right p.Light__title { font-size: 1.6rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__about .About__infoBox .InfoBox .InfoBox__right p.Light__txt { color: #000; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__about .About__infoBox .InfoBox .InfoBox__right p.Light__txt { font-size: 14px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .LeftColumn__about .About__infoBox .InfoBox .InfoBox__right p.Light__txt { font-size: 1.4rem; } } /* Magazine Side Column */ #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn { width: 320px; height: auto; margin-top: 16px /* margin for This Page */; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn { width: auto; margin-top: 0; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn { width: 320px; height: auto; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn { width: auto; height: auto; margin: 0 20px /* margin for This Page */; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__search { margin-top: 16px /* margin for This Page */; padding-bottom: 24px; border-bottom: solid 1px #d8d8d8; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__search .Search__ttl { margin: 16px 0; font-weight: 600; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__search .Search__ttl { font-size: 16px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__search .Search__ttl { font-size: 1.6rem; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__search .Search__ttl { padding-top: 16px; border-top: solid 1px #d8d8d8; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__search form.Search__form { width: 100%; height: auto; display: flex; justify-content: space-between; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__search form.Search__form input.Form__input { color: #444; padding: 0 8px; width: 100%; height: 40px; border: solid 1px #444; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__search form.Search__form input.Form__input { font-size: 14px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__search form.Search__form input.Form__input { font-size: 1.4rem; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__search form.Search__form input.Form__input { width: 100%; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__search form.Search__form input.Form__submit { margin: 0; vertical-align: top; width: 40px; height: 40px; flex-shrink: 0; border: solid 1px #444; background: url("/sumakatsu/common/img/icon_search.svg") no-repeat center; background-color: #444; cursor: pointer; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__category { padding-bottom: 24px; border-bottom: solid 1px #d8d8d8; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__category .Category__ttl { margin: 16px 0; font-weight: 600; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__category .Category__ttl { font-size: 16px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__category .Category__ttl { font-size: 1.6rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__category .Category__list { margin: -8px 0; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__category .Category__list .List__link p.Link__txt a { line-height: 2; color: #000; text-decoration: none; transition: color 0.2s ease; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__category .Category__list .List__link p.Link__txt a::before { content: url("/sumakatsu/common/img/icon_triangle.svg"); display: inline-block; vertical-align: top; margin-right: 8px; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__category .Category__list .List__link p.Link__txt a { font-size: 14px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__category .Category__list .List__link p.Link__txt a { font-size: 1.4rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__category .Category__list .List__link p.Link__txt a:hover { color: #FF33A3; } @media screen and (max-width: 900px) and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__category .Category__list .List__link p.Link__txt a { font-size: 16px; } } @media screen and (max-width: 900px) and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__category .Category__list .List__link p.Link__txt a { font-size: 1.6rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__ranking { padding-bottom: 24px; border-bottom: solid 1px #d8d8d8; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__ranking .Ranking__ttl { margin: 16px 0; font-weight: 600; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__ranking .Ranking__ttl { font-size: 16px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__ranking .Ranking__ttl { font-size: 1.6rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__ranking .RankingThumb:not(:last-of-type) { margin-bottom: 24px; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__ranking .RankingThumb:not(:last-of-type) { margin-bottom: 16px; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__ranking .RankingThumb:nth-of-type(1) a.RankingThumb__box .Box__img::before, #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__ranking .RankingThumb:nth-of-type(2) a.RankingThumb__box .Box__img::before, #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__ranking .RankingThumb:nth-of-type(3) a.RankingThumb__box .Box__img::before { position: absolute; z-index: 1; content: ''; display: block; width: 32px; height: 32px; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__ranking .RankingThumb:nth-of-type(1) a.RankingThumb__box .Box__img::before, #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__ranking .RankingThumb:nth-of-type(2) a.RankingThumb__box .Box__img::before, #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__ranking .RankingThumb:nth-of-type(3) a.RankingThumb__box .Box__img::before { width: 24px; height: 24px; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__ranking .RankingThumb:nth-of-type(1) a.RankingThumb__box .Box__img::before { background: url("/sumakatsu/common/img/icon_ranking_1.svg") no-repeat; background-size: contain; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__ranking .RankingThumb:nth-of-type(2) a.RankingThumb__box .Box__img::before { background: url("/sumakatsu/common/img/icon_ranking_2.svg") no-repeat; background-size: contain; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__ranking .RankingThumb:nth-of-type(3) a.RankingThumb__box .Box__img::before { background: url("/sumakatsu/common/img/icon_ranking_3.svg") no-repeat; background-size: contain; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__ranking .RankingThumb a.RankingThumb__box { display: flex; flex-direction: row; text-decoration: none; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__ranking .RankingThumb a.RankingThumb__box .Box__img { position: relative; flex-shrink: 0; margin-right: 16px; width: 80px; height: 80px; transition: opacity 0.2s ease; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__ranking .RankingThumb a.RankingThumb__box .Box__img:hover { opacity: 0.8; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__ranking .RankingThumb a.RankingThumb__box .Box__img img { width: 100%; height: auto; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__ranking .RankingThumb a.RankingThumb__box .Box__img { margin-right: 8px; width: 60px; height: 60px; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__ranking .RankingThumb a.RankingThumb__box .Box__txts .Box__ttl { color: #000; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__ranking .RankingThumb a.RankingThumb__box .Box__txts .Box__ttl { font-size: 14px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__ranking .RankingThumb a.RankingThumb__box .Box__txts .Box__ttl { font-size: 1.4rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__ranking .RankingThumb a.RankingThumb__box .Box__txts .Box__ttl:hover { text-decoration: underline; } @media screen and (max-width: 900px) and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__ranking .RankingThumb a.RankingThumb__box .Box__txts .Box__ttl { font-size: 12px; } } @media screen and (max-width: 900px) and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__ranking .RankingThumb a.RankingThumb__box .Box__txts .Box__ttl { font-size: 1.2rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__ranking .RankingThumb a.RankingThumb__box .Box__txts .Box__date { font-family: YakuHanJP, "Noto Sans JP"; color: #444; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__ranking .RankingThumb a.RankingThumb__box .Box__txts .Box__date { font-size: 12px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__ranking .RankingThumb a.RankingThumb__box .Box__txts .Box__date { font-size: 1.2rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__tag { padding-bottom: 8px; border-bottom: solid 1px #d8d8d8; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__tag { line-height: 0; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__tag .Category__ttl { margin: 16px 0; font-weight: 600; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__tag .Category__ttl { font-size: 16px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__tag .Category__ttl { font-size: 1.6rem; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__tag .Category__ttl { line-height: 1.5; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__tag a { text-align: center; display: inline-block; text-decoration: none; } @media screen and (min-width: 901px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__tag a { font-size: 12px; } } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__tag a { font-size: 1.2rem; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__tag a.Btn__tag { width: auto; height: 24px; line-height: 2.2; color: #000; background-color: #f0f0f0; padding: 0 12px; margin: 0 8px 16px 0; transition: background-color 0.2s ease; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__tag a.Btn__tag:hover { color: #fff; background-color: #FF33A3; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__tag a.Btn__tag { height: 32px; line-height: 2.9; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__banner { display: flex; justify-content: center; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__banner.-top { margin: 24px auto; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__banner.-top { margin: 0 auto 24px; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__banner.-bottom { margin: 24px auto 0; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__banner.-bottom { margin: 24px auto 0; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__banner a.Banner__link { display: block; max-width: 320px; line-height: 0; transition: opacity 0.2s ease; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__banner a.Banner__link:hover { opacity: 0.8; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__banner a.Banner__link img.Link__img { width: 100%; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__ad { padding-bottom: 24px; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__ad .AD__block { width: 300px; height: 250px; margin: 24px auto 0; } @media screen and (max-width: 900px) { #RakulabContent #RakulabMagazine .RakulabMagazine__detail aside.Contents__rightColumn .RightColumn__sideColumn .SideColumn__ad .AD__block { display: flex; justify-content: center; text-align: center; width: auto; } } @media screen and (max-width: 900px) { table.block_wysiwyg { margin-right: 20px; width: calc(100% - 40px)!important; } } table.block_wysiwyg { margin: 32px 0; width: 100%; } table.block_wysiwyg th, table.block_wysiwyg td { padding: 1em; border: 1px solid #d8d8d8; } table.block_wysiwyg th { background-color: #f0f0f0; } .frame-wrapper__video { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; margin-bottom: 50px; } .frame-wrapper__video iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .content_blockquote { margin-bottom: 24px; padding: 68px 30px 65px; background-color: #eee; background-image: url("/sumakatsu/common/img/quotation-t.png"), url("/sumakatsu/common/img/quotation-b.png"); background-position: 2% 2%, 98% 98%; background-size: 60px 52px; background-repeat: no-repeat; } .content_blockquote p + p { margin-top: 16px;} .content_blockquote a { color: #FF33A3; text-decoration: none; } @media screen and (max-width: 900px) { .content_blockquote { margin: 0 20px 16px; padding: 40px 16px; background-size: 35px 30px; background-position: 3% 2%, 98% 98%; font-size: 12px; } } .rakuten-keyColor01 { color: #ff008c; } .uservoice-Layout_Interview-highlight { background: -webkit-gradient(linear,left top,left bottom,color-stop(80%,transparent),color-stop(0,#ffcce8)) rgba(0,0,0,0); background: linear-gradient(transparent 80%,#ffcce8 0) rgba(0,0,0,0); font-weight: 700; } .ai-chat_Wrap { bottom: 168px; right: 16px; height: 115px; max-width: 97px; position: fixed; z-index: 999999; border-radius: 31px; } @media screen and (min-width: 835px) { .ai-chat_Wrap { height: 120px; max-width: 106px; } } .ai-chat_Wrap a { display: block; border-radius: 31px; } .ai-chat_Wrap a img { vertical-align: bottom; } .ai-chat_Close { position: absolute; top: -23px; right: 0; width: 32px; height: 32px; border-radius: 50%; border-style: none; background-color: transparent; padding-inline: 0; cursor: pointer; } .ai-chat_Close img { border-radius: 50%; vertical-align: top; } .ai-chat_Close:focus { outline: #00568F solid 2px; } /* 最強プランテーブル画像用の調整 */ #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Fee_Title { margin-top: 50px; @media screen and (min-width: 901px) { margin-top: 60px; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Fee_Border { border-radius: 0px 0px 8px 8px; border: 2px solid #e0e0e0; border-top: none; margin-inline: 20px; padding-top: 16px; @media screen and (min-width: 901px) { margin-inline: 0; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Fee_Btn-wrapper { padding-inline: 16px; margin-bottom: 24px; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Fee_Btn { max-width: 400px; margin-inline: auto; width: 100%; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Fee_Btn-link { display: inline-block; width: 100%; position: relative; text-align: center; color: #fff; font-size: 16px; font-weight: 700; text-decoration: none; padding: 16px 0px; border-radius: 50px; line-height: 1.4; box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.5); background-color: #ff008c; border: 1px solid #ff008c; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Fee_Btn-link:hover { color: #fff; background-color: #ff33a3; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt p.Fee_Caption { color: #676767; font-size: 12px; line-height: 1.4; margin-top: 24px; margin-bottom: 48px; margin-inline: 20px; @media screen and (min-width: 901px) { margin-top: 16px; margin-inline: 0; } } /* 関連コンテンツコンポーネント ここから */ .content_relatedArticles { position: relative; margin: 40px 0 56px; background-color: #fff; border: 2px solid #4d4d4d; padding: 36px 24px 25px; } .content_relatedArticles__title { display: inline-block; position: absolute; top: -16px; left: 24px; background-color: #4d4d4d; color: #fff; font-size: 20px; font-weight: 600; line-height: 28px; letter-spacing: 0.1px; padding: 4px 16px; border-radius: 8px; } #RakulabContent .content_relatedArticles__title { line-height: 28px; } .content_relatedArticles__list { list-style: none; margin: 0; padding: 0; } .content_relatedArticles__list li { display: flex; align-items: flex-start; gap: 8px; } .content_relatedArticles__list li:not(:last-child) { margin-bottom: 12px; } .content_relatedArticles__list li::before { content: ''; flex-shrink: 0; width: 8px; height: 8px; margin-top: 8px; border-radius: 50%; background-color: #8f8f8f; } .content_relatedArticles__list a { color: #0072bf; font-size: 16px; line-height: 24px; letter-spacing: 0.1px; text-decoration: none; } .content_relatedArticles__list a:hover { color: #00568f; text-decoration: underline; } @media screen and (max-width: 900px) { .content_relatedArticles { margin: 40px 20px 40px; padding: 36px 16px 16px; } .content_relatedArticles__title { left: 16px; } } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt .content_relatedArticles.content_relatedArticles .content_relatedArticles__title { width: auto; margin: 0; color: #fff; font-size: 20px; line-height: 28px; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt .content_relatedArticles.content_relatedArticles .content_relatedArticles__list { width: auto; margin: 0; color: #444; line-height: 24px; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt .content_relatedArticles.content_relatedArticles .content_relatedArticles__list li { text-indent: 0; padding-left: 0; margin-top: 0; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt .content_relatedArticles.content_relatedArticles .content_relatedArticles__list li::before { margin-top: 8px; margin-right: 0; background-color: #8f8f8f; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt .content_relatedArticles.content_relatedArticles .content_relatedArticles__list a { color: #0072bf; } #RakulabContent #RakulabMagazine .RakulabMagazine__detail main.Detail__leftColumn .Temp__txt .content_relatedArticles.content_relatedArticles .content_relatedArticles__list a:hover { color: #00568f; } /* 関連コンテンツコンポーネント ここまで */