*  {
    box-sizing: border-box;
}
.wrapper {
    width: 990px;
    margin: 0 auto;
}
li {
    text-decoration: none;
}
p {
    color: #222222;
    font-size: 14px;
    line-height: 1.8;
}
.flex {
    display: flex;
    flex-direction: row;
}
main {
    width: 630px;
    margin-right: 48px;
 }
 aside {
     width: 310px;
     flex-shrink: 0;
     display: block;
 }
 /* パンくず */
.test-crumb ul {
    margin: 30px 0;
	font-size: 13px;
}
.test-crumb ul li {
    display: inline-block;
	font-size: 13px;
}
.test-crumb ul li a {
    text-decoration: none;
    font-size: 13px;
    color: #006ccc;
}
.test-crumb .current {
    font-size: 13px;
    color: #333;
}
.test-crumb ul li a ::before {
    content: ">";
    padding-right: 5px;
    padding-left: 5px;
    color: #333;
}
.test-crumb ul li :first-child a ::before {
    content: "";
    padding: 0;
}
.test-crumb .home {
    margin-top: -4px;
}
/* 右カラム共通 */
.category-nav {
    margin-bottom: 40px;
}
.category-nav__title {
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: bold;
    color: #27A7BC;
    border-bottom: #27A7BC 1px solid;
}
.category-nav__list li {
    padding-left: 32px;
    background: url(https://s.yimg.jp/images/insurance/column/img/common/link_arrow.png) no-repeat 0px 3px;
    background-size: 20px 20px;
}
.category-nav__link {
    display: block;
    text-decoration: none;
    text-decoration: none;
    color: #1f1f1f;
    margin-bottom: 16px;
}
.category-nav__item-name {
    font-size: 16px;
}

.tag-nav__title {
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: bold;
    color: #27A7BC;
    border-bottom: #27A7BC 1px solid;
}
.tag-nav__list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}
.tag-nav__list li {
    border-radius: 16px;
    border: #27A7BC 0.5px solid;
    margin: 4px;
}
.tag-nav__link {
    display: block;
    text-decoration: none;
    color: #27A7BC;
    font-size: 14px;    
}
.tag-nav__name {
    color: #27A7BC;
    font-size: 14px;    
    padding: 6px 9px;
}

.recomend {
    margin-bottom: 40px;
}
.recomend__title {
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: bold;
    color: #27A7BC;
    border-bottom: #27A7BC 1px solid;
}
.recomend__link {
    align-items: center;
    padding: 8px 0;
    text-decoration: none;
    color: #2D2926;
}
.recomend__item {
    /* display: inline-block; */
    display: flex;
    border-bottom: solid 0.5px #d5d7d8;
    list-style: none;
}
.recomend-content {
    float: left;
    width: 250px;
    padding-right: 12px;
}
.recomend__img {
    float: right;
}
.recomend-content__title {
    color: #000;
}
.recmend-content__date {
    padding: 8px 0 4px;
    font-size: 11px;
    color: #999;
}
/* ogp */


/* TOPと記事一覧に共通 */

.category__link {
    padding: 8px;
    text-decoration: none;
    color: #2D2926;
}
.category__item {
    margin-bottom: 16px;
    border-bottom: solid 0.5px #d5d7d8;
    list-style: none;
    display: inline-block;
}
.category-content {
    padding-right: 12px;
    width: 456px;
    float: left;
}
.category-content__title {
    font-size: 21px;
    font-weight: bold;
}
.category-content__leadtext {
    padding-top: 16px;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0.8px;
    color: #222;
    font-weight: 300;
}
.category-content__date {
    padding-top: 16px;
    margin-bottom: 8px;
    font-size: 11px;
    color: #999;
}
.category-img {
    float: right;
}
/* ogp */



/* TOP */

.popular-title {
    margin-bottom: 24px;
}
.link-btn {
    margin-top: 40px;
    text-align: center;
}
.link-btn a {
    display: inline-block;
}
.insurance {
    margin-top: 80px;
}
.insurance-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
    list-style: none;
    /* position: absolute; */
}
.insurance-item a {
    text-decoration: none;
    color: #222222;
    font-size: 14px;
}
.insurance-item {
   width: 120px;
   margin-bottom: 24px;
   padding-left: 24px;
}
.insurance-item:last-child {
    width: auto;
}
.insurance-item :hover{
    color: #27A7BC;
 }
.item1  {
    background: url(https://s.yimg.jp/images/insurance/column/img/pc/icon1.png) no-repeat 0px 3px;
    background-size: 20px 20px;
}
.item2  {   
    background: url(https://s.yimg.jp/images/insurance/column/img/pc/icon2.png) no-repeat 0px 3px;
    background-size: 20px 20px;
}
.item3  {   
    background: url(https://s.yimg.jp/images/insurance/column/img/pc/icon3.png) no-repeat 0px 3px;
    background-size: 20px 20px;
}
.item4  {   
    background: url(https://s.yimg.jp/images/insurance/column/img/pc/icon4.png) no-repeat 0px 3px;
    background-size: 20px 20px;
}
.item5  {   
    background: url(https://s.yimg.jp/images/insurance/column/img/pc/icon5.png) no-repeat 0px 3px;
    background-size: 20px 20px;
}
.item6  {   
    background: url(https://s.yimg.jp/images/insurance/column/img/pc/icon6.png) no-repeat 0px 3px;
    background-size: 20px 20px;
}
.item7  {   
    background: url(https://s.yimg.jp/images/insurance/column/img/pc/icon7.png) no-repeat 0px 3px;
    background-size: 20px 20px;
}
.item8  {   
    background: url(https://s.yimg.jp/images/insurance/column/img/pc/icon8.png) no-repeat 0px 3px;
    background-size: 20px 20px;
}
.item9  {   
    background: url(https://s.yimg.jp/images/insurance/column/img/pc/icon9.png) no-repeat 0px 3px;
    background-size: 20px 20px;
}
.item10  {   
    background: url(https://s.yimg.jp/images/insurance/column/img/pc/icon10.png) no-repeat 0px 3px;
    background-size: 20px 20px;
}
.item11  {   
    background: url(https://s.yimg.jp/images/insurance/column/img/pc/icon11.png) no-repeat 0px 3px;
    background-size: 20px 20px;
}
.item12  {   
    background: url(https://s.yimg.jp/images/insurance/column/img/pc/icon12.png) no-repeat 0px 3px;
    background-size: 20px 20px;
}
.item13  {   
    background: url(https://s.yimg.jp/images/insurance/column/img/pc/icon13.png) no-repeat 0px 3px;
    background-size: 20px 20px;
}
.item14  {   
    background: url(https://s.yimg.jp/images/insurance/column/img/pc/icon14.png) no-repeat 0px 3px;
    background-size: 20px 20px;
}
.item15  {   
    background: url(https://s.yimg.jp/images/insurance/column/img/pc/icon15.png) no-repeat 0px 3px;
    background-size: 20px 20px;
}
.item16  {   
    background: url(https://s.yimg.jp/images/insurance/column/img/pc/icon16.png) no-repeat 0px 3px;
    background-size: 20px 20px;
}
.item17  {   
    background: url(https://s.yimg.jp/images/insurance/column/img/pc/icon17.png) no-repeat 0px 3px;
    background-size: 20px 20px;
}


/* 記事一覧 */
.category-list__title {
    margin-bottom: 40px;
    color: #27A7BC;
    font-size: 24px;
    font-weight: bold;
}


/* 記事詳細 */
.article-content__title-area {
    margin: 24px 0 16px;
}
.article-content__title {
    font-size: 24px;
    line-height: 1.8;
    letter-spacing: 0.8px;
    color: #000;
    font-weight: 600;
    margin: 0 0 16px;
}
.article-content__abstract {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.8px;
    color: #222;
    font-weight: 300;
    margin: 24px 0;
}
.article-content__info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.article-content__author {
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: 0.4px;
    color: #68696A;
    font-weight: 300;
}
.article-content__author-img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 16px;
}
.article-content__author-img img {
    border-radius: 100px;
}

.article-content__author-name {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    /* white-space: nowrap; */
    text-overflow: ellipsis;
}
.article-content__published {
    line-height: 1.8;
    letter-spacing: 0.4px;
    color: #999;
    font-weight: 300;
    font-size: 11px;
}
.author-img {
    border-radius: 100px;
}
.article-toc {
    padding: 32px 16px;
    margin-bottom: 48px;
    border-bottom: 1px solid #68696A;
    border-top: 1px solid #68696a;
}
.article-toc-header {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    color: #000;
    font-weight: 600;
}
.article-toc {
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0;
    color: #000;
    font-weight: 500;
}
.article-toc-list {
    color: #222 ;
    font-size: 14px;
}
.article-toc-item {
    margin: 0 0 12px;
    position: relative;
}
.article-toc-item ::after {
    position: absolute;
    top: 0;
    left: -1em;
    content: '・';
    display: inline-block;
    color: #222222;
}
.article-toc-link {
    color: #222;
}
.article-content__sec-title :first-child {
    margin: 48px 0 32px;
}
h2 {
    margin: 24px 0 16px;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.4px;
    color: #222222;
    font-weight: 600;
    border-bottom: 2px solid #27A7BC;
}
.article-content__third-title {
    margin-bottom: 16px;
    padding-left: 8px;
    font-size: 18px;
    line-height: 1.8;
    letter-spacing: 0.4px;
    color: #222222;
    font-weight: 600;
    border-left: 6px solid #27A7BC;
}
.article-content__txt {
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0.5px;
    color: #222222;
    font-weight: 300;
    margin-bottom: 16px;
}
.items {
    margin-bottom: 40px;
}
.items__section {
    margin-bottom: 40px;
}
.insurance-recommend__title {
    padding: 16px;
    font-weight: 600;
}
.insurance-recomend {
    background-color: #EDEECC;
    text-align: center;
    border: 1px solid #CDCC98;
}
.insurance-recomend a {
    display: block;
    padding: 16px;
    background-color: #fff;
}
.insurance-recomend p {
    margin-top: 16px;
}
.insurance-recomend a {  
    color: #000;
    font-weight: 600;
}
.author__container {
    margin-bottom: 40px;
}
.author__title {
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: bold;
    color: #27A7BC;
    border-bottom: #27A7BC 1px solid;
    }
.author__content-profile {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
.author__content__name {
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0;
    color: #222222;
    font-weight: 400;
}
.author__content-description {
    font-size: 12px;
    line-height: 1.8;
    letter-spacing: 0;
    color: #2D2926;
    font-weight: 300;
    background: #F5F5F5;
    padding: 12px;
    border: 1px solid #e7e7e7;
    position: relative;
    border-radius: 8px;
}
.author__content-description:before{
    content: "";
    border-right: solid 12px transparent;
    border-top: solid 10px transparent;
    border-left: solid 12px transparent;
    border-bottom: solid 9px #e7e7e7;
    line-height: 0;
    position: absolute;
    left: 1em;
    top: -19px;
}
.author__content-description:after{
    content: "";
    border-right: solid 12px transparent;
    border-top: solid 10px transparent;
    border-left: solid 12px transparent;
    border-bottom: solid 9px #f5f5f5;
    line-height: 0;
    position: absolute;
    left: 1em;
    top: -18px;
}
.items img.right{float:right;}
.items img.left{float:left;}
/* index */
.mv {
    margin-bottom: 40px;
}
.insurance-nav {
    margin-bottom: 40px;
}
.insurance-nav__title {
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: bold;
    color: #27A7BC;
    border-bottom: #27A7BC 1px solid;
}
.insurance-nav__link {
    color: #222;
}
.footer {
    margin-top: 40px;
    text-align: center;
    border-top: solid 0.1px #d4d7db;
}
address {
    padding: 16px;
    font-size: 13px;
}

/* 記事詳細画像調整のため追加 */
.items img {
    max-width: 630px;
    height: auto;
}
.items a {
    word-break: break-all;
}
.items table  {
    font-size: 13px;
    width: 100%;
}
#sticky {
    width: 310px;
}
.infomation-box {
    background-color: #fff;
}
.infomation {
    font-size: 14px;
    text-align: right;
    color: #666633;
}
.items table {
    margin:0 auto 0 auto;
}
.items table td {
    background-color: none;
}

.items table td>div {
 margin:0;
}

/*SP用の要素をPCで非表示*/
.forSP{display:none;}

/*既存コラムのSTYLE*/
strong{font-weight:bold;}

.mark {
	COLOR: #c60
}
.red {
	COLOR: #c00
}
.green {
	COLOR: #360;
}
.gray_s {
	COLOR: #666; FONT-SIZE: 80%
}
.items ol {
    list-style-type: decimal;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 30px;
}
.items ol li {
    list-style: decimal;
}