@charset "UTF-8";
/* CSS Document */
body {
	padding: 0;
	margin: 0;
	text-align: center;
background-color:#F7EFE5;
width: 100%;
}
#wrapper {font-family:Georgia, "Times New Roman", Times, "serif";
width: 100%;
overflow: hidden;
color:#44423F;
text-align:center;}


.absolute{list-style: none;
	position:absolute;
	bottom:465px;
	text-align: center;
	color:#FFFFFF;
	width:100%;
	top:70px;
	padding:0px;
}
.absolute p {
	margin-top:60px;
	margin:17px;
	font-size:15px;
	color:#EAD8BA;
}
#mark {text-align: center;
color:#44423F;}
.absolute2{
	position:absolute;
	top:250px;
	margin:45px;
	padding:40px;
	line-height:70px;
	font-size:14px;
	color:#FFFFFF;
}
#second {text-align: center;
	margin-top: 100px;}

#mini{text-align: center;
margin-top: 150px;
font-size:25px;
position: relative;
color:#66471A;
text-shadow: 0 0 2px white;
}
#mini:before {
  content: "";
  position: absolute;
  background-color: #C5B39A;
  width: 100px;
  height: 50px;
  border-radius: 50%;
  top: 50%;
  /* border: dashed 1px white; */
  left: -15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
}
h1:before {
  content: "";
  position: absolute;
  background: #9de5ff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  top: 50%;
  /* border: dashed 1px white; */
  left: -15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
}
#rr{text-size:15px;
color:#3F2708;}
#eight {padding-top: 0px;
color:#F9F8F7;
padding-top:72px;}
img.topimage{width: 100%;}
#forth {padding:80px;}
/*#third {
/*line-height:40px;
text-size:2vw;}*/

/*改行された文章のところbreadと名付ける*/
#bread{
	line-height: 39px;
	font-size:11px;/*文字の大きさ調整はfont-size*/
	text-align: center;
	line-height: 45px;
	margin-top: 30px;
	color:#6E4314;
}
img.pann{margin-top:80px;}
img.pannn{margin-top:110px;}
img.pannnn{margin-top:130px;}
#six {margin-top:160px;
color:#684A22;
}
h3 {
  position: relative;
  color:#72634B;
  background:#EBDDCD;
  line-height:30px;
margin-left:20px;
margin-right:20px;
  border-radius: 0 5px 5px 5px;
font-size:15px;
margin-bottom:100px;
font-weight: 100;
}
h3:after {
  /*タブ*/
  position: absolute;
  content: '↓Check↓';
  background:#D4BE9F;
  color:#543318;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
}
#forth {margin-top:80px;
line-height:40px;
margin-bottom:60px;
  position: relative;
  padding: 3.25em 1em;
  border-top: solid #DED4C1;
  border-bottom: solid 2px #DED4C1;
  margin-right:50px;
  margin-left:50px;
}
#forth:before, #forth:after {
  content: '';
  position: absolute;
  top: -7px;
  width: 2px;
  height: -webkit-calc(100% + 14px);
  height: calc(100% + 14px);
  background-color:#DED4C1;
}
#forth:before {
  left: 7px;
}
#forth:after {
  right: 7px;
}

.seven{
background-color:#655542;
color: #C09C10;
text-align:center;
font-size:1em;/*フォントサイズemにしてみたけどpxでもOK */
display:block;
width:100px;/*数値大きくすると横幅大きくなる*/
padding-top:10px;/*ボタン形成要素*/
padding-bottom:10px;
margin-left: auto;
margin-right: auto;/*marginでボタンを真ん中に配置*/
margin-top:3px;
border-style:double;
border-color: #DCB923;
/*border:2px solid;*/
text-decoration: none;/*リンクの下線消す*/
 border-radius: 3px;/*ボタンの角丸くする*/
    -webkit-border-radius: 5px;/* for Safari and Chrome 対応*/
    -moz-border-radius: 5px;/* for Firefox 対応*/
}

.box18{
    margin:2em 0;
    position: relative;
    padding: 0.25em 1em;
    border: solid 2px #ffcb8a;
    border-radius: 3px 0 3px 0;
}
.box18:before,.box18:after
{
    content: '';
    position: absolute;
    width:10px;
    height: 10px;
    border: solid 2px #ffcb8a;
    border-radius: 50%;
}
.box18:after {
    top:-12px;
    left:-12px;
}
.box18:before {
    bottom:-12px;
    right:-12px;
}
.box18 p {
    margin: 0; 
    padding: 0;
}

#map {margin-top:3px;
margin-left:10px;
margin-right:10px;}
#acces {text-align:left;
margin-left:27px;
margin-top: 150px;
font-size:13px;
margin-bottom:7px;
color:#633F00;}
#fifth {margin-bottom:180px;
margin-top:20px;
font-size:10px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, "serif";}
#ii p { 
  color:#72634B;/*文字色*/
  padding:6px;/*文字周りの余白*/
  padding-right:13px;
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/
  background-color:#EBDDCD;/*背景色*/
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
}

#ii p:before {
  content: "●";
  color:#F7EFE5;
  margin-right: 9px;
}
#mm p { 
  color:#72634B;/*文字色*/
  padding:6px;/*文字周りの余白*/
  padding-right:15px;
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/
  background-color:#EBDDCD;/*背景色*/
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
  font-size:16px;
}
#mm p:before {  content: "●";
  color:#F7EFE5;
  margin-right: 9px;
}
#ee p { 
  color:#72634B;/*文字色*/
  padding:9px;/*文字周りの余白*/
  padding-right:13px;
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/
  background-color:#EBDDCD;/*背景色*/
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
}
#ee p:before { 
  content: "●";
  color:#F7EFE5;
  margin-right: 9px;
}
#ss p { 
	color:#72634B;/*文字色*/
  padding:8px;/*文字周りの余白*/
  padding-right:13px;
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/
  background-color:#EBDDCD;/*背景色*/
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
}
#ss p:before { 
  content: "●";
  color:#F7EFE5;
  margin-right: 9px;}