@charset "utf-8";
/*
Template: jstork19
Theme Name: stork19_custom
Theme URI:http://open-cage.com/stork19/
Version: 1.3.0
Author: opencage
Author URI: https://open-cage.com/
*/


/* 製品紹介向け. by TY */
.ProductInfoWP {
}
/* =========================*/

.ProductInfoWP .spco0 {
    background: #E3E3E3;
    color: #9E9E9E;
}
/* =========================*/
.ProductInfoWP .ProductInfoBox {
    justify-content: space-between;
    margin-bottom: 20px;
}
.ProductInfoWP .ProductInfoBox .img {
    width: 100%;
    flex-shrink: 0;
}
.ProductInfoWP .ProductInfoBox .img img {
    width: 100%;
    height: auto;
    border: 1px #D4D4D4 solid;
}

/* =========================*/
.ProductInfoWP .DocumentCv {
    justify-content: space-between;
    padding: 30px 0px;
}

.ProductInfoWP .DocumentCv .copy{
    margin-bottom: 20px;
    text-align: center;
    color: red;
    font-weight: bold;
}

.ProductInfoWP .DocumentCv .urlbtn {
    width: 100%;
    flex-shrink: 0;
    position: relative;
}
.ProductInfoWP .DocumentCv .urlbtn a {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #dc143c;
  box-sizing: border-box;
  width: 100%;
  height: 70px;
  color: #ffffff;
  font-size: 1.5rem;
  text-align: left;
  text-decoration: none;
  position: relative;
  transition-duration: 0.2s;
      font-weight: bold;
    line-height: 1.3;
}
.ProductInfoWP .DocumentCv .urlbtn a:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 8px;
  border-color: transparent transparent transparent #FFFFFF;
  position: absolute;
  top: 50%;
  left: 6%;
  margin-top: -7px;
}
.ProductInfoWP .DocumentCv .urlbtn a:hover {
    opacity: 0.7;
}
.ProductInfoWP .DocumentCv .urlbtn a:after {
	content: none;
}

.ProductInfoWP .IntroductionCv {
	width: 100%;
    justify-content: space-between;
    padding: 30px 0px;
    display: flex;
}


.ProductInfoWP .IntroductionCv .urlbtn {
    width: 45%;
    flex-shrink: 0;
    position: relative;
}
.ProductInfoWP .IntroductionCv .urlbtn a {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #cd853f;
  box-sizing: border-box;
  width: 100%;
  height: 60px;
  color: #ffffff;
  font-size: 1.5rem;
  text-align: left;
  text-decoration: none;
  position: relative;
  transition-duration: 0.2s;
      font-weight: bold;
    line-height: 1.3;
}
.ProductInfoWP .IntroductionCv .urlbtn a:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 8px;
  border-color: transparent transparent transparent #FFFFFF;
  position: absolute;
  top: 50%;
  left: 6%;
  margin-top: -7px;
}
.ProductInfoWP .IntroductionCv .urlbtn a:hover {
    opacity: 0.7;
}
.ProductInfoWP .IntroductionCv .urlbtn a:after {
	content: none;
}

/* =========================*/
.ProductInfoWP .ShopInfotxts {
    margin-bottom: 35px;
}


@media screen and (max-width: 980px) {}
@media screen and (max-width: 767px) {
    
.ProductInfoWP {
    padding: 13px;
}

/* =========================*/
.ProductInfoWP .ProductInfoBox {
    display: block;
    margin-bottom: 20px;
}
.ProductInfoWP .ProductInfoBox .img {
    width: 100%;
    margin: 0 auto 10px auto ;
}

/* =========================*/
.ProductInfoWP .DocumentCv {
   display: block;
    padding: 23px 16px;
    margin-bottom: 20px;
}
.ProductInfoWP .DocumentCv .urlbtn {
    width: 100%;
    margin-bottom: 25px
}
.ProductInfoWP .DocumentCv .urlbtn a {
    font-size: 4.8vw;
    padding: 25px 0 23px 0;
     border-radius: 8px;
}

.ProductInfoWP .DocumentCv .urlbtn .subtxt {
    font-size: 3.2vw;

}
/* =========================*/
.ProductInfoWP .ShopInfoCv {
   display: block;
    padding: 23px 16px;
    margin-bottom: 20px;
}
.ProductInfoWP .ShopInfoCv .urlbtn {
    width: 100%;
    margin-bottom: 25px
}
.ProductInfoWP .ShopInfoCv .urlbtn a {
    font-size: 4.8vw;
    padding: 25px 0 23px 0;
     border-radius: 8px;
}

.ProductInfoWP .ShopInfoCv .urlbtn .subtxt {
    font-size: 3.2vw;

}

/* =========================*/
.ProductInfoWP .ShopInfotxts {
    margin-bottom: 35px;
}