@charset "utf-8";
/* CSS Document */

body.posts{
	font-size: 20px;
	font-weight: 400;
}
img ,
figure img{	width: 100%;}

@media screen and (max-width:767px){
	body.posts{	font-size: 16px;}
}


/* 構造
------------------------------*/
article{
	margin: 0 5% 15%;
}
article > section{
	max-width: 850px;
	margin: auto;
}
.contHead{	border-bottom: 1px solid #ccc;}

.contBody section{	margin-bottom: 10%;}

/* 基本装飾
------------------------------*/
section p ,
section figure{
	line-height: 1.5;
	margin: 7% 0;
}
.comments{	font-size: 70%;}

/* 強調 strongタグ+class */
.fw{	font-weight: bold;}
.fc{	color: #e47892;}
.marker{	background: linear-gradient(transparent 60%, #ffa 60%);}

/* 注釈 smallタグ */
small{	font-size: 70%;}

/* 画像の説明 figcaptionタグ */
figcaption{
	font-size: 70%;
	font-weight: bold;
}

/* 枠線 */
.box{
	border: 1px solid #e47892;
	padding: 2%;
}


/* タイトルまわり
------------------------------*/
.contHead h1{
	font-size: 25px;
	font-weight: bold;
	line-height: 1.3;
	text-align: left;
	margin: 0 0 7%;
	padding-top: 9%;
}
.update{
	text-align: left;
	margin-bottom: 5%;
}

.contBody h2{
	font-size: 23px;
	font-weight: bold;
	margin-bottom: 10%;
	line-height: 1.3;
	border-bottom: solid 3px #e47892;/* 基本色 */
}
body.posts._report .contBody h2{	border-bottom: 3px solid #1cade4;}/* レポートカテゴリ色 */

.contBody h3{
	font-size: 18px;
	line-height: 1.3;
	font-weight: bold;
	border-bottom: solid 1px #333;
	margin-bottom: 8%;
}

/* 監修
------------------------------*/
.prof{
	border: 1px solid #ddd;
	padding: 3% 4%;
}
.profTit{
	text-align: center;
	letter-spacing: .5em;
	margin: 0 auto 3%;
}
.profCont{
	text-align: center;
	display: flex;
	align-items: flex-start;
	gap: 4%;
}
.profCont img{
	width: 25%;
}
.profCont div{}
.profCont div p{
	text-align: left;
	margin: 0;
}
.profCont div p.profName{
	line-height: 1;
	margin: 0 0 3%;
}
.profCont div p.profName span{
	font-size: 120%;
}
@media screen and (max-width:767px){
	.prof{		padding: 5%;}
	.profTit{	margin: 0 auto 5%;}
	.profCont{	display: block;	}
	.profCont img{
		width: 50%;
		margin: auto;
	}
	.profCont div p.profName{
		margin: 5% 0;
	}
}

/* PICK UP */
.pickpuContainer{
}
.pickpuContainer h2{
    font-size: 180%;
    letter-spacing: .06em;
    font-weight: 700;
    border-bottom: 3px solid #9f9f9f !important;
    padding-bottom: 25px;
    margin-bottom: 25px;
}
.pickpuContainer ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.pickpuContainer li{
    font-size: 85%;
    letter-spacing: .06em;
    line-height: 1.58;
    width: 47.076%;
//    border: 2px solid #333;
    margin-bottom: 3%;
}
.pickpuContainer li a{
    display: flex;
    flex-direction: row-reverse;
}
.pickpuContainer li img{
    width: 25%;
    height: clamp( 30px, 11vw, 100px );
    border: 1px solid #333;
    object-fit: cover;
}
.pickpuContainer li .pickupListTxt{
}
.pickpuContainer li .pickupListCate{
    color: #fff;
    font-size: 80%;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .1em;
    display: inline-block;
    border-radius: 15px;
    padding: 2% 5%;
}
.pickpuContainer li .pickupListCate._report{    background: #1cade4;}
.pickpuContainer li .pickupListCate._report{    background: #1cade4;}
.pickpuContainer li .pickupListTit{
    padding: 4% 3% 0 0;
}

@media screen and (max-width:767px){
    .pickpuContainer{}
    .pickpuContainer h2{
        font-size: 5.3333vw;
        border-bottom: .53333vw solid #9f9f9f !important;
        padding-bottom: 4vw;
        margin-bottom: 6.6667vw;
    }
    .pickpuContainer ul{
        display: block;
    }
    .pickpuContainer li{
        font-size: 3.6vw;
        width: 100%;
        border: none;
        margin-bottom: 4vw;
    }
    .pickpuContainer li a{
        display: flex;
        flex-direction: row-reverse;
    }
    .pickpuContainer li img{
        width: 21.3333vw;
        height: 21.3333vw;
        border: 1px solid #333;
    }
    .pickpuContainer li .pickupListTxt{    }
    .pickpuContainer li .pickupListCate{
        font-size: 3.3333vw;
        padding: 1vw 3vw;
        margin: 0;
    }
    .pickpuContainer li .pickupListTit{
        padding: 2.6vw 2vw 0 0;
    }

}