@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
*/

/* プロフィールのボタンの角丸を四角っぽく変更  */
[class*=is-style-btn_].p-profileBox__btn a {
  border-radius: 3px;
}

/* サイドバーのプロフィールボックスの背景を2色 */
#sidebar .p-profileBox {
    background-image: 
		linear-gradient(150deg, #45a1cf 18%, transparent 0), 
		linear-gradient(165deg, #63b2d9 23%, transparent 0), 
		linear-gradient(331deg, #45a1cf 18%, transparent 0), 
		linear-gradient(343deg, #63b2d9 23%, transparent 0);
	border: 1px solid #d3d1d1;
	border-radius: 4px;
}
.is-style-circle .c-iconList__link {
    border-color: white;
    color: white;
}

/* 「この記事を書いいている人」の背景を2色 */
@media (min-width: 600px) {
    .p-authorBox {
        background-image: 
			linear-gradient(150deg, #45a1cf 20%, transparent 0), 
			linear-gradient(165deg, #75bee1 25%, transparent 0), 
			linear-gradient(331deg, #45a1cf 20%, transparent 0), 
			linear-gradient(343deg, #63b2d9 25%, transparent 0);
	border: 5px solid #45a1cf;
	border-radius: 4px;
    }
}
.p-authorBox__desc {
  padding-top: 14px;
}