@charset "utf-8";
@import "https://fonts.googleapis.com/css?family=Roboto+Condensed";
@font-face {
	font-family: 'icomoon';
	src: url('icomoon/fonts/icomoon.ttf?8ic91e') format('truetype');
	font-weight: normal;
	font-style: normal;
}
/*
Theme Name:		Maoudamashii
Theme URI:		https://jokersounds.co.jp/
Description:	Joker Sounds Co. Ltd. Template.
Author:			Koichi Morita
Author URI:		https://maoudamashii.com/
Version:		0.9
License:
License URI:
*/
*, :before, :after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, #footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: 400;
	font-size: 100%;
	vertical-align: baseline;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 20px;
}
article, aside, details, figcaption, figure, #footer, header, hgroup, menu, nav, section {
	display: block;
}
html {
	/* 	overflow-y: scroll; */
}
body {
	background: #fff;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
input, textarea {
	margin: 0;
	padding: 0;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
a {
	text-decoration: none;
}
a:focus {
	outline: none;
}
a:hover {
	cursor: pointer;
}
.clearfix:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
}
.clearfix {
	min-height: 1px;
}
input, input[type="submit"], input[type="text"], input[type="file"], input[type="search"], input[type="email"], input[type="number"], textarea, select, button {
	margin: 0;
	padding: 0;
	border: 0;
	margin: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	vertical-align: middle;
	font-size: inherit;
	color: inherit;
	background: none transparent;
}
:focus {
	outline: none;
}
* html .clearfix {
	height: 1px;
	/*¥*/
	/*/
	height: auto;
	overflow: hidden;
	/**/
}
.both {
	clear: both;
}
object, embed {
	vertical-align: top;
	margin: 0;
	padding: 0;
}
.frmae, #contents, .nav-sidebar {
	transition: 0.2s;
}
/* ===============================================
	General
=============================================== */
body {
	background: #000;
	font-size: 100%;
	color: #333;
	letter-spacing: 1.5px;
	line-height: 1.75;
}
a {
	color: #333;
}
.shade, .frame {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.frame {
	background: #fff;
}
.box {
	margin: 0 20px 20px;
}
/* common font */
#footer small, #footer .siteURL a, .download span {
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: 0;
}
.icon:before, .icon:after, .ez-toc-title:before, .info ul.link a:before, .nav-sidebar dd .parent a:before, .nav-global a:before, .download_nav label:before, .info h2:before, .woocommerce #respond input#submit:before, .woocommerce a.button:before, .woocommerce button.button:before, .woocommerce input.button:before, .globalMenuSp a:before {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
input[type="checkbox"] {
	-webkit-appearance: checkbox;
	box-sizing: border-box;
}
.no-select {
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}
.no-touch-effect {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#contents {
	background: #edeeed;
	display: flex;
	flex-direction: row-reverse;
}
main {
	flex: 1;
	padding: 20px 0 .1px;
}
.nav-sidebar {
	width: 27.6%;
	padding-top: 100px;
}
.jks_link{

}
.jks_link img{
	width: 100%;
	height: auto;
}
.jks_link:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}
.message {
	font-size: .8rem;
	padding: 10px 15px;
}
.message:before {
	margin-right: 5px;
	font-size: 80%;
	content: "\e913";
}
.reCAPTCHAArea{
	text-align: center;
	font-size: 8px;
}
.reCAPTCHAArea a{
	font-size: 8px;
}
/* ===============================================
	Animetion
=============================================== */
.anime2ms {
	transition: .2s;
}
.anime1ms {
	transition: .1s;
}
.anime0ms {
	transition: 0;
}
.lazyload, .lazyloading {
	opacity: 0;
}
.lazyloaded {
	opacity: 1;
	transition: all 0.5s;
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes rotation {
	0% {
		transform: rotateY(0);
	}
	100% {
		transform: rotateY(1800deg);
	}
}
@keyframes Bound1 {
	0% {
		transform: scale(0.95, 0.95);
	}
	5% {
		transform: scale(1.1, 1.1);
	}
	10% {
		transform: scale(1, 1);
	}
	100% {
		transform: scale(1, 1);
	}
}
@keyframes Bound3 {
	0% {
		transform: scale(0.9, 0.9);
	}
	5% {
		transform: scale(1.1, 1.1);
	}
	10% {
		transform: scale(1, 1);
	}
	15% {
		transform: scale(1.1, 1.1);
	}
	20% {
		transform: scale(1, 1);
	}
	100% {
		transform: scale(1, 1);
	}
}
@keyframes download {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(.4vw);
	}
	100% {
		transform: translateY(0px);
	}
}
@keyframes load-spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@keyframes RightToLeft {
	0% {
		opacity: 0;
		/* 透明 */
		transform: translateX(50px);
		/* X軸方向に50px */
	}
	100% {
		opacity: 1;
		/* 不透明 */
		transform: translateX(0);
		/* X軸方向に0px */
	}
}
/* ===============================================
	Header
=============================================== */
header {
	background: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
	z-index: 399;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	white-space: nowrap;
}
.prarea{
	position: fixed;
	width: 100%;
	text-align: center;

}
.prarea .link1{
	background: #bd2d1f;
}
.prarea .link2{
	background: #25065f;
}
.prarea a{
	width: 100%;
	color: #fff;
	display: block;
	height: 48px;
	line-height: 48px;
	font-weight: bold;
}
.prarea a:hover{
	background: #000;
	transition: .3s;
	color: red;
}
@media screen and (max-width: 600px) {
	.prarea a{
		font-size: 12px;
	}
}
.nav-global {
	height: 126px;/* PRAREA+48 */
	margin: 0 30px 0 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 56px;/* PRAREA */

}
#wrap {
	padding-top: 70px;
}
.nav-global a:before {
	margin-right: 5px;
}
.head-logo {
	padding: 0 30px;
	height: 100%;
	display: flex;
	align-items: center;
}
.head-logo h1 {
	display: flex;
	line-height: 1;
	height: 100%;
	align-items: center;
}
.head-logo a {
	display: block;
}
.head-logo img {
	height: 50px;
	width: 143px;
	background: url(./img/maou_logo_w.svg) no-repeat center center;
	background-size: contain;
}
.head-logo .us img {
	background: url(./img/maou_logo_us_w.svg) no-repeat center center;
}
	{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
header .menu-item a, .search-btn a, .search-btn div, .gnav-cart a, .header-dropdown-btn{
	color: #3d4651;
	font-size: 0.8rem;
	display: block;
}
header .bogo-language-switcher .bogo-language-name a{
	color: #3d4651;
	font-size: 0.8rem;
}
header .bogo-language-switcher .bogo-language-name a:hoiver{
	color: red;
	cursor: pointer;
	transition: .2s;
}
header .menu-item a:hover, .nav-darkmode:hover, .search-btn div:hover, .gnav-cart a:hover, .header-dropdown-btn:hover {
	color: red;
	cursor: pointer;
	transition: .2s;
}
.gnav-cart a {
	display: flex;
}
.gnav-cart a:before {
	display: block;
	content: "\e93d";
}
.header-dropdown-btn {
	display: flex;
	align-items: center;
}
.header-dropdown-btn:before {
	content: "\e92b";
	display: block;
	margin-right: 5px;
}
.header-dropdown-btn-music:before {
	content: "\e913";
}
/* dropdown */
.header-dropdown {
	position: relative;
	z-index: 10;
}
.header-dropdown a, header .header-dropdown .menu-item a {
	color: #3d4651;
	font-size: 0.7rem;
	display: flex;
	height: 40px;
	align-items: center;
	line-height: 1;
	letter-spacing: 0.3px;
	padding: 0 16px;
	min-width: 120px;
}
header .header-dropdown .menu-item.current-menu-item a{
	color: #ccc;

}

.header-dropdown a:hover, header .header-dropdown .menu-item a:hover {
	background: #fe2f73;
	color: #fff;
}
.header-dropdown:hover ul {
	background: #fefffe;
	border-radius: 8px;
	white-space: nowrap;
	min-width: 150px;
	padding: 8px 0;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.header-dropdown ul {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	transition: all .2s ease;
	left: 0;
	top: 27px;
}
.header-dropdown:hover ul {
	visibility: visible;
	opacity: 1;
	top: 27px;
}
/* ===============================================
	globalMenuSp
=============================================== */
.globalMenuSp{
	display: none;
}
.navToggle {
	display: none;
}

/* ===============================================
ハンバーガーメニュー
=============================================== */
.globalMenuSp-mask {
	position: fixed;
	z-index: -1;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: .3s;
}
.globalMenuSp-mask.active-mask {
	display: block;
	background: #000;
	opacity: .8;
	z-index: 100;
}
nav.globalMenuSp {
	position: fixed;
	z-index: 390;
	top: 70px;
	left: 0;
	text-align: center;
	transform: translateY(-100%);
	transition: all .6s;
	width: 100%;
}
nav.globalMenuSp ul {
	background: #000;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
nav.globalMenuSp ul li {
	font-size: 1.1em;
	list-style-type: none;
	padding: 0;
	width: 100%;
	border-top: 1px dotted #222;
}
nav.globalMenuSp .login {
	border-top: 1px dotted #333;
}
nav.globalMenuSp ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	padding: 5vw 0;
}
nav.globalMenuSp ul li a:hover {
	background: #fd2e72;
}
nav.globalMenuSp ul li a:before {
	margin-right: 5px;
}
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
	transform: translateY(0%);
}
/* バーガー */
.navToggle {
	position: absolute;
	/* bodyに対しての絶対位置指定 */
	right: 20px;
	top: 8px;
	width: 46px;
	height: 51px;
	cursor: pointer;
	z-index: 3;
	background: rgba(0, 0, 0, .8);
	text-align: center;
}
.navToggle span {
	display: block;
	position: absolute;
	/* .navToggleに対して */
	width: 34px;
	border-bottom: solid 3px #eee;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	left: 6px;
}
.navToggle span:nth-child(1) {
	top: 9px;
}
.navToggle span:nth-child(2) {
	top: 18px;
}
.navToggle span:nth-child(3) {
	top: 27px;
}
.navToggle span:nth-child(4) {
	border: none;
	color: #eee;
	font-size: 9px;
	letter-spacing: 1px;
	font-weight: 700;
	top: 34px;
}
/* タップしたあとのバツ */
/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
	top: 18px;
	left: 6px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2), .navToggle.active span:nth-child(3) {
	top: 18px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* ===============================================
	nav-child
=============================================== */
.nav-child {
	background: #363636;
	position: relative;
	overflow: hidden;
	height: 167px;
	width: 100%;
	text-align: center;
	padding-top: 67px;
}
.nav-child .nav-child-mask {
	height: 5em;
	/* 触らない */
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.nav-child-mask::-webkit-scrollbar {
	display: none;
}
.nav-child-mask {
	-ms-overflow-style: none;
	display: flex;
	justify-content: center;
	align-items: center;
	animation-name: RightToLeft;
	animation-duration: .5s;
}
.nav-child ul {
	max-width: 100%;
	display: flex;
	justify-content: left;
	align-items: center;
}
.nav-child li.current a, .nav-child li.current a:hover {
	color: #e57e31;
	cursor: default;
}
.nav-child ul li {
	text-align: center;
	min-width: 90px;
}
.nav-child ul a {
	display: block;
	font-size: .55rem;
	line-height: 1;
	color: #b8b8b8;
	white-space: nowrap;
}
.nav-child ul a:before {
	font-size: 2.5rem;
	display: block;
	margin-bottom: 5px;
}
.nav-child ul a:hover {
	color: #fff;
}
.nav-child .num {
	display: none;
}
.nav-child-btn-left, .nav-child-btn-right {
	font-size: .8rem;
	position: absolute;
	top: 0;
	height: 90px;
	margin: 5px 0;
	width: 30px;
	display: block;
	color: #999;
	background: #363636;
	line-height: 90px;
}
.nav-child-btn-left:hover, .nav-child-btn-right:hover {
	color: #ccc;
}
.nav-child-btn-left {
	left: 0;
	border-right: 1px #444 solid;
}
.nav-child-btn-right {
	right: 0;
	border-left: 1px #444 solid;
}
.nav-child-btn-left:before {
	content: "\e938";
}
.nav-child-btn-right:before {
	content: "\e939";
}
.nav-child-disable {
	display: none;
}
header .cat-list-game,.globalMenuSp .cat-list-game{
	display: none;
}
/* ===============================================
	Search
=============================================== */

header .search-btn a {

	display: flex;
	align-items: center;
	line-height: 1;
	top:32px;
}
header .search-btn-open:before {
	content: "\e986";
}
header .search-btn-close:before {
	content: "\ea0f";
	display: none;
}
header .opened .search-btn-open {
	display: none;
}
header .opened .search-btn-close:before {
	display: inline-block;
}
#search-area {
	display: none;
	height: 8vw;
	padding: 2vw 0;
	width: 100%;
	position: absolute;
	left: 0;
	top: 70px;
	background: rgba(102, 102, 102, 1);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
	z-index: 10;
}
.search-form {
	height: 4vw;
	position: absolute;
	left: calc(50% - 25vw);
	top: calc(50% - 2vw);
	border: 1px solid #2e2e2e;
	width: 50vw;
	overflow: hidden;
	background: #101010;
}
#search-area input {
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
#search-area input[type="search"] {
	width: calc(100% - 4vw);
	height: 4vw;
	line-height: 2vw;
	padding: 1vw .5vw;
	float: left;
	color: #ccc;
	background: #101010;
	font-size: 1.4vw;
}
#search-area button:before {
	content: "\e986";
	text-align: center;
	height: 4vw;
	width: 4vw;
	line-height: 4vw;
	display: block;
}
#search-area button:hover {
	cursor: pointer;
}
.search-number {
	padding: 20px;
}
.search-number img {
	height: 200px;
	width: auto;
}
´ .search-detail {
	display: flex;
	align-items: center;
}
.search-detail input[type="search"], .search-detail select, .search-detail input[type="submit"] {
	border-radius: 5px;
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	border: 2px solid #307fb6;
	transition: all 0.3s;
	padding: 13px;
}
.search-detail input[type="search"] {
	width: 50%;
}
.search-detail input[type="search"]:focus {
	border: 2px solid #cb6566;
}
.search-detail select {
	background: #fff;
	color: #307eb5;
	transition: 0.2s;
}
.search-detail select:hover {
	border: 2px solid #cb6566;
	color: #cb6566;
	background: #fff;
}
.search-detail input[type="submit"] {
	background: #307eb5;
	border: 2px solid #307eb5;
	color: #fff;
}
.search-detail input[type="submit"]:hover {
	animation: Bound1 2s ease-out;
	cursor: pointer;
}
/* ===============================================
	Sidebar
=============================================== */
.nav {
	text-align: left;
}
.nav dt, .nav li a, .nav li .num {
	line-height: 50px;
	height: 50px;
}
.nav dt {
	font-weight: 700;
	color: #707070;
	font-size: 1.2rem;
	margin: 20px 0 10px;
}
.nav dd:not(:last-child) {
	border-bottom: 1px #f0f0f0 solid;
}
.nav ul {
	padding-bottom: 20px;
}
.nav li a {
	font-size: 1.6vw;
	white-space: nowrap;
	display: flex;
	align-items: center;
	justify-content: start;
	overflow: hidden;
}
.nav li a:before {
	margin-right: 15px;
	color: #888;
	font-size: 28px;
}
.wp-block-image.profile-picture img{
	height: auto;

}
.wp-block-embed{
	text-align: center;
}


.side-nav-favorite a:before {
	content: "\e9da";
}
.side-nav-darkmode a:before {
	content: "\e941";
}
.cat-streaming a:before {
	content: "\e91c";
}
.cat-twitter a:before {
	content: "\ea96";
}
.cat-discography a:before{
	content: "\e92a";
}
.cat-youtube a:before {
	content: "\ea9d";
}
.cat-news a:before {
	content: "\ea9b";
}
.cat-mail a:before {
	content: "\e91e";
}
.cat-jks a:before {
	content: "\e925";
}
.cat-koichi a:before {
	content: "\e942";
}
.cat-list-shop-account a:before {
	content: "\e940";
}
.cat-song:before, .cat-list-song a:before {
	content: "\e924";
}
.cat-song:before, .cat-list-fan a:before {
	content: "\e9da";
}

.cat-bgm:before, .cat-list-bgm a:before {
	content: "\e921";
}
.cat-game:before, .cat-list-game a:before {
	content: "\e922";
}
.cat-se:before, .cat-list-se a:before {
	content: "\e923";
}
.cat-store:before, .cat-list-store a:before {
	content: "\e93d";
}
.cat-store:before, .cat-list-live a:before {
	content: "\e908";
}
.cat-bgm-neorock:before {
	content: "\e908";
}
.cat-bgm-neorock:before {
	content: "\e908";
}
.cat-bgm-acoustic:before {
	content: "\e901";
}
.cat-bgm-piano:before {
	content: "\e90a";
}
.cat-bgm-orchestra:before {
	content: "\e909";
}
.cat-bgm-cyber:before {
	content: "\e903";
}
.cat-bgm-healing:before {
	content: "\e907";
}
.cat-bgm-8bit:before {
	content: "\e900";
}
.cat-bgm-ethnic:before {
	content: "\e902";
}
.cat-bgm-fantasy:before {
	content: "\e906";
}
.cat-bgm-karaoke:before {
	content: "\e91f";
}
.cat-game-battle:before {
	content: "\e90b";
}
.cat-game-jingle:before {
	content: "\e910";
}
.cat-game-field:before {
	content: "\e90f";
}
.cat-game-town:before {
	content: "\e90c";
}
.cat-game-dangeon:before {
	content: "\e90d";
}
.cat-game-event:before {
	content: "\e90e";
}
.cat-se-onepoint:before {
	content: "\e91a";
}
.cat-se-sounds:before {
	content: "\e91b";
}
.cat-se-system:before {
	content: "\e91c";
}
.cat-se-battle:before {
	content: "\e915";
}
.cat-se-magic:before {
	content: "\e919";
}
.cat-se-voice:before {
	content: "\e91d";
}
.cat-se-inst:before {
	content: "\e917";
}
.cat-se-8bit:before {
	content: "\e914";
}
.cat-rule a:before {
	content: "\ea10";
}
.nav-darkmode {
	display: flex;
}
.nav-darkmode:before {
	display: block;
	color: #f10d5c;
	content: "\e941";
}
.link_hili a:before{
	content: "\e927";
}
.link_youful a:before{
	content: "\e914";
}
.link_kamatama a:before{
	content: "\e929";
}
.link_coco a:before{
  content: "\e92a";
}
.nav-darkmode:active {
	animation: rotation 2s ease-out;
}
.sound .wp-block-columns {
	margin-bottom: 0px;
	padding: 15px 0;
}
.nav li a:hover {
	background: #f6f6f6;
}
.nav li .num {
	display: block;
	font-size: .5rem;
	color: #959595;
	flex:1;
	text-align: right;

}
.nav li a, .nav dt {
	padding-left: 10%;
	padding-right: 10%;
}
.nav .box {
	padding-left: 5px;
	padding-right: 5px;
	background: red;
}
.nav li.current a,.current-menu-item a,.nav .current-menu-item a:hover,header .header-dropdown .menu-item.current-menu-item  a:hover{
	background: #4f5a69;
	color: #ccc;
}
.nav .current-menu-item  a:before,.nav .current-menu-item a:hover{
	color: #ccc!important;

}
.nav .child li.current a:hover {
	cursor: default;
}
.nav li.current a, .nav li.current a:before, .nav li.current .num {
	color: #fff;

}
.nav .sidebar-taglist .tag-list, .shop .tagged_as {
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
	padding: 0 10px;
	´
}
.nav .sidebar-taglist li a, .tag-title .tag-span, .shop .tagged_as a {
	font-size: .6rem;
	color: #111;
	padding: 10px 15px;
	display: block;
	line-height: 1;
	height: auto;
	width: auto;
	background: #f3f3f3;
	border-radius: 30px;
	margin: 5px;
}
.nav .sidebar-taglist li a:hover, .tag_list a:hover, .shop .tagged_as a:hover {
	animation: Bound1 2s ease-out;
	background: #1e9c3a;
	color: #fff;
}
/* アイコン設定 */
.rule a:before {
	content: "\ea10";
}
/* ===============================================
	●mobile nav
=============================================== */
.drawer-nav, .nav-mobile ul {
	width: 100%;
	display: none;
}
/* ===============================================
	category-List
=============================================== */
.cat-mask {
	width: 100%;
	height: 100%;
}
.cat-parent .cat-mask {
	background: rgba(0, 0, 0, 0.6);
	padding: 30px;
}
.cat-child .cat-mask {
	background: rgba(0, 0, 0, 0.9);
	padding: 15px 15px 60px;
}
.cat-child a:hover .cat-mask {
	background: rgba(0, 0, 0, 0.4);
}
.cat-parent h1, .cat-parent p, .cat-child h2, .cat-child p {
	text-shadow: 1px 1px 5px #000;
}
.cat-parent h1 {
	color: #fff;
	font-size: 3rem;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 3px;
	margin-bottom: 30px;
}
.cat-child .icon:before, .cat-parent .icon:before {
	font-size: 80%;
	margin-right: 5px;
}
.cat-parent p {
	font-size: 1rem;
	color: #fff;
	line-height: 1.5;
}
.cat-child {
	display: flex;
	flex-wrap: wrap;
}
.cat-child a {
	width: calc(50% - 30px);
	display: block;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	margin: 0 0 20px 20px;
}
.cat-child h2, .cat-child p {
	color: #fff;
}
.cat-child h2 {
	font-size: 2.8vw;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 15px;
}
.cat-child p {
	font-size: .8rem;
	line-height: 1.4;
	margin-bottom: 15px;
}
.cat-btn {
	font-size: .7rem;
	color: #ccc;
	width: 80px;
	line-height: 30px;
	height: 34px;
	text-align: center;
	border: 1.5px solid #ccc;
	position: absolute;
	left: calc(50% - 40px);
	bottom: 15px;
}
.cat-child a:hover h2, .cat-child a:hover p {
	color: #fff;
}
.cat-child a:hover .cat-btn {
	color: aqua;
	animation: Bound1 2s ease-out;
	border: aqua 1.5px solid;
}
.cat-info-list {
	margin: 0 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.cat-info-list img {
	width: 100%;
	height: auto;
	opacity: .5;
	vertical-align: bottom;
}
.cat-info-img {
	background: #000;
	height: 100px;
}
.cat-info-list li {
	margin-bottom: 20px;
	width: 32%;
	background: #fff;
}
.cat-info-list::after{
	  content:"";
	  display: block;
	  width:30%;
	}
.cat-info-list li:hover img {
	opacity: 1;
}
.cat-info-list span {
	display: block;
}
.cat-link-text {
	font-size: 1.5vw;
	padding-top: 5px;
}
.cat-info-list li a {
	display: block;
	padding: 10px;
	text-align: center;
	color: #0080c0;
}
.cat-info-list li a:hover {
	color: red;
}
/* ===============================================
	.panNav
=============================================== */
.breadcrumb {
	list-style: none;
	overflow: hidden;
	display: flex;
}
.breadcrumb li, .breadcrumb li a, .breadcrumb li span {
	height: 50px;
	line-height: 50px;
	font-weight: 400;
	font-size: .8rem;
}
.breadcrumb li a {
	color: #666;
	display: block;
	position: relative;
	padding-left: 15px;
}
.breadcrumb li:not(:first-child) a {
	padding-left: 45px;
}
.breadcrumb li a:after {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
	border-left: 30px solid #fff;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	left: 100%;
	z-index: 2;
}
.breadcrumb li a:before {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
	border-left: 30px solid #e1e1e1;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	margin-left: 1px;
	left: 100%;
	z-index: 1;
}
.breadcrumb li a:hover {
	background: #3081b7;
	color: #fff;
}
.breadcrumb li a:hover:after {
	border-left-color: #3081b7 !important;
}
.breadcrumb .icon:before {
	margin-right: 10px;
	font-size: 80%;
}
.breadcrumb-home:before {
	content: "\e913";
}
/* ===============================================
	.sound
=============================================== */
.sound .inner, .shop .inner {
	padding: 20px;
}
.title {
	align-items: center;
	flex-wrap: wrap;
}
.title-frame {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 10px;
}
.title-subtitle{
	margin-right: 10px;
	font-weight: bold;
	margin-bottom: 15px;
	color: #666;
	font-size: 14px;
}
.loopdsip{
	padding: 5px 10px;

	letter-spacing: .1px;
	line-height: 1;
	background: #dedede;
	color: #666;
	font-size: 10px;
border-radius: 30px;
margin-right: 10px;
}
.title h1, .title h2 {
	line-height: 1.1;
	display: flex;
	align-items: center;
	justify-content: start;
	flex: 1;
}
.status-frame {
	display: flex;
}
.title-credit-frame .status {
	font-size: 0.6rem;
	letter-spacing: 0.2px;
	color: #fff;
	margin-right: 20px;
	margin-bottom: 10px;
	line-height: 1;
}
.title-credit-frame .status a {
	line-height: 1;
	font-size: 0.6rem;
	font-weight: bold;
	color: #fff;
	display: flex;
	padding: 7px 10px;
}
.title-credit-frame .status-releasename a {
	background: #000;
}
.title-credit-frame .status-dam a {
	background: #c7020b;
}
.title-credit-frame .status-store a {
	background: #2cbd58;
}
.title-credit-frame .status a:hover {
	background: #3080b7;
}
.title-credit-frame .status a:before {
	margin-right: 5px;
	display: block;
}
.title-credit-frame .status-releasename a:before{
	content: "\e92a";
}
.title-credit-frame .status-dam a:before {
	content: "\e91f";
}
.title-credit-frame .status-store a:before {
	content: "\e93d";
}
.title h1:before, .title h2:before {
	content: "\e913";
	margin-right: 10px;
	display: block;
	font-size: 1.5rem;
}
.title h1 a, .title h2 a {
	font-weight: 700;
	color: #333;
	font-size: 2rem;
}
.title h1 a:hover, .title h2 a:hover {
	color: #3080b7;
}
.title-timestamp {
	font-size: .6rem;
}
.title-credit-frame {
	width: 100%;
	flex-wrap: wrap;
	align-items: center;
}
.title-credit {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.title-credit li {
	color: #555;
	font-size: .55rem;
	margin-right: 14px;
	letter-spacing: 0.5px
}
.albumart {
	width: 30%;
}
.sound-youtube-wrap {
	background: #000;
	text-align: center;
	overflow: hidden;
}
.sound-youtube {
	text-align: center;
	background: #000;
	max-width: 800px;
	background: #000;
	text-align: center;
	margin: 0 auto;
}
.sound-youtube iframe {
	vertical-align: bottom;
}
.sound-youtube {
	position: relative;
	width: 100%;
}
.sound-youtube:before {
	content: "";
	display: block;
	padding-top: 56.25%;
	/* 高さと幅の比を16:9に固定。9/16*100=56.25 */
}
.sound-youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.audioplayer {
	width: 100%;
	padding: 30px 0 10px 0;
	display: flex;
	align-items: center;
}
.audioplayer audio {
	vertical-align: bottom;
	width: 100%;
}
.content {
	display: none;
}
.admin-edit {
	margin: 0 20px 20px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	text-align: center;
}
.admin-edit a {
	display: block;
	color: #3080b7;
	background: #fff;
	height: 50px;
	line-height: 50px;
}
.admin-edit a:hover {
	background: #2f7fb7;
	color: #fff;
}
/* ===============================================
multi
=============================================== */
.multi .title-youtube {
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
}
.multi .title {
	width: 70%;
}
.multi .sound-youtube-wrap {
	width: 30%;
	display: flex;
	align-items: center;
}
.multi .title-credit {
	width: 100%;
	padding-top: 10px;
}
.multi .title-credit li {
	margin-bottom: 5px;
}
.sonog-text p {
	display: block;
	width: 100%;
}
.sonog-text p, .multi .title-credit li {
	font-size: 12px;
	letter-spacing: 0.5px;
	color: #555;
	line-height: 1.3;
}
.sonog-text p:not(:last-child) {
	margin-bottom: 1em;
}
.song-detail-text p {
	font-size: 1rem;
	color: #333;
}
.tag_list {
	width: 100%;
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 5px;
}
.tag_list a, .product_meta a {
	display: block;
	padding: 5px 10px;
	margin: 0 5px 5px 0;
	letter-spacing: 0.1px;
	line-height: 1;
	background: #dedede;
	color: #666;
	font-size: 10px;
	border-radius: 30px;
}
/* ===============================================
sound Nav
=============================================== */
.sound-nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sound-nav li {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-grow: 2;
	background: #f4f4f4;
	text-align: center;
	width: 100%;
}
.sound-nav li a {
	display: block;
	width: 100%;
}
.sound-nav li:not(:last-child) {
	border-right: 1px solid #e2e2e2;
}
.sound-nav li:hover {
	background: #3181b7;
	cursor: pointer;
}
.btn_tagList span{
	font-weight: 700;
	color: #707070;
	font-size: 1.2rem;
	margin: 20px 0 10px;
}
.sound-nav li.open, .sound-nav li.open:hover {
	background: #363636;
	color: #fff;
	border-right: 1px solid #363636;
}
.btn_tagList_close,.btn_tagList_open{
	cursor: pointer;
}
.btn_tagList_close:hover,.btn_tagList_open:hover{
	color: #307fb6;
}
.opened .content_tagList{
	display: block;
}
.opened .btn_tagList_close{
	display: block;
}
.opened .btn_tagList_open,.btn_tagList_close{
	display: none;
}
.sound-nav li.open span {
	color: #fff;
}
.sound-nav li {
	height: 50px;
}
.sound-nav li span.icon {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sound-nav li span {
	line-height: 50px;
	font-size: 1.5vw;
	font-weight: 700;
	color: #666;
	letter-spacing: 0;
}
.sound-nav li:hover span {
	color: #fff;
}
.sound-nav .icon:before {
	margin-right: 5px;
	font-size: 90%;
}
.sound-nav .icon-download-plate {
	position: relative;
}
.sound-nav .icon-download-arrow {
	position: absolute;
	left: 0;
	top: 0;
}
.sound-nav li .simplefavorite-button.active {
	background: #fe0000;
}
.sound-nav li .simplefavorite-button.active span {
	color: #fff;
}
.sound-nav .btn_favorite span.icon:before {
	content: "\e9da";
}
.sound-nav .btn_url span.icon:before {
	content: "\e9cb";
}
.sound-nav .btn_twitter span.icon:before {
	content: "\ea96";
}
.sound-nav .btn_download span.icon:before {
	content: "\e93e";
}

.sound-nav .btn_share span.icon:before {
	content: "\e928";
}
.sound-nav .btn_detail span.icon:before {
	content: "\e912";
}

.download .icon-download-plate {
	position: relative;
	margin-bottom: 3px;
}
.download .icon-download-arrow {
	position: absolute;
	left: calc(50% - 2vw);
	top: 0;
}
.download a:hover .icon-download-arrow {
	animation: download .4s infinite;
}

/* ===============================================
Download Area
=============================================== */
.download_nav {
	display: flex;
	flex-wrap: wrap;
	border-bottom: 4px solid #edeeed;
	justify-content: space-between;
	width: 90%;
	margin: 0 auto;
	position: relative;
	padding: 20px 0;
}
.download_nav li:not(.download_nav_bar) {}
.download_nav li:not(.download-list-num-help) label:before {
	content: "\e93e";
}

.download_nav label {
	font-family: 'Roboto Condensed', sans-serif;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 1.6vw;
	font-weight: bold;
	color: #666;
	height: 8vw;
	width: 8vw;
	border-radius: 5vw;
	background: #ccc;
	vertical-align:bottom;


}
.download_nav label:hover {
	background: #eee;
	animation: Bound3 2s ease-out;
}
.download_nav_bar {
	position: absolute;
	bottom: -4px;
	background: #3181b7;
	height: 4px;
}
.download input[type="radio"] {
	display: none;
}
.download_frame {
	padding: 20px;
}
.download_box {
	display: none;
	animation: fadeIn ease .6s forwards;
	position: relative;
}
.download_bgm .download_box{
	display: block;
}
.download_menuarea li:not(:last-child) {
	margin-bottom: 20px;
}
.download_menuarea li a {
	display: block;
	background: #f4f4f4;
	border-radius: 5px;
	padding: 15px;
	color: #666;
	font-size: 1rem;
	align-items: center;
	display: flex;
}
.content.download.always-visible {
	display: block;!important
}
.download_menuarea a:before {
	text-align: center;
	color: #fff;
	line-height: 30px;
	background: #aaa;
	height: 30px;
	border-radius: 15px;
	width: 30px;
	font-size: 80%;
	margin-right: 10px;
	display: block;
}
.download_box_help a:before {
	content: "\e926";
}
.download_box_all a:before {
	content: "\e93e";
}
.download_box_loop a:before {
	content: "\e93c";
}
.download_menuarea li a:hover {
	background: #3181b7;
	color: #fff;
}
.download_menuarea li a:hover:before {
	background: #fff;
	color: #3181b7;
}
.download_box.download_disp {
	display: block;
}
.download_nav label.disp_current {
	color: #3180b6;
}
/* ===============================================
Download Wrap
=============================================== */
.download_frame_title h2, .download_frame_title h3 {
	font-size: 1rem;
	color: #666;
	line-height: 1;
	padding-top: 10px;
	margin-bottom: 0px;
	font-weight: 700;
}
.download_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #ecedec;
}
.download_box .download_wrap:last-child {
	border-bottom: none;
}
.download_title_frame {
	flex: 1;
}
.download_title {
	color: #000;
	font-weight: bold;
	line-height: 1.2;
}
.download_image {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.download_subtitle {
	color: #8e8d93;
}
.download_btn {
	background: #ccc;
	color: #027bff;
	border-radius: 30px;
	letter-spacing: 0.2px;
}
.first.download_wrap {
	padding: 30px 0;
}
.second.download_wrap {
	padding: 20px 0;
}
.first .download_title {
	font-size: 1.5rem;
}
.second .download_title {
	font-size: 1rem;
}
.first .download_image {
	width: 80px;
	height: 80px;
	background-repeat: no-repeat;
	margin-right: 20px;
}
.second .download_image {
	width: 50px;
	height: 50px;
	margin-right: 15px;
}
.first .download_subtitle {
	font-size: 1rem;
}
.second .download_subtitle {
	font-size: 0.8rem;
}
.first .download_btn {
	font-size: 0.8rem;
	padding: 10px 20px;
}
.second .download_btn {
	font-size: 0.6rem;
	padding: 5px 15px;
}
.download_btn:hover, .newSong-box:hover .newSong-link {
	background: #ff0000;
	color: #fff;
	animation: Bound1 2s ease-out;
	transition: .2s;
}
/* ===============================================
Download
=============================================== */
.sound .lyric h2:before {
	content: "\e92e";
}
.sound .lyric h3 {
	font-weight: 700;
	font-size: 1.5rem;
	margin-bottom: 5px;
}
.sound .lyric p {
	font-size: 0.7rem;
	margin-bottom: 1em;
	line-height: 1.5;
}
.sound .detail-frame {
	display: flex;
}
.sound .detail-info {
	border-right: dotted 1px #ccc;
	width: 50%;
}
.detail-status img {
	vertical-align: bottom;
	margin-bottom: 10px;
	width: 100%;
	height: auto;
}
.status_store {
	text-align: center;
}
.status_dam {
	background: #c7020b;
	color: #fff;
	margin-bottom: 20px;
	padding: 10px 0;
	text-align: center;
	font-size: 0.7rem;
	letter-spacing: 0px;
	font-weight: bold;
	transition: .2s;
}
.dam_ranking {
	text-align: center;
}
.dam_ranking:not(:last-child) {
	margin-bottom: 40px;
}
.detail-status {
	width: 50%;
	padding-left: 20px;
}
.detail-status .dam_ranking a {
	background: #656565;
	text-decoration: none;
	color: #fff;
	display: inline-block;
	height: 30px;
	background: #666;
	color: #fff;
	line-height: 30px;
	border-radius: 15px;
	padding: 0 16px;
	text-align: center;
	margin: 0 auto 0 auto;
	font-size: 14px;
	font-weight: bold;
}
.detail-status .dam_ranking a:hover {
	background: #f0793f;
	animation: Bound1 2s ease-out;
}
.dam_ok_text {
	margin-bottom: 10px;
	font-size: 0.7rem;
	letter-spacing: 0px;
	font-weight: bold;
	line-height: 1;
}
.dam_ok_num {
	font-size: 0.5rem;
	font-weight: bold;
	color: #c6010b;
	background: #fff;
	display: inline-block;
	margin: auto 0;
	line-height: 1;
	padding: 5px 10px;
}
.detail-credit {}
.detail-credit h3:before {
	content: "\e92d";
}
.detail-credit dt, .detail-credit dd, .detail-credit a {
	font-size: 0.7rem;
}
.detail-credit a {
	text-decoration: underline;
}
.detail-credit dl {
	display: flex;
	flex-wrap: wrap;
}
.detail-credit dt {
	width: 50%;
}
.detail-credit dd {
	width: 50%;
	font-weight: bold;
}
.detail-info dt, .detail-info dt i {
	display: block;
}
.detail-info dt, .detail-credit h3 {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	height: 20px;
	line-height: 20px;
	font-size: 18px;
	color: #333;
}
.detail-info .icon:before, .detail-credit h3:before {
	margin-right: 5px;
	font-size: 90%;
	color: #666;
	display: block;
}
.detail-info dt {
	display: flex;
	align-items: center;
}
.detail-info-date:before {
	content: "\e93b";
}
.detail-info-favorite:before {
	content: "\e9da";
}
.detail-info-time:before {
	content: "\e93b";
}
.detail-info-loop:before {
	content: "\e93c";
}
.detail-info dd:not(:last-child) {
	margin-bottom: 50px;
}
.detail-info-url:before {
	content: "\e9cb";
}
.detail-info-cat:before {
	content: "\e9ba";
}
.detail-info-tag:before {
	content: "\e935";
}
.detail-info .tag a {
	display: inline-block;
	height: 30px;
	background: #666;
	color: #fff;
	line-height: 30px;
	border-radius: 15px;
	padding: 0 16px;
	margin-right: 5px;
	font-size: 16px;
}
.detail-info .tag a:hover {
	background: #f0793f;
	animation: Bound1 2s ease-out;
}
.detail-info .loved-count p span {
	font-size: 25px;
	font-family: 'Roboto Condensed', sans-serif;
	color: #fc5759;
}
.detail-info .permalink input {
	background: #fff;
	border-radius: 20px;
	border: 1px solid #ccc;
	height: 30px;
	font-size: 12px;
	color: #333;
	width: calc(100% - 40px);
	padding: 0 10px;
	font-family: 'Roboto Condensed', sans-serif;
}
.sound .permalink input::selection {
	background: #dc3156;
	color: #fff;
}
.sound .permalink input::-moz-selection {
	background: #dc3156;
	color: #fff;
}
.sound .detail h2, .detail-credit h2 {
	margin-bottom: 20px;
}
.sound .detail h2, .sound .lyric h2, .detail-credit h2 {
	color: #999;
	display: flex;
	font-size: 1.5rem;
	align-items: center;
}
.sound .detail h2:before, .sound .lyric h2:before, .detail-credit h2:before {
	margin-right: 5px;
	display: block;
}
.sound .detail h2:before {
	content: "\e911";
}
.sound .wvpl-play {
	background-color: transparent !important;
}
/* ===============================================
	Share
=============================================== */
.share {
	display: flex;
	justify-content: space-between;
}
.share li {
	width: calc(100%/6);
}
.share li a, .share li span, .share li span:before {
	height: 8vw;
	line-height: 8vw;
	display: block;
}
.share li a {
	text-align: center;
}
.share li span {
	font-size: 1.5vw;
	color: #fff;
	display: flex;
	justify-content: center;
	font-weight: 700;
}
.share li span:before {
	font-weight: 400;
	font-size: 120%;
	margin-right: 5px;
}
.share .share-twitter a {
	background: #1da1f2;
}
.share .share-facebook a {
	background: #3b5898;
}
.share .share-line a {
	background: #04b405;
}
.share .url a {
	background: #666;
}
.share .share-twitter span:before {
	content: "\ea96";
}
.share .share-facebook span:before {
	content: "\ea90";
}
.share .share-line span:before {
	content: "\e905";
}
.share .url span:before {
	content: "\e9cb";
}
.share a:hover span {
	background: rgba(255, 255, 255, .2);
}
.share .open a:hover span {
	background: inherit;
}
.content_url {
	height: 100px;
	padding: 20px 0;
	background: #666;
	text-align: center;
}
.content_url input {
	background: #fff;
	height: 60px;
	padding: 0 10px;
	line-height: 60px;
	width: 80%;
	font-family: 'Roboto Condensed', sans-serif;
}
.content_url input::selection {
	background: #dc3156;
	color: #fff;
}
.content_url input::-moz-selection {
	background: #dc3156;
	color: #fff;
}
/* ===============================================
●menberonly
=============================================== */
.menberonly_dlbtn{
	width: 80%;
	display: block;
	margin: 20px 0;
	background: #2e7eb7;
	color: #fff;
	border-radius: 40px;
	text-align: center;
	letter-spacing: 0.2px;
	font-size: 1rem;
	padding: 10px 20px;

}
.menberonly_dlbtn:hover{
	background: red;
}
.member_only_title{
	height: 100%;
	width: 100%;
	vertical-align: bottom;
	height: auto;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	background: rgba(0, 0, 0, .90);
	transition:0.3s;
	position: absolute;
	color: #fff;
	font-size: .6rem;
	overflow: hidden;
	line-height: 1.3;
	padding: 10px;
	left: 0;
	top:50%;
}
/* ===============================================
●tag
=============================================== */
.wp-tag-cloud {
	display: flex;
	flex-wrap: wrap;
}
.tag-title {
	background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
	height: 300px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.tag-title .tag-span {
	font-size: 2rem;
	font-weight: bold;
	padding: 20px 30px;
	display: inline-block;
	border-radius: 100px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
/* ===============================================
●Discography
=============================================== */
#contents article .discography li{
	list-style: none;
}
#contents article .discography{
	display: flex;

	border: none;
	justify-content: space-between;
	flex-wrap: wrap;
}
#contents article .discography li{
	width: 24%;
	padding: 10px 0;
}
.discography-img img{
	width: 100%;
	vertical-align: bottom;
	height: auto;
}
.discography a{
	display: block;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: .8rem;
	text-align: center;
	background: #000;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.discography a .discography-date,.discography a .discography-date span,.discography-releasename{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1vw;
	letter-spacing: 0;
	color: #ccc;
}

.discography a .discography-date{
	padding: 3px 0;
}
.discography a .discography-date span.discography-new{
	color: red;
}
.discography-releasename{
	display:flex;
	align-items: center;
	justify-content: center;
	padding: 3px 0;
}
.discography-releasename:before{
	content: "\e92a";
	margin-right: 3px;
}
.discography-img {
	position: relative;
}
.discography-mask{
	opacity: 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	background: rgba(0, 0, 0, .90);
	transition:0.3s;
	position: absolute;
	color: #fff;
	font-size: .6rem;
	overflow: hidden;
	line-height: 1.3;
	padding: 10px;
	left: 0;
	top:0;
	height: 100%;
	width: 100%;
}
.discography a:hover .discography-mask{
	opacity: 1;
}
.info .discography h3{
	margin: 0;
	padding: 0;
	font-size: .8rem;
	background: initial;
	text-decoration: underline;
	width: 100%;
}
.discography a:hover{

}
.fan{
	background: #000;
	margin: 0 20px 20px;
	padding: 20px;
	color: #fff;
	border-radius: 20px;
}
.fan h2{
	font-size: 1rem;
	font-weight: bold;
	margin-bottom: 20px;
}
.fan p{
	font-size: .8rem;
	margin-bottom: 40px;
}
.fan a{
	display: block;
	background: #3c0dee;
	color: #fff;
	border: solid 4px #3c0dee;
	border-radius: 10px;
	padding: 10px 20px;
	margin-bottom: 30px;
	font-size: 1rem;
}
.fan a:hover{
	background: #000;
	color: #3c0dee;
}
.fan img{
	width: 50%;
}
/* ===============================================
●wp-pagenavi
=============================================== */
.wp-pagenavi .pages, .wp-pagenavi .first, .wp-pagenavi .last, .wp-pagenavi .extend {
	display: none;
}
.wp-pagenavi {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	height: 4vw;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	padding: 0 25px;
	border-radius: 35px;
	background-color: #fff;
	margin: 0 20px 20px 20px;
	text-align: center;
}
.wp-pagenavi a {
	text-decoration: none;
}
.wp-pagenavi a, .wp-pagenavi span {
	height: 100%;
	white-space: nowrap;
	font-size: 1.5vw;
	display: flex;
	align-items: center;
	padding: 0 2vw;
	overflow: hidden;
	transition: 0.1s;
	letter-spacing: 0.1em;
	color: #595959;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	color: #ffffff;
	background-color: #3080b7;
}
.wp-pagenavi .current .prev:hover,
.wp-pagenavi .current .next:hover {
	color: #00BCD4;
	background-color: transparent;
}
@media only screen and (max-width: 960px) {
	.wp-pagenavi {
		height: 50px;
		padding: 0 10px;
		border-radius: 25px;
	}
	.wp-pagenavi .current {
		font-size: 0.8em;
		line-height: 50px;
		padding: 0 15px;
	}
	.wp-pagenavi .current .prev,
	.wp-pagenavi .current .next {
		padding: 0 10px;
	}
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
	.wp-pagenavi .current {
		display: none;
		padding: 0 14px;
	}
	.wp-pagenavi .current :nth-of-type(2) {
		position: relative;
		padding-right: 50px;
	}
	.wp-pagenavi .current :nth-of-type(2)::after {
		font-size: 1.2em;
		position: absolute;
		top: 0;
		left: 45px;
		content: '...';
	}
	.wp-pagenavi .current :nth-child(-n+3),
	.wp-pagenavi .current :nth-last-child(-n+3) {
		display: block;
	}
	.wp-pagenavi .current :nth-last-child(-n+4) {
		padding-right: 14px;
	}
	.wp-pagenavi .current :nth-last-child(-n+4)::after {
		content: none;
	}
	.wp-pagenavi .current .prev,
	.wp-pagenavi .current .next {
		padding: 0 5px;
	}
}
/* ===============================================
Shop
=============================================== */
#coupon_code {
	min-width: 300px;
	padding: 5px 10px;
	color: #955889;
}
input[type="text"], input[type="email"], input[type="password"], input[type="address"], input[type="tel"], input[type="number"] {
	border: solid 1px #e4e5e4;
	font-size: 0.7rem;
	padding: 8px 10px;
	border-radius: 6px;
}
input[type="number"] {
	font-size: 1rem;
}
form.cart {
	display: flex;
	align-items: center;
}
.shop .woocommerce ul.products li.product a img {
	margin-bottom: 10px;
}
.shop select {
	background: #5b9cd7;
	border: 3px solid #5b9cd7;
	color: #fff;
	border-radius: 5px;
	padding: 8px 16px;
	cursor: pointer;
}
.shop .variations_button {
	display: flex;
}
.reset_variations {
	display: flex;
	align-items: center;
	background: #ebe8eb;
	border-radius: 5px;
	padding: 0 10px;
	line-height: 1;
	font-weight: bold;
	font-size: .7rem !important;
}
.reset_variations:hover {
	background: #5a9cd6;
	transition: .2s;
	color: #fff;
}
.shop-meta .posted_in a {
	color: #007185;
	font-size: 16px;
	display: block;
}
.shop-meta .posted_in a:hover {
	text-decoration: underline;
	color: #c6511f;
}
.shop .woocommerce div.product form.cart div.quantity {
	float: none;
}
.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
	display: flex;
}
.shop .woocommerce div.product form.cart .button {
	float: none;
}
.shop .summary h1, .shop .summary h2 {
	line-height: 1;
	padding: 10px 0;
}
.shop .summary h1 a, .shop .summary h2 a {
	font-weight: bold;
	font-size: 1.2rem !important;
}
.woocommerce-product-details__short-description {
	padding: 20px;
	margin: 0 0 30px 0;
	border: 1px dashed #ccc;
}
.woocommerce-product-details__short-description p {
	letter-spacing: 0;
	line-height: 1.5;
	font-size: 1rem !important;
}
.shop .woocommerce div.product form.cart {
	display: flex;
	flex-wrap: wrap;
}
.shop .woocommerce div.product form.cart .variations {
	margin-bottom: 40px;
}
.shop .woocommerce div.product div.images .flex-control-thumbs {
	display: flex;
	justify-content: start;
	align-items: center;
	flex-wrap: wrap;
	padding-top: 20px;
}
.shop .woocommerce div.product div.images .flex-control-thumbs li {
	border: solid 1px #d3cdd2;
	width: 24%;
	float: none;
	margin-right: 1%;
}
.summary {
	width: 50%;
}
.products, .wc-tabs-wrapper {
	width: 100%;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
	float: none !important;
	width: 49% !important;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
	float: none !important;
}
.product {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.product_meta span, .product_meta a {
	font-size: .8rem !important;
}
.product_meta span {
	display: flex;
	flex-wrap: wrap;
}
.woocommerce-result-count {
	font-size: .8rem;
	letter-spacing: 0;
	font-weight: 600;
}
.shop select:hover {
	background: #fff;
	color: #5b9cd7;
	transition: .2s;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	background: #be0000 !important;
	color: #fff !important;
	font-size: 0.7rem !important;
	margin-top: 0 !important;
}
.woocommerce #respond input#submit:before, .woocommerce a.button:before, .woocommerce button.button:before, .woocommerce input.button:before {
	content: "\e93d";
	margin-right: 5px;
}
.shop h2 {
	font-weight: bold;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
	font-size: 0.7rem !important;
	line-height: 1 !important;
	padding: 0 !important;
	font-weight: 400;
	color: #1f53a7 !important;
}
.woocommerce-variation-price {
	display: flex;
	align-items: center;
}
.shop .summary .woocommerce-variation-price .price {
	padding: 0;
}
.shop .price {
	color: #666 !important;
	font-weight: bold !important;
}
.stock {
	margin-bottom: 40px;
}
.shop .products .price {
	font-size: .7rem !important;
}
.shop .price span {
	color: #bf0000 !important;
	line-height: 35px;
	font-weight: bold !important;
	letter-spacing: .3px;
}
.shop .products .price span {
	font-size: 0.7rem !important;
}
.shop .summary .price span {
	font-size: 1.3rem !important;
	padding: 0 5px;
}
.shop .summary .price {
	padding: 30px 0;
	display: flex;
	align-items: center;
	justify-content: start;
	color: #565959;
	font-size: .8rem !important;
}
.woocommerce ul.products li.product a img:hover {
	animation: Bound1 2s ease-out;
}
.shop .woocommerce span.onsale {
	background-color: #c50000 !important;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	background-color: #bd0001 !important;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
	background-color: #e61717 !important;
}
#e61717 select {
	font-size: 0.7rem;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin-bottom: 20px;
	padding: 7px 30px 7px 10px;
	line-height: 1.1em;
	border-radius: 5px;
	border: none;
	background-image: url(./img/icon_arrow2.svg);
	background-repeat: no-repeat;
	background-size: 12px 10px;
	background-position: right 10px center;
	background-color: #ebe8eb;
}
select:hover {
	background-color: #dedbde;
}
.select2-container--default .select2-selection--single {
	border: solid 1px #e4e5e4 !important;
}
.woocommerce form .password-input, .woocommerce-page form .password-input {
	align-items: center !important;
}
.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
	top: 0 !important;
}
#payment .wc_payment_method label {
	display: block;
}
/* ===============================================
	Page
=============================================== */
.info {}
.info-title, .info-title-mask {
	text-align: center;
	height: 300px;
}
.info-title-mask {
	display: flex;
	align-items: center;
	justify-content: center;
}
.info-image {
	background-size: cover;
	background-position: center center;
}
.info-title p {
	margin: 0 !important;
}
.info-noimgae {
	background: -webkit-linear-gradient(bottom, #3f6596 0%, #06113b 100%);
	background: -o-linear-gradient(bottom, #3f6596 0%, #06113b 100%);
	background: -ms-linear-gradient(bottom, #3f6596 0%, #06113b 100%);
	background: -moz-linear-gradient(bottom, #3f6596 0%, #06113b 100%);
	background: linear-gradient(to top, #3f6596 0%, #06113b 100%);
}
.info-title-mask {
	background: rgba(0, 0, 0, .6);
}
.info h1 {
	font-size: 3rem;
	margin-bottom: 10px;
}
.info .info-title p {
	font-size: .8rem;
}
.info .info-title p, .info-title h1 {
	color: #fff;
	text-shadow: 0 0 5px rgba(0, 0, 0, .2);
	line-height: 1;
}
.info-content {
	padding: 20px 30px;
}
.info h2 {
	margin: 100px 0 15px;
	padding: 5px 0;
	border-bottom: 4px solid;
	display: flex;
	align-items: center;
}
.info h2:nth-of-type(1) {
	margin: 50px 0 15px;
}
.info h2, .info h2 span {
	font-size: 1.75rem;
	font-weight: 700;
}
.info h2:before {
	content: "\e913";
	margin-right: 10px;
	font-size: 90%;
}
.info h3 {
	margin: 50px 0 20px;
	padding: 12px 28px;
	background: #f4f4f4;
	border-radius: 5px;
}
.info h3, .info h3 span {
	font-weight: 700;
	display: block;
	font-size: 1.3rem;
}
.info p {
	font-size: 1rem;
	margin-bottom: 1rem;
}
.info-content a{
	color: rgb(28, 116, 233);
}
.grecaptcha-badge { visibility: hidden; }
#ez-toc-container {
	padding: 15px;
	margin-top: 50px;
	border: 1px #ccc dashed;
}
.info ul:not(.ez-toc-list):not(.ez-toc-list ul) {
	font-size: 1rem;
	margin-bottom: 1rem;
	border: dashed 1px #ccc;
	padding: 15px 15px 15px 40px;
}
.info ul:not(.ez-toc-list):not(.ez-toc-list ul) li {
	list-style: disc;
	padding: 5px 0;
}
.info ul.link a {
	color: #0080c0;
}
.info ul.link a:hover {
	color: red;
}
.info ul.link a:before {
	content: "\e9cb";
	padding-right: 10px;
}
.info ul.link {
	padding-left: 20px !important;
}
.info ul.link li {
	list-style: none !important;
}
.info strong {
	font-weight: 700;
}
.info em {
	color: #900;
}
.info .ez-toc-title {
	display: flex;
	align-items: center;
	font-size: 1.5rem;
	color: #666;
}
.info .ez-toc-title:before {
	content: "\e9ba";
	font-size: 1rem;
	display: block;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	width: 50px;
	border-radius: 25px;
	background: #666;
	margin-right: 10px;
}
#ez-toc-container ul {
	padding-left: 40px;
}
#ez-toc-container ul li {
	list-style: decimal;
}
#ez-toc-container ul li a:hover {
	text-decoration: underline;
}
/* ===============================================
KeyVisual
=============================================== */
#newSong .swiper-slide, .newSong-title:before, .newSong.is-anim, .newSong p {
	transform: translate3d(0, 0, 0);
}
#newSong {
	background: #000 no-repeat top center;
	background-size: cover;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
}
.newSong {
	position: relative;
	height: 50vw;
	max-height: 500px;
	width: 100%;
}
#newSong .swiper-pagination-bullet {
	background: #fff;
	width: 12px;
	height: 12px;
}
#newSong .swiper-pagination {
	opacity: .8;
}
.mask {
	height: calc(50vw + 100px);
	max-height: 600px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.newSong-box {
	margin-top: -100px;
	background: rgba(0, 0, 0, .8);
	padding: 40px 60px;
	transition: 0.2s;
	text-align: center;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.newSong-box a {
	display: flex;
	align-items: center;
	justify-content: center;
}
.newSong-title {
	color: #fff;
	font-weight: bold;
	font-size: 5vw;
	line-height: 1;
	margin-bottom: 10px;
}
.newSong-release {
	color: #ccc;
	line-height: 1;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 2vw;
	margin-bottom: 10px;
}
.newSong-link {
	display: inline-block;
	text-align: center;
	background: #f1f2f7;
	color: #027bff;
	border-radius: 30px;
	font-size: 1.2vw;
	margin: 0 auto;
	padding: .5vw 1vw;
	letter-spacing: 0.3px;
	font-family: 'Roboto Condensed', sans-serif;
}
.newSong-img img {
	width: 15vw;
	height: 15vw;
	margin-right: 20px;
}
/* ===============================================
	Home
=============================================== */
#homePage {
	background: #fff;
}
/* common margin */
.homeBox {
	padding: 50px 0;
}
.newSong .home-title {
	margin-bottom: 40px;
}
.newSong .home-title h2 {
	display: flex;
	align-items: center;
	justify-content: center;
}
.newSong .home-title h2:before {
	content: "\e913";
	display: block;
	margin-right: 10px;
}
.newSong .home-title h2, .newSong .home-title p {
	text-align: center;
	color: #fff;
	text-shadow: 0 0 5px rgba(0, 0, 0, .8);
}
.newSong .home-title h2, .newSong .home-title em {
	font-size: 4vw;
	font-weight: 700;
}
.newSong .home-title h2 em {
	color: #be2e1f;
}
.newSong .home-title p {
	font-size: 1.8vw;
	font-weight: 400;
	padding: 10px 0;
}
.newSong .home-title span {
	display: block;
	background: #424242;
	width: 47px;
	height: 5px;
	margin: 10px auto 0;
}
#news{
	background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
	display:flex;
	align-items: center;
	padding: 50px 10vw;
	justify-content: space-between;
}
#news .news-title h2,#news .news-title h2 span{
	font-size: 8vw;
	line-height: 1;
	display: inline-block;
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: 0;
}
.news-title a p{
	font-size: 1rem;
	display: flex;
	align-items: center;
	justify-content: start;
	border-bottom: 1px solid #333;
}
.news-title a p:before{
	content: "\ea9b";
	margin-right: 8px;
}
.news-title a:hover p{
	border-bottom: 1px solid #e67c2d;
}
.news-title a:hover h2 span{
	transition: .2s;
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	color: #e67c2d;
}
.news-title a:hover{
	color: #e67c2d;
	transition: .2s;
}
#news .news-frame{
	width: 50%;
}
#news .news-frame .news-box {
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	display: flex;
	align-items: center;
	justify-content: start;
	padding: 10px 0;
}
#news .news-frame a:hover{
	background: rgba(0, 0, 0, .04);
	transition: .2s;
}
#news .news-img{
	width: 60px;
	margin-right: 10px;
}
#news .news-img img{
	width: 60px;
	height: auto;
	vertical-align: bottom;
	margin: 0;
	padding: 0;
	opacity: .8;
}
#news a:hover .news-img img{
	opacity: 1;
	transition: .2s;
}
#news a dt{
	font-size: 16px;
	font-weight: bold;
	color: #666;
}
#news a dd {
	font-size: 16px;
	font-weight: 200;
}
.news-list-frame li{
	list-style: none;
}
.news-list .inner{
	padding:20px;
}
.news-list-frame li{
	display: flex;
	justify-content:start;
	align-items: center;
	flex-wrap: wrap;
}
.news-list .frame{
	padding: 20px;
}
.single .news-list-box{
	padding: 0px;
}
.news-list h1{
	font-size: 10vw;
	line-height: 1;
	display: inline-block;
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: 0;
	display: flex;
	align-items: center;
	justify-content: start;
}
.news-list-text{
	width: 100%;
	padding-top: 20px;

}
.news-list-text p,.news-list-text a,.news-list-text em,.news-list-text span,.news-list-text strong{
	font-size: .8rem;
	font-weight: 40000;
	line-height: 1.5;
	letter-spacing: 0.5;
	word-break:break-all;
}
.news-list-text p{
	margin-bottom: 2em;
}
.news-list-text p:last-child{
	margin-bottom: 0;
}
.news-list .rss{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	color: #e57c2c;
	font-weight: bold;
	text-align: center;
	margin-right: 10px;
}
.news-list .rss span{
	display: block;
	width: 100%;
	font-weight: bold;
	padding-top: 5px;
}
.news-list .rss:before{
	content: "\ea9b";
	font-size: 5vw;
}
.news-list .rss:hover{
	transition: .2s;
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
.news-list-box{
	border-bottom: 1px #cbcccb solid;
	padding: 50px;
	width: 100%;
}
.news-list-box:last-child{
	border: none;
}
.news-list-img,.news-list img,.no-picture{
	width: 200px;
}
.news-list img{
	height: auto;
	vertical-align: bottom;
}
.news-list-title{
	display: flex;
	align-items: center;
}

.news-list-title .nav-sns{
	width: auto;
	max-width: initial;
	padding: 0 0 0 30px;
	flex: 1;
	margin: 0;
	justify-content: space-around;
}
.news-list-box a{
	display: block;
	flex: 1;
	padding: 25px;
}
.news-list-box a:hover{
	background: rgba(0, 0, 0, .1);
}
.no-picture{
	height: 200px;
	line-height: 200px;
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
	background: #ddd;
	color: #888;
}
.news-list-img,.no-picture{
	margin-right: 30px;
}
.news-list-box dt{
	font-size:2vw;
	font-weight: bold;
}

.news-list-box dd{
	font-size:3vw;
	font-weight: 200;
}
/* common margin */
.homeBox {
	padding: 50px 0;
}
#homePage .home-title {
	margin-bottom: 40px;
}
#homePage .home-title h2 {
	display: flex;
	align-items: center;
	justify-content: center;
}
#homeAbout {
	padding-top: 60px;
}
#homePage .home-title h2:before {
	content: "\e913";
	display: block;
	margin-right: 10px;
}
#homePage .home-title h2, #homePage .home-title p {
	text-align: center;
	color: #424242;
}
#homePage .home-title h2, #homePage .home-title em {
	font-size: 4vw;
	font-weight: 700;
}
#homePage .home-title h2 em {
	color: #be2e1f;
}
#homePage .home-title p {
	font-size: 1.8vw;
	font-weight: 400;
	padding: 10px 0;
}
#homePage .home-title span {
	display: block;
	background: #424242;
	width: 47px;
	height: 5px;
	margin: 10px auto 0;
}
.about-frame {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10vw;
	flex-wrap: wrap;
}
#homePage .about-img1 {
	background: url(img/dot_koichi2.jpg) no-repeat center center;
}
#homePage .about-img2 {
	background: url(img/il_1.webp) no-repeat center center;
}
#homePage .about-img3 {
	background: url(img/il_2.webp) no-repeat center center;
}
#homePage .about-img4 {
	background: url(img/il_7.webp) no-repeat center center;
}
#homePage .about-img {
	background-size: contain;
	min-height: 20vw;
	height: auto;
	min-width: 25%;
}
.about-text {
	width: 70%;
	text-align: center;
}
.about-frame a {
	display: inline-block;
	background: #0071bb;
	padding: 1vw 2vw;
	line-height: 1;
	border-radius: 50px;
	text-align: center;
	color: #fff;
	border: 6px solid #0071bb;
	margin: 5vw auto 0;
	font-size: 2vw;
}
.about-frame a:hover {
	background: #fff;
	color: #0071bb;
	transition: 0.2s;
}
.about h3, .about span {
	font-size: 2.2vw;
	font-weight: 700;
}
.about h3 {
	color: #424242;
	padding: 20px 0;
	text-align: left;
}
.about h3 span {
	color: red;
}
.about p, .about p em {
	text-align: left;
	font-size: 1.6vw;
	font-weight: 400;
	line-height: 1.6em;
}
.about p {
	text-align: left;
	color: #424242;
}
.about p em {
	color: #e60;
	font-weight: 400;
}
#homeMacp {
	position: relative;
	z-index: 0;
}
#homeMacp::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	/*四角形を傾けます*/
	transform: skewY(2deg);
	transform-origin: top right;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #191970;
}
.map-frame {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: center;
}
.map-frame li {
	width: 24%;
	margin-bottom: 50px;
}
.map-frame a.map-box {
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	padding: 2vw;
	text-align: center;
	display: block;
	width: 100%;
	height: 100%;
}
.map-frame a.map-box:hover {
	background: #1286be;
}
.map-frame a.map-box:hover p, .map-frame a.map-box:hover h3 {
	color: #fff;
}
#homePage .map-box h3 {
	font-size: 3vw;
	font-weight: bold;
}
#homePage .map-box p {
	letter-spacing: 0.2px;
	line-height: 1.5;
	text-align: left;
}
#homePage .map-box p, #homePage .map-box p em, #homePage .map-box p s {
	font-size: 1.7vw;
}
#homePage .map-img4 {
	background: url(img/il_3.webp) no-repeat center center;
}
#homePage .map-img5 {
	background: url(img/il_4.webp) no-repeat center center;
}
#homePage .map-img6 {
	background: url(img/il_5.webp) no-repeat center center;
}
#homePage .map-img7 {
	background: url(img/il_6.webp) no-repeat center center;
}
#homePage .map-img {
	background-size: contain;
	min-height: 15vw;
	height: auto;
	width: 100%;
}
#homeApl {
	background: url(img/home_gear1.svg) no-repeat right top, url(img/home_gear2.svg) no-repeat left bottom;
	background-color: #edeeed;
	text-align: center;
}
#homeApl p{
	margin-bottom: 60px;
}
#homePage .inner {
	padding: 0 4vw;
}
#homePickup {
	background: #1287bf;
	text-align: center;
}
#homePage #homePickup .home-title h2, #homePage #homePickup .home-title p {
	color: #fff;
	text-align: center;
}
#homePage #homePickup .onepoint-message {
	margin-bottom: 50px;
}
#homePage #homePickup .jkslink,#homePage #homeApl .jkslink {
	background: #000;
	color: #fff;
	text-align: center;
	display: inline-block;
	padding: 10px 20px;
	border-radius: 100px;
	margin: 0 auto;
	font-size: 2vw;
	font-weight: bold;
}
#homePage #homePickup .jkslink:hover,#homePage #homeApl .jkslink:hover {
	background: #d70d17;
}
.missionimpossible {
	display: block;
	text-align: center;
	font-size: 2vw;
	color: #fff;
	background: purple;
	padding: 20px 50px;
	margin: 0 auto;
}
/* ──────homeSns────── */
#homeSns {
	background: #2a2a2a url(img/home_news.svg);
	text-align: center;
	background-position: calc(100% - 60px) top;
	background-repeat: no-repeat;
	background-size: auto 60%;
}
#homeSns .home-title h2, #homeSns .home-title p {
	color: #fff;
}
#homeSns .home-title h2 em {
	color: #e67e21;
}
#homeSns .home-title p {
	font-size: 1.6vw;
}
#homeSns .home-title span {
	background: #fff;
}
.nav-sns {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 1000px;
	width: 80%;
	margin: 0 auto;
}
.nav-sns li a {
	border-radius: 9vw;
	width: 18vw;
	height: 18vw;
	max-width: 250px;
	max-height: 250px;
	position: relative;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	background: #656665;
}
.nav-sns li a span:before {
	color: #333;
	display: block;
	text-align: center;
	width: 100%;
	margin-bottom: 5px;
	font-size: 7vw;
}
.nav-sns li a span {
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: 0px;
	color: #323332;
	text-align: center;
	font-weight: 400;
	display: block;
	font-size: 1.2vw;
	width: 100%;
}
.sns-news a span:before {
	content: "\ea9b";
}
.sns-youtube a span:before {
	content: "\ea9d";
}
.sns-twitter a span:before {
	content: "\ea96";
}
.sns-store a span:before {
	content: "\e91c";
}
.sns-shop a span:before {
	content: "\e93d";
}
.nav-sns a:hover span {
	color: #fff;
}
.nav-sns li a:hover {
	animation: Bound1 2s ease-out;
	color: #fff;
}
.nav-sns li a:hover span:before {
	color: #fff;
}
.sns-youtube a:hover {
	background: #fe0000;
}
.sns-news a:hover {
	background: #e67c2c;
}
.sns-twitter a:hover {
	background: #1fa0f2;
}
.sns-store a:hover {
	background: #1cd760;
}
#homeSns h3 {
	color: #ccc;
	font-size: 2.5vw;
	text-align: left;
	margin-bottom: 2.5vw;
}
.wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 textarea{
	width: 100%;

}
.wpcf7{
	width: 60%;
	max-width: 600px;
	margin: 0 auto;
}
.wpcf7-textarea{
	border: solid 1px #e4e5e4;
	font-size: .7rem;
	padding: 8px 10px;
	border-radius: 6px;

}
.wpcf7 .wpcf7-submit{
	background: #3080b7;
	border-radius: 5px;
	display:block;
	color: #fff;
	padding:10px 20px;
	cursor: pointer;
	border: 3px solid #3080b7;
}
.wpcf7 .wpcf7-submit:hover{
	background: #fff;
	color: #3080b7;
	transition: .3s;
}
/* ──────homeApl & homeMsg────── */
.apl {
	padding: 12vw 0;
}
#homeMsg {
	background: #fff;
}
.apl .inner {
	position: relative;
}
#homeMsg img {
	float: right;
}
#homeMsg img {
	background: #fff url(img/home_maou.svg) no-repeat right center;
}
.apl img {
	width: 32vw;
	height: 32vw;
	max-height: 382px;
	max-width: 382px;
	background-size: 100% 100% !important;
}
#homePage .apl .home-title {
	width: calc(100% - 36vw);
	min-width: calc(100% - (382px + 4vw));
	margin: 0;
	text-align: center;
	position: absolute;
	top: 7vw;
}
#homeMsg .home-title {
	left: 50px;
}
#homePage .apl .home-title h2, #homePage .apl .home-title h2 em {
	font-size: 2.8vw;
	line-height: 4.7vw;
}
#homePage .apl .home-title p {
	font-size: 1.5vw;
	padding: 0;
	margin: 5px 0 40px;
	line-height: 2.2vw;
}
.cat404 {
	width: 100%;
	height: auto;
}
.btn404{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #292929;
	width: 300px;
	margin: 50px auto 20px;
	height: 100px;
	border-radius: 5px;
	color: #fff;
	font-size: 32px;
}
.btn404:hover{
	background: red;
	transition: .3s;
}
.notfound404{
	width: 60%;
	max-width: 1000px;
	margin: 0 auto;
}

.wp-block-button__link:hover{
	background: red!important;
	transition: .3s!important;
}
/* ===============================================
onepoint-message
=============================================== */
.onepoint-message {
	clear: both;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}
.page-content .onepoint-message {
	margin: 0;
	width: auto;
}
.onepoint-says {
	flex: 1;
}
.onepoint-face {
	width: 150px;
	height: auto;
}
.onepoint-says {
	display: inline-block;
	position: relative;
	margin: 0 0 0 20px;
	padding: 10px 15px;
	border-radius: 12px;
	max-width: 1200px;
}
.onepoint-says-color1 {
	background: #edf1ee;
}
.onepoint-says-color2 {
	background: #84e14a;
}
.onepoint-says:after {
	content: "";
	display: inline-block;
	position: absolute;
	bottom: 30%;
	left: -19px;
	border: 8px solid transparent;
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg);
}
.onepoint-says-color1:after {
	border-right: 18px solid #edf1ee;
}
.onepoint-says-color2:after {
	border-right: 18px solid #84e14a;
}
#homePage #homePickup .onepoint-says p {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 1.8vw;
	letter-spacing: 0.3px;
	line-height: 1.8;
	color: #222;
}
.onepoint-says strong {
	font-size: 1.2rem;
	font-weight: 700;
	color: #333;
	border-bottom: solid 2px #1cb9a5;
	font-style: normal;
}
.onepoint-says-color1 strong {
	border-bottom: solid 2px #1cb9a5;
}
.onepoint-says-color2 strong {
	border-bottom: solid 2px rgba(0, 0, 0, .5);
}
/* ===============================================
	#footer
=============================================== */
#footer {
	background: #2a2a2a;

	z-index: 2;
}
#footer .inner {
	padding:  50px 20px;
}
#footer #credit .inner {
	padding:  0px 20px;
}
#footerLogo {}
#footer .footer-title {

	padding-left: 15vw;
	background: url(img/icon05.svg) no-repeat left center;
	background-size: auto 100%;

}
#footer .footer-title .siteName {
	font-size: 9vw;
	color: #fff;
	font-weight: 700;

	line-height: 1;
}
#footer .footer-title .siteURL a {
	color: #959595;
	font-size: 2vw;
}
#footer .footer-title .siteURL a, #footer .footer-title .siteURL {
	height: 3vw;
	line-height: 3vw;
	display: block;
}
#footer .bogo-language-name a{
	color: #fff;
}
#footer .langswitch{

	padding: 0 20px 20px;
}

#footerNav{
	width: 100%;
}
#footerNav ul{
	display: flex;
	align-items: center;
	width: 100%;
}
#footerNav ul li{
	display: block;
	width: 25%;
	background: #3b3c3b;
	border-right: 1px solid #666;
}
#footerNav ul li a,#footerNav ul li a span{
	display: block;
	padding: 0px 0;
	color: #fff;
	letter-spacing: 0;
	line-height: 1;

}
#footerNav ul li a span{
	font-size: 2.5vw;
}
#footerNav ul li a{
	text-align: center;
	padding: 16px 0;
}
#footerNav ul li a span:before{
	width: 100%;
	margin-bottom: 6px;
	font-size: 6vw;
	display: block;
}
#footerNav ul li:last-child{
	border: none;
}
#credit {
	background: #000;
	padding:  1px 0;
}
#credit small {
	background: url(img/icon06.svg) no-repeat left center;
}
#credit small {
	height: 100px;
	display: block;
	line-height: 100px;
	padding: 0 60px;
	color: #ccc;
	font-size: 14px;
}
.maou-appeal {
	display: none;
	background-image: linear-gradient(to right, #434343 0%, black 100%);
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60px;
	text-align: center;
	color: #fff;
	font-size: .8rem;
	line-height: 1.3;
}
.maou-appeal a {
	color: aqua;
	font-size: .8rem;
}
/* ===============================================
	Other
=============================================== */
.lazyload {
	opacity: 0;
}
.lazyloaded {
	opacity: 1;
	transition: all .3s;
}

/* ===============================================
	OniPonsible
=============================================== */
.mobile-image, .drawer-btn {
	display: none;
}
@media screen and (max-width:768px) {
	/* 834px以下 for ~iPad pro 10.5 */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, #footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		font-weight: 400;
	}
	.head-nav .description, .nav-child-scrol, .nav-sidebar, .cat-btn, .cat-massage, .cat-child p, .cat-info-img, .cat-info-list li a .cat-info-img, .breadcrumb-single {
		display: none;
	}
	.head-nav {
		align-items: center;
		justify-content: center;
		height: 42px;
	}
	.head-logo {
		margin: 0;
	}
	.head-logo h1 {
		margin-bottom: 0;
		font-size: 1.1rem;
		letter-spacing: 3px;
		line-height: 22px;
	}
	.head-nav .nav-parent {
		height: 22px;
	}
	.head-nav .nav-parent li a {
		font-size: .7rem;
		font-weight: 400;
	}
	header .search-btn a div:before {
		font-size: .8rem;
		line-height: 22px;
	}
	.nav-child {
		padding-top: 42px;
		height: 142px;
	}
	.nav-child-btn-left, .nav-child-btn-right {
		top: 42px;
	}
	#search-area {
		top: 42px;
	}
	main {
		float: none;
		width: 100%;
	}
	.cat-child .cat-mask, .cat-child a:hover .cat-mask {
		background: inherit;
		padding: 0;
	}
	.cat-info-list {
		background: #fff;
		margin-bottom: 20px;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
		display: block;
	}
	.cat-info-list li {
		box-shadow: none;
		width: 100%;
		margin: auto;
		border-bottom: 1px solid #f0f0f0;
	}
	.cat-info-list span.cat-link-text {
		font-size: 1rem;
		color: #666;
		padding: 10px 15px;
		text-align: left;
		display: flex;
		align-items: center;
	}
	.cat-link-text:before {
		content: "\e92b";
		margin-right: 5px;
		width: 30px;
	}
	.cat-child h2 {
		text-shadow: none;
		margin-bottom: inherit;
		display: flex;
		font-size: 1rem;
		height: 50px;
		line-height: 50px;
		color: #666;
	}
	.nav li {
		position: relative;
	}
	.cat-child h2:after, .nav li a:after {
		content: "\e939";
		position: absolute;
		font-family: 'icomoon' !important;
		right: 15px;
		display: block;
		line-height: 50px;
		height: 50px;
		top: 10px;
		color: #ccc;
	}
	.cat-child a:hover h2 {
		color: #666;
	}
	.cat-child .icon:before, .nav li a:before {
		font-size: 1.3rem;
		margin-right: 20px;
		background: #8e8e92;
		border-radius: 5px;
		width: 40px;
		height: 40px;
		line-height: 40px;
		letter-spacing: 0;
		text-align: center;
		color: #feffff;
		margin: 5px 15px 5px 0;
	}
	.cat-child a {
		background: inherit !important;
		border-radius: inherit;
		margin: 0;
		padding: 10px 15px;
		box-shadow: none !important;
	}
	.cat-child a:not(:last-child), .nav li a {
		border-bottom: 1px solid #f0f0f0;
	}
	.cat-child {
		display: block;
		margin: 0 20px 20px;
		background: #fff !important;
		box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
	}
	.cat-child a {
		width: 100%;
	}
	.nav li a {
		padding: 10px 20px;
		line-height: 50px;
		height: 70px;
		display: flex;
		font-size: 1rem;
		color: #666;
	}
	.nav li a:hover {
		background: inherit;
	}
	.nav li.current a {
		background: inherit;
		color: #666;
	}
	.nav li.current a:before {
		background: #e57e31;
	}
	.notfound404{
		width: auto;
		margin: 0 10px;
	}
}
@media screen and (max-width: 600px) {
	/* 600px以下 for iPhone/SmartPhone */
	.nav-global li:not(.head-logo), .breadcrumb-home-text, .breadcrumb li a:after, .breadcrumb li a:before {
		display: none !important;
	}
	.navToggle,.globalMenuSp {
		display: block;
	}
	.nav-child ul a:hover {
		color: #b8b8b8;
	}
	body, p, a {
		font-weight: 400;
	}
	.box, .cat-parent, .cat-child {
		margin: 0 10px 10px;
	}
	header {
		background: #000 !important;
	}
	.head-logo img {
		background: url(./img/maou_logo_b.svg) no-repeat center center;
	}
	.head-logo .us img {
		background: url(./img/maou_logo_us_b.svg) no-repeat center center;
	}
	p.has-background{
		padding: 10px!important;
		font-size:12px!important;
	}
	.nav-global {
		justify-content: center;
	}
	.drawer-btn {
		display: block;
	}
	.breadcrumb li:not(:last-child) {
		background: url(img/pannav.svg) no-repeat right center;
		padding-right: 17px;
		margin-right: 7px;
	}
	.newSong {
		height: 100%;
	}
	.swiper-slide {
		background: rgba(0, 0, 0, .5);
	}
	.newSong-info {
		width: 45%;
	}
	.newSong-img {
		width: 45%;
	}
	.newSong-img img {
		width: 100%;
		height: auto;
	}
	.wp-pagenavi{
		margin: 0 10px 10px 10px;
		border-radius: 0;
	}
	#homePage .home-title h2, #homePage .home-title em {
		font-size: 6vw;
		letter-spacing: 0;
	}
	.wp-pagenavi a, .wp-pagenavi span{
		font-size: 4vw;
	}
	#homePage #homeSns .home-title h2, #homePage #homeSns .home-title em {
		font-size: 5vw;
	}
	#homePage .apl .home-title h2, #homePage .apl .home-title h2 em {
		font-size: 4vw;
	}
	#homePage .home-title h2:before {
		margin-right: 5px;
	}
	#homePage .apl .home-title {
		width: 100%;
		left: 0;
	}
	.news-list-box{
		padding: 0;
	}
	.news-list-title{
		margin-bottom: 20px;
	}
	.about-frame {
		display: block;
	}
	.no-picture{
		height: 50px;
		font-size: .6vw;
		letter-spacing: 0;
	}
	.news-list-img, .news-list img, .no-picture{
		width: 50px;
	}
	.news-list-img, .no-picture{
		margin-right: 10px;
	}
	.no-picture{
		display: none;
	}
	.news-list-box dd{
		font-weight: normal;
	}
	.news-list-text p, .news-list-text a, .news-list-text em, .news-list-text span, .news-list-text strong{
		font-size: 5vw;
	}
	.news-list img{
		height: auto;
	}
	.about-text {
		width: 100%;
	}
	.news-list-box a{
		padding: 10px 0 ;
	}
	#homePage .inner {
		padding: 0 2vw;
	}
	.about h3, .about span {
		font-size: 6vw;
		line-height: 1.5;
		letter-spacing: 0;
	}
	.map-frame li {
		width: 48%;
		margin-bottom: 10px;
	}
	.nav-sns li a {
		border-radius: 13vw;
		width: 26vw;
		height: 26vw;
	}
	.info h1{
		font-size: 7vw;
		margin: 0;
	}
	.info-content{
		padding: 10px 15px;
	}
	.info h2, .info h2 span,.info h3{
		font-size: 6vw;
		letter-spacing: 0;
		line-height: 1.5;
	}
	.info,.info li,.info p,.info a,.info span,.info em,.info strong,.info strong{
		font-size: 5vw;
		letter-spacing: 0;
		line-height: 1.7;
	}
	.info h2,.info h3{
		margin-top: 50px;
	}
	.info ul:not(.ez-toc-list):not(.ez-toc-list ul){
		padding: 10px 5px 10px 30px;
	}
	.info-title, .info-title-mask{
		height: 100px;
	}
	.nav-sns li a span {
		font-size: 2.2vw;
		letter-spacing: 0;
	}

	.nav-sns {
		width: 95%;
	}

	#homePage .map-box h3 {
		font-size: 6vw;
	}
	#homePage .map-img {
		height: 100px;
	}
	#homePage #homePickup .jkslink, #homePage #homeApl .jkslink {
		font-size: 4vw;
	}
	#homePage .home-title{
		margin-bottom: 20px;
	}
	#credit{
		padding: 1px 0 10vw 0;
	}
	#footer .inner{
		padding: 0;
	}
	#footer{
		padding: 10px 0;
	}
	#credit small{
		font-size:2.5vw;
		padding: 10px 0;
		height: auto;
		line-height:1;
		text-align: center;
	}
	#footerNav{
		position: fixed;
		bottom: 0;
	}
#footerNav ul li a{
	padding: 6px 0;
}
	#footer #credit .inner{
		padding: 0 1vw;
	}
	#credit small{
		background: none;
	}
	.onepoint-face {
		width: 80px;
	}
	#homePage #homePickup .onepoint-says p {
		font-size: 3vw;
		line-height: 1.5;
		letter-spacing: 0;
	}
	.map-frame a.map-box {
		padding: 10px;
	}
	#homePage .map-box p, #homePage .map-box p em, #homePage .map-box p s, #homePage .apl .home-title p {
		font-size: 3vw;
		line-height: 1.5;
		letter-spacing: 0;
	}
	.about p, .about p em, #homePage .home-title p {
		font-size: 4vw;
		line-height: 1.7;
		letter-spacing: 0;
	}
	#homePage .home-title .loadmap_dec{
		font-size: 3.2vw;
	}
	#homePage .about-img {
		height: 100px;
	}
	.about-frame a {
		display: block;
		padding: 5px 10px;
		font-size: 16px;
	}
	.newSong-link {
		font-size: 16px;
		padding: 5px 10px;
		font-weight: bold;
		letter-spacing: 0;
	}
	.newSong-release {
		font-size: 10px;
		letter-spacing: 0;
	}
	.multi .title-youtube{
		flex-direction: column-reverse;
	}
	.multi .sound-youtube-wrap{
		width: 100%;
	}
	.sound .inner, .shop .inner{
		padding: 10px;
	}
	.multi .title{
		width: 100%;
	}
	.mask {
		height: 100%;
		display: block;
	}
	.tag_list a, .product_meta a {
		margin: 0 15px 15px 0;
		padding: 10px 15px;
		font-size: 15px;
	}
	.sound-nav .icon:before{
		font-size: 6vw;
	}
	.sound-nav li.btn_twitter{
		display: none;
	}
	.cat-parent .cat-mask{
		padding: 15px;
	}
	.cat-parent p{
		line-height: 1.3;
		font-size: 4vw;
	}
	.sound .detail-info,.detail-status{
		width: 100%;
		padding: 0;
	}
	.sound .detail-frame{
		display: block;
	}
	.detail-info dd:not(:last-child){
		margin-bottom: 30px;
	}
	.download_nav label{
		font-size: 6vw;
	}
	.download_nav{
		flex-wrap: wrap;
	}
	.download_nav label{
		width: 100%;
		padding: 15px 0;
		font-weight: 400;
		height: auto;
		line-height: 1;
	}
	.download_nav{
		padding-bottom: 0;
	}
	.download_nav li:not(.download-list-num-help) label:before{
		margin-right: 5px;
	}
	.download_nav_bar{
		display: none;
	}

	.download_nav li{
		width: 48%;
		margin-bottom: 20px;
	}

	.download_frame{
		padding: 10px;
	}
	.sound .download_box .download_btn{
		font-size: 0;
		padding: 5px 20px;

	}
	.sound .download_box .download_btn:before{
		content: "入手";
		font-size: .8rem;

	}
	.sound .download_box .download_image{
		width: 50px;
		height: 50px;
	}
	.sound .download_box .download_title{
		font-size: 1rem;
		line-height: 1;
		margin-bottom: 3px;
	}
	.sound .download_box .download_subtitle{
		font-size: .7rem;
		line-height: 1;
	}
	.sound .download_box .download_image{
		margin-right: 10px;
	}
	.sound .download_box .download_wrap{
		padding: 10px 0;
	}
	.download_frame_title h2, .download_frame_title h3{
		margin-bottom: 10px;
	}
	.detail-info{
		margin-bottom: 30px;
	}
	.btn_text_text{
		display: none;
	}
	.cat-parent h1{
		font-size: 10vw;
		margin-bottom: 15px;
	}
	.sound-nav .icon:before{
		margin: 0;
	}
	.title h1 a, .title h2 a{
		font-size: 6vw;
	}
	.title h1:before, .title h2:before{
		font-size: 6vw;
	}
	.newSong-box {
		margin-top: 0;
		background: inherit;
		padding: 20px 0 40px 0px;
		box-shadow: none;
	}
	.breadcrumb li, .breadcrumb li a, .breadcrumb li span {
		height: 40px;
		line-height: 40px;
		font-size: .7rem;
		font-weight: 400;
		letter-spacing: 0;
	}
	.breadcrumb-home{
		font-size: 1rem!important;
	}
	.breadcrumb li a:hover {
		background: #fff;
		color: #333;
	}
	.breadcrumb li:not(:first-child) .icon:before {
		display: none;
	}
	.breadcrumb li:not(:first-child) a {
		padding-left: 0;
	}
	#news{
		padding: 10px 20px;
		display: block;
	}
	#news .news-title a{
		display: flex;
		align-items:center ;
		border-bottom: 2px solid #333;
	}
	#news .news-title a:hover{
		border-bottom:2px solid #e67c2d
	}
	.news-title a p,.news-title a:hover p{
		border: none;
	}
	#news .news-title h2{
		margin-right: 10px;
	}
	#news .news-title h2, #news .news-title h2 span{
		font-size: 10vw;
	}
	#news .news-frame .news-box:last-child{
		border: none;
	}
	.news-title a p{
		font-size: 4vw;
	}
	#news .news-frame{
		width: 100%;
	}

	main {
		padding-top: 10px;
	}

	.btn404{
		width: 90%;
		height: 50px;

	}
	#contents article .discography li{
		width: 48%;
		padding: 0 0 15px 0;
	}
	.discography a .discography-date, .discography a .discography-date span, .discography-releasename{
		font-size: 3.5vw;
	}
	.wpcf7{
		width: 100%;
	}
}
@media screen and (min-width: 1200px) {
	.news-list-text p, .news-list-text a, .news-list-text em, .news-list-text span, .news-list-text strong{
		font-size: 32px;
	}
	.nav li a {
		font-size: 18px;
	}
	.sound-nav li span{
		font-size: 18px;
	}
	.nav-sns li a span:before {
		font-size: 50px;
	}
	.nav-sns li a span {

		font-size: 20px;
	}
}
/* ===============================================
YTMWE5
=============================================== */
.ytmweArea{
	width: 100%;
	background-image: linear-gradient(to right, #434343 0%, black 100%);
	padding: 50px;
	margin: 0 auto 50px;
}
.ytmweAreaInner{
	max-width: 1000px;
	margin: 0 auto;
}
.ytmweArea h2{
	font-size: 32px;
	font-weight: bold;
	border-bottom: solid 5px #00c19f;
	color:#00c19f;
	margin-bottom: 10px;
}
.ytmweArea h3{
	font-size: 28px;
	font-weight: bold;
	color:#fff;
	margin-bottom: 10px;
}
.ytmweArea  p{
	margin: 0 0 30px 0;
	color: #fff;
}
.ytmweImage{
	text-align: center;
	margin-bottom: 60px;
}
.ytmweImage img{
	width: 90%;
	height: auto;
	margin: 0 auto;
}
.ytmweFrame{
	text-align: center;
	width: 100%;
	  aspect-ratio: 16 / 9;
	  max-width:800px;
	  margin: 0 auto;
}

.ytmweFrame iframe {
  width: 90%;
  height: 90%;
}
@media screen and (max-width: 600px) {
	.ytmweArea{
		padding: 5px;
	}
	.ytmweArea h2{
		font-size: 18px;
		line-height: 1.5;
	}
	.ytmweArea  p{
		font-size: 16px;
	}
}
.announce{
	max-width: 1000px;
	margin: 0 auto;
	padding: 50px 0;

}
.announce p{
	font-size: 14px;
}
.announce h2{
	font-size: 18px;
	font-weight: bold;
}

.x-share-button {
  position: fixed; /* 固定位置 */
  bottom: 20px; /* 下端から20pxの位置 */
  right: 20px; /* 右端から20pxの位置 */
  width: 50px;
  height: 50px;
  border-radius: 150px;
  text-align: center;
  justify-content: center;
  display: flex;
  align-items: center;
  z-index: 1000; /* 他の要素の上に表示 */
  background: #fff;

}