@charset "utf-8";
/* CSS Document */

.fl_r {
    float: right;
}
.fl_l {
    float: left;
}
#mainblock p{
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
}
#mainblock{
padding: 90px 0 40px;
}
/* 旅のコツ*/
html {
  scroll-padding-top: 120px; /* 固定ヘッダの高さ分 */
}
#mainblock a:hover{
opacity: 0.5;
}
.tabinokotu_btn:hover{
opacity: 0.5;
}
/*～～～～～～～～～～～～～～～～～～～～～パソコン～～～～～～～～～～～～～～～～～～～～～*/
@media only print, screen and (min-width: 1020px){

#mainblock{
width: 960px;
margin: 0 auto;
}
.tabinokotsumain {
	width: 960px;
	position: relative;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 20px;
}
.tabinokotsumain .tx1 {
	text-align: center;
	position: absolute;
	color: #000;
	left: 120px;
	top: 80px;
	font-size: 14px;
}
.tabinokotsumain a {
	color:#000000;
}
.tabinokotsumain .tx2 a,
.tabinokotsumain .tx3 a,
.tabinokotsumain .tx4 a,
.tabinokotsumain .tx5 a,
.tabinokotsumain .tx6 a,
.tabinokotsumain .tx7 a,
.tabinokotsumain .tx8 a,
.tabinokotsumain .tx9 a
{
	color: #000;
	font-size: 14px;
	font-weight: bold;
}
.kotoba{
	color: #000;
	font-size: 16px;
	font-weight: bold;
}
.tabinokotsumain .tx2 {
text-align: left;
}
.tabinokotsumain .tx2::before{
content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 15px;/*画像の幅*/
  height: 15px;/*画像の高さ*/
  background-image: url("../img/tabinokotsu/maru.png");
  background-size: contain;
  vertical-align: middle;
  margin-right: 5px;
}
.tabinokotsumain .tx3 {
	position: absolute;
	left: 231px;
	top: 355px;
}
.tabinokotsumain .tx4 {
	position: absolute;
	left: 49px;
	top: 502px;
}
.tabinokotsumain .tx5 {
	position: absolute;
	left: 231px;
	top: 502px;
}
.tabinokotsumain .tx6 {
	position: absolute;
	left: 430px;
	top: 355px;
}
.tabinokotsumain .tx7 {
	position: absolute;
	left: 430px;
	top: 441px;
}
.tabinokotsumain .tx8 {
	position: absolute;
	left: 430px;
	top: 502px;
}
.tabinokotsumain .tx9 {
	position: absolute;
	left: 430px;
	top: 527px;
}
.tabinokotsumain .tx10 {
	text-align: left;
	margin-left:20px;
}
.tabinokotsumain .tx11 {
	position: absolute;
	left: 231px;
	top: 380px;
}
.tabinokotsumain .tx12 {
	position: absolute;
	left: 49px;
	top: 529px;
}
.tabinokotsumain .tx13 {
	position: absolute;
	left: 231px;
	top: 529px;
}
.tabinokotsumain .tx14 {
	position: absolute;
	left: 430px;
	top: 380px;
}
.tabinokotsumain .tx15 {
	position: absolute;
	left: 430px;
	top: 466px;
}
.tabinokotsumain .tx16 {
	position: absolute;
	left: 210px;
	top: 275px;
	width: 269px;
}
.tabinokotsumain .link1 {
	position: absolute;
	left: 187px;
	top: 183px;
}
.tabinokotsumain .link2 {
	position: absolute;
	left: 25px;
	top: 309px;
	width: 379px;
}
.tabinokotsumain .link3 {
	position: absolute;
	left: 411px;
	top: 309px;
	width: 200px;
}

.subtitlebg {
	width: 100%;
	margin: 0 auto;
}
.subtitlebg img{
	width: 100%;
}
.subtitlebg p {
	padding-left: 25px;
	padding-top: 20px;
	font-weight: bold;
	padding-right: 15px;
	font-size: 14px;
	color: #000;
}
.kotsuBlock {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.kotsuBlock p {
	color: #000;
}
.kotsuBlock .color_blue {
	color: #45a2ff;
}
.bgcolor_white {
	background-color: #FFF;
}

.dot {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #8b8b8b;
	padding-bottom: 5px;
}
.kotsuBlock .kotsubox {
	width:100%;
}
.kotsuBlock .kakomi {
	padding: 15px;
}
.kotsuBlock .kotsubox .kakomi ul {
	margin: 0px;
	padding: 0px;
}
.kotsuBlock .kotsubox .kakomi ul li {
	margin-left:15px;
	list-style-type: circle;
}
.kotsuBlock .kotsubox2 {
	width: 499px;
	margin-right: auto;
	margin-left: auto;
}
.kotsuBlock .kotsubox3 {
	width: 130px;
}
.kotsuBlock .arrow {
	background-image: url(../img/tabinokotsu/arrow2.png);
	background-repeat: no-repeat;
	background-position: 80px bottom;
	padding-bottom: 40px;
}

.kotsuBlock .kotsubox4 {
	width: 100%;
}
.kotsuBlock .kotsubox5 {
	width: 65%;
	float: left;
	margin: 0 10px 0 0;
}
.kotsubox5_img{
	width: 30%;
	float: left;
}
.kotsubox5_img img{
width: 100%;
}
.kotsuBlock .kotsubox6 {
	width:100%;
}
.kotsuBlock .kotsubox7 {
	width: 260px;
}
.kotsuBlock .kotsubox8 {
	width: 100%;
}
.kotsuBlock .kotsubox9 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.kotsuBlock .kotsubox10 {
	width: 100%;
}
.kotsuBlock .h100 {
	height: 110px;
}

.tx_center{
width: 200px;
float: left;
}
.tx_center4{
width: 200px;
float: left;
}
.tx_center_pdf{
width:300px;

}
.tx_center img,.tx_center_pdf img,.tx_center4 img{
width: 100%;
}

.crd_right{
float: right;
width: 710px;
}

.kotubox_glaf{
float:left;
width:40%;
}

.kotu_mini img,.kotu_mini2 img,.kotu_center img{
width: 100%;
}

.kotu_mini{
width: 80px;
float: left;
margin-right: 10px;
}

.kotu_mini{
width: 10%;
float: left;
margin-right: 10px;
}
.kotu_mini2{
width: 200px;
float: left;
margin-right: 10px;
}
.kotu_mini3{
width: 740px;
float: left;
margin-right: 10px;
}
.kotu_center{
width: 600px;
text-align: center;
margin: 0 auto;
}

.kotsubox_phrase{
width: 50%;
float: left;
}

/*タイトル部分*/
.tabi_toptitle img,.tabi_toptitle2 img,.tabinokotu_guam img{
width: 100%;
}
.tabi_toptitle2{
width: 800px;
text-align: center;
margin: 0 auto;
margin-bottom:20px;
}
.tabi_toptitle2 .tx2{
text-align: center;
margin: 0 auto;
}
.tabinokotu_guam{
width: 15%;
position: absolute;
bottom: 0px;
right: 10px;
}
.jyoho{
width: 325px;
}
.border_tabi{
border-bottom: dashed #828282 1px;
padding-bottom:11px;
margin-bottom: 10px;
}
.border_tabi2{
border-bottom: dashed #828282 1px;
padding-bottom:8px;
margin-bottom: 8px;
overflow: hidden;
}
.tabinokotsumain_list{
position: relative;
}

.tabinokotu_mae{
padding-bottom: 10px;
}
.tabinokotu_btn{
width: 320px;
}
.tabinokotu_btn img{
width: 100%;
}
.tabinokotu_midashi{
width:400px;
}
.tabinokotu_midashi2{
width:60%;
}
.tabinokotu_midashi img,.tabinokotu_midashi2 img{
width: 100%;
}
}
/*～～～～～～～～～～～～～～～～～～～～～モバイル～～～～～～～～～～～～～～～～～～～～～*/
@media only screen and (max-width: 1020px) and (min-width: 767px){

#mainblock{
width: 92%;
margin: 0 auto;
}
.tabinokotsumain {
	width: 100%;
	position: relative;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 20px;
}
.tabi_toptitle{
	width: 100%;
}
.tabi_toptitle img{
	width: 100%;
}
.tabinokotsumain .tx1 {
	text-align: center;
	position: absolute;
	color: #000;
	left: 120px;
	top: 80px;
	font-size: 14px;
}
.tabinokotsumain a {
	color:#000000;
}
.tabinokotsumain .tx2 a,
.tabinokotsumain .tx3 a,
.tabinokotsumain .tx4 a,
.tabinokotsumain .tx5 a,
.tabinokotsumain .tx6 a,
.tabinokotsumain .tx7 a,
.tabinokotsumain .tx8 a,
.tabinokotsumain .tx9 a
{
	color: #000;
	font-size: 14px;
	font-weight: bold;
}
.kotoba{
	color: #000;
	font-size: 16px;
	font-weight: bold;
}
.tabinokotsumain .tx2 {
text-align: left;
}
.tabinokotsumain .tx2::before{
content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 15px;/*画像の幅*/
  height: 15px;/*画像の高さ*/
  background-image: url("../img/tabinokotsu/maru.png");
  background-size: contain;
  vertical-align: middle;
  margin-right: 5px;
}
.tabinokotsumain .tx3 {
	position: absolute;
	left: 231px;
	top: 355px;
}
.tabinokotsumain .tx4 {
	position: absolute;
	left: 49px;
	top: 502px;
}
.tabinokotsumain .tx5 {
	position: absolute;
	left: 231px;
	top: 502px;
}
.tabinokotsumain .tx6 {
	position: absolute;
	left: 430px;
	top: 355px;
}
.tabinokotsumain .tx7 {
	position: absolute;
	left: 430px;
	top: 441px;
}
.tabinokotsumain .tx8 {
	position: absolute;
	left: 430px;
	top: 502px;
}
.tabinokotsumain .tx9 {
	position: absolute;
	left: 430px;
	top: 527px;
}
.tabinokotsumain .tx10 {
	text-align: left;
	margin-left:20px;
}
.tabinokotsumain .tx11 {
	position: absolute;
	left: 231px;
	top: 380px;
}
.tabinokotsumain .tx12 {
	position: absolute;
	left: 49px;
	top: 529px;
}
.tabinokotsumain .tx13 {
	position: absolute;
	left: 231px;
	top: 529px;
}
.tabinokotsumain .tx14 {
	position: absolute;
	left: 430px;
	top: 380px;
}
.tabinokotsumain .tx15 {
	position: absolute;
	left: 430px;
	top: 466px;
}
.tabinokotsumain .tx16 {
	position: absolute;
	left: 210px;
	top: 275px;
	width: 269px;
}
.tabinokotsumain .link1 {
	position: absolute;
	left: 187px;
	top: 183px;
}
.tabinokotsumain .link2 {
	position: absolute;
	left: 25px;
	top: 309px;
	width: 379px;
}
.tabinokotsumain .link3 {
	position: absolute;
	left: 411px;
	top: 309px;
	width: 200px;
}
.subtitlebg {
	width: 100%;
	margin: 0 auto;
}
.subtitlebg img{
	width: 100%;
}
.subtitlebg p {
	padding-left: 25px;
	padding-top: 20px;
	font-weight: bold;
	padding-right: 15px;
	font-size: 14px;
	color: #000;
}
.kotsuBlock {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.kotsuBlock img {
	width: 100%;
}
.kotsuBlock p {
	color: #000;
}
.kotsuBlock .color_blue {
	color: #45a2ff;
}
.bgcolor_white {
	background-color: #FFF;
}

.dot {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #8b8b8b;
	padding-bottom: 5px;
}
.kotsuBlock .kotsubox {
	width:100%;
}
.kotsuBlock .kakomi {
	padding: 0;
}
.kotsuBlock .kotsubox .kakomi ul {
	margin: 0px;
	padding: 0px;
}
.kotsuBlock .kotsubox .kakomi ul li {
	margin-left:15px;
	list-style-type: circle;
}
.kotsuBlock .kotsubox2 {
	width: 499px;
	margin-right: auto;
	margin-left: auto;
}
.kotsuBlock .kotsubox3 {
	width: 130px;
}
.kotsuBlock .arrow {
	background-image: url(../img/tabinokotsu/arrow2.png);
	background-repeat: no-repeat;
	background-position: 80px bottom;
	padding-bottom: 40px;
}

.kotsuBlock .kotsubox4 {
	width: 100%;
}
.kotsuBlock .kotsubox5 {
	width: 65%;
	float: left;
	margin: 0 10px 0 0;
}
.kotsubox5_img{
	width: 30%;
	float: left;
}
.kotsubox5_img img{
width: 100%;
}
.kotsuBlock .kotsubox6 {
	width:100%;
}
.kotsuBlock .kotsubox7 {
	width: 260px;
}
.kotsuBlock .kotsubox8 {
	width: 100%;
}
.kotsuBlock .kotsubox9 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.kotsuBlock .kotsubox10 {
	width: 100%;
}
.tx_center4{
width: 40%;
float: left;
}
.tx_center{
width: 40%;
float: left;
}
.tx_center_pdf{
width:300px;

}
.tx_center img,.tx_center_pdf img{
width: 100%;
}

.crd_right{
float: right;
width:58%;
}

.kotubox_glaf{
float:left;
width:50%;
}

.kotu_mini img,.kotu_mini2 img,.kotu_center img{
width: 100%;
}

.kotu_mini{
width: 80px;
float: left;
margin-right: 10px;
}

.kotu_mini2{
width: 25%;
float: left;
margin-right: 10px;
}
.kotu_mini3{
width: 70%;
float:right;
margin-right: 10px;
}
.kotu_center{
width: 90%;
text-align: center;
margin: 0 auto;
}

.kotsubox_phrase{
width: 50%;
float: left;
}

/*タイトル部分*/
.tabi_toptitle img,.tabi_toptitle2 img,.tabinokotu_guam img{
width: 100%;
}
.tabi_toptitle2{
width: 100%;
text-align: center;
margin: 0 auto;
margin-bottom:20px;
}
.tabi_toptitle2 .tx2{
text-align: center;
margin: 0 auto;
}
.tabinokotu_guam{
width: 15%;
position: absolute;
bottom: -2vw;
right: 0%;
}
.jyoho{
width: 50%;
}
.border_tabi{
border-bottom: dashed #828282 1px;
padding-bottom:11px;
margin-bottom: 10px;
}
.border_tabi2{
border-bottom: dashed #828282 1px;
padding-bottom:8px;
margin-bottom: 8px;
overflow: hidden;
}
.tabinokotsumain_list{
position: relative;
}
.jyoho_img img{
width: 100%;
}
.jyoho_img{
width: 100%;
}
.tabinokotsumain_left,.tabinokotsumain_right {
width: 100%;
}
.tabinokotu_mae{
padding-bottom: 10px;
}
.tabinokotu_btn{
width: 33.2%;
}
.tabinokotu_btn img{
width: 100%;
}
.tabinokotu_midashi{
width:400px;
}
.tabinokotu_midashi2{
width:100%;
}
.tabinokotu_midashi img,.tabinokotu_midashi2 img,.paper img{
width: 100%;
}
.paper{
width: 200px;
}
.tabi_toptitle3 img{
width: 100%;

}
.tabi_toptitle3{
width: 100%;
}
}


/*～～～～～～～～～～～～～～～～～～～～～スマホ～～～～～～～～～～～～～～～～～～～～～*/
@media only screen and (max-width: 766px) {


#mainblock{
width: 92%;
margin: 0 auto;
}
.tabinokotsumain {
	width: 100%;
	position: relative;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 20px;
}
.tabi_toptitle{
	width: 100%;
}
.tabi_toptitle img{
	width: 100%;
}
.tabinokotsumain .tx1 {
	text-align: center;
	position: absolute;
	color: #000;
	left: 120px;
	top: 80px;
	font-size: 14px;
}
.tabinokotsumain a {
	color:#000000;
}
.tabinokotsumain .tx2 a,
.tabinokotsumain .tx3 a,
.tabinokotsumain .tx4 a,
.tabinokotsumain .tx5 a,
.tabinokotsumain .tx6 a,
.tabinokotsumain .tx7 a,
.tabinokotsumain .tx8 a,
.tabinokotsumain .tx9 a
{
	color: #000;
	font-size: 14px;
	font-weight: bold;
}
.kotoba{
	color: #000;
	font-size: 16px;
	font-weight: bold;
}
.tabinokotsumain .tx2 {
text-align: left;
}
.tabinokotsumain .tx2::before{
content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 15px;/*画像の幅*/
  height: 15px;/*画像の高さ*/
  background-image: url("../img/tabinokotsu/maru.png");
  background-size: contain;
  vertical-align: middle;
  margin-right: 5px;
}
.tabinokotsumain .tx3 {
	position: absolute;
	left: 231px;
	top: 355px;
}
.tabinokotsumain .tx4 {
	position: absolute;
	left: 49px;
	top: 502px;
}
.tabinokotsumain .tx5 {
	position: absolute;
	left: 231px;
	top: 502px;
}
.tabinokotsumain .tx6 {
	position: absolute;
	left: 430px;
	top: 355px;
}
.tabinokotsumain .tx7 {
	position: absolute;
	left: 430px;
	top: 441px;
}
.tabinokotsumain .tx8 {
	position: absolute;
	left: 430px;
	top: 502px;
}
.tabinokotsumain .tx9 {
	position: absolute;
	left: 430px;
	top: 527px;
}
.tabinokotsumain .tx10 {
	text-align: left;
	margin-left:20px;
}
.tabinokotsumain .tx11 {
	position: absolute;
	left: 231px;
	top: 380px;
}
.tabinokotsumain .tx12 {
	position: absolute;
	left: 49px;
	top: 529px;
}
.tabinokotsumain .tx13 {
	position: absolute;
	left: 231px;
	top: 529px;
}
.tabinokotsumain .tx14 {
	position: absolute;
	left: 430px;
	top: 380px;
}
.tabinokotsumain .tx15 {
	position: absolute;
	left: 430px;
	top: 466px;
}
.tabinokotsumain .tx16 {
	position: absolute;
	left: 210px;
	top: 275px;
	width: 269px;
}
.tabinokotsumain .link1 {
	position: absolute;
	left: 187px;
	top: 183px;
}
.tabinokotsumain .link2 {
	position: absolute;
	left: 25px;
	top: 309px;
	width: 379px;
}
.tabinokotsumain .link3 {
	position: absolute;
	left: 411px;
	top: 309px;
	width: 200px;
}
.subtitlebg {
	width: 100%;
	margin: 0 auto;
}
.subtitlebg img{
	width: 100%;
}
.subtitlebg p {
	padding-left: 25px;
	padding-top: 20px;
	font-weight: bold;
	padding-right: 15px;
	font-size: 14px;
	color: #000;
}
.kotsuBlock {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.kotsuBlock img {
	width: 100%;
}
.kotsuBlock p {
	color: #000;
}
.kotsuBlock .color_blue {
	color: #45a2ff;
}
.bgcolor_white {
	background-color: #FFF;
}

.dot {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #8b8b8b;
	padding-bottom: 5px;
}
.kotsuBlock .kotsubox {
	width:100%;
}
.kotsuBlock .kakomi {
	padding:0;
}
.kotsuBlock .kotsubox .kakomi ul {
	margin: 0px;
	padding: 0px;
}
.kotsuBlock .kotsubox .kakomi ul li {
	margin-left:15px;
	list-style-type: circle;
}
.kotsuBlock .kotsubox2 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.kotsuBlock .kotsubox2 img{
width: 100%;
}
.kotsuBlock .kotsubox3 {
	width: 130px;
}
.kotsuBlock .arrow {
	background-image: url(../img/tabinokotsu/arrow2.png);
	background-repeat: no-repeat;
	background-position: 80px bottom;
	padding-bottom: 40px;
}

.kotsuBlock .kotsubox4 {
	width: 100%;
}
.kotsuBlock .kotsubox5 {
	width: 100%;
	margin: 0 10px 0 0;
}
.kotsubox5_img{
	width:100%;
}
.kotsubox5_img img{
width: 100%;
}
.kotsuBlock .kotsubox6 {
	width:100%;
}
.kotsuBlock .kotsubox7 {
	width: 260px;
}
.kotsuBlock .kotsubox8 {
	width: 100%;
}
.kotsuBlock .kotsubox9 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.kotsuBlock .kotsubox10 {
	width: 100%;
}
.tx_center{
width: 40%;
float: left;
}
.tx_center3{
width: 100%;
}
.tx_center2{
width: 100%;
}
.tx_center4{
width: 100%;
}
.tx_center_pdf{
width:70%;
}
.tx_center img,.tx_center_pdf img{
width: 100%;
}

.crd_right{
width:100%;
}

.kotubox_glaf{
width:100%;
}

.kotu_mini img,.kotu_mini2 img,.kotu_center img{
width: 100%;
}

.kotu_mini{
width: 80px;
float: left;
margin-right: 10px;
}

.kotu_mini2{
width: 35%;
float: left;
margin-right: 10px;
}

.kotu_center{
width: 100%;
text-align: center;
margin: 0 auto;
}

.kotsubox_phrase{
width:100%;
}

/*タイトル部分*/
.tabi_toptitle img,.tabi_toptitle2 img,.tabinokotu_guam img{
width: 100%;
}
.tabi_toptitle2{
width: 100%;
text-align: center;
margin: 0 auto;
margin-bottom:20px;
}
.tabi_toptitle2 .tx2{
text-align: center;
margin: 0 auto;
}
.tabinokotu_guam{
width: 15%;
position: absolute;
bottom: -2vw;
right: 0%;
}
.jyoho{
width: 100%;
}
.border_tabi{
border-bottom: dashed #828282 1px;
padding-bottom:11px;
margin-bottom: 10px;
}
.border_tabi2{
border-bottom: dashed #828282 1px;
padding-bottom:8px;
margin-bottom: 8px;
overflow: hidden;
}
.tabinokotsumain_list{
position: relative;
}
.jyoho_img img{
width: 100%;
}
.jyoho_img{
width: 100%;
}
.tabinokotsumain_left,.tabinokotsumain_right {
width: 100%;
}
.tabinokotu_mae{
padding-bottom: 10px;
}
.tabinokotu_btn{
width: 100%;
text-align: center;
margin: 0 auto;
}
.tabinokotu_btn img{
width: 100%;
}
.tabinokotu_midashi{
width:100%;
}
.tabinokotu_midashi2{
width:100%;
}
.tabinokotu_midashi img,.tabinokotu_midashi2 img,.paper img{
width: 100%;
}
.paper{
width: 50%;
}
.tabi_toptitle3 img{
width: 100%;

}
.tabi_toptitle3{
width: 100%;
}

}