/*
Theme Name: Voice gate　テンプレート
Theme URI: https://vidweb.co.jp/voicegate/
Author: VIDWEB
Author URI: https://vidweb.co.jp
Version: 1.0.
*/

body {
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	margin: 0;
	padding: 0;
    color:#242424;
	background-color: #F5F5F5;
    line-height: 1.75;
    font-weight: 400;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body,html {
    height: 100%
}
body .wrapper{
	overflow:hidden;
}
body a{
	transition: all 0.3s ease 0s;
}
.nowrap{
	white-space:nowrap;
}
.position-relative{
	position:relative;
}
span.bold {
	font-weight:900;
	background: linear-gradient(transparent 60%,#D7E9F9 70%);
	background: -webkit-linear-gradient(transparent 60%,#D7E9F9 0);
}
header.header{
	height:64px;
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:1000;
	background:#fff;
	border-bottom: solid 1px #ddd;
}
header.header .nav{
	height:64px;
}
header.header a.btn{
	background:#2A7AC8;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	border-radius:5px;
	margin-left:10px;
}
header.header span{
	font-size:13px;
	color:#BBBBBB;
	margin-left:11px;
}
header.header nav a{
	color:#0F2B46;
	text-decoration:none;
	font-size:14px;
	padding:0 5px;
}
footer{
	padding:30px 0;
}
footer li{
	margin-bottom:10px;
	border-right:solid 1px #222;
	text-align:center;
}
footer li:last-child{
	border-right:none;
}
footer li a{
	color:#222222;
	text-decoration:none;
	font-size:12px;
	display:block;
	padding:0 10px;
}
footer p{
	font-size:12px;
}
button.btn{
	background:#0F2B46;
	color:#fff;
	border:solid 2px #0F2B46;
	padding:15px;
	opacity:1;
	-webkit-transition: all .2s;
	transition: all .2s;
	white-space:nowrap;
}
button.btn:hover,a.btn:hover{
	opacity:0.7;
}
@media (max-width: 575px) {
	header.header a.btn{
		position:fixed;
		bottom:5px;
		left:5px;
	}
}
@media (min-width: 768px) {
	footer li{
		border-right:solid 1px #222;
	}
	header.header,header.header .nav{
		height:72px;
	}
}
@media (min-width: 992px) {
	.container{
		max-width:880px !important;
	}
}

#home{
	margin-top:60px;
}
#home .hero{
	background:#0F2B46;
	color:#fff;
	padding:60px 0 20px;
}
#home .hero .order-lg-2 img{
	margin-bottom:24px;
}
#home .hero h1{
	font-weight:900;
	font-size:32px;
}
#home .hero ul{
	margin-bottom:0;
}
#home .hero ul li{
	color:#0F2B46;
	font-size:14px;
	font-weight:bold;
	line-height:1;
	background:#fff;
	border-radius:15px;
	margin-right:9px;
	text-align:center;
	white-space:nowrap;
	padding:5px 10px;
	margin-bottom:5px;
}
#home .hero .order-lg-2 ul.list{
	max-width:400px;
}
#home .hero ul.list li{
	color:#fff;
	background:transparent;
	border:none;
	border-right:solid 1px rgba(255,255,255,0.7);
	font-weight:300;
	border-radius:0;
	margin-right:0;
	padding:2px 10px;
	font-size:13px;
}
#home .hero ul.list li:last-child{
	border:none;
}
#home .hero .mention{
	margin-top:60px;
	border:solid 2px #fff;
	padding:10px;
	border-radius:6px;
	font-weight:bold;
	font-size:14px;
}
#home .hero .mention a{
	color:#fff;
}
#home .hero .mention span{
	border:solid 2px #fff;
	padding:20px;
}
#home .hero a.btn{
	background:#fff;
	border-radius:5px;
	padding:5px 10px;
	border:solid 2px #fff;
	opacity:1;
	transition: all 0.3s ease 0s;
}
#home .hero a.btn:hover{
	opacity:0.6;
}
#home .hero .clients{
	font-size:12px;
}
#home .news{
	background: #E3E3E3;
	padding: 10px 0;
	font-size:13px;
}
#home .news span{
	display: inline-block;
	background: #242424;
	color: #fff;
	border-radius: 4px;
	padding: 2px 12px;
	white-space: nowrap;
}
#home .main{
	margin-top:60px;
}
#home .main .play{
	display:none;
}
#home .main .play.active{
	display:flex;
	justify-content:center;
	align-items: center;
	flex-direction:column;
}
#home .main .play #downloadButton,#home #playModal .downloadButton{
	background:#e74c3c;
	margin-top:10px;
	color:#fff;
	border:none;
	border-radius:6px;
	padding:15px 40px;
	font-weight:bold;
	font-size:20px;
}
#home .main .play #downloadButton img,#home #playModal .downloadButton img{
	margin-right:10px;
}
#home .main .play button.btn{
	margin-bottom:10px;
}
#home .main form{
	margin-top:24px;
}
#home .main form .text{
	border:solid 1px #9F9F9F;
	border-radius:5px;
	background:#FFFFFF;
}
#home .main form .text label{
	display:block;
	padding:14px 27px;
	font-weight:bold;
	color:#222222;
	border-bottom:solid 1px #9F9F9F;
}
#home .main form .text label svg{
	margin-top:-10px;
}
#home .main form .text textarea{
	border:none;
	padding:20px;
}
#home .main form p.count{
	text-align:right;
	font-size:14px;
	color:#0F2B46;
	margin:10px 0 20px;
}
#home .main form .control .form-group{
	margin-bottom:15px;
}
#home .main form .control .form-group.slider{
	width:100%;
}
#home .main form .control .form-group.slider > div{
	display:flex;
	align-items:center;
	width:100%;
}
#home .main form .control label{
	display:flex;
	align-items:center;
	font-weight:bold;
	color:#222222;
	position:relative;
}
#home .main form .control label span.popup{
	padding:5px;
	line-height:1;
	display:inline-block;
	border-radius:3px;
	white-space:nowrap;
	position:absolute;
	background:rgba(0,0,0,0.6);
	color:#fff;
	font-size:10px;
	top:-17px;
	transition: all 0.3s ease 0s;
	opacity:0;
}
#home .main form .control label span.popup.active{
	opacity:1;
}
#home .main form .control label img{
	margin-left:5px;
	cursor:pointer;
}
#home .main form .slider.slider-horizontal{
	width:100%;
}
#home .main form .slider.slider-horizontal .tooltip-inner{
	display:none;
}
#home .main form .slider-handle{
	background:#222222;
	border:solid 1px #3E3E3E;
}
#home .main form .slider-selection{
	background:#222222;
}
#home .main form .slider-track-high{
	background:#DFDFDF;
	border:solid 1px #B5B5B5;
}
#home .main form button.btn img.load{
	animation: rotate 1.5s linear infinite;
	display:none;
}
#home .main form button.btn.loading img.load{
	display:block;
	margin:0 auto;
}
#home .main form button.btn.loading span{
	display:none;
}
@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
#home .main button.btn{
	display:block;
	width:80%;
	margin:0 auto;
	border:solid 2px #0F2B46;
	border-radius:5px;
	font-size:20px;
	font-weight:bold;
	padding:10px; 
}
#home .main button.btn:hover{
	background:rgba(15,43,70,0.2);
}
#home .main button.btn.disabled{
	background-color: #ccc; 
    cursor: not-allowed;
    opacity: 0.6; 
}
#home .main button.btn img{
	margin-right:12px;
}
#home .main p.link{
	text-align:center;
	color:#2A7AC8;
	font-size:14px;
	margin:20px 0 0;
}
#home .main p.link span{
	background:#2A7AC8;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	padding:3px 10px;
	border-radius:5px;
	margin-right:5px;
}
#home .links{
	padding-top:24px;
}
#home .links .title{
	font-size:20px;
	margin-top:36px;
	margin-bottom:10px;
}
#home .links ul{
	border-top:solid 1px #C0C0C0;
	margin-bottom:0;
}
#home .links li{
	border-bottom:solid 1px #C0C0C0;
	margin-bottom:0;
}
#home .links li a{
	display:block;
	padding:13px;
	color:#0F2B46;
	text-decoration:none;
}
#home .links li a:hover{
	background:rgba(15,43,70,0.05);
}
#home .links p.more{
	text-align:right;
	margin-top:20px;
}
#home .links p.more a{
	color:#0F2B46;	
}
#home .links p.more a svg:last-child{
	margin-left:-5px;
}
#home .description{
	margin-top:60px;
}
#home .description h2,#home .scene h2{
	background:#DFE6EC;
	border-radius:15px;
	font-weight:bold;
	display:inline-block;
	padding:8px 30px;
	margin-bottom:50px;
}
#home .description .image{
	margin-bottom:12px;
}
#home .description h3{
	font-weight:bold;
	border-left:solid 7px #0F2B46;
	padding-left:10px;
}
#home .description p{
	margin-bottom:0;
}
#home .description .item{
	margin-bottom:36px;
}
#home .description .item:last-child{
	margin-bottom:0;
}
#home .scene{
	margin-top:80px;
	scroll-margin-top: 100px;
}
#home .scene h2,#home .scene p{
	margin-bottom:24px;
}
#home .scene li{
	font-weight:bold;
	display:flex;
	align-items:center;
	margin-bottom:20px;
}
#home .scene li img{
	margin-right:13px;
}
#home .banner{
	background:#0F2B46;
	color:#fff;
	padding:65px 0;
	margin-top:60px;
}
#home .banner span.btn{
	color:#fff;
	border:solid 2px #fff;
	font-size:14px;
	cursor:auto;
}
#home .banner h2{
	font-weight:bold;
	margin-top:24px;
	margin-bottom:15px;
}
#home .banner .logo{
	margin-bottom:24px;
}
#home .banner a.btn{
	color:#fff;
	background:#2A7AC8;
	font-size:25px;
	font-weight:bold;
	padding-left:27px;
	padding-right:27px;
	margin-top:50px;
	opacity:1;
	transition: all 0.3s ease 0s;
}
#home .banner a.btn:hover{
	opacity:0.7;
}
#home .no-more > div{
	border:solid 2px #0F2B46;
	padding:20px;
	border-radius:5px;
	font-weight:900;
	background:rgba(0,0,0,0.03);
}
#home .no-more > div img{
	margin-bottom:10px;
}
.modal .modal-content{
	background:#fff;
	border-radius:6px;
}
.modal .modal-content p.text-danger{
	font-weight:bold;
	margin-top:10px;
}
.modal .modal-content a{
	text-decoration-line: underline;
	text-decoration-style: dotted;
	color: #0F2B46;
}
.modal .modal-content a.btn{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
#overModal a.btn{
	background: #0F2B46;
	color: #fff;
	border-radius: 5px;
	font-size: 18px;
	text-decoration: none;
	padding: 10px 30px;
	border: solid 2px #0F2B46;
	transition: all 0.3s ease 0s;
}
#overModal a.btnn:hover {
	background: transparent;
	color: #0F2B46;
}
#staticBackdrop .modal-content a.btn{
	background:#0F2B46;
}
#home #playModal span{
	display:block;
	font-weight:bold;
	margin-bottom:10px;
	line-height:1.4;
}
#home #playModal span small{
	font-weight:normal;
}
#home #playModal .form-check{
	font-size:14px;
	margin-bottom:5px;
}
#home #playModal .form-check input{
	margin:0 5px;
}
#home #playModal .play {
	transition: all 0.3s ease 0s;
}
#home #playModal .play.non-active{
	cursor: not-allowed;
	opacity:0.4;
}
#home #playModal .play.non-active audio,#home #playModal .play.non-active button{
	cursor: not-allowed;
    pointer-events: none;
}
#home #playModal button.disabled{
	cursor: not-allowed;
    pointer-events: none;
	opacity:0.4;
}
#home #playModal button.close{
	padding:5px 10px;
	font-size:14px;
}
#home .download{
	border-radius:10px;
	background:rgba(255,255,255,0.5);
}
#home .download a{
	color:#0F2B46;
	text-decoration:none;
	display:block;
	padding:15px;
	transition: all 0.3s ease 0s;
	font-size:14px;
}
#home .download a:hover{
	opacity:0.6;
}
#home .download img.whitepaper{
	display:block;
	width:300px;
	height:auto;
	margin-bottom:10px;
}
#home .download span{
	font-weight:900;
	font-size:110%;
}
#home .link_banner{
	font-size:14px;
	line-height:16px;
	margin-top:20px;
}
#home .link_banner a img{
	width:100%;
	height:auto;
	opacity:1;
	display:block;
	margin-bottom:9px;
	transition: all 0.3s ease 0s;
	border-radius:10px;
	margin-top:20px;
}
#home .link_banner a:hover img{
	opacity:0.6;
}
#home #overModal button{
	font-weight:bold;
}
#home #overModal button span{
	font-size:160%;
}
#home #overModal .back{
	display:inline-block;
	cursor:pointer;
	margin-top:20px;
	text-decoration: underline;
	text-decoration-style: dotted;
	font-size:80%;
}
#home .download{
	margin-top:40px;
}
#home .download h2{
	font-size:16px;
	font-weight:900;
	border-bottom:solid 2px #0F2B46;
	text-align:center;
	padding-bottom:5px;
	margin-bottom:20px;
}
#home .download li{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:solid 1px rgba(0,0,0,0.1);
}
#home .download li a{
	text-decoration:none;
	color:#0F2B46;
	font-weight:bold;
	font-size:14px;
}
#home .download li a img{
	margin-right:20px;
}
#home .tab ul{
	margin-top:40px;
	border-bottom:solid 4px #222;
}
#home .tab li{
	flex:1 1 33.333333%;
}
#home .tab .nav button{
	border:none;
	background:transparent;
	color:#222222;
	display:block;
	text-align:center;
	border-radius:4px 4px 0 0;
	width:100%;
	height:100%;
	font-size:12px;
	padding:5px;
}
#home .tab .nav button.active{
	background:#222222;
	color:#fff;
}
#home .tab div.col-12.col-md-6{
	margin-bottom:20px;
}
#home .tab .item{
	padding:20px 20px 80px;
	background:rgba(255,255,255,0.7);
	border-radius:6px;
	height:100%;
	position:relative;
}
#home .tab .item .title{
	font-weight:bold;
	font-size:120%;
	margin-bottom:10px;
}
#home .tab .item .title img{
	margin-right:10px;
}
#home .tab .item p{
	margin-bottom:0;
	color:#2A7AC8;
}
#home .tab .item .playBtn{
	padding: 10px 20px;
	font-size: 16px;
	border: none;
	background-color: #2A7AC8;
	color: white;
	border-radius: 5px;
	cursor: pointer;
	width:100%;
}
#home .tab .item .playBtn.playing {
	background-color: #dc3545;
}
#home .tab #tab2 .item .playBtn{
	position:absolute;
	bottom:20px;
	left:20px;
	right:20px;
}
@media (min-width: 768px) {
	#home{
		margin-top:72px;
	}
	#home .hero .clients{
		font-size:14px;
	}
	#home .main form .control .form-group{
		display:flex;
		height:38px;
	}
	#home .main form .control .form-group label{
		flex:0 0 120px;
	}
	#home .description{
		margin-top:83px;
	}
	#home .description .item{
		margin-bottom:50px;
	}
	#home .description .image{
		margin-bottom:0;
		flex:0 0 40%;
		margin-left:20px;
	}
	#home .description .even .image{
		margin-right:20px;
		margin-left:0;
	}
	#home .scene{
		margin-top:130px;
	}
	#home .scene p{
		max-width:670px;
		margin:0 auto 24px;
	}
	#home .scene ul{
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
	}
	#home .scene ul li{
		width: 40%;
	}
	#home .banner .logo{
		margin-bottom:0;
	}
	#home .no-more > div{
		font-size:18px;
	}
	#home .no-more > div img{
		margin-bottom:0px;
		margin-right:20px;
	}
	#home .download img.whitepaper{
		width:150px;
		margin-right:20px;
		margin-bottom:0px;
	}
	#home .download span{
		font-size:130%;
	}
	#home .tab .nav button{
		padding:10px;
		font-size:14px;
	}
}
@media (min-width: 992px) {
	#home .hero .order-lg-2{
		padding-left:20px;
	}
	#home .hero h1{
		max-width:400px;
	}
	#home .hero p{
		max-width:500px;
	}
	#home .hero .order-lg-2 img{
		margin-bottom:0;
	}
	#home .main form .control{
		width:60%;
		margin:0 auto;
	}
	#home .scene ul li{
		width: 35%;
	}
	#home .tab .nav button{
		font-size:16px;
	}
}


#inner{
	padding-top:60px;
}
#inner #breadcrumbs{
	background:#0F2B46;
	color:#fff;
	padding:10px 0;
	font-size:12px;
}
#inner #breadcrumbs a{
	color:#fff;
	text-decoration:none;
}
#inner h1{
	margin:38px 0 50px;
	font-weight:bold;
	color:#0F2B46;
}
#inner .main-content{
	color:#0F2B46;
}
#inner .main-content h2{
	margin: 60px 0 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-size: 28px;
	font-weight: 900;
	border-left: 8px solid #0F2B46;
	background: #FFFFFF;
}
#inner .main-content h3{
	margin: 56px 0 20px;
	font-size: 21px;
	font-weight: 900;
	border-bottom: solid 2px #0F2B46;
	position: relative;
	padding-left: 28px;
	padding-bottom: 5px;
}
#inner .main-content h3:before{
	position: absolute;
	top: 6px;
	left: 0;
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background: #0F2B46;
}
#inner .main-content a{
	word-break: break-all;
	text-decoration: underline;
	text-decoration-style: dotted;
	color:#0F2B46;
}
#inner .banner{
	background:#0F2B46;
	color:#fff;
	margin-top:50px;
	padding:60px 0 0;
}
#inner .banner .order-lg-2 img{
	margin-bottom:24px;
}
#inner .banner h2{
	font-weight:900;
	font-size:32px;
}
#inner .banner ul{
	margin-bottom:0;
}
#inner .banner ul li{
	color:#0F2B46;
	font-size:14px;
	font-weight:bold;
	background:#fff;
	border-radius:15px;
	width:95px;
	margin-right:9px;
	text-align:center;
	width:90px;
}
#inner .banner a{
	margin-top:60px;
	background:#2A7AC8;
	color:#fff;
	text-align:center;
	opacity:1;
	padding:30px 0;
	font-size:32px;
	text-decoration:none;
	font-weight:900;
}
#inner .banner a:hover{
	opacity:0.7;
}
@media (min-width: 768px) {
	#inner{
		padding-top:72px;
	}
	#inner h1{
		font-size:48px;
		margin:50px 0 70px;
	}
}
@media (min-width: 992px) {
	#inner .banner h2{
		max-width:390px;
	}
	#inner .banner p{
		max-width:500px;
	}
	#inner .banner .order-lg-2 img{
		margin-bottom:0;
	}
}

.single-post{
	padding-top:72px;
}
.single-post #breadcrumbs{
	background:#0F2B46;
	color:#fff;
	font-size:12px;
	padding:10px 0;
}
.single-post #breadcrumbs a{
	color:#fff;
	text-decoration:none;
}
.single-post h1{
	margin:24px 0 10px;
	font-weight:900;
}
.single-post .main-contents img.featured {
	border-radius: 5px;
	margin-top: 13px;
}
.single-post .main-contents .author{
	background:rgba(255,255,255,0.6);
	padding:10px 20px;
	font-size:14px;
	line-height:1.6;
}
.single-post .main-contents .author img{
	border-radius:50%;
	width:50px;
	height:50px;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.single-post .main-contents .author .title{
	border-left:solid 5px #242424;
	padding-left:10px;
	margin-bottom:0;
}
.single-post .main-contents .author .title:before{
	content:none;
}
.single-post .main-contents .author .name{
	font-size:16px;
	margin-bottom:5px;
}
.single-post .main-contents .author .name .bold{
	font-weight:900;
	margin-right:10px;
}
.single-post .main-contents .author a{
	margin-left:10px;
	text-decoration:underline;
	font-size:14px;
	opacity:1;
}
.single-post .main-contents .author a:hover{
	opacity:0.6;
}
.single-post .main-contents .author img{
	margin-right:10px;
}
.single-post .main-contents #link > div{
	background: #FFF9BF;
	font-size: 16px;
	line-height: 19.36px;
	padding:7px 10px;
	display:inline-flex;
	align-items:center;
}
.single-post .main-contents #link span{
	background: #000000;
	border-radius:10px;
	color:#fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 14.52px;
	padding:3px 15px;
	margin-right:10px;
	white-space:nowrap;
}
.single-post .main-contents #link a{
	font-size:12px;
	color:#0054D1;
}
.single-post .content{
	color:#0F2B46;
}
.single-post .content .lwptoc{
	text-align:center;
	margin-bottom:20px;
}
.single-post .content .lwptoc .lwptoc_i{
	border:solid 5px #D8D8D8;
	background:#F3F3F3;
	border-radius:5px;
}
.lwptoc-notInherit .lwptoc_i DIV a:hover,.lwptoc-notInherit .lwptoc_i DIV a{
	color: #0F2B46
}
.single-post .content .lwptoc-light .lwptoc_items a,.single-post .content .lwptoc-light .lwptoc_items a:visited {
	color: #0F2B46
}
.single-post .content a{
	word-break: break-all;
	text-decoration: underline;
	text-decoration-style: dotted;
}
.single-post .content table{
	margin-bottom:20px;
	width:100%;
}
.single-post .content table th{
	border-width: 0 1px 1px 0;
	font-weight: 700;
	padding:10px;
	border: 1px solid #d1d1d1;
}
.single-post .content table td{
	border-width: 0 1px 1px 0;
	padding:10px;
	border: 1px solid #d1d1d1;
	font-size:14px;
}
.single-post .content table.table-sm th,.single-post .content table.table-sm td{
	padding:5px 10px;
}
.single-post .content table.text-sm th,.single-post .content table.text-sm td{
	line-height:1.6;
	font-size:13px;
}
.single-post .content .wp-block-table.wrap th small{
	display:block;
}
@media only screen and (min-width: 768px){
	.single-post .content .wp-block-table.wrap th small{
		display:inline-block;
	}
}
.single-post .content img{
	width:100%;
	height:auto;
}
.single-post .content h2{
	margin: 60px 0 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:15px;
	font-size: 28px;
	font-weight: 900;
	border-left: 8px solid #0F2B46;
	background:#fff;
	color:#0F2B46;
}
.single-post .content h3{
	margin: 56px 0 20px;
	font-size: 21px;
	font-weight: 900;
	border-bottom:solid 5px #0F2B46;
	position:relative;
	padding-left:28px;
	padding-bottom:5px;
	color:#0F2B46;
}
.single-post .content h3:before{
	position:absolute;
	top:6px;
	left:0;
	content:"";
	display:block;
	width:15px;
	height:15px;
	background:#0F2B46;
}
.single-post .content h4{
	margin: 34px 0 11px;
	padding:3px 10px;
	position: relative;
	font-size: 20px;
	background:#FFF;
	color:#0F2B46;
	font-weight:900;
}
.single-post a.wp-block-button__link{
	background: #242424;
	margin-bottom:10px;
	padding: 5px 30px;
	font-size:18px;
	opacity:1;
}
.single-post a.wp-block-button__link:hover{
	opacity:0.6;
}
.single-post .content p b{
	font-weight: 900;
}
.single-post .content p a,.single-post .content td a{
	text-decoration-line: underline;
	text-decoration-style: dotted;
	color:#0F2B46;
}
.single-post .content .movie{
	position:relative;
	width:100%;
	padding-top:56.25%;
	margin-bottom:10px;
	border-radius:5px;
	overflow:hidden;
}
.single-post .content .movie iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	border:none;
}
.single-post .content blockquote{
	border-left:6px solid #181818;
	padding-left:10px;
}
.single-post .content blockquote cite{
	font-size:90%;
}
.single-post .content blockquote.tiktok-embed{
	border-left:none;
	padding-left:none;
}
.single-post .content .cta_banner{
	border:solid 10px #8e8e93;
	padding:20px;
	margin-bottom:20px;
	background:#fafafa;
	border-radius:5px;
}
.single-post .content .cta_banner div.title{
	font-size: 1.75rem;
	margin:0;
	font-weight:bold;
}
.single-post .content .cta_banner a.btn{
	background:#062671;
	color:#fff;
	padding:10px 30px;
	display:inline-block;
	margin-bottom:20px;
	white-space: normal;
}
.single-post .content .cta_banner.right a.btn{
	margin-bottom:0;
}
.single-post .content .cta_banner a.btn:hover{
	background: #51c8fa;
}
.single-post .content .cta_banner a.link{
	color:#1a1a1a;
}
.single-post .content .creator_banner,.single-post .content .creator_banner_2{
	background:#1a1a1a;
	color:#fff;
	padding:20px;
}
.single-post .content .creator_banner_2{
	margin-bottom:20px;
}
.single-post .content .creator_banner div.title,.single-post .content .creator_banner_2 div.title{
	font-size: 1.6rem;
	margin:0;
	text-align:center;
	border-bottom: solid 5px #51c8fa;
}
.single-post .content .creator_banner a.btn,.single-post .content .creator_banner_2 a.btn{
	background:#51c8fa;
	color:#fff;
	border:solid 1px #51c8fa;
	font-weight:bold;
	margin-top:10px;
}
.single-post .content .creator_banner a.btn:hover,.single-post .content .creator_banner_2 a.btn:hover{
	background:#fff;
	color:#51c8fa;
}
.single-post .content table th{
	background:rgba(0,0,0,0.05);
	white-space: nowrap;
}
.single-post .content ul{
	margin-top:30px;
	margin-bottom:20px;
	margin-left:30px;
	padding:0;
}
.single-post .content ul li{
	list-style:none;
	position:relative;
	padding-left:20px;
}
.single-post .content ul li:before{
	content:"";
	display:block;
	width:9px;
	height:9px;
	border-radius:50%;
	background:#242424;
	position:absolute;
	left:0;
	top:10px;
}
.single-post .content .wp-block-code{
	margin-top:-15px;
}
.single-post .content .wp-block-code code{
	background: rgba(20,20,20,0.9);
	color:#f5d67b;
	border-radius: 2px;
	font-size:85%;
	padding:10px;
	font-family: "Source Code Pro", monospace;
	font-optical-sizing: auto;
}
.single-post .content .linkcard .lkc-external-wrap,.single-post .content .linkcard .lkc-internal-wrap{
	border-radius:3px;
}
.single-post .content .comment-balloon-outer .avatar img{
	width:50px;
	height:50px;
	border-radius:50%;
	box-shadow: 0 .4rem 1rem rgba(0,0,0,.15);
	margin-right:5px;
}
.single-post .content .balloon {
	position: relative;
	display: inline-block;
	margin: 1.5em 0 1.5em 15px;
	padding: 10px 20px;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	font-size: 16px;
	border: solid 3px #555;
	box-sizing: border-box;
	border-radius: 15px;
	background:#fff;
}
.single-post .content .balloon:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -24px;
	margin-top: -12px;
	border: 12px solid transparent;
	border-right: 12px solid #FFF;
	z-index: 2;
}
.single-post .content .balloon:after {
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
	margin-top: -14px;
	border: 14px solid transparent;
	border-right: 14px solid #555;
	z-index: 1;
}
.single-post .content .balloon p {
	margin: 0;
	padding: 0;
	font-size:85%;
}
.single-post .content .point{
	border: solid 1px #DADADA;
	background:#FFFFFF;
	position:relative;
	padding:20px;
	margin-top:50px;
	margin-left:10px;
}
.single-post .content .point span.title{
	position:absolute;
	top:-25px;
	left:-10px;
	background:#242424;
	color:#fff;
	padding:0 10px;
	font-weight:900;
}
.single-post .content .point span.title:before{
	content:none;
}
.single-post .content .point ul{
	margin:0;
	padding:0;
}
.single-post .content .point ul li{
	list-style:none;
	position:relative;
	padding-left:20px;
	font-weight:900;
}
.single-post .content .point ul li:before{
	content:"";
	display:block;
	width:9px;
	height:9px;
	border-radius:50%;
	background:#242424;
	position:absolute;
	left:0;
	top:10px;
}
.single-post .content .instagram-media{
	margin-left:auto !important;
	margin-right:auto !important;
}
.lkc-thumbnail img{
	width:100% !important;
	
}
.related.bold{
	font-weight:bold;
	font-size:140%;
}
.related-post .item{
	margin-bottom:20px;
	opacity:1;
	transition: all 0.3s ease 0s;
}
.related-post .item:hover{
	opacity:0.6;
}
.related-post .item img{
	border-radius:12px;
	margin-bottom:10px;
}
.related-post .item a{
	color:#0F2B46;
	text-decoration:none;
}
.related-post .item small{
	opacity:0.7;
}
@media only screen and (min-width: 567px){
/* 	.lkc-content{
		display:flex;
		flex-direction:row;
	}
	.lkc-thumbnail{
		margin-bottom:0;
	} */
}
@media only screen and (min-width: 768px){
	.single-post h1{
		max-width:1000px;
		margin:48px auto 20px;
	}
	.single-post .content img.size-full{
		width:auto;
		display:block;
		max-width:100%;
		margin:0 auto;
	}
	.single-post .main-contents #link span{
		margin-right:20px;
	}
	.single-post .main-contents #link a{
		font-size:14px;
	}
	.content .download{
		flex-direction:row;
	}
	.single-post .content .twitter-tweet{
		margin-left:auto;
		margin-right:auto;
	}
	.content .comment-balloon-outer .avatar img{
		width:80px;
		height:80px;
	}
	.related-post{
		margin-left:-10px;
		margin-right:-10px;
	}
	.related-post .item{
		flex:0 0 50%;
		padding:0 10px;
	}
}
@media only screen and (min-width: 992px){
	.single-post .content h2{
		font-size:2rem;
	}
	.single-post .content h3{
		font-size:1.5rem;
	}
}
@media only screen and (min-width: 1200px){
	.related-post .item{
		flex:0 0 33.33333333%;
	}
}
@media only screen and (min-width: 1440px){
	.single-post .content .creator_banner div.title{
		width:65%;
		float:left;
		margin-right:5%;
	}
	.single-post .content .creator_banner a.btn{
		width:30%;
		float:left;
	}
	.single-post .content .creator_banner_2 div.title{
		font-size:1.6rem;
	}
	.single-post .content .creator_banner_2{
		float:left;
		width:49%;
		min-height:274px;
		padding-top:40px;
	}
	.single-post .content .creator_banner_2 a.btn{
		margin-top:30px;
	}
	.single-post .content .cta_banner.right{
		float:right;
		width:49%;
	}
}
@media only screen and (min-width: 1440px){
	.single-post .content .creator_banner_2{
		min-height:242px;
	}
}

.blog article{
	opacity:1;
	transition: all 0.3s ease 0s;
	margin-bottom:40px;
}
.blog article:hover{
	opacity:0.7;
}
.blog article img{
	border-radius:12px;
	margin-bottom:19px;
}
.blog article .title{
	font-size:24px;
	line-height:32px;
	font-weight:bold;
}
.blog article a{
	text-decoration:none;
	color:#0F2B46;
}
#faq section{
	margin-top:-80px;
	padding-top:80px;
}
#faq .title{
	margin-top:50px;
	margin-bottom:20px;
	padding-top:10px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-size: 28px;
	font-weight: 900;
	border-left: 8px solid #0F2B46;
	background: #FFFFFF;
}
#faq .item{
	margin-bottom:30px;
}
#faq .question{
	font-size: 21px;
	font-weight: 900;
	border-bottom: solid 2px #0F2B46;
	margin-bottom:10px;
	position:relative;
	padding-left:30px;
}
#faq .question:before{
	position:absolute;
	content:"Q";
	font-size: 24px;
	top:-5px;
	left:0;
}
#faq .answer{
	position:relative;
	padding-left:30px;
}
#faq .answer:before{
	position:absolute;
	content:"A";
	font-size: 24px;
	top:-5px;
	left:0;
	font-weight:bold;
}
#faq code{
	background:rgba(0,0,0,0.05);
	padding:3px;
	border-radius:3px;
}
#plans div.col-12.col-md-6{
	margin-bottom:20px;
}
#plans .card{
	display:block;
	text-align:center;
	text-decoration:none !important;
	background:#fff;
	border-radius:6px;
	border:solid 2px rgba(0,0,0,0.1);
	padding:30px 20px 20px;
	height:100%;
	border:none;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	transition: all 0.3s ease 0s;
	position:relative;
}
#plans .card:hover{
	border:none;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
#plans .card .current{
	position:absolute;
	top:0;
	left:0;
	background:#2A7AC8;
	color:#fff;
	padding:3px 5px;
	font-weight:bold;
}
#plans .card .new{
	position:absolute;
	top:0;
	left:0;
	background:#e74c3c;
	color:#fff;
	padding:5px 10px;
	font-weight:bold;
}
#plans a{
	text-decoration:none !important;
}
#plans a span,#plans .card span{
	display:block;
}
#plans a span.price,#plans .card span.price{
	font-weight:900;
	font-size:32px;
}
#plans a span.title,#plans .card span.title{
	font-weight:900;
	font-size:24px;
	margin-bottom:5px;
}
#plans a span.price small,#plans .card span.price small{
	font-size:18px;
}
#plans a span.detail,#plans .card span.detail{
	margin-bottom:10px;
}
#plans a button{
	padding:5px 15px;
}
#plans #subscription-form label{
	display:block;
	font-size:14px;
	margin-bottom:0;
}
#plans #subscription-form input{
	margin-bottom:10px;
}
#login{
	background:#DFE6EC;
	padding:20px;
}
#login label{
	font-size:14px;
}
#login input{
	font-size:14px;
	padding:15px;
}
#login .title{
	font-weight:bold;
	font-size:120%;
	margin-bottom:12px;
	letter-spacing:2px;
}
#login a.btn,#login button.btn{
	background: #0F2B46;
	color: #fff;
	border-radius: 5px;
	font-size: 18px;
	text-decoration:none;
	padding:10px 30px;
	border:solid 2px #0F2B46;
	transition: all 0.3s ease 0s;
}
#login a.btn:hover,#login button.btn:hover{
	background:transparent;
	color:#0F2B46;
}
#login button.btn.disabled{
	opacity:0.4;
	cursor: not-allowed;
}
#login button.btn.disabled:hover {
	background: #0F2B46; 
	color: #fff; 
	cursor: not-allowed; 
	border: solid 2px #0F2B46; 
}
#login .error-message{
	display:none;
	font-size:12px;
	padding-top:5px;
	padding-left:5px;
}
#inner .main-content a.btn{
	background: #0F2B46;
	color: #fff;
	border-radius: 5px;
	font-size: 18px;
	text-decoration:none;
	padding:10px 30px;
	border:solid 2px #0F2B46;
	transition: all 0.3s ease 0s;
}
#inner .main-content a.btn:hover{
	background:transparent;
	color:#0F2B46;
}
form .alert {
	padding: 10px;
	margin: 10px 0;
	border-radius: 5px;
	display: none; /* Initially hidden */
}
form .alert-success {
	background-color: #d4edda;
	color: #155724;
	border-color: #c3e6cb;
}
form .alert-error {
	background-color: #f8d7da;
	color: #721c24;
	border-color: #f5c6cb;
	font-size:12px;
}
#mypage .nav{
	border-bottom:solid 5px #0F2B46;
}
#mypage .nav button{
	background:transparent;
	border:none;
	padding:0;
	color:#0F2B46;
	padding:5px 10px;
}
#mypage .nav button.active{
	background:#0F2B46;
	color:#fff;
	border-radius:10px 10px 0 0;
}
#mypage h2{
	margin-bottom:40px !important;
}
#mypage input[readonly] {
	background-color: #e9ecef;
	opacity: 1;
}
#mypage .item{
	border: solid 1px #9F9F9F;
	border-radius: 5px;
	background: #FFFFFF;
	padding:20px;
	margin-bottom:24px;
}
#mypage .item span{
	font-weight:900;
	display:block;
	margin-bottom:10px;
}
#mypage .item span small{
	display:block;
	font-weight:400;
}
#mypage .item label{
	font-weight:900;
	display:block;
	margin-bottom:5px;
	font-size:85%;
}
#mypage .item #usage label{
	font-weight:400;
	display:block;
	margin-bottom:0;
	margin-left:10px;
	font-size:85%;
}
#mypage .item #usage button,#mypage #urlForm button.save{
	padding:10px;
	margin-left:0;
}
#mypage #urlForm .url-input-group button{
	background:rgba(0,0,0,0.5);
	border:none;
}
#mypage #urlForm #addUrlButton{
	margin-left:0;
	padding:5px;
	background:#2980b9;
	border:none;
}
#mypage .item input{
	padding:15px;
}
#mypage .item button.btn{
	margin-top:10px;
}
#mypage #my-password button{
	display:block;
	width:100%;
}
#mypage #my-card .info div{
	margin-left:20px;
	line-height:1.4;
}
#mypage #new-card{
	display:none;
	margin-top:24px;
}
#mypage #new-card #card-element{
	padding:10px;
	border:solid 1px rgba(0,0,0,0.1);
	border-radius:4px;
	font-size:16px;
}
#mypage #new-card #payment-form button{
	background: #0F2B46;
	color: #fff;
	border-radius: 5px;
	font-size: 16px;
	text-decoration: none;
	padding: 7px 20px;
	border: solid 2px #0F2B46;
	transition: all 0.3s ease 0s;
	display:block;
	margin-left:auto;
	margin-top:10px;
}
#mypage #new-card #card-errors {
	display:none;
	padding: 10px;
	margin: 10px 0;
	border-radius: 5px;
	background-color: #f8d7da;
	color: #721c24;
	border-color: #f5c6cb;
}
#mypage #new-card #card-errors.success{
	background-color: #d4edda;
	color: #155724;
	border-color: #c3e6cb;
}
#mypage #inquiry input{
	margin-bottom:10px;
}
#mypage #inquiry input[readonly] {
    background-color: #f0f0f0; /* 背景色を変更 */
    color: #555; /* テキストの色 */
    border: 1px solid #ccc; /* ボーダー */
    cursor: not-allowed; /* カーソルを変更 */
    opacity: 0.8; /* 透明度を少し下げる */
}
#mypage #inquiry textarea{
	height:200px;
}
#mypage #inquiry button{
	margin:20px 0 0;
}
#mypage form#logout{
	width:60%;
	margin:50px auto;
}
#mypage #logout button{
	margin-left:0;
}
#mypage #org .org-type label,#mypage #org .video-creation label{
	font-weight:normal;
	margin-right:10px;
	margin-bottom:5px;
}
@media only screen and (min-width: 768px){
	#mypage .item button.btn{
		margin-top:0;
		margin-left:10px;
	}
	#mypage #my-password button{
		width:auto;
	}
	#mypage a{
		flex:0 0 calc(50% - 20px);
	}
}
@media only screen and (min-width: 992px){
	#login{
		padding:40px;
	}
	#mypage #new-card{
		margin-top:0;
		flex:0 0 400px;
	}
}

#download .play{
	width:80%;
	margin:0 auto 40px;
}
#download #downloadButton{
	background:#e74c3c;
	margin-top:10px;
	color:#fff;
	border:none;
	border-radius:6px;
	padding:15px 40px;
	font-weight:bold;
	font-size:20px;
	width:100%;
}
#download #downloadButton img{
	margin-right:10px;
}
#download .links a.main{
	display:block;
	background:#073190;
	color:#fff;
	font-weight:900;
	text-decoration:none;
	padding:20px;
	border-radius:6px;
	margin-bottom:20px;
	font-size:24px;
	line-height:1.4;
}
#download .links a.main:hover{
	opacity:0.6;
}
#download .links a.main span{
	background:#fff;
	color:#073190;
	font-size:15px;
	padding:3px 10px;
	display:inline-block;
	margin-right:10px;
	margin-bottom:-3px;
	border-radius:3px;
}
#download .links a.main font{
	border-bottom:solid 4px #fff;
	font-size:16px;
	display:inline-block;
	margin-bottom:10px;
	padding:3px;
}
#download .links a.main img{
	width:100px;
	height:100px;
	margin-bottom:20px;
}
#download .links a.btn{
	font-size:16px;
	margin-bottom:10px;
}
#download .links a.btn.border{
	border: solid 2px #0F2B46 !important;
	background:transparent;
	color:#0F2B46;
}
#download .links a.btn.border:hover{
	background:#0F2B46;
	color:#fff;
}
#download .works .item{
	margin-bottom:20px;
}
#download .works .item .image{
	border-radius: 5px;
	padding-top: 56.25%;
	position: relative;
	background-size: cover;
	background-position: center;
	margin-bottom:5px;
}
#download .works .item .image:before{
	position:absolute;
	content:"";
	display:block;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(0,0,0,0.1);
}
#download .works .item .image img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transition: all .2s;
	transition: all .2s;
}
#download .works .item:hover .image img {
	width: 50px;
	height: 50px;
}
#download .works .item span.client{
	display:block;
	opacity:0.8;
	font-size:90%;
}
#download .works .item span.title{
	display:block;
	font-weight:900;
}
#download .works .item ul li{
	background: #E8E8E8;
	border-radius: 5px;
	padding: 0 9px;
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 12px;
}
#download #home{
	margin-top:0;
}
#download #home .links{
	padding-top:0;
}
#download .banner{
	padding-bottom:60px;
}
@media only screen and (min-width: 768px){
	#download .links a.main img{
		width:100px;
		height:100px;
		margin-bottom:0;
		margin-right:20px;
	}
}
@media only screen and (min-width: 992px){
	#download .links a.main span{
		font-size:16px;
		border:solid 3px #fff;
	}
	#download .links a.main font{
		font-size:18px;
	}
	#download .links a.main{
		font-size:34px;
	}
}

#credit-rule{
	background-color:#f2f2f2;
}
#credit-rule .code{
	background-color:#102b46;
	color:#fff;
	padding:15px;
	text-align:center;
	line-height:1.3;
	margin:0 auto;
}
#credit-rule .code textarea{
	width:100%;
	border:none;
	height:100px;
	padding:10px;
	margin-top:5px;
}
#credit-rule p{
	font-weight:bold;
	padding:0 20px;
}
#credit-rule p span{
	background: linear-gradient(transparent 60%,#D7E9F9 70%);
	background: -webkit-linear-gradient(transparent 60%,#D7E9F9 0);
}
#creditModal button.btn{
	padding:10px 15px;
}