@charset "UTF-8";
/*
Theme Name: WA!basic.
Theme URI: https://dev-studio.net/default/
Author: MW
Author URI: https://dev-studio.net/
Description: 開発用テーマ Bootstrap v5
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-background, theme-options, translation-ready
Text Domain: wa_basic
Requires at least: 4.6
Tested up to: 5.9
Requires PHP: 5.6
*/


@import url("./assets/css/reset.css");
@import url("./library/bootstrap-5.0.2-dist/css/bootstrap.min.css");
a, a:hover, a:visited {
	color: #000 !important;
	font-weight: bold;
	text-decoration: none !important;
	transition: opacity 0.3s ease-in-out 0s;
	word-break: break-all;
}
a:hover {
	opacity: 0.6;
}

.wp-block-embed__wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
}

.wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
a.externalLinkIcon svg{
	height: 1.2em;
	width: auto;
	margin-top: -0.2em;
}
.only-print {
	display: none;
	position: absolute;
	bottom: 0;
}
.slb_details {
	display: none;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_container {
	border-radius: 0 !important;
}
#slb_viewer_wrap .slb_theme_slb_baseline .slb_viewer_overlay {
	background-color: #FFF !important;
}
.h1em, .h1em * { height: 1.2em !important; width: auto !important; }
.h2em, .h2em * { height: 2em !important; width: auto !important; }

.links {
		cursor: pointer;
	}
	.caption-content p + h2,
	.caption-content h1 {
		margin-top: 1em;
	}
	.caption-content h1 + p { margin-top: 2em; }
	.caption-content h2 + p { margin-top: 1.6em; }
	.capPop {
/*		color: #FFF;*/
		color: #000;
	    top: 0.5em;
	    left: 0.5em;
	    background-color: #FFF;
/*	    background-color: #DFFC00;
	    background-color: #000;*/
	    text-decoration: none;
	    font-style: normal;
	    font-weight: bold;
	    width: 2em;
	    height: 2em;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    border-radius: 50%;
	    font-size: 3rem;
	    border: 1px solid #333;
	    line-height: 1;
	}
	.modal-backdrop { background-color: #FFF !important; }
	.modal-backdrop.show { opacity: .9 !important; }
	.capPop span.dc {
		font-size: 0.6rem;
		white-space: nowrap;
	}
	.bg-yellow {
		background-color: #dffc00;
		border: 1px solid #fff;
	}
	caption-content > p,
	.caption-content > ul{
		margin: 1.5em 1em;
	}
	@media (min-width: 992px){ 
		.caption-content > p,
		.caption-content > ul {
			margin: 3em 1em;
		} 
		.caption-contants {
			font-size: 1.4rem;
		}
	}
	.captitle small{
		font-size: 0.6em;
		line-height: 1.5;
		display: inherit;
	}
	.vh25 {
		height: 25vh;
		height: calc(var(--vh, 1vh) * 25);
	}
	.vh50 {
		height: 50vh;
		height: calc(var(--vh, 1vh) * 50);
	}
	.vh75 {
		height: 75vh;
		height: calc(var(--vh, 1vh) * 75);
	}
	.vh100 {
		height: 100vh;
		height: calc(var(--vh, 1vh) * 100);
	}
.hiden{
	display:none !important;
	visibility: hidden !important; 
}

/* @group Download btn */

/*フォント*/
.fancybox__button--download{
	position: relative;
	left: 0;
	right: 0;
	top:0;
	bottom: 0;
	margin: auto;
	font-size:5em;
	font-weight:bold;
	color:#0091EA;
	text-align:center;
	width:500px;
	height:100px;
	animation: bound-anim 1s infinite;
}

@keyframes bound-anim {
	0%,100% {top: 0;transform: scale(1);}
	30% {top: -10%;}
	50% {transform: scale(1);}
	90% {top: 0;transform: scale(1.1,0.8);}
}
/* @end */