/*新しいマガジン用のCSS 202307追加 -TSK EP-*/

.houmaga{

}

.houmaga h2{
	margin: 20px 0 35px;
    display: block;
}

.houmaga h3 {
    font-weight: bold;
}

.writer {
    text-align: right;
    margin: 20px 0;
}

.writer article{
display: flex;
    justify-content: end;
    text-align: left;
}

.writer figure {
    max-width: 90px;
}

.writer figure img{
	border-radius:150px;
}


#page #main .writer p{
    margin: 0;
    font-size: 80%;
    line-height: 130%;
    padding: 15px 8px;	
}


.houmaga .location{
    margin: 20px auto 40px;
}

.houmaga .location figure{

}

.houmaga .location p{

}

.talk_start {
    margin: 10px 0 40px;
}

.talk_start article{
	display: flex;
}

.talk_start article figure{
	width: 500px;
    max-width: 35%;
}

.talk_start article figure img{
	border-radius: 10px;	
}

.talk_start article .person_info{
	padding: 1% 2.5%;
    box-sizing: border-box;
    width: 65%;
}
.talk_start article .person_info p{
	margin: 0;
}



.talk_box{
    background: #B4E0F5;
    padding: 3%;
    box-sizing: border-box;
    border-radius: 12px;
    margin-bottom: 40px;
}

.left_talk figure,.right_talk figure{
background-size:contain;
width:80px;
	height:80px;
	border-radius:130px;

}

.left_talk figure{
	margin-right: 20px;
}

.right_talk figure{
	margin-left: 20px;
}

.left_talk,.right_talk{
	display: flex;
    padding: 15px 0;
}

.comment{
    margin: 0;
    position: relative;
    padding: 10px;
    border-radius: 20px;
   width: 72%;
    letter-spacing: 0;
}

.left_talk .comment{
background-color: #EDF3C9;
}

.left_talk .comment:after{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: -10px;
    top: 10px;
    border-right: 20px solid #EDF3C9;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.right_talk .comment{

    background-color: #fff;

}

.right_talk .comment:after{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    right: -10px;
    top: 10px;
    border-left: 20px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.left_talk{
	justify-content:start;
}

.right_talk{
	justify-content:end;
}

.left_talk .text{

}

.left_talk .text p{

}


.offshot,.offsho_noicon{

    position: relative;
    padding: 5%;

}

.offshot:after{
    content: "";
    position: absolute;
    background: url(img/magazine/photo_icon.png) no-repeat center;
    width: 80px;
    height: 80px;
    background-size: contain;
    top: 0;
    right: 1%;
}

.memo_title{
	background:url(img/magazine/edi_midashi.png) no-repeat left;
	padding: 20px 0 20px 90px;
	font-weight:bold;
}

.memo_text{
    background: #F4F4F4;
    padding: 2%;
    box-sizing: border-box;
    font-size: 90%;
    width: 96%;
    margin: 10px auto 40px;
    display: block;
}


.talk_end{
	margin:20px 0 60px
}

.talk_end article{
    display: flex;
    border: 1px solid #333;
    box-sizing: border-box;
    background: #fff;
    border-radius: 10px;
}

.talk_end article figure{
    padding: 3%;
	max-width:50%;
}

.talk_end article figure img{
    border-radius: 10px;
}

.talk_end article .person_info{
    padding: 3%;
}

.snap{
    text-align: center;
    margin: 30px 0 30px;
}

.snap figure{
display: inline-block;
    width: 49%;
    padding: 1.5%;
    box-sizing: border-box;
}

@media screen and (max-width: 1080px){

.houmaga h2 {	
	font-size: 1.2rem;
    letter-spacing: 0;
	}
	
#page #main p {
    letter-spacing: 0;
	text-align: justify;
}	

.left_talk figure, .right_talk figure {
    background-size: contain;
    width: 50px;
    height: 50px;
    border-radius: 130px;
}	

	
	

.memo_text .strong {
    font-weight: bold;
	margin-top:12px;
}	
	
.snap figure {
    display: inline-block;
    width: 48%;
	}
	
.talk_end article figure {
    padding: 3%;
    width: 180px;
}	
	

}