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

div#mini a[target=_blank] {
    padding-right: 20px;
    background: none;
}


@media print {
  .sp_title {
    display: none;
  }
}


.text_tyoutai{
    transform: scale(0.9, 1);
	transform-origin: top left;
	width: 125%;
	padding-bottom:0.5rem;
	padding-top:0.3rem;
}


.text_tyoutai03{
    transform: scale(0.95, 1);
	transform-origin: top left;
	width: 200%;
	padding-bottom:0.5rem;
	padding-top:0.3rem;
}	




body , html{
margin:0;	
padding:0;
}


@import url('https://fonts.googleapis.com/css2?family=BIZ+UDGothic:wght@400;700&family=Mochiy+Pop+P+One&display=swap');


.name_sub{
font-size: 1.5rem;
font-family: 'BIZ UDPGothic', sans-serif;
font-weight: 700;
margin-bottom:0.5rem;
}



.resizeimage{
	width: 100%;
	object-fit:cover;
}



body{
background-image: url("../images/backimg.jpg");
background-repeat: no-repeat;
	background-size: contain;
	max-width: 100%;
margin:0;	
padding:0;
overflow-x: hidden;
}

p , span{
margin:0;
padding:0;
font-family: 'BIZ UDPGothic', sans-serif;
line-height: 1.5em;}


* {
  margin:0; padding:0;
}
header {
  width: 100%;
  padding: 15px 0;
  margin: 0 auto;
  text-align: center;
}
header .headline{
  font-size: 32px;
}



div#navibox{
	background-color:#C2DA75;
}

div#naviwap{
max-width:1200px;
margin: 0 auto;
}

.nav-list {
  text-align: center;
  padding: 10px 0;
  margin: 0 auto;
display: flex;
justify-content: center;
}

.nav-list-item {
list-style: none;
border-radius: 5px;
background-color:#8ead2a;
display:inline-block;
width: 100%;
height: 100%;
margin: 3px;
	font-family: 'BIZ UDPGothic', sans-serif;
	font-weight: 700;
}

.nav-list-item a {
text-decoration:none;
display:block;
padding:20px;
color:#ffffff;
}


.nav-list-item a:hover{	
text-decoration:none;
display:block;
padding:20px;
background-color:#e7ab37;
	border-radius: 5px;
}








.headline{
display:none;
}



footer {
  width: 100%;
  height: 50px; 
  text-align: center;
  padding: 50px 0;
  background-color:#C2DA75;
	position:relative;
bottom:0;
}

.footer-text {
  color: #fff;
}

div#wap{
max-width:1200px;

margin: auto;
position: relative;
min-height: 100%;
padding-bottom: 50px;
}

.full-width {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}




.botantable{
	margin: 0 auto;
	height:250px;
	border:none; 
}


.botanwap{
width :750px;	
}




.nav-top{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
}



.nav-top li{
text-indent:8%;
}



.nav-top-item02, .nav-top-item02 a:hover{
background-image: url("../images/top_botton_restaurant.png");
background-repeat: no-repeat;
background-position:right 5% bottom;
}

.nav-top-item03, .nav-top-item03 a:hover{
background-image: url("../images/top_botton_industry.png");	
background-repeat: no-repeat;
background-position:right 5% bottom;
}

.nav-top-item04, .nav-top-item04 a:hover{
background-image: url("../images/top_botton_retail.png");
background-repeat: no-repeat;
background-position:right 5% bottom;
background-size: 50%;
} 

.nav-top-item05, .nav-top-item05 a:hover{
background-image: url("../images/top_botton_plant.png");
background-repeat: no-repeat;
background-position:right 5% bottom;
}

.nav-top-item06, .nav-top-item06 a:hover{
background-image: url("../images/top_botton_other.png");
background-repeat: no-repeat;
background-position:right 5% bottom;
}

.nav-top-item07, .nav-top-item07 a:hover{
background-image: url("../images/top_botton_city.png");
background-repeat: no-repeat;
background-position:right 5% bottom;
	background-size: 65%;
}

.nav-top-item08, .nav-top-item08 a:hover{
background-image: url("../images/top_botton_list.png");
background-repeat: no-repeat;
background-position:right 5% bottom;
	background-size: 65%;
}

.nav-top-item a, .nav-top-item02 a, .nav-top-item03 a, .nav-top-item04 a, .nav-top-item05 a, .nav-top-item06 a, .nav-top-item07 a, .nav-top-item08 a{
text-decoration:none;
display:block;
line-height: 800%;
width: 100%;
font-family: 'BIZ UDPGothic', sans-serif;
font-weight: 700;
color:#6f8626;	
}


.nav-top-item a:hover, .nav-top-item02 a:hover, .nav-top-item03 a:hover, .nav-top-item04 a:hover, .nav-top-item05 a:hover, .nav-top-item06 a:hover, .nav-top-item07 a:hover, .nav-top-item08 a:hover
{
text-decoration:none;
display:block;
background-color:#808c59;
border-radius: 15px;
line-height: 800%;
width: 100%;
color:#ffffff;	}








.nav-top-item, .nav-top-item02, .nav-top-item03, .nav-top-item04, .nav-top-item05, .nav-top-item06, .nav-top-item07, .nav-top-item08{
list-style: none;
border-radius: 15px;
background-color: #C2DA75;
width: 15%;
flex-basis:calc((100% - 20px) / 3);
max-width:calc((100% - 20px) / 4);
margin-top:5px;
margin-bottom:5px;
box-shadow: 0 3px 3px 0 #849450;
}







.title_img{
	position: absolute;
	left: 50%;
	top: 35%;
	z-index: 10;
	transform: translate(-50%, -50%);
	zoom: 60%;
}

.title_text{
font-family: 'BIZ UDPGothic', sans-serif;
font-weight: 700;	
font-size:1.3em;
color:#da5277;
  text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}



.title_wap{
z-index: 20;
text-align: center;
	position:absolute;
	width: 100%;
	    top: 21%;
    left: 5%;
}








.topgunma_img{
	position: absolute;
	left: 85%;
	top: 78%;
	z-index: 10;
	transform: translate(-50%, -50%);
	zoom: 90%;

}


.tenponame{
	
font-family: 'BIZ UDPGothic', sans-serif;
font-weight: 700;	
font-size:2em;
	
}	


.honbuntext{
	font-family: 'BIZ UDPGothic', sans-serif;
font-weight: 400;
}




.kakomi{
border: solid 1px #454545;

}











/* タブレット用メディアクエリ */
@media screen and (max-width: 1180px)  {
header{
		display: none;
	}
	
.header_tablet{
  background-color:#C2DA75;
height: 30px;
	}
	
	
	.topgunma_img{display: none;
	}
	
.botanwap{
width :750px;	
}
	
}




@media screen and (min-width: 1181px)  {
.botantable{
	margin: 0 auto;
	height:250px;
	border:none;
	margin-right:30%;
}
	
.hamburger-menu{
display: none;
}
}
	

@media screen and (max-width: 782px) {

	
.botantable{
display: none;
}
	

	
	
.nav-top{
  display:none;
}	

.title_img {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10;
    transform: translate(-50%, -50%);
    zoom: 35%;
}
	
.title_text{
font-family: 'BIZ UDPGothic', sans-serif;
font-weight: 700;	
font-size:1.1em;
color:#da5277;
  text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}



.title_wap{
z-index: 20;
text-align: center;
	position:absolute;
	width: 100%;
	    top: 25%;
	left: 0%;
}
	
	
	
}