@charset "UTF-8";
/*** PC/SP 共通CSS ***/
.tipsbox {
	padding: 1rem;
	border-bottom: 1px solid #dedede;
}
.tipsbox img{
	max-width: 100%;
}
.cate {
	font-size: .85rem;
	padding-bottom: .2rem;
	color: #4c8dcb;
	padding-top: .5rem
}
.cate .term{
    display: inline-block
}
.cate .term a{
	color: #4c8dcb
} 
.cate .term a:after{
	content: '/';
	display: inline-block;
	width: 15px;
    height: 1rem;
    padding-left: 5px;
}
.cate .term:last-child a:after{
    content: '';
	width: 0;
}
.cate .term a:hover{
	text-decoration: underline;
}

.tips .cate_outer h3{
	background: none;
	font-size: 2rem;
	text-align: left;
	font-weight: 300;
	padding: 1rem 0 0 0;
	color: #4c8dcb;
}
.tips .cate_outer .desc{
	font-size: .85rem;
}
.tips .navigation{
	text-align: center;
	padding: 0 1rem;
	width: 100%;
	margin: 2rem auto;
}
.tips.detail h3{
	font-size: 2rem;
	padding: 2rem 0 .5rem;
	font-weight: 200;
	text-align: left;
	color: #333;
}
.tips .cate_outer .desc{
	padding: 1rem 0;
	font-size: 1rem;
	line-height: 1.8;
	text-align: justify;
}
.tips.detail .topicsbox{
	padding: 0 1.5rem;
}
.tips.detail .topicsbox .title{
	font-size:2rem;
	font-weight: 600;
	color: #545454;
}
.tips.detail .topicsbox .title:after{
	content: "";
    border-bottom: 5px solid #00bb3b;
    width: 3rem;
    height: 1rem;
    display: block;
    margin: 0;
}
.tips.detail .topicsbox .desc h2{
	text-align: justify;
	padding: 1.5rem 0;
	font-weight: 600;
	color: #545454;
}
.tips.detail .cate_date {
	margin: 0 auto;
	display: flex;
	justify-content: left;
	
}
.tips.detail .cate_date .cate {
	padding: 0 0 0 0;
	font-size: .85rem;
	line-height: 1;
	
}
.tips.detail .cate_date .cate .term{
	margin-right: 5px;
}
.tips.detail .cate_date .cate .term a{
	border: 1px solid #dedede;
	border-radius: 15px;
	padding: 5px 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #636363;
	font-size: .9rem;
	font-weight: 400;
	line-height: 1;
}
/*.tips.detail .cate_date .cate:after{
	content: "-";
	display: inline-block;
	font-size: 1rem;
	width: 1rem;
	height: 1rem;
	color: #666;
	text-align: center;
}*/
.tips.detail .date{
	/*font-weight: 700;*/
	color: #666;
	font-size: .85rem;
	padding-left: .5rem;
	line-height: 1.5rem;
}
.tips.detail .cate_outer .desc{
	padding-top: 2rem;
}
.tips.detail .cate_date .cate .term a:after {
	content: "/";
	display: inline-block;
	width: 1rem;
    height: 1rem;
    padding-right: 5px;
	display: none;
}
.tips.detail .cate_date .cate .term:last-child a:after{
	content: "";
	width: .5rem;
	display: none;
}

/*** Smartphone ***/
.tips .ftr_pager.navigation{
    padding: 1rem;
}
.tips .ftr_pager.navigation .pager li.next{
    border-right: 1px solid #ddd;
    
}
.tips .pager {
    font-size: 0;
    display: flex;
}
.tips .pager .previous > a,
.tips .pager .next > a{
    padding: 1rem;
    width: 100%;
    text-align: left;
}
.tips .pager .next > a{
    text-align: right;
}
.tips .pager .previous > a, 
.tips .pager .previous > span,
.tips .pager .next > a, 
.tips .pager .next > span{
    border: none;
    font-size: 1rem;
}
.ftr_pager .pager li{
    display: inline-block;
    width: 50%;
    min-height: 52px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.ftr_pager .pager .previous i{
    color: #999;
    padding-right: 1rem;
}
.ftr_pager .pager .next i{
    color: #999;
    padding-left: 1rem;
}
.desc .outline{padding:1rem;border: 2px solid #ccc;margin-bottom: 2.5rem;}
.desc h4{margin: 2.5rem 0;}
.post_list img{
	max-width: 90%;
}
.side_menu{
	padding: 0 2rem;
}
.tips.detail .side_menu h3{
	font-size: 1.2rem;
	font-weight: 600;
	margin: 0;
    padding: 1rem 0;
}
@media screen and (max-width:767px) {
	.tips.detail .side_menu h3 br{
		display: none;
	}
}
.side_menu li{
	margin-bottom: 2rem;
}
/*** PC ***/
@media screen and (min-width:768px) {
	.bread{
		padding: 1rem 0;
		width: 100%;
	}
	.bread ul{
		margin: 0;
	}
	.tipsbox {
		padding: 0;
		width: calc(50% - 1px);
		float: left;
		position: relative;
		height: auto;
		margin: 0;
		background-color: #fff;
		border-left: 1px solid #dddddd;
	}

	.tipsbox:nth-child(2n)::before,
	.tipsbox:last-child:before{
		content: '';
		display: block;
		position: absolute;
		width: 1px;
		background-color: #dddddd;
		height: calc(100% - 214px - 40px);
		height: 100%;
		right: 0;
		top: 0;
	}
	.tipsbox:last-child:before{
		border-right: 1px solid #dddddd;
	}
	
	@media screen and (min-width:940px) {
		.tipsbox {
			width: calc(100% / 3);
		}
		.tipsbox:nth-child(2n)::before {
			display: none;
		}
		.tipsbox:nth-child(3n)::before,
		.tipsbox:last-child::before{
			content: '';
			display: block;
			position: absolute;
			width: 1px;
			background-color: #dddddd;
			height: calc(100% - 214px - 40px);
			height: 100%;
			right: 0;
			top: 0;
		}
	}
	
	.tips_list{
		display: flex;
        align-items: stretch;
        justify-content: flex-start;
        flex-flow: wrap;
	}
	.tips .cate_outer{
		max-width: 70.5vw;
		margin: 0 auto 2rem;
		padding: 0 2rem;
		display: flex;
		justify-content: flex-start;
		flex-flow: wrap;
		align-items: stretch;
		border-top: none;
	}
	.tips.detail .cate_outer{
		flex-flow: column;
		
	}
	.tips.detail .cate_outer .topicsbox{
		padding-bottom: 110px;
	}
	
	.contact_block ul li a{
		background-color: #fff;
	}
	@media screen and (min-width:940px) {
		.tips .cate_outer{
			max-width: 75.5vw;
		}
	}
	.tips .cate_outer:after{
		display: block;
		content: '';
		clear: both;
	}
	.txtBox {
		padding: 1.5rem;
	}
	.tipsbox > a{
		width: 100%;
		max-height: 18vw;
		overflow: hidden;
	}
	.tipsbox img{
		width: 100%;
		transition: 0.2s ease-out;
	}
	.tipsbox:hover > a img{
		transform: scale(1.05)
	}
	.cate{
		font-size: .9rem;
		padding-top: 0;
		padding-bottom: 0;
	}
	.tips .cate_outer h3{
		font-size: 1.4rem;
		padding: 1rem 0;
	}
	@media screen and (min-width:940px) {
		.tips .cate_outer h3{
			font-size: 1.6rem;
		}
	}
	.tipsbox:hover .title>a{
		color: #007bbb;
		font-weight: bold;
		transition: color .3s;
	}
	.tips .cate_outer .desc{
		font-size: 1rem;
		padding: 0;
		line-height: 2;
	}
	.tips .navigation{
		text-align: center;
		padding: 0 1rem;
		width: 100%;
		max-width: 1060px;
		margin: 2rem auto;
	}
	/* Detail page*/
	.tips.detail .cate_outer{
		width: 75.5vw;
		max-width: 75.5vw;
		margin-top: 0;
        border-top: none;
		padding: 0 4vw;
	}
	.tips .cate_outer.contact_block{
		border-top: 1px solid #dedede;
	    flex-flow: column;
		width: 100%;
		max-width: 100%;
		padding: 50px 0;
	}
	.tips.detail .topicsbox{
		padding-right: 0;
		padding-left: 0;
	}
	.tips.detail .cate{
		float: none;
	}
	.tips.detail .topicsbox h2{
		margin-left: 0;
		padding: 1rem 0;
		font-size: 1.55rem;
		font-weight: 600;
		text-align: justify;
		color: #4f5659;
	}
	.tips.detail .topicsbox h3{
		margin: 0 0 1rem;
		padding: 1rem 0;
		font-size: 1.25rem;
		font-weight: 600;
		text-align: justify;
		color: #4f5659;
	}
	.tips.detail .topicsbox .title{
		margin-left: 0;
		font-size: 1.25rem;
		font-weight: 300;
		font-size: 2.5rem;
		padding: 1rem 0 1rem;
		text-align: justify;
	}

	.tips.detail .cate_date {
		margin: 0 auto;
		display: flex;
		justify-content: flex-start;
		
	}
	.tips.detail .cate_date .cate{
		padding: 0;
		margin: 0;
		color: #888;
	}

	.tips.detail .cate_outer .desc{
		padding-left: 0;
		padding-top: 4rem;
	}
	.tips.detail .cate_outer .desc img{
		margin-bottom: 1rem;
		max-width:100%;
		height:auto;
	}
    .tips .ftr_pager.navigation{
        padding: 0 1.5rem 0 0;
    }
	.pager li > a, .pager li > span{
		border-radius: 0;
		border: 1px solid #ddd;
	}
	.two_column{
		display: flex;
		flex-flow: wrap;
		align-items: flex-start;
	}
	.tips.detail .two_column,
	.tips.index:not(.taxonomy) .two_column{
		align-items: stretch;
	}

	.side_menu{
		width: calc(100% - 70.5vw);
		max-width: 29.5vw;
		background-color: #f4f4f4;
		padding: 38px 2rem 2rem;
	}
	@media screen and (min-width: 950px) {
		.side_menu{
			width: calc(100% - 75.5vw);
			max-width: 24.5vw;
		}
	}
	.side_menu .right_category_list{
		margin-bottom: 5rem;
	}
	.side_menu h2{
		margin: 0 0 1rem;
		color: #007bbb;
		text-align: left;
		font-size: 1.2rem;
		font-weight: bold;
	}
	.side_menu .right_category_list ul{
		list-style: none;
		padding-left: 1rem;
	}
	.side_menu .right_category_list li{
		margin-bottom: 10px;
		font-size: 13px;
	}
	.right_category_list a::before{
		content: '-';
		display: inline-flex;
		width: 7px;
		height: 14px;
		margin-right: 5px;
	}

	.tips.detail .side_menu .txtBox{
		padding:.5rem;
	}
	.tips.detail .side_menu .title{
		padding: 1rem 0;
		font-size: 1rem;
	}
	.related_article li{
		margin-bottom: 2rem;
	}
	.related_article li h3{
		font-size: 13px;
	}
	.related_article figure{
		max-height: 160px;
		overflow: hidden;
	}
	.related_article figure img{
		max-width: 100%;
		width: 100%;
		height: 100%;
		object-fit: cover;
		font-family: 'object-fit: cover;';
	}
	.related_article li time{
		font-size: 11px;
	}
	.tips.detail .side_menu .title{
		margin: 0;
	}
}



@media screen and (min-width:745px) and  (max-width:858px){

}