*, ::after, ::before {
box-sizing: border-box
}
html {
line-sizing: normal
}
body {
margin: 0
}
[hidden] {
display: none
}
pre {
white-space: pre-wrap
}
hr {
border-style: solid;
border-width: 1px 0 0;
color: inherit;
height: 0;
overflow: visible
}
audio, canvas, embed, iframe, img, object, svg, video {
display: block;
vertical-align: middle;
max-width: 100%
}
audio:not([controls]) {
display: none
}
picture {
display: contents
}
source {
display: none
}
canvas, img, svg, video {
height: auto
}
audio {
width: 100%
}
img {
border-style: none
}
svg {
overflow: hidden
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block
}
[type=checkbox], [type=radio] {
box-sizing: border-box;
padding: 0
}
* {
box-sizing: border-box
}
body {
min-width: 320px
}
ul {
margin: 0;
padding: 0;
list-style: none
}
h1, h2, h3, h4, h5, h6 {
margin: 0
}
a:link {
color: #221714
}
a:visited {
color: #221714
}
a:hover {
color: #221714
}
a:active {
color: #221714
}
table {
border-collapse: collapse;
border-spacing: 0;
}
table tr td img {
display: inline;
}
/***********************
共通
************************/
html {
/*font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;*/
/*  font-family: 'Times New Roman', YuMincho, 'Hiragino Mincho ProN', 'Yu Mincho', 'MS PMincho', serif !important;*/
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
font-weight: 400 !important;
font-size: 0.725rem;
}
body {
background: #ffffff;
/*color: #1e1e1e;  */
color: #3c3c3c;
/*font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;*/
font-weight: 400;
line-height: 1.8;
word-wrap: break-word;
overflow-wrap: break-word;
}
.TL {
text-align: left !important;
}
.TC {
text-align: center !important;
}
.TR {
text-align: right !important;
}
@media screen and (max-width: 640px) {
span.block {
display: block;
}
}
/*---------アンカー-------*/
a.anchorlink {
display: block;
margin-top: -250px;
padding-top: 250px;
}
@media screen and (max-width: 1024px) {
a.anchorlink {
display: block;
margin-top: -60px;
padding-top: 60px;
}
}
/*--- 上 ----------*/
.mgT0 {
margin-top: 0px !important;
}
.mgT5 {
margin-top: 5px !important;
}
.mgT10 {
margin-top: 10px !important;
}
.mgT15 {
margin-top: 15px !important;
}
.mgT20 {
margin-top: 20px !important;
}
.mgT25 {
margin-top: 25px !important;
}
.mgT30 {
margin-top: 30px !important;
}
.mgT40 {
margin-top: 40px !important;
}
.mgT50 {
margin-top: 50px !important;
}
.pdT5 {
padding-top: 5px !important;
}
.pdT10 {
padding-top: 10px !important;
}
.pdT15 {
padding-top: 15px !important;
}
.pdT20 {
padding-top: 20px !important;
}
.pdT25 {
padding-top: 25px !important;
}
.pdT30 {
padding-top: 30px !important;
}
.pdT40 {
padding-top: 40px !important;
}
.pdT50 {
padding-top: 50px !important;
}
/*--- 右 ----------*/
.mgR0 {
margin-right: 0px !important;
}
.mgR10 {
margin-right: 10px !important;
}
.mgR15 {
margin-right: 15px !important;
}
.mgR20 {
margin-right: 20px !important;
}
.mgR25 {
margin-right: 25px !important;
}
.mgR30 {
margin-right: 30px !important;
}
.mgR40 {
margin-right: 40px !important;
}
.mgR50 {
margin-right: 50px !important;
}
.pdR5 {
padding-right: 5px !important;
}
.pdR10 {
padding-right: 10px !important;
}
.pdR15 {
padding-right: 15px !important;
}
.pdR20 {
padding-right: 20px !important;
}
.pdR25 {
padding-right: 25px !important;
}
.pdR30 {
padding-right: 30px !important;
}
.pdR40 {
padding-right: 40px !important;
}
.pdR50 {
padding-right: 50px !important;
}
/*--- 左 ----------*/
.mgL0 {
margin-left: 0px !important;
}
.mgL10 {
margin-left: 10px !important;
}
.mgL15 {
margin-left: 15px !important;
}
.mgL20 {
margin-left: 20px !important;
}
.mgL25 {
margin-left: 25px !important;
}
.mgL30 {
margin-left: 30px !important;
}
.mgL40 {
margin-left: 40px !important;
}
.mgL50 {
margin-left: 50px !important;
}
.pdL5 {
padding-left: 5px !important;
}
.pdL10 {
padding-left: 10px !important;
}
.pdL15 {
padding-left: 15px !important;
}
.pdL20 {
padding-left: 20px !important;
}
.pdL25 {
padding-left: 25px !important;
}
.pdL30 {
padding-left: 30px !important;
}
.pdL40 {
padding-left: 40px !important;
}
.pdL50 {
padding-left: 50px !important;
}
/*--- 下 ----------*/
.mgB0 {
margin-bottom: 0px !important;
}
.mgB5 {
margin-bottom: 5px !important;
}
.mgB10 {
margin-bottom: 10px !important;
}
.mgB15 {
margin-bottom: 15px !important;
}
.mgB20 {
margin-bottom: 20px !important;
}
.mgB25 {
margin-bottom: 25px !important;
}
.mgB30 {
margin-bottom: 30px !important;
}
.mgB40 {
margin-bottom: 40px !important;
}
.mgB50 {
margin-bottom: 50px !important;
}
.pdB5 {
padding-bottom: 5px !important;
}
.pdB10 {
padding-bottom: 10px !important;
}
.pdB15 {
padding-bottom: 15px !important;
}
.pdB20 {
padding-bottom: 20px !important;
}
.pdB25 {
padding-bottom: 25px !important;
}
.pdB30 {
padding-bottom: 30px !important;
}
.pdB40 {
padding-bottom: 40px !important;
}
.pdB50 {
padding-bottom: 50px !important;
}
/*--- 上下 ----------*/
.mgTB0 {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.mgTB5 {
margin-top: 5px !important;
margin-bottom: 5px !important;
}
.mgTB10 {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.mgTB15 {
margin-top: 15px !important;
margin-bottom: 15px !important;
}
.mgTB20 {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.mgTB20 {
margin-top: 25px !important;
margin-bottom: 25px !important;
}
.mgTB30 {
margin-top: 30px !important;
margin-bottom: 30px !important;
}
.mgTB40 {
margin-top: 40px !important;
margin-bottom: 40px !important;
}
.mgTB50 {
margin-top: 50px !important;
margin-bottom: 50px !important;
}
.pdTB5 {
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.pdTB10 {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.pdTB15 {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
.pdTB20 {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.pdTB25 {
padding-top: 25px !important;
padding-bottom: 25px !important;
}
.pdTB30 {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.pdTB40 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.pdTB50 {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
/*--- 左右 ----------*/
.mgLR0 {
margin-left: 0px !important;
margin-right: 0px !important;
}
.mgLR10 {
margin-left: 10px !important;
margin-right: 10px !important;
}
.mgLR15 {
margin-left: 15px !important;
margin-right: 15px !important;
}
.mgLR20 {
margin-left: 20px !important;
margin-right: 20px !important;
}
.mgLR25 {
margin-left: 25px !important;
margin-right: 25px !important;
}
.mgLR30 {
margin-left: 30px !important;
margin-right: 30px !important;
}
.mgLR40 {
margin-left: 40px !important;
margin-right: 40px !important;
}
.mgLR50 {
margin-left: 50px !important;
margin-right: 50px !important;
}
.pdLR5 {
padding-left: 5px !important;
padding-right: 5px !important;
}
.pdLR10 {
padding-left: 10px !important;
padding-right: 10px !important;
}
.pdLR15 {
padding-left: 15px !important;
padding-right: 15px !important;
}
.pdLR20 {
padding-left: 20px !important;
padding-right: 20px !important;
}
.pdLR25 {
padding-left: 25px !important;
padding-right: 25px !important;
}
.pdLR30 {
padding-left: 30px !important;
padding-right: 30px !important;
}
.pdLR40 {
padding-left: 40px !important;
padding-right: 40px !important;
}
.pdLR50 {
padding-left: 50px !important;
padding-right: 50px !important;
}
/*--- 全体 ----------*/
.mgA0 {
margin: 0px !important;
}
.mgA10 {
margin: 10px !important;
}
.mgA15 {
margin: 15px !important;
}
.mgA20 {
margin: 20px !important;
}
.mgA25 {
margin: 25px !important;
}
.mgA30 {
margin: 30px !important;
}
.mgA40 {
margin: 40px !important;
}
.mgA50 {
margin: 50px !important;
}
.pdA5 {
padding: 5px !important;
}
.pdA10 {
padding: 10px !important;
}
.pdA15 {
padding: 15px !important;
}
.pdA20 {
padding: 20px !important;
}
.pdA25 {
padding: 25px !important;
}
.pdA30 {
padding: 30px !important;
}
.pdA40 {
padding: 40px !important;
}
.pdA50 {
padding: 50px !important;
}
/*--- column（float） ----------*/
.clm2-1, .clm2-2, .clm3-1, .clm3-2, .clm3-3, .clm4-1, .clm4-2, .clm4-4, .clm5-1, .clm5-3, .clm5-5 {
width: 100%;
overflow: hidden;
}
ul.clm2-1 > li, .clm2-1 > dl, .clm2-1 > div, ul.clm2-2 > li, .clm2-2 > dl, .clm2-2 > div, ul.clm3-1 > li, .clm3-1 > dl, .clm3-1 > div, ul.clm3-2 > li, .clm3-2 > dl, .clm3-2 > div, ul.clm3-3 > li, .clm3-3 > dl, .clm3-3 > div, ul.clm4-1 > li, .clm4-1 > dl, .clm4-1 > div, ul.clm4-2 > li, .clm4-2 > dl, .clm4-2 > div, ul.clm4-4 > li, .clm4-4 > dl, .clm4-4 > div, ul.clm5-1 > li, .clm5-1 > dl, .clm5-1 > div, ul.clm5-3 > li, .clm5-3 > dl, .clm5-3 > div, ul.clm5-5 > li, .clm5-5 > dl, .clm5-5 > div {
float: left;
margin-bottom: 20px;
}
ul.clm2-1 > li a, .clm2-1 > dl > a, .clm2-1 > div > a, ul.clm2-2 > li a, .clm2-2 > dl > a, .clm2-2 > div > a, ul.clm3-1 > li a, .clm3-1 > dl > a, .clm3-1 > div > a, ul.clm3-2 > li a, .clm3-2 > dl > a, .clm3-2 > div > a, ul.clm3-3 > li a, .clm3-3 > dl > a, .clm3-3 > div > a, ul.clm4-1 > li a, .clm4-1 > dl > a, .clm4-1 > div > a, ul.clm4-2 > li a, .clm4-2 > dl > a, .clm4-2 > div > a, ul.clm4-4 > li a, .clm4-4 > dl > a, .clm4-4 > div > a, ul.clm5-1 > li a, .clm5-1 > dl > a, .clm5-1 > div > a, ul.clm5-3 > li a, .clm5-3 > dl > a, .clm5-3 > div > a, ul.clm5-5 > li a, .clm5-5 > dl > a, .clm5-5 > div > a {
display: block;
width: 100%;
height: 100%;
}
@media screen and (max-width: 767px) {
ul.clm2-1 > li, .clm2-1 > dl, .clm2-1 > div, ul.clm2-2 > li, .clm2-2 > dl, .clm2-2 > div, ul.clm3-1 > li, .clm3-1 > dl, .clm3-1 > div, ul.clm3-2 > li, .clm3-2 > dl, .clm3-2 > div, ul.clm3-3 > li, .clm3-3 > dl, .clm3-3 > div, ul.clm4-1 > li, .clm4-1 > dl, .clm4-1 > div, ul.clm4-2 > li, .clm4-2 > dl, .clm4-2 > div, ul.clm4-4 > li, .clm4-4 > dl, .clm4-4 > div, ul.clm5-1 > li, .clm5-1 > dl, .clm5-1 > div, ul.clm5-3 > li, .clm5-3 > dl, .clm5-3 > div, ul.clm5-5 > li, .clm5-5 > dl, .clm5-5 > div {
float: left;
margin-bottom: 10px;
}
}
ul.clm2-1 > li, .clm2-1 > dl, .clm2-1 > div, ul.clm2-2 > li, .clm2-2 > dl, .clm2-2 > div {
width: 49%;
margin-right: 2%;
}
ul.clm2-1 > li:nth-child(2n), .clm2-1 > dl:nth-child(2n), .clm2-1 > div:nth-child(2n), ul.clm2-2 > li:nth-child(2n), .clm2-2 > dl:nth-child(2n), .clm2-2 > div:nth-child(2n) {
margin-right: 0;
}
ul.clm3-1 > li, .clm3-1 > dl, .clm3-1 > div, ul.clm3-2 > li, .clm3-2 > dl, .clm3-2 > div, ul.clm3-3 > li, .clm3-3 > dl, .clm3-3 > div {
width: 32%;
margin-right: 2%;
}
ul.clm3-1 > li:nth-child(3n), .clm3-1 > dl:nth-child(3n), .clm3-1 > div:nth-child(3n), ul.clm3-2 > li:nth-child(3n), .clm3-2 > dl:nth-child(3n), .clm3-2 > div:nth-child(3n), ul.clm3-3 > li:nth-child(3n), .clm3-3 > dl:nth-child(3n), .clm3-3 > div:nth-child(3n) {
margin-right: 0;
}
ul.clm4-1 > li, .clm4-1 > dl, .clm4-1 > div, ul.clm4-2 > li, .clm4-2 > dl, .clm4-2 > div, ul.clm4-4 > li, .clm4-4 > dl, .clm4-4 > div {
width: 23.5%;
margin-right: 2%;
}
ul.clm4-1 > li:nth-child(4n), .clm4-1 > dl:nth-child(4n), .clm4-1 > div:nth-child(4n), ul.clm4-2 > li:nth-child(4n), .clm4-2 > dl:nth-child(4n), .clm4-2 > div:nth-child(4n), ul.clm4-4 > li:nth-child(4n), .clm4-4 > dl:nth-child(4n), .clm4-4 > div:nth-child(4n) {
margin-right: 0;
}
ul.clm5-1 > li, .clm5-1 > dl, .clm5-1 > div, ul.clm5-3 > li, .clm5-3 > dl, .clm5-3 > div, ul.clm5-5 > li, .clm5-5 > dl, .clm5-5 > div {
width: 18.4%;
margin-right: 2%;
}
ul.clm5-1 > li:nth-child(5n), .clm5-1 > dl:nth-child(5n), .clm5-1 > div:nth-child(5n), ul.clm5-3 > li:nth-child(5n), .clm5-3 > dl:nth-child(5n), .clm5-3 > div:nth-child(5n), ul.clm5-5 > li:nth-child(5n), .clm5-5 > dl:nth-child(5n), .clm5-5 > div:nth-child(5n) {
margin-right: 0;
}
@media screen and (max-width: 767px) {
ul.clm2-1 > li, .clm2-1 > dl, .clm2-1 > div, ul.clm3-1 > li, .clm3-1 > dl, .clm3-1 > div, ul.clm4-1 > li, .clm4-1 > dl, .clm4-1 > div, ul.clm5-1 > li, .clm5-1 > dl, .clm5-1 > div {
width: 100%;
margin-right: 0;
}
ul.clm3-2 > li, .clm3-2 > dl, .clm3-2 > div, ul.clm4-2 > li, .clm4-2 > dl, .clm4-2 > div {
width: 49%;
margin-right: 2%;
}
ul.clm3-2 > li:nth-child(3n), .clm3-2 > dl:nth-child(3n), .clm3-2 > div:nth-child(3n) {
margin-right: 2%;
}
ul.clm3-2 > li:nth-child(2n), .clm3-2 > dl:nth-child(2n), .clm3-2 > div:nth-child(2n) {
margin-right: 0;
}
ul.clm4-2 > li:nth-child(2n), .clm4-2 > dl:nth-child(2n), .clm4-2 > div:nth-child(2n) {
margin-right: 0;
}
ul.clm5-3 > li, .clm5-3 > dl, .clm5-3 > div {
width: 32%;
margin-right: 2%;
}
ul.clm5-3 > li:nth-child(5n), .clm5-3 > dl:nth-child(5n), .clm5-3 > div:nth-child(5n) {
margin-right: 2%;
}
ul.clm5-3 > li:nth-child(3n), .clm5-3 > dl:nth-child(3n), .clm5-3 > div:nth-child(3n) {
margin-right: 0;
}
}
/*--- flexbox ----------*/
.clmFl2, ul.clmFl2 > li, .clmFl2 > dl, .clmFl3, ul.clmFl3 > li, .clmFl3 > dl, .clmFl4, ul.clmFl4 > li, .clmFl4 > dl, .clmFl5, ul.clmFl5 > li, .clmFl5 > dl {
display: flex;
display: -webkit-box; /* Androidブラウザ用 */
display: -ms-flexbox; /* IE10 */
display: -webkit-flex; /* safari（PC）用 */
justify-content: space-between;
align-content: space-between;
-ms-align-content: space-between; /* IE10 */
-webkit-align-content: space-between; /* safari（PC）用 */
flex-wrap: wrap;
-ms-flex-wrap: wrap; /* IE10 */
-webkit-flex-wrap: wrap; /* safari（PC）用 */
align-items: stretch;
-ms-align-items: stretch; /* IE10 */
-webkit-align-items: stretch; /* safari（PC）用 */
}
.clmFl2, ul.clmFl2 > li, .clmFl2 > dl {
flex-basis: 49%;
}
.clmFl3, ul.clmFl3 > li, .clmFl3 > dl {
flex-basis: 32%;
}
.clmFl4, ul.clmFl4 > li, .clmFl4 > dl {
flex-basis: 23.5%;
}
.clmFl5, ul.clmFl5 > li, .clmFl5 > dl {
flex-basis: 18.4%;
}
.clmFl2 a, ul.clmFl2 > li a, .clmFl2 > dl a, .clmFl3 a, ul.clmFl3 > li a, .clmFl3 > dl a, .clmFl4 a, ul.clmFl4 > li a, .clmFl4 > dl a, .clmFl5 a, ul.clmFl5 > li a, .clmFl5 > dl a {
display: block;
width: 100%;
height: 100%;
}
/*--- flexbox（複数行に渡って上下左右の間隔を均等にする場合） ----------*/
.clmFlSp2-1, ul.clmFlSp2-1 > li, .clmFlSp2-1 > dl, .clmFlSp2-2, ul.clmFlSp2-2 > li, .clmFlSp2-2 > dl, .clmFlSp3-1, ul.clmFlSp3-1 > li, .clmFlSp3-1 > dl, .clmFlSp3-2, ul.clmFlSp3-2 > li, .clmFlSp3-2 > dl, .clmFlSp3-3, ul.clmFlSp3-3 > li, .clmFlSp3-3 > dl, .clmFlSp4-1, ul.clmFlSp4-1 > li, .clmFlSp4-1 > dl, .clmFlSp4-2, ul.clmFlSp4-2 > li, .clmFlSp4-2 > dl, .clmFlSp4-4, ul.clmFlSp4-4 > li, .clmFlSp4-4 > dl, .clmFlSp5-1, ul.clmFlSp5-1 > li, .clmFlSp5-1 > dl, .clmFlSp5-3, ul.clmFlSp5-3 > li, .clmFlSp5-3 > dl, .clmFlSp5-5, ul.clmFlSp5-5 > li, .clmFlSp5-5 > dl {
display: flex;
display: -webkit-box; /* Androidブラウザ用 */
display: -ms-flexbox; /* IE10 */
display: -webkit-flex; /* safari（PC）用 */
flex-wrap: wrap;
-ms-flex-wrap: wrap; /* IE10 */
-webkit-flex-wrap: wrap; /* safari（PC）用 */
align-items: stretch;
-ms-align-items: stretch; /* IE10 */
-webkit-align-items: stretch; /* safari（PC）用 */
margin: 0.5%;
}
.clmFlSp2-1, ul.clmFlSp2-1 > li, .clmFlSp2-1 > dl, .clmFlSp2-2, ul.clmFlSp2-2 > li, .clmFlSp2-2 > dl {
flex-basis: 49%;
}
.clmFlSp3-1, ul.clmFlSp3-1 > li, .clmFlSp3-1 > dl, .clmFlSp3-2, ul.clmFlSp3-2 > li, .clmFlSp3-2 > dl, .clmFlSp3-3, ul.clmFlSp3-3 > li, .clmFlSp3-3 > dl {
flex-basis: 32.333%;
}
.clmFlSp4-1, ul.clmFlSp4-1 > li, .clmFlSp4-1 > dl, .clmFlSp4-2, ul.clmFlSp4-2 > li, .clmFlSp4-2 > dl, .clmFlSp4-4, ul.clmFlSp4-4 > li, .clmFlSp4-4 > dl {
flex-basis: 24%;
}
.clmFlSp5-1, ul.clmFlSp5-1 > li, .clmFlSp5-1 > dl, .clmFlSp5-3, ul.clmFlSp5-3 > li, .clmFlSp5-3 > dl, .clmFlSp5-5, ul.clmFlSp5-5 > li, .clmFlSp5-5 > dl {
flex-basis: 19%;
}
.clmFlSp2-1 a, ul.clmFlSp2-1 > li a, .clmFlSp2-1 > dl > a, .clmFlSp2-2 a, ul.clmFlSp2-2 > li a, .clmFlSp2-2 > dl > a, .clmFlSp3-1 a, ul.clmFlSp3-1 > li a, .clmFlSp3-1 > dl > a, .clmFlSp3-2 a, ul.clmFlSp3-2 > li a, .clmFlSp3-2 > dl > a, .clmFlSp3-3 a, ul.clmFlSp3-3 > li a, .clmFlSp3-3 > dl > a, .clmFlSp4-1 a, ul.clmFlSp4-1 > li a, .clmFlSp4-1 > dl > a, .clmFlSp4-2 a, ul.clmFlSp4-2 > li a, .clmFlSp4-2 > dl > a, .clmFlSp4-4 a, ul.clmFlSp4-4 > li a, .clmFlSp4-4 > dl > a, .clmFlSp5-1 a, ul.clmFlSp5-1 > li a, .clmFlSp5-1 > dl > a, .clmFlSp5-3 a, ul.clmFlSp5-3 > li a, .clmFlSp5-3 > dl > a, .clmFlSp5-5 a, ul.clmFlSp5-5 > li a, .clmFlSp5-5 > dl > a {
display: block;
width: 100%;
}
@media screen and (max-width: 767px) {
.clmFlSp2-1, ul.clmFlSp2-1 > li, .clmFlSp2-1 > dl, .clmFlSp3-1, ul.clmFlSp3-1 > li, .clmFlSp3-1 > dl, .clmFlSp4-1, ul.clmFlSp4-1 > li, .clmFlSp4-1 > dl, .clmFlSp5-1, ul.clmFlSp5-1 > li, .clmFlSp5-1 > dl {
flex-basis: 100%;
margin: 0 0 1% 0;
}
.clmFlSp3-2, ul.clmFlSp3-2 > li, .clmFlSp3-2 > dl, .clmFlSp4-2, ul.clmFlSp4-2 > li, .clmFlSp4-2 > dl {
flex-basis: 49%;
}
.clmFlSp5-3, ul.clmFlSp5-3 > li, .clmFlSp5-3 > dl {
flex-basis: 32.333%;
}
}
/**###################　ヘッダ固定*/
main {
padding-top: 160px !important;
}
@media screen and (max-width: 1024px) {
main {
padding-top: 90px !important;
}
}
header {
background: #ffffff;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
}
.for-pc {
display: block !important
}
.for-sp {
display: none !important
}
.logo {
width: 224px
}
.button-menu > li img, .hover, .search-submit, a, main section.slider .outer .swiper-main .swiper-button-next, main section.slider .outer .swiper-main .swiper-button-prev, main section.slider .outer .swiper-sub .swiper-button-next, main section.slider .outer .swiper-sub .swiper-button-prev {
opacity: 1;
transition: opacity .2s
}
.button-menu > li img:hover, .hover:hover, .search-submit:hover,/* a:hover,*/ main section.slider .outer .swiper-main .swiper-button-next:hover, main section.slider .outer .swiper-main .swiper-button-prev:hover, main section.slider .outer .swiper-sub .swiper-button-next:hover, main section.slider .outer .swiper-sub .swiper-button-prev:hover {
opacity: .7;
transition: opacity .2s
}
a {
display: inline-block
}
.to-corporate a {
text-decoration: none
}
.width-right-allow {
vertical-align: middle
}
.width-right-allow:after {
content: '';
display: inline-block;
width: 10px;
height: 10px;
background: url(https://www.kanezaki.co.jp/ec/images/arrow-right.png);
background-size: contain;
margin-left: 5px
}
.search-input {
max-width: 236px;
height: 36px;
border: solid 1px #adb5bd;
padding-left: 15px;
margin-left: 5px;
vertical-align: middle
}
.search-input::placeholder {
font-size: 12px;
color: grey
}
.search-submit {
display: inline-block;
vertical-align: middle;
width: 40px;
height: 40px;
border: none;
background: url(https://www.kanezaki.co.jp/ec/images/search-button.png);
background-size: contain;
background-repeat: no-repeat;
cursor: pointer
}
.button-menu {
display: flex
}
.button-menu > li {
margin-left: 10px
}
.button-menu > li:first-child {
margin-left: 0
}
.button-menu > li img {
width: 50px
}
#menu-sw {
display: none
}
#menu-sw ~ #info #menu-open {
display: block
}
#menu-sw ~ #info #menu-close {
display: none
}
#menu-sw:checked ~ #info #menu-open {
display: none
}
#menu-sw:checked ~ #info #menu-close {
display: block
}
#submenu-sw, #submenu-sw-label {
display: none
}
.sp-menu-button {
display: none
}
.wrap, ul.menu-items #products-area > .expand .products-list > ul {
max-width: 1024px;
margin-left: auto;
margin-right: auto
}
header nav#global-menu {
background: #FFF;
width: 100%;
}
header nav#info {
background: #fff;
border-bottom: 1px solid rgba(34, 23, 20, .2);
z-index: 9999;
}
.menu_back {
width: 100%;
background: #fff;
}
header nav#global-menu ul.menu-items #products-area > .expand nav#info .products-list > ul, header nav#info .wrap, header nav#info nav#global-menu, header nav#info nav#global-menu ul.menu-items #products-area > .expand .products-list > ul {
height: 80px;
display: flex;
align-items: center
}
header nav#global-menu ul.menu-items #products-area > .expand nav#info .products-list > ul .left a, header nav#info .wrap .left a, header nav#info nav#global-menu .left a, header nav#info nav#global-menu ul.menu-items #products-area > .expand .products-list > ul .left a {
vertical-align: bottom
}
header nav#global-menu ul.menu-items #products-area > .expand nav#info .products-list > ul .right, header nav#info .wrap .right, header nav#info nav#global-menu .right, header nav#info nav#global-menu ul.menu-items #products-area > .expand .products-list > ul .right {
flex-grow: 1;
display: flex;
justify-content: flex-end;
align-items: center
}
header nav#global-menu ul.menu-items #products-area > .expand nav#info .products-list > ul .right .search-word, header nav#info .wrap .right .search-word, header nav#info nav#global-menu .right .search-word, header nav#info nav#global-menu ul.menu-items #products-area > .expand .products-list > ul .right .search-word {
margin-left: 37px
}
header nav#global-menu ul.menu-items #products-area > .expand nav#info .products-list > ul .right .search-word form, header nav#info .wrap .right .search-word form, header nav#info nav#global-menu .right .search-word form, header nav#info nav#global-menu ul.menu-items #products-area > .expand .products-list > ul .right .search-word form {
display: flex
}
header nav#global-menu ul.menu-items #products-area > .expand nav#info .products-list > ul .right .search-word form .search-submit, header nav#info .wrap .right .search-word form .search-submit, header nav#info nav#global-menu .right .search-word form .search-submit {
margin-left: 5px
}
header nav#global-menu ul.menu-items #products-area > .expand nav#info .products-list > ul .right .button-menu, header nav#info .wrap .right .button-menu, header nav#info nav#global-menu .right .button-menu, header nav#info nav#global-menu ul.menu-items #products-area > .expand .products-list > ul .right .button-menu {
margin-left: 30px
}
header nav#global-menu ul.menu-items {
height: 80px;
display: flex;
align-items: center;
max-width: 1024px;
margin-left: auto;
margin-right: auto;
}
header nav#global-menu ul.menu-items > li {
display: flex;
align-items: center;
justify-content: space-between;
flex-grow: 1
}
header nav#global-menu ul.menu-items > li:after, header nav#global-menu ul.menu-items > li:before {
content: '';
display: block;
width: 1px;
height: 16px;
background: #98211a;
margin-left: 0;
margin-right: 0
}
header nav#global-menu ul.menu-items > li:after {
visibility: hidden
}
header nav#global-menu ul.menu-items > li:last-child:after {
visibility: visible
}
header nav#global-menu ul.menu-items > li a {
text-decoration: none;
padding: 10px 20px
}
header nav#global-menu ul.menu-items #products-area > .expand .products-list {
z-index: 100;
visibility: hidden;
opacity: 0;
transition: visibility .1s, opacity .1s;
position: absolute;
left: 0;
/*top: 160px;*/
width: 100%;
background: rgb(255 255 254 / 1.0);
}
header nav#global-menu ul.menu-items #products-area > .expand .products-list > ul {
margin-top: 10px;
margin-bottom: 20px;
display: flex;
flex-wrap: wrap
}
header nav#global-menu ul.menu-items #products-area > .expand .products-list > ul > li {
flex-basis: 20%
}
header nav#global-menu ul.menu-items #products-area > .expand .products-list > ul > li > a {
display: flex;
align-items: center;
font-size: 14px;
line-height: 1.2
}
header nav#global-menu ul.menu-items #products-area > .expand .products-list > ul > li > a span {
display: block;
max-width: 100px;
width: 100%;
}
@media screen and (max-width:1024px) {
header nav#global-menu ul.menu-items #products-area > .expand .products-list > ul > li > a span {
display: block;
max-width: 100%;
}
}
header nav#global-menu ul.menu-items #products-area > .expand .products-list > ul > li > a img {
width: 50px;
margin-right: 10px
}
main section.slider {
background: #221714;
overflow: hidden;
padding-top: 30px;
padding-bottom: 30px
}
main section.slider .outer {
position: relative
}
main section.slider .outer .swiper-main .swiper-slide a:hover {
opacity: 1
}
main section.slider .outer .swiper-main .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover
}
main section.slider .outer .swiper-main .swiper-button-next, main section.slider .outer .swiper-main .swiper-button-prev {
width: 40px;
height: 40px;
background: 0 0;
margin-top: -20px
}
main section.slider .outer .swiper-main .swiper-button-next:hover, main section.slider .outer .swiper-main .swiper-button-prev:hover {
opacity: .8
}
main section.slider .outer .swiper-main .swiper-button-next {
right: 20px
}
main section.slider .outer .swiper-main .swiper-button-prev {
left: 20px
}
main section.slider .outer .swiper-main .swiper-pagination {
bottom: 0;
margin-bottom: -45px
}
main section.slider .outer .swiper-main .swiper-pagination .swiper-pagination-bullet {
background-color: #e6e6e6;
opacity: 1;
width: 16px;
height: 16px
}
main section.slider .outer .swiper-main .swiper-pagination .swiper-pagination-bullet-active {
background-color: #98211a;
opacity: 1
}
main section.slider .outer .swiper-sub {
position: relative;
margin-top: 30px;
max-width: 1024px;
overflow: hidden;
margin-left: auto;
margin-right: auto
}
main section.slider .outer .swiper-sub .swiper-slide {
opacity: .6
}
main section.slider .outer .swiper-sub .swiper-slide.swiper-slide-thumb-active {
opacity: 1
}
main section.slider .outer .swiper-sub .swiper-slide img {
cursor: pointer
}
main section.slider .outer .swiper-sub .swiper-button-next, main section.slider .outer .swiper-sub .swiper-button-prev {
width: 20px;
height: 80px;
background: 0 0;
margin-top: -40px
}
main section.slider .outer .swiper-sub .swiper-button-next:hover, main section.slider .outer .swiper-sub .swiper-button-prev:hover {
opacity: 1
}
main section.slider .outer .swiper-sub .swiper-button-next {
right: 0
}
main section.slider .outer .swiper-sub .swiper-button-prev {
left: 0
}
main section.philosophy header main section.philosophy > nav#global-menu, header nav#global-menu ul.menu-items #products-area > .expand main section.products-list.philosophy > ul, main header nav#global-menu ul.menu-items #products-area > .expand section.products-list.philosophy > ul, main header section.philosophy > nav#global-menu, main section.philosophy > .wrap {
position: relative;
background: #eee;
padding: 30px 0
}
@media screen and (min-width:1025px) {
header nav#global-menu ul.menu-items #products-area > .expand:hover {
margin-top: 25px
}
header nav#global-menu ul.menu-items #products-area > .expand:hover > .products-list {
visibility: visible;
opacity: .96;
transition: visibility .1s, opacity .1s
}
header nav#global-menu ul.menu-items #products-area > .expand:hover:after {
content: '';
display: block;
width: 100%;
height: 25px
}
main section.slider .outer .swiper-main .swiper-pagination {
display: none
}
}
@media screen and (max-width:1024px) {
.for-pc {
display: none !important
}
.for-sp {
display: block !important
}
.logo {
width: 150px
}
.button-menu > li {
margin-left: 6px
}
.button-menu > li:first-child {
margin-left: 0
}
.button-menu > li img {
width: 40px
}
.button-menu > li img#menu-close, .button-menu > li img#menu-open {
width: 32px;
margin-top: 5px
}
.sp-menu-button {
display: block
}
header nav#info {
padding-left: 10px;
padding-right: 10px
}
header nav#global-menu ul.menu-items #products-area > .expand nav#info .products-list > ul, header nav#info .wrap, header nav#info nav#global-menu, header nav#info nav#global-menu ul.menu-items #products-area > .expand .products-list > ul {
height: 70px
}
header nav#global-menu {
visibility: hidden;
z-index: 100;
opacity: 0;
transition: visibility .1s, opacity .1s;
position: absolute;
margin-top: 5px;
background: #fff;
padding: 15px 10px;
width: 100%
}
header nav#global-menu .to-corporate {
text-align: right;
margin-right: 10px
}
header nav#global-menu .search-word form {
display: flex;
margin-top: 20px
}
header nav#global-menu .search-word form .search-input {
max-width: 100%;
flex-grow: 1;
margin-left: 0;
margin-right: 10px
}
header nav#global-menu ul.menu-items {
display: block;
margin-top: 10px;
height: auto
}
header nav#global-menu ul.menu-items > li {
justify-content: initial;
border-bottom: dashed 1px #221714
}
header nav#global-menu ul.menu-items > li:before {
width: 3px
}
header nav#global-menu ul.menu-items > li:after {
content: none
}
header nav#global-menu ul.menu-items > li > a {
width: 100%;
padding: 15px 20px
}
header nav#global-menu ul.menu-items > li#products-area:before {
align-self: flex-start;
margin-top: 20px
}
header nav#global-menu ul.menu-items > li#products-area .expand {
width: 100%
}
header nav#global-menu ul.menu-items > li#products-area .expand > .raw {
display: flex;
align-items: center;
justify-content: space-between
}
header nav#global-menu ul.menu-items > li#products-area .expand > .raw > a {
width: 100%;
padding-top: 15px;
padding-bottom: 15px
}
header nav#global-menu ul.menu-items > li#products-area .expand > .raw > #submenu-sw-label {
display: block;
padding: 10px
}
header nav#global-menu ul.menu-items > li#products-area .expand > .raw > #submenu-sw-label img {
width: 17px;
transform: rotate(-180deg);
transition: transform .5s
}
header nav#global-menu ul.menu-items > li#products-area .expand .products-list {
visibility: visible;
position: relative;
top: 0;
overflow: hidden;
max-height: 0;
opacity: 0;
transition: max-height .5s, opacity .5s;
border-top: dashed 1px #221714
}
header nav#global-menu ul.menu-items > li#products-area .expand .products-list li a {
padding-left: 0;
padding-right: 0
}
header nav#global-menu ul.menu-items > li#products-area .expand:after {
content: none !important
}
header nav#global-menu ul.menu-items > li#products-area .expand:hover {
margin-top: 0
}
header nav#global-menu ul.menu-items > li#products-area .expand #submenu-sw:checked ~ .raw #submenu-sw-label img {
transform: rotate(0);
transition: transform .5s
}
header nav#global-menu ul.menu-items > li#products-area .expand #submenu-sw:checked ~ .products-list {
max-height: 280vh;
opacity: 1;
transition: max-height .5s, opacity .5s
}
header nav#global-menu .bottom-close {
padding: 10px 0 0 0;
text-align: center
}
header nav#global-menu .bottom-close label img {
display: inline-block;
width: 32px;
margin: 10px
}
header {
margin-bottom: 35px
}
header #menu-sw:checked ~ nav#global-menu {
visibility: visible;
opacity: .96;
transition: visibility .1s, opacity .1s;
position: fixed;
height: 80%;
overflow: auto;
-webkit-overflow-scrolling: touch;
z-index: 9999;
width: 100%;
left: 0;
}
main section.slider .outer .swiper-main .swiper-button-next, main section.slider .outer .swiper-main .swiper-button-prev {
display: none
}
main section.slider .outer .swiper-sub {
display: none
}
main section.slider {
padding-bottom: 70px
}
}
@media screen and (max-width:1024px) and (max-width:1024px) {
header nav#global-menu ul.menu-items > li#products-area .expand .products-list li {
flex-basis: calc(100% / 3)
}
}
@media screen and (max-width:1024px) and (max-width:520px) {
header nav#global-menu ul.menu-items > li#products-area .expand .products-list li {
flex-basis: 50%
}
}
/***********************
リンクボタン
************************/
a.Btn {
border: 1px solid #221714;
padding: 0.5em 2em;
text-decoration: none;
background-color: #FFF;
text-align: center;
}
a.Btn span {
text-align: center;
text-decoration: none;
background-image: url("https://www.kanezaki.co.jp/ec/images/arrow-right.png");
background-repeat: no-repeat;
background-size: 10px;
background-position: right 50%;
padding-right: 1.5em;
}
.BtnCenter {
margin: 20px auto;
display: block;
text-align: center;
}
.BtnRight {
margin: 20px 0 20px auto;
display: block;
text-align: right;
}
/***********************
TOP　レイアウト
************************/
.contents {
display: block;
width: 100%;
max-width: 1024px;
margin-left: auto;
margin-right: auto
}
@media screen and (max-width:1024px) {
.contents {
padding: 0 10px;
}
}
/***********************
TOPお知らせ
************************/
main section.important {
padding-top: 50px;
padding-bottom: 30px;
width: 100%;
}
@media screen and (max-width:1024px) {
main section.important {
padding-top: 50px;
padding-bottom: 20px
}
}
@media screen and (max-width:768px) {
main section.important {
padding-top: 40px;
padding-bottom: 20px
}
}
.ImportantNotice {
width: 100%;
border: 1px solid #98211a;
padding: 15px;
overflow: hidden;
}
.ImportantNotice p.ImportantNoticeTitle {
display: block;
background: #98211a;
/*font-size: 1.0em;*/
color: #FFF;
padding: 10px;
float: left;
line-height: 1.0;
margin: 0 30px 0 0;
}
.ImportantNotice ul {
display: block;
overflow: hidden;
}
.ImportantNotice ul li {
line-height: 2.4;
padding-left: 1.5em;
background-image: url("https://www.kanezaki.co.jp/ec/images/arrow-right.png");
background-repeat: no-repeat;
background-size: 10px;
background-position: left 0.8em;
}
@media screen and (max-width:767px) {
.ImportantNotice {
font-size: 12px;
padding: 0;
}
.ImportantNotice ul {
padding: 0px 10px 5px;
}
.ImportantNotice ul li {
line-height: 1.5;
background-position: left 0.5em;
}
.ImportantNotice p.ImportantNoticeTitle {
display: block;
float: none;
margin: 0 0 0.5em 0;
}
}
/***********************
TOPバナー
************************/
main section.banners {
padding-top: 50px;
padding-bottom: 50px
}
.banners ul {
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
max-width: 1024px;
}
.banners ul li {
margin-left: 30px;
flex-grow: 1;
}
.banners ul li:nth-child(odd) {
margin-left: 0;
}
@media screen and (max-width:767px) {
.banners ul {
flex-wrap: wrap;
}
.banners ul li {
margin-left: 0px;
margin-bottom: 15px;
}
}
/***********************
TOPこだわり
************************/
main section.philosophy {
position: relative;
overflow: hidden;
}
main section.philosophy:before {
content: '';
display: block;
position: absolute;
background: #eee;
width: calc(100vw /1.31);
height: 100%;
top: 0;
right: 0;
z-index: -999;
}
main section.philosophy .philosophyOuter {
display: flex;
}
main section.philosophy .philosophyOuter .philosophyimg {
padding: 50px 50px 50px 0;
max-width: 50%;
}
main section.philosophy .philosophyOuter .philosophytext {
padding: 50px 0px 50px 100px;
max-width: 50%;
}
main section.philosophy .philosophyOuter .philosophytext h1 {
display: block;
font-size: 1.875em;
font-weight: 400;
line-height: 1.8;
margin-bottom: 20px;
}
main section.philosophy .philosophyOuter .philosophytext h1 span {
display: block;
font-size: 0.400em;
margin-bottom: 1.5em;
color: #98211a;
}
main section.philosophy .philosophyOuter .philosophytext h2 {
display: block;
font-size: 1.0em;
font-weight: 400;
line-height: 1.8;
margin-bottom: 1.5em;
border: 1px solid #98211a;
color: #98211a;
padding: 1.0em 1.5em;
}
main section.philosophy .philosophyOuter .philosophytext p {
line-height: 2.0;
margin-bottom: 50px;
}
@media screen and (max-width:768px) {
main section.philosophy {
position: relative;
overflow: hidden;
}
main section.philosophy:before {
content: '';
display: block;
position: absolute;
background: #eee;
width: 100%;
height: 100%;
top: 0;
right: 0;
z-index: -999;
}
main section.philosophy .philosophyOuter {
display: block;
}
main section.philosophy .philosophyOuter .philosophyimg {
padding: 20px;
max-width: 100%;
}
main section.philosophy .philosophyOuter .philosophytext {
padding: 0;
max-width: 100%;
}
main section.philosophy .philosophyOuter .philosophytext h1 {
display: block;
font-weight: 400;
line-height: 1.8;
margin-bottom: 20px;
text-align: center;
}
main section.philosophy .philosophyOuter .philosophytext h1 span {
display: block;
margin-bottom: 1.5em;
color: #98211a;
}
@media screen and (max-width:768px) {
main section.philosophy .philosophyOuter .philosophytext h1 {
display: block;
font-weight: 400;
line-height: 1.8;
margin-bottom: 20px;
text-align: center;
font-size: 2.0rem
}
main section.philosophy .philosophyOuter .philosophytext h1 span {
display: block;
margin-bottom: 1.5em;
color: #98211a;
}
}
main section.philosophy .philosophyOuter .philosophytext h2 {
display: block;
font-weight: 400;
line-height: 1.8;
margin-bottom: 1.5em;
border: 1px solid #98211a;
color: #98211a;
padding: 1.0em;
}
main section.philosophy .philosophyOuter .philosophytext p {
line-height: 2.0;
margin-bottom: 50px;
text-align: center;
}
}
@media screen and (max-width:768px) {
main section.philosophy .philosophyOuter .philosophytext h2 {
text-align: center;
width: auto;
display: block;
margin: 0 auto 1.5em;
font-weight: 400;
line-height: 1.8;
}
main section.philosophy .philosophyOuter .philosophytext p {
line-height: 2.0;
margin-bottom: 50px;
text-align: center;
}
}
/***********************
TOPラインナップ
************************/
main section.Lineup {
margin: 50px auto 50px;
max-width: 1024px;
}
@media screen and (max-width:768px) {
main section.Lineup {
margin: 0px auto 50px;
}
}
main section.Lineup h2 {
text-align: center;
font-weight: 400;
}
main section.Lineup h2 span {
text-align: center;
font-weight: 400;
font-size: 0.875rem;
display: block;
margin-top: 30px;
color: #98211a;
}
main section.Lineup h3, .fs-l-pageMain h3.search{
position: relative;
padding: 0 0;
text-align: left;
font-size: 1.25em;
font-weight: 400;
margin-top: 60px;
margin-bottom: 50px;
}
main section.Lineup h3:after, .fs-l-pageMain h3.search:after {
position: absolute;
top: calc(50% - 1px);
left: 0;
width: 100%;
height: 1px;
content: '';
background: #754c24;
z-index: -5;
}
main section.Lineup h3 span, .fs-l-pageMain h3.search span {
position: relative;
padding: 0 2.0em 0 0;
background: #fff !important;
}
main section.Lineup ul.Layout3c3 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
main section.Lineup ul.Layout3c3::after {
content: "";
display: block;
width: calc((100% - 42px)/3);
height: 0;
}
main section.Lineup ul.Layout3c3 li {
width: calc((100% - 42px)/3);
margin-bottom: 20px;
}
main section.Lineup ul.Layout3c3 li a {
text-decoration: none;
}
main section.Lineup ul.Layout3c3 li a:hover {
text-decoration: none;
}
main section.Lineup ul.Layout3c3 li a .img {
width: 100%;
}
main section.Lineup ul.Layout3c3 li h4 {
color: #603813;
position: relative;
padding: 0 1.5em 0 1.0em;
margin-left: -0.5em;
margin-bottom: 20px;
width: auto;
font-weight: 400;
}
main section.Lineup ul.Layout3c3 li h4 span {}
main section.Lineup ul.Layout3c3 li h4::before {
position: absolute;
content: "［";
top: 0;
left: 0;
}
main section.Lineup ul.Layout3c3 li h4::after {
position: absolute;
content: "］";
top: 0;
right: auto;
}
main section.Lineup ul.Layout3c3 li .price {
display: block;
text-align: center;
color: #98211a;
font-weight: 800;
}
main section.Lineup ul.Layout3c {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
main section.Lineup ul.Layout3c::after {
content: "";
display: block;
width: calc((100% - 42px)/3);
height: 0;
}
main section.Lineup ul.Layout3c li {
width: calc((100% - 42px)/3);
margin-bottom: 40px;
}
main section.Lineup ul.Layout3c li a {
text-decoration: none;
}
main section.Lineup ul.Layout3c li a:hover {
text-decoration: none;
}
main section.Lineup ul.Layout3c li h4 {
color: #603813;
position: relative;
padding: 0;
margin-bottom: 20px;
width: auto;
font-size: 1.125em;
font-weight: 400;
}
main section.Lineup ul.Layout3c li h4 span {
font-size: 0.875em;
}
main section.Lineup ul.Layout3c li .price {
display: block;
text-align: center;
color: #98211a;
font-weight: 800;
}
@media screen and (max-width:600px) {
main section.Lineup ul.Layout3c li {
width: calc((100% - 20px)/2);
margin-bottom: 20px;
}
}
/***********************
フッター
************************/
.GuideBox {
background-color: #fdfbf7;
padding: 40px 0px;
width: 100%;
}
.GuideBox p {
font-size: 0.875em;
}
.GuideBox h2 {
position: relative;
padding: 0 0;
text-align: center;
color: #603813;
font-weight: 400;
margin-bottom: 30px;
}
@media screen and (max-width:767px) {
.GuideBox h2 {}
}
.GuideBox h2:before {
position: absolute;
top: calc(50% - 1px);
left: 0;
width: 100%;
height: 1px;
content: '';
background: #603813;
}
.GuideBox h2 span {
position: relative;
padding: 0 1.5em;
background: #fdfbf7;
}
@media screen and (max-width:359px) {
.GuideBox h2 span {
position: relative;
padding: 0 1.0em;
background: #fdfbf7;
}
}
.GuideBox ul.Layout {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
margin-top: 80px;
}
.GuideBox ul.Layout > li {
flex-basis: calc((100% - 60px) / 3);
}
.GuideBox ul.Layout > li:nth-child(2n) {
margin: 0 30px;
}
@media screen and (max-width: 767px) {
.GuideBox ul.Layout {
display: block;
}
.GuideBox ul.Layout > li {
width: 100%;
}
.GuideBox ul.Layout > li:nth-child(2n) {
margin: 0;
}
}
.GuideBox ul.Layout > li > h3 {
text-align: center;
font-weight: 800;
color: #603813 !important;
position: relative;
padding: 0 0.5em;
margin: 0 20% 20px;
}
.GuideBox ul.Layout > li > h3::before {
position: absolute;
content: '［';
color: #603813;
left: -1em;
}
.GuideBox ul.Layout > li > h3::after {
position: absolute;
content: '］';
color: #603813;
right: -1em;
}
@media screen and (max-width: 768px) {
.GuideBox ul.Layout > li > h3 {
margin: 50px 10% 20px;
}
}
.GuideBox ul.Layout > li > h4 {
text-align: center;
border-bottom: 1px solid #221714;
margin-bottom: 20px;
margin-top: 30px;
padding-bottom: 0.5em;
}
.GuideBox ul.Layout > li > ul {
font-size: 0.875em;
list-style: disc inside;
padding-left: 1.5em;
text-indent: -1.5em;
}
.GuideBox ul.Layout > li > ul > li span.red {
color: #98211a;
display: inline
}
/*カレンダー設定*/
.cal_wrapper .cal_ui {
display: none;
}
.cal_wrapper th {
color: #221714 !important;
background: #fdfbf7 !important;
}
.cal_wrapper th {
padding: 0;
}
.cal_wrapper th p {
text-align: center !important;
padding: 0 !important;
margin: 0
}
.cal_wrapper .headline td {
background: #A02505 !important;
color: #FFFFFF !important;
}
.cal_wrapper td .yasumi {
background: #c47e6d;
}
.cal_wrapper td .koujou-yasumi {
background: #ffb74c;
}
.GuideBox table {
border-collapse: collapse;
border-spacing: 0;
margin: 0 auto 20px;
padding: 0;
width: 100%;
}
.GuideBox table th, .GuideBox table td {
border: 1px solid #fdfbf7;
text-align: center;
}
.GuideBox table th, .GuideBox table .headline td, .GuideBox table td div {
padding: 5px;
}
.GuideBox table th {
background: none repeat scroll 0 0 #A02505;
color: #FFFFFF;
}
.GuideBox table td {
background: none repeat scroll 0 0 #F4F3F3;
}
.GuideBox table td.holiday {
background: none repeat scroll 0 0 #CF9282;
color: #FFFFFF;
}
.GuideBox span.holiday {
color: #CF9282;
}
.GuideBox table td.inspect {
background: none repeat scroll 0 0 #AAAAAA;
color: #FFFFFF;
}
p span.yasumi {
color: #c47e6d;
}
p span.koujou-yasumi {
color: #ffb74c;
}
.FooterListBox {
background: #eeeeee;
padding: 15px;
}
.FooterListBox ul {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.FooterListBox ul li {
padding: 15px 1.0em;
position: relative;
line-height: 1.0;
}
.FooterListBox ul li::after {
position: absolute;
content: "|";
margin-left: 1.0em;
}
.FooterListBox ul li:last-child::after {
position: absolute;
content: "";
margin-left: 0;
}
@media screen and (max-width: 767px) {
.FooterListBox ul {
display: block;
}
.FooterListBox ul li {
border-bottom: 1px dotted #221714;
}
.FooterListBox ul li::after {
position: absolute;
content: "";
margin-left: 2.0em;
}
.FooterListBox ul li:last-child {
border-bottom: none;
}
}
/* フッター住所 */
footer .office {
position: relative;
font-weight: 500;
padding-top: 50px;
padding-bottom: 50px;
}
footer .office img.logo-black {
display: block;
width: 190px;
}
footer .office address {
font-style: normal;
margin-top: 24px;
}
footer .office address > div {
margin: 14px 0;
font-size: 14px;
}
footer .office address > div .access-map {
position: absolute;
display: inline-block;
border: solid 1px #221714;
text-decoration: none;
margin-top: -10px;
margin-left: 20px;
padding: 5px 18px;
}
@media screen and (max-width: 1024px) {
footer .office {
height: 330px;
}
footer .office img.brand-mark {
width: 300px;
}
}
@media screen and (max-width: 768px) {
footer .office {
height: auto;
padding-top: 20px;
padding-bottom: 30px;
text-align: center;
}
footer .office img.logo-black {
display: block;
width: 190px;
margin: 0 auto ;
}
footer .office address > div .access-map {
position: relative;
margin: 15px 0 0 0px;
}
footer .office address > div.address span:after {
content: '\a';
white-space: pre;
}
}
footer small {
display: block;
border-top: solid 3px #221714;
padding: 20px 20px 0;
text-align: center;
}
@media screen and (max-width: 768px) {
footer small {
padding: 14px 10px;
}
}
/* youtube */
.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
/********************************
下層ページサイドバー
********************************/
.fs-l-sideArea {
max-width: 244px;
padding: 0px;
background: #FFF;
}
@media screen and (min-width: 1200px) {
.fs-l-sideArea {
max-width: 244px;
padding: 0px;
background: #FFF;
}
}
@media screen and (max-width: 1199px) {
.fs-l-sideArea {
max-width: 244px;
padding: 0px;
background: #FFF;
}
}
@media screen and (max-width: 1024px) {
.fs-l-sideArea {
max-width: 244px;
background: #FFF;
margin-left: 10px;
}
}
@media screen and (max-width: 997px) {
.fs-l-sideArea {
display: none;
}
}
.fs-p-drawer {
background: #ffffff;
box-shadow: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 0px !important;
position: relative;
top: 0;
bottom: 0;
left: 0;
padding-bottom: 24px;
transform: none !important;
z-index: 2;
transition-property: none;
transition-duration: 0.0s;
transition-timing-function: linear;
transition-delay: 0s;
}
.fs-l-sideArea ul.SideBnr {
margin-bottom: 30px;
}
.fs-l-sideArea ul.SideBnr li {
margin-bottom: 10px;
}
.fs-l-sideArea ul.SideBnr li:last-child {
margin-bottom: 0px;
}
.fs-l-sideArea p.SideTitle {
border-top: 1px solid #98211a;
border-bottom: 1px solid #98211a;
text-align: center;
padding: 20px 5px;
margin-bottom: 30px;
}
.fs-l-sideArea ul.SideMenu > li > a {
display: flex;
align-items: center;
line-height: 1.2;
margin-bottom: 20px;
}
.fs-l-sideArea ul.SideMenu > li > a img {
width: 50px;
margin-right: 10px;
}
/********************************
商品詳細
********************************/
.fs-l-product4 .fs-l-productLayout {
display: grid;
grid-template-columns:calc(408px - 16px / 2) calc(43% - 16px / 2);
grid-gap: 16px;
align-items: start;
}
@media screen and (max-width: 768px) {
.fs-l-product4 .fs-l-productLayout {
display: block;
width: 100%;
max-width: 720px;
margin: 0 auto;
}
}

.fs-c-productNameHeading__copy {
display: block;
color: #98211a;
font-weight: 400;
line-height: 1.5;
margin-bottom: 0.5em;
}
.fs-c-productNameHeading__name {
line-height: 1.5
}
* /********************************
無効化
********************************/
#fs_preview_header {
display: none;
}
.fs-p-headerUtilityMenu__list a::before {
content: none !important;
border: none !important;
height: 0 !important;
width: 0 !important;
}
.fs-p-headerUtilityMenu__list > li + li {
margin-left: 0px !important;
}
.fs-p-headerNavigation__viewCartButton {
padding: 0px 4px 0px 0 !important;
}
@media screen and (min-width: 768px) {
.fs-p-headerNavigation__viewCartButton {
padding: 0px 4px 0px 0 !important;
}
}
.fs-p-cartItemNumber {
background: #98211a !important;
}
.fs-l-header {
display: block;
padding-top: 0px;
}
.fs-l-main {
margin: 120px auto 40px;
padding: 0px !important;
max-width: 1024px !important;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
@media screen and (max-width: 1024px) {
.fs-l-main {
margin: 40px auto;
}
}
.fs-l-footer {
border-top: none !important;
background-color: none;
}
.fs-c-breadcrumb {
margin: 50px auto 20px;
/*margin: 0px auto 20px;お知らせあり*/
max-width: 1024px;
width: 100%;
}
@media screen and (max-width: 1024px) {
.fs-c-breadcrumb {
margin: 40px 10px 20px;
/*margin: 0px 10px 20px;お知らせあり*/
max-width: 1024px;
width: 100%;
}
}
@media screen and (max-width: 640px) {
.fs-c-breadcrumb {
font-size: 1.0rem;
}
}
.fs-l-header--min {
border-bottom: none !important;
}
.fs-l-sideArea + .fs-l-pageMain, .fs-l-pageMain + .fs-l-sideArea {
max-width: 720px;
}
@media screen and (max-width: 1024px) {
.fs-l-sideArea + .fs-l-pageMain, .fs-l-pageMain + .fs-l-sideArea {
max-width: 720px;
margin: 0 10px;
}
}
@media screen and (max-width: 997px) {
.fs-l-sideArea + .fs-l-pageMain, .fs-l-pageMain + .fs-l-sideArea {
max-width: 720px;
margin: 0 auto;
}
}
@media screen and (max-width: 740px) {
.fs-l-sideArea + .fs-l-pageMain, .fs-l-pageMain + .fs-l-sideArea {
max-width: 720px;
margin: 0 10px;
}
}
@media screen and (max-width: 1024px) {
.fs-l-pageMain {
max-width: 1216px;
width: 100%;
margin: 0 10px;
}
}
/*一覧制御*/
.fs-c-productList__controller {
padding: 10px;
background: #eee;
}
.fs-c-productName__copy {
display: none;
}
.fs-c-button--plain::before {}
.fs-c-button--plain.fs-c-button--viewProductDetail::before {
content: "\e92b";
}
.fs-c-productListItem__salesPeriodNotice {
background: #333333;
color: #221714;
}
.fs-c-productListItem__notice {
background: #e5e5e5;
line-height: 1;
margin: 8px 0;
padding: 8px 4px;
text-align: center;
}
.fs-c-salesPeriod__date {
border: 1px solid currentColor;
margin: 0;
padding: 4px 8px;
text-align: center;
}
@media screen and (min-width: 960px) {
.fs-c-productList__list {
display: -ms-grid;
display: grid;
-ms-grid-columns: 25% 25% 25% 25%;
grid-template-columns: 25% 25% 25% 25%;
}
.fs-c-productList__list > *:nth-child(1) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1;
}
.fs-c-productList__list > *:nth-child(2) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1;
}
.fs-c-productList__list > *:nth-child(3) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 1;
grid-row: 1;
}
.fs-c-productList__list > *:nth-child(4) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 1;
grid-row: 1;
}
.fs-c-productList__list > *:nth-child(5) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 2;
grid-row: 2;
}
.fs-c-productList__list > *:nth-child(6) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 2;
grid-row: 2;
}
.fs-c-productList__list > *:nth-child(7) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 2;
grid-row: 2;
}
.fs-c-productList__list > *:nth-child(8) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 2;
grid-row: 2;
}
.fs-c-productList__list > *:nth-child(9) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 3;
grid-row: 3;
}
.fs-c-productList__list > *:nth-child(10) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 3;
grid-row: 3;
}
.fs-c-productList__list > *:nth-child(11) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 3;
grid-row: 3;
}
.fs-c-productList__list > *:nth-child(12) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 3;
grid-row: 3;
}
.fs-c-productList__list > *:nth-child(13) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 4;
grid-row: 4;
}
.fs-c-productList__list > *:nth-child(14) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 4;
grid-row: 4;
}
.fs-c-productList__list > *:nth-child(15) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 4;
grid-row: 4;
}
.fs-c-productList__list > *:nth-child(16) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 4;
grid-row: 4;
}
.fs-c-productList__list > *:nth-child(17) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 5;
grid-row: 5;
}
.fs-c-productList__list > *:nth-child(18) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 5;
grid-row: 5;
}
.fs-c-productList__list > *:nth-child(19) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 5;
grid-row: 5;
}
.fs-c-productList__list > *:nth-child(20) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 5;
grid-row: 5;
}
.fs-c-productList__list > *:nth-child(21) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 6;
grid-row: 6;
}
.fs-c-productList__list > *:nth-child(22) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 6;
grid-row: 6;
}
.fs-c-productList__list > *:nth-child(23) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 6;
grid-row: 6;
}
.fs-c-productList__list > *:nth-child(24) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 6;
grid-row: 6;
}
.fs-c-productList__list > *:nth-child(25) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 7;
grid-row: 7;
}
.fs-c-productList__list > *:nth-child(26) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 7;
grid-row: 7;
}
.fs-c-productList__list > *:nth-child(27) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 7;
grid-row: 7;
}
.fs-c-productList__list > *:nth-child(28) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 7;
grid-row: 7;
}
.fs-c-productList__list > *:nth-child(29) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 8;
grid-row: 8;
}
.fs-c-productList__list > *:nth-child(30) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 8;
grid-row: 8;
}
.fs-c-productList__list > *:nth-child(31) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 8;
grid-row: 8;
}
.fs-c-productList__list > *:nth-child(32) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 8;
grid-row: 8;
}
.fs-c-productList__list > *:nth-child(33) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 9;
grid-row: 9;
}
.fs-c-productList__list > *:nth-child(34) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 9;
grid-row: 9;
}
.fs-c-productList__list > *:nth-child(35) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 9;
grid-row: 9;
}
.fs-c-productList__list > *:nth-child(36) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 9;
grid-row: 9;
}
.fs-c-productList__list > *:nth-child(37) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 10;
grid-row: 10;
}
.fs-c-productList__list > *:nth-child(38) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 10;
grid-row: 10;
}
.fs-c-productList__list > *:nth-child(39) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 10;
grid-row: 10;
}
.fs-c-productList__list > *:nth-child(40) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 10;
grid-row: 10;
}
.fs-c-productList__list > *:nth-child(41) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 11;
grid-row: 11;
}
.fs-c-productList__list > *:nth-child(42) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 11;
grid-row: 11;
}
.fs-c-productList__list > *:nth-child(43) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 11;
grid-row: 11;
}
.fs-c-productList__list > *:nth-child(44) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 11;
grid-row: 11;
}
.fs-c-productList__list > *:nth-child(45) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 12;
grid-row: 12;
}
.fs-c-productList__list > *:nth-child(46) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 12;
grid-row: 12;
}
.fs-c-productList__list > *:nth-child(47) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 12;
grid-row: 12;
}
.fs-c-productList__list > *:nth-child(48) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 12;
grid-row: 12;
}
.fs-c-productList__list > *:nth-child(49) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 13;
grid-row: 13;
}
.fs-c-productList__list > *:nth-child(50) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 13;
grid-row: 13;
}
.fs-c-productList__list > *:nth-child(51) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 13;
grid-row: 13;
}
.fs-c-productList__list > *:nth-child(52) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 13;
grid-row: 13;
}
.fs-c-productList__list > *:nth-child(53) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 14;
grid-row: 14;
}
.fs-c-productList__list > *:nth-child(54) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 14;
grid-row: 14;
}
.fs-c-productList__list > *:nth-child(55) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 14;
grid-row: 14;
}
.fs-c-productList__list > *:nth-child(56) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 14;
grid-row: 14;
}
.fs-c-productList__list > *:nth-child(57) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 15;
grid-row: 15;
}
.fs-c-productList__list > *:nth-child(58) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 15;
grid-row: 15;
}
.fs-c-productList__list > *:nth-child(59) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 15;
grid-row: 15;
}
.fs-c-productList__list > *:nth-child(60) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 15;
grid-row: 15;
}
.fs-c-productList__list > *:nth-child(61) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 16;
grid-row: 16;
}
.fs-c-productList__list > *:nth-child(62) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 16;
grid-row: 16;
}
.fs-c-productList__list > *:nth-child(63) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 16;
grid-row: 16;
}
.fs-c-productList__list > *:nth-child(64) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 16;
grid-row: 16;
}
.fs-c-productList__list > *:nth-child(65) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 17;
grid-row: 17;
}
.fs-c-productList__list > *:nth-child(66) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 17;
grid-row: 17;
}
.fs-c-productList__list > *:nth-child(67) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 17;
grid-row: 17;
}
.fs-c-productList__list > *:nth-child(68) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 17;
grid-row: 17;
}
.fs-c-productList__list > *:nth-child(69) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 18;
grid-row: 18;
}
.fs-c-productList__list > *:nth-child(70) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 18;
grid-row: 18;
}
.fs-c-productList__list > *:nth-child(71) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 18;
grid-row: 18;
}
.fs-c-productList__list > *:nth-child(72) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 18;
grid-row: 18;
}
.fs-c-productList__list > *:nth-child(73) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 19;
grid-row: 19;
}
.fs-c-productList__list > *:nth-child(74) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 19;
grid-row: 19;
}
.fs-c-productList__list > *:nth-child(75) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 19;
grid-row: 19;
}
.fs-c-productList__list > *:nth-child(76) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 19;
grid-row: 19;
}
.fs-c-productList__list > *:nth-child(77) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 20;
grid-row: 20;
}
.fs-c-productList__list > *:nth-child(78) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 20;
grid-row: 20;
}
.fs-c-productList__list > *:nth-child(79) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 20;
grid-row: 20;
}
.fs-c-productList__list > *:nth-child(80) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 20;
grid-row: 20;
}
.fs-c-productList__list > *:nth-child(81) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 21;
grid-row: 21;
}
.fs-c-productList__list > *:nth-child(82) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 21;
grid-row: 21;
}
.fs-c-productList__list > *:nth-child(83) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 21;
grid-row: 21;
}
.fs-c-productList__list > *:nth-child(84) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 21;
grid-row: 21;
}
.fs-c-productList__list > *:nth-child(85) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 22;
grid-row: 22;
}
.fs-c-productList__list > *:nth-child(86) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 22;
grid-row: 22;
}
.fs-c-productList__list > *:nth-child(87) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 22;
grid-row: 22;
}
.fs-c-productList__list > *:nth-child(88) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 22;

grid-row: 22;
}
.fs-c-productList__list > *:nth-child(89) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 23;
grid-row: 23;
}
.fs-c-productList__list > *:nth-child(90) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 23;
grid-row: 23;
}
.fs-c-productList__list > *:nth-child(91) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 23;
grid-row: 23;
}
.fs-c-productList__list > *:nth-child(92) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 23;
grid-row: 23;
}
.fs-c-productList__list > *:nth-child(93) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 24;
grid-row: 24;
}
.fs-c-productList__list > *:nth-child(94) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 24;
grid-row: 24;
}
.fs-c-productList__list > *:nth-child(95) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 24;
grid-row: 24;
}
.fs-c-productList__list > *:nth-child(96) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 24;
grid-row: 24;
}
.fs-c-productList__list > *:nth-child(97) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 25;
grid-row: 25;
}
.fs-c-productList__list > *:nth-child(98) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 25;
grid-row: 25;
}
.fs-c-productList__list > *:nth-child(99) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 25;
grid-row: 25;
}
.fs-c-productList__list > *:nth-child(100) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 25;
grid-row: 25;
}
.fs-c-productList__list > *:nth-child(101) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 26;
grid-row: 26;
}
.fs-c-productList__list > *:nth-child(102) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 26;
grid-row: 26;
}
.fs-c-productList__list > *:nth-child(103) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 26;
grid-row: 26;
}
.fs-c-productList__list > *:nth-child(104) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 26;
grid-row: 26;
}
.fs-c-productList__list > *:nth-child(105) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 27;
grid-row: 27;
}
.fs-c-productList__list > *:nth-child(106) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 27;
grid-row: 27;
}
.fs-c-productList__list > *:nth-child(107) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 27;
grid-row: 27;
}
.fs-c-productList__list > *:nth-child(108) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 27;
grid-row: 27;
}
.fs-c-productList__list > *:nth-child(109) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 28;
grid-row: 28;
}
.fs-c-productList__list > *:nth-child(110) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 28;
grid-row: 28;
}
.fs-c-productList__list > *:nth-child(111) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 28;
grid-row: 28;
}
.fs-c-productList__list > *:nth-child(112) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 28;
grid-row: 28;
}
.fs-c-productList__list > *:nth-child(113) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 29;
grid-row: 29;
}
.fs-c-productList__list > *:nth-child(114) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 29;
grid-row: 29;
}
.fs-c-productList__list > *:nth-child(115) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 29;
grid-row: 29;
}
.fs-c-productList__list > *:nth-child(116) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 29;
grid-row: 29;
}
.fs-c-productList__list > *:nth-child(117) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 30;
grid-row: 30;
}
.fs-c-productList__list > *:nth-child(118) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 30;
grid-row: 30;
}
.fs-c-productList__list > *:nth-child(119) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 30;
grid-row: 30;
}
.fs-c-productList__list > *:nth-child(120) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 30;
grid-row: 30;
}
.fs-c-productList__list > *:nth-child(121) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 31;
grid-row: 31;
}
.fs-c-productList__list > *:nth-child(122) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 31;
grid-row: 31;
}
.fs-c-productList__list > *:nth-child(123) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 31;
grid-row: 31;
}
.fs-c-productList__list > *:nth-child(124) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 31;
grid-row: 31;
}
.fs-c-productList__list > *:nth-child(125) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 32;
grid-row: 32;
}
.fs-c-productList__list > *:nth-child(126) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 32;
grid-row: 32;
}
.fs-c-productList__list > *:nth-child(127) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 32;
grid-row: 32;
}
.fs-c-productList__list > *:nth-child(128) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 32;
grid-row: 32;
}
.fs-c-productList__list > *:nth-child(129) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 33;
grid-row: 33;
}
.fs-c-productList__list > *:nth-child(130) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 33;
grid-row: 33;
}
.fs-c-productList__list > *:nth-child(131) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 33;
grid-row: 33;
}
.fs-c-productList__list > *:nth-child(132) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 33;
grid-row: 33;
}
.fs-c-productList__list > *:nth-child(133) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 34;
grid-row: 34;
}
.fs-c-productList__list > *:nth-child(134) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 34;
grid-row: 34;
}
.fs-c-productList__list > *:nth-child(135) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 34;
grid-row: 34;
}
.fs-c-productList__list > *:nth-child(136) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 34;
grid-row: 34;
}
.fs-c-productList__list > *:nth-child(137) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 35;
grid-row: 35;
}
.fs-c-productList__list > *:nth-child(138) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 35;
grid-row: 35;
}
.fs-c-productList__list > *:nth-child(139) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 35;
grid-row: 35;
}
.fs-c-productList__list > *:nth-child(140) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 35;
grid-row: 35;
}
.fs-c-productList__list > *:nth-child(141) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 36;
grid-row: 36;
}
.fs-c-productList__list > *:nth-child(142) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 36;
grid-row: 36;
}
.fs-c-productList__list > *:nth-child(143) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 36;
grid-row: 36;
}
.fs-c-productList__list > *:nth-child(144) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 36;
grid-row: 36;
}
.fs-c-productList__list > *:nth-child(145) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 37;
grid-row: 37;
}
.fs-c-productList__list > *:nth-child(146) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 37;
grid-row: 37;
}
.fs-c-productList__list > *:nth-child(147) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 37;
grid-row: 37;
}
.fs-c-productList__list > *:nth-child(148) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 37;
grid-row: 37;
}
.fs-c-productList__list > *:nth-child(149) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 38;
grid-row: 38;
}
.fs-c-productList__list > *:nth-child(150) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 38;
grid-row: 38;
}
.fs-c-productList__list > *:nth-child(151) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 38;
grid-row: 38;
}
.fs-c-productList__list > *:nth-child(152) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 38;
grid-row: 38;
}
.fs-c-productList__list > *:nth-child(153) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 39;
grid-row: 39;
}
.fs-c-productList__list > *:nth-child(154) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 39;
grid-row: 39;
}
.fs-c-productList__list > *:nth-child(155) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 39;
grid-row: 39;
}
.fs-c-productList__list > *:nth-child(156) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 39;
grid-row: 39;
}
.fs-c-productList__list > *:nth-child(157) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 40;
grid-row: 40;
}
.fs-c-productList__list > *:nth-child(158) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 40;
grid-row: 40;
}
.fs-c-productList__list > *:nth-child(159) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 40;
grid-row: 40;
}
.fs-c-productList__list > *:nth-child(160) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 40;
grid-row: 40;
}
.fs-c-productList__list > *:nth-child(161) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 41;
grid-row: 41;
}
.fs-c-productList__list > *:nth-child(162) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 41;
grid-row: 41;
}
.fs-c-productList__list > *:nth-child(163) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 41;
grid-row: 41;
}
.fs-c-productList__list > *:nth-child(164) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 41;
grid-row: 41;
}
.fs-c-productList__list > *:nth-child(165) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 42;
grid-row: 42;
}
.fs-c-productList__list > *:nth-child(166) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 42;
grid-row: 42;
}
.fs-c-productList__list > *:nth-child(167) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 42;
grid-row: 42;
}
.fs-c-productList__list > *:nth-child(168) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 42;
grid-row: 42;
}
.fs-c-productList__list > *:nth-child(169) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 43;
grid-row: 43;
}
.fs-c-productList__list > *:nth-child(170) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 43;
grid-row: 43;
}
.fs-c-productList__list > *:nth-child(171) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 43;
grid-row: 43;
}
.fs-c-productList__list > *:nth-child(172) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 43;
grid-row: 43;
}
.fs-c-productList__list > *:nth-child(173) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 44;
grid-row: 44;
}
.fs-c-productList__list > *:nth-child(174) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 44;
grid-row: 44;
}
.fs-c-productList__list > *:nth-child(175) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 44;
grid-row: 44;
}
.fs-c-productList__list > *:nth-child(176) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 44;
grid-row: 44;
}
.fs-c-productList__list > *:nth-child(177) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 45;
grid-row: 45;
}
.fs-c-productList__list > *:nth-child(178) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 45;
grid-row: 45;
}
.fs-c-productList__list > *:nth-child(179) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 45;
grid-row: 45;
}
.fs-c-productList__list > *:nth-child(180) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 45;
grid-row: 45;
}
.fs-c-productList__list > *:nth-child(181) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 46;
grid-row: 46;
}
.fs-c-productList__list > *:nth-child(182) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 46;
grid-row: 46;
}
.fs-c-productList__list > *:nth-child(183) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 46;
grid-row: 46;
}
.fs-c-productList__list > *:nth-child(184) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 46;
grid-row: 46;
}
.fs-c-productList__list > *:nth-child(185) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 47;
grid-row: 47;
}
.fs-c-productList__list > *:nth-child(186) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 47;
grid-row: 47;
}
.fs-c-productList__list > *:nth-child(187) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 47;
grid-row: 47;
}
.fs-c-productList__list > *:nth-child(188) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 47;
grid-row: 47;
}
.fs-c-productList__list > *:nth-child(189) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 48;
grid-row: 48;
}
.fs-c-productList__list > *:nth-child(190) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 48;
grid-row: 48;
}
.fs-c-productList__list > *:nth-child(191) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 48;
grid-row: 48;
}
.fs-c-productList__list > *:nth-child(192) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 48;
grid-row: 48;
}
.fs-c-productList__list > *:nth-child(193) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 49;
grid-row: 49;
}
.fs-c-productList__list > *:nth-child(194) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 49;
grid-row: 49;
}
.fs-c-productList__list > *:nth-child(195) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 49;
grid-row: 49;
}
.fs-c-productList__list > *:nth-child(196) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 49;
grid-row: 49;
}
.fs-c-productList__list > *:nth-child(197) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 50;
grid-row: 50;
}
.fs-c-productList__list > *:nth-child(198) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 50;
grid-row: 50;
}
.fs-c-productList__list > *:nth-child(199) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 50;
grid-row: 50;
}
.fs-c-productList__list > *:nth-child(200) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 50;
grid-row: 50;
}
}
/*見出し*/
h1.fs-c-heading--page {
border-bottom: 1px solid #221714;
color: #221714;
position: relative;
padding: 0 0 0.5em 0;
text-align: left;
font-weight: 400;
width: 100%;
line-height: 1.5;
}
.fs-p-announcement__title {
border-bottom: 1px solid #221714;
color: #221714;
position: relative;
padding: 0 0 0.5em 0;
text-align: left;
font-weight: 400;
margin-bottom: 50px;
}

/*マイページ*/
.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink__label {
flex-grow: 1;
}
.fs-c-accountService__page--accountDelete {
height: 40px !important;
}
@media screen and (max-width: 470px) {
.fs-c-accountService__page {
flex-basis: 44% !important;
}
}
@media screen and (max-width: 425px) {
.fs-c-accountService {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
}
.fs-c-accountService__page {
flex-basis: 24%;
}
}
.fs-c-button--particular.fs-c-button--addToWishList--detail, .fs-c-button--particular.fs-c-button--removeFromWishList--detail {
align-items: center;
padding: 0.6em 1em;
}

.fs-l-additionalProduct--wishlist {
margin-top: 80px;
}

.fs-c-viewAllProductsLink:hover, .fs-c-button--myPageTop:hover {
opacity: 0.8;
}

.fs-c-accountService__page {
flex-basis: 138px;
display: flex;
align-items: stretch;
height: 138px;
margin: 8px;
}
@media screen and (min-width: 600px) {
.fs-c-accountService__page {
margin: 8px;
}
}
.logout {
    margin: 0 auto;
    flex-basis: 280px;
}
.fs-c-accountService__page--accountDelete a{
display: block;
    box-shadow: 0 0 2px #b2b2b2;
    width: 100%;
    border-radius: 100px;
    max-width: 260px;
    font-weight: 800;
    text-align: center;
    padding: 6px;
}
.fs-c-wishlistProduct__footer{
margin-top: 30px;
}
/*パスワード認証*/
.fs-c-button--particular.fs-c-button--addToWishList--icon, .fs-c-button--particular.fs-c-button--removeFromWishList--icon, .fs-c-button--particular.fs-c-button--displayPassword, .fs-c-button--particular.fs-c-button--hidePassword {
background: none;
border: none;
box-shadow: none;
padding: 0 20px;
}
/*------------------------------------------------
カート
--------------------------------------------------*/
.fs-c-price__price {
display: flex;
align-items: baseline;
}
.fs-c-wishlistProduct {
margin-top: 80px;
}
.fs-c-totalAndActions button:not(.fs-c-button--image) {
min-height: 3em;
min-width: 260px;
max-width: 80%;
}
/*カート画面ボタン色変更*/
.fs-c-button--primary {
background: #BE272C;
border-radius: 165px;
color: #ffffff;
cursor: pointer;
display: inline-block;
line-height: 1;
text-decoration: none;
text-align: center;
padding: 1.0em 1.6em 1.0em;
box-shadow: 0 3px 0px #82292A;
min-width: 240px;
width: 100%;
max-width: 320px;
margin-bottom: 20px;
font-weight: 800;
position: relative;
margin-left: auto;
margin-right: auto;
}
.fs-c-button--standard{
box-shadow: 0 0 2px #b2b2b2;
width: 100%;
padding: 15px;
border-radius: 100px;
margin: 10px auto;
max-width: 260px;
font-weight: 800;
}
.fs-c-viewAllProductsLink, .fs-c-button--myPageTop{
background: #ebebeb;
border: 1px solid #bbbbbb;
color: #3c3c3c;
cursor: pointer;
display: inline-block;
font-size: 1.2rem;
line-height: 1;
text-decoration: none;
text-align: center;
box-shadow: 0 0 2px #b2b2b2;
width: 100%;
padding: 15px;
border-radius: 100px;
margin: 10px auto;
max-width: 260px;
font-weight: 800;    
}

.fs-c-button--plain {
    box-shadow: 0 0 2px #b2b2b2;
    width: 100%;
    border-radius: 100px;
    margin: 10px 0;
    max-width: 260px;
    font-weight: 800;
    text-align: center;
    padding: 10px;
}
.fs-c-checkout-multiDestination__title {
    background: #666666;
    color: #FFFFFF;
    font-size: 1.4rem;
    padding: 9px;
    text-align: center;
}



button.fs-c-button--buyItLater.fs-c-button--plain, button.fs-c-button--cancel--cart.fs-c-button--plain{
border: none;
box-shadow: none;
}
button.fs-c-button--viewMoreImage.fs-c-button--plain{
border: none;
box-shadow: none;
margin: 0;
padding: 0;
text-align: right!important;
}

@media screen and (max-width: 600px){
.fs-c-button--continueShopping {
    min-width: auto;
    max-width: 260px;
    width: 100%;
    margin: 50px auto;
    display: block;
}
}

.fs-c-button--addToCart--detail.fs-c-button--primary span.fs-c-button__label{
color: #FFF!important;
}

.fs-c-button--addToCart--detail.fs-c-button--primary span.fs-c-button__label::before{
  font-family: "Font Awesome 5 Free";
  content: "\f07a";
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 10px;
}

.fs-c-button--secondary {
background: #BE272C;
border-radius: 165px;
color: #ffffff;
cursor: pointer;
display: inline-block;
line-height: 1;
text-decoration: none;
text-align: center;
padding: 1.0em 1.6em 1.0em;
box-shadow: 0 3px 0px #82292A;
min-width: 240px;
width: 100%;
max-width: 320px;
margin-bottom: 20px;
font-weight: 800;
}

.fs-c-button--secondary a {
color: #ffffff !important;
}
.fs-c-button--unregisteredUserPurchase {
background: #667895;
border-radius: 165px;
color: #ffffff!important;
cursor: pointer;
display: inline-block;
line-height: 1;
text-decoration: none;
text-align: center;
padding: 1.0em 1.6em 1.0em;
box-shadow: 0 3px 0px #3B4656;
min-width: 240px;
width: 100%;
max-width: 320px;
font-weight: 800;
}
.fs-c-button--unregisteredUserPurchase a {
color: #FFFFFF !important;
}

.fs-c-returnedSpecialContract__link {
    border: 1px solid #221714;
    padding: 0.5em 2em;
    text-decoration: none;
    background-color: #FFF;
    cursor: pointer;
    text-align: right;
    width: auto;
    max-width: 260px;
    display: inline;
}
.fs-c-returnedSpecialContract__link a {
text-align: center;
    text-decoration: none;
    background-image: url(https://www.kanezaki.co.jp/ec/images/arrow-right.png);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: right 50%;
    padding-right: 1.5em;
}
.fs-c-subSection__title {
border-bottom: none;
padding: 1rem 2rem;
border-left: 4px solid #221714;
color: #221714;
}
.fs-c-newUsers__message.fs-c-subSection__message {
margin-top: 20px;
}
.fs-c-buttonContainer--addAddressbook a:link {
color: #FFF;
}
.fs-c-buttonContainer--deleteChange a:link {
color: #FFF;
}
a.fs-c-button--primary:link {
color: #ffffff;
}
.fs-c-reveiwNotes {
padding: 20px 10px 10px;
}
.fs-c-listControl {
flex-direction: inherit !important;
}
.fs-c-listControl__status {
margin-right: 10px !important;
}
.fs-p-scrollingCartButton__label {
display: block;
}
.fs-p-scrollingCartButton__button {
background: #98211a;
border-radius: 0px;
display: block;
line-height: 1;
opacity: 0.9;
padding: 8px;
position: relative;
text-align: center;
}
.fs-c-checkout-multiDestination__subtitle {
margin-top: 40px;
margin-bottom: 10px;
font-size: 18px;
}
.fs-c-agreementConfirmation {
margin: 30px 0;
padding: 4px 0;
}
.fs-c-confirmOrder {
margin-top: 30px;
}


/*※2カラム*/
/*
@media screen and (min-width: 960px) {
[class^="fs-body-checkout"] .fs-l-checkout {
display: flex;
align-items: flex-start;
width: 100%;
}
[class^="fs-body-checkout"] .fs-l-checkout__mainColumn {
flex-grow: 1; 
max-width: calc(100vw - (8px*44)); 
padding-right: 24px; 
}
[class^="fs-body-checkout"] .fs-l-checkout__sideColumn {
margin-top: 0;
flex-grow: 1;
flex-basis: 320px;
min-width: 320px;
}
[class^="fs-body-checkout"] .fs-l-checkout__sideColumn {
margin-top: 0;
flex-grow: 1;
flex-basis: 320px;
min-width: 320px;
position: sticky;
top: 200px;
}  
}

*/
/*※1カラム*/
@media screen and (min-width: 960px) {
[class^="fs-body-checkout"] .fs-l-checkout {
display: block;
width: 100%;
}
[class^="fs-body-checkout"] .fs-l-checkout__mainColumn {
max-width: 780px;
padding-right: 0px !important;
display: block;
margin: 0 auto;
}
[class^="fs-body-checkout"] .fs-l-checkout__sideColumn {
max-width: 780px;
margin: 30px auto;
}
}
[class^="fs-body-checkout"] .fs-l-checkout__mainColumn > * + * {
margin-top: 40px;
margin-bottom: 40px;
}
.fs-c-returnedSpecialContract {
text-align: right;
}
.fs-l-page {
position: relative;
}

.fs-c-checkout-preview__title {
padding: 1rem 10px !important;
    background: #f4f4f4 !important;
    font-weight: 800 !important;
    text-align: center;
    margin: 0px auto 20px;
    font-size: 1.5em;
    border-left: 5px solid #221714;
}



/************************
フリーページ
*************************/
.fs-c-documentArticle {
padding: 0px;
}
.fs-c-documentArticle__content {
padding: 0;
}
table.TableSimple {
margin: 6% auto;
width: 100%;
border: none;
border-top: solid 1px #666;
border-bottom: solid 1px #666;
border-collapse: separate;
border-spacing: 0 10px;
}
table.TableSimple.none {
margin: 0 auto 6%;
}
table.TableSimple th {
vertical-align: middle;
border-right: dotted 1px #666;
margin: 0;
text-align: center;
color: #C71528;
font-weight: bold;
width: 40%;
padding: 0.5em;
}
table.TableSimple th span.small {
font-weight: normal;
}
table.TableSimple td.data {
padding: 0 0 0 1.0em;
margin: 0;
border: none;
color: #221714;
line-height: 1.5;
text-align: left;
vertical-align: middle;
overflow: hidden;
}
table.TableSimple td.data.L {
text-align: left;
padding-left: 1.5em;
}
table.TableSimple td:fst-child {
padding: 0 0 0 10px;
vertical-align: middle;
}
table.TableSimple td.bar {
height: 1px;
width: 100%;
border-top: solid 1px #666;
}
table.pricelist td .big {
color: #ff9a9f;
font-weight: bold;
}
@media screen and (max-width: 640px) {
table.TableSimple td.data {
white-space: normal;
}
}
table.widetable {
width: 100%;
border-collapse: collapse;
}
table.widetable th, table.widetable td {
padding: 10px;
border: 1px solid #ddd;
}
table.widetable th {
background: #f4f4f4;
}
table.widetable th {
width: 13%;
}
table.widetable th span {
display: block;
}
table.widetable td span {}
table.widetable td {
text-align: center;
}
table.widetable td:first-child {
text-align: left;
}
@media only screen and (max-width: 800px) {
table.widetable {
display: block;
width: 100%;
margin: 0;
}
table.widetable thead {
display: block;
float: left;
overflow-x: scroll;
}
table.widetable tbody {
display: block;
width: auto;
overflow-x: auto;
white-space: nowrap;
}
table.widetable th {
display: block;
width: auto;
}
table.widetable tbody tr {
display: inline-block;
margin: 0 -3px;
}
table.widetable td {
display: block;
}
table.widetable th span {
display: inline;
}
table.widetable td span {
display: inline;
}
}
.MidashiGold {
text-align: left;
font-weight: 500;
display: block;
color: #A67C52;
margin-bottom: 10px;
}
ul.ListCheck {
list-style: disc;
margin-left: 15px;
}
ul.ListCheck li {
line-height: 1.5;
}
.MidashiPointLine {
position: relative;
line-height: 1.4;
margin-top: 6%;
margin-bottom: 3%;
}
.centerring {
margin: 0 auto 30px;
display: block;
width: 100%;
text-align: center;
}
.MidashiWline {
position: relative;
display: inline-block;
padding: 0 8%;
text-align: center;
margin: 2% auto;
letter-spacing: 0.2em;
}
.Midashi-l {
padding: 1rem 10px !important;
background: #f4f4f4 !important;
font-weight: 400 !important;
text-align: left !important;
margin:40px auto 20px;
}
.Midashi-square {
display: block;
position: relative;
padding-left: 1.2em;
line-height: 1.4;
margin: 30px auto 10px;
}
.Midashi-square:before {
content: "■";
position: absolute;
color: #98211a;
width: 1.5em;
left: 0;
top: 1px;
}
.Midashi-square small {}
@media screen and (max-width: 768px) {
.Midashi-square {}
}
@media screen and (max-width: 414px) {
.Midashi-square small {
display: block;
}
}
.fs-c-documentColumn__heading {
padding: 1rem 10px !important;
background: #f4f4f4 !important;
font-weight: 400 !important;
text-align: left !important;
margin-bottom: 20px;
border: none;
}
.fs-c-documentArticle .Midashi-l:first-child {
margin-top: 0;
}
.Midashi-QA {
border-style: Solid;
border-color: #DFE1E2;
border-color: rgba(223, 225, 226, 1);
border-width: 1px;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
padding: 10px 15px 10px 60px;
font-size: 1.15em;
position: relative;
display: block;
margin-top: 10px;
}
.Midashi-QA:before {
content: url("https://www.kanezaki.co.jp/images/Midashi-QA.png");
position: absolute;
width: 30px;
left: 15px;
top: 5px;
}
p + h4.Midashi-QA {
margin-top: 30px;
}
.fs-c-documentArticle p {
line-height: 1.8;
}
.BuleBox {
margin-top: 6%;
border: 1px solid #036EB8;
padding: 10px 30px 25px;
text-align: center;
color: #036EB8;
}
.BuleBox p {
padding-bottom: 0;
margin-bottom: 0;
}
.BuleBox p a {
text-decoration: none;
padding-top: 0.5em;
color: #036EB8;
}
.fs-c-documentArticle ol {
line-height: 1.8 !important;
margin-bottom: 20px;
}
.fs-c-documentArticle ol li {
margin-bottom: 0.5em;
}
.TwoColumnBox {
display: flex;
flex-wrap: wrap;
margin-bottom: 30px;
justify-content: space-between;
align-items: stretch;
}
.TwoColumnBox > li {
width: calc((100% - 40px)/2);
margin-bottom: 30px;
margin-left: 20px;
}
.TwoColumnBox > li img {
width: 100%;
}
.TwoColumnBox > li:nth-child(odd) {
margin-left: 0px;
}
.TwoColumnBox > li p, .fs-c-documentArticle p {
margin-top: 0px;
line-height: 2;
}
.fs-c-documentArticle p {
margin-top: 10px;
line-height: 2;
}
@media screen and (max-width: 640px) {
.TwoColumnBox > li {
width: 100%;
margin-bottom: 30px;
margin-left: 0px;
}
.TwoColumnBox > li:nth-child(odd) {
margin-right: 0%;
}
}
.KodawariCatch {
font-size: 1.313em;
line-height: 1.8;
margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
.KodawariCatch {
font-size: 1.25em;
line-height: 1.8;
margin-bottom: 50px;
}
}
.red, .fs-c-price__value, .fs-c-price__currencyMark {
color: #98211a;
}
ul.fs-c-note {
margin-left: 1.0em;
}
ul.fs-c-note li {
position: relative;
line-height: 2.0;
}
ul.fs-c-note li:before {
content: '※';
color: #C71528;
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
}
ul.List-kome {
margin-left: 1.0em;
}
ul.List-kome li {
position: relative;
line-height: 2.0;
}
ul.List-kome li:before {
content: '※';
color: #C71528;
display: block;
position: absolute;
top: 0;
left: -1em;
width: 1em;
}
p.kome, p.fs-c-note__item {
position: relative;
line-height: 1.8;
margin-left: 1.0em;
}
p.kome:before, p.fs-c-note__item:before {
content: '※';
color: #C71528;
display: block;
position: absolute;
top: 0;
left: -1em;
width: 1em;
}
p.fs-c-note__item {
position: relative;
line-height: 1.8;
margin-left: 1.0em;
}
p.fs-c-note__item:before {
content: '※';
color: #C71528;
display: block;
position: absolute;
top: 0;
left: 0em;
width: 1em;
}
/*ニュース*/
#news {
background: #FFFFFF;
width: 100%;
word-break: break-all;
}
#news p {
line-height: 1.8;
margin-bottom: 0.5em;
}
#news p.mgB30 {
margin-bottom: 30px;
}
#news h2.attention {
background: red !important;
color: #FFF !important;
text-align: center;
padding: 0.5em;
margin-bottom: 20px;
border: none;
}
#news h2.attention span {
background: yellow;
color: #111 !important;
text-align: center;
padding: 3px 0.5em;
border: none;
}
#news h3 {
border-bottom: 1px solid #666;
display: block;
font-size: 16px;
font-weight: 800;
margin-bottom: 20px;
padding-bottom: 5px;
}
#news .NewsContents {}
#news .NoteBox {
border: 3px double red;
padding: 0px 12px;
margin: 10px 0 20px;
}
.fs-c-documentColumn__emphasis {
color: #98211a;
}
/*レシピ*/
.RecipeMidashi, #content_box h3 {
position: relative;
padding: 1rem 3.5rem calc(1rem + 10px);
background: url(https://www.kanezaki.co.jp/ec/images/recipe/icon02.png), #f2e1cc;
background-repeat: no-repeat;
background-position: 12px 3px;
margin-bottom: 20px;
}
.RecipeMidashi:before, #content_box h3:before {
position: absolute;
top: -7px;
left: -7px;
width: 100%;
height: 100%;
content: '';
border: 4px solid #221714;
}
ul.RrecipeList {
margin-top: 30px;
align-items: flex-start;
}
ul.RrecipeList li p {
font-size: 0.875em;
}
ul.clmFlSp4-2.RrecipeList {
align-items: flex-start
}
#content_box {
display: block;
margin: 0 auto;
max-width: 800px;
}
#content_box ul.link {
margin: 20px auto;
display: block;
text-align: center;
}
#content_box ul.link li a {
border: 1px solid #221714;
padding: 0.5em 2em;
text-decoration: none;
background-color: #FFF;
text-align: center;
}
#content_box ul.link li a span {
text-align: center;
text-decoration: none;
background-image: url("https://www.kanezaki.co.jp/ec/images/arrow-right.png");
background-repeat: no-repeat;
background-size: 10px;
background-position: right 50%;
padding-right: 1.5em;
}
.mainimage {
margin-bottom: 30px;
}
div.clearFix {
overflow: hidden;
clear: both;
display: flex;
justify-content: space-between;
}
div.clearFix .box1 {
margin-right: 20px;
padding: 20px 20px;
border: 5px solid #dddddd;
flex-basis: 60%;
}
div.clearFix .box2 {
padding: 20px 20px;
border: 5px solid #dddddd;
flex-basis: 40%;
}
@media screen and (max-width: 640px) {
div.clearFix {
flex-wrap: wrap;
}
div.clearFix .box1 {
flex-basis: 100%;
}
div.clearFix .box2 {
flex-basis: 100%;
}
}
div.clearFix .box2 ul.recipe-list {
list-style: disc;
margin-left: 1.5em;
margin-top: 10px;
}
div.clearFix .box1 h4, div.clearFix .box2 h4 {
border-bottom: 5px solid #dddddd;
line-height: 1.8;
margin-bottom: 5px;
margin-top: 20px;
}
div.clearFix .box1 h4:first-child, div.clearFix .box2 h4:first-child {
margin-top: 0px;
}
div.clearFix .box2 .child div {
margin-top: 15px;
}
@media screen and (max-width: 640px) {
div.clearFix {
display: flex;
flex-wrap: wrap;
}
div.clearFix .box1 {
margin-right: 0px;
margin-bottom: 20px;
width: 100%;
}
div.clearFix .box2 {
margin-right: 0px;
margin-bottom: 20px;
width: 100%;
}
}
.fs-l-pageMain {
width: 100%;
}
/*お買い物ガイドアンカー*/
.anchor {
display: flex;
padding: 0;
margin: 0 auto 30px;
;
list-style: none;
flex-wrap: wrap;
border-top: 1px solid #221714;
border-left: 1px solid #221714;
font-size: 0.875em;
}
.anchor li {
display: flex;
flex-basis: 25%;
box-sizing: border-box;
margin: 0;
border-bottom: 1px solid #221714;
border-right: 1px solid #221714;
}
.anchor li a {
display: block;
justify-content: center;
align-items: center;
text-align: center;
width: 100%;
padding: 10px;
position: relative;
}
.anchor li a:after {
font-family: "Font Awesome 5 Free";
font-weight: bold;
content: "\f358";
color: #CC0033;
margin-left: 0.5em;
}
.anchor li.selected {
background: #98211a;
}
.anchor li.selected a {
text-decoration: none;
color: #FFF;
}
.anchor li.selected a:after {
font-family: "Font Awesome 5 Free";
font-weight: bold;
content: "\f358";
color: #FFF;
margin-left: 0.5em;
}
@media screen and (max-width: 640px) {
.anchor li {
display: flex;
flex-basis: 50%;
box-sizing: border-box;
margin: 0;
border-bottom: 1px solid #221714;
border-right: 1px solid #221714;
}
}
@media(max-width:800px) {
.anchor {
flex-wrap: wrap;
}
.anchor li {
width: 50%;
}
}

ul.List {
margin-left: 3.0em;
}
ul.List li {
list-style: disc;
}
.TelFax {
text-align: center;
font-size: 3.0em;
color: #98211a;
font-weight: bold;
}
.TelFax a {
text-decoration: none;
color: #98211a;
font-weight: bold;
}
@media(max-width:640px) {
.TelFax {
text-align: center;
font-size: 2.1em;
color: #98211a;
}
}
/*流れ*/
.acd-check {
display: none;
}
.acd-label {
background: #f2f2f2;
color: #221714;
display: block;
margin-bottom: 10px;
padding: 10px;
position: relative;
}
.acd-label:after {
background: #98211a;
box-sizing: border-box;
content: '\f067';
font-weight: bold;
display: block;
font-family: "Font Awesome 5 Free";
color: #FFF;
padding: 10px 20px;
position: absolute;
right: 0;
top: 0px;
}
.acd-content {
/*display: block;*/
display: none;
height: 0;
opacity: 0;
padding: 0 10px;
transition: .5s;
visibility: hidden;
}
.acd-content:after {
content: "";
clear: both;
display: block;
}
.acd-check:checked + .acd-label:after {
content: '\f068';
}
.acd-check:checked + .acd-label + .acd-content {
display: block;
height: auto;
opacity: 1;
padding: 10px;
visibility: visible;
overflow: hidden
}
.acd-content .flow-img {
margin: auto auto 40px;
max-width: 1004px;
text-align: center;
border: 1px solid #CCCCCC;
}
@media screen and (max-width:768px) {
.acd-content .flow-img {
margin-bottom: 20px;
max-width: 375px;
}
}
.fs-c-addresseeList {
display: -ms-grid;
display: grid;
-ms-grid-columns: auto 1fr;
grid-template-columns: auto 1fr;
grid-auto-rows: auto;
grid-auto-flow: row;
grid-gap: 8px 1.5em;
}
.fs-c-quantity {
display: flex;
max-width: 6em;
padding-left: 0em;
margin-left: 0em;
align-items: baseline;
}
.fs-c-quantity:before {
content: "数量";
color: #221714;
font-weight: bold;
white-space: nowrap;
margin-right: 10px;
}
.fs-c-cartTable__dataCell--quantity .fs-c-quantity:before {
content: "";
white-space: inherit;
margin-right: 0px;
}


#haisou {
padding-top: 160px;
margin-top: -160px;
}
@media(max-width:640px) {
#haisou {
padding-top: 70px;
margin-top: -70px;
}
}
h2.fs-c-documentArticle__heading {
position: relative;
padding: 1em 1em;
border: 2px solid #221714;
background: #FFF;
font-size: 1.85rem;
color: #221714;
margin-bottom: 20px;
}
h2.fs-c-documentArticle__heading:before {
position: absolute;
top: 4px;
left: 4px;
width: calc(100% - 8px);
height: calc(100% - 8px);
content: '';
border: 1px solid #221714;
}
/*一覧画面のボタン周り*/
.fs-c-button--addToCart--list, .fs-c-button--viewProductDetail {
background: transparent;
border-radius: 0px;
color: #98211a!important;
cursor: pointer;
display: inline-block;
text-decoration: none;
padding: 4px;
border: 1px #98211a solid;
font-size: 14px;
text-align: center;
margin: 5px auto;
width: 100%;
font-weight: 800;
}
.fs-c-button--plain.fs-c-button--viewProductDetail, .fs-c-button--plain.fs-c-button--viewProductDetail::before {
content: "\e92b";
color: #98211a;
}

.fs-c-button--multiDestination .fs-c-button__label{
color: #FFF;
}
.fs-c-button__label:hover {
/*color: #98211a;*/
}
.fs-c-button--addToWishList--icon {
padding: 0;
}
.fs-c-productThumbnail__image.is-active > img {
border: 2px solid #eeeeee;
}
.fs-c-button--particular.fs-c-button--addToWishList--icon::before {
content: none;
}
.fs-c-button--particular.fs-c-button--addToWishList--icon {
background: none;
border: none;
box-shadow: none;
padding: 0 !important;
}
.fs-c-productList__list__item.fs-c-productListItem .fs-c-productPrice__main__label, .fs-c-productList__list__item.fs-c-productListItem .fs-c-productPrice__addon {
font-size: 12px;
}
.fs-c-productPrice__main__price.fs-c-price {
font-weight: bold;
}

.fs-c-productImageModalCarousel__figure {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 50px 0 0!important;
padding: 0;
position: relative;
width: 100vw;
}
.fs-c-productPrice__main {
text-align: center;
}
.fs-c-productListItem__viewMoreImageButton {
font-size: 1.2em;
justify-content: flex-end;
margin-top: -40px;
padding: 5px;
}
.fs-c-button--removeFromWishList--icon {
display: none;
}
@media(max-width:640px) {
.KodawariCatch p br {
display: none;
}
}
#fs_input_mailAddress {
width: 100%;
}
#pagetop {
position: fixed;
right: 0;
bottom: 0;
text-indent: -9999px;
margin: 0;
}
#pagetop a {
position: relative;
display: block;
width: 65px;
height: 65px;
background: rgba(0, 0, 0, 1);
transition: opacity .6s ease;
}
#pagetop a:hover {
opacity: .3;
}
#pagetop a::before {
position: absolute;
top: 7px;
right: 0;
bottom: 0;
left: 0;
display: block;
width: 14px;
height: 14px;
margin: auto;
content: '';
transform: rotate(-45deg);
border-top: 1px solid #FFF;
border-right: 1px solid #FFF;
}
@media screen and (max-width:767px) {
#pagetop a {
width: 45px;
height: 45px;
}
#pagetop a::before {
top: 5px;
width: 10px;
height: 10px;
}
}
#topBtn {
width: 40px;
height: 40px;
position: fixed;
right: 10px;
bottom: 13px;
}
#topBtn a {
position: relative;
display: block;
text-align: center;
background: #98211a;
color: #FFFFFF;
width: 40px;
height: 40px;
text-decoration: none;
font-size: 14px;
line-height: 1.0;
padding-top: 15px;
border-radius: 3px;
}
/*フォーム調整*/
[type="hidden"], [type="text"], [type="search"], [type="tel"], [type="url"], [type="email"], [type="password"], [type="datetime"], [type="date"], [type="month"], [type="week"], [type="time"], [type="datetime-local"], [type="number"], select, textarea {
border: 1px solid #cccccc;
border-radius: 3px;
padding: 8px 8px;
}
.fs-c-dropdown__menu {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
vertical-align: middle;
background: #ffffff;
color: #333333;
width: 100%;
padding: 8px 3em 8px 8px;
}
.fs-c-requiredMark {
display: inline-block;
overflow: hidden;
text-indent: -999px;
width: 3em;
height: 1em;
right: 0;
top: 0;
}
.fs-c-requiredMark::before {
content: "(必須)";
display: block;
font-size: 12px;
text-indent: 0;
color: #98211a;
font-weight: bold;
}
.fs-p-listWithCheckmark > li::before {
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "●";
color: #98211a;
padding-right: 4px;
}
.fs-c-productQuantityAndWishlist {
display: -ms-grid;
display: grid;
-ms-grid-columns: auto !important;
grid-template-columns: auto !important;
grid-auto-rows: auto;
}

@media screen and (min-width: 960px){
.fs-c-subgroupList__item {
    flex-basis: calc(100% + 1px);
    margin-left: -1px;
    margin-top: -1px;
}
}
.fs-l-sideArea ul.SideMenu > li > a span {
    width: calc(100% - 60px);
}

/*------------------------------------------------
fs_history用サンプルソース
--------------------------------------------------*/
.FS2_Recommend2_container_history {
margin-bottom: 15px;
}
.FS2_Recommend2_container_history .CrossHead {
font-weight: bold; /*見出しの装飾*/
font-size: 14px; /*見出しの文字サイズ*/
color: #000000; /*見出しの文字色*/
text-align: left; /*見出しの位置*/
}
.FS2_Recommend2_container_history a {
font-weight: bold; /*商品名の装飾*/
font-size: 12px; /*商品名の文字サイズ*/
color: #000000; /*商品名の文字色*/
}
.FS2_Recommend2_container_history .itemPrice {
font-size: 12px; /*商品価格の文字サイズ*/
color: #000000; /*商品価格の文字色*/
}
.FS2_Recommend2_container_history .FS2_itemPrice_addition {
font-size: 12px; /*消費税表示の文字サイズ*/
color: #000000; /*消費税表示の文字色*/
}
.FS2_Recommend2_container_history a img {
border: none;
}
.FS2_Recommend2_container_history ul {
padding: 0px;
}
.FS2_Recommend2_container_history ul li {
display: block;
float: left;
padding: 10px;
height: 160px;
border: 1px solid #ddd;
margin: 0 5px 5px 0;
line-height: 1.3;
width: 95px;
font-size: 12px;
}
.FS2_Recommend2_container_history img {
margin-bottom: 10px;
width: 100px;
}

/*------------------------------------------------
商品一覧ページのカテゴリ表示
--------------------------------------------------*/

ul.SearchProductsList {
margin-top: 10px;
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
align-items: center
}

ul.SearchProductsList .left a {
vertical-align: bottom
}
ul.SearchProductsList .right {
flex-grow: 1;
display: flex;
justify-content: flex-end;
align-items: center
}

ul.SearchProductsList > li {
flex-basis: 20%;
margin-bottom: 5px;
padding-right: 10px;
}
ul.SearchProductsList > li > a {
display: flex;
align-items: center;
font-size: 14px;
line-height: 1.2
}
ul.SearchProductsList > li > a span {
display: block;
max-width: 100px;
width: 100%;
}
@media screen and (max-width:1024px) {
ul.SearchProductsList > li > a span {
display: block;
max-width: 100%;
}
}
ul.SearchProductsList > li > a img {
width: 50px;
margin-right: 10px
}

@media screen and (max-width:768px) {
ul.SearchProductsList > li {
flex-basis: 33%
}
}

@media screen and (max-width:640px) {
ul.SearchProductsList > li {
flex-basis: 50%
}
}
.fs-c-listControl__status{
font-size: 12px;
}
/*エラーの余白*/
@media screen and (max-width:1024px) {
.fs-c-panel--error{
margin: auto 10px 10px;
}
}
.fs-c-productQuantityAndWishlist__wishlist{
display: none;
}
.fs-c-productActionButton{
margin: 30px 0 30px!important;
}
.fs-c-productSelection__name {
background: none;
    padding: 6px;
    line-height: 1.4;
}
.fs-c-quantity {
    display: contents;
    max-width: 6em;
    padding-left: 0em;
    margin-left: 0em;
    align-items: baseline;
}
.fs-c-quantity:before {
    content: "数量";
    color: #221714;
    font-weight: bold;
    white-space: nowrap;
    margin-right: 10px;
    margin-left: 6px;
    font-size: 1.2rem;
}
.fs-c-productSelection__selection {
    margin: 0;
    padding: 0px; 
}
.fs-c-productPostage {
display: none;
}
.fs-c-productSalesPeriod{
margin-top: 10px!important;
}

.fs-c-photoswipe.pswp {
    z-index: 9999;
}
.fs-c-productCarouselMainImage__expandButton {
    display: none;
}

@media screen and (max-width:768px) {
.fs-c-productCarouselMainImage__image > img{
/*width: 100%;*/
padding: 10px;
}
}
@media screen and (min-width:769px) {
.fs-c-productCarouselMainImage__image > img{
max-width: 400px;
}
}
.BackCartBtn a{
display: block;
    background: #BE272C;
    border-radius: 165px;
    color: #ffffff;
    cursor: pointer;
    line-height: 1;
    text-decoration: none;
    text-align: center;
    padding: 1em 1.6em 1em;
    box-shadow: 0 3px 0px #82292a;
    width: 100%;
    max-width: 320px;
    margin:40px auto;
    font-weight: 800;
    position: relative;
    min-width: 280px;
}
.BackCartBtn a span::before {
    font-family: "Font Awesome 5 Free";
    content: "\f07a";
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    margin-right: 10px;
}
.fs-c-featuredProduct{
padding: 40px 0px;
}
.fs-c-featuredProduct__title, .fs-c-wishlistProduct__title{
border: none;
font-size:1.5em ;
}
.fs-c-featuredProduct__header h2, .fs-c-wishlistProduct__header h2{
position: relative;
padding: 0 0;
text-align: center;
color: #603813;
font-weight: 400;
margin-bottom: 30px;
}
.fs-c-featuredProduct__header h2 span, .fs-c-wishlistProduct__header span{
    position: relative;
    padding: 0 1.5em;
    background: #FFF;
}
.fs-c-featuredProduct__header h2:before, .fs-c-wishlistProduct__header h2::before {
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background: #603813;
}
.fs-c-productListCarousel__list__item {
  flex-basis: 100%;
  max-width: 300px;
  min-width: 132px;
  margin: 0 4px;
}
.fs-c-productListCarousel__list__item > * + * {
  margin-top: 8px;
}
@media screen and (min-width: 600px) {
  .fs-c-productListCarousel__list__item {
    flex-basis: 33%;
    max-width: 300px;
    min-width: 200px;
    margin: 0 8px;
  }
}
.fs-c-productListItem__control, .fs-c-productListItem__salesPeriod{
display: none;
}
.fs-c-button--carousel--next::before {
content: '';
display: inline-block;
width: 30px;
height: 30px;
background-image: url(https://www.kanezaki.co.jp/ec/images/slide-left.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
transform: rotate(180deg);
}
.fs-c-button--carousel--prev::before {
content: '';
display: inline-block;
width: 30px;
height: 30px;
background-image: url(https://www.kanezaki.co.jp/ec/images/slide-left.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
}
.fs-p-pageNotFound{
margin: 40px auto;
text-align: center;
}
#fs_MyWishList .fs-c-productListItem__control {
    display: block;
}

#fs_MyWishList .fs-c-button--particular.fs-c-button--removeFromWishList--icon .fs-c-button__label{
    display: block;
   margin-top: 4px;
    margin-left: 6px;
}

#fs_MyWishList .fs-c-button--removeFromWishList--icon{
display: flex;
background: #f7f7f7;
border: 1px solid #bbbbbb;
padding: 10px 5px 10px;
width: 100%;
text-align: center;
margin-top: 10px;
justify-content: center;
}

#fs_MyWishList .fs-c-button--plain.fs-c-button--viewProductDetail {
    display: none;
}
.fs-c-productListItem__productDescription{
display: none;
}
.fs-c-slick .slick-prev, .fs-c-slick .slick-next {
    background: rgba(30, 30, 30, 0.2)!important;
    top: 105%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.fs-c-slick .slick-prev {
    left: 0px;
}
.fs-c-slick .slick-next {
    right: 0px;
}
.fs-c-slick.slick-slider {
    margin-bottom: 50px;
}
div#FORM{
margin: 0;
}
ul.fs-c-productCarouselMainImage__thumbnailList{
margin-bottom: 40px;
}


.fs-c-productMark {
  display: inline-flex!important;
}
.fs-c-productMark > li {
  margin-bottom: 3px
}

.products-list h1.MenuHl01 {
font-size: 1.0em;
  position: relative;
  padding: 0 65px;
  text-align: center;
  max-width: 984px;
  margin: 20px auto 0;
  color: #221714!important;
}

.products-list h1.MenuHl01:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  background: #221714;
}

.products-list h1.MenuHl01 span {
  position: relative;
  padding: 0 1em;
  background: #fff;
}

span.group_reizo {
display: none;
}