@charset "UTF-8";


#mainimage_cont {
	background: url("../images/img_mainimage_cont_inq.jpg") no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
    padding: 40px 0px;
    width: 100%;
}

.stadiutour #mainimage_cont {
	background: url("../images/img_mainimage_cont_tour.jpg") no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
    padding: 40px 0px;
    width: 100%;
}

.stadiumevent #mainimage_cont {
	background: url("../images/img_mainimage_cont_event.jpg") no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
    padding: 40px 0px;
    width: 100%;
}

#inq section#formArea p{
}


/*
inquiry form
--------------------------------------------------------------------------------\*/



.error{
	padding-top:5px;
	color:#E40000;
	}

button {
  padding: 0;
  border: none;
  background: transparent;
	cursor:pointer;
	margin:30px 10px 15px;
}

button:hover img{
	opacity:0.8;
}
button img {
  display: block;
}

input,
textarea,
select{
    font-size:1.6rem;
	}
input{
	width:85%;
	}

input[type="checkbox"],
input[type="radio"] { 
     border:none;
	 vertical-align: middle;
	 top:-3px;
	 margin:0 20px;
}
input[type="checkbox"].chk_telework{
	width:auto;
	margin: 0 10px;
}

textarea { 
	 width:85%;
	 height:200px;
}
select { 
	 width:100%;
    border: 1px solid #777;
    border-radius: 2px;
    padding: 5px;
    margin-bottom: 5px;
    
}
select.size_s { 
	 width:50px;
}
select.size_m { 
	 width:100px;
}
select.size_l { 
	 width:300px;
}



/*complete
--------------------------------------------------------------------------------\*/
#form_complete{
	background:#f8f8f8;
	text-align:center;
	padding:100px 0;
}
#form_complete span{
	font-size:20px;
	font-weight:bold;
}
#form_complete p{
	text-align:left;
	padding:0 70px;

}
#form_complete p.comp_title{
	

}
#form_complete p.inq{
	background-color:#ffffff;
	margin:30px 70px;
	padding:20px;
	font-size:14px;
	border:5px solid #00589e;
	

}
#form_complete p.inq a{
	color:#232323;
}



/*
見出し
--------------------------------------------------------------------------------\*/


#wrap_inq h4 {
	height:32px;
	margin-bottom:15px;
	margin-top:15px;
	background:#333333;
}
#wrap_inq h4 p {
	font-size:1.6rem;
	padding:3px 0 0 0px;
	color:#FFF;
}

/*
table
--------------------------------------------------------------------------------\*/

#inq table.inquiry_form_table{

	}


#inq table.inquiry_form_table tbody th{
	width:30%;
	}

table.inq_inner_table{
	width:100%;
	border: 1px solid #dedede;

	}


table.inq_inner_table thead th{
	background: #ddd;
	color: #232323;
}

table.inq_inner_table tbody th{
	width:30%;
	font-weight:bold;
	vertical-align:middle;
	color: #232323;
	}
table.inq_inner_table tbody td{
	width:70%;
	}

.event_table tbody th{
	width:20%;
	}
.inquiry_form_table{
	margin: 0 auto 15px;
	width: 100%;
	border: 1px solid #e3e3e3;
}
.inquiry_form_table tbody th{
	width:15%;
	padding: 10px;
}
/*
offer form
--------------------------------------------------------------------------------\*/

dl.inquiry_form_list dl{
}

dl.inquiry_form_list dt{
	background:#f8f8f8;
	padding:15px;
	vertical-align:middle;
	font-weight:bold;
}

dl.inquiry_form_list dd{
	padding:15px;
	vertical-align:middle;
	text-align:left;
}


dl.inquiry_form_list dd input{
	width:90%;
	position:relative;
	margin-right:5px;
	}

dl.inquiry_form_list dd input.digit2{
	width:20%;
	}

dl.inquiry_form_list dd input.digit6{
	width:40%;
	}

dl.inquiry_form_list dd input.digit16{
	width:60%;
	}

dl.inquiry_form_list dd input[type="checkbox"],
dl.inquiry_form_list dd input[type="radio"] { 
     border:none;
	 width:20px;
	 vertical-align: middle;
}

dl.inquiry_form_list dd textarea{
	width:100%;
	height:300px;
	}


dl.inquiry_form_list dd dl{
	margin:15px 0px 15px 15px;
	overflow:hidden;
	}


dl.inquiry_form_list dd dl dt{
	width:80px;
	float:left;
	}

dl.inquiry_form_list dd dl dd{
	margin-left:90px;
	margin-bottom:5px;
	}


dl.inquiry_form_list dd dl dd input{
	width:300px;
	}

/*
accordion
--------------------------------------------------------------------------------\*/
.accordion {
	margin-bottom:10px;
}
.accordion a.menu {
    background: #00589e none repeat scroll 0 0;
    color: #fff;
	font-size:18px;
    cursor: pointer;
    text-decoration: none;
    transition: all 0s ease 0s, all 0.25s ease 0s, all 0s linear 0s;
    display: block;
    margin: 1px 0 0;
    padding: 10px 30px 10px 10px;
    position: relative;
	max-height: 100%;
}
.accordion  a.menu:hover {
    background: #0070c9 none repeat scroll 0 0;
    text-decoration: none;
}

.accordion a.menu .red {
    color: #ffff00;
}

.accordion .inner{
	margin:20px 20px;
	padding-bottom:20px;
	border-bottom:1px dashed #ececec;
}

.accordion .child{
	display:none;
}

.switch .menu::after {
    content: ">";
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: -0.8rem;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: rotate(90deg);
    transition: all 0s ease 0s, all 0.25s ease 0s, all 0s linear 0s;
}
.switch .menu.active::after {
    transform: rotate(-90deg);
}

/*
linkbar
--------------------------------------------------------------------------------\*/

.linkbar {
	margin-bottom:10px;
}
.linkbar a.menu {
    background: #00589e none repeat scroll 0 0;
    color: #fff;
	font-size:18px;
    cursor: pointer;
    text-decoration: none;
    transition: all 0s ease 0s, all 0.25s ease 0s, all 0s linear 0s;
    display: block;
    margin: 1px 0 0;
    padding: 10px 30px 10px 10px;
    position: relative;
	max-height: 100%;
}
.linkbar  a.menu:hover {
    background: #0070c9 none repeat scroll 0 0;
    text-decoration: none;
}
.linkbar .menu::after {
    content: ">";
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: -0.8rem;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: rotate(0deg);
    transition: all 0s ease 0s, all 0.25s ease 0s, all 0s linear 0s;
}
.linkbar .menu::after {
    content: "";
    position: absolute;
    font-size: 1.6rem;
    color: #fff;
    right: 10px;
    pointer-events: none;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/icon_other.svg);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    transition: all 0.2s linear;
}

.linkbar .menu.active::after {
}


/*--------pc --------\*/
@media (min-width:780px) {


#mainimage_cont {
	background: url("../images/img_mainimage_cont_inq.jpg") no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
    padding: 80px 0px;
    width: 100%;
}

.stadiutour #mainimage_cont {
	background: url("../images/img_mainimage_cont_tour.jpg") no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
    padding: 80px 0px;
    width: 100%;
}

.stadiumevent #mainimage_cont {
	background: url("../images/img_mainimage_cont_event.jpg") no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
    padding: 80px 0px;
    width: 100%;
}

select.select_long { 
	 width:100%;
}

.inquiry_form_table tbody th{
	width:15%;
	padding: 10px;
}
dl.inquiry_form_list dd input.digit2{
	width:10%;
	}

dl.inquiry_form_list dd input.digit6{
	width:20%;
	}

dl.inquiry_form_list dd input.digit16{
	width:60%;
	}

}



/*
フォームメーラー
--------------------------------------------------------------------------------\*/

.formmailer_cus{

    
}