@charset "utf-8";



/* 共通  --------------------------------------------------- */

#Page_ColumnDetail .Photo img {
width: 100%;
height: auto;
}

#Page_ColumnDetail .Table1 td {
text-align: left !important;
}


/* リスト各種  --------------------------------------------------- */

/*
マーカーなし（ListNoMarker）
ディスク：中（ListDisc）
ディスク：小（ListDiscS）
米印：中（ListKome）
米印：小（ListKomeS）
連番：中（ListNum）
連番：小（ListNumS）
連番米印：小（ListKomeNumS）
入れ子調整
*/

.ListDisc li,
.ListDiscS li,
.ListKome li,
.ListKomeS li,
.ListNum li,
.ListNumS li,
.ListKomeNum li,
.ListKomeNumS li {
position: relative;
}

.ListDisc li:before,
.ListDiscS li:before,
.ListKome li:before,
.ListKomeS li:before,
.ListNum li:before,
.ListNumS li:before,
.ListKomeNum li:before,
.ListKomeNumS li:before {
display: inline-block;
position: absolute;
}


/* 詳細（Page_ColumnDetail）  --------------------------------------------------- */

#Page_ColumnDetail .TopicPath {
margin-bottom: 50px;
}

#Page_ColumnDetail #ColumnWrap {
display: flex;
flex-wrap: wrap;
max-width: 94rem;
margin: 0 auto;
padding-bottom: 6rem;
}

#Page_ColumnDetail #ColumnArticle {
flex: 1;
padding-right: 6rem;
}

#Page_ColumnDetail #ColumnSideNav {
width: 240px;
}

/* ヘッダー */
#Page_ColumnDetail #ColumnArticle .ColumnHeader {
margin-bottom: 40px;
padding-top: 30px;
padding-bottom: 15px;
border-top: 4px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}

#Page_ColumnDetail #ColumnArticle .ColumnHeader .ColumnCategory {
display: block;
width: 80px;
margin-bottom: 8px;
padding: 4px 0;
border-radius: 2px;
font-size: 11px;
line-height: 1em;
text-align: center;
color: #fff;
background: #337bc6;
}

#Page_ColumnDetail #ColumnArticle .ColumnHeader .ColumnTitle {
margin-bottom: 50px;
font-size: 3rem !important;
font-weight: 500;
line-height: 1.4em;
}

#Page_ColumnDetail #ColumnArticle .ColumnHeader .ColumnTitle small {
font-size: 2.6rem !important;
}

#Page_ColumnDetail #ColumnArticle .ColumnHeader .ColumnTitle_Only {
margin-bottom: 0;
}

#Page_ColumnDetail #ColumnArticle .ColumnHeader .ColumnDate {
font-size: 12px;
}

#Page_ColumnDetail #ColumnArticle .ColumnHeader .ColumnDate a {
color: var(--base);
pointer-events: none;
}

#Page_ColumnDetail #ColumnArticle .ColumnHeader .ColumnCredit {
font-size: 12px;
}

/* 導入リード */
#Page_ColumnDetail #ColumnArticle .ColumnLeadIntro {
margin-bottom: 40px;
}

#Page_ColumnDetail #ColumnArticle .ColumnLeadIntro p {
margin-bottom: 20px;
font-size: 15px;
line-height: 2em;
}

/* 目次 */
#Page_ColumnDetail #ColumnArticle .Column_InPageLink {
margin: 0 0 30px 0;
padding: 15px;
}

#Page_ColumnDetail #ColumnArticle .Column_InPageLink .Column_InPageLink_Mds {
font-size: 15px !important;
}

#Page_ColumnDetail #ColumnArticle .Column_InPageLink .ListDisc {
margin-top: 10px;
}

#Page_ColumnDetail #ColumnArticle .Column_InPageLink li {
background-position: 0 7px;
font-weight: bold;
}

/* 本文 */
#Page_ColumnDetail #ColumnArticle .ColumnSecMain {
margin-bottom: 50px;
padding-top: 20px;
border-top: 1px solid #e6e6e6;
}

#Page_ColumnDetail #ColumnArticle .ColumnSecMain_BorderBlue {
border-top: 1px solid #337bc6;
}

#Page_ColumnDetail #ColumnArticle .ColumnSecMain h2 {
margin-bottom: 30px;
font-size: 2.2rem !important;
font-weight: 500;
line-height: 1.7em !important;
}

#Page_ColumnDetail #ColumnArticle .ColumnSecMain p {
margin-bottom: 20px;
font-size: 1.5rem;
line-height: 2em;
}

#Page_ColumnDetail #ColumnArticle .ColumnSecMain img {
width: 100%;
height: auto;
}

#Page_ColumnDetail #ColumnArticle .ColumnSecMain .PhotoS img {
display: block;
width: 60%;
height: auto;
margin: 0 auto;
}

#Page_ColumnDetail #ColumnArticle .ColumnSecMain .ColumnSecSub {
margin-bottom: 30px;
}

#Page_ColumnDetail #ColumnArticle .ColumnSecMain .ColumnSecSub h3 {
margin-bottom: 10px;
font-size: 1.8rem !important;
font-weight: 500;
}

#Page_ColumnDetail #ColumnArticle .ColumnSecIn {
margin-top: 10px;
}

#Page_ColumnDetail #ColumnArticle .ColumnSecIn h3 {
font-size: 1.5rem !important;
font-weight: 500;
line-height: 1.6;
}

#Page_ColumnDetail #ColumnArticle h4 {
line-height: 1.6;
}

#Page_ColumnDetail #ColumnArticle .Mds_Disc1,
#Page_ColumnDetail #ColumnArticle .Mds_Disc2 {
position: relative;
padding-left: 1.3em;
line-height: 1.5;
}

#Page_ColumnDetail #ColumnArticle .Mds_Disc1::before,
#Page_ColumnDetail #ColumnArticle .Mds_Disc2::before {
position: absolute;
display: inline-block;
top: 0;
left: 0;
}

#Page_ColumnDetail #ColumnArticle .Mds_Disc1::before {
/* top: -2px; */
content: "■";
}

#Page_ColumnDetail #ColumnArticle .Mds_Disc2::before {
content: "◯";
}

#Page_ColumnDetail #ColumnArticle .ColumnSecMain .Box {
display: inline-block;
margin-right: 10px;
padding: 2px 10px;
background: #f6f6f6;
}

#Page_ColumnDetail #ColumnArticle .ColumnSecMain .Box {
display: inline-block;
margin-right: 10px;
padding: 4px 14px;
background: #f6f6f6;
}

#Page_ColumnDetail #ColumnArticle .ColumnSecMain .Cap {
display: inline-block;
margin-top: 10px;
font-size: 12px;
line-height: 1.8em;
}

#Page_ColumnDetail #ColumnArticle .ColumnSecMain .ListKomeS {
margin-bottom: 20px;
}

/* 囲み */
#Page_ColumnDetail #ColumnArticle .BoxUnit {
padding: 20px;
background: #f6f6f6;
}

#Page_ColumnDetail #ColumnArticle .BoxUnit p {
margin: 0;
}

#Page_ColumnDetail #ColumnArticle .BoxUnit .Lead {
margin-bottom: 10px;
}

#Page_ColumnDetail #ColumnArticle .BoxUnit h2 {
margin-bottom: 10px;
font-size: 18px;
}

#Page_ColumnDetail #ColumnArticle .BorderB img {
border: 1px solid #e6e6e6;
box-sizing: border-box;
}

#Page_ColumnDetail #ColumnArticle .ColumnSecBox {
padding: 15px;
background: #f6f6f6;
}

#Page_ColumnDetail #ColumnArticle .ColumnSecItem:not(:first-of-type) {
margin-top: 20px;
}

#Page_ColumnDetail #ColumnArticle .ColumnSecItem a {
text-decoration: none;
}

#Page_ColumnDetail #ColumnArticle .ColumnSecItem h4 {
font-size: 15px;
}

#Page_ColumnDetail #ColumnArticle .ColumnSecItem p {
margin-top: 5px;
}

/* 関連商品 */
#Page_ColumnDetail #ColumnArticle #ColumnRelatedItems {
margin-top: 50px;
margin-bottom: 30px;
}

#Page_ColumnDetail #ColumnArticle #ColumnRelatedItems h2.Mds {
margin-bottom: 15px;
padding: 8px 10px;
font-size: 14px;
color: #0059b5;
background: #eff7fd;
}

/* プロフィール */
#Page_ColumnDetail .ColumnProfile {
margin-bottom: 30px;
}

#Page_ColumnDetail .ColumnProfileWrap {
display: table;
margin-bottom: 10px;
padding: 20px 20px;
background: #f6f6f6;
}

#Page_ColumnDetail .ColumnProfile .Photo,
#Page_ColumnDetail .ColumnProfile .LeadUnit {
display: table-cell;
vertical-align: top;
}

#Page_ColumnDetail .ColumnProfile .Photo {
width: 30%;
}

#Page_ColumnDetail .ColumnProfile .Photo img {
border-radius: 4px;
}

#Page_ColumnDetail .ColumnProfile .LeadUnit {
padding-right: 15px;
}

#Page_ColumnDetail .ColumnProfile .Lead1 {
margin-bottom: 10px;
font-size: 18px;
font-weight: bold;
}

#Page_ColumnDetail .ColumnProfile .Lead2 {
font-size: 14px;
}

#Page_ColumnDetail .ColumnProfile .Cap {
display: inline-block;
margin-top: 3px;
font-size: 8px;
line-height: 1.4em;
}

/* 新着記事（#旧指定） */
#Page_ColumnDetail #ColumnSideNav h2.Mds {
margin-bottom: 15px;
padding: 8px 15px;
font-size: 15px !important;
line-height: 1.0em;
color: #fff;
background: #337bc6;
}

#ListColumnLatest .IndexMenu2 li {
float: none;
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 1px solid #b8cce4;
}

#Page_ColumnDetail #ListColumnLatest .Photo {
margin-bottom: 10px;
}

#Page_ColumnDetail #ListColumnLatest .Photo img {
border: 1px solid #85a9d8;
border-radius: 8px;
}

#Page_ColumnDetail #ListColumnLatest .Lead1 {
display: inline-block;
width: 80px;
margin-bottom: 5px;
padding: 4px 0;
border-radius: 2px;
font-size: 11px;
line-height: 1em;
text-align: center;
color: #fff;
background: #337bc6;
}

#Page_ColumnDetail #ListColumnLatest .Lead2 {
font-size: 15px;
line-height: 1.5em;
font-weight: bold;
}

#Page_ColumnDetail #ListColumnLatest .BtnToList {
margin-top: 15px;
}

/* SNSシェアボタン */
#Page_ColumnDetail .SocialBtn {
display: table;
margin-bottom: 50px !important;
}

#Page_ColumnDetail .SocialBtn li {
margin: 0;
padding: 0 0 0 10px;
display: table-cell;
list-style: none;
vertical-align: top;
}

#Page_ColumnDetail .SocialBtn li:first-child {
padding-left: 0 !important;
}

#Page_ColumnDetail .fb_iframe_widget > span {
vertical-align: baseline !important;
}

#Page_ColumnDetail .SocialBtnCenter {
margin: 0 auto;
}

/* 記事一覧へ */
#Page_ColumnDetail .ToListBtm {
	/* 仮：追って削除 */
	display: none;
width: 660px;
margin-bottom: 100px;
padding-top: 20px;
border-top: 1px solid #b8cce4;
font-weight: bold;
}


/* おすすめ記事（旧新着記事）  --------------------------------------------------- */

#ColumnSideNav h2.Mds {
display: none;
}

#ColumnSideNav .Mds_Menu {
padding: 0.8rem 1.5rem;
font-size: 1.5rem;
line-height: 1;
color: #fff;
background: #337bc6;
}

#ColumnSideNav .Contents_Menu {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 2.4rem;
margin-top: 2.4rem;
}

#ColumnSideNav .Contents_Menu_Lead2 {
font-size: 1.4rem;
font-weight: 500;
}

#ColumnSideNav .Contents_Menu_Tag {
margin-top: 0.2rem;
font-size: 1.2rem;
}

#ColumnSideNav .Page_New_BtnList {
margin-top: 2.4rem;
}

#ColumnSideNav .Page_New_BtnList .BtnM {
width: 100%;
height: 5rem;
padding-bottom: 0.4rem;
}