@charset "utf-8";

.sdij-column img {width: 100%;vertical-align: top; max-width:100%}
.sdij-column .inner {padding:0 25px;}
.sdij-column .btn-menu__list {border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.sdij-column .content-layout .column__title {padding-left:0;}
.sdij-column .column__section {margin-top:40px;}
.sdij-column .column__section.ty02 {margin-top:50px;padding-bottom:40px;border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.sdij-column .column__section.ty02 .column__slide-list li {flex-basis: 46%;}
.sdij-column .column__section.ty02 .text__info {position:absolute;top:0;left:0;right:0;bottom:0;display: flex;flex-direction: column;padding:16px 14px;background: linear-gradient(0deg, rgba(0, 0, 0, 0) 33.33%, rgba(0, 0, 0, 0.4) 100%);}
.sdij-column .column__section.ty02 .text__info .title {margin-top:0;color:#fff;}
.sdij-column .column__section.ty02 .text__info .by {color:#fff;}
.sdij-column .column__section.ty02.no-line {margin-top:40px;padding-bottom:0;border-bottom:none;}

.sdij-column .column__title {position:relative;padding-left:25px;font-weight: 700;font-size: 20px;line-height: 29px;letter-spacing: -0.02em;color: rgba(0, 0, 0, 0.93);}
.sdij-column .column__title .btn_more {position:absolute;top:8px;right:25px;width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg width='9' height='13' viewBox='0 0 9 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.31081 6.36396L0.973424 1.02658L2 0L8.36396 6.36396L2 12.7279L0.973424 11.7013L6.31081 6.36396Z' fill='black' fill-opacity='0.93'/%3E%3C/svg%3E%0A") center no-repeat;}
.sdij-column .column__title + .column__list {border-top:none;}

.sdij-column .column__slide-list {gap: 0;padding-left:25px;margin-top:15px;}
.sdij-column .column__slide-list li {position:relative;display:flex;flex-direction: column;flex: 0 0 39%;text-align: left;}
.sdij-column .column__slide-list .title {margin-top:10px;font-weight: 400;font-size: 14px;line-height: 20px;letter-spacing: -0.02em;color: rgba(0, 0, 0, 0.93);}
.sdij-column .column__slide-list .by {margin-top:2px;font-weight: 300;font-size: 12px;line-height: 17px;letter-spacing: 0.005em;color: rgba(0, 0, 0, 0.6);}
.sdij-column .column__slide-list .name {font-weight: 400;font-size: 14px;line-height: 24px;color: #000;margin-top:10px;}

.sdij-column .visual {padding:36px 0 50px;background-color: rgba(0, 0, 0, 0.05);}
.sdij-column .visual .column__slide-list li {flex-basis: 21.334%;text-align: center;}
.sdij-column .visual .column__slide-list li .img {overflow:hidden;border-radius: 50%;}

.sdij-column .introduce__list-area {margin-top:36px;}
.sdij-column .introduce__list {display: flex;flex-wrap:wrap;gap:7px;margin-top:10px;}
.sdij-column .introduce__list li {display: flex;align-items: center;justify-content: center;width:calc(50% - 3.5px);height:210px;padding:0 35px;border:1px solid #e9e9e9;box-sizing: border-box;}
.sdij-column .introduce__list .link {display: flex;flex-direction: column;align-items: center;justify-items: center;font-weight: 400;}
.sdij-column .introduce__list .img {overflow:hidden;width:75px;height:75px;border-radius: 50%;}
.sdij-column .introduce__list .name {margin-top:10px;font-size: 16px;line-height: 24px;color: rgba(0, 0, 0, 0.93);}
.sdij-column .introduce__list .text {margin-top:5px;font-size: 12px;line-height: 130%;letter-spacing: -0.03em;color: rgba(0, 0, 0, 0.4);}

.sdij-column .column__list {border-top:1px solid #ebebeb;}
.sdij-column .column__list li {display:flex; padding:32px 25px;border-bottom:1px solid #ebebeb;}
.sdij-column .column__list li.ty02 {display: flex;flex-direction: column;}
.sdij-column .column__list .list__area {display: flex;}
.sdij-column .column__list .text__area {display: flex;flex-direction: column; line-height: 150%; width:100%}
.sdij-column .column__list .text__area .category, 
.sdij-column .column__list .text__area .tit {font-size: 16px;color:#000;font-weight: 500;}
.sdij-column .column__list .text__area .tit.new::after{content:'';display:inline-block;width:5px;height:6px;margin:8px 0 0 2px;vertical-align:top;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.499756 10H1.80885V1.81548H1.84117L7.02905 10H8.49976V0H7.19066V7.76786H7.15834L2.18056 0H0.499756V10Z' fill='%23C27477'/%3E%3C/svg%3E%0A");}
.sdij-column .column__list .text__area .text {margin-top:4px;font-weight: 400;font-size: 14px;color: rgba(0, 0, 0, 0.4);}
.sdij-column .column__list .text__area .user__info {margin-top:12px;font-weight: 300;font-size: 12px;line-height: 17px;letter-spacing: -0.02em;}
.sdij-column .column__list .text__area .user__info span::before {content: '';display:inline-block;width:1px;height:10px;margin:0 4px 0 2px;background-color: #959595;}
.sdij-column .column__list .text__area .user__info span:first-child::before {content: none;}
.sdij-column .column__list .text__area .time {color: #959595;}
.sdij-column .column__list .text__area .name {color: #333;}
.sdij-column .column__list .list__img {overflow:hidden;position:relative;flex-shrink: 0;flex-basis: 76px;height:76px;margin-left:10px;}
.sdij-column .column__list .list__img .img img {width:100%;height: 100%;}
.sdij-column .column__list .list__img .btn-like {position:absolute;bottom:4px;right:4px;}
.sdij-column .column__list .list__etc {position:relative;display:flex;justify-content:flex-end;margin-top:15px;}
.sdij-column .column__list .list__etc .btn-lock {position:absolute;top:4px;left:0;}

.sdij-column .author__info {display: flex;align-items: center;flex-direction: column;padding:25px 25px 40px;}
.sdij-column .author__info .img {overflow:hidden;width:75px;height:75px;border-radius: 50%;}
.sdij-column .author__info .name {margin-top:15px;font-weight: 500;font-size: 18px;line-height: 24px;letter-spacing: -0.02em;color: #000;}
.sdij-column .author__info .text {margin-top:5px;font-weight: 400;font-size: 16px;line-height: 130%;letter-spacing: -0.02em;color: rgba(0, 0, 0, 0.6);}
.sdij-column .author__info .btn-group {width:100%;margin-top:25px;}
.sdij-column .author__info .description {margin-top:15px;font-weight: 400;font-size: 12px;line-height: 18px;text-align:center;color: rgba(0, 0, 0, 0.4);}
.sdij-column .author-introduce__area {font-size: 14px;color: rgba(0, 0, 0, 0.93);}
.sdij-column .btn-line {font-size:14px;color: #595A5B;border-bottom:1px solid #595A5B;background-color: transparent;}
.sdij-column .btn-comment {height: 25px;padding:0 10px;line-height:25px;font-weight: 300;font-size: 13px;line-height: 22px;border: 1px solid #DCDCDC;background-color: #fff;}
.sdij-column .comment__text-area {padding:20px 20px 14px;background-color: #F4F4F4;}
.sdij-column .comment__text-area textarea {width:100%;height:90px;resize:none;border:none;font-size:14px;background-color: #F4F4F4;}
.sdij-column .comment__text-area textarea + .btn-area {text-align: right;}
.sdij-column .comment__text-area textarea::placeholder {color:#959595;}

.sdij-column .column__talk-area {margin-top:30px;}
.sdij-column .column__talk-area .comment__text-modify-area {padding:20px 20px 14px;background-color: #F4F4F4;}
.sdij-column .column__talk-area .comment__text-modify-area textarea {width:100%;height:90px;resize:none;border:none;font-size:14px;background-color: #F4F4F4;}
.sdij-column .column__talk-area .comment__text-modify-area textarea + .btn-area {text-align: right;}
.sdij-column .column__talk-area .comment__text-modify-area textarea::placeholder {color:#959595;}

.sdij-column .column__talk-area .comment__list {margin-bottom:25px;padding-bottom:30px;border-bottom:1px solid #D9D9D9;}
.sdij-column .column__talk-area .comment__list li {margin-top:20px;padding-top:20px;border-top:1px solid #D9D9D9;}
.sdij-column .column__talk-area .comment__list li .comment__text-area {border:1px solid #ccc;background-color: #fff;}
.sdij-column .column__talk-area .comment__list li .comment__text-area textarea {height: 70px;background-color: #fff;}
.sdij-column .column__talk-area .comment__list li .comment__readonly {padding:20px;background-color: #F4F4F4;}
.sdij-column .column__talk-area .comment__list li .comment__text-area, 
.sdij-column .column__talk-area .comment__list li .comment__readonly {position:relative;margin:10px 0 0 16px;}
.sdij-column .column__talk-area .comment__list li .comment__text-area::before, 
.sdij-column .column__talk-area .comment__list li .comment__readonly::before {content: '';position:absolute;top:-4px;left:-16px;width:16px;height:22px;}
.sdij-column .column__talk-area .comment__list li .comment__text-area::before {background-image: url("data:image/svg+xml,%3Csvg width='16' height='22' viewBox='0 0 16 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_2)'%3E%3Cmask id='mask0_1_2' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='18' height='22'%3E%3Cpath d='M18 0H0V22H18V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1_2)'%3E%3Cpath d='M16.8491 19.6519L1.18159 3.5H16.4902H16.9902V3V-12.5H844.5V92.5H16.9902V20V19.7973L16.8491 19.6519Z' fill='white' stroke='%23CCCCCC'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_2'%3E%3Crect width='16' height='22' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");} 
.sdij-column .column__talk-area .comment__list li .comment__readonly::before {top:0;background-image: url("data:image/svg+xml,%3Csvg width='16' height='22' viewBox='0 0 16 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_8)'%3E%3Cmask id='mask0_1_8' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='18' height='22'%3E%3Cpath d='M18 0H0V22H18V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1_8)'%3E%3Cpath d='M16.4902 -19H845V139.5H16.4902V21.5811L0 0.675676H16.4902V-19Z' fill='%23F2F2F2'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_8'%3E%3Crect width='16' height='22' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");}
.sdij-column .column__talk-area .comment__list .comment__list-top {display: flex;align-items: center;justify-content: space-between;}
.sdij-column .column__talk-area .comment__list .comment__list-top .user__info {display: flex;align-items: center;}
.sdij-column .column__talk-area .comment__list .comment__list-top .name {margin-right:7px;font-weight: 500;font-size: 14px;line-height: 24px;letter-spacing: -0.02em;color: #333;}
.sdij-column .column__talk-area .comment__list .comment__list-top .date {font-weight: 300;font-size: 12px;line-height: 17px;letter-spacing: 0.005em;}
.sdij-column .column__talk-area .comment__list .comment__list-text {margin-top:10px;font-weight: 400;font-size: 14px;line-height: 24px;}
.sdij-column .column__talk-area .comment__list .comment__list-text + .btn-area {margin-top:10px;}
.sdij-column .column__talk-area .comment__list .btn-comment {}

.sdij-column .user__info-area {position:relative;margin-top:24px;}
.sdij-column .user__info-area .btn-like {position: absolute;top:0;right:0;}
.sdij-column .user__info-area .tit {width:calc(100% - 50px);font-weight: 400;font-size: 26px;line-height: 130%;letter-spacing: -0.025em;color: #000;}
.sdij-column .user__info-area .tit span {display: block;font-size: 20px;}
.sdij-column .user__info-area .tit.new::after{content:'';display:inline-block;width:9px;height:10px;margin:8px 0 0 2px;vertical-align:top;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.499756 10H1.80885V1.81548H1.84117L7.02905 10H8.49976V0H7.19066V7.76786H7.15834L2.18056 0H0.499756V10Z' fill='%23C27477'/%3E%3C/svg%3E%0A");}
.sdij-column .user__info-area .user__info {display:flex;align-items:center;margin-top:26px;font-weight: 400;font-size: 14px;line-height: 24px;letter-spacing: -0.02em;color: #000;}
.sdij-column .user__info-area .user__info span {margin-left:10px;}
.sdij-column .user__info-area .user__info span:first-child {margin-left:0;}
.sdij-column .user__info-area .user__info .name {}
.sdij-column .user__info-area .user__info .date {font-weight: 300;font-size: 13px;color: #919191;}
.sdij-column .column__info {margin-top:8px;}
.sdij-column .column__info i {font-style: italic;}
.sdij-column .column__info .img {margin:0 -25px 30px;}
.sdij-column .column__info .tit {margin-bottom:15px;font-weight: 700;font-size: 20px;line-height: 30px;color: #111;}
.sdij-column .column__info .text {margin-bottom:40px;font-weight: 400;font-size: 14px;line-height: 24px;color: #595A5B;}
.sdij-column .column__info .hash-tag {margin-bottom:50px;}



.sdij-column .modal-header{ max-width:100%; padding:20px 20px; position:fixed; top:0; left:0; right:0; z-index:10000; }
.sdij-column .modal-header .logo{ text-align:right; background-color:#fff; }
.sdij-column .modal-header .logo a { display:block; }
.sdij-column .modal-header .logo .ico-close, .dim-header .logo .ico-close-w{ width:1.083333333333333rem; height:1.083333333333333rem; z-index:30; }
.sdij-column .modal-header [class^='tit']{ margin:0; padding-bottom:10px; background:linear-gradient(to right, #000 33%, rgba(255, 255, 255, 0) 34%) 0 100% repeat-x; background-size:3px 1px; }

.sdij-column .tag__box {padding:10px 15px;background: rgba(0, 0, 0, 0.05);}

.sdij-column .info__comment {margin-top:60px;}
.sdij-column .info__comment .comment__text-area {margin-top:15px;}
.sdij-column .info__comment .list--unodereds {margin-top:15px;}
.sdij-column .info__comment .book-review-ty02 + .btn-group {margin-top:25px;}
.sdij-column .info__comment .book-review-ty02 li {position:relative;}
.sdij-column .info__comment .book-review-ty02 li .text {margin-top:4px;margin-bottom:0;}
.sdij-column .info__comment .book-review-ty02 .btn__close {position:absolute;top:20px;right:0;background-color: transparent;}
.sdij-column .info__comment .book-review-ty02 .btn__close .ico-close {width:18px;height:18px;}