@charset "UTF-8";
/* CSS Document */
header {
  /*height: 100px;*/
  background-color: #f2eafe;
  position: fixed; /*headerを固定している*/
  width: 100%;
  z-index: 1;
}
.logo {
  margin-top: 15px;
  height: 75px;
  width: auto;
}
.name {
  margin-top: 15px;
  height: 75px;
  width: auto;
}
.header__header {
  width: 1080px;
  margin: 0 auto;
  /*float: left;*/
  /*margin-left: 15px;*/
}
.header__header img {
  float: left;
}
.header__tel {
  display: flex;
  justify-content: flex-end;
  font-size: 1.375rem;
  margin-right: 10%;
  margin-top: 10px;
}
.header__tel-text {
  padding: 0.3em;
  color: white;
  background-color: #904597; /*背景色*/
  border: solid 1px #c7a2cb; /*線*/
  border-radius: 5px; /*角の丸み*/
  text-align: center;
}
.header__tel span {
  color: yellow; /*電話番号の文字の色*/
  font-size: 2.0rem;
  font-weight: 1000;
}
.header__navigation {
  justify-content: flex-end;
}
.header nav {
  margin-left: auto;
  margin-right: 5%;
  width: 50%;
  font-weight: 700;
}
.header__nav-kanko-plan {
  /*padding: 0.5em 1em;
	margin:2em 0;
	font-weight: bold;/*どちらでもいいかも　後で調整する*/
  /*color: #6091d3;/*文字色*/
  /*background-color: #FFF;/*背景色*/
  /*border: solid 1px #6091d3;/*線*/
  /*border-radius: 5px;/*角の丸み*/
  /*display: inline-block;*/
  padding: 0.3em 1em;
  text-decoration: none;
  color: #333; /*文字色*/
  background: #faf894;
  border: solid 5px #faf894; /*線*/
  border-radius: 5px; /*角の丸み*/
  transition: 0.5s;
}
.header__nav-kanko-plan:hover /*ナビゲーションの動きの後の色指定*/ {
  background: #faf894;
  color: #904597;
}
.header__nav-outline {
  /*display: inline-block;*/
  padding: 0.3em 1em;
  text-decoration: none;
  color: #333; /*文字色*/
  background: #faf894;
  border: solid 5px #faf894; /*線*/
  border-radius: 5px; /*角の丸み*/
  transition: 0.5s;
}
.header__nav-outline:hover /*ナビゲーションの動きの後の色指定*/ {
  background: #faf894;
  color: #904597;
}
.header__nav-company {
  /*display: inline-block;*/
  padding: 0.3em 1em;
  text-decoration: none;
  color: #333; /*文字色*/
  background: #faf894;
  border: solid 5px #faf894; /*線*/
  border-radius: 5px; /*角の丸み*/
  transition: 0.5s;
}
.header__nav-company:hover /*ナビゲーションの動きの後の色指定*/ {
  background: #faf894;
  color: #904597;
}
.header ul {
  display: flex;
  justify-content: flex-end;
  list-style-image: none;
}
.header li {
  margin: 5px;
  padding: 10px;
}
.main {
  width: 1400px;
  height: auto;
  padding-top: 100px;
  text-align: center;
  margin: 0 auto;
}
h1 {
  text-align: center;
}
.section-outline__content-taxi {
  text-align: start;
  background-color: #f2eafe;
  border-radius: 5px;
  margin: 0 auto;
  width: 90%;
  height: auto;
  padding-left: 5%;
  padding-bottom: 30px;
}
h2 {
  display: inline-block;
  background: linear-gradient(transparent 80%, #904597 90%);
  text-align: center;
  margin-top: 30px;
  margin-bottom: 20px;
}
h3 {
  marigin: 10px;
  padding: 0.3em; /*文字周りの余白*/
  color: #333; /*文字色*/
  background-color: rgba(255, 255, 255, 0.7);
  /*background: #FFF;/*背景色*/
  border-left: solid 5px #904597; /*左線（実線 太さ 色）*/
  display: inline-block;
}
h4 {
  font-size: 1.8rem;
  margin: 10px 0;
}
.section-outline__content-taxi ul li {
  list-style: none;
}
.section-outline__content-taxi-carlineup {
  padding: 10px;
}
.section-outline__content-taxi-carlineup li {
  position: relative;
  padding-left: 15px;
}
.section-outline__content-taxi-carlineup li:before {
  content: "";
  position: absolute;
  top: .5em;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #333;
  border-radius: 50%;
}
.section-outline__content-taxi-carlineup ol {
  position: relative;
  margin: 10px;
  padding-left: 15px;
}
.section-outline__content-taxi-carlineup span {
  text-decoration: underline;
}
.section-outline__content-taxi-priceoff li {
  position: relative;
  padding-left: 15px;
}
.section-outline__content-taxi-priceoff li:before {
  content: "";
  position: absolute;
  top: .5em;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #333;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.section-outline__content-tour {
  text-align: start;
  background-color: #f2eafe;
  border-radius: 5px;
  margin: 30px auto;
  padding-left: 5%;
  padding-bottom: 30px;
  width: 90%;
  height: auto;
}
.footer {
  width: 100%;
  margin: 0 auto;
  min-width: 1400px;
  background-color: #f2eafe;
  text-align: center;
  padding: 20px 0;
  font-weight: 600;
}
.footer_purple {
  color: #904597;
}
.footer_red {
  color: red;
}
.footer small {
  font-size: 1.2rem;
}
/* 600px以下に適用されるCSS（スマホ用） */

@media screen and (max-width: 600px) {
	.header{width:100%;}
	.logo {
  margin-top: 5px;
  height: 30px;
  width: auto;
}
	.name {
  margin-top: 5px;
  height: 30px;
  width: auto;
}
.header__header {
  width: 100%;
  margin: 0 auto;
}
 .header__tel {
  display: flex;
  justify-content: flex-end;
  font-size: 1rem;
  margin-right: 5%;
  margin-top: 10px;
}

.header__tel span {
  color: yellow; /*電話番号の文字の色*/
  font-size: 1.5rem;
  font-weight: 1000;
}
.header__tel a[href^="tel:0866222755"]{
    pointer-events: none;
  }
	.header__navigation {
  justify-content: flex;
}
	.header nav {
  display: inline-block;
		
		width:100%;
		font-size: 1.2rem;
}
	.header ul{
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
}
.header li{
    list-style: none;
}
.header li {
  display: flex;
  padding: 10px;
}
.header__nav-kanko-plan {
  /*padding: 0.5em 1em;
	margin:2em 0;
	font-weight: bold;/*どちらでもいいかも　後で調整する*/
  /*color: #6091d3;/*文字色*/
  /*background-color: #FFF;/*背景色*/
  /*border: solid 1px #6091d3;/*線*/
  /*border-radius: 5px;/*角の丸み*/
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #333; /*文字色*/
  background: #faf894;
  border: solid 5px #faf894; /*線*/
  border-radius: 5px; /*角の丸み*/
  transition: 0.5s;
}
.header__nav-outline {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #333; /*文字色*/
  background: #faf894;
  border: solid 5px #faf894; /*線*/
  border-radius: 5px; /*角の丸み*/
  transition: 0.5s;
}

.header__nav-company {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #333; /*文字色*/
  background: #faf894;
  border: solid 5px #faf894; /*線*/
  border-radius: 5px; /*角の丸み*/
  transition: 0.5s;
}
	h1 {
    font-size: 2.0rem;
    display: inline-block;
    background: linear-gradient(transparent 70%, yellow 70%);
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
    letter-spacing: 0.1em;
}
	h2 {
    display: inline-block;
    background: none;
    text-align: start;
    margin-top: 30px;
		margin-bottom: 20px;
	font-size: 1.8rem;}
	h3{
		text-align: center;
	}	
	.section-outline__content-taxi {
    text-align: start;
    background-color: #f2eafe;
    border-radius: 5px;
    margin: 0 auto;
    width: 90%;
    height: auto;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 30px;
}
	
	.section-outline__content-tour {
    text-align: start;
    background-color: #f2eafe;
    border-radius: 5px;
    margin: 30px auto;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 30px;
    width: 90%;
    height: auto;
}
.main {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

 .footer {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 20px 0;
  font-weight: 600;
	 min-width: auto;
}
.footer small {
  font-size: 1.2rem;
}
  /*padding-top: 100px;
  height: 650px;
  width: 100%;
  position: relative; /*重ねるテキストの設置位置がdivの中で基準になる*/
  /*text-align: center;
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat; */
  /*background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
    /*background-image: url("../images/main-bg.jpg");
		min-height: 100vh;*/
}