section.product_videos article.pagetitle {
background: url(//www.ihdc.co.jp/wp-content/themes/ihdc2021/assets/images/information/headimg.jpg) no-repeat center center;
background-size: cover;
} .product_video_intro {
margin: -70px 0 35px 0;
}
.product_video_intro p {
font-size: 1.7rem;
line-height: 2;
font-weight: 500;
} .product_video_search {
background: #f8f8f8;
border: solid 1px #ebebeb;
padding: 15px;
margin-bottom: 30px;
}
.product_video_search label {
display: block;
font-size: 1.5rem;
font-weight: bold;
color: #147fa4;
margin-bottom: 8px;
}
.product_video_search input,
.product_video_search select {
font-size: 1.6rem;
width: 100%;
height: 60px;
border: solid 1px #dcdcdc;
background: #fff;
padding: 0 0.8em;
box-sizing: border-box;
}
.product_video_search input {
line-height: 60px;
}
.product_video_search select {
line-height: normal;
cursor: pointer;
}
.product_video_search input::placeholder {
color: #888;
}
.product_video_search .search_keyword,
.product_video_search .search_category {
margin-bottom: 15px;
}
.product_video_search .search_submit {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
}
.product_video_search button {
font-size: 1.6rem;
color: #fff;
font-weight: bold;
background: #9fd411;
border: none;
height: 60px;
padding: 0 2.4em;
cursor: pointer;
box-sizing: border-box;
}
.product_video_search button:hover {
opacity: 0.85;
}
.product_video_search .search_submit a {
font-size: 1.5rem;
text-decoration: underline;
font-weight: 500;
}
.product_video_result_count {
font-size: 1.6rem;
font-weight: bold;
color: #147fa4;
margin-bottom: 20px;
} .product_video_grid {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
} .product_video_card {
position: relative;
background: #fff;
border: solid 1px #ebebeb;
box-shadow: 0 3px 12px rgba(0,0,0,0.06);
overflow: hidden;
} .product_video_card .pickup_label {
position: absolute;
top: 0;
left: 0;
z-index: 2;
color: #fff;
font-size: 1.5rem;
font-weight: bold;
background: #f8710f;
padding: 0.4em 1em;
} .product_video_card .video_embed {
position: relative;
width: 100%;
background: #000;
}
.product_video_card .video_embed iframe {
width: 100%;
aspect-ratio: 16 / 9;
height: auto;
display: block;
}
.product_video_card .video_embed a {
color: #fff;
display: block;
padding: 40px 20px;
text-align: center;
} .product_video_card .video_body {
padding: 18px;
}
.product_video_card h3 {
font-size: 1.8rem;
font-weight: bold;
color: #147fa4;
margin-bottom: 12px;
line-height: 1.5;
}
.product_video_card p {
font-size: 1.4rem;
margin-bottom: 8px;
}
.product_video_card p span {
display: inline-block;
min-width: 5em;
font-weight: bold;
color: #9fd411;
}
.product_video_card .video_product a {
font-weight: bold;
text-decoration: underline;
}
.product_video_card .video_category {
line-height: 1.6;
}
.product_video_card .video_description {
font-size: 1.4rem;
margin-top: 12px;
line-height: 1.8;
}
.product_video_card .video_description p {
font-size: 1.4rem;
line-height: 1.8;
margin-bottom: 0.8em;
} .product_video_card .video_link {
margin-top: 16px;
}
.product_video_card .video_link a {
display: inline-block;
background: #9fd411;
color: #fff;
font-weight: bold;
padding: 0.6em 1.4em;
text-decoration: none;
}
.product_video_card .video_link a:after {
content: url(//www.ihdc.co.jp/wp-content/themes/ihdc2021/assets/images/icon_arrow3_rw.png);
margin-left: 1em;
}
.product_video_card .video_link a:hover {
opacity: 0.85;
text-decoration: none;
}   @media (min-width: 768px) {
.product_video_intro p,
.no_product_video {
font-size: 1.8rem;
}
.product_video_search {
display: flex;
align-items: flex-end;
gap: 15px;
padding: 20px;
}
.product_video_search .search_keyword {
width: 42%;
margin-bottom: 0;
}
.product_video_search .search_category {
width: 30%;
margin-bottom: 0;
}
.product_video_search .search_submit {
width: 28%;
margin-bottom: 0;
}
.product_video_search input,
.product_video_search select {
height: 64px;
font-size: 1.7rem;
}
.product_video_search input {
line-height: 64px;
}
.product_video_search button {
height: 64px;
font-size: 1.7rem;
padding: 0 2.2em;
}
.product_video_search .search_submit a {
font-size: 1.5rem;
}
.product_video_grid {
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
.product_video_card .video_body {
padding: 22px;
}
} @media (min-width: 1200px) {
.product_video_search {
gap: 18px;
padding: 24px;
}
.product_video_search .search_keyword {
width: 42%;
}
.product_video_search .search_category {
width: 30%;
}
.product_video_search .search_submit {
width: 28%;
}
.product_video_search input,
.product_video_search select {
height: 50px;
font-size: 1.8rem;
}
.product_video_search input {
line-height: 50px;
}
.product_video_search button {
height: 68px;
font-size: 1.8rem;
}
.product_video_grid {
grid-template-columns: repeat(3, 1fr);
gap: 34px;
}
.product_video_card h3 {
font-size: 2rem;
}
} @media (max-width: 767px) {
.product_video_search button {
width: 140px;
}
.product_video_search .search_submit a {
line-height: 60px;
}
.product_video_card .video_body {
padding: 16px;
}
}