@charset "UTF-8";

/* ベースの装飾 ---------*/
body{
  font-family: yu gochic,"ms pゴシック","ヒラギノ角ゴ ProN";
  -webkit-text-size-adjust:100%;
    background: -webkit-gradient(
  linear, left top, left bottom,
  from(#f7f7f7),to(#fff));
  margin: 0 auto;}

h1 {
font-size:1.1em;
margin-top:0;
margin-bottom:0;
color:black;
padding:5px;
background-color:#d3d3d3;
margin-bottom:10px;}

h2 {
font-size:1.2em;
margin-top:0.5em ;
margin-bottom:0;
background-color:#d3d3d3;
padding:3px;}
h2 a:hover{
color:red;}

h3 {
font-size:1em;
font-weight:normal;
margin-top:7px;
margin-bottom:7px;
line-height:120%;
background-color:rgba(0,144,168,0.9);
color:white;
padding:3px;}

/* ----- ヘッダー　 ----- */
.head_container{
padding-top:30px;
   width: 100%;
   width:1024px;
   margin-left:auto;
   margin-right:auto;
   display: flex;
   align-items: center;
   font-size:16px;
   background:white;}  
nav {
   margin: 0 0 0 auto;}
nav ul {
   list-style: none;
   margin: 0;
   display: flex;}
nav li {
   margin: 0 0 0 15px;
   font-size: 1em;}
nav li a:hover{
color:red;}
.tel{
  font-weight:600;
  color:orange;}
.header_line{
	position: relative;
	height: 4px;
	border-width: 0;
	background-color: #00bcd4;
	background-image: -webkit-linear-gradient(left,
	#00bcd4 0%,#283593 50%,#00bcd4 100%);
	background-image: linear-gradient(90deg,
	#00bcd4 0%,#283593 50%,#00bcd4 100%);}

/* メインコンテンツ ----------------- */

.contents{
  width:1024px;
  margin:0;
  margin-left:auto;
  margin-right:auto;
  background:white;
}
/* ---- box_wrap€----- */

.box_wrap{
  width:1000px;
  margin:0;
  margin-left:auto;
  margin-right:auto;
padding:10px;
  display:flex;
		justify-content: center;
		flex-wrap: wrap;
		margin-bottom:20px;}

.box_1{
    display:inline-block;
		vertical-align: top;
		width: 160px;
    margin-right:5px;
		text-align: left;
		text-decoration:none;
    margin-bottom:10px;}
.box_2{
    display:inline-block;
		vertical-align: top;
		width: 780px;
		text-align: left;
  margin-left:5px;
		margin-bottom:20px;}


/* サイドコンテンツ(box_1)の装飾 -------------- */

/* ---- 催行予定一覧の設定 ----- */
.saiko{
    font-weight:500;
    height:45px;
    vertical-align:center;
    margin-bottom:10px;
    margin-top:10px;
    border:1px solid #ffd700;
    background: -webkit-gradient(
    linear, left top, left bottom,
    from(#ffd700),
    to(#fff099));
    border-radius:4px;
    text-shadow: 0px 1px 0px rgba(255,255,255,1.0)}
.saiko a{
    text-decoration:none;
    width:100%;
    height:100%;
    display:block;
    padding:15px;}
.saiko a:hover{
    background-color:#adcdec;}

/* -- 方面別の設定 ------------- */
.wrap{
  display: flex;
  flex-wrap: wrap;}
.box_01,
.box_02,
.box_03,
.box_04,
.box_05,
.box_06{
  width:100%;
  height:44px;
  font-weight: 500;
  margin-bottom:10px;
  border-radius:2px;
  background-color: #d3d3d3;
  background: -webkit-gradient(
  linear, left top, left bottom,
  from(#fff),to(#d3d3d3));
  text-shadow: 0px 1px 0px rgba(255,255,255,1.0)}
.box_01 a,
.box_02 a,
.box_03 a,
.box_04 a,
.box_05 a,
.box_06 a{
	padding:10px;
  display:block;
	width: 100%;
	height: 100%;
  text-decoration:none;} 
.box_01 a:hover,
.box_02 a:hover,
.box_03 a:hover,
.box_04 a:hover,
.box_05 a:hover,
.box_06 a:hover{
	text-decoration: none;
	background-color:#adcdec;}

/* ---　メインコンテンツ(box_2）の装飾  --- */
.sekaiisan_list{
  height:auto;
  width:auto;
  margin-top:20px;
  margin-bottom:20px;}
.sekaiisan_list li{
    padding:5px;}

.sekaiisan_list li a:hover{
color:red;
}

.isan_wrap{
		display: flex;
		justify-content: left;
		flex-wrap: nowrap;
		width: auto;
  gap:30px;}
.isanbox_1,
.isanbox_2{
  display:inline-block;
  width:400px;}

/* ---- 表組みのツアーリストの装飾  ---- */

table.aaa  {
width: 780px;
border-collapse: collapse; /* */
border: solid 1px grey; /*  */
text-align: left; 
color: #212121; /*  */
overflow:hidden;}
table.aaa td {
border-right:1px solid gray;
border-left:1px solid gray;
padding: 6px; /*   */
line-height:150%;}
/*  */
table.aaa tr td:nth-of-type(1){
width:80px;
text-align:center; /*  */
color: #212121; 
font-weight:bold; /*・*/
font-size:small;
white-space:nowrap; 
font-family:sans-serif;
-webkit-text-size-adjust:100%;}
/*  */
table.aaa tr td:nth-of-type(2){
width:25px;
text-align:center; /*  */
color: #212121;}
/*  */
table.aaa tr td:nth-of-type(3){
width:80px;
text-align:center; /*  */
color: #212121;
font-size:small;
font-family:sans-serif;
font-weight:bold;
-webkit-text-size-adjust:100%;}
/*  */
table.aaa tr td:nth-of-type(4){
width:560px;
text-align:left; /*  */
font-size:small;
line-height:150%;}
table.aaa tr td:nth-of-type(4) a{
text-decoration:underline;}
table.aaa tr td:nth-of-type(4) a:hover{
color:red;}
/*  */
table.aaa tr td:nth-of-type(5){
width:115px;
text-align: center;
color: #212121;
font-weight: bold; /* */ 
font-size:small;}
table.aaa tr:nth-child(2n+1){
   background:#dcdcdc;}



/* -- footer ------------------- */
.footer{
background-color:#d3d3d3;}
.footer_wrap{
height:auto;
width:960px;
margin:auto;
display:flex;}
.foot_1{
		text-align:left;
		width: 360px;
		width:100%;
		margin:20px;
		padding:5px;}
.foot_2{
	width: 360px;
	width: 100%;
	text-align:left;
	margin:20px;
	padding:5px;
	line-height:150%;}
.foot_2 ul{
	list-style:disc;}
.foot_2 ul a:hover{
	color:red;
	text-decoration:underline;}


@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;}
}

/* */

.sp-nav{
  display:none;}
@media screen and (max-width:480px){
/* */
  .pc-nav{
    display:none;}
  .sp-nav {
   z-index: 1;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 50vh;
   display: block;
   width: 100%;
   background: rgba(0, 0, 0, .8);
   opacity: 0;
   transform: translateY(-100%);
   transition: all .2s ease-in-out;}
#hamburger {
   position: relative;
   display: block;
   width: 30px;
   height: 30px;
   margin: 0 0 0 auto;}
#hamburger span {
   position: absolute;
   top: 50%;
   left: 0;
   display: block;
   width: 100%;
   height: 5px;
   background-color: black;
   transform: translateY(-50%);} 
#hamburger::before {
   content: '';
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 5px;
   background-color: black;}
#hamburger::after {
   content: '';
   display: block;
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 5px;
   background-color: black;}
.sp-nav ul {
   padding: 0;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   height: 100%;}
.sp-nav li {
   margin: 0;
   padding: 0;
   font-size:20px;
   color:white;}
.sp-nav li span {
   font-size: 20px;
   color: white;}
.sp-nav li a, .sp-nav li span {
   display: block;
   padding: 20px 0;}
  /*?・ｽT????li?v?f*/
.sp-nav .close {
   position: relative;
   padding-left: 20px;}
/*?o?c???1*/
.sp-nav .close::before {
   content: '';
   position: absolute;
   top: 50%;
   left: 0;
   display: block;
   width: 16px;
   height: 1px;
   background: white;
   transform: rotate( 45deg );}
/*?o?c???2*/
.sp-nav .close::after {
   content: '';
   position: absolute;
   top: 50%;
   left: 0;
   display: block;
   width: 16px;
   height: 1px;
   background: white;
   transform: rotate( -45deg );}
.toggle {
   transform: translateY( 0 );
   opacity: 1;}
  
@media screen and (max-width:479px){{
/*** ---- */
  margin:10px;
width:auto;}
img{max-width:100%; width /***/:auto; }

body{
  max-width:100%;}

.head_container{
padding-bottom:10px;
  max-width:95%;}
.box_wrap{display:block;
max-width:100%;}  
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 50%;
position: relative;}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 50%;}
  
.isanbox_1,isanbox_2{display:block;
        max-width:100%;}
.isan_wrap{ display:block;
            width:90%;}  
.sekaiisan_list li{
    list-style-type:none;
    width:auto;}
  
#container1{
  width:auto;
  font-size:x-small;
  }

.footer_wrap{
display:block;
  width:auto;}
  
.box_2{
    width:95%;}
  
.wrap{
display: flex;
flex-wrap: wrap;}

.saiko{
    width:360px;}
  
.box_01,
.box_02,
.box_03,
.box_04,
.box_05,
.box_06{
 width:170px;
 height:40px;
 font-weight: 500;
 background-color: #d3d3d3;
 margin: 4px;} 
  
  /* -----  ----- */
.wrap{
  display : -webkit-box;     /* old Android */
  display : -webkit-flex;    /* Safari etc. */
  display : -ms-flexbox;     /* IE10        */
  display : flex;

  width     : 360px;
  height    : auto;
  margin    : padding   : 3px;}

/* ----- ----- */
#id2 {
  -webkit-flex-wrap: wrap;          /* Safari etc. */
  -ms-flex-wrap    : wrap;          /* IE10        */
  flex-wrap        : wrap;}

/* -----  ----- */
.flexbox1 > div{
  margin     : 3px;
  min-width  : 30px;
  height     : 20px;
  color      : #fff;
  text-align : center;
  line-height: 1em;}
.contentArea{
  display   : inline-block;
  width     : 360px;
  text-align: center;
  margin    : 3px;
  vertical-align:top;}
  
.scroll table{
 width:90%;}
.scroll{
 overflow: auto;
 white-space: nowrap;
 table-layout:fixed;}
.scroll::webkit-scrollbar{
 height: 10px;}
.scroll::webkit-scrollbar-track{
 background: #f1f1f1;}
.scroll-webkit-scrollbar-thumb{
 background: #bcbcbc;}