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

/* ホワイトボード風Box --------------- */
.is-style-whiteboard1 {
	position: relative;
	max-width: 520px;
	margin: 0 auto 2em;
	padding: 2em 1.5em;
	border: 10px solid transparent;
	border-radius: 4px;
	background: linear-gradient(white, white), linear-gradient(#4d4d4d, #4d4d4d) no-repeat 100% 100% / 30px 30px, linear-gradient(#4d4d4d, #4d4d4d) no-repeat 0 100% / 30px 30px, linear-gradient(#4d4d4d, #4d4d4d) no-repeat 100% 0 / 30px 30px, linear-gradient(#4d4d4d, #4d4d4d) no-repeat 0 0 / 30px 30px, linear-gradient(#e6e6e6, #e6e6e6);
	background-clip: padding-box, border-box, border-box, border-box, border-box, border-box;
	background-origin: border-box;
}
.is-style-whiteboard1:before,
.is-style-whiteboard1:after ,
.is-style-whiteboard1 .wp-block-group__inner-container:before,
.is-style-whiteboard1 .wp-block-group__inner-container:after {
	display: inline-block;
	position: absolute;
	content: "";
}
.is-style-whiteboard1:before {
	right: 10px;
	bottom: 16px;
	width: 52px;
	height: 8px;
	border-radius: 2px 2px 0 0;
	background: #5a95f5;
}
.is-style-whiteboard1:after {
	right: 11px;
	bottom: 1px;
	width: 50px;
	height: 15px;
	border-radius: 0 0 4px 4px;
	background: #d2e2fc;
}
.is-style-whiteboard1 .wp-block-group__inner-container:before {
	right: 71px;
	bottom: 1px;
	width: 48px;
	height: 8px;
	background: linear-gradient(90deg, #ea4335 8%, #f2f2f2 8%, #f2f2f2 70%, #ea4335 70%);
}
.is-style-whiteboard1 .wp-block-group__inner-container:after {
	right: 98px;
	bottom: 9px;
	width: 48px;
	height: 8px;
	background: linear-gradient(90deg, #333 8%, #f2f2f2 calc(8% + 1px), #f2f2f2 70%, #333 calc(70% + 1px));
	transform: rotate(-20deg);
}

/* サイドバーの横幅 */
@media (min-width: 960px) {
.-sidebar-on #sidebar {
    width: 300px;
}
	
	
	.custom-video video {
  width: 60%; 
}

.custom-image img {
  width: 60%; 
}