@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;}
html{  font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",sans-serif;line-height: 1.6;
word-break: break-all;}
body{
	background-image:url("img/dot1.jpg");
}
img{max-width: 100%;vertical-align: bottom;}

h2{background-color: #004B88;color: #FFFFFF;padding: 30px;text-align: center;margin: 0 0 30px 0; font-size: 250%;}
h3{background-color: #FDFFA6;color: #84B32F;padding: 15px;text-align: center;margin: 0 0 30px 0;}
#tour_att h3{background-color: #FDFFA6;color: red;padding: 15px;text-align: center;margin: 0 0 30px 0;font-size: 25px;}
h4{background-color: #1a8f78;color: #fff;padding: 15px;text-align: center;margin: 0 0 30px 0;}

.text_box{
background-color: #FFFFFF;}

.wrap{width: 100%;margin: 0 auto;background-color: #35B597;
padding: 20px 0;}
.contents{
	width: 940px; margin: 0 auto;
	background-color: #FFFFFF;
	padding: 50px;
	
}

.black{
	color: #000000;
}
dl.program{}
dl.program dt{font-size: 1.2rem;border-left: 10px solid #1a8f78;padding: 10px 10px;margin-bottom: 10px;font-weight: bold; border-bottom: solid 1px #1a8f78;}
dl.program dd{margin-bottom: 50px; margin-left: 20px;}
.time{background-color: #FFFABA;padding: 5px 10px;margin-bottom: 3px;border: 1px solid #ccc;}
.photo{height: 150px;margin-left: 10px;}
.fcr{color: red;}
.f_text {text-align: left;display: inline-block;}
.mt50{margin-top: 50px;}
.mt10{margin-top: 10px;}
.text_r{text-align: right;}
.fwb{font-weight: bold;}
.txt_in11{text-indent: 11em;}

.target{
	background: none;
	border: 1px solid #666;	/* 線の太さ・種類・色 */
	margin: 20px 10px; /* 外側の余白 上下・左右 */
	padding: 30px 20px 20px; /* 内側の余白 */
	position: relative;
	font-weight: bold;
	text-align: center;
}
.target:before{
	background-color: #fff;
	content: '＜到達目標＞';
	padding: 2px 10px; /* タイトルの余白 上下・左右 */
	position: absolute;
	top: -10px;
	left: 30px;
	text-align: center;
	font-weight: bold;
}
.target:after{
	background: none;
	border: 1px solid #333;	/* 線の太さ・種類・色 */
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	width: 100%;
	height: 100%;
	z-index: -1;
}

dl.kozako{}
dl.kozako dt{font-size: 1rem;border-left: 10px solid #84B32F;padding: 10px 10px;margin-bottom: 10px;font-weight: bold;}
dl.kozako dd{margin-bottom: 20px;}

footer{
	background-color: #d9ece7;
	padding: 1em; 
	line-height: 150%;
	margin: 0 auto;
	}

footer div{max-width: 960px;margin: 0 auto;

padding: 20px;}


.top{
	width: 1000px;
	
	margin: 0 auto;
}
.top img{
	width: 95%;
	margin: 10px auto;
	
}
.top h1{
	text-align: center;
	margin:0 auto;
}

@media screen and (min-width:1000px){
	.map{width: 400px;height: 300px; margin-left: 10px;float: right;border: 2px solid #ccc;}

	
	
}


@media (max-width:1000px){
.table_outer{display: block;overflow-x: scroll;white-space: nowrap;-webkit-overflow-scrolling: touch;}
.button{font-size: 50%; width: 100%;}
	
}



@media screen and (max-width:999px){
	
	.wrap{
	width: 100%;
	margin: 0 auto;
	background-color: #FFFFFF;}
	.top{
		width: 100%;
	}
	.contents{
		width: 90%;
		margin: 20 auto;
		padding: 0;
		padding-top: 30px;
		padding-bottom: 50px;

	}
	.map{height: 300px;}
.table_outer{
	display: block;
	overflow-x: scroll;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
	body{font-size: 80%;}
	h2{font-size: 150%;}
	dt{font-size: 90%!important;}
	.button{font-size: 15px!important;}
}

table.border{border-collapse: collapse;border: 1px solid #787878;}
table.border th,table.border td{border: 1px solid #787878;padding: 10px;}
table.border th{background-color: #0058A2;color: #fff;font-weight: normal; width: 100px;}
table.sche{margin: 20px 0;}
table.sche th,table.sche td{padding: 0 20px 0 0;}

ul.disc {margin-left: 1.5em;}
ul.disc li{list-style: disc;}
ul.list{list-style: none;margin-left: 1em;text-indent: -1em;}
ul.list li:before{content: "※";}
ol{margin-left: 30px;}

.red{color: red;}
.apl{text-align: center;font-size: 125%;margin: 20px 0 60px 0;color: #D50003;font-weight: bold;}

.yn_btn{text-align: center;margin: 20px 0;}
.yn_btn img{margin-right: 20px;margin-bottom: 10px;}

.f_right{float: right;}
.f_left{float: left;}

.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.uezoroe{vertical-align: top;
text-align: center;}

.button {
  display: inline-block;
  width: 75%;
  text-align: center;
  text-decoration: none;
  outline: none;
	border: 1px solid #D76B70;
  background-color: #D76B70;

  border-radius: 4px;
  color: #fff;
  -webkit-transition: none;
  transition: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	font-weight: bold;
	letter-spacing: 5px;
	font-size: 20px;
	padding: 20px 10px;
}



.red_b{font-weight:bold;
    color: red
    
}
.span {
display: inline-block;
width: 7em;
}

@media screen and (min-width:396px){
.scroll_txt{
    display: none;
  }
}

.read{
	border: solid 3px #FF0000;
	margin-bottom: 30px;
	padding: 24px;
	line-height: 1.8;
	
}

.read p{
	text-align: center;
	font-size: 130%;
	margin-bottom: 20px;
	font-weight: bold;
}

.read li{
	margin-bottom: 20px;
}

.c_red{
	color: red;
}

.bold{
	font-weight: bold;
}

.f75{
	font-size: 75%;
}

.scroll-table {
    overflow:hidden;
  overflow-x:scroll;
    white-space: nowrap;
    border: solid 1px #ddd;
 }

.comment{
	color: #000000;
	font-size: 85%;
	line-height: 0;
	margin-bottom: 1.2rem;
}

.hyounai{
	line-height: 2.8;
}

.f60{
	font-size: 60%;
}

.day{
	
	font-size: 100%;
	font-weight: bold;
	margin-top: 16px;
}


table.border{border-collapse:collapse;
	border-spacing:0;
	width:100%;
	font-size:100%;
	border:1px solid #323232;
	box-sizing: border-box;
margin: 10px auto 40px auto;}
table.border th,table.border td{border: 1px solid #000000;padding: 15px;}
table.border th{background-color: #CBE1FB;font-weight: bold;color: #000000;}
table.sche{margin: 20px 0;}
table.sche th,table.sche td{padding: 0 20px 0 0;}

.red{
	color:rgba(196,23,26,1.00);
	font-weight: bold;
}

.darkcyan{
	color: darkcyan;
	font-weight: bold;
}
.arrow_s_b {
  position: relative;
  display: inline-block;
  padding-left: 22px;
}
.arrow_s_b:before {
  content: '';
  width: 18px;
  height: 18px;
  background: #333;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
.arrow_s_b:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 0;
  left: 6px;
  bottom: 0;
  margin: auto;
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 680px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}

.caption{
	font-size: 80%;
	text-align: right;
	padding: 5px 10px 5px 5px;
}

.day_box{
	width: 360px;
	background-color: #FFFFFF;border: 1px solid rgba(140,187,243,1.00);padding:10px; border-radius:10px;
	 box-shadow: 2px 2px 4px gray;
	padding: 15px;
	margin-top: 1em;
	position: relative;
}

.day_box_dammy{
	width: 360px;
	background-color: #FFFFFF;border: none;padding:10px; border-radius:10px;
	
	padding: 15px;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}


.departure{
	color: #24bb9d;
	font-size: 150%;
	font-weight: bold;
	border-bottom: 1px solid #24bb9d;
	margin-bottom: 15px;
}

.company{
	font-size: 120%;
	font-weight: bold;
	color: #24bb9d;
	margin-bottom: 10px;
}
.station{
	border-bottom: 1px solid cornflowerblue;
	margin-bottom: 15px;
	padding-bottom: 8px;
}
.bgb{
	background-color: blue;
	color: #FFFFFF;
	font-size: 110%;
	font-weight: bold;
	padding: 10px;
}
.bb{
	font-size: 115%;
	color:blue;
	font-weight: bold;
}
.bg{
	font-size: 115%;
	color:green;
	font-weight: bold;
}
.bo{
	font-size: 115%;
	color:orange;
	font-weight: bold;
}

.day_box{
	line-height: 1.8;
}

.flex{
	display: flex;
	column-gap: 30px;
	justify-content:center;
	margin-bottom: 40px;
}

.syuryo{
	display: block;
	width: 92%;
	vertical-align: middle;
	text-align: center;
	background-color:rgba(177,0,2,0.80);
	color: #FFFFFF;
	font-weight: bold;
	padding: 100px 0;
	font-size: 110%;
	margin: 0 auto;
	position: absolute;
	top: 30%;
}

@media only screen and (max-width: 768px) {
	.flex{
		display: block;
	}
	.day_box{
	width: 90%;
	margin: 25px auto;
	
}
}

.icon_div{
	margin-left: 60px;
	margin-top: 15px;
	margin-bottom: 20px;
}
.icon_div p{margin-bottom: 10px;
	
}


.icon_han{
 background: #ec4646;
  border-radius: 50%;
  width: 30px;
  height: 30px;
line-height: 32px;
  color: #fff;
  text-align: center;
display: inline-block;
margin-right: 5px;
font-size: 90%;
font-weight: bold;
}

.icon_car{
 background: #0041B4;
  border-radius: 50%;
  width: 30px;
  height: 30px;
line-height: 32px;
  color: #fff;
  text-align: center;
display: inline-block;
margin-right: 5px;
font-size: 90%;
font-weight: bold;
}

.icon_mo{
 background: #076C00;
  border-radius: 50%;
  width: 30px;
  height: 30px;
line-height: 32px;
  color: #fff;
  text-align: center;
display: inline-block;
margin-right: 5px;
font-size: 90%;
font-weight: bold;
}

@media only screen and (max-width: 768px) {
	.icon_div{
		margin-top: 0;
		margin-left: 15px;
	}}