/*------------------------------------------------------------------Reset------------------------------------------------------------------*/
	html { font-size: 62.5%; }
	body{ font-size:1.5rem; line-height:1.8;}
	body , html { height: 100%; width:100%; font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif; font-weight: 500; color:#333;}
	p { margin:0;}
	*{ margin:0; padding:0;}
	
	
/*-----------------------------------------------------------------Layout------------------------------------------------------------------*/
	.overlay_soon{
		position: absolute;
		background: #ccc;
		z-index: 9999;
		width: 100%;
		height: 100%;
		opacity: 0.8;
	}
	#wrap { width:100%; border-top: 10px #004bb0 solid;  }
	#contents {width:1200px; margin:0 auto; border-left:#999 1px solid; border-right:#999 1px solid; box-sizing:border-box; }
	#content{text-align:center;margin-top:20px;}
	#head { height:80px; border-bottom:#21ACDF 3px solid;}
	
	#wrapper { display:flex; width:100%; flex: 1; box-sizing:border-box;}
	#sub { width:300px; background-color:#004bb0; color:#fff; line-height:1.6;position:relative;}
	#main { flex: 1; padding:1em 3em 3em 2em;}
	#sub_sp{
		background-color:#004bb0; color:#fff; line-height:1.6;
	}
	
	.contact { margin-top:2em; display: flex; justify-content: between;}
	.contact .left { border:#044bb0 2px solid; box-sizing:border-box; width:45%; margin-right:10%; }
	.contact .left dt { color:#fff; padding: 0.3em 1em 0.3em 1em; font-size:1.6rem; background-color:#044bb0;}
	.contact .left dd { background-color:#fff; padding:1em;}
	
	.contact .right { border:#044bb0 2px solid; box-sizing:border-box; width:45%;  }
	.contact .right dt { color:#fff; padding: 0.3em 1em 0.3em 1em; font-size:1.6rem; background-color:#044bb0;}
	.contact .right dd { background-color:#fff; padding:1em;}
	
	#footer { width:100%; background-color:#333; text-align-last:center; display:flex; justify-content:center; color:#fff; text-align:center; }
	#footer ul { margin-top:1em; margin-bottom:1em;}
	#footer ul li { margin-right:1em; border-right: 1px #fff solid; list-style-type:none; padding-right:1em;}
	#footer ul li a { color:#fff; text-decoration:none; }
	
	.copyright { background-color:#333; text-align:center; padding-bottom:0.5em; color:#fff;}
	.sider_info {
    //padding: 7px;
    //margin: 5px;
    border: 1px solid #FFF;
    font-size: 12px;
	}
	.sider_info a{
		color:#FFF;
	}
	.sample_btn{
		background-color: #FFCC00;
		color: #333;
		padding: 7px;
		font-weight: bold;
		font-size: 11px;
	}
	.red{
		background-color: #f00 !important;
		color: #FFF !important;
	}
	.required {
		    color: red;
	}
	.title_cont {
		font-size:14px;
		font-weight:bold;
		text-align:center;
		background:#FFF;
		color:#004bb0;
		padding:5px 0px;
	}
	.cont_txt {
		padding:7px;
	}
	.required2{
		color: #f75c5c;
		margin: 0;
		border: 1px dotted #f75c5c;
		border-radius: 2px;
		line-height: normal;
	}
	.timest {
		    margin-top: 1em;
			color:#555;
			background:#F4F3EC;
			padding:5px 7px;
			font-size:12px;
			font-weight:bold;
	}
	.chui_con {
		margin-bottom: 2em;
		text-align: left;
		background: #F4F3EC;
		padding: 10px;
		font-size:13px;
	}
	.chui_con ul{
		padding: 0px 30px;
	}
/*-----------------------------------------------------------------Layout------------------------------------------------------------------*/

	section.ticketList .ticketList_block ul.newTcket {
    margin: 0 0 30px;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
	section.ticketList {
		margin: 0 auto;
    /* padding: 80px 0; */
    width: 1020px;
	}
	section.side_width{
		width:100% !important;
	}
	.thumb img{
		width: 100%;
	}
	section.ticketList .ticketList_block ul.newTcket li {
    width: 320px;
    margin: 0 20px 26px 0;
    padding: 0;
	list-style: none;
	}
	section.side_width .ticketList_block ul.newTcket li {
    width: 250px;
	}
	section.ticketList .ticketList_block ul.newTcket li h2 {
    font-size: 14px;
    margin: 0 0 5px;
    padding: 0;
    line-height: 1.8em;
    font-weight: bold;
}
	section.ticketList .ticketList_block ul.newTcket li h2 span {
    font-size: 13px;
    font-weight: normal;
}
	#menu {  margin-left:auto;  background-color:#fff; width:100%; }
	#menu ul { display:flex; height:80px; font-weight:bolder; font-size:1.7rem; align-items: center; justify-content: space-between;     position: relative;}
	#menu ul li { border-right: 1px solid #333; list-style-type:none; text-align:center;   }
	#menu ul li.menu_contents { flex:1;  }
	#menu ul li:first-child { list-style-type:none; width:300px; }
	#menu ul li:first-child a:hover{ background-color: #fff; }
	#menu ul li:first-child img { height:100%; }
	#menu ul li:first-child:before  { content:""; }
	#menu ul li:last-child { border:none; }
	#menu ul li:nth-child(6) { border:none;}
	//#menu ul li:before { content:"▶";  }
	#menu ul li a { text-decoration:none; color:#000; }
	#menu ul li a:hover { background-color: #21ACDF; color:#fff; }
	
	.logo-add { display:none;}
	
/*-----------------------------------------------------------------Parts------------------------------------------------------------------*/

   .full { background-color:#f00 !important;}
	
/*-----------------------------------------------------------------Sub------------------------------------------------------------------*/

	#sub .sub_content ,#sub_sp .sub_content { width:80%; margin:0 auto; padding: 2em 0 2em 0;}
	#sub .sub_content input,#sub_sp .sub_content input { padding:0.5em 0em 0.5em 0em; width:100%; margin-top:0.5em; box-sizing:border-box;padding: 7px 10px;}
	#sub .sub_content .submit_button button,#sub_sp .sub_content .submit_button button{     color: #FFF;width:100%; box-sizing:border-box; border:1px #fff solid; text-align:center; font-size:1.8rem; font-weight:bolder; margin-top:1em; padding:0.5em 0 0.5em 0;
		background: -webkit-gradient(linear, left top, left bottom, from(#06C), to(#036));/* webkit */
	background: -moz-linear-gradient(top,  #06C,  #036);/* fx */
    -pie-background:linear-gradient(top,  #06C,  #036);/* PIE */
	background: linear-gradient(to bottom, #06C, #036); }
	#sub .sub_content .kaiin_button,#sub_sp .sub_content .kaiin_button { width:100%; box-sizing:border-box; border:1px #fff solid; text-align:center; font-size:1.8rem; font-weight:bolder; margin-top:1em; padding:0.5em 0 0.5em 0;
		background: -webkit-gradient(linear, left top, left bottom, from(#F9813A), to(#D03A00));/* webkit */
	background: -moz-linear-gradient(top,  #F9813A,  #D03A00);/* fx */
    -pie-background:linear-gradient(top,  #F9813A,  #D03A00);/* PIE */
	background: linear-gradient(to bottom, #F9813A, #D03A00);}
	#sub .sub_content .kaiin_button a,#sub_sp .sub_content .kaiin_button a{
		color:#FFF;
		text-decoration:none;
	}
	.note_content {
		font-weight:bold;
	}
	.chui{
		text-align:left;
	}
	.section {
    width: 100%;
    margin: 24px 0;
    display: table;
    table-layout: fixed;
}
a.button03 {
	background:#f4814e;
	padding:5px;
	font-size:small;
	text-decoration:none;
	color:#FFF;
	/* margin-top:3px; */
	float:right;
	
}

.block{
	
    line-height: 1.5;
	padding: 10px;
	margin-bottom:30px;
	background-color: #fcf8e3;
}
.block p {
    margin: 0 0 10px;
}
.section dt {
    width: 250px;
    text-align: right;
    display: table-cell;
    vertical-align: top;
    margin: 0;
}
.section dt.must:before {
    content: "必須";
    display: block;
    padding: 2px 4px;
    font-size: 9px;
    color: #f75c5c;
    float: left;
    margin: 0;
    border: 1px dotted #f75c5c;
    border-radius: 2px;
    line-height: normal;
}
.section dd {
    //display: table-cell;
    vertical-align: top;
    padding: 0 0 0 64px;
    margin: 0;
    font-size: 14px;
    line-height: 1.5em;
	text-align:left;
}
span.text01 {
    margin-right: 10px;
}
 p.title {
    margin: 22px 0 16px;
    font-weight: bold;
    font-size: 18px;
    background: none;
    border: 0;
    box-shadow: none;
    padding: 0;
}
.entry_main{
	width: 820px;
    padding: 10px 40px;
	margin: 0 auto;
	    text-align: left;
}
.entry_main .section dd input, .entry_main .section dd select, .entry_main .section dd textarea ,.info_main .section dd input, .info_main .section dd select, .info_main .section dd textarea {
    padding: 10px 10px;
    font-size: 16px;
    vertical-align: middle;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
}
#formButton {
	margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #ccc;
}
.tuika {
    background-color: #b0c4de;
    font-weight: bold;
    padding: 10px 7px;
    border: 1px solid #CCCCCC;
    font-size: 20px;
    text-align: center;
}

/*-----------------------------------------------------------------Main------------------------------------------------------------------*/
	h3{
    font-size: 1.7em;
    color: rgb(33, 172, 223);
    font-weight: bolder;
    padding-left: 0.5em;
    margin-bottom: 1em;
    border-left: 5px solid rgb(33, 172, 223);
	}
	.title_event {
		font-size: 1.5em;
		color: rgb(33, 172, 223);
		font-weight: bolder;
		padding-left: 0.5em;
		margin-bottom: 1em;
		border-bottom: 5px solid rgb(33, 172, 223);
	}
   
	h4 { font-size:1.7em; color:#21ACDF; font-weight:bolder;  padding-left:0.5em; margin-bottom:1em;text-align: center; }
	.dep_date ul.date_list { display:flex; margin-top:1em;}
	.dep_date ul.date_list li{ margin:0; list-style-type:none; border-top: 1px solid #044bb0; border-left: 1px solid #044bb0; padding:0.5em 1em 0.5em 1em; margin-right:1em; border-right: 1px solid #044bb0;}

	.dep_date ul.date_list li.b_blue { background-color:#044bb0; color:#fff;}
	.dep_date ul.date_list li.b_blue a { color:#fff; text-decoration:none;}
	.dep_date ul.date_list li.b_blue:hover { color:#ff0; background-color:#000; }
	
	.dep_date ul.date_list li a { color:#5590BB; text-decoration:none;}
	.dep_date ul.date_list li:hover { background-color:#21ACDF; }
	.dep_date ul.date_list li a:hover { color:#fff;}
	.dep_date ul.date_list li { background-color:#eee; color:#5590BB;}
	
	.oshirase { border:2px solid #C6E6ED; width:100%; box-sizing:border-box; margin-top:2em; }
	.oshirase dl {  }
	.oshirase dl dt { background-color:#fff; padding:0.5em 1em 0.5em 1em; color:#004bb0; font-weight:bolder; font-size:1.6rem; }
	.oshirase dl dd {  background-color:#C6E6ED ; padding:0.5em 1em 0.5em 1em; }
	.oshirase dl dd ul { margin-left:2em;}
	
	.route { margin-top:1em; margin-bottom:1em;}
	.route ul { display:flex; justify-content:space-between;}
	.route ul li { padding-top:0.3em; padding-bottom:0.3em; list-style-type:none;line-height: 2em;}
	.route ul li:first-child { list-style-type:none; width:40%;}
    .route ul li .from { background-color:#21ACDF;text-align: center;color:#fff; border-radius: 10px;  }
	
	.route ul li a { text-decoration:none; color:#21ACDF;}
	.arr .route ul li a {  color:#f4814e;}
	.route ul li:last-child {  padding-bottom:0.3em; list-style-type:none; color:#fff;padding-top:0.3em; width:40%; }
	.route ul li .to { background-color:#21ACDF;text-align: center;color:#fff; border-radius: 10px;  }
	.arr .route ul li .from,.arr .route ul li .to {background-color:#f4814e;}
	.businfolink { margin-top:-100px;padding-top:100px; }
	.businfo { border:2px solid #21ACDF; width:100%; box-sizing:border-box; margin-bottom:2em; }
	.arr .businfo{border: 2px solid #f4814e;}  
	.businfo dl { display:flex; align-items: center; background-color:#21ACDF;margin: 0px; }
	.arr .businfo dl { background-color:#f4814e;}
	.businfo dl dt { width:100px;  color:#fff; font-weight:bolder; text-align:center;  }
	.businfo dl dd {  background-color:#fff ; padding:0.5em 1em 0.5em 1em; flex:1; }
	.businfo dl dd .deptime ul { display:flex;flex-wrap: wrap; }
	.businfo dl dd .deptime ul li { margin-right:1em;  color:#fff; background-color:#777; list-style-type: none; width:80px; text-align:center;    margin-top: 1em; }
	.businfo dl dd .deptime ul li button { margin-right:1em; padding-top:1em; padding-bottom:1em; color:#fff; background-color:#777; list-style-type: none; width:80px; text-align:center; border:none}
	.businfo dl dd .deptime ul li button:hover{
		cursor:pointer;
		opacity:0.7;
	}
	
	.btn{
		padding: 10px;
		background-color: #FF8000;
		color: #FFF;
		text-align: center;
		border: 1px #fff solid;
		font-weight:bold;
	}
	a.button_n{
		text-decoration:none;
	}
	.button_n{
		font-weight: normal;
		background: #fff;
		color: #0066cc;
		//border: 1px solid #d7dce2;
		border-radius: 2px;
		box-shadow: 0 1px 0 0 #d7dce2;
		cursor: pointer;
		border: 1px solid #0f6eb2;
		padding: 9px 12px 7px;
		//min-width: 173px;
		min-height: 48px;
		margin: 0;
		font-size: 14px;
		border-bottom: 2px solid #0f6eb2;
		-webkit-appearance: none;
	}
	input[type=button]:hover{
		cursor:pointer;
	}
	.cancel_btn {
		float: right;
		font-size: 14px;
		padding: 4px 16px !important;
		border-radius: 2px;
		color: #fff;
		background: #b22222;
		border: 1px solid #EF5734;
		box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
		transition: all .2s ease;
		padding: 8px 16px !important;
	}
	.qr_btn {
		float: right;
		font-size: 14px;
		padding: 4px 16px !important;
		border-radius: 2px;
		color: #fff;
		background: #0f6eb2;
		border: 1px solid #2e6da4;
		box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
		transition: all .2s ease;
		padding: 8px 16px !important;
	}
	a.btn{
		text-decoration:none;
	}
	.full button{
		background-color: #f00 !important;
	}
	.businfo dl dd .deptime ul li:first-child { background-color:#fff; color:#21ACDF; border:#21ACDF 2px solid; box-sizing:border-box;padding-top:0.5em; padding-bottom:0.5em;}
	.arr .businfo dl dd .deptime ul li:first-child { color:#f4814e; border:#f4814e 2px solid; }
	.arrow02 { position:relative; height:16px; width:16px; background-color:#697b91; top:8px; }
	.arrow02::before { position:absolute; content:""; border:solid 16px transparent; border-left:solid 16px #697b91; top:-8px; left:12px; }
	.note_txt{
		font-size: 20px;
		font-weight: bold;
		color: #FF2D00;
		font-weight: bold;
		margin-bottom:15px;
		text-align:left;
	}
	#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 10px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color:#0f6eb2;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}
	/* Style the tab content */
.tabcontent {
    display: none;
}
.dataTbl th .icoRequired {
    background-color: #F9423A;
    border-radius: 30px;
    box-sizing: border-box;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.3;
    margin-left: 9px;
    padding: 2px 0px 1px;
    right: 0;
    top: 0;
    width: 40px;
    text-align: center;
	float: right;
}
.policy{
	margin:20px 0px;
	text-align:left;
}
.submit_send {
	font-size: 15px;
    background: #555555;
    /* margin: 0 auto; */
    border: none;
    margin: 0 auto;
    cursor: pointer;
    width: 260px;
    height: 60px;
    line-height: 60px;
    color: #FFF;
    font-weight: bold;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
.back{
	background: #aaaaaa;
}
.contact_form p{
	margin: 0 0 30px;
    padding: 0;
    line-height: 1.8em;
}
 p.read {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 0 0 40px;
}
p.message {
    font-size: 14px;
    text-align: center;
    line-height: 1.8em;
    margin: 0 0 40px;
    padding: 0;
}
.tag_block .row {
    display: flex;
    flex-wrap: wrap;
}
.btn--iconR {
    position: relative;
}
.btn--iconR i{
    position: static;
    right: 13px;
	font-size: 20px;
}
.text-center{
	text-align:center;
} 
.tag_block h2 {
	 background-color: #21ACDF;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 10px 30px;
    letter-spacing: 0.04em;
	margin-bottom:10px;
}	
.tag_block nav {
	margin-bottom: 10px;
}
.tag_block ul{
	list-style: none;
}   
.snavBoxList {
    justify-content: start;
}
.snavBoxList li.col--4 {
    width: calc((100% - 30px)/5);
	margin-right: 5px;
}
/*.snavBoxList li:nth-child(-n+4) {
    margin-top: 0;
	margin-bottom:5px;
}*/
.snavBoxList li.col--4 {
    margin-top: 0;
	margin-bottom:5px;
}
.btn--water.btn--shadow {
    box-shadow: 3px 3px 0px 0px rgba(102,102,102,0.3);
}
.snavBoxList li a {
    display: flex;
    //height: 100%;
    padding: 15px 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.2;
}
.btn--water {
    background-color: #ebf0f2;
    color: #294da5;
    font-weight: bold;
    transition: all .3s;
}
.dep h5{
	margin-top: 2em;
    color: #294da5;
    border-bottom: 2px solid #294da5;
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 0.04em;
}
.arr h5{
	margin-top: 2em;
    color: #f4814e;
    border-bottom: 2px solid #f4814e;
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 0.04em;
}
	/*******************************TABLE****************************/
	table {
    font-size: inherit;
    border-collapse: collapse;
    border-spacing: 0;
	}	
	.dataTbl {
		width: 80%;
		margin: 0 auto;
	}
	table#form td input{
		padding: 4px 16px 7px;
	}
	table.dataTbl th {
    background-color: #e4e9eb;
    font-weight: bold;
    border-top: 1px #DCDCDC solid;
    border-right: 1px #DCDCDC solid;
    border-bottom: 1px #DCDCDC solid;
    vertical-align: top;
    padding: 17px 5px 12px 17px;
    width: 175px;
    text-align: left;
	}
	table.dataTbl td {
    border-top: 1px #DCDCDC solid;
    border-left: 1px #DCDCDC solid;
    border-bottom: 1px #DCDCDC solid;
    vertical-align: top;
    padding: 19px 10px 16px 21px;
    word-wrap: break-word;
    overflow-wrap: break-word;
	text-align:left;
	}
	table.dataTbl td textarea {
       width: 96%;
    border: 1px solid #b2b2b2;
    padding: 17px;
    font-size: 14px;
    border-radius: 4px;
}
	table.dataTbl td input {
    border: 1px solid #b2b2b2;
    border-radius: 4px;
    font-size: 14px;
    padding: 4px 16px 7px;
  // width: 90%;
   // height: 40px;
    line-height: normal;
}
	table.tableSeminar {
    border-color: #d6dde1;
	}
	table.tableSeminar{
    margin-bottom: 15px;
    border-top: 1px solid #d6dde1;
    border-left: 1px solid #d6dde1;
    width: 100%;
    border-collapse: collapse;
	}
	table.tableSeminar th.title_trip {
		font-weight:bold;
		font-size:20px;
		
	}
	table.tableSeminar th{
    background: #e4e9eb;
    border-color: #d6dde1;
    padding: 9px 12px;
	}
	table.tableSeminar td ,table.tableSeminar th{
    border-color: #d6dde1;
    padding: 9px 12px;
	border-bottom: 1px solid #d6dde1;
    border-right: 1px solid #d6dde1;
	}
	.th1 {
    background-color: #E4E9EB;
    border-right: 1px solid #d8dfe3;
    border-left: 1px solid #d8dfe3;
    border-top: 1px solid #d8dfe3;
    border-bottom: 1px solid #d8dfe3;
    width: 35%;
	}
	.td1 {
		border-top: 1px solid #d8dfe3;
		width: 65%;
	}
	.formArea {
		background-color: #ffffff;
		padding: 7px;
	}
	td {
		line-height: 17px;
	}
	td.number_tb{
		display:none;
	}
	/*--------------------POPUP------------------   */
.showbody {
    padding: 16px;
}
/* Full-width input fields */
.login-for input[type=text], .login-for input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
.showbody a{
	color:#1dabeb ;
}	
.showbody button {
    background-color: #1dabeb;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
	width: 100%;
}

button:hover {
    opacity: 0.8;
}

	/* Extra styles for the cancel button */
.showbody .cancelbtn {
    width: auto;
    padding: 10px 18px;
    background-color: #f44336;
}

/* Center the image and position the close button */
.imgcontainer {
    text-align: center;
    margin: 0px 0 20px 0;
    position: relative;
}
.modal-backdrop {
	height:auto!important;
}
	/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    //z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    padding-top: 60px;
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 20%; /* Could be more or less, depending on screen size */
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
	border-radius: 6px;
    outline: 0;
}
.modal-dialog .modal-content {
	width: auto;
}
/* The Close Button (x) */
.close {
	 float: right;
    position: absolute;
    right: 25px;
    top: 0;
    color: #000;
    font-size: 35px;
    font-weight: bold;
	  text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

.close:hover,
.close:focus {
    color: red;
    cursor: pointer;
}

/* Add Zoom Animation */
.animate {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}
    
@keyframes animatezoom {
    from {transform: scale(0)} 
    to {transform: scale(1)}
}
	
	
.header-content {
	display:none;
	
}
.header-content a{
	color:rgb(33, 172, 223) !important;
	text-align: center;
}
.header-content i{
	font-size:20px;
	padding:5px 0px;
}	
	
li.mobile{
	display:none;

}	
	@media(max-width: 1200px){
	body{ font-size:1.2rem; line-height:1.6;}
	#contents { border-left:none; border-right:none; }
			
	#contents {width:100%; margin:0 auto; }
	#sub { display:none;}
	#wrapper { //display:block;}
	
	.header-content {
	display:flex;
		
	}
	li.mobile{
	display:block;
}	
	#head { height:4em; border-bottom:none;}
	.main_logo { float:left; height:5em; z-index:333; position:fixed;}
	.logo-add img { width:200px;}
	.logo-add { display:block;}
	
	/*-----------------------------------------------------------------Main------------------------------------------------------------------*/
	
	.businfo dl { display:block; background-color:#21ACDF; }
	.businfo dl dt { width:100%; }
	
	.contact { display:block;}
	.contact .left { width:100%; margin-top:3em; }
	.contact .right { width:100%; margin-top:2em;  }
	
	section.ticketList .ticketList_block ul.newTcket {
		margin: 0;
		}
	section.ticketList .ticketList_block ul.newTcket li {
	width: 100%;
	margin: 0 0 20px 0;
	}
	#main{
		padding:10px;
		padding-bottom: 25px;
	}
	section.ticketList {
		padding: 20px 0;
		width: auto;
	}
	.modal-content{
		width:100%;
	}
	.entry_main .section dd input, .entry_main .section dd select, .entry_main .section dd textarea, .info_main .section dd input, .info_main .section dd select, .info_main .section dd textarea {
		padding: 7px;
		font-size: 14px;
		vertical-align: middle;
		display: inline-block;
		border: 1px solid #ccc;
		border-radius: 4px;
	}
	.larger{
	  width: 92% !important;
	  -moz-box-sizing: border-box;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	}
	.radioBtn2 span {
    display: inline-block;
    padding: 0;
    width: 43%;
    border: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
    padding: 10px;
    background: #fff;
    border-radius: 6px 0 0 6px;
    border-left: 1px solid #ddd;
	}
	.radioBtn2{
		margin: 0;
    padding: 0;
    color: #333;
    word-break: break-all;
    word-wrap: normal;
	}
	.radioBtn2 span.radio2 {
    border-radius: 0 6px 6px 0;
    border-right: 1px solid #ddd;
	}
	.radioBtn2 span.radio1 {
    border-radius: 6px 0 0 6px;
    border-left: 1px solid #ddd;
	}
	
	
	
}
	@media (min-width: 768px){
	.modal-dialog {
		width: 600px;
		margin: 30px auto;
	}
	.modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
	}
	}	
	
.modal-body {
    position: relative;
    padding: 15px;
}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
    margin-top: -2px;
}
button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
.modal-header h4{
	font-size: 18px;
	text-align:left;
	margin-bottom:0px;
}
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px;
}
.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
@media only screen and (max-width: 1200px){
.section {
    margin: 0;
    padding: 16px 0;
    border-bottom: 1px dashed #ddd;
}
.section dt {
    font-size: 12px;
    width: 100%;
    text-align: center;
	display: block;
	background-color: #e4e9eb;
    font-weight: bold;
    border: 1px #DCDCDC solid;
	padding: 10px 0px 10px 0px;
	vertical-align:middle;
}
.section dd input.input-large {
    width: 100%;
}
.section dd {
    padding: 10px 0px 0px 0px;
}
.section dt.must:before {
    float: right;
    width: 20px;
    margin-right: 10px;
}
.entry_main{
	width: 100%;
	margin: 0;
    padding: 0;
}
table.dataTbl th {
    border-right: none;
    border-bottom: none;
    padding: 10px;
    font-size: 12px;
    font-weight: normal;
}
table.dataTbl td {
    border-left: none;
    border-bottom: none;
    padding: 10px;
    word-wrap: break-word;
    font-size: 12px;
}
table.dataTbl td textarea {
    height: 120px;
    //width: 100%;
    padding: 8px;
}
table.dataTbl,table.dataTbl tr, table.dataTbl tbody  {
    display: block;
    width: 100%;
}	
table.dataTbl td,table.dataTbl th{
	 display: block; 
	 width:auto;
 }
 .button_n{
	color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    font-size: 14px;
    padding: 12px 20px;
 }

}

/* セルをバラして上から下に表示 */ 
@media (max-width: 1200px) { 
.login_txt{
	color: rgb(33, 172, 223);
    font-weight: bolder;
   top: 14px;
    height: 36px;
    position: absolute;
}
	td.number_tb{
		display:block;
		font-weight:bold;
	}
    /* 見出し行を消す */ 
    .tableCellBara th { 
        display: none; 
  font-size:14px; 
    } 
	.tableCellBara tr{
		display:block;
		width:100%;
	}
 
    /* セルをブロックとして表示 */ 
    .tableCellBara td { 
        display: block !important; 
	  font-size:14px; 
	  width:auto; 
	 // float:left; 
    } 
 
    /* 最初の項目に背景色を付ける */ 
    .tableCellBara td:nth-child(1) { 
        /*margin-top:20px;*/ 
  /*border-top:#6cb2e6 solid 1px;*/ 
        background-color: #e4e9eb; 
  margin-bottom:-1px; 
    } 
 
    /* セルに見出し代わりの文字を付加 */ 
    .tableCellBara1 td:nth-child(2):before { 
        content: '協会名：';
    } 
 
    .tableCellBara td:nth-child(3):before { 
        /*content: '所在地：';*/ 
    } 
 
    .tableCellBara td:nth-child(4):before { 
        /*content: 'TEL：';*/ 
    } 
	.tableCellBara td.clear {
    clear: both;
  }
  .cancel_btn{
	  float:none;
  }
  body {
  counter-reset: number 0;           /* number のカウンタを 0 にセット */
}

.tableCellBara td:nth-child(1):before {
  counter-increment: number 1;      /* number カウンタの増加数をセット */
  content: counter(number) " ";      /* 表示形式を指定 */
}
}