/*
Theme Name: サウンドメッセ2
Theme URI:
Author: A
Author URI:
Description:
Version: 0.1
License:
License URI:
Tags:
Text Domain:

*/
/*
gray #F5F4F4
lite blue CAE4DB
gold #CDAC81
navy #00303F
*/


/*common*/
:root{

	--bg0-color:#ebe2c1;
	--bg1-color:#1f276f;
	--bg2-color:#ddcad4;
	--bg3-color:#231815;
	--bg-color1:#9f0d3e;
	--wave-color:#eee6c6;
	--logo-color1:#9f0d3e;
	--logo-color2:#1f276f;
	--footer-color:#9f0d3e;
	--menu-color:#1F276F;
	--wh-color:#FFFFFF;
	--btn-color:#9f0d3e;
	--btn2-color:#FFFFFF;
	
	--base-color:#eee6c6;	
	--accent-color:#00303F;
	--cont-color1:#F4EDF4;
	--cont-color2:#EEE6D1;
	--cont-color3:#E8DFF5;
	--cont-color-foot:#b05d89;

/*
--cont-color1:#CAE4DB;
--cont-color2:#CDAC81;
*/

}
*{
	box-sizing:border-box;
	margin:0%;
	padding:0%;
}
html{
	margin:0px;
	padding:0px;

}
html.soundmesse{
	scroll-padding-top:0px !important;
	margin-top:0px !important;
}

body{
	margin:0px;
	padding:0px;
	font-size:15px;
	color:#000000;
	line-height:160%;

		background:#FFFFFF;
	font-family: sans-serif;
	transition:background-color 0.6s ease 0s;
}
a{
	color:#000000;
}

body.bg1{
	background: -moz-linear-gradient(top left, #FFF, #FFC778);
	background: -webkit-linear-gradient(top left, #FFF, #FFC778);
	background: linear-gradient(to bottom right, #FFF, #FFC778);
}
@media screen and (max-width: 770px) {
	body{
			font-size:3.8vw;
	}
}


#header{
	position:fixed;
	z-index:1100;
	top:0%;
	left:0%;
	width:100%;
	height:94px;
	background-color:rgba(255,255,255,1);
	padding:0px;

	box-sizing:border-box;
}


#headline{
	width:100%;
	height:24px;
	background-color:var(--menu-color);

	box-sizing: border-box;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:7px;
	padding-right:7px;
	box-sizing:border-box;
	overflow:hidden;
	transition:background-color 0.3s ease 0s;

}


#headline_inner{
	max-width: 1200px;
	width:100%;
	margin:0px auto 0px;
	line-height:130%;
	font-size:90%;
	position:relative;
	color:#FFFFFF;
}

.small{
	font-size:70%;

}
#headline_inner .date{
	margin-right:30px;
}
.red{
	color:#FF0000;
}
#headline_inner .headline_right{
	position:absolute;
	right:0px;
	top:50%;
	transform:translate(0%,-50%);
	display:inline-block;
	font-size:0;
}


#headline_inner .link_access{
	display:inline-block;
	padding:3px 6px;
	background-color:#F5AE38;
	color:#000000;
	font-size:12px;
	text-decoration:none;
	margin:0px;
}
#headline_inner .headline_right .link_access:nth-child(2){
background-color:#C57524;
}
#headline_inner .headline_right .link_access:nth-child(3){
background-color:#896514;
color:#FFFFFF;
}


#header-inr{
	max-width: 1200px;
	width:100%;
	padding:0px;
	box-sizing: border-box;
	height:70px;
	margin:0px auto 0px;
	display:flex;
	justify-content: space-between;
}
#headerlogo{
	height:70px;
	width:auto;
}
#headernav #headernav_main{
	display:flex;
	list-style-type: none;
	margin:0px;
	padding:15px 0px;
}
#headernav #headernav_main > li{
	margin:0px 15px;
	position:relative;
}



#headernav #headernav_main > li > a{
	text-decoration:none;
	text-align: center;
	color:#000000;
	position:relative;
}
#headernav #headernav_main > li > span{
	text-decoration:none;
	text-align: center;
	color:#000000;
	position:relative;
}

#headernav #headernav_main > li > a:after{
	content:"";
	position:absolute;
	top:auto;
	bottom:0;
	height:1px;
	width:0px;
	display:block;
	background-color:#000000;
	transition:width 0.25s ease 0s;
	left:50%;
	transform:translate(-50%,0%);
}
#headernav #headernav_main > li:hover > a:after{
	width:100%;
}

#headernav ul li .jp{
	display:block;
}
#headernav ul li .en{
	display:block;
	font-size:75%;
}
@media screen and (max-width: 1200px) {
	#headerlogo{
		height:90px;	
	}
	#header{
		height:134px;
	}
	#header-inr{
		height:110px;	
	}

	#headernav #headernav_main{
		flex-wrap:wrap;
		
	}
	#headernav #headernav_main > li{
		width:16.6%;	
		margin:0%;
		padding:0px 0% 13px;
		
	}
	#headernav ul li .en{
		line-height:100%;	
	}
	#headernav #headernav_main > li > a:after{
		bottom:-6px;	
	}
	#headernav #headernav_main > li:hover > a:after{
		width:50%;
	}
}


#headernav_sns{
	display:flex;
	width:124px;
	list-style-type: none;
	justify-content: center;
	align-items: center;
	padding:0px;
	margin:0px;
	float:right;
	position:relative;
	top:-1px;
}
#headernav_sns li{
	width:25%;
	box-sizing: border-box;
	padding:0px 5px;
	line-height:100%;
}
#headernav_sns li a{
	display:block;
}

#headernav_sns li img{
	width:100%;
}
#headernav_sns li img.icon_x{
	width:80%;
}
#sp_header_menu{
	display:none;
}
#sp_menu{
	display:none;
}

header .submenu{
position:absolute;
width:480px;
background-color:rgba(0,0,0,0.8);
height:170px;
display:none;
bottom:0%;
left:50%;
z-index:1080;
transform:translate(-50%,110%);
padding:10px;
flex-wrap:wrap;
justify-content:space-between;
}
#headernav #headernav_main > li:hover .submenu{
	display:flex;
}

header .submenu a{
display:block;
width:49%;
}
header .submenu a img{
width:100%;	
}
header .submenu:after{
content: "";
position: absolute;
right: 0;
top: -20px;
left: 0;
width: 0px;
height: 0px;
margin: auto;
border-style: solid;
border-color: transparent transparent #000000 transparent;
opacity:0.8;
border-width: 0px 20px 20px 20px;
}


@media screen and (max-width: 980px) {
#headernav_sns{
	width:93px;
}
#headernav_sns li{
	padding:0px 5px;
}


#headernav #headernav_main > li.li_headernav_sns{
	margin:0px 0px;
}

#headernav #headernav_main > li > a{
	font-size:90%;
	
}
}


@media screen and (max-width: 770px) {
	#header_logo_link{
		margin-left:2vw;
	}
	#header{
		height:50px;
	}
	#header-inr{
		height:50px;
	}
	#headline{
		height:6.2vw;
		font-size:3.5vw;
		display:none;
		justify-content: center;
		align-items: center;
	}
	#headernav_sns{
		width:18vw;
		top:0%;
	}
	#headerlogo{
		height:100%;
	}
	#headernav{
		display:none;
	}
	#headline_inner{
		text-align:center;
	}
	#headline_inner .headline_right{
		display:none;
	}
	#sp_menu{
		box-sizing: border-box;
		display:block;
		position:fixed;
		top:0%;
		left:100%;
		width:100%;
		height:100%;
		overflow:auto;
		background-color:rgba(0,0,0,0.85);
		z-index:1000;
		transform:translate(0%,0%);
		transition:transform 0.3s ease 0s;
		color:#FFFFFF;
	

	}
	#sp_menu_inr{
		box-sizing: border-box;
		padding-top:13vw;
		padding-left:10vw;
		padding-right:10vw;
		padding-bottom:10vw;
		display:block;
		width:100%;
	}
	
	
	#sp_menu h3{
		font-size:4.2vw;
		font-weight:400;
		margin-top:3vw;
		margin-bottom:2.5vw;
	}
	#sp_menu a{
		color:#FFFFFF;
		text-decoration:none;
	}

	#sp_menu_nav_main{
		list-style-type:square;
		color:#FFFFFF;
		padding-left: 4vw;
		padding-bottom:3.5vw;
	}
	#sp_menu_nav_main li{
		padding-top:2vw;
		padding-bottom:2vw;
		font-size:2.8vw;
		font-weight:550;
		line-height:100%;
	}
	#sp_menu_nav_main li .menuwrap{
		margin-bottom:2vw;	
	}
	#sp_menu_nav_main li .en{
		margin-left:3.4vw;
		font-weight:400;
		font-size:2.2vw;
	}
	#sp_menu_nav_main li.towrow .en{
		margin-left:0vw;
		display:block;
	}
	#sp_menu_nav_main li.nomark{
		list-style-type:none;
	}
	#sp_menu_nav_sns{
		display:flex;
		width:64vw;
		list-style-type: none;
		justify-content: center;
		align-items: center;
		padding:0px;
		margin:0px;
	}
	#sp_menu_nav_sns li{
		width:25%;
		box-sizing: border-box;
		padding:0vw 6vw 0vw 0vw;
	}
	#sp_menu_nav_sns li img{
		width:100%;
	}
	#sp_menu_nav_sns li img.icon_x{
		width:80%;	
	}
	


	body.menuopen #sp_menu{
		transform:translate(-100%,0%);
	}

	#headline_inner .date{
		margin-right:1vw;
	}
	#sp_header_menu{
		width:44px;
		height:33px;
		position:absolute;
		display:block;
		top:50%;
		right:10px;
		transform: translate(0%,-50%) rotateY(0deg);
		transition:transform 0.3s ease 0s;
	}
	body.menuopen #sp_header_menu{
		transform: translate(0%,-50%) rotateY(180deg);
	}
	
	#sp_header_menu img{
		width:100%;	
	}
	#sp_menu .submenu{
		padding-top:2vw;
		
	}
	
	#sp_menu .submenu img{
		width:48%;
	}

	
	
	#sp_header_menu .bar1{
		position:absolute;
		top:0%;
		left:50%;
		transform:translate(-50%,0%);
		width:100%;
		height:2px;
		background-color:#000000;
		border-radius: 5px;
		transition:transform 0.3s ease 0s,top 0.3s ease 0s;
	}
	body.menuopen #sp_header_menu .bar1{
		top:50%;
		transform:translate(-50%,-50%) rotate(-45deg);
	}


	#sp_header_menu .bar2{
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		width:100%;
		height:2px;
		background-color:#000000;
		border-radius: 5px;
		transition:transform 0.3s ease 0s;
	}


	body.menuopen #sp_header_menu .bar2{
		transform:translate(-50%,-50%) rotate(-45deg);
	}

	#sp_header_menu .bar3{
		position:absolute;
		top:auto;
		bottom:0%;
		left:50%;
		transform:translate(-50%,0%);
		width:100%;
		height:2px;
		background-color:#000000;
		border-radius: 5px;
		transition:transform 0.3s ease 0s,bottom 0.3s ease 0s;
	}
	body.menuopen #sp_header_menu .bar3{
		bottom:50%;
		transform:translate(-50%,50%) rotate(45deg);
	}
}

@media screen and (max-width: 600px) {


	#sp_menu h3{
		font-size:5vw;
	}

	#sp_menu_inr{
		padding-top:20vw;
	}
	#sp_menu_nav_main li{
		padding-top:2vw;
		padding-bottom:2vw;
		font-size:3.5vw;
	}
	#sp_menu_nav_main li .en{
		margin-left:3.4vw;
		font-size:2.9vw;
	}
}

@media screen and (max-width: 500px) {
	#sp_menu_inr{
		padding-top:20vw;
	}
	#sp_menu_nav_main li{
		padding-top:2.6vw;
		padding-bottom:2.6vw;
		font-size:4.3vw;
		font-weight:550;
	}
	#sp_menu_nav_main li .en{
		margin-left:3.4vw;
		font-weight:400;
		font-size:3.6vw;
	}
}

#wrapper{
	width:100%;
	overflow:hidden;
	padding-top:94px;
	box-sizing: border-box;
}
@media screen and (max-width: 770px) {
	#wrapper{
		padding-top:50px;
	}
}

#footer{
	background: url(https://sound-messe.com/img_2026/footer-bg.webp) center top / cover no-repeat;
	width:100%;
	color:#FFFFFF;
	padding:50px 0px 40px;
	padding-bottom: 18vw;
}

@media screen and (max-width: 770px) {
	#footer{
	    padding: 30px 0px 38vw;
	}
}

#footer a{
	color:#FFFFFF;
}
.fellow{
	width:100%;
	max-width:1080px;
	margin:0px auto;
	padding:20px 20px;
	box-sizing: border-box;
}
.fellow h3{
	text-align: center;
	margin-bottom:25px;
	font-size:20px;
	font-weight:400;
}
.fellow ul{
	list-style-type: none;
	justify-content: center;
	flex-wrap: wrap;
	margin:0px;
	padding:0px 0px 50px;
	display:flex;
}
.fellow ul li{
	width:25%;
	margin:0px;
	padding:5px 0px;
	text-align:center;
}
.fellowblock{
}
.fellowblock p{
	text-align: center;
	line-height: 2.5;
	font-size: 16px;
	text-shadow: 0 1px 8px rgba(0, 0, 0, .95), 0 0 8px rgba(0, 0, 0, .95);
}
.fellowblock p:last-of-type{
	margin-bottom:0px;
}
.copyright{
	margin:30px auto;
	max-width:1080;
	text-align:center;
}
@media screen and (max-width: 770px) {
	.fellow h3{
		font-weight:700;
		margin-bottom:5vw;
			font-size:5.5vw;
	}
	.fellow ul{
	padding:0px 0px 18vw;
	}
	.fellow ul li{
		width:100%;
		padding:2vw 0vw;
		box-sizing: border-box;
	}
	.fellowblock p{line-height: 2;font-size: 14px;}

}



.sec{
	padding-top:20px;
	padding-bottom:calc(5vw + 20px);
	position:relative;
	z-index:1;
	background-color:var(--bg0-color);
}
.sec.topadjust{
	margin-top:-70px;
}
.bgtext{
	font-family: 'Montserrat', sans-serif;
	position:absolute;
	display:block;
	opacity:0.2;
	left:50%;
	top:78px;
	font-size:12vw;
	height:13vw;
	transform:translate(-50%,0%);
	color:#AF884C;
	vertical-align:bottom;
	white-space: nowrap;
}



.bgtext.right{
	left:auto;
	right:0px;
}
.sec .sec-wrapcont{
	position:relative;

}
.sec .sec-wrapcont.nobgtext{
	padding:0%;
}
@media screen and (max-width: 770px) {
.sec .sec-wrapcont{
	padding-top:0vw;
}
.sec .sec-wrapcont.nobgtext{
	padding:0%;
}
}


.sec .sec-inr{
	width:100%;
	margin:0 auto;
	position:relative;
	/*	padding:14vw 60px 4vw;*/
	padding:6vw 60px 4vw;
	box-sizing: border-box;
	z-index:5;
}
#sec-page.sec.page-bgtext3row .sec-inr{
	padding:17vw 40px 4vw;
}
#sec-page.sec.page-bgtext3row .bgtext{
	font-size:9vw;
	line-height:100%;
	text-align:center;
	width:100%;
}

.sec h2{
	margin:30px 0 50px;
	display:block;
	line-height:100%;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
}
.sec .sec-inr h2{
	line-height:175%;
}
.sec h2 img{
	max-width:100%;
	width:100%;
}

.sec h2 .en{
	display:inline-block;
	width:auto;
	font-size:34px;
	line-height:100%;
	padding-bottom:10px;
	border-bottom:solid 1px #000000;
	text-align:center;
	margin:0 auto;


}
.sec h2 .jp{
	display:block;
	width:100%;
	font-size:28px;
	font-weight:400;
	text-align:center;
	line-height:100%;
	padding-top:10px;

}

.btn{
	display:block;
	text-align:center;
	color:#ffffff;
	background-color:#000000;
	padding:15px;
	border-radius:50px;
	text-decoration: none;
	font-size:125%;

}
.sec h2.view_sp,
.view_sp{
			display:none;
}


@media screen and (max-width: 770px) {
	.sec{
		padding-top:5vw;
		padding-bottom:7vw;
	}

	.sec.topadjust{
		margin-top:-11vw;
	}
	.listtab.view_pc,
	.sec h2.view_pc,
	.view_pc{
		display:none;
	}
	.sec h2.view_sp,
	.view_sp{
		display:block;
	}
	.sec .sec-inr{
		padding:13vw 5vw 4vw;
	}
	.sec .sec-wrapcont .sec-inr{
		padding:4vw 5vw 4vw;
		
	}
	.sec h2{
		padding:0vw;
		line-height:160%;
	}
	#sec-page.sec h2{
		padding:0vw;
		line-height:160%;
		font-size:5vw;
	}
	.sec h2 .en{
		font-size:5vw;
	}
	.sec h2 .jp{
		font-size:4vw;
	}
	#sec-page.sec h2 .jp{
		font-size:5vw;
		line-height:160%;
	}
	.bgtext{
		left:50%;
		transform:translate(-50%,0%);
		width:100%;
		text-align: center;
		font-size:12vw;
		top:3vw;
	}
	.bgtext.right{
		left:50%;
		right:auto;
		transform:translate(-50%,0%);
	}


}







#sec-information{
	width:100%;
	background-color:var(--base-color);
	padding-bottom:180px;
}
#sec-information .bgtext{
	font-size:13vw;
	color:#E6E6E6;
	top:5.5vw;
}
.informationarea{
	position:relative;
	width:100%;
	overflow-y:auto;
	height:100%;
	z-index:2;
}
/*
#sec-information .sec-inr .informationwrap{
	position:relative;
	padding:50px;
	box-sizing: border-box;
}
*/
/*
#sec-information .sec-inr .informationwrap:before{
	z-index:1;
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.8);
	border-radius:4px;
  opacity: 1;
}
*/
#topsnscontent{
	margin-left:auto;
	margin-right:auto;
	width:800px;
}


#sec-information .sec-inr .informationarea table td{
	padding-bottom:10px;

}
#sec-information .sec-inr .informationarea table td.time{
	padding-right:10px;
}

@media screen and (max-width: 770px) {
	#topsnscontent{
		width:100%;
	}
	#topsnscontent iframe{
		width:100%;
	}

	#sec-information{
		padding-bottom:24vw;

	}
	#sec-information .bgtext{
		font-size:14vw;
		top:3vw;
	}

	#sec-information .sec-inr .informationwrap{
		padding:0vw;
	}
	#sec-information .sec-inr .informationarea table{
		display:block;
	}
	#sec-information .sec-inr .informationarea table tbody{
		display:block;
	}
	#sec-information .sec-inr .informationarea table tbody tr{
		display:block;
		padding-bottom:8vw
	}
	#sec-information .sec-inr .informationarea table tbody tr td{
		display:block;
		padding-bottom:0vw;
	}


}

#sec-item{
	width:100%;
	background-color:var(--cont-color1);
	overflow: hidden;
	padding-bottom:180px;
}
#sec-item .bgtext{
	font-size:10vw;
	color:#314732;
	top:4%;
	opacity:0.2;
}
#sec-item h2 .en{
  background: linear-gradient(90deg, #465A4B, #A1AFA4);
  background: -webkit-linear-gradient(0deg, #465A4B, #A1AFA4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#topitemwrap{
	display:flex;
	flex-wrap: wrap;
	justify-content:center;

}
#topitemwrap dl{
	width:33%;
	box-sizing: border-box;
	padding:10px;
	overflow: hidden;
}
#topitemwrap dl figure{
	display:block;
	margin:0px;
	padding:0px;
}
#topitemwrap dl figure img{
	width:100%;
	height:auto;
}
#topitemwrap dl dt{
	margin:0px;
	padding:0px;
}

#topitemwrap dl.topitem_aco dt{
	text-align:center;
	background-color:#900C3F;
	color:#FFFFFF;
	padding:2px;
	border-radius:30px;
}
#topitemwrap dl.topitem_ele dt{
	text-align:center;
	background-color:#3FBED8;
	color:#FFFFFF;
	padding:2px;
	border-radius:30px;
}
#topitemwrap dl.topitem_uk dt{
	text-align:center;
	background-color:#8D4E3C;
	color:#FFFFFF;
	padding:2px;
	border-radius:30px;
}
#topitemwrap dl.topitem_eff dt{
	text-align:center;
	background-color:#73AD67;
	color:#FFFFFF;
	padding:2px;
	border-radius:30px;
}

#topitemwrap dl.topitem_vio dt{
	text-align:center;
	background-color:#B7B06F;
	color:#FFFFFF;
	padding:2px;
	border-radius:30px;
}


#topitemwrap dl dd{
	margin:0px;
	padding:0px;
}

@media screen and (max-width: 770px) {
	#sec-item .sec-inr{
		padding:32vw 5vw 4vw;
	}

	#sec-item .bgtext{
		top:3vw;
		font-size:14vw;
		line-height:100%;
	}
	#topitemwrap dl{
		width:100%;
		padding:0vw 2vw 4vw;
	}
	#topitemwrap dl.topitem_uk dt,
	#topitemwrap dl.topitem_eff dt,
	#topitemwrap dl.topitem_vio dt,
	#topitemwrap dl.topitem_ele dt,
	#topitemwrap dl.topitem_aco dt{
		padding:0.6vw;
		margin-bottom:3vw;
	}

}


#slidetop_item .swiper-slide-inr{
	display:flex;
	flex-wrap: wrap;
}
#slidetop_item .swiper-slide-inr .topproduct{
	width:33.33%;
	box-sizing: border-box;
	padding:5px;

}
#slidetop_item .swiper-slide-inr .topproduct a{
	display:block;
	border-radius:10px;
	overflow:hidden;
	text-decoration:none;
}
#slidetop_item .swiper-slide-inr .topproduct a figure{
	width:100%;
	position:relative;
	display:block;
	margin:0px;
}
#slidetop_item .swiper-slide-inr .topproduct a figure:before{
	content:"";
	display:block;
	width:100%;
	padding-top:100%;
}
#slidetop_item .swiper-slide-inr .topproduct a figure img{
	position:absolute;
	max-width:100%;
	max-height:100%;
	width:100%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
#slidetop_item .swiper-slide-inr .topproduct a .datarow{
	background-color:#000000;
	padding:10px;
}
#slidetop_item .swiper-slide-inr .topproduct a .datarow span{
	display:block;
	color:#FFFFFF;
	text-decoration:none;
}




#sec-brand{
	width:100%;
	background-color:var(--cont-color2);
	padding-bottom:180px;
}


#sec-brand .bgtext{
	font-size:15vw;
	color:#877230;
	top:4%;
	opacity:0.2;
}

.topbrandwrap{
	display:flex;
	padding:0px 50px;
	flex-wrap: wrap;
}
.topbrand{
	width:16.66%;
	box-sizing: border-box;
	padding:10px;


}
.topbrand a{
	border:solid 1px #CCCCCC;
	display:block;
	border-radius:5px;
	text-align:center;
	background-color:#FFFFFF;
	overflow:hidden;
	padding:10px;
	color:#000000;
	text-decoration:none;
}
.topbrand a figure{
	display:block;
	width:100%;
	position:relative;
	margin:0px;
	padding:0px;
}
.topbrand a figure:before{
	content:"";
	display:block;
	padding-top:100%;
	height:auto;

	width:100%;
}
.topbrand a img{
	max-width: 100%;
	max-height:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
@media screen and (max-width: 770px) {

	#sec-brand .bgtext{
		top:3vw;
	}
}


#sec-event{
	width:100%;
	background-color:var(--cont-color3);
	padding-bottom:180px;
	position:relative;

}


#sec-event .bgtext{
	font-size:12vw;
	color:#B5ADC2;
	opacity:0.6;
}

#sec-event-cont{
	display:flex;
	flex-wrap: wrap;
	padding-top:8vw;
}
#sec-event-cont .sec_left{
	width:50%;
	display:flex;
	/*
	justify-content:space-between;
	*/
	flex-flow: column;
	padding-right:50px;
	padding-left:40px;
	padding-top:40px;
	padding-bottom:40px;
	box-sizing: border-box;
}
#sec-event-cont .sec_left .stage{
	font-size:24px;
	line-height:150%;
	list-style-type: square;
	display:flex;
	flex-wrap: wrap;
}
#sec-event-cont .sec_left .stage li{
		width:33.33%;
	box-sizing: border-box;
}

#sec-event-cont .sec_left .artist{
	display:flex;
	flex-wrap: wrap;
	padding:10px;
	list-style-type: square;
	margin:0px;
}
#sec-event-cont .sec_left h3{
	margin-bottom:0px;
}
#sec-event-cont .sec_left .artist li{
	width:33.33%;
	margin:0%;
	padding:0%;
	box-sizing: border-box;
}
#sec-event-cont .sec_right{
	width:50%;
}
#sec-event-cont .sec_left .notice{
	padding:20px;
	background-color:#FFFFFF;

}

#sec-event-cont .sec_right ul{
	margin:0px;
	padding:0px;
	list-style-type: none;
	display:flex;
	flex-wrap:wrap;
}
#sec-event-cont .sec_right ul li{
	width:33.33%;
}
#sec-event-cont .sec_right ul li img{
	width:100%;
	display:block;
}

#sec-event-cont .sec_left .btn{
	background-color:#4924A3;
	width:75%;
	margin:30px auto 0%;
	font-size:15px;
}

@media screen and (max-width: 770px) {
	#sec-event .bgtext{
		font-size:14vw;
	}
	#sec-event-cont{
		flex-direction: column-reverse;
	}
	#sec-event-cont .sec_right{
		width:100%;
		padding-top:5vw;

	}
	#sec-event-cont .sec_right h2{
		padding-bottom:5vw;
	}

	#sec-event-cont .sec_left{
		width:100%;
		padding:5vw;
	}
	#sec-event-cont .sec_left .stage{
		font-size:4.5vw;
		padding:0vw 0vw 0vw 4vw;
	}
	#sec-event-cont .sec_left .artist{
		padding:5vw 0vw 0vw 4vw;
	}
	#sec-event-cont .sec_left .artist li{
		width:50%;
	}
	#sec-event-cont .sec_left .notice{
		padding:4vw;
	}
	#sec-event-cont .sec_left .btn{
		background-color:#4924A3;
		width:100%;
		margin:7vw auto 0%;
		font-size:3.8vw;
	}


}


#sec-company{
	width:100%;
	padding-bottom:180px;
	/*商品公開時に変更*/
	background-color:var(--cont-color1);
}

#sec-company .bgtext{
	font-size:13vw;
	/*
	color:#E6E6E6;
	*/
	color:#314732;

}

.topcompanywrap{
	display:flex;
	padding:0px 50px;
	flex-wrap: wrap;
}
.topcompany{
	width:16.66%;
	box-sizing: border-box;
	padding:10px;


}
.topcompany a{
	border:solid 1px #CCCCCC;
	display:block;
	border-radius:5px;
	text-align:center;
	background-color:#FFFFFF;
	overflow:hidden;
	padding:10px;
	color:#000000;
	text-decoration:none;
}
@media screen and (max-width: 770px) {


}





.listtab{
	margin:0px auto 5px;
	padding:0px;
	display:flex;
	flex-wrap: wrap;
	list-style-type: none;
	width:100%;
}
.listtab li{
	width:auto;
	margin-right:6px;

}
.listtab li a{
	display:inline-block;
	padding:4px 10px;
	border-radius: 20px;
	background-color:#8caaaa;
	border:solid 1px #8caaaa;
	line-height: 100%;
	color:#FFFFFF;
	text-decoration: none;
	font-size:12px;
	transition:background-color 0.2s ease 0s,color 0.2s ease 0s;
}

.listtab li a.current,
.listtab li a:hover{
	background-color:#FFFFFF;
	color:var(--bg-color1);
}
@media screen and (max-width: 770px) {
.listtab li a:hover{
	background-color:var(--bg-color1);
	color:#FFFFFF;
}
.listtab li a.current{
	background-color:#FFFFFF !important;
	color:var(--bg-color1) !important;
}

}


.listtab li a .jp{


}
.listtab li a .en{
	display:none;
}
html.lang_en .listtab li a .jp{
	display:none;
}
html.lang_en .listtab li a .en{
	display:inline;
}
@media screen and (max-width: 770px) {
	.listtab li a{
		font-size:3.7vw;	
	}
}


.btnwrap{
	padding-top:30px;
}
.btn{
	display:block;
	font-size:26px;
	text-align:center;
	border-radius:40px;
	overflow:hidden;
	position:relative;
	width:100%;
	max-width:600px;
	padding:15px;
	box-sizing: border-box;
	margin:0 auto;
	line-height:100%;
}
.btn span.str{
	position:relative;
	z-index:3;
}
.btn.purple{
	color:#FF9300;
	background-color:#FF9300;
}
.btn.purple:before{
	background-color:#7400FF;
	content:"";
	display:block;
	height:100%;
	width:100%;
	display:block;
	position:absolute;
	top:0%;
	left:0%;
	transition:width 0.3s ease 0s;
	border-radius:40px;
	box-sizing: border-box;
	z-index:2;
}

.btn.purple:hover:before{
	width:calc(100% - 36px);
}

.btn .arrow{
	position:absolute;
	z-index:1;
	right:18px;
	top:50%;
	width:12px;
	height:12px;
	display:block;
	box-sizing:border-box;
	transform:translate(0%,-50%) rotate(45deg);

}
.btn.purple .arrow{
	border-top:2px solid #7400FF;
	border-right:2px solid #7400FF;
}




.btn.pink{
	color:#00E8FF;
	background-color:#00E8FF;
}
.btn.pink:before{
	background-color:#FF00A6;
	content:"";
	display:block;
	height:100%;
	width:100%;
	display:block;
	position:absolute;
	top:0%;
	left:0%;
	transition:width 0.3s ease 0s;
	border-radius:40px;
	box-sizing: border-box;
	z-index:2;
}
.btn.pink:hover:before{
	width:calc(100% - 36px);
}
.btn.pink .arrow{
	border-top:2px solid #FF00A6;
	border-right:2px solid #FF00A6;
}



.btn.brown{
	color:#E7D068;
	background-color:#E7D068;
}
.btn.brown:before{
	background-color:#7B6141;
	content:"";
	display:block;
	height:100%;
	width:100%;
	display:block;
	position:absolute;
	top:0%;
	left:0%;
	transition:width 0.3s ease 0s;
	border-radius:40px;
	box-sizing: border-box;
	z-index:2;
}

.btn.brown:hover:before{
	width:calc(100% - 36px);
}
.btn.brown .arrow{
	border-top:2px solid #7B6141;
	border-right:2px solid #7B6141;
}



.btn.navy{
	color:#C5923E;
	background-color:#C5923E;
}
.btn.navy:before{
	background-color:var(--accent-color);
	content:"";
	display:block;
	height:100%;
	width:100%;
	display:block;
	position:absolute;
	top:0%;
	left:0%;
	transition:width 0.3s ease 0s;
	border-radius:40px;
	box-sizing: border-box;
	z-index:2;
}

.btn.navy:hover:before{
	width:calc(100% - 36px);
}
.btn.navy .arrow{
	border-top:2px solid var(--accent-color);
	border-right:2px solid var(--accent-color);
}

.btn.green{
	color:#BFDB9D;
	background-color:#BFDB9D;
}
.btn.green:before{
	background-color:#3E746F;
	content:"";
	display:block;
	height:100%;
	width:100%;
	display:block;
	position:absolute;
	top:0%;
	left:0%;
	transition:width 0.3s ease 0s;
	border-radius:40px;
	box-sizing: border-box;
	z-index:2;
}

.btn.green:hover:before{
	width:calc(100% - 36px);
}
.btn.green .arrow{
	border-top:2px solid #3E746F;
	border-right:2px solid #3E746F;
}

.btn.darkorange{
	color:#FFFFFF;
	background-color:#FCC7A9;
}
.btn.darkorange:before{
	background-color:#C0622C;
	content:"";
	display:block;
	height:100%;
	width:100%;
	display:block;
	position:absolute;
	top:0%;
	left:0%;
	transition:width 0.3s ease 0s;
	border-radius:40px;
	box-sizing: border-box;
	z-index:2;
}

.btn.darkorange:hover:before{
	width:calc(100% - 36px);
}
.btn.darkorange .arrow{
	border-top:2px solid #C0622C;
	border-right:2px solid #C0622C;
}


.bottom_tri{
	position:absolute;
	bottom:-1px;
	left:0%;
	overflow:hidden;
	margin:0 auto;
	width:100vw;
	height:5vw;
	clip-path: polygon(0 100%, 100% 100%, 100% 0%);
}

#sec-page .bottom_tri{
	background-color:var(--footer-color);
}
.bottom_tri_right{
	position:absolute;
	bottom:-1px;
	left:0%;
	overflow:hidden;
	margin:0 auto;
	width:100vw;
	height:5vw;
	clip-path: polygon(0% 0%, 0% 100%, 100% 100%);
}
.bottom_tri.footer,
.bottom_tri_right.footer{
	background-color:var(--footer-color);
	z-index:20;
}
.top_tri{
	position:absolute;
	top:-1px;
	left:0%;
	overflow:hidden;
	margin:0 auto;
	width:100vw;
	height:5vw;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
	z-index:20;
}

.top_tri_right{
	position:absolute;
	top:-1px;
	left:0%;
	overflow:hidden;
	margin:0 auto;
	width:100vw;
	height:5vw;
	clip-path: polygon(0% 0%, 0% 100%, 100% 0%);
	z-index:20;
}



.top_tri.footer,
.top_tri_right.footer{
	background-color:var(--footer-color);
}


.bottom_tri.footer,
.bottom_tri_right.footer{
	background-color:var(--footer-color);
}




@font-face {
  font-family: 'Montserrat';
  src: url('./font/Montserrat/static/My_Font.ttf') format('Montserrat-Medium.ttf');
}





.topbanner{
	width:100%;
	max-width:800px;
	background-color:#D8643F;
	margin:0 auto 25px;
	position:relative;
}
.topbanner .str{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	font-size:40px;
	color:#FFFFFF;
}

.topbanner:after{
	content:"";
	display:block;
	width:100%;
	padding-top:30%;
	position:relative;
}

.topnotice{
	width:100%;
	max-width:800px;
	margin:0 auto;
	list-style-type: square;
	box-sizing: border-box;
}

.area,
.booth{
	display:inline-block;
	margin-right:3px;
	padding:2px 5px;
	font-size:11px;
	line-height:100%;
}

.area_aco,
.booth_aco{
	color:#00a7ea;
}
.area_luthier,
.booth_luthier{
	color:#E9AC4E;
}

.booth_gen,
.area_gen,
.area_ele,
.booth_ele{
	color:#e60012;
}


.area_ukulele,
.booth_ukulele{
	color:#45b035;
}

.area_shop,
.booth_shop{
	color:#e4007f;

}
.boothrow{
	min-height:24px;
}

#sec-page{
	position:relative;

}



#sec-page.nobg .sec-inr{
	padding-top:80px;
	padding-bottom:0px;
}
#sec-page.page_apply .sec-inr{
	padding-top:2vw;
	padding-bottom:2vw;
	min-height:800px;
}

@media screen and (max-width: 770px) {
	#sec-page{

	padding-bottom:7vw;
	}
	.topnotice{
		padding-left:4.5vw;
	}

}
/*固定ページ共通*/
#pagecontent{
	margin-left:auto;
	margin-right:auto;
	width:100%;
	max-width:1200px;
	min-height:300px;
}
.narrow_bclok{
	max-width:360px;
	margin-left: auto;
	margin-right:auto;
}

.middle_bclok{
	max-width:720px;
	margin-left: auto;
	margin-right:auto;
}
.mgb20{
	margin-bottom:20px;
}
.mgb30{
	margin-bottom:30px;
}
.mgb40{
	margin-bottom:40px;
}
.mgb60{
	margin-bottom:60px;
}

.mgb80{
	margin-bottom:80px;
}
@media screen and (max-width: 770px) {
	.mgb20{
		margin-bottom:5.1282vw;
	}
	.mgb30{
		margin-bottom:7.6923vw;
	}
	.mgb40{
		margin-bottom:10.256vw;
	}
	.mgb60{
		margin-bottom:15.385vw;
	}

	.mgb80{
		margin-bottom:20.51vw;
	}
}

.page_access #pagecontent img{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.page_inquiry #pagecontent input[type='text']{
	width:100%;
}
.page_inquiry #pagecontent input[type='email']{
	width:100%;
}

.page_inquiry #pagecontent textarea{
	width:100%;
}

.link_pdf_summary{
  display:block;
  max-width:600px;
  margin:50px auto 50px;
  background-color:#CC0000;
  color:#FFFFFF;
  border-radius:100px;
  font-size:20px;
  text-align:center;
  padding:15px;
  line-height:100%;
  box-sizing: border-box;
  transition:background-color 0.3s ease;
	text-decoration: none;
}
.link_pdf_summary:hover{
  background-color:#FF54B6;
  color:#FFFFFF;
  text-decoration:none;
}
.link_pdf_summary:last-of-type{
  margin-bottom:20px;
}
.link_pdf_summary.mg1{
  margin:30px auto 30px;
}

.link_pdf_tps{
  display:block;
  max-width:600px;
  margin:50px auto 50px;
  background-color:#46A83E;
  color:#FFFFFF;
  border-radius:100px;
  font-size:18px;
  text-align:center;
  padding:15px;
  line-height:100%;
  box-sizing: border-box;
  transition:background-color 0.3s ease;
}
.link_pdf_tps:hover{
  text-decoration:none;
  background-color:#D6D24B;
  color:#FFFFFF;
}

@media screen and (max-width: 770px) {
	.link_pdf_summary{
		font-size:3.8vw;
		width:100%;

		display:flex;
		justify-content:center;
		align-items: center;
		margin-top:0vw;
		margin-bottom:5vw;
	}


  .link_pdf_tps{
  padding:2vw;
    font-size:3.1vw;
  }
}




.topnotice{
    max-width:600px;
  margin:0px auto 50px;
  line-height:175%;
}
.bgblue{
  background-color:#1e90ff;
}

.bgorange{
  background-color:#F36F23;
}

.btmmargin{
  margin-bottom:100px;
}

.page-thanks #pagecontent h2{
	line-height:180%;
}

.str_comingsoon.is-animetion span.mgr15{
	margin-right:18px;
}
.str_comingsoon.is-animetion {
  margin-top: 0.6em;
}

.str_comingsoon.is-animetion span {
  display: inline-block;
  animation: wave-text 3s ease-in-out infinite;
	margin-left:0.07em;
	margin-right:0.07em;
}
.str_comingsoon{
	font-size:50px;
	text-align:center;
	padding-top:70px;
	padding-bottom:70px;
	letter-spacing: -0.08em;
}
.str_comingsoon span{

}

.btn.link_pdf_summary.orange{
	background-color:#e5901d;
}

@media screen and (max-width: 770px) {
	.str_comingsoon{
		font-size:6vw;
		text-align:center;
		padding-top:15vw;
		padding-bottom:15vw;
		letter-spacing: -0.08em;
	}
}


.str_comingsoon.is-animetion span:nth-of-type(1){ animation-delay: 0.0s; }
.str_comingsoon.is-animetion span:nth-of-type(2){ animation-delay: 0.1s; }
.str_comingsoon.is-animetion span:nth-of-type(3){ animation-delay: 0.2s; }
.str_comingsoon.is-animetion span:nth-of-type(4){ animation-delay: 0.3s; }
.str_comingsoon.is-animetion span:nth-of-type(5){ animation-delay: 0.4s; }
.str_comingsoon.is-animetion span:nth-of-type(6){ animation-delay: 0.5s; }
.str_comingsoon.is-animetion span:nth-of-type(7){ animation-delay: 0.6s; }
.str_comingsoon.is-animetion span:nth-of-type(8){ animation-delay: 0.7s; }
.str_comingsoon.is-animetion span:nth-of-type(9){ animation-delay: 0.8s; }
.str_comingsoon.is-animetion span:nth-of-type(10){ animation-delay: 0.9s; }
.str_comingsoon.is-animetion span:nth-of-type(11){ animation-delay: 1.0s; }
.str_comingsoon.is-animetion span:nth-of-type(12){ animation-delay: 1.1s; }
.str_comingsoon.is-animetion span:nth-of-type(13){ animation-delay: 1.2s; }



@keyframes wave-text{
  00%{
    transform: translateY(0em);
  }
  15%{
    transform: translateY(-0.6em);
  }
	30%{
    transform: translateY(0em);
  }
  100%{
    transform: translateY(0em);
  }
}

#gaiyoutable{
	width:100%;
	max-width:800px;
	border-collapse: collapse;
	margin-left:auto;
	margin-right:auto;
}
#gaiyoutable th{
	width:160px;
	padding:5px;
	vertical-align: top;
	border:solid 1px #000000;
	font-weight:400;
	text-align: left;
}

#gaiyoutable td{
	padding:5px;
	vertical-align: top;
	border:solid 1px #000000;
}
#gaiyoutable td ul{
	list-style-type: square;
}

@media screen and (max-width: 770px) {
	#gaiyoutable th{
		box-sizing:border-box;
		width:20%;	
		padding:1.5vw;
	}
	#gaiyoutable td{
			box-sizing:border-box;
			width:80%;	
			padding:1.5vw;
	}

}


.selectwrap{
	text-align:center;
}
.styleselect{
font-size:4vw;
	    border: 3px solid #E6E6E6;
	    border-radius: 0;
	    font-weight: 400;
	    color: inherit;
	    padding: 2vw 3vw;
	    line-height: normal;
}


#topexlogo{
	display:flex;
	flex-wrap: wrap;
	max-width:720px;
	width:100%;
	margin:0 auto;
}
#topexlogo .logobox{
	width:25%;
	position:relative;
	background-color:#FFFFFF;
	box-sizing: border-box;
	border:solid 1px #2C522D;

}
#topexlogo .logobox:before{
	content:"";
	display:block;
	width:100%;
	padding-top:100%;
}
#topexlogo .logobox figure{
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	display:flex;
	justify-content: center;
	align-items: center;
}
#topexlogo .logobox figure img{
	max-width:100%;
	max-height:100%;
}
@media screen and (max-width: 770px) {
	#topexlogo{
		width:100%;
	}
}

.msgwrap{
	max-width:600px;
	width:94%;
	margin:0 auto;
}

#modalbg{
	width:100%;
	height:100%;
	position:fixed;
	top:0%;
	left:0%;
	background-color:rgba(0,0,0,0.6);
	z-index:1150;
	display:none;
	box-sizing:border-box;
}

img.aligncenter{
display:block;
clear:both;
margin-left:auto;
margin-right:auto;
}

	.presentlistwrap{
		display:flex;
		flex-wrap:wrap;
		justify-content:start;
	}
	.presentlist{
		width:23%;
		box-sizing:border-box;
		margin:1%;
		border:solid 1px #CCCCCC;
		border-radius:5px;
		overflow:hidden;
	}
	.presentlist figure{
		display:blcok;
		width:90%;
		position:relative;
		margin:0 auto;
	}
	.presentlist figure:before{
		content:"";
		display:block;
		padding-top:100%;
		height:auto;
		box-sizing:border-box;	
	}
	.presentlist figure img{
		max-width:100%;
		max-height:100%;
		display:block;
		margin: 0% auto;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
	}
	.presentlist .brand{
		font-weight:700;
		display:block;
	}
	.presentlist .titlerow{
		background-color:#A41C1C;
		color:#FFFFFF;
		font-size:125%;
		text-align:center;
		margin-bottom:10px;
		
	}
	.presentlist .company{
		font-weight:700;
	}
	.presentlist .row_bottom{
		padding:10px;
		text-align:center;
	}
	.presentlist .row_bottom span{
		display:block;
		text-align:center;
		font-size:80%;	
	}
.productlink{
background-color:#A41C1C;
color:#FFFFFF;
font-size:80%;
padding:3px 5px;
text-decoration:none;
}

	.presentlist .row_mid1{
		padding:5px 10px 0px;
	}
	.presentlist .row_mid2{
		text-align:center;
		font-size:100%;	
		padding:5px 10px 0px;
	}
	.presentlist .row{
		padding:10px 10px 0px;
	}
	.edittable_form select{
		max-width:100%;
	}

	.present-content{
		max-width:1080px;
		margin: 0 auto;
		width:100%;
		box-sizing:border-box;
	}
	@media screen and (max-width: 960px) {
		.presentlist{
			width:31%;
		}
	}
	@media screen and (max-width: 770px) {
		.presentlist{
			width:48%;
		}
		
	}
	
	
	#archivewrap{
		width:100%;
		max-width:800px;
		margin:0 auto;
		min-height:90vh;
	}
	.archive_block{
		display:flex;
		flex-wrap:wrap;
		border-bottom:solid 1px #DDDDDD;
		padding-bottom:20px;
		margin-bottom:20px;
	}
	.archive_block figure{
		width:200px;
		display:block;
		position:relative;
		background-position:center center;
		background-size:cover;
		background-repeat:no-repeat;
	}
	.archive_block figure:before{
		content:"";
		display:block;
		padding-top:75%;	
	}
	.archive_block figure img{
		min-width:100%;
		min-height:100%;
		width:auto;
		height:auto;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		opacity:0;
	}
	.archive_date{
		width:100%;
		box-sizing:border-box;
		font-size:80%;
		color:#999999;

	}
	.archive_text{
		width:100%;
		box-sizing:border-box;
	}
	.archive_link{
		text-align:right;
		margin-bottom:0px;
	}
	.top_information_pager{
		text-align:right;
		width:100%;
		max-width:900px;
		margin:0% auto;
	}
	.top_information_pager a{
		background-color:var(--btn2-color);
		color:#231815;
		display:inline-block;
		text-decoration:none;
		padding:3px 10px;
		font-size:80%;
		
	}
	
	
	@media screen and (max-width: 770px) {
				.archive_block{
					align-items:start;	
				}
				.archive_block h3{
					margin-top:0%;	
				}
	}
	.pager{
		width:100%;
		max-width:800px;
		margin:0 auto;
	}
	.pager .pages{
		
		
	}

	.pager .pagenavilist span:not( .jumpnav ) {
		padding:10px;
	}
	.pager .pagenavilist span {
		background: #FFFFFF;
box-shadow:none;
border-radius:0px;
background-color:#FFFFFF;
border:solid 1px #000000;
padding:10px;
line-height:100%;
color:#000000;
display:inline-block;
margin:3px;
}
	.pager .pagenavilist span.current {
		background: #A9C0CF;
		color:#133850;
	}
	.pager .pagenavilist a {
		background: #FFFFFF;
box-shadow:none;
border-radius:0px;
background-color:#FFFFFF;
border:solid 1px #000000;
padding:10px;
line-height:100%;
color:#000000;
display:inline-block;
margin:3px;
	}
	.pager .pagenavilist a:hover {
		background: #A9C0CF;
		color:#133850;
		
	}
	
	#pagecontent iframe.wp-embedded-content{
		max-width:100%;
		
	}
	
	
	
.bottom_banner{
	max-width:640px;
	margin:30px auto 30px;
	width:90%;
}
.bottom_banner .banner{
	width:100%;
}
.bottom_banner .banner img{
	width:100%;
}

#orientationform_ok{
display:none;
color:#329B21;

}

#sec-page.page-form .sec-inr{
padding-top:0%;
}
.guidepdf{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
padding-top:30px;
padding-bottom:15px;
}
.guidepdf a.link_pdf_summary{
display:block;
width:48%;
margin-top:0%;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
}
.guidepdf a.link_pdf_summary:nth-last-child(1){
margin-bottom:0px;
}
.guidepdf a.link_pdf_summary:nth-last-child(2){
margin-bottom:0px;
}
#sec_offer{
padding-top:25px;
}
@media screen and (max-width: 770px) {
	.guidepdf{
		padding-top:2vw;
		padding-bottom:0vw;	
	}
	.guidepdf a.link_pdf_summary{
		margin-bottom:3vw;
		line-height:140%;
		font-size:3.4vw;
		padding:3vw;
	}
}

.text_small_wrap{
	max-width:600px;
	font-size:125%;
	line-height:175%;
	margin:80px auto 20px;
}

.str_error{
	color:#FF0000;
}
.about_reserve{
	max-width:1080px;
	margin:0% auto;
	box-sizing:border-box;
}
.about_reserve h3{
	display:block;
	padding:15px;
	background-color:#a8bd18;
	color:#FFFFFF;
	border-radius:3px;
}



.link_reserveseat{
	display:block;
	padding:1em;
	width:75%;
	border:solid 2px #a8bd18;
	color:#a8bd18;
	text-align:center;
	border-radius:5px;
	text-decoration:none;
	font-size:125%;
	font-weight:700;
	margin:20px auto 0%;
	line-height:1.6em;
	letter-spacing:0.08em;
	background-color:#FFFFFF;
	transition:all 0.3s;
}
.link_reserveseat:hover{
	color:#FFFFFF;
	background-color:#a8bd18;
}

.about_nticket{

max-width:1080px;
margin:0% auto;
box-sizing:border-box;
}
.about_nticket h3{
	display:block;
	padding:15px;
	background-color:#7D5B26;
	color:#FFFFFF;
	border-radius:3px;
	
}
.link_nticket{
	display:block;
	padding:1em;
	width:100%;
	border:solid 2px #7D5B26;
	color:#7D5B26;
	text-align:center;
	border-radius:5px;
	text-decoration:none;
	font-size:125%;
	font-weight:700;
	margin:20px auto 0%;
	line-height:1.6em;
	letter-spacing:0.08em;
	background-color:#FFFFFF;
	transition:all 0.3s;
}
.link_nticket:hover{
	color:#FFFFFF;
	background-color:#7D5B26;
}
.link_nticket .en{
	font-size:80%;
}

@media screen and (max-width: 770px) {

	.link_reserveseat{
		font-size:3.5vw;	
		
	}
	.link_nticket{
		font-size:3.5vw;	
		
	}
	
}
.freeimage{
max-width:900px;
padding-bottom:80px;
text-align:center;
margin:0% auto;
}

.freeimage img{
	 max-width:100%;
	 max-height:400px;
	 width:auto;
	 height:auto;

}
.freeimage_text ul{
margin:0%;
padding:0%;
display:flex;
flex-wrap:wrap;
justify-content:center;
list-style-type:none;
width:100%;
}
.freeimage_text ul li{
	width:220px;
	text-align:center;
	box-sizing:border-box;
	padding:10px;
	margin:0%;
}
.freeimage_text ul li a{
display:block;
	box-sizing:border-box;
padding:20px;
border-radius:7px;
color:#FFFFFF;
background-color:#b05d89;
word-break: break-all;
text-decoration:none;
}
@media screen and (max-width: 770px) {

.freeimage_text ul li{
	width:44vw;
	padding:2vw;
}
.freeimage_text ul li a{
	padding:2vw;
}
}
body .swiper-pagination-bullet  {
background: var(--wh-color);
}




.guidepdf{
	display:flex;
	flex-wrap:wrap;
	
	width:100%;
	align-items:start;
}
.guidepdf .guidepdf_btnwrap{
	width:50%;
	padding:7px;
	
}
.guidepdf .guidepdf_btnwrap a.btn{
	width:100%;
	text-align:center;
	
}
.guidepdf .guidepdf_btnwrap a.btn.f_coming{
	background-color:#BBBBBB !important;
}
.guidepdf .guidepdf_btnwrap .label_coming{
	display:block;
	text-align:center;
}
@media screen and (max-width: 770px) {
	.guidepdf{
		
		padding-bottom:8vw;
	}
	.guidepdf .guidepdf_btnwrap{
		width:100%;
		padding:1.5vw 1.5vw 8vw;
		position:relative;
	}
	.guidepdf .guidepdf_btnwrap .label_coming{
		position:absolute;
		top:auto;
		bottom:1.5vw;
		left:50%;
		transform:translate(-50%,0%);		
	}
}


#fixedlink_pdf{
width:280px;
display:block;
position:fixed;
bottom:0%;
right:0%;
z-index:20;
}
#fixedlink_pdf img{
	display:block;
	width:100%;
}
@media screen and (max-width: 770px) {
	#fixedlink_pdf{
		width:30vw;
	}
}


.cf7__form{

width:100%;
max-width:800px;
box-sizing:border-box;
padding:10px;
margin:0% auto;
background-color:#f5f1e6;
font-size:16px;
}
.formblock{
width:100%;
box-sizing:border-box;
padding:10px 0%;

}
.formblock label{
display:flex;
flex-wrap:wrap;
width:100%;
}


.formblock span.label{
display:block;
width:20%;
}
.formblock span.form_input{
display:block;
width:80%;
box-sizing:border-box;
padding-left:20px;
}
.formblock span.form_input input{
	width:100%;
	padding:5px;
	
}
.formblock span.form_input input[type='number']{
	width:70px;
	margin-right:5px;
}
.cf7__form .btnwrap{
	width:100%;
}
.cf7__form .btnwrap{
	display:flex;
	padding:0%;
	margin:0%;
	justify-content:center;
	width:100%;
	flex-wrap:wrap;
}
.cf7__form .btnwrap .btn_left{
	width:50%;
	padding:7px;
	text-align:right;
	
}
.cf7__form .btnwrap .btn_right{
	width:50%;
	padding:7px;
	text-align:left;
}
.cf7__form .btnwrap p{
	margin:0%;
	padding:0%;
}


.cf7__form input.wpcf7-previous,
.cf7__form input.wpcf7-submit{
	width:140px;
	display:inline-block;
	margin:20px auto 0%;
	padding:7px;
	background-color:var(--bg-color1);
	box-sizing:border-box;
	color:#FFFFFF;
	border:none;
	border-radius:3px;
}
#content_applythanks{
text-align:center;
font-size:20px;
line-height:200%;
}

.wp-embedded-content{
margin:0% auto;
display:block;
}

.closemsg{
display:block;
text-align:center;
font-size:20px;
color:#DD0000;
line-height:200%;
}