@media (min-width:961px){

@charset "utf-8";
/* 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;

}

h4 {
	font-size: 30px !important;
	font-family: 'M PLUS Rounded 1c', sans-serif;

}

.spActive {
	display: none;
}


p{
	font-size: 16px;
	line-height: 1.75;
}


#MobileMenu{
	display: none;
}


.wrap {
	max-width:1200px;
	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;
}

.main-contents {
  width: 890px;
  /* 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;
 }

 .tubo {
	 background-color: #109DC1;
	 margin-top: 20px;
	 padding:15px;
 }

 .tubo img{
 	width: 220px;
   margin:0 auto;
 	margin-bottom: 10px;

 }

 .tubo p {
	 color:white;
	 font-weight: bold;
	 text-align: center;
	 margin-bottom: 10px;
 }

 .pl {
	 margin-top: 20px;
 }

.pl .title {
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	margin-bottom: 10px;
}

.mv{
	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: 410px;
	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: 25px;
  line-height: 1.5;/*行高は1に*/
  padding: 10px 20px;
	font-weight: bold;
	border-radius: 20px;
	text-align: center;
	max-width: 410px;
	font-family: 'M PLUS Rounded 1c', sans-serif;

}


.mv .p01 {
	color: white;
	font-size: 25px;
  padding: 20px;
}



 .mv img {
	 width:100%;
	 max-width: 890px;

 }

 .contents-wrap {
	 /* padding:20px 0; */
 }

 .pickup {
	 /* background-color: black; */
	 margin: 50px 0;
	 /* height: 200px; */
	 display: flex;
	 text-align: center;
	 width: 100%;
	 font-size:initial;
	 /* white-space: nowrap; */
	 justify-content: space-between;

 }

 .pickup-btn {
		/* width:270px; */
  	height:auto;
  	margin:0;
		margin-right: 10px;
 }

 .pickup a{
	 /* display: inline-block; */
	 width: 100%;
	 margin-right:10px;
	 box-sizing: border-box;
	 text-decoration: none;
	 font-weight: bold;
	 color:#333;
	 /* border: 1px solid #918F8F; */
	 border-radius: 15px;
	 /* height: 30px; */
	 display:block;
	 font-size: 16px;
	 vertical-align: middle;
	 padding: 5px 0;
   background-color: #EEB600;
	 border-bottom: 5px solid #d2691e;

 }

 .pickup a:hover {
   margin-top: 3px;
   color: #fff;
   background: #cd853f;
   border-bottom: 2px solid #b84c00;
	 transition: 0.3s;
 }

 /* .pickup a {
	 box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 -4px 5px -2px #6d95ce inset;
 } */

 /* .pickup p {
	 font-weight: bold;
	 border: 1px solid #918F8F;
	 border-radius: 10px;
   color:black;

 } */

 .pickup:last-child{
	 /* display: inline-block; */
	 margin-right:0;
 }

 .pickup img {
	 width:100%;
	 /* max-width: 270px; */
 }

.pickup-btn:last-child {
	margin-right: 0;
	/* background-color: black; */
	/* display: block; */
}
 .News {
  margin:0 auto;
  display: flex;
  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;
}

.News dd.Label{
	margin-right: 20px;
  font-weight: bold;
	font-size: 12px;

}
.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;
}
.News dd a{
  text-decoration: none;
  color: black;
}


 .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 {
	margin-top: 80px;
	margin-bottom: 50px;
}

.chibigeto-img img {
	width: 100%;
	max-width: 890px;
}

.chibigeto-img {
	width: auto;
	max-width: 890px;
}


.product {
	margin-top: 80px;
}

.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: flex;
	/* 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: center;

}

.ayumi-contents02 {
	margin-top: 40px;
	display: flex;
	align-items: center;
}

.ayumi-contents03 {
	margin-top: 40px;
	display: flex;
	align-items: center;
}

.ayumi-contents .contents-left {
	/* min-width:60%; */
	/* margin-right: 30px; */
	/* margin-right: 2%; */
	width:50%;
}

.ayumi-contents .contents-right {
	/* min-width:40%; */
	text-align: right;
	width:50%;
}

/* .ayumi-contents .contents-right img {
	width:auto;


} */

.ayumi-contents02 .contents-left {
	/* width:375px; */
	margin-right: 30px;
}

.ayumi-contents02 .contents-left img {
	width: 375px;
	/* 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: 30px;
}

.ayumi-contents03 .contents-left img {
	width: 375px;
	/* min-width: 60%; */
}

.ayumi-contents03 .contents-right {
	/* min-width:50%; */
	text-align: right;
}

.ayumi-contents03 .contents-right img {
	width:375px;
	/* 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 20px;
	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 p {
	font-size: 12px;
	color: white;
	margin: 30px;
}

.fotter-logo a {
	background-color: #2AB9DE;
}

.fotter-logo img{
	/* padding: 50px 0px; */
}

fotter .copyright {
	font-size: 12px;
	color: white;
	text-align: center;
}

 fotter .logo {
	background-color: white;
}

.category-list .title{
	color:white;
	/* width:100%; */
	padding: 10px;
	background-color: #574424;
	font-size: 20px;
	font-weight: bold;
}

.product01-text{
	margin: 40px;
}

.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;

}

.lineup-list a{
	text-decoration: none;
	color: black;
}

/* .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:50%;
	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 img {
 margin: 10px;
}

.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 {
	margin: 80px 0 100px 0;
	text-align: center;

}
.btn-wrap a{
	background-color: #EEB600;
	border-radius: 10px;
  padding:20px 70px;
	color: #333;
	font-size: 20px;
	font-weight: bold;
 text-decoration: none;
}

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:30%;
}

@media screen and (max-width: 767px) {
.kaisha,
.kaisha tr,
.kaisha td,
.kaisha th {display:block;}
.kaisha th {width:auto;}
}

.about {
	margin-top: 50px;
}

.contact {
	margin-top: 50px;
}

.contact-btn a {
	display: block;
	background-color: #109DC1;
	color:white;
	font-weight: bold;
	font-size: 23px;
	padding: 10px 1px;
	border-radius: 30px;
	text-decoration: none;
	align-items: center;
	width:67%;
	margin: 20px auto;

}

.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: 50%;
	margin: 0 auto;
	border-radius: 10px;
}

.fax p {
	color: #109DC1;
}

.lum-gallery-button {
  display: none !important;
}

li#last {

	padding: 20px 0;

}

.news-wrap {
	overflow-y: scroll;
max-height: 300px;
box-sizing: border-box;
padding: 0 10px;
box-shadow:10px 10px 10px -12px rgba(0,0,0,0.4) inset
}

/* #scroll {
    position: relative;
    width: 100%;
    height: 300px;
} */

#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;
}


}
