@charset "UTF-8";
/*=============================================================
	column
=============================================================*/
#sidebar {display:none;}
.c-pageTitle__subTitle {display:none;}

/*	#columnListSide
---------------------------*/
#columnListSide { padding: 10px 0 50px; }

#columnListSide .tit { margin-bottom: 0; }

#columnListSide .category { margin-bottom: 32px; }

#columnListSide .category .item { font-size: 1.4rem; border-bottom: 1px solid #f3f3f2; }

#columnListSide .category .item a { display: block; padding: 17px 10px 16px 0; background: url(../img/ico_arrow12.png) no-repeat right center; background-size: 7px; }

#columnListSide .popular .item { border-bottom: 1px solid #f3f3f2; }

#columnListSide .popular .item a { display: block; padding: 15px 0 13px; overflow: hidden; }

#columnListSide .popular .item .titWrap { float: left; width: 100%; }

#columnListSide .popular .item .titWrap .tit { font-weight: bold; font-size: 1.6rem; line-height: 1.5; margin-top: 3px; }

#columnListSide .popular .item .thumbnail { float: right; width: 105px; margin: 5px 0 5px auto; }

@media screen and (min-width: 600px) { #columnListSide { width: var(--swl-sidebar_width); }
  #columnListSide .tit { font-size: 1.1rem; }
  #columnListSide .category { margin-bottom: 23px; }
  #columnListSide .category .item { font-size: 1rem; }
  #columnListSide .category .item a { padding: 13px 10px 13px 0; background-position: 95% center; color: #000; }
  #columnListSide .popular .item a { padding: 12px 0 8px; }
  #columnListSide .popular .item .titWrap { width: calc(100% - 126px); }
  #columnListSide .popular .item .titWrap .tit { font-weight: normal; line-height: 1.4; }
  #columnListSide .popular .item .titWrap .tag { font-size: 1.1rem; padding: 1px 9px; }
  #columnListSide .popular .item .attachment-thumbnail { width: 124px; } }

.modTit02 {
font-weight: 700;
font-size: 1.6rem;
padding-bottom: 7px;
margin-bottom: 20px;
position: relative;
}

.modTit02::before {
content: "";
bottom: 0;
left: 0;
width: 40%;
z-index: 1;
background: var(--color_main);
}
.modTit02::after {
content: "";
bottom: 0;
left: 0;
width: 100%;
background: var(--color_border);
}
.modTit02:after, .modTit02:before {
box-sizing: inherit;
display: block;
height: 1px;
position: absolute;
z-index: 0;
}
:after, :before {
box-sizing: inherit;
text-decoration: inherit;
vertical-align: inherit;
}