/*************************************************" default *************************************************/ body {margin: 0px;padding: 0px;font-size:15px;color:#000;position: relative;height: 100%;background-color:#fff;letter-spacing:0.02em; text-size-adjust: none; -webkit-text-size-adjust: none;/*iphoneの文字サイズの自動調整解除*/ -webkit-font-smoothing: antialiased; /*OSXでのフォントのレンダリング方法を調整*/ /*Macでは普通の游ゴシックが適用され、Windowsでは「 游ゴシック Medium」になる*/ font-family: Roboto, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3" , "メイリオ", sans-serif; -webkit-font-feature-settings: 'palt' 1; /*fontの自動カーニング*/ font-feature-settings: 'palt' 1;} @media all and (-ms-high-contrast:none) { body{font-family: "メイリオ", Meiryo, sans-serif !important;} /*IE11でline-heightがずれるための処置*/ } /* Google Fonts をWeb Font Loadeスクリプトで非同期で読み込む--Noto Serif JPの、light300、Medium 500 .minfont300{font-family:'Noto Serif JP', serif;font-weight:300;} .minfont500{font-family:'Noto Serif JP', serif;font-weight:500;} */ a {color: #182c68;text-decoration:none;transition: 0.8s;}/*hover ゆっくり変わる*/ a:link {color: #182c68;text-decoration:none;} a:visited {color: #182c68;text-decoration:none;} a:active {color: #006fff;text-decoration: underline;} a:hover {color: #006fff;text-decoration: underline;} h1,h2,h3,h4,h5,p,ol,ul,li,span,dl,dt,dd {margin:0;padding:0;font-weight:normal;} img {border:none;margin:0;padding:0;vertical-align:middle;} a:hover img {opacity: 0.7;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;} ul {margin:0px;padding:0px;list-style:none none outside;} ol{margin:0;padding:0;} p.clear {clear:both;line-height:0px;display:block;} div.clear {clear:both;} hr{ border:none;border-top:1px solid #ccc;height:1px;} /*hr{background:url(../images/hr_bg.png) repeat-x 0 0;height:10px;border: 0;}*/ .dotline{border-top: 1px dotted #aaa;line-height: 1px;height: 1px;} .solidline{border-top: 1px solid #bbb;line-height: 1px;height: 1px;} .strong{font-weight:bold;} table{border-collapse: collapse;} /*カラー*/ .color-red{color:#f00;} /*padding や border-width がwidth内に収まる*/ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} /*clearfix--------------------*/ .cf:before, .cf:after {content: " ";display: table;} .cf:after {clear: both;} .cf{*zoom: 1;} /*---電話番号用---768px以上の解像度だけpointer-eventsを無効にして、PCのときはTELクリックの反応なし---*/ @media screen and (min-width: 768px) { a[href^="tel:"] {pointer-events: none;} } /*ページ上部右の出てくるナビmenu---*/ #menubtn{display:none;} #navi_sp{display:none;} body#fs_Top .fs-l-page{background: url(https://uokura.itembox.design/item/img/bg_back_left1.png) no-repeat left top 1700px, url(https://uokura.itembox.design/item/img/bg_back_right1.png) no-repeat right top 1300px, url(https://uokura.itembox.design/item/img/bg_back_right2.png) no-repeat right top 2700px;} /*///////////////////////////////////////////////////////////// 全ページ共通のheader ////////////////////////////////////////////////////////////*/ /*ページ上部の Preview Mode （プレビューモード）を非表示*/ .fs-preview-header { display: none; } header.fs-l-header {padding-top: 13px;border-bottom: 0;} .header-cont{max-width: 1200px;margin: 0 auto;padding: 0 1%;} /*ロゴ*/ .header-rogo{float: left;width: 185px;transition: 0.5s;padding: 0;} .header-rogo a{text-decoration:none;} .header-rogo a:hover{opacity:0.6;} .header-rogo a .rogomark{float:left;margin-right:7px;} .header-rogo a .rogo-cap{font-size:10.3px;line-height:1;margin:0 0 1px 0;color:#333;white-space: nowrap;text-align: right;} .header-rogo a .rogo{float:left;margin-top: 3px;} /*ようこそ◎さん*/ .fs-l-header__leftContainer {float:left;margin-left:30px;} .fs-l-header__welcomeMsg.is-ready {display: table-cell;height: 50px;vertical-align: middle;line-height: 1.4;} .fs-p-welcomeMsg{font-size: 79%;} .fs-p-memberInfo {display: unset;} .fs-p-memberInfo__stage{font-size: 1.2rem;display: block;} .fs-p-memberInfo__points {font-size: 1.2rem;font-weight: normal;display: block;} /*お問合せ・会員登録・電話・カートを見る*/ .fs-l-header__utility{display: grid;grid-template-columns: 1fr;grid-template-rows:auto;margin-top: 3px;} .fs-p-headerUtilityMenu{margin: 10px 28px 0 0;} .fs-p-headerUtilityMenu__list {font-size: 98%;} .fs-p-headerUtilityMenu__list a{color:#000;} .fs-p-headerUtilityMenu__list a::before {display: none;} .fs-pt-menu a {padding: 8px 12px;} /*電話*/ .header-tel-cart-box{grid-row: 1 !important;grid-column: 2 !important;} .header-tel{display:inline-block;margin-right: 27px;} .header-tel .cap{color:#182c67;font-size:11px;line-height:1;padding-bottom:3px;text-align:right;} .header-tel .tel a{background:url(https://uokura.itembox.design/item/img/tel_blue.png) no-repeat left top 11px;background-size:20px;font-family:'Noto Serif JP', serif;font-weight:500;color:#182c67;font-size:178%;line-height:1;padding-left: 22px;letter-spacing: 0;} .header-tel .tel a:hover{} /*カートを見る*/ .h-cart-btnarea {position: relative;display: inline-block;vertical-align: top;} .h-cart-btnarea-count{position: absolute;top: calc(35% - 2px);left: 37px;width: 19px;height: 19px;line-height: 17px;text-align: center;border-radius: 10px;font-size: 1.1rem;background: #FFF;color: #948154;border: 1px solid #948154;} .h-cart-btnarea a{width: 180px;height: 40px;line-height: 40px;font-size: 1.6rem;border: 1px solid #182c68;color: #FFF !important;min-width: inherit; display: block;background: #182c68 url(https://uokura.itembox.design/item/img/cart_wh.svg) no-repeat left 20px center;background-size: 20px 19px;} .h-cart-btnarea a span {padding-left: 60px;} .h-cart-btnarea a:hover{background-color: #277dd2;border: 1px solid #277dd2;text-decoration: none;} .fs-l-header__utility :last-child {align-self: auto;} /* ==================== 横メニュー ==================== */ /*ログイン・ログアウト*/ .logout.my-false {display: none !important;} .login.my-true { display: none; } .regist.my-true { display: none; } .fs-p-headerNavBar {background: #fff;border-bottom: none;color: #000;padding: 0 !important;width: 1200px;height: 55px;display: table;margin: 15px auto 0 auto;} /*なぜかTOPに横メニューが2回出る*/ .fs-p-headerNavBar{display:none;} .fs-l-header .fs-p-headerNavBar{display:table;} .fs-p-headerNavigation {vertical-align: middle;display: table-cell;} .fs-p-headerNavigation__list > li {width: 14%;display: table-cell;vertical-align: middle;height: 55px;ext-align: center;} .fs-p-headerNavigation__list > li.home{width:8%;} .fs-p-headerNavigation__list > li.yokomenuinfo{border: 1px solid #ccc;} .fs-p-headerNavigation__list > li.yokomenuinfo span{text-align: center;width: 100%;} .fs-p-headerNavigation__list > li a{display: table-cell;width: inherit;text-align: center;color: #000 !important;font-family: 'Noto Serif JP', serif;font-weight: 400;font-size: 116%;line-height: 1;height: 55px;padding: 0;vertical-align: middle;} .fs-p-headerNavigation__list > li.yokomenuinfo a{display:inline-block;padding-top: 18px;} .fs-p-headerNavigation__list > li.yokomenuinfo:hover{background: #f3f3f3;} .fs-p-headerNavigation__list > li.yokomenuinfo a:hover{text-decoration: none;} .fs-p-headerNavigation__list > li a img{margin-bottom: 3px;} .fs-p-headerNavigation__link:hover {background: #f3f3f3;text-decoration: none;color: #666 !important;} /*カルーセル画像*/ .fs-pt-carousel {margin-top: 7px;} .slick-slide{padding-left:500px;background:url(https://uokura.itembox.design/item/img/index_bigimg_text.png) no-repeat left center , url(https://uokura.itembox.design/item/img/index_bigimg_img.jpg) no-repeat left center;} .slick-slide div{font-size:0;} /*サイト告知*/ .fs-p-messageBoard {position:relative;background-color: #ffecea;border: 5px solid #ff84a3;color: #f00;padding:30px 3% 16px 3%;max-width: 940px;margin:40px auto 60px auto;} .fs-p-messageBoard-midashi {position: absolute;top: -22px;margin: 0 auto;display: table;color: #fff;font-size: 122%;line-height: 1.2;right: 0;left: 0;padding: 8px 38px 7px 38px; background: url(https://uokura.itembox.design/item/img/boada_right.png) no-repeat right top,url(https://uokura.itembox.design/item/img/boada_left.png) no-repeat left top;background-color: #f00;} .fs-p-messageBoard__heading {display: block;font-weight: bold;margin-bottom: 8px;text-align: center;font-size:160%;} /*見出し*/ .fs-p-heading--lv2 {border-bottom: none;color: #00103f;font-size: 260%;text-align: center;font-family: 'Noto Serif JP', serif;font-weight: 400;padding-bottom: 14px;margin-bottom: 20px;margin-top: 1em; background: url(https://uokura.itembox.design/item/img/midashi_bg.png) no-repeat center bottom;} .fs-p-heading--lv2.small{font-size:230%;} /*魚倉の特選セット*/ .fs-pt-column__image > img {width: 100%;} .fs-pt-column__item{padding: 0;border-top: 5px solid #0b2575;margin:10px 10px;display: block;background-color:#f4f4f4;position: relative;min-height:195px;} .fs-pt-column__item > :nth-child(1){width: 190px;display: block;float: left;margin-right: 3.2%;} .fs-pt-column__item > :nth-child(2){} .fs-pt-column__item > :nth-child(3) {} .fs-pt-column--2 a:hover{text-decoration:none;background-color:#ddd;opacity: 0.7;} .fs-pt-column__heading{color:#b08d47;font-size:100%;font-weight:bold;padding: 8px 12px 0 0;display: table;line-height: 1.2;} .fs-pt-column__heading b{display:block;font-size:150%;font-family: 'Noto Serif JP', serif;font-weight: 500;color: #00103f;padding-top:12px;letter-spacing: 0;min-height: 65px;} .fs-pt-column__description{padding: 5px 15px 0 25px;color: #00103f;font-size: 93%;} .arrow19-4{border: 1px solid #6d7cac;display: table;width: 58px;height: 14px;background: url(https://uokura.itembox.design/item/img/arrow15-4.png) no-repeat center center;right: 25px;position: absolute;bottom: 15px;transition: 0.8s;} .fs-pt-column--2 a:hover .arrow19-4{background-position:center right 15px} /*魚倉のこだわり商品*/ .kodawari .fs-pt-column__item{background-color:#182c68;color: #fff;border-top: 5px solid #b08d47;} .kodawari.fs-pt-column--2 a:hover{background-color:#182c68;} .kodawari .fs-pt-column__heading{color:#dcbe70;} .kodawari .fs-pt-column__heading b{color: #dcbe70;} .kodawari .fs-pt-column__description{color: #fff;} .kodawari .arrow19-4{background: url(https://uokura.itembox.design/item/img/arrow_white15-4.png) no-repeat center center;} /*魚倉のこだわり商品（大）*/ .index-kodawari-box.fs-pt-column {display: block;} .index-kodawari-box .fs-pt-column__item{display: inline-block;background-color: #182c68;color: #fff;border-top: 6px solid #b08d47;padding: 0;} .index-kodawari-box .fs-pt-column__image{width:46%;float: left;} .index-kodawari-box .fs-pt-column__heading{color:#dcbe70;font-weight:bold;font-size: 108%;padding: 20px 0 0 0;display: table;/*! width: 52%; */} .index-kodawari-box .fs-pt-column__heading b{display: block;font-size:230%;padding-top: 25px;font-family: 'Noto Serif JP', serif;font-weight: 500;color: #dcbe70;letter-spacing: 0;} .index-kodawari-box .fs-pt-column__description{font-size: 108%;padding:40px 2.5% 30px 0;color: #fff;} .index-kodawari-box.fs-pt-column a:hover{text-decoration:none;background-color:#182c68;opacity: 0.7;} .index-kodawari-box.fs-pt-column .arrow19-4{border: 1px solid #909bbd;display: table;width: 150px;height: 35px;right: 70px;position: absolute;bottom: 40px;transition: 0.8s;padding: 5px 0 0 45px; background: url(https://uokura.itembox.design/item/img/arrow_white15-4.png) no-repeat left 18px center;} .index-kodawari-box.fs-pt-column a:hover .arrow19-4{background-position:left 23px center;} /* 価格から探す */ .t-price-box{justify-content: center;display: flex;flex-wrap: wrap;padding-top: 10px;} .t-price-item {width: 173px;height: 173px;margin: 0 20px;background: #f2f2f2;transition: all .3s ease; font-family: 'Noto Serif JP', serif;font-weight: 400;} .t-price-item:hover { border-width: 3px; } .t-price-link {height: 100%;display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;font-size:125%;text-align: center;color: #00103f !important;} .t-price-link .yen {font-size: 80%; } .t-price-link .tilde {display: block;line-height: 1; } .t-price-item a:hover{text-decoration:none;background:#ddd;} /*お得な購入ポイント*/ ul.index-otokupoint-ul{text-align:center;width:990px;margin:0 auto;background-color:#001040;font-family: serif;font-weight: 400;color:#fff;display:block;} ul.index-otokupoint-ul li{width:31.5%;border:1px solid #b08e48;background:url(https://uokura.itembox.design/item/img/bg_slash.png);padding:12px 1% 0 1%;margin:7px 0.5%;line-height: 1.7;display: inline-block;min-height: 110px;vertical-align: top;} ul.index-otokupoint-ul li p{color:#d8ad3f;/*! display: block; */line-height: 1.2;} ul.index-otokupoint-ul li p big{font-family: 'Noto Serif JP', serif;font-size: 180%;line-height: 1.3;} ul.index-otokupoint-ul li p small{} ul.index-otokupoint-ul li p strong{font-family: 'Noto Serif JP', serif;font-size: 300%;font-weight: 400;} ul.index-otokupoint-ul li.souryou p{font-size: 108%;} ul.index-otokupoint-ul li.souryou p big{font-size: 240%;line-height: 1.4;} ul.index-otokupoint-ul li a{color:#fff;text-decoration:none;} ul.index-otokupoint-ul li:hover{background-color:#15315e;} /*お知らせ*/ ul.index-oshirase-box.fs-pt-list{background-color:#f2f2f2;padding: 7px 0;height: 320px;overflow-y: scroll;} ul.index-oshirase-box.fs-pt-list li{margin: 0;} ul.index-oshirase-box.fs-pt-list li a{padding: 15px 3% 0 3%;display: block;color: #00103f;} ul.index-oshirase-box.fs-pt-list li a:hover{text-decoration: none;background-color: #e3e3e3;} dl.oshirase-dl{padding: 0 0 15px 0;border-bottom: 1px solid #ddd;} dl.oshirase-dl dt{float: left;} dl.oshirase-dl dd{padding: 0 0 0 110px;} dl.oshirase-dl dd .title{font-weight: bold;font-size: 108%;} dl.oshirase-dl dd .com{} /*ページTOPへ*/ .fs-p-footerPageTop {bottom: unset;margin-top: -32px;} /*TOPページの魚倉の鮮魚情報をLINEで（フリーパーツ）*/ #fs_Top .line-cont-box{display:none;} /*///////////////////////////////////////////////////////////// 全ページ共通のfooter ////////////////////////////////////////////////////////////*/ .fs-l-footer {border-top: none;color:#06174a;background-color: #00366a;} .fs-l-footer__contents {margin: auto;max-width: unset;width: 100%;background-color: #f2f2f2;} /*お支払い方法についてなど*/ dl.footer-navi-dl{max-width:1220px;width:100%;margin:0 auto;padding:20px 10px 0 10px;letter-spacing: 0;} dl.footer-navi-dl dt{float:right;width:48%;} dl.footer-navi-dl dd{float:left;width:47%;} .footer-navi-box{border-bottom:1px solid #D6D6D6;padding:25px 0;} .footer-navi-box:last-child{border-bottom:none;} .footer-navi-box p{padding-bottom:7px;line-height: 1.7;font-size: 95%;} .footer-navi-box p.midashi{font-weight:bold;font-size:122%;line-height:1.4;pointer-events: none;} .footer-navi-box p a{font-weight:bold;text-decoration: underline;} /*フッターユーティリティ*/ .footer-utility-cont{background:url(https://uokura.itembox.design/item/img/footer_bg.png) repeat-x top center , url(https://uokura.itembox.design/item/img/footer_kani.png) no-repeat bottom left 380px;padding:40px 0 30px 0;} dl.footer-utility-dl{max-width:1300px;width:100%;margin:0 auto;color: #fff;padding-left: 15px;} dl.footer-utility-dl dt{float:left;width:38%;margin-top:5px;} dl.footer-utility-dl dd{float:right;width:56%;} .footer-rogo-box{} .footer-rogo-box-left{float: left;margin-right: 30px;} /*ロゴ*/ .footer-rogo-box-left .header-rogo{float:none;} .footer-rogo-box-left .header-rogo a .rogo-cap{color:#fff;} ul.footer-sns-ul{margin-top:4px;} ul.footer-sns-ul li{float:left;margin-right:11px;} .footer-rogo-box-right{font-size: 96%;float: left;} .footer-rogo-box-right a{color:#fff;} .footer-rogo-box-right .tel a{font-family: 'Noto Serif JP', serif;font-weight: 300;font-size: 220%;line-height: 1;padding-left: 33px;letter-spacing: 0.05em;background: url(https://uokura.itembox.design/item/img/tel_white.png) no-repeat left top 12px;background-size: 26px;} .footer-rogo-box-right .cap{border: 1px solid rgba(255,255,255,0.6);margin: 3px 5px 3px 0;text-align: center;font-size: 86%;padding: 1px 0 0 0;} .line-com{padding-top: 9px;font-size:83%;} /*url*/ dl.footer-utility-dl dd.footerlist{font-size: 86%;} dd.footerlist ul li{margin-bottom: 3px;} dd.footerlist ul li a{color:#fff;background: url(https://uokura.itembox.design/item/img/arrow_white4-7.png) no-repeat left top 6px;padding-left: 8px;} dd.footerlist ul.no1{float:left;width:23%;margin-right:2%;} dd.footerlist ul.no2{float:left;width:23%;margin-right:4%;} dd.footerlist ul.no3{float:left;width:23%;margin-right:3%;} dd.footerlist ul.no4{float:left;width:22%;} .fs-p-footerUtilityMenu .fs-pt-menu a {color: #fff !important;} /*コピーライト*/ .fs-p-footerCopyright {background-color: #003367;padding: 15px 0;border-top: 1px solid #809bb5;} .fs-p-footerCopyright__text {font-size: 1.1rem;} /*************************************************" TOPページとdefaultのレスポンシブ *************************************************/ @media screen and (max-width:1480px) { /*カルーセル画像*/ .slick-slide {background-size:contain,500px;} } @media screen and (max-width:1380px) { /*カルーセル画像*/ .slick-slide {padding-left: 460px;background-size:contain,460px;} } @media screen and (max-width:1230px) { /*///////////// 全ページ共通のheader //////////////////*/ .fs-l-header__contents {padding: 0 1.5%;} .fs-p-headerNavBar {width: 96%;} /*カルーセル画像*/ .slick-slide {padding-left:410px;} /*///////////// 全ページ共通のfooter //////////////////*/ dl.footer-utility-dl dt{width:50%;} dl.footer-utility-dl dd{width:48%;} dd.footerlist ul.no2{display:none;} dd.footerlist ul.no1{width:31%;} dd.footerlist ul.no3{width:29%;} dd.footerlist ul.no4{width:31%;} } @media screen and (max-width:1090px) { /*///////////// 全ページ共通のheader //////////////////*/ .header-tel {display: none;} /*カルーセル画像*/ .slick-slide {padding-left:370px;} } @media screen and (max-width:1000px) { /*///////////// 全ページ共通のheader //////////////////*/ /*カルーセル画像*/ .slick-slide {padding-left:340px;} /*お得な購入ポイント*/ ul.index-otokupoint-ul{width:100%;} /*特選セット*/ .fs-pt-column {display: block;} /*///////////// 全ページ共通のfooter //////////////////*/ dl.footer-utility-dl dt{width:60%;} dl.footer-utility-dl dd{width:38%;} dd.footerlist ul.no1{display:none;} dd.footerlist ul.no3{width:47%;} dd.footerlist ul.no4{width:47%;} } @media screen and (max-width:920px) { /*///////////// 全ページ共通のheader //////////////////*/ header.fs-l-header {position: fixed;top: 0;z-index: 50;background: rgba(255,255,255,0.9);width: 100%;padding-top: 10px;height: 60px;border-bottom: 1px solid #e0e0e2;} .fs-l-header__contents {grid-template-columns: 220px 160px 1fr;} .fs-p-headerUtilityMenu {display: none;} .h-cart-btnarea a span {display: none;} .h-cart-btnarea {margin-right: 70px;} .h-cart-btnarea a {width: 40px;height: 35px;background: #182c68 url(https://uokura.itembox.design/item/img/cart_wh.svg) no-repeat left 5px center;background-size:18px;} .h-cart-btnarea-count {left: 18px;} .header-rogo a .rogo-cap {display: none;} /*ようこそ◎さん*/ .fs-l-header__welcomeMsg.is-ready {height: 40px;line-height: 1.3;} .fs-p-welcomeMsg {font-size: 72%;} .fs-p-memberInfo__stage {font-size: 1.1rem;} .fs-p-memberInfo__points {font-size: 1.1rem;} /*カルーセル画像*/ .fs-pt-carousel {margin-top: 60px;} .slick-slide {padding-left: 310px;background-size: contain,380px;} /*------------------------------------------------------------------------- ページ上部右の出てくるナビmenuが出現して、入れ替わりに横メニューが消える --------------------------------------------------------------------------*/ .fs-l-header .fs-p-headerNavBar {display: none;} #menubtn{position:fixed;z-index:700;top:9px;right:15px;background-color:#182c68;width:54px;height:42px;display:block; cursor:pointer;} #menubtn.off{background-color:#182c68;} #menubtn.on{background-color:#aaa;} /*右側のメニューボタン*/ .menu-trigger {position:absolute;right: 0;top: 11px;z-index:200;width:34px;height:20px;display: inline-block;transition: all .4s;box-sizing: border-box;left: 0;margin: 0 auto;} .menu-trigger span {position: absolute;left: 0;width: 100%;height:2px;background-color:#fff;display: inline-block;transition: all .4s;box-sizing: border-box;} .menu-trigger span:nth-of-type(1) {} .menu-trigger span:nth-of-type(2) {top: 50%;left: 50%;-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);} .menu-trigger span:nth-of-type(3) {bottom: 0;} .menu-trigger.active span{height: 2px;} .menu-trigger.active span:nth-of-type(1) {z-index: 10;-webkit-transform: translateY(9px) rotate(-317deg) scale(1.15);transform: translateY(9px) rotate(-317deg) scale(1.15);} .menu-trigger.active span:nth-of-type(2) {display: none;} .menu-trigger.active span:nth-of-type(3) {-webkit-transform: translateY(-9px) rotate(317deg) scale(1.15);transform: translateY(-9px) rotate(317deg) scale(1.15);} /*------------------------------------ ページ上部右の出てくるナビmenu ------------------------------------*/ #navi_sp {display: none;position: fixed;width:100%;z-index:49;overflow-y: scroll;height:100%;right: 0;top: 0;background-color:#182c68;} #navi_sp a, #navi_sp a:hover{text-decoration:none;} #navi_sp ul#yoko-menu-sp {width:100%;clear: both;padding:25px 1% 0 1%;list-style:none none outside;background-image:none;text-align: center;} #navi_sp ul#yoko-menu-sp li {display: inline-block;width: 45%;text-align: left;border-bottom: 1px dotted #bbb;margin: 0 2%;} #navi_sp ul#yoko-menu-sp li.sp0 a {color: #fff;text-decoration: none;line-height:1.2;padding: 14px 0 14px 5%;display: block;background: url(https://uokura.itembox.design/item/img/arrow_white4-7.png) no-repeat right 20px center;} #navi_sp ul#yoko-menu-sp li a:hover{background-color: rgba(255,255,255,0.3);background-position: right 15px center;} /*ナビmenu内のようこそ◎さん*/ .yokomenu-welcome{margin:0 3% 10px 3%;color: #fff;text-align: left;} .yokomenu-welcome .fs-p-memberInfo__points {color: #fff;} /*submenu*/ #navi_sp ul#yoko-menu-sp li.spbox02{width: 96%;text-align: center;margin:20px 0;border: 1px solid rgba(255,255,255,0.4);} #navi_sp ul#yoko-menu-sp li.spbox02 > a{background:url(https://uokura.itembox.design/item/img/header_menu_down.png) no-repeat left 35% center;color: #fff;padding: 10px 0;display: block;} #navi_sp ul#yoko-menu-sp li.spbox02.selected > a{background:url(https://uokura.itembox.design/item/img/header_menu_up.png) no-repeat left 35% center;opacity: 0.6;border-bottom: 1px solid rgba(255,255,255,0.5);} #navi_sp ul#yoko-menu-sp li.spbox02 > a:hover{background-color: rgba(255,255,255,0.3);background-position: left 36% center;} /*商品のサブメニュー*/ #navi_sp ul#yoko-menu-sp li.spbox02 ul.fs-p-sideMenu{} #navi_sp ul#yoko-menu-sp li.spbox02 ul.fs-p-sideMenu li.fs-pt-menu__item{border: none;width: 80%;} #navi_sp ul#yoko-menu-sp li.spbox02 ul.fs-p-sideMenu li.fs-pt-menu__item span{border: none;} #navi_sp ul#yoko-menu-sp li.spbox02 ul.fs-p-sideMenu li.fs-pt-menu__item span a{color: #fff;font-size: 86%;background: url(https://uokura.itembox.design/item/img/arrow_white4-7.png) no-repeat right 20px center;white-space: nowrap;} #navi_sp ul#yoko-menu-sp li.spbox02 ul.fs-p-sideMenu .fs-pt-menu__link--lv1::after{display:none;} #navi_sp ul#yoko-menu-sp li.spbox02 ul.fs-p-sideMenu li.fs-pt-menu__item span a:hover{background-color: rgba(255,255,255,0.3);} #navi_sp ul#yoko-menu-sp dl.navi-sp-dl{} #navi_sp ul#yoko-menu-sp dl.navi-sp-dl dt{/*! float: left; */width: 48%;display: inline-block;} #navi_sp ul#yoko-menu-sp dl.navi-sp-dl dd{width: 48%;display: inline-block;vertical-align: top;} #navi_sp ul#yoko-menu-sp ul.navi-sp-dl-sub{} #navi_sp ul#yoko-menu-sp ul.navi-sp-dl-sub li{border: none;width: 100%;/*! margin: 0 5%; */} #navi_sp ul#yoko-menu-sp ul.navi-sp-dl-sub li a{color: #fff;font-size: 86%;padding: 7px 5%;display: block;} #navi_sp ul#yoko-menu-sp ul.navi-sp-dl-sub li a:hover{} /*メニューの閉じる*/ #navi_sp p#menuclose{margin-top: 15px;} #navi_sp p#menuclose a{color:#FFF;padding:14px 0;line-height: 1.0;display: block;background:#444 url(https://uokura.itembox.design/item/img/header_menu_close.gif) no-repeat right 15px center;cursor: pointer;width: 95%;margin: 0 auto;text-align: center;} #navi_sp p#menuclose a:hover{background-color:#666;opacity:1;} /*魚倉のこだわり商品（大）*/ .index-kodawari-box.fs-pt-column .arrow19-4 {right: 0;position: relative;bottom: -10px;margin: 0 0 0 auto;} } @media screen and (max-width:880px) { /*価格から探す*/ .t-price-item {margin: 0 5px;} /*お得な購入ポイント*/ ul.index-otokupoint-ul li.souryou p big {font-size: 200%;} } @media screen and (max-width:830px) { /*///////////// 全ページ共通のheader //////////////////*/ /*カルーセル画像*/ .slick-slide {padding-left: 280px;background-size: contain,340px;} /*お得な購入ポイント*/ ul.index-otokupoint-ul li {width: 48%;} /*///////////// 全ページ共通のfooter //////////////////*/ dl.footer-utility-dl dt{width:47%;} dl.footer-utility-dl dd{width:50%;} .footer-rogo-box-right {display: none;} .footer-utility-cont {background-position: top center , left 220px bottom;} } @media screen and (max-width:800px) { /*お得な購入ポイント*/ ul.index-otokupoint-ul {display: table;} /*価格から探す*/ .t-price-item {width: 40%;height: 120px;margin: 5px 1.5%;} } @media screen and (max-width:740px) { /*///////////// 全ページ共通のheader //////////////////*/ /*カルーセル画像*/ .slick-slide {padding-left: 250px;background-size: contain,310px;} /*///////////// 全ページ共通のfooter //////////////////*/ /*お支払い方法についてなど*/ dl.footer-navi-dl {padding: 20px 15px 0 15px;} dl.footer-navi-dl dt {float: none;width: 100%;border-bottom: 1px solid #D6D6D6;} dl.footer-navi-dl dd {float: none;width: 100%;} .footer-navi-box {padding: 13px 0 6px 0;} .footer-navi-box p.midashi{cursor: pointer;pointer-events: unset;font-size: 115%;background: url(https://uokura.itembox.design/item/img/arrow_blue4-7.png) no-repeat right 10px top 8px;} dl.footer-navi-dl .midashi-cont{display:none;} } @media screen and (max-width:640px) { /*///////////// 全ページ共通のheader //////////////////*/ /*カルーセル画像*/ .slick-slide {padding-left: 220px;background-size: contain,270px;} /*///////////// 全ページ共通のfooter //////////////////*/ .footer-utility-cont {padding: 30px 0 50px 0;background-position: top center , center bottom;} dd.footerlist ul.no4 {display: none;} dl.footer-utility-dl dt {width: 100%;float: none;text-align: center;} dl.footer-utility-dl dd {width: 100%;float: none;} dd.footerlist ul.no3 {width: 100%;text-align: center;} dd.footerlist ul li {display: inline-block;margin: 0 15px 7px 0;} .footer-rogo-box-left {float: none;margin: 15px 0 0 0;} dl.footer-utility-dl {padding: 0 15px;} .footer-rogo-box-left .header-rogo {margin: 0 auto;} ul.footer-sns-ul {margin-top: 20px;display: inline-block;} } @media screen and (max-width:600px) { /*///////////// 全ページ共通のheader //////////////////*/ /*カルーセル画像*/ .slick-slide {padding-left:0;} .fs-pt-carousel__slide::after{position: absolute;content:"";width:100%;height:103%;background:url(https://uokura.itembox.design/item/img/index_bigimg_text.png) no-repeat center center;background-size:contain;top: 0;} /*魚倉の特選セット*/ .fs-pt-column__item {margin: 10px 1%;width: 47%;display: inline-block;vertical-align: top;} .fs-pt-column__heading {padding: 8px 7px 0 10px;display: inline-block;} .fs-pt-column__heading b {font-size: 120%;padding-top: 3px;} .fs-pt-column__description {padding: 3px 8px 20px 10px;font-size: 86%;} .arrow19-4 {position: relative;bottom: -5px;right: 0;left: auto;margin: 0 auto;} .fs-pt-column__item > :nth-child(1){margin-right: 0;width: auto;} .fs-pt-column__image > img {width: 85%;margin: 0 auto;} /*魚倉のこだわり商品（大）*/ .index-kodawari-box .fs-pt-column__item {width: 98%;} .index-kodawari-box .fs-pt-column__image {width: 100%;float: none;} .index-kodawari-box .fs-pt-column__heading {width: auto;padding: 20px 4% 0 4%;} .index-kodawari-box .fs-pt-column__description {padding: 20px 3% 30px 4%;width: auto;} .index-kodawari-box .fs-pt-column__heading b {font-size: 200%;} } @media screen and (max-width:540px) { /*///////////// 全ページ共通のheader //////////////////*/ .fs-l-header__contents {grid-template-columns: 165px 0 1fr;} .fs-l-header__welcomeMsg.is-ready {display: none;} .header-rogo a .rogo {margin-top: 5px;width: 120px;} /*------- ページ上部右の出てくるナビmenu --------*/ /*ナビmenu内のようこそ◎さん*/ .yokomenu-welcome .fs-l-header__welcomeMsg.is-ready {display:block;} /*サイト告知*/ .fs-p-messageBoard-midashi {font-size: 100%;} .fs-p-messageBoard {border: 3px solid #ff84a3;padding: 24px 3% 16px 3%;} .fs-p-messageBoard__heading {margin-bottom: 5px;font-size: 129%;line-height: 1.3;} /*見出し*/ .fs-p-heading--lv2 {font-size: 180%;margin-bottom: 10px;} .fs-p-heading--lv2.small {font-size: 160%;} /*お得な購入ポイント*/ ul.index-otokupoint-ul li {width: 95%;min-height: auto;padding: 6px 1% 7px 1%;margin: 7px 0.5% 0 0.5%;font-size: 90%;} ul.index-otokupoint-ul {padding-bottom: 10px;} ul.index-otokupoint-ul li p big {font-size: 150%;} ul.index-otokupoint-ul li p strong {font-size: 230%;} /*お知らせ*/ dl.oshirase-dl dt{float: none;} dl.oshirase-dl dd{padding: 3px 0 0 0;} dl.oshirase-dl dd .com {padding-top: 5px;} /*価格から探す*/ .t-price-item {width: 47%;height: 100px;} .t-price-link {font-size: 108%;} } @media screen and (max-width:460px) { /*魚倉の特選セット*/ .fs-pt-column__item {width: 100%;} /*///////////// 全ページ共通のfooter //////////////////*/ .footer-navi-box p.midashi {font-size: 108%;} } @media screen and (max-width:400px) { /*サイト告知*/ .fs-p-messageBoard-midashi {font-size: 80%;top: -20px;font-weight: bold;} } /*************************************************" 中ページ *************************************************/ /*パンくず*/ .fs-c-breadcrumb {background-color: #182c68;margin-top: 7px;} .fs-c-breadcrumb__list {max-width: 1200px;margin: 0 auto;color: #fff;padding: 7px;} .fs-c-breadcrumb__list > li a{color: #A4C2F2;text-decoration: underline;} .fs-c-breadcrumb__list > li a:hover{color:#3985FF;} /*左側の商品種類*/ .fs-p-drawer {margin-top: 15px;} .fs-p-drawer__buttonContainer {width: 190px;} .fs-p-drawer__heading {border-bottom: 2px solid #182c68;font-size: 2.2rem;padding-bottom: 12px;font-family: 'Noto Serif JP', serif;font-weight: 300;margin-bottom: 10px;} .fs-p-sideMenu .fs-pt-menu__heading--lv1 {border:none;border-bottom: 1px dotted #666;} .fs-p-sideMenu .fs-pt-menu__heading {padding:8px;} .fs-p-sideMenu a:hover {color: #042a9b;background: #f3f3f3;text-decoration: none;padding-left: 10px;} .fs-p-sideMenu .fs-pt-menu__link::before, .fs-p-sideMenu .fs-pt-menu__link::after {line-height: 1.2;font-size: 1.2em;} .fs-p-sideMenu .fs-pt-menu__item + .fs-pt-menu__item {margin-top: 0;} .fs-p-sideMenu .fs-pt-menu__link{font-size: 86%;padding: 12px 6px;} /*魚倉の鮮魚情報をLINEで（フリーパーツ）*/ .line-cont-box{padding: 50px 0;background:#fff;} .line-cont-box-inner{margin:0 auto;width:65%;border:1px solid #b2b7c5;padding:40px 3%;text-align:center;} .line-cont-box-inner .midashi{font-weight:bold;line-height:1.4;font-size:115%;} .line-cont-box-inner .img{margin-top:30px;} .line-cont-box-inner .img img{margin:0 2%;} /*//////// 商品一覧 ////////////*/ ul.chuui-box-ul{list-style:disc;margin-left: 25px;} ul.chuui-box-ul li{font-size: 90%;margin: 10px 0;line-height: 1.8;} ul.chuui-box-ul li .icon{color:#fff;font-size:93%;padding:3px 7px 1px 7px;border-radius:3px;} ul.chuui-box-ul li .icon.blue{background-color:#289ca1;} ul.chuui-box-ul li .icon.blue2{background-color:#006bb8;} ul.chuui-box-ul li .icon.glay{background-color:#999;} .fs-c-heading--page {padding: 0.5em 0 1em 0;font-size: 3rem;font-family: 'Noto Serif JP', serif;font-weight: 400;letter-spacing: 0.2em;border-bottom: 2px solid #182c68;} .fs-c-productList__controller, .fs-c-coordinationList__controller, .fs-c-staffList__controller {background-color: #eee;padding: 3px 10px;} .fs-c-productImageModal .slick-slide {padding-left: 0;background: none;} .fs-c-productListItem__viewMoreImageButton {display: none;} .fs-c-productListItem__productName .fs-c-productName__copy{display:none;} .fs-c-productName__name{font-weight: bold;} .fs-c-productListItem .fs-c-price__value {font-size: 108%;} .fs-c-productPrice__main__label {font-size: 80%;} .fs-c-button--plain.fs-c-button--viewProductDetail {padding: 2px 7px 1px;font-size: 93%;min-width: 130px;text-decoration: none !important;text-align: left;} .fs-c-button--addToCart--list.fs-c-button--plain, .fs-c-button--viewProductDetail.fs-c-button--plain{background: #182c68;color:#fff !important;} .fs-c-button--particular.fs-c-button--addToWishList--icon::before{font-size: 1.8rem;color: #999;} .fs-c-price__currencyMark{font-size: 83%;} .fs-c-productListItem__control > :last-child {margin-right: 40px;} /*販売期間外の日にち*/ .fs-c-salesPeriod {display: none;} /* ===== 最大表示列数4列 ================ ウィンドウ幅599px以下なら2列表示、ウィンドウ幅600px以上なら3列表示、ウィンドウ幅768px以上なら4列表示となります。*/ @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;} } /*//////// 商品詳細 ////////////*/ #fs_form .slick-slide {padding-left: 0;background: none;} .fs-c-productOption__name {background: rgba(126, 126, 126, 0.2);color: #d00;} .fs-c-productNameHeading {color: #000;margin-bottom: 25px !important;} .fs-c-productNameHeading__copy {font-size: 0.8em;display: block;margin:15px 0;} .fs-c-productNameHeading__name{font-size: 136%;font-family: 'Noto Serif JP', serif;font-weight: 400;letter-spacing: 0;} .fs-c-productPrices--productDetail .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {font-size: 2.6rem;} .fs-c-productNumber {border: none;font-size: 1.1rem;padding: 4px 0;color: #555;} .fs-c-price__value{font-family: 'Noto Serif JP', serif;font-weight: 400;padding-right: 3px} .fs-c-productQuantityAndWishlist__quantity::before {content: "数量：";} .fs-c-quantity__select{-webkit-appearance: menulist;padding: 0 5px;width: auto;} .fs-c-quantity {max-width: none;} .fs-c-button--particular.fs-c-button--addToWishList--detail, .fs-c-button--particular.fs-c-button--removeFromWishList--detail {border: none;box-shadow: none;background-color: #fff;} .fs-c-productMainImage__image {cursor: pointer;} .fs-c-productThumbnail {cursor: pointer;} .fs-c-productMainImage__expandButton {display: none;} .fs-c-button--primary {font-size: 1.7rem;color: #fff !important;} .fs-c-productMembersLoginLink{margin-bottom: 15px;font-size: 86%;} .fs-c-productSelection__name {color: #d00;background: rgba(126, 126, 126, 0.2);} .fs-c-productSelection__name span{font-weight:bold;} /*レビュー*/ .fs-l-productLayout__item.fs-l-productLayout__item--3{width: 928px;margin-top:40px;} /*見出し*/ .block-midashi {font-size:136%;line-height:1;font-weight: bold; border-left: 4px solid #1f5da0;padding:7px 0 7px 10px;margin-bottom: 20px !important;} /*商品説明 独自コメント*/ .dokuji-comment-box{margin-top:50px;} .dokuji-comment1{} .dokuji-comment2{margin-top: 40px;border: 1px solid #b08d47;padding: 15px 20px;line-height: 1.7;background: #f8f8f8;} .dokuji-comment3{margin-top: 40px;} .dokuji-comment1 .com-xlarge{font-family: 'Noto Serif JP', serif;font-weight: 500;font-size:350%;color: #b08d47;} .dokuji-comment1 .com-large{font-size:129%;font-weight:bold;margin-top: 30px;} .dokuji-comment1 .com{line-height:2;margin-top: 50px;font-size: 108%;} .dokuji-comment1 .com b{font-size:108%;font-weight:bold;} .dokuji-comment1 .com-small{line-height:1.8;margin-top: 15px;} /*//////// ショッピングカート ////////////*/ .fs-c-listedProductName__variation, .fs-c-listedProductName__selection {font-size: 1.3rem;} .fs-c-productName__copy, .fs-c-productName__name, .fs-c-productName__variation {min-height: 50px;} .fs-c-productList__list__item {padding:16px 16px 50px 16px;} /*---お気に入りリスト---*/ .fs-c-wishlistProduct__header{margin: 50px 0 20px 0;} .fs-c-wishlistProduct__list.fs-c-slick .slick-slide {background: none;padding-left: unset;} .fs-c-wishlistProduct__list.fs-c-slick .fs-c-productMarks, .fs-c-wishlistProduct__list.fs-c-slick .fs-c-productListItem__productDescription, .fs-c-wishlistProduct__list.fs-c-slick .fs-c-productListItem__prices, .fs-c-wishlistProduct__list.fs-c-slick .fs-c-productListItem__control{display:none;} /*//////// ご注文手続き ////////////*/ .fs-c-button--secondary {color: #fff !important;} .fs-c-checkout-previewAndEdit__info {line-height: 1.4;} /*//////// ご利用ガイド f/guide ////////////*/ .fs-c-documentArticle__heading {font-size: 1.6rem;} .fs-c-documentColumn__heading {color: #00103f;border-color: #00103f;} .fs-c-documentArticle__content p > a{width: 100%;background-color: #EFEBD4;margin-top: 6px;padding: 10px;text-align: center;display: block;} /*//////// 魚倉について f/about ////////////*/ .aboutimg1-bg{background:url(https://uokura.itembox.design/item/img/aboutimg1.jpg) no-repeat center top / contain;width:100%;height:0;padding-bottom:64.9%;} .aboutimg-rogomark{text-align: center;padding-top: 10%;} .aboutimg-cap{text-align: center;color: #000;font-size: 159%;margin-top: 10px;font-family: 'Noto Serif JP', serif;font-weight: 400;letter-spacing: 0.1em; text-shadow: rgba(255,255,255,1) 3px 0px 0, rgba(255,255,255,1) -3px 0px 0, rgba(255,255,255,1) 0px -3px 0, rgba(255,255,255,1) -3px 0px 0, rgba(255,255,255,1) 3px 3px 0, rgba(255,255,255,1) -3px 3px 0, rgba(255,255,255,1) 3px -3px 0, rgba(255,255,255,1) -3px -3px 0, rgba(255,255,255,1) 1px 3px 0, rgba(255,255,255,1) -1px 3px 0, rgba(255,255,255,1) 1px -3px 0, rgba(255,255,255,1) -1px -3px 0, rgba(255,255,255,1) 3px 1px 0, rgba(255,255,255,1) -3px 1px 0, rgba(255,255,255,1) 3px -1px 0, rgba(255,255,255,1) -3px -1px 0, rgba(255,255,255,1) 1px 1px 0, rgba(255,255,255,1) -1px 1px 0, rgba(255,255,255,1) 1px -1px 0, rgba(255,255,255,1) -1px -1px 0;} .about-com1{line-height:2;font-size: 108%;} .aboutimg2{text-align:center;margin:40px 0 90px 0;} ul.about-ul{text-align:center;margin: 20px auto 20px auto;display: table;} ul.about-ul li{color: #000e36;font-size: 129%;line-height: 1.5;margin: 20px 0;font-weight: bold;padding: 12px 0 0 60px;min-height: 50px;text-align: left;background: url(https://uokura.itembox.design/item/img/about_no1.png) no-repeat left top;} ul.about-ul li:nth-child(2){background: url(https://uokura.itembox.design/item/img/about_no2.png) no-repeat left top;} ul.about-ul li:nth-child(3){background: url(https://uokura.itembox.design/item/img/about_no3.png) no-repeat left top;} /*//////// 会社概要 f/company ////////////*/ /*ロゴ*/ .company-cont{margin: 80px auto 50px auto;display: table;} .company-cont .header-cont{} .company-cont .header-rogo{width: 350px;} .company-cont .header-rogo a .rogomark{margin-right:10px;margin-top: -27px;} .company-cont .header-rogo a .rogomark img{width: 100px;} .company-cont .header-rogo a .rogo-cap{font-size:15px;margin:0 0 3px 110px;text-align: left;} .company-cont .header-rogo a .rogo img{width: 240px;} table.company-table{width: 100%;} table.company-table th{background-color: transparent;border:1px solid #182c68;border-left: none;border-right: none;text-align: left;padding: 14px 10px 14px 18px;white-space: nowrap;width: 20%;vertical-align: top;} table.company-table td{text-align: left;border: 1px dotted #333;border-left: none;border-right: none;padding: 14px 10px 14px 30px;background-color: transparent;} iframe.company{margin-top:40px;} /*==========　お問合せ f/toiawase　==========*/ /*お急ぎの方は*/ .toiawase-com1{font-size:108%;line-height: 1.5;text-align: center;margin:0;font-weight: bold;color: #182c68;} .toiawase-tel{font-size: 93%;text-align:center;display: table;margin: 15px auto 0 auto;} .toiawase-tel .tel a {background: url(https://uokura.itembox.design/item/img/tel_blue.png) no-repeat left top 12px;background-size: 22px;font-family: 'Noto Serif JP', serif;font-weight: 500;color: #182c67;font-size: 210%;line-height: 1;padding-left: 25px;letter-spacing: 0;} .toiawase-tel .tel-cap {margin: 5px 0 0 28px;} /*携帯電話のメールアドレスをご利用の方へ*/ #chuui-waku{margin:35px auto 0 auto;width:900px;border:1px dotted #666;padding:13px 15px 7px 15px;font-size:86%;line-height:1.2;} #chuui-waku .keitai-midashi{color:#ff0000;font-weight:bold;margin-bottom:4px;} #chuui-waku ul{list-style: disc none outside;margin-left: 0;} #chuui-waku ul li{margin:0 0 3px 15px;} /*お問合せフォーム*/ #form-box{} #toiawase-form{width:100%;margin:50px auto 0 auto;} .chuui-com{font-size:87%;line-height:1.5;padding-bottom:5px;border-bottom: 4px solid #999;} #toiawase-form dl{margin: 0 auto;border-bottom: 1px dashed #bbbbbb;} #toiawase-form dt.title {float: left;width: 180px;font-size: 108%;line-height: 49px;height: 50px;font-weight:bold;text-align: left;} #toiawase-form dt.title.need{background:url(https://uokura.itembox.design/item/img/toiawase_hitu.png) no-repeat 0 center;padding-left:45px;} #toiawase-form dt.title.unneed{background:url(https://uokura.itembox.design/item/img/toiawase_nin.png) no-repeat 0 center;padding-left:45px;} #toiawase-form dd {font-size: 100%;line-height: 1.4;padding: 10px 0px 10px 190px;} #toiawase-form dd fieldset span{display:inline-block;margin-right:10px;} .toiawase-com2{font-size:100%;color:#666;line-height:1.3;margin-top:3px;} /*フォームのもろもろ*/ input.etc-text{margin: 5px 0 0 -20px;} /*お問合せ項目のその他の入力テキスト*/ form{padding:0;margin:0;} select {border:1px solid #bbb;padding:1px 1px 1px 3px;font-size:14px;line-height:120%;margin-right:2px 3px 0 2px;} textarea{width:100%;margin:0;background-color:#f7f7f7;border: 1px solid #ccc;padding: 3px;font-size: 100%;line-height: 1.3;border-radius: 0;-webkit-appearance: none;/*iPhoneの装飾をクリアにする為のCSS*/ font-family:Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3" , "メイリオ" , Meiryo , "Meiryo UI" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;} input{border:1px solid #ccc;padding:7px 5px;font-size:100%;background-color:#f7f7f7;vertical-align: middle;border-radius: 0;-webkit-appearance: none;/*iPhoneの装飾をクリアにする為のCSS*/margin: 0 0 3px 0;} input[type='submit']{cursor: pointer;font-weight:500;font-style: normal; font-family:Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3" , "メイリオ" , Meiryo , "Meiryo UI" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;} input[type='text'], input[type='password']{} input[type='checkbox']{margin: 0 4px 2px 0;-webkit-appearance:checkbox;} input[type='radio'] {margin: 0 3px 3px 0;-webkit-appearance:radio;} #input-wide100{width:100%;} #input-wide0{width:60px;} #input-wide1{width:100px;} #input-wide2{width:150px;} #input-wide3{width:200px;} #input-wide4{width:300px;} #input-wide5{width:400px;} #input-wide6{width:600px;} .input-wide11{padding:5px 0 6px 0;font-size:18px;cursor:pointer;} .input-wide12{padding:5px 0 6px 0;font-size:18px;cursor:pointer;font-weight:bold;} /*プレースホルダー用*/ input::placeholder, textarea::placeholder{color:#8a8a8a;} /*個人情報*/ .privacy-box{} .privacy-box ol{list-style: disc;border: 1px dotted #8e8e8e;padding: 5px 7px 7px 10px;font-size: 108%;margin: 20px 0 7px 0 !important;} .privacy-box li{font-size:93%;line-height:1.4;margin-left: 25px;} .check-space{color: red;display: block;width: 270px;margin: 10px auto 5px auto;font-size: 115%;} .check-space.need{background:url(../images/toiawase_hitu.png) no-repeat 0 center;} .privacy-com{font-size:93%;color:#555;line-height:1.3;margin-top:3px;} /*確認する＆送信するボタン*/ .form-submit{text-align:center;margin-top:25px;} .form-submit input{cursor:pointer;background-color:#18394a;line-height: 48px;height: 50px;color: #fff;font-size: 115%;width:300px;padding: 0;border: none;display:inline-block;margin: 0 auto;} .form-submit input:hover{opacity: 0.7;} /*リセットボタン & 戻るボタン*/ .form-submit input.reset{width:120px;margin-left:30px;font-size:115%;background-color:#999;border:1px solid #999;} .form-submit input.reset:hover{background-color:#ddd;border:1px solid #999;color:#555;} /*************************************************" 中ページのレスポンシブ *************************************************/ @media screen and (max-width:1150px) { /*//////// 商品一覧 ////////////*/ .fs-c-productListItem__control > :last-child {margin-right: 70px;} } @media screen and (max-width:1090px) { /*魚倉の鮮魚情報をLINEで（フリーパーツ）*/ .line-cont-box-inner {width: 80%;} } @media screen and (max-width:1020px) { /*//////// 商品一覧 ////////////*/ .fs-c-productListItem__control > :last-child {margin-right: 40px;} } @media screen and (max-width:928px) { /*//////// 商品詳細 ////////////*/ /*レビュー*/ .fs-l-productLayout__item.fs-l-productLayout__item--3{width:100%;} } @media screen and (max-width:920px) { /************ 中ページ共通 ****************/ .fs-l-page {margin-top: 60px;} /*//////// 商品一覧 ////////////*/ .fs-c-productListItem__control > :last-child {margin-right:20px;} /*//////// 商品詳細 ////////////*/ .dokuji-comment-box {margin-top: 40px;border-top: 1px solid #7789b7;padding-top: 30px;} } @media screen and (max-width:800px) { /*//////// 商品一覧 ////////////*/ .fs-c-productListItem__control > :last-child {margin-right:0;} } @media screen and (max-width:760px) { /*//////// 商品一覧 ////////////*/ .fs-c-productListItem__control > :last-child {margin-right:20px;} /*//////// 商品詳細 ////////////*/ .dokuji-comment1 .com-xlarge {font-size: 280%;} /*魚倉の鮮魚情報をLINEで（フリーパーツ）*/ .line-cont-box {padding: 0 0 50px 0;margin-top: -40px;} .line-cont-box-inner {width: 90%;padding: 25px 3%;} .line-cont-box-inner .midashi{font-size:108%;} .line-cont-box-inner .img{margin-top:10px;} .line-cont-box-inner .img img{margin:0 2%;width: 90px;height: auto;} } @media screen and (max-width:600px) { /*//////// 商品詳細 ////////////*/ .dokuji-comment1 .com-large {font-size: 115%;} .dokuji-comment1 .com {margin-top: 30px;font-size: 100%;} /*//////// 送料とお支払い方法について ////////////*/ .fs-c-heading--page {font-size: 2.5rem;letter-spacing: 0em;} /*//////// 魚倉について f/about ////////////*/ .aboutimg-rogomark{padding-top: 7%;} .aboutimg-rogomark img{width: 150px;} .aboutimg-cap {font-size: 136%;} ul.about-ul li{font-size: 115%;padding: 7px 0 0 45px; background-size: 40px !important;} } @media screen and (max-width:460px) { /*//////// 商品一覧 ////////////*/ .fs-c-button--plain::before {display: none;min-width: 110px;} /*魚倉の鮮魚情報をLINEで（フリーパーツ）*/ .line-cont-box-inner {padding:20px 5%;} .line-cont-box-inner .midashi{font-size:100%;} .line-cont-box-inner .img img{margin:0 6%;} .fs-c-productListItem__control > :last-child {margin-right:0;} /*//////// 商品詳細 ////////////*/ .dokuji-comment1 .com-xlarge {font-size: 190%;} } @media screen and (max-width:360px) { /*//////// 送料とお支払い方法について ////////////*/ body#fs_AboutShippingAndPayment .fs-c-heading--page {font-size: 2rem;} /*//////// 個人情報取り扱いについて ////////////*/ body#fs_PrivacyPolicy .fs-c-heading--page {font-size: 2rem;} }