@charset "Shift_JIS";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

body{
	background-color:#fff;
	color:#323743;
	font-family: "Work Sans","Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
	font-size:14px;
	font-weight:400;
	margin:0;
	paddding:0 1rem;
}

html{font-size:62.5%;}

.contents{width:1064px; margin:0 auto;}
h1{font-size:2.4rem; font-weight:700; margin:2.4rem 0; padding-top:48px;}
h2{font-size:2.2rem; font-weight:700; margin:0.5rem 0; padding-top:48px;}
h3{font-size:2.0rem; font-weight:700; margin:0.5rem 0; padding-top:48px;}

p{font-size:16px; margin:0 0 30px 10px ; font-weight:400;}

a:link li.item,
a:visited li.item, 
a:active li.item{
	color:#3498DB !important;
} 


a:hover li.item{
	color:#3498DB !important;
	text-decoration: underline;
} 


table{
	width:100%; margin:0 auto; border-spacing:unset;
	}



.date_info{line-height:200%; margin-bottom:20px;}
.date_info ul,#line_seat ul{list-style:disc; padding-inline-start: 20px;}
.date_info ul li{ margin-left:20px;}


.fs_14{font-weight:bold;}

#preseat_Table, #seathelp_Table{border-bottom:solid #bcbdc2 1px; }

#preseat_Table th,
#preseat_Table td,
#seathelp_Table th,
#seathelp_Table td
	{
	border-right:solid #bcbdc2 1px; 
	border-top:solid #bcbdc2 1px; 
	padding:5px; 
	white-space: nowrap;
	}

#preseat_Table th,
#seathelp_Table th
{background: rgb(50,55,67,0.15);}



#preseat_Table th:first-of-type,	
#preseat_Table td:first-of-type,
#seathelp_Table th:first-of-type,	
#seathelp_Table td:first-of-type
	{border-left:solid #bcbdc2 1px; 	}

.ttl_none{border-left:none !important;}

.cap_img{
	margin:0 auto;
	max-width:100%;
	}

.cap_txt02{font-size:100%;}



.ttl, .preseat_ttl{
	font-size:1.4rem;
	font-weight:700; 
	margin:1.5rem 0 0.5rem 0;
	}




.grid {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr;
  width:1064px;
}

/* pagetopボタン */
.dom__btn-page-top {
  bottom: 30px;
  right: 25px;
  position: fixed;
  z-index: 1000;
  cursor: pointer;
  display: none;
}
.dom__btn-page-top a {
  text-decoration: none;
  display: block;
  width: 80px;
  height: 50px;
  transition: opacity .2s;
  position: relative;
}
.dom__btn-page-top a:hover {
  opacity: .8;
}
.dom__btn-page-top a:before {
  font-family: 'jtb-dom' !important;
  text-decoration: none;
  content: url(/lookjtb/service/info/images/top.png);
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.dom__btn-page-top a:before {
  display: inline-block;
  text-align: center;
  font-size: 3rem;
  line-height: 50px;
  width: 100%;
  text-align: center;
  color: #333;
}

ul.container {
  /*text-align: center;*/
  padding-inline-start: 0;
}
.item {
    display: inline-block;
    vertical-align: middle;
    padding: 9px;
    margin: 5px 0;
    /*background: #ececec;
    border-bottom: solid #969798 2px;
    border-radius: 10px; 
    color: #969798;*/
    font-size: 12px;
    width:calc(17% - 1px);
    height: 5px;
    /*text-align: center;*/
}

.item:before {content:"▼";}



.small{width:204px;}



.main ul{
    padding-inline-start: 30px;
}

/*pc*/
@media screen and (min-width:900px){
.top{display:none;}
}

/*スマホ*/

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

	.contents{width:95% !important; margin:0 auto; padding:0;}
	h1{font-size:20px;}
	p{font-size:16px;}
	ul{padding-inline-start:5px;}
	.grid {grid-template-columns: 1fr; width:375px;}
	table{width:100%; margin:0 auto;}
	.dom__btn-page-top a:before{display:none;}
	.item {
	width: calc(120vw / 3);
    height: 40px;
    font-size: 14px;
    }
    .small{font-size: 14px;}
    .top{text-align:right;}
	
/* pagetopボタン */
.dom__btn-page-top {
  bottom: 30px;
  right: 25px;
  position: fixed;
  z-index: 1000;
  cursor: pointer;
  display: none;
}
.dom__btn-page-top a {
  text-decoration: none;
  display: block;
  width: 80px;
  height: 50px;
  transition: opacity .2s;
  position: relative;
}
.dom__btn-page-top a:hover {
  opacity: .8;
}
.dom__btn-page-top a:before {
  font-family: 'jtb-dom' !important;
  text-decoration: none;
  content: url(/lookjtb/service/info/images/top.png);
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.dom__btn-page-top a:before {
  display: inline-block;
  text-align: center;
  font-size: 3rem;
  line-height: 50px;
  width: 100%;
  text-align: center;
  color: #333;
}



}