@charset "utf-8";
/* CSS Document */
.mainMenu {
    z-index: 10000;
}
.arrowOrigin:hover .arrow {
	-webkit-animation-name: arrow;
	animation-name: arrow;
	-webkit-animation-duration: .4s;
	animation-duration: .4s;
	-webkit-animation-timing-function: cubic-bezier(0.65, 0.01, 0.3, 0.97);
	animation-timing-function: cubic-bezier(0.65, 0.01, 0.3, 0.97);
}
.arrowOrigin:hover .arrow-rev {
	-webkit-animation-name: arrow-rev;
	animation-name: arrow-rev;
}
/* keyframes */
@-webkit-keyframes arrow {
 0% {
 opacity:1;
 -webkit-transform:translateX(0);
 transform:translateX(0);
}
 40% {
 opacity:0;
}
 49.9% {
 -webkit-transform:translateX(50%);
 transform:translateX(50%);
opacity:0
}
 50% {
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%);
opacity:0
}
 100% {
 opacity:1;
 -webkit-transform:translateX(0);
 transform:translateX(0);
}
}
@keyframes arrow {
 0% {
 opacity:1;
 -webkit-transform:translateX(0);
 transform:translateX(0);
}
 40% {
 opacity:0;
}
 49.9% {
 -webkit-transform:translateX(50%);
 transform:translateX(50%);
opacity:0
}
 50% {
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%);
opacity:0
}
 100% {
 opacity:1;
 -webkit-transform:translateX(0);
 transform:translateX(0);
}
}
@-webkit-keyframes arrow-rev {
 0% {
 opacity:1;
 -webkit-transform:translateX(0) rotate(180deg);
 transform:translateX(0) rotate(180deg);
}
 40% {
 opacity:0;
}
 49.9% {
 -webkit-transform:translateX(-50%) rotate(180deg);
 transform:translateX(-50%) rotate(180deg);
opacity:0
}
 50% {
 -webkit-transform:translateX(50%) rotate(180deg);
 transform:translateX(50%) rotate(180deg);
opacity:0
}
 100% {
 opacity:1;
 -webkit-transform:translateX(0) rotate(180deg);
 transform:translateX(0) rotate(180deg);
}
}
@keyframes arrow-rev {
 0% {
 opacity:1;
 -webkit-transform:translateX(0) rotate(180deg);
 transform:translateX(0) rotate(180deg);
}
 40% {
 opacity:0;
}
 49.9% {
 -webkit-transform:translateX(-50%) rotate(180deg);
 transform:translateX(-50%) rotate(180deg);
opacity:0
}
 50% {
 -webkit-transform:translateX(50%) rotate(180deg);
 transform:translateX(50%) rotate(180deg);
opacity:0
}
 100% {
 opacity:1;
 -webkit-transform:translateX(0) rotate(180deg);
 transform:translateX(0) rotate(180deg);
}
}

span.arrow { width: 34px; height: 1px; background: #005993; position: relative;  bottom: 0; margin: auto; display: inline-block; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
span.arrow::after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 3.5px 0 3.5px 5px;
border-color: transparent transparent transparent #005993;
position: absolute;
right: -2px;
top: -3px;
}

/*PC*/
@media print, screen and (min-width: 768px) {
.logo_Hed_index { display: none; }
#contents { overflow: visible!important; }
.com_txt { text-align: center; }
/*---------------------------*/

#box00 { margin-bottom: 100px; }
#box01 { margin-bottom: 100px; }

.product_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: flex-start;  }
.product_list li { flex-basis: 48%; max-width: 48%; margin-right: 4%; }
.product_list li:nth-child(2n+2) { margin-right: 0px; }
.product_list_imgbox { width: 100%; margin: 0 auto; }
.product_list_img { width: 100%; margin: 0 auto; }
.product_list_img img { width: 100%; height: auto; }

.product_list_txtbox { width: 90%; box-sizing: border-box; padding: 30px; background: #fff; margin: 0 auto; margin-top: -50px; position: relative; z-index: 10; box-shadow: 0 0.5rem 3rem rgba(0,0,0,0.15); text-align: center; }
.product_list_tit {  font-size: 16px; font-weight: bold; color: #005993; margin-bottom: 10px; }

.photo_hover_wrap3 img {
width: 100%;
height: auto;
}

.photo_hover_wrap3 {
display: block;
height: 310px;
overflow: hidden;
position: relative;
text-decoration: none;
z-index: 0;
margin-bottom: 10px;
}
.photo_hover_wrap3 .photo3 {
display: block;
height: auto;
left: 0;
position: absolute;
top: 0;
transition: all 0.2s linear 0s;
width: 100%;
}
.product_list li a:hover .photo_hover_wrap3 {
text-decoration: none;
cursor: pointer;
}
.product_list li a:hover .photo_hover_wrap3 .photo3 {
transform: scale(1.1);
transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.pick_list { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; margin: 0 auto; }
.pick_list li { flex-basis: 48%; max-width: 48%; margin-right: 4%; }
.pick_list li:nth-child(2n+2) { margin-right: 0px; }

.pick_list_img { width: 100%; margin: 0 auto 15px; }
.pick_list_img img { width: 100%; height: auto; }

.pick_list_txtbox { width: 100%; }
.pick_list_tit { font-size: 16px; font-weight: bold; text-align: left; margin-bottom: 15px; line-height: 1.8em; }
.pick_list_tit span { display: block; color: #005993; }
.pick_list_txt { text-align: left; }

/*-------用途別----------*/


.tab_box {  box-shadow: 0 0.5rem 3rem rgba(0,0,0,0.15);}

.tab {
width: 100%;
overflow: hidden;
display: flex;
flex-wrap: wrap;
justify-content: space-between; 
}

.tab button {
width: 49.8%;
background-color: inherit;
box-sizing: border-box;
border: none;
outline: none;
cursor: pointer;
padding: 18px 16px;
vertical-align: bottom;
transition: 0.3s;
background-color: #999;
color: #fff;
font-weight: bold;
border-radius: 8px 8px 0 0;
font-size: 17px;
}
.tab button:nth-child(2n+2) { margin-right: 0px; }
.tab button:hover {
background-color: #005993;
}

.tab button.active {
background-color:#005993;
}

.tabcontent {
display: none;
border-top: none;
}

#tab01 { display: block; }

.product_box2 { border-top: 5px solid #005993; background: #fff; box-sizing: border-box; padding: 50px 100px; }

.product_box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-top: 5px solid #005993; background: #fff; }
.product_box_imgbox { width: 45%;}
.product_box_imgbox_img { width: 100%; position: relative; height: 700px; }
.product_box_imgbox_img::before { position: absolute; top: 0; left: 0; }
.product_box_img01::before { position: absolute; background-size: cover; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/index/product_box_img01.jpg")center center; content: ""; display: block; background-repeat: no-repeat; }
.product_box_img02::before { position: absolute; background-size: cover; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/index/product_box_img01.jpg")center center; content: ""; display: block; background-repeat: no-repeat; }
.product_box_txxbox { width: 55%; box-sizing: border-box; padding: 50px; }

.product_box_tit { font-size: 21px; font-weight: bold; margin-bottom: 30px; color: #005993; }
.product_box_tit span.mini { display: block; color: #000; font-size: 14px; margin-top: 10px;  }
.product_box_txt { line-height: 2em; }


.product_box_list { width: 100%; margin: 0 auto; }
.product_box_list li { width: 100%;  }
.product_box_list li:nth-child(n+2) { margin-top: 30px; }
.product_box_list li a { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }

/*.product_box_list_imgbox { flex-basis: 48%; max-width: 48%; margin-right: 4%; }*/
.product_box_list_img { width: 100%; margin: 0 auto; }
.product_box_list_img img { width: 100%; height: auto; }
.product_box_list_txtbox { flex-basis: 48%; max-width: 48%; }

.photo_hover_wrap2 img {
width: 100%;
height: auto;
}

.photo_hover_wrap2 {
flex-basis: 48%;
max-width: 48%;
margin-right: 4%;
display: block;
height: 170px;
overflow: hidden;
position: relative;
text-decoration: none;
z-index: 0;
margin-bottom: 10px;
}
.photo_hover_wrap2 .photo2 {
display: block;
height: auto;
left: 0;
position: absolute;
top: 0;
transition: all 0.2s linear 0s;
width: 100%;
}
.product_box_list li a:hover .photo_hover_wrap2 {
text-decoration: none;
cursor: pointer;
}
.product_box_list li a:hover .photo_hover_wrap2 .photo2 {
transform: scale(1.1);
transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.product_box2_list { width: 100%; margin: o auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.product_box2_list li { flex-basis: 32%; max-width: 32%; margin-right: 2%; }
.product_box2_list li:nth-child(3n+3) { margin-right: 0px; }
.product_box2_list li:nth-child(n+4) { margin-top: 30px; } 


.product_box2_list_imgbox { width: 100%; margin: 0 auto; }
.product_box2_list_img { width: 100%; margin: 0 auto; }
.product_box2_list_img img { width: 100%; height: auto; }

.product_box2_list_tit { font-size: 16px; font-weight: bold; color: #005993; margin-bottom: 15px; }
.product_box2_list_tit i { margin-right: 5px; }
.product_box2_list_txt span { display: block; font-weight: bold; }

.photo_hover_wrap img {
width: 100%;
height: auto;
}

.photo_hover_wrap {
display: block;
height: 200px;
overflow: hidden;
position: relative;
text-decoration: none;
z-index: 0;
margin-bottom: 10px;
}
.photo_hover_wrap .photo {
display: block;
height: auto;
left: 0;
position: absolute;
top: 0;
transition: all 0.2s linear 0s;
width: 100%;
}
.product_box2_list li a:hover .photo_hover_wrap {
text-decoration: none;
cursor: pointer;
}
.product_box2_list li a:hover .photo_hover_wrap .photo {
transform: scale(1.1);
transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}


/*---------詳細--------*/
.details_box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 50px; }
.details_box00 { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;  }
.details_txtbox { flex-basis: 65%; max-width: 65%; margin-right: 5%; }
.details_imgbox { flex-basis: 30%; max-width: 30%; }
.facility_tit { font-size: 20px; font-weight: bold; margin-bottom: 15px; position: relative; padding-bottom: 20px; }
.facility_tit::before { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 20px; height: 1px; background: #005993; }
.facility_tit span.sub { display: block; color: #005993; font-size: 14px; margin-top: 15px; }
.detail_subtxt { padding: 10px 0px; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; margin-top: 30px; }
.details_txt span { display: block; font-size: 14px; color: #999; font-weight: 500; }
.glu span {  display: inline-block!important; font-weight: 500; color: #0F458D!important; }
.details_txt { text-align: left; line-height: 1.8em; }
.details_img { width: 300px; margin: 0 auto; }
.details_img img { width: 100%; height: auto; }
#com_btn_list { margin-top: 100px; }
.com_btn_list_link {  opacity: .4; }
.photo_hover_wrap4 img {
width: 100%;
height: auto;
}

.photo_hover_wrap4 {
display: block;
height: 300px;
overflow: hidden;
position: relative;
text-decoration: none;
z-index: 0;
margin-bottom: 10px;
}
.photo_hover_wrap4 .photo4 {
display: block;
height: auto;
left: 0;
position: absolute;
top: 0;
transition: all 0.2s linear 0s;
width: 100%;
}
.product_list li a:hover .photo_hover_wrap4 {
text-decoration: none;
cursor: pointer;
}
.product_list li a:hover .photo_hover_wrap4 .photo4 {
transform: scale(1.1);
transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}


/*------製品一覧-------*/
/*#box000 { margin-bottom: 100px; }*/
.product_table { width: 100%; margin: 0 auto; border-top: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; box-sizing: border-box; }
.product_table th span.en { display: block; font-size: 12px;  }
.product_table td span.en { display: block; font-size: 12px; }
.product_table th { padding: 10px; background: #005993; box-sizing: border-box; width: 20%; color: #fff; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; }
.product_table td { padding: 10px; box-sizing: border-box; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;  background: rgba(248,148,18,.03); }

.bg_gray {  background: rgba(248,148,18,.03)!important; }



/*------グルコサミンリスト------*/

.glu_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 50px;  }
.glu_list li { flex-basis: 23.5%; max-width: 23.5%; margin-right: 2%; }
.glu_list li:nth-child(4n+4) { margin-right: 0px; }

.glu_list li a { display: block; font-weight: bold; position: relative; color: #005993; text-align: left; padding-bottom: 10px; border-bottom: 1px solid #005993; padding-left: 10px;  }
.glu_list li a::before {
font-family: "Font Awesome 5 Free";
content: "\f054";
position: absolute;
right: 30px;
top: 0;
font-weight: bold;
color: #005993;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.glu_list li a:hover::before { right: 20px; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }

.glu_detail_box { margin-bottom: 30px; }
.glu_detail_box2 { padding: 10px 0px; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; margin-bottom: 30px; }
.facility_subtit { font-weight: bold; font-size: 16px; margin-bottom: 10px;  }
.glu_detail_box2 .details_txt span { color: #005993; }

/*-----------idx_box10--------------*/
#idx_box10 { margin-bottom: 80px; }
#idx_box10 .com_btn { margin: auto 0 auto auto; margin-top: 50px;  }
.topics { width: 100%; margin: 0 auto; }
.topics dl:nth-child(2n+1) { background: #fff; padding: 20px; }
.topics dl:nth-child(2n+2) { background: #f3f3f3; padding: 20px; }
.topics dl dt { float: left; width: 30%; }
.topics dl dd { float: right; width: 65%; }

.news_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 1px solid #ddd; }
.news_list li { width: 100%; box-sizing: border-box; padding: 30px 40px; border-bottom: 1px solid #ddd; display: flex; flex-wrap: wrap; justify-content: flex-start; }


.news_tit { margin-right: 30px;  }
.news_tit span { color: #005993; font-size: 14px; font-family: "游明朝",YuMincho,"Noto Serif JP","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }
.news_txt a { text-decoration: underline; }
.news_txt a:hover { color: #005993;  }
.news_txt a span { display: block; font-weight: bold; color: #005993; text-decoration: none!important; }

.news_btn { width: 100%; margin: 0 auto; margin-top: 30px; }
.news_btn a { display: block; padding: 20px; border: 1px solid #005993; color: #005993; font-weight: bold; text-align: center; }
.news_btn a:hover { background: #005993; color: #fff; letter-spacing: .08em; }



/*------------topick-----------*/

.scroll-box {
width:98%;
overflow: auto;
-webkit-overflow-scrolling: touch;  /* 髫ｲ・ｷ繝ｻ・｣髫ｲ・､繝ｻ・ｧ驛｢・ｧ繝ｻ・ｹ驛｢・ｧ繝ｻ・ｯ驛｢譎｢・ｽ・ｭ驛｢譎｢・ｽ・ｼ驛｢譎｢・ｽ・ｫ */
padding: 1%;
height: 300px;
}

.scroll-box::-webkit-scrollbar {
height: 5px;
}

.scroll-box::-webkit-scrollbar-track {
border-radius: 0px;
background: #EEEEEE;
}

.scroll-box::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #666666;
}
.overlay{
display:none;
width:100%;
height:100%;
background: rgba(0,0,0,0.7);
position:fixed;
top: 0;
z-index:10000;
}
.btn_area{
width:800px;
position:absolute;
top:50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
margin: auto;
padding: 30px;
box-sizing: border-box;
background-color:#fff;
z-index:110000;
}

.btn_area_tit { text-align: center; font-size: 18px; font-weight: bold; margin-bottom: 30px; color: #005993;  }
.btn_area_txt { text-align: center; line-height: 1.8em; margin-bottom: 30px;  }
.btn_area_txt strong { font-size: 18px; display: block; margin-top: 10px; }
.btn_link { width: 80%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.btn_link li { flex-basis: 48%; max-width: 48%; }
.btn_link li a { display: block; padding: 10px; color: #fff; border-radius: 15px; text-align: center; }
.btn_link li:nth-of-type(1) { background: #999; }
.btn_link li:nth-of-type(2) { background: #005993; }

.btn_area_logo { width: 100px; margin: 0 auto 15px; }
.btn_area_logo img { width: 100%; height: auto; }


}




/*----------------------------------------------------*/




/*sp*/
@media only screen and (max-width: 767px) {
#contents { overflow: visible!important; }
/*---------------------------*/


#box00 { margin-bottom: 70px; }
#box01 { margin-bottom: 70px; }

.product_list { width: 100%; margin: 0 auto;  }
.product_list li { width: 100%; margin: 0 auto; }
.product_list li:nth-child(n+2) { margin-top: 30px;  }
.product_list_imgbox { width: 100%; margin: 0 auto; }
.product_list_img { width: 100%; margin: 0 auto; }
.product_list_img img { width: 100%; height: auto; }

.product_list_txtbox { width: 90%; box-sizing: border-box; padding: 30px; background: #fff; margin: 0 auto; margin-top: -50px; position: relative; z-index: 10; box-shadow: 0 0.5rem 3rem rgba(0,0,0,0.15); text-align: center; }
.product_list_tit {  font-size: 18px; font-weight: bold; color: #005993; margin-bottom: 10px; }

.photo_hover_wrap3 img {
width: 100%;
height: auto;
}

.photo_hover_wrap3 {
display: block;
height: 50vw;
overflow: hidden;
position: relative;
text-decoration: none;
z-index: 0;
margin-bottom: 10px;
}
.photo_hover_wrap3 .photo3 {
display: block;
height: auto;
left: 0;
position: absolute;
top: 0;
transition: all 0.2s linear 0s;
width: 100%;
}
.product_list li a:hover .photo_hover_wrap3 {
text-decoration: none;
cursor: pointer;
}
.product_list li a:hover .photo_hover_wrap3 .photo3 {
transform: scale(1.1);
transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.pick_list { width: 100%; margin: 0 auto; }
.pick_list li { width: 100%; margin: 0 auto; }
.pick_list li:nth-child(n+2) { margin-top: 30px;  }

.pick_list_img { width: 100%; margin: 0 auto 15px; }
.pick_list_img img { width: 100%; height: auto; }

.pick_list_txtbox { width: 100%; }
.pick_list_tit { font-size: 16px; font-weight: bold; text-align: left; margin-bottom: 15px; line-height: 1.8em; }
.pick_list_tit span { display: block; color: #005993; }
.pick_list_txt { text-align: left; }


/*-----用途別-----*/


.tab_box { box-shadow: 0 0.5rem 3rem rgba(0,0,0,0.15);}

.tab {
width: 100%;
overflow: hidden;
display: flex;
flex-wrap: wrap;
justify-content: space-between; 
}

.tab button {
width: 49.8%;
background-color: inherit;
box-sizing: border-box;
border: none;
outline: none;
cursor: pointer;
padding: 18px 16px;
vertical-align: bottom;
transition: 0.3s;
background-color: #999;
color: #fff;
font-weight: bold;
border-radius: 8px 8px 0 0;
font-size: 14px;
}
.tab button:nth-child(2n+2) { margin-right: 0px; }
.tab button:hover {
background-color: #005993;
}

.tab button.active {
background-color:#005993;
}

.tabcontent {
display: none;
border-top: none;
}
#tab01 { display: block; }

.product_box2_list { width: 100%; margin: o auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.product_box2_list li { flex-basis: 48%; max-width: 48%; margin-right: 4%; }
.product_box2_list li:nth-child(2n+2) { margin-right: 0px; }
.product_box2_list li:nth-child(n+3) { margin-top: 30px; } 


.product_box2_list_imgbox { width: 100%; margin: 0 auto 10px; }
.product_box2_list_img { width: 100%; margin: 0 auto; }
.product_box2_list_img img { width: 100%; height: auto; }

.product_box2_list_tit { font-size: 14px; font-weight: bold; color: #005993; margin-bottom: 15px; }
.product_box2_list_tit i { margin-right: 5px; }
.product_box2_list_txt span { display: block; font-weight: bold; }

.product_box2 { border-top: 5px solid #005993; background: #fff; box-sizing: border-box; padding: 30px; }

.product_box { width: 100%; margin: 0 auto; border-top: 5px solid #005993; background: #fff; }
.product_box_imgbox { width: 100%;}
.product_box_imgbox_img { width: 100%; position: relative; height: 300px; }
.product_box_imgbox_img::before { position: absolute; top: 0; left: 0; }
.product_box_img01::before { position: absolute; background-size: cover; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/index/product_box_img01.jpg")center center; content: ""; display: block; background-repeat: no-repeat; }
.product_box_img02::before { position: absolute; background-size: cover; top: 0; left: 0; width: 100%; height: 100%; background: url("https://placehold.jp/25/9bb2c2/ffffff/800x800.png")center center; content: ""; display: block; background-repeat: no-repeat; }
.product_box_img03::before { position: absolute; background-size: cover; top: 0; left: 0; width: 100%; height: 100%; background: url("https://placehold.jp/25/517187/ffffff/800x800.png")center center; content: ""; display: block; background-repeat: no-repeat; }
.product_box_img04::before { position: absolute; background-size: cover; top: 0; left: 0; width: 100%; height: 100%; background: url("https://placehold.jp/25/275675/ffffff/800x800.png")center center; content: ""; display: block; background-repeat: no-repeat; }
.product_box_txxbox { width: 100%; box-sizing: border-box; padding: 30px; }

.product_box_tit { font-size: 21px; font-weight: bold; margin-bottom: 30px; color: #005993; }
.product_box_tit span.mini { display: block; color: #000; font-size: 14px; margin-top: 10px;  }
.product_box_txt { line-height: 2em; }

.product_box_list { width: 100%; margin: 0 auto; }
.product_box_list li { width: 100%;  }
.product_box_list li:nth-child(n+2) { margin-top: 30px; }
.product_box_list li a { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.product_box_list_img { width: 100%; margin: 0 auto; }
.product_box_list_img img { width: 100%; height: auto; }
.product_box_list_txtbox { flex-basis: 48%; max-width: 48%; }
/*.product_box_list_imgbox { flex-basis: 48%; max-width: 48%; margin-right: 4%; }*/
.photo_hover_wrap2 {
flex-basis: 48%;
max-width: 48%;
margin-right: 4%;}

.glu_detail_box { margin-bottom: 30px; }
.glu_detail_box2 { padding: 10px 0px; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; margin-bottom: 30px; }
.facility_subtit { font-weight: bold; font-size: 16px; margin-bottom: 10px;  }
.glu_detail_box2 .details_txt span { color: #005993; }

/*---------詳細--------*/
.details_box { width: 100%; margin: 0 auto;  margin-bottom:50px; }
.details_box00 { width: 100%; margin: 0 auto;  }
.details_txtbox { width: 100%; margin: 0 auto 30px; }
.details_imgbox { width: 100%; margin: 0 auto; }
.facility_tit { font-size: 18px; font-weight: bold; margin-bottom: 15px; position: relative; padding-bottom: 20px; }
.facility_tit::before { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 20px; height: 1px; background: #005993; }
.details_txt span { display: block; font-size: 14px; color: #999; font-weight: 500; }
.details_txt { text-align: left; line-height: 1.8em; }
.details_img { width: 250px; margin: 0 auto; }
.details_img img { width: 100%; height: auto; }
#com_btn_list { margin-top: 70px; }
.com_btn_list_link {  opacity: .4; }
.glu span {  display: inline-block!important; font-weight: 500; color: #0F458D!important; }
.detail_subtxt { padding: 10px 0px; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; margin-top: 30px; }

.photo_hover_wrap4 img {
width: 100%;
height: auto;
}

.photo_hover_wrap4 {
display: block;
height: 40vw;
overflow: hidden;
position: relative;
text-decoration: none;
z-index: 0;
margin-bottom: 10px;
}
.photo_hover_wrap4 .photo4 {
display: block;
height: auto;
left: 0;
position: absolute;
top: 0;
transition: all 0.2s linear 0s;
width: 100%;
}
.product_list li a:hover .photo_hover_wrap4 {
text-decoration: none;
cursor: pointer;
}
.product_list li a:hover .photo_hover_wrap4 .photo4 {
transform: scale(1.1);
transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

/*------製品一覧-------*/
#box000 { margin-bottom: 70px; }
.product_table { width: 100%; margin: 0 auto; border-top: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; box-sizing: border-box; }
.product_table th span.en { display: block; font-size: 12px;  }
.product_table td span.en { display: block; font-size: 12px; }
.product_table th { padding: 10px; background: #005993; box-sizing: border-box; width: 20%; color: #fff; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; }
.product_table td { padding: 10px; box-sizing: border-box; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;  background: rgba(248,148,18,.03); }

.bg_gray {  background: rgba(248,148,18,.03)!important; }


.scrollTable{
overflow: auto;
white-space: nowrap;
}

.scrollTable table {
margin-bottom: 5px;
}

.scrollTable::-webkit-scrollbar{
height: 5px;
}
.scrollTable::-webkit-scrollbar-track{
background: #F1F1F1;
}
.scrollTable::-webkit-scrollbar-thumb {
background: #BCBCBC;
}


/*------グルコサミンリスト------*/

.glu_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 50px;  }
.glu_list li { flex-basis: 48%; max-width: 48%; margin-right: 4%; }
.glu_list li:nth-child(2n+2) { margin-right: 0px; }
.glu_list li:nth-child(n+3) { margin-top: 15px; }
.glu_list li a { display: block; font-weight: bold; position: relative; color: #005993; text-align: left; padding-bottom: 10px; border-bottom: 1px solid #005993; padding-left: 10px;  }
.glu_list li a::before {
font-family: "Font Awesome 5 Free";
content: "\f054";
position: absolute;
right: 30px;
top: 0;
font-weight: bold;
color: #005993;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.glu_list li a:hover::before { right: 20px; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }



.overlay{
display:none;
width:100%;
height:100%;
background: rgba(0,0,0,0.7);
position:fixed;
top: 0;
z-index:10000;
}
.btn_area{
width:96%;
position:absolute;
top:50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
margin: auto;
padding: 30px;
box-sizing: border-box;
background-color:#fff;
z-index:110000;
}

.btn_area_tit { text-align: center; font-size: 18px; font-weight: bold; margin-bottom: 30px; color: #005993;  }
.btn_area_txt { text-align: center; line-height: 1.8em; margin-bottom: 30px;  }
.btn_area_txt strong { font-size: 16px; display: block; margin-top: 10px; }
.btn_link { width: 80%; margin: 0 auto;  }
.btn_link li { width: 100%; margin: 0 auto; }
.btn_link li:nth-child(n+2) { margin-top: 15px; }
.btn_link li a { display: block; padding: 10px; color: #fff; border-radius: 15px; text-align: center; }
.btn_link li:nth-of-type(1) { background: #999; }
.btn_link li:nth-of-type(2) { background: #005993; }

.btn_area_logo { width: 70px; margin: 0 auto 15px; }
.btn_area_logo img { width: 100%; height: auto; }



/*-----------idx_box10--------------*/

#idx_box10 { background: #fff; padding: 50px 0px; }
#idx_box10 .com_btn { margin: auto 0 auto auto; margin-top: 30px;  }
#idx_box10 .idx_tit { text-align: center; }
.news_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 1px solid #ddd; }
.news_list li { width: 100%; box-sizing: border-box; padding: 15px 20px; border-bottom: 1px solid #ddd; }


.news_tit { margin-right: 30px;  }
.news_tit span { color: #005993; font-size: 14px; font-family: "游明朝",YuMincho,"Noto Serif JP","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }
.news_txt span { display: block; font-weight: bold; color: #005993; }
.news_txt a:hover { color: #005993;  }
.news_txt a { text-decoration: underline; }
.news_btn { width: 100%; margin: 0 auto; margin-top: 30px; }
.news_btn a { display: block; padding: 20px; border: 1px solid #005993; color: #005993; font-weight: bold; text-align: center; }
.news_btn a:hover { background: #005993; color: #fff; letter-spacing: .08em; }







}