@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


.p-authorBox {
	border: 1px solid var(--color_border);
	border-radius: var(--swl-radius--8, 0);
	padding: 20px;
}

@media (min-width: 600px) {
    .p-authorBox {
		display: flex;
		padding: 20px;
    }
}

.p-authorBox__l {
    margin: 0 0 1em;
    text-align: center;
}

@media (min-width: 600px) {
	.p-authorBox__l {
		margin-bottom: 0;
		width: 200px;
		border-right: 1px solid var(--color_border);
	}
}

.p-authorBox .avatar {
	border: 2px solid var(--color_border);
	border-radius: 50%;
	height: 100px;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100px;
}

.p-authorBox__name {
	color: inherit;
	display: block;
	font-weight: 700;
	line-height: 1.2;
	margin-top: 8px;
	text-decoration: none;
}

.p-authorBox__r {
	width: 100%;
}

@media (min-width: 600px) {
	.p-authorBox__r {
		padding-left: 1.5em;
		width: calc(100% - 160px - 1.5em);
    }
}

@media (min-width: 600px) {
	.p-authorBox {
		padding: 20px
	}
}