.btn_nav_product {
display: flex;
background-color: floralwhite;
border: 1px solid #202020;
font-size: 13px;
}
.btn_nav_product:hover {
opacity: 0.75;
}
.btn_nav_product figcaption {
width: 100%;
align-self: center;
text-align: center;
margin-top: -3px;
}
.btn_nav_paper {
background: url('../img/nav_paper_left.webp') left no-repeat,
url('../img/nav_paper_right.webp') right no-repeat,
url('../img/nav_paper_mid.webp') left repeat-x;
}
.btn_nav_paper p{
padding: 15px;
text-align: center;
font-size: 15px;
}
.line-fuku {
max-width: 600px;
margin: 6rem auto;
}
#content {
padding: 20px 0;
}
#content.item-list {
background-color: whitesmoke;
background: url("../img/product_bg_mt.webp") center;
}
.content-title {
color: #665637;
}
#products .history-heading,
#about .history-heading {
width: fit-content;
display: flex;
margin: auto;
padding: 0 0.5em;
border-style: solid;
border-width: 0 1px;
position: relative;
}
#products .history-heading img.position-absolute,
#about .history-heading img.position-absolute {
z-index: -1;
top: -45%;
left: -50%;
}
.vertical-text {
writing-mode: vertical-rl;
letter-spacing: 1px;
width: auto;
padding: 0;
margin: 0 5px;
}
.mb-6rem {
margin-bottom: 6rem;
}
.pb-6rem {
padding-bottom: 6rem;
}
.font-28{
font-size: 2.8rem;
}
.font-40{
font-size: 4.0rem;
}
.card-product {
padding: 40px 30px;
background-color: white;
height: 100%;
}
.card-product .tag-red {
width: fit-content;
background-color: #c93650;
color: #fff;
padding: 5px 8px;
}
.card-product .product-title{
padding-bottom: 4px;
border-bottom: 1px solid #a37d37;
margin-bottom: 2.25rem;
}
.card-product .border-gold {
padding: 25px 20px;
background-color: #fff9ee;
border: 1px solid #a27e39;
}
.card-product button {
font-size: 0.9em;
margin: 0 5px auto 0;
border-radius: .4em
}
.card-product .icon-btn {
max-width: 25px;
padding-bottom: 1px;
}
#products #mizuhiki-list {
display: flex;
flex-wrap: wrap;
padding: 2em 3em;
justify-content: space-between;
}
#products #mizuhiki-list .each-colour {
width: 17.5%;
margin: 0 0 3.75rem;
}
#products #mizuhiki-list .each-colour img {
margin-bottom: 1rem;
}
.hr-long-image {
width: 100%;
background-color: indianred;
margin: 10rem 0;
}
.title-red-line {
border-bottom: 2px solid #bb3d3f;
}
.title-red-line > .tag{
background-color: #bb3d3f;
color: #fff;
padding: 10px 16px 8px;
font-family: "游ゴシック";
display: inline-block;
margin-bottom: -1px;
}
.each-year {
margin-bottom: 24px;
}
.each-year .year-num {
color: white;
padding: 4px 8px;
margin-bottom: 20px;
font-family: "游ゴシック";
}
#about .year-num.gold {
background-color: #d8c49e;
color: #665637;
}
#about .year-num.darkgold{
background-color: #a48b60;
}
#about .year-num.red{
background-color: #b53437;
}
#about #history_timeline > .each-year .year-description {
margin-bottom: 20px;
}
#about .box-shadow {
box-shadow: 2px 1px 4px #ccc;
}
#about #oonishi_gallery #slider{
background-image: url(../img/bg_oonishi_7.webp);
background-repeat: repeat no-repeat;
background-position: bottom;
background-size: auto 48%;
}
#about .ayumi-content{
background: url(../img/img_ayumi_5.webp) -312px no-repeat,
url(../img/bg_ayumi_wave.webp) bottom repeat no-repeat;
background-size: auto, auto;
}
#about #history_timeline #bg_left{
background-color: rgba(88,80,78,1);
background: url('../img/bg_history_left.webp');
}
#about #recruit_bg_red{
color: #fff;
background-color: #bb3d3f;
background-image: url('../img/bg_red_chess.webp'), url('../img/bg_red_chess.webp');
background-position: top left, bottom right;
background-repeat: no-repeat, no-repeat;
}
#about .btn_recruit_link{
background-color: #a48b60;
color: #fff;
border: none;
}
@media only screen and (max-width: 767px) {
.btn_nav_paper p{
font-size: 12px;
}
#products #mizuhiki-list {
padding: 2rem 0;
}
#products #mizuhiki-list .each-colour {
width: 48%;
margin: 0 0 3.75rem;
}
}