@media (max-width:960px){

@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
}

/* CSS Document */
*{
	margin:0;
	padding:0;
}


html{
	scroll-behavior: smooth;
}

body {
	/* background-color:black; */
	/* overflow: hidden; */
	position: relative;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	font-size: 16px;
	letter-spacing: 0.05em;
	color: #262a2e;
	line-height: 1.5;

}
.spActive {
	display: block;
}

h4 {
	font-size: 30px !important;
	font-family: 'M PLUS Rounded 1c', sans-serif;

}


p{
	font-size: 16px;
	line-height: 1.75;
}



/* ハンバーガーメニュー必要領域 */

#MobileMenu{
	display: block;
}

.header{
	display: flex;
	padding:0 16px;
	align-items: center;
}

.header h1{
	font-size: 22px;
	/* line-height: 64px; */
	margin:0;
	text-align: left;
}

.header .Sp-logo img{
	width: 64px;

	line-height: 64px;
}

.sp-nav{
	margin-left:auto;
}

.sp-nav #open{
	font-size:32px;
	line-height: 64px;
	margin-left:auto;
	cursor: pointer;
}

.sp-nav #open .hide{
	display: none;
}

main{
	padding:0 16px;
}

.overlay{
	position:fixed;
	top:0;
	bottom:0;
	right:0;
	left:0;
	background:rgba(255,255,255,0.95);
	z-index: 1;
	text-align: center;
	padding:64px 0;
	opacity: 0;
	pointer-events: none;
	transition:opacity .6s;
	overflow:scroll;
	-webkit-overflow-scrolling: touch;
}

.overlay .overlay-logo{
	position: absolute;
	top: 8px;
	left: 16px;
}

.overlay .overlay-logo img{
	width: 64px;
}

.overlay .overlay-logo h1{
	font-size: 22px;
	line-height: 64px;
	margin:0;
}

.overlay #close{
	position: absolute;
	top: 16px;
	right:16px;
	font-size: 32px;
	cursor: pointer;
}

.overlay.show{
	opacity: 1;
	pointer-events: auto;
}

.overlay ul{
}

.overlay li{
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .3s, transform .3s;
}

.overlay.show li{
  opacity: 1;
  transform: none;
}

/* .overlay.show li:nth-child(1){
	transition-delay: .1s;
}
.overlay.show li:nth-child(2){
	transition-delay: .2s;
}
.overlay.show li:nth-child(3){
	transition-delay: .3s;
} */

.spmenu li{
	border-bottom:1px solid #ccc;
}

.spmenu li a{
	display: block;
	background:#F4F4F4;
	padding:20px 0;
	text-decoration: none;
	color: black;
	font-weight: bold;
	font-size: 14px;
}

.product-sp-menu{
	width: 100%;
	background:#EEB600;
	padding:15px 15px;
	box-sizing: border-box;
}

.product-sp-menu p{
	color: white;
	font-size: 22px;
	font-weight: bold;
	margin-bottom:20px;
	text-align: center;
}

.product-sp-menu ul{
	display: flex;
	flex-wrap:wrap;
	width: 100%;
}

.product-sp-menu li{
	width:50%;
	box-sizing: border-box;
	background:white;
	border-bottom:1px solid #EEB600;
	border-right: 1px solid #EEB600;
	box-sizing: border-box;
	padding:10px;

}

.product-sp-menu li:last-child{
	/* width: 100%; */
	/* border-right: none;
		box-sizing: border-box; */
}



.product-sp-menu li a{
	background:white;
	box-sizing: border-box;
	display: block;
	padding:10px 0;
	text-decoration: none;
	color: black;
	font-weight: bold;
	font-size: 14px;
}

.telsp {
	/* width:74%; */
	background-color:#109DC1;
	display: block;
	margin:0 auto;
	margin-top:30px;
	padding:20px;
	border-radius: 10px;
}

.telsp a{
	text-decoration:none;
	color:black;
	padding:0 15px;
	font-size: 24px;
}

.telsp p{
	color: white;
	font-size: 22px;
	font-weight: bold;
	margin-bottom:20px;
	text-align: center;
}

/* ハンバーガーメニュー必要領域 */




.wrap {
	max-width:auto;
	margin:auto;
	/* background-color: blue; */
	/* display:flex; */
	overflow: hidden;
}

.side-bar{
	width: 280px;
	background-color: #FBFBFB;
	padding:0 15px;
	box-sizing: border-box;
	margin-right: 30px;
	display: none;
}

.main-contents {
  /* width: 100%; */
  margin:0 10px;
  box-sizing: border-box;
  /* background-color: orange; */
}

.logo img{
	/* width:70%; */
	display: block;
	margin: 0 auto;
	margin-top: 30px;
}

.tel {
	/* width:74%; */
	background-color:#109DC1;
	display: block;
	margin:0 auto;
	margin-top:30px;
	padding:20px;
	border-radius: 10px;
}

.tel a{
	text-decoration:none;
	color:black;
}

.text{
  margin-top: 10px;
	font-weight: bold;
	padding:10px;
	background-color: white;
	border-radius: 20px;
	color:black;
	text-align: center;


}

.menu{
	color:black;
}

.menu a{
	text-decoration: none;
	color:black;
	padding:30px 0px;
	display: block;
}

.menu a:hover {
    text-decoration: none;
    opacity: 0.7;
		transition: 0.5s;
    display: block;
}


.tel p{
	color:white;
	font-weight: bold;
	text-align: center;
}

.tel .text{
	font-size: 20px;
}

.menu ul{
	list-style: none;
	/* background-color: #ddd; */
	padding:10px 0px;
	/* width:80%; */
  text-align: center;
	margin: 10px auto;
	text-align: left;
	/* vertical-align: middle; */
}

.menu li{
	font-weight: bold;
	/* padding:15px; */
	/* display: flex; */
	align-items: center;
	border-bottom: 1px solid #ddd;
	/* padding:25px 10px; */
	}

.menu li img{
	margin-right: 10px;
}

.category{
	background-color: #EEB600;
	margin-top: 40px;
}

.category .title{
	color:white;
	font-weight: bold;
	padding:20px;
	text-align: center;
}

.category li a{
	background-color: white;
	color:black;
	font-weight: bold;
	/* width:82%; */
	padding:15px 5px;
	text-align: left;
	margin: 0 auto;
	border:solid 1px #EEB600;
	font-size: 15px;
	display: flex;
	align-items: center;
	text-decoration: none;
}

.category li a:hover{
	background:rgba(255,255,255,0.8);

	opacity: 0.8;
	transition:0.5s;
	/* border-radius: 5px; */
}

.category ul{
	list-style: none;
	margin-bottom: 30px;
	padding:0 10px;
	box-sizing: border-box;
	position: relative;

}

li#last a{
	background: #EEB600;
}


.category li a i {
	margin-left: 10px;
	color:#EEB600;
	margin:0 0 0 auto;

}

.category img{
	display: block;
	width: 90px;
	margin: 0 auto;
　/* padding:20px; */
margin: 20px;
}

.mediawrap{
	border:solid 2px #109DC1;
 text-align: center;
}

.media img{
	width: 220px;
  margin:0 13px;
	margin-bottom: 20px;
}

.mediawrap .title{
	color:#109DC1;
	font-weight: bold;
	text-align: center;
	margin: 20px;
  border-radius: 20px;
}

.fas fa-angle-right {
}

 .media p{
	font-weight: bold;
 }

 .media{
	 margin-bottom: 20px;
 }

 .media span{
	 display: block;
	 font-weight: bold;
 }

.mv{
	width: 100%;
	overflow: hidden;
	position: relative;
}

.mv02{
	width: 100%;
	overflow: hidden;
	position: relative;
}

.mv .p01 {
	position: absolute;
	top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  color: white;
  /* background: rgba(16,157,193, 0.8); */
  font-size: 25px;
  /* line-height: 1.5; */
  padding: 10px 20px;
	font-weight: bold;
	border-radius: 20px;
	text-align: center;
	max-width: 90%;
	font-family: 'M PLUS Rounded 1c', sans-serif;

}

.mv .mv_top{
	position: absolute;
	top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  color: white;/*文字を白に*/
  background: rgba(16,157,193, 0.8);
  font-size: 16px;
  /* line-height: 1.5;行高は1に */
  padding: 10px 10px;
  font-weight: bold;
  border-radius: 20px;
  text-align: center;
  width: 68%;
  font-family: 'M PLUS Rounded 1c', sans-serif;

}


.mv .p01 {
	color: white;
	font-size: 16px;
  /* padding: 20px; */
  width: 100%;
}



 .mv img {
	 width:100%;
	 max-width: auto;
	 object-fit: cover;
  object-position: 100% 0%; /

 }

 .contents-wrap {
	 /* padding:20px 0; */
	 /* display: inline-block; */
 }

 .pickup {
	 margin:0 auto;
	 text-align: center;
	 width: 70%;
	 margin-bottom: 50px;
 }

 .pickup a{

		 /* width: 60%; */
		 /* margin-right:10px; */
		 /* box-sizing: border-box; */
		 text-decoration: none;
		 font-weight: bold;
		 color:white;
		 /* border: 1px solid #918F8F; */
		 border-radius: 15px;
		 /* height: 30px; */
		 display:block;
		 font-size: 12px;
		 vertical-align: middle;
		 padding: 5px 0;
	   background-color: #EEB600;
		 border-bottom: 5px solid #d2691e;


	 }

	 .pickup-btn {
			/* width:270px; */
	  	height:auto;
	  	margin-top:20px;
			margin-right: 0;

	 }

 .pickup a:nth-child(2n){
	 /* display: inline-block; */
	 margin-right:0;
 }

 .pickup img {
	 width:100%;
	 /* max-width: 215px; */
 }

.pickup img:last-child {
	margin: 0;
	/* background-color: black; */
	/* display: block; */
}
 .News {
  margin:0 auto;
  display: block;
  align-items: center;
  font-size: 16px;
	padding:20px 0 20px 0;
	border-bottom: 1px solid #DDDDDD;
}

.news img {
	max-width: 116px;
}

.News dl {
  margin-top: 20px;
}

.News dt {
	/* margin-right: 20px; */
	font-weight: bold;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	/* margin-bottom: 10px; */
	display: inline-block;
	vertical-align: middle;
}

.News dd.Label{
	/* margin-right: 20px; */
	font-weight: bold;
	font-size: 10px;
	display: inline-block;
	margin-left: 20px;


}
.News dd.Label{
  /* border:1px solid red; */
  /* padding: 5px 20px; */
  /* display: block; */
	background-color:black;
	color:white;
	border-radius: 7px;
	min-width: 80px;
	text-align: center;
	font-size:11px;
}

.News dd a{
  text-decoration: none;
  color: black;
  margin-top:10px;
  display: block;

}


 .news p a{
   display: block;
	 font-weight: bold;
	 text-decoration: none;
   color:black;
	 margin: 0 0 0 auto;
	 text-align: right;
	 line-height: 1.8;
 }

.topics dl{
	display: flex;
    align-items: center;
    font-size: 14px;
    margin: 10px 0;
    padding: 20px 20px;

}

ul .news-category {

}

.topics dt.postname {
	color: white;
    background: rgba(30, 94, 41,1.0);
    padding: 5px;
    border-radius: 3px;
    font-size: 11px;
}

 .topics dt {
	 margin-right: 50px;
 }

 .chibigeto img {
	 max-width: 185px;
	 margin-bottom: 30px;
}

.chibigeto-img img {
	width:100%;
}

.chibigeto {
	margin-top: 40px;
}

.chibigeto p{
	text-align: justify;
}

.product {
	margin-top: 40px;
}

.product img{
	margin-bottom: 20px;
}

.product-wrap{
	margin-top: 20px;
	/* margin:0 10px; */
		/* margin-right:25px; */
}

.product-wrap:first-child{
	margin-left: 0;
}
.product-wrap:last-child{
	margin-right: 0;
}

.product-contents{
	display: block;
	/* justify-content: space-between; */
}

.product-contents a {
	display:block;
	color:#109DC1;
	/* padding: 10px; */
	border:1px solid #109DC1;
	border-radius: 10px;
	text-decoration: none;
	/* width:27%; */
	margin-top: 20px;
	text-align: center;
	/* width: 32%; */
	box-sizing: border-box;
	padding:10px 0;
}

/* .product-contents {
	text-align: center;
} */

.product01 {
	background-color: #F4F4F4;
	border: 1px solid #DDDDDD;
	/* width:32%; */
	/* display: inline-block; */
	/* margin: 0 10px; */
	/* min-height: 420px; */
	padding:10px;
	box-sizing: border-box;
	/* max-width: 280px; */
	width: 100%;
}

.product01:last-child{
	display: block;
	margin-right: 0px;

}

.product01 img{
	width: 100%;

}

.product01 p {
	display: block;
	/* margin:10px; */
	/* width:84%; */
	/* margin: 10px; */
	text-align: left;
}

.product01 .title{
	font-weight: bold;
	/* margin: 0px 10px; */
}

/* .product a {
	color:#109DC1;
	display: block;
	margin:20px;
} */

.product .btn {
	font-weight: bold;
}

.ayumi {
	margin-top: 50px;
}

.ayumi .title {
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 20px;
	/* margin: 0px 10px; */
}

.ayumi p{
	display: block;
	/* margin:10px; */
	/* width:84%; */
	/* margin: 10px; */
	text-align: left;
	/* line-height: 2; */
	/* padding: 10px 0; */
	text-align: justify;
}

.ayumi-contents {
	margin-top: 30px;
	/* display: flex;
	align-items: flex-start; */
}

.ayumi-contents02 {
	margin-top: 40px;
	/* display: flex;
	align-items: flex-start; */
}

.ayumi-contents03 {
	margin-top: 40px;
	/* display: flex;
	align-items: flex-start; */
}

.ayumi-contents .contents-left {
	/* min-width:60%; */
	margin-right: 0;
}

.ayumi-contents .contents-right {
	/* min-width:40%; */
	/* text-align: right; */
}

.ayumi-contents .contents-right img {
	width:100%;
	max-width: 100%;
	margin-top: 15px;

}

.ayumi-contents02 .contents-left {
	/* width:375px; */
	margin-right: 0;
}

.ayumi-contents02 .contents-left img {
	/* width: 375px; */
	max-width: 100%;
	width: 100%;
	/* min-width: 60%; */

}

.ayumi-contents02 .contents-right {
	/* min-width:50%; */
	text-align: right;
}

.ayumi-contents02 .contents-right img {
	width:100%;
	min-width:60%;
}

.ayumi-contents03 .contents-left {
	/* min-width:50%; */
	margin-right: 0;
}

.ayumi-contents03 .contents-left img {
	/* width: 375px; */
	/* min-width: 60%; */
	max-width: 100%;
}

.ayumi-contents03 .contents-right {
	/* min-width:50%; */
	/* text-align: right; */
	max-width: 100%;
}

.ayumi-contents03 .contents-right img {
	width:100%;
	max-width: 100%;
	margin-top: 15px;
	/* min-width:60%; */
}


.light {
	border:1px solid black;
	width:100%;
	margin: 50px 0;
	box-sizing: border-box;
}

.light .title{
	background-color: black;
	color: white;
	font-weight: bold;
	margin:0 0;
	padding:0 0 0 10px;
	font-size: 20px;
}

.lineup {
	display:flex;
	flex-wrap: wrap;
 /* padding: 10px; */
 justify-content: center;
 box-sizing: border-box;
}

.lineup p {
	border: 1px solid black;
	padding: 0px 10px;
	font-weight: bold;
	border-radius: 14px;
	font-size: 14px;
	margin:10px;
}

fotter  {
	width:100%;
	margin-top: 50px;
	display: block;
}

fotter a {
	text-decoration: none;
	color:white;
	font-size: 20px;
	font-weight: bold;
	margin:0 auto;
	text-align: center;
	display: block;
	padding:10px 0;
	background-color: #419CB4;


}

.fotter-logo {
	text-align: center;
	background-color: #2AB9DE;
	padding: 20px 0;
	width:100%;
}

.fotter-logo a {
	background-color: #2AB9DE;
}

.fotter-logo img{
	/* padding: 50px 0px; */
}

.fotter-logo p {
	font-size: 12px;
	color: white;
	margin: 30px;
}

fotter .copyright {
	font-size: 12px;
	color: white;
	text-align: center;
}

.category-list .title{
	color:white;
	/* width:100%; */
	padding: 10px;
	background-color: #574424;
	font-size: 20px;
	font-weight: bold;
}

.product01-text{
	margin: 40px 0;
}

.product01-text p{
	text-align: center;
	padding:5px;
}

.caterory-list {
	margin-top: 50px;
	font-size: 20px;
	font-weight: bold;
}



.lineup-list{
	display: flex;
  flex-wrap: wrap;
	font-weight: bold;
	border: 1px solid #574424;
	/* text-align: center; */
	/* padding:15px 0 0 15px; */
	padding:20px 8px;

}

.lineup-list a{
	text-decoration: none;
	color: black;
	font-size: 14px;
}

/* .lineup-list img {
	width:26px;
	margin: 0 0 0 50px;
} */

.lineup-list a img {
/* vertical-align: middle;
margin-left:15px; */
position: absolute;
right:30px;
}

.lineup-list .goods {
	/* display: flex; */
	/* justify-content: center; */
	width:100%;
	margin:0 0 15px; 0;
	/* position: relative; */
	/* background-color: blue; */

}


.lineup-list .goods a p{
	margin-right: 30px;

}


.lineup-list .goods a:hover{
	text-decoration: underline;
}

.lineup-list a {
	display: flex;
}


.product-all {
	margin-top: 50px;

}

.goods-all {
	margin-top: 30px;
}

.shousai01 {
	width:100%;
	border: 1px solid #CCCCCC;
	position: relative;
	/* display: flex; */
	margin-top: 30px;
}

/* .shousai01 a{
	display: block;
} */

.shousai01 a img {
 /* margin: 10px; */
 width: 100%;
}

.shousai01 img {
 /* margin: 10px; */
 width: 100%;
}

.shousai01 .title {
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 10px;
}


.spec {
	display: flex;
	position: absolute;
	top:10px;
	right:10px;
	font-weight: bold;
}

.spec01 {
	background-color: #109DC1;
	border-radius: 20px;
	color:white;
	margin-right: 15px;
	padding:0 16px;
	align-items: center;
}

.spec02 {
	background-color:#0D9A61 ;
	border-radius: 20px;
	color:white;
	padding:0 16px;
}

.shousai02 {
	padding:10px;

	vertical-align: middle;
	/* margin-top: 30px; */
	align-self:center;
}

.btn-wrap {
	width: 100%;
	margin: 80px 0 80px 0;
	text-align: center;

}
.btn-wrap a{
	background-color: #EEB600;
	border-radius: 10px;
  padding:20px 20px;
	color: white;
	font-size: 17px;
	font-weight: bold;
 text-decoration: none;
 box-sizing: border-box;
 width: 100%;
 display: block;
}

h3 {
	font-size: 30px !important;
	font-family: 'M PLUS Rounded 1c', sans-serif;
  text-align: center;
}

.kaisha {
width: 100%;
margin-top: 50px;
}

.kaisha th,
.kaisha td {
border: 1px solid #ccc;
padding: 20px;
}

.kaisha th {
font-weight: bold;
background-color: #dedede;
/* width:100%; */
}

@media screen and (max-width: 767px) {
.kaisha,
.kaisha tr,
.kaisha td,
/* .kaisha th {display:block;} */
/* .kaisha th {width:auto;} */
}

.about {
	margin-top: 50px;
	width: 100%;
}

.contact {
	margin-top: 50px;
}

.contact-btn a {
	display: flex;
	justify-content: center;
	background-color: #109DC1;
	color:white;
	font-weight: bold;
	font-size: 16px;
	padding: 10px 5px;
	border-radius: 30px;
	text-decoration: none;
	align-items: center;
	width:100%;
	margin: 20px auto;
	box-sizing: border-box;

}

.contact-btn img {

	width:31px;
	margin-right: 20px;
	vertical-align: middle;
}

.contact-btn {
	text-align: center;
	vertical-align: middle;
	margin-top: 30px auto;
}

.contact-btn p{
	font-size: 18px;
	font-weight: bold;
}

.contact-btn span {
	font-size: 24px;
	font-weight: bold;

}

.fax {
	border:2px solid #109DC1;
	padding: 5px;
	width: 100%;
	margin: 0 auto;
	border-radius: 10px;
	box-sizing: border-box;
}

.fax p {
	color: #109DC1;
}

.lum-gallery-button {
  display: none !important;
}

li#last {

	padding: 20px 0;

}

.news-wrap {
	overflow-y: scroll;
max-height: 150px;
box-sizing: border-box;
padding: 0 10px;
box-shadow:10px 10px 10px -12px rgba(0,0,0,0.4) inset
}

.ps__rail-x, .ps__rail-y {
    opacity: 0.6!important;
}

/* #scroll {
    position: relative;
    width: 100%;
    height: 100px;
} */

#scroll__top{
  width: 45px;
  height: 45px;
  right: 0;
  bottom: 0;
  position: fixed;
  background: #109DC1;
  opacity: 0.8;
}
#scroll__top a{
  width: 45px;
  height: 45px;
  position: relative;
  display: block;
  text-decoration: none;
}
#scroll__top a::before{
  width: 25px;
  height: 25px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 25px;
  color: #fff;
  position: absolute;
  margin: auto;
  text-align: center;
  content: '\f062';
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

}