@charset "utf-8";

*{
padding: 0;
margin: 0;
}

a:link {COLOR: #0000CC;
	text-decoration: none;
}
a:hover {COLOR: #99CCFF;}
a:visited {COLOR: #0000CC;}
a:active {COLOR: #0000CC;}

body {
	background-color: #ffffff;
	font: 16px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%; /* Safari */
}

header{
}

.topblueline{
	height: 4px;
	background: #ffb6c1;
}

.topline{
	height: 18px;
	background: #fff0f5;
}








/* 
hamburger(ハンバーガーアイコン)
=================================== */
.hamburger {
  position: absolute;
  right: 20px;
  top: 30px;
  width: 80px;
  height: 60px;
  cursor: pointer;
  z-index: 300;
}

.hamburger__line {
  position: absolute;
  width: 80px;
  height: 3px;
  right: 0;
  background-color: #000;
  transition: all 0.5s;
}

.hamburger__line--1 {
  top: 2px;
}

.hamburger__line--2 {
  top: 24px;
}

.hamburger__line--3 {
  top: 48px;
}

/*ハンバーガーがクリックされたら*/
.open .hamburger__line--1 {
  transform: rotate(-45deg);
  top: 11px;
}

.open .hamburger__line--2 {
  opacity: 0;
}

.open .hamburger__line--3 {
  transform: rotate(45deg);
  top: 11px;
}

/* 
sp-nav(ナビ)
=================================== */
.sp-nav {
  position: fixed;
  right: -100%;
  /*ハンバーガーがクリックされる前はWindow右側に隠す*/
  top: 0;
  width: 70%;
  /* 出てくるスライドメニューの幅 */
  height: 100vh;
  background-color: #fff;
  transition: all 0.5s;
  z-index: 200;
  overflow-y: auto;
  /* メニューが多くなったらスクロールできるように */
}
.sp-nav a{
	font-size: 44px;
	text-align: center;
	color: #000000;
}
/*ハンバーガーがクリックされたら右からスライド*/
.open .sp-nav {
  right: 0;
}


/* 
black-bg(ハンバーガーメニュー解除用bg)
=================================== */
.black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 5;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  cursor: pointer;
  z-index: 100;
}

/*ハンバーガーメニューが開いたら表示*/
.open .black-bg {
  opacity: 0.3;
  visibility: visible;
}









.pc{display: block;}
.sp{display: none;}
.hamburger{display: none;}
.topguid{display: block;}
.topguids{display: none;}
.menu{display: block;}
.menus{display: none;}
.topphoto{display: block;}
.topphotos{display: none;}
.gazous{display: none;}
.index-01{display: block;}
.index-02{display: block;}
.waku{display: block;}
.wakus{display: none;}
.index-01s{display: none;}
.index-02s{display: none;}
.bottomall{display: block;}
.bottomalls{display: none;}
.bottomallmob{display: none;}
.copyright{display: block;}
.copyrights{display: none;}
.indexmap{display: block;}
.indexmaps{display: none;}

@media only screen and (max-width: 1100px){
 	.pc{display: none;}
 	.sp{display: block;}
	.hamburger{display: block;}
	.topguid{display: none;}
	.topguids{display: block;}
	.menu{display: none;}
	.menus{display: block;}
	.topphoto{display: none;}
	.topphotos{display: block;}
	.gazous{display: block;}
	.index-01{display: none;}
	.index-02{display: none;}
	.waku{display: none;}
	.wakus{display: block;}
	.index-01s{display: block;}
	.index-02s{display: block;}
	.bottomall{display: none;}
	.bottomalls{display: block;}
	.bottomallmob{display: block;}
	.copyright{display: none;}
	.copyrights{display: block;}
	.indexmap{display: none;}
	.indexmaps{display: block;}
	}




.logoguid{
	width: 980px;
	display: flex;
	justify-content: space-between;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}
.logo{
}
.topguid{
	height: 100;
	width: 200;
}
.name1{
	font-size: 14px;
	height: 20px;
	color: #696969;
}
.tel{
	font-size: 18px;
	font-weight: bold;
	color: #696969;
}





.logoguids{
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}

.logos{
}

.sp{
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
}




.menu{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

#navimenu {
	list-style:none;
	padding-left:0;
	margin-left:0;
	width:980px;
	border-right: 1px #ffffff solid;
	background-color: #ffffff;
}
#navimenu:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
#navimenu li {
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	width: 150px;
	line-height: 1;
	list-style-type: none;
	background-color: #ffffff;
	border-color:#FFFFFF;
	border-width:1px;
	border-style:solid;
	border-right: 1px #FFFFFF solid;
	border-left: 1px #FFFFFF solid;
}
#navimenu li a {
	color: #cd5c5c;
	display: block;
	padding: 8px;
	position: relative;
	font-size: 12pt;
	border-color:#ffffff;
	text-align: center;
	text-decoration: none;
	background-color: #ffffff;
	border-width:1px;
	border-right: 1px #ffffff solid;
	border-left: 1px #ffffff solid;
}
#navimenu li a:hover {
	color: #4169e1;
	background-color: #ffffff;
}

.menu{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

.menus{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

#navimenus {
	list-style:none;
	padding-left:0;
	margin-left:0;
	width:980px;
	border-right: 1px #000000 solid;
	background-color: #ffffff;
}
#navimenus:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
#navimenus li {
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	width: 242px;
	line-height: 1;
	list-style-type: none;
	background-color: #ffffff;
	border-color:#FFFFFF;
	border-width:1px;
	border-style:solid;
	border-right: 1px #000000 solid;
	border-left: 1px #FFFFFF solid;
}
#navimenus li a {
	color: #000000;
	display: block;
	padding: 8px;
	position: relative;
	font-size: 32pt;
	border-color:#ffffff;
	text-align: center;
	text-decoration: none;
	background-color: #ffffff;
	border-width:1px;
	border-right: 1px #ffffff solid;
	border-left: 1px #ffffff solid;
}
#navimenus li a:hover {
	color: #4169e1;
	background-color: #ffffff;
}




.menuline{
	height: 1px;
	background: #b0c4de;
}


#mainbox {
	background-color: #ffffff;
	height: auto;
	width: 980px;
	border: 0px solid #ffffff;
	margin-right: auto;
	margin-left: auto;
}

#centerbox {
	background-color:#ffffff;
	border: thin solid #ffffff;
	width: 980px;
	text-align: left;
	border-left: 0px solid #ffffff;
	float: left;
}




.topphoto {
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	padding-bottom: 30px;
}

.topphoto img {
	display: block;
	width: 100%;
	height: auto;
}

.topphotos {
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	padding-bottom: 30px;
}

.topphotos img {
	margin-top: 10px;
	display: block;
	width: 100%;
	height: auto;
}

main h2{
	font-size: 24px;
	border-bottom: 3px solid #87cefa;
}

main h3{
	font-size: 18px;
	border-bottom: 3px solid #dcdcdc;
	margin-bottom: 20px;
}


.waku{
	box-shadow: 3px 3px 6px #a9a9a9;
	border-color: #d3d3d3;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	border: solid 1px;
}


.wakus{
	box-shadow: 3px 3px 6px #a9a9a9;
	border-color: #d3d3d3;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	border: solid 1px;
}


.index-01{
	color: #696969;
	margin-top: 30px;
	font-size: 26px;
	text-align: center;
}
.index-01s{
	margin-top: 20px;
	font-size: 48px;
	text-align: center;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
.index-02{
	color: #696969;
	font-size: 18px;
	margin-top: 20px;
	width: 680px;
	margin-right: auto;
	margin-left: auto;
}
.index-02s{
	font-size: 42px;
	margin-top: 20px;
	margin-bottom: 30px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}


.indeximg01 img{
	text-align: center;
}

.indeximgs01 {
}
.gazous{
	margin-right: auto;
	margin-left: auto;
	width: 860px;
	border: solid 12px;
	border-color:#ffd700;
}



.map{
	margin-top: 100px;
	margin-bottom: 120px;
}
.maps{
	margin-top: 100px;
	margin-bottom: 120px;
}





.bottomall{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 80px;
	margin-bottom: 160px;
}

.items{
  display: flex;
	justify-content: space-around;
}

.item {
 width: 280px;
}

.bguid{
	font-size: 14px;
}


.bletter{
}

.bletter h4{
	font-size: 16px;
	color: #000000;
	border-bottom: 1px solid #c0c0c0;
}

.bletter ul{
	font-size: 14px;
	color: #000000;
	list-style: none;
	line-height: 50px;
}

.bletter li{
	border-bottom: 1px solid #dcdcdc;
}

.bletter li a {
	color: #000000;
}

.bmenu{
}

.bmenu h4{
	font-size: 14px;
	color: #000000;
	border-bottom: 1px solid #c0c0c0;
}

.bmenu ul{
	font-size: 14px;
	color: #000000;
	list-style: none;
	line-height: 50px;
}

.bmenu li{
	border-bottom: 1px solid #dcdcdc;
}

.bmenu li a {
	color: #000000;
}






.bottomalls{
	width: 976px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 100px;
	margin-bottom: 180px;
}

.itemss{
	justify-content: space-around;
}

.itemsa {
 width: 976px;
}

.bguidsa{
	font-size: 48px;
	text-align: center;
	font-weight: bold;
}

.bguidsb{
	font-size: 38px;
	text-align: center;
}







.bottomallmob{
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
.itemsmob{
	display: flex;
	justify-content: space-around;
}
.itemmob {
 width: 800px;
}
.blettermob{
}
.blettermob h4{
	font-size: 38px;
	color: #000000;
	border-bottom: 1px solid #c0c0c0;
}
.blettermob ul{
	font-size: 42px;
	color: #000000;
	list-style: none;
	line-height: 100px;
}
.blettermob li{
	border-bottom: 1px solid #dcdcdc;
}
.blettermob li a {
	color: #000000;
}






.copyright{
	font-size: 12px;
	text-align: center;
	margin-top: 80px;
}

.copyrights{
	font-size: 30px;
	text-align: center;
	margin-top: 300px;
}