/*
Theme Name: Orii
Text Domain: orii
Version: 1.0
Description: Orii Wordpressテンプレート
*/

/*-----------------------------------------------------
    gutenberg default elements style
------------------------------------------------------*/

/* table */
.wp-block-table {
	width:100%;
	margin:0 0 50px;
	border-collapse:collapse;
	border-top:solid 1px #ccc;
}

.wp-block-table td,
.wp-block-table th {
	padding:10px 0;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom:solid 1px #ccc;
}

/* Seperator */
hr.wp-block-separator {
	border: 0;
	background-color: #000;
	border: 0;
	height: 2px;
}

.wp-block-separator {
	margin-left: auto;
	margin-right: auto;
	max-width: 100px;
}

.wp-block-separator.is-style-wide {
	max-width: 100%;
}


/* image */
.wp-block-image img {
	height: auto;
}


/* youtube */
.components-drop-zone {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	visibility: hidden;
	opacity: 0;
	transition: .3s opacity,.3s background-color,0s visibility .3s;
	border: 2px solid #0071a1;
	border-radius: 2px;
}

.wp-block-embed-youtube{
	position: relative;
}

.wp-block-embed-youtube.wp-embed-aspect-16-9{
	padding-bottom: 56.25%;
}

.wp-block-embed-youtube.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe,
.wp-block-embed-youtube.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe,
.wp-block-embed-youtube.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,
.wp-block-embed-youtube.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe,
.wp-block-embed-youtube.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe,
.wp-block-embed-youtube.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe,
.wp-block-embed-youtube.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* file */
.wp-block-file{
	line-height: 150%;
}
.wp-block-file__button{
	display: inline-block;
}