/* CSS Document */ @media screen and (max-width:768px) { article#topwater #kv picture{ vertical-align: bottom; line-height: 1.0em; width: 100%; max-width: unset; } article#topwater #kv picture img{ width:100%; } } article#topwater #assesment_links { background-color: #eee; } /* aboutStore */ article#topwater section#aboutStore { background-color: #006b86; } article#topwater div.aboutStore_in h2 { background-image: url("../img_fishing/pc/bg_h2_about.png"); padding: 2% 0% 3%; } @media screen and (max-width:768px) { article#topwater div.aboutStore_in h2 { background-image: url("../img_fishing/sp/bg_h2_about.png"); padding: 2% 0% 2%; background-position-y: center; } article#topwater div.aboutStore_in h2 span { display: block; font-size: 6.5vw; line-height: 1.1; font-weight: bold; } } /* blandList(新規) */ article#topwater section#blandList { background-color: #4db59e; } @media screen and (max-width:768px) { article#topwater section#blandList { padding-top: 4%; } } article#topwater section#blandList h2{background-color: #144950;} @media screen and (max-width:768px) { article#topwater section#blandList h2{padding-bottom: 2%;} } article#topwater section#blandList h2 picture{ display: block; width: fit-content; max-width: 1100px; margin: 0 auto; vertical-align: bottom; line-height: 1.0em; } article#topwater section#blandList h2 img{ width: 100%;} article#topwater section#blandList .blandList_in{ background: rgb(69,153,161); background: linear-gradient(180deg, rgba(69,153,161,1) 0%, rgba(33,129,132,1) 35%, rgba(0,108,106,1) 100%); max-width: 1100px; width: 95%; margin: 0 auto; padding-top: 0.5%; } @media screen and (max-width:768px) { article#topwater section#blandList .blandList_in{ max-width: unset; } } article#topwater section#blandList h3{ width:96%; margin: 0 auto;} @media screen and (max-width:768px) { article#topwater section#blandList h3{ margin: 2% auto; } } article#topwater section#blandList picture{ line-height: 0; vertical-align: bottom;} article#topwater section#blandList h3 img{ width: 100%;} article#topwater section#blandList ul{ width:96%; margin: 0 auto; display: grid; grid-auto-columns: 1fr 1fr; grid-template-rows: 1fr; grid-template-columns: 1.3fr 0.7fr; gap: 0% 2%; } @media screen and (max-width:768px) { article#topwater section#blandList ul{ width: 95%; display: flex; justify-content: space-around; margin: 0 4%; flex-flow: column; } } article#topwater section#blandList li{ display: flex; flex-direction: column; } article#topwater section#blandList h4{ color:#fff; background-color: #144950; font-weight: bolder; text-align: center; font-size: min(2vw, 24px); padding: 2% 1%; line-height: 1; /* flex-grow: 1;*/ } @media screen and (max-width:768px) { article#topwater section#blandList h4{ font-size: 4.8vw; } } article#topwater section#blandList ul{ padding-bottom: 30px;} article#topwater section#blandList ul li .blandList{ padding: 2% 2% 4% 2%; background-color: #d4e6e6; background-image: url(../img_fishing/pc/bg_brand_base.png); background-position: center center; background-repeat: no-repeat; background-size: 70%; flex-grow: 1; } article#topwater section#blandList ul .rightArea .blandList{ background-size: 100%;} @media screen and (max-width:768px) { article#topwater section#blandList ul .rightArea{ margin-top: 2%;} article#topwater section#blandList ul li .blandLis, article#topwater section#blandList ul .rightArea .blandList{ background-size: cover; } } article#topwater section#blandList ul li .blandList div{ color:#1b4b61; font-size: clamp(16px, 1.2vw, 24px); font-weight: bold; display:inline-block; margin-right: 0px; padding:0 5px 0 0; white-space: nowrap; } article#topwater section#blandList ul li .blandList div:after{content: "/"; padding-left: 5px;} article#topwater section#blandList ul li .blandList:last-child div:last-child:after{content: "";} article#topwater section#blandList ul li .blandList .txtR{ display: block; text-align: right; padding-top:0.5em; } article#topwater section#blandList ul li .blandList .nonSlash:after{content: "";} /* antiqueReel_in */ article#topwater .antiqueReel_in { background-image: url(../img_fishing/pc/bg_antique.png); } @media screen and (max-width:768px) { article#topwater .antiqueReel_in { background-image: url(../img_fishing/sp/bg_antique.png); aspect-ratio: 690 / 620; } } article#topwater .antiqueReel_in h2{top: calc((120 / 990) * 100%);} article#topwater .antiqueReel_in .imgConTxt{top: calc((380 / 990) * 100%);left: calc((175 / 1500) * 100%);} @media screen and (max-width:768px) { article#topwater .antiqueReel_in .imgConTxt { top: calc((430 / 990) * 100%); left: calc((180 / 1500) * 100%); } } @media screen and (max-width: 768px){ article#topwater div.profile_first_content img { width: 42%; height: 42%; } } article#topwater div.promise { background-image: url(../img_fishing/pc/collection_bg2.png); } @media screen and (max-width: 768px){ article#topwater div.promise { background-image: url(../img_fishing/sp/collection_bg2.png); } } /* article#topwater div.tackle_kind:nth-child(1) { background-image: url("../img_fishing/pc/tackle1.png"); } article#topwater div.tackle_kind:nth-child(2) { background-image: url("../img_fishing/pc/tackle2.png"); } article#topwater div.tackle_kind:nth-child(3) { background-image: url("../img_fishing/pc/tackle3.png"); } article#topwater div.tackle_kind:nth-child(4) { background-image: url("../img_fishing/pc/tackle4.png"); } @media screen and (max-width:768px) { article#topwater div.tackle_kind:nth-child(1) { background-image: url("../img_fishing/sp/tackle1.png"); } article#topwater div.tackle_kind:nth-child(2) { background-image: url("../img_fishing/sp/tackle2.png"); } article#topwater div.tackle_kind:nth-child(3) { background-image: url("../img_fishing/sp/tackle3.png"); } article#topwater div.tackle_kind:nth-child(4) { background-image: url("../img_fishing/sp/tackle4.png"); } }*/