@charset "UTF-8";
/* CSS Document */
body{background-color: lightblue}

h2{
	background-color: darkblue;
	color: aliceblue;
	margin-left: 5px;
	border-radius: 0.5rem;
	padding: 1rem 2rem;
	}

div#honbun{
	width: 350px;
}

img.package{
	width: 95%;
	background-color: deepskyblue;
	height:230px;
	border-radius: 0.5rem;
}

div.package{
	background-color: aliceblue;
	display:grid;
	grid-template-columns: 150px 200px;
	grid-template-rows: 100px 100px;
	height:220px;
	width:140px;
    padding: 5px;
	border-radius: 0.5rem;
	margin-bottom: 10px;
}

p.package{
	color: darkblue;
	grid-column: 1;
	grid-row: 2;
	padding: 5px;
}

p.text2{
	line-height: 33px;
	padding: 5px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	width: 290px;
	padding-left: 20px;
}
p.bunsyou{
	line-height: 33px;
	padding:5px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	width: 290px;
	padding-left: 20px;
}

img.map{
	width:300px;
	padding: 5px;
	padding-left: 20px;
}

p.kansou{
	background-color: mediumturquoise;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    width: 290px;
	padding-left: 20px;
	border-radius: 0.5rem;
	padding: 1rem 1.5rem;
}

p.kansou20{
	background-color: deepskyblue;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	width: 290px;
	border-radius: 0.5rem;
	padding: 1rem 1.5rem;
}

p.kansou20-p{
	background-color: deepskyblue;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	border-radius: 0.5rem;
	padding: 1rem 1rem;
	width: 100px;
}

p.kansou-p{
	background-color: mediumturquoise;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	border-radius: 0.5rem;
	padding: 1rem 1rem;
	width: 100px;
}

p.name{
	font-weight: 700;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	width: 95%;
}


html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 90%;
}

.btn,
a.btn,
button.btn {
  font-size:  0.8rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
  width: 110px;
  height: 30px;
  margin-bottom: 10px;
  margin-left: 5px;
}

.btn--blue,
a.btn--blue {
  color: #fff;
  background-color:darkblue;
}

.btn--blue:hover,
a.btn--blue:hover {
  color: #fff;
  background-color: deepskyblue;
}

html{
  scroll-behavior: smooth;
}

img.oisii{
	width: 320px;
	padding-left: 1px;
	border-radius: 0.5rem;
}

img.mainvisual{
	width:100%;
}

#content{
    position: relative;
}
 
#topBtn {
    /*-----必須-----*/
    position: fixed;
    bottom: 10px;
    right: 10px;
     
    /*-----装飾-----*/
    width: 52px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    background-color: darkblue;
    color: #fff;
	border-radius: 0.5rem;
	margin-right: 5px;
	
}