@charset "UTF-8"; /* Reset style */ /*** The new CSS reset - version 1.7.3 (last updated 7.8.2022) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-width: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* reset default text opacity of input placeholder */ ::-moz-placeholder { color: unset; } ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } html { scroll-behavior: smooth; } body { font-family: "Noto Sans JP", sans-serif; color: #1A1A1A; font-size: 14px; overflow-x: hidden; } h2 { font-size: 18px; color: #1A1A1A; font-weight: bold; /*border: 1px solid #ffcc1a;*/ background-color: #ffb100; padding: 12px 10px 8px 10px; margin: 0 0 30px 0; } h3 { font-size: 18px; font-weight: bold; border-bottom: 3px solid #ffb100; margin: 20px 0; } .sell-subttl { border-bottom: 5px solid #56CCC0; } select { cursor: pointer; padding: 5px; border: 1px solid #949494; } button:hover { cursor: pointer; } .inner { max-width: 1300px; width: 100%; margin: 0 auto; } .subtitle-logo { width: 240px; height: auto; margin: 20px 0 0 20px; } .blank { width: 100%; height: 10px; } input[placeholder], textarea[placeholder] { width: 70%; } .sellmember-app-dlbox { margin: 40px 0; position: relative; } .sellmember-app-dlbox button { display: block; text-align: center; width: 150px; margin: 20px 0 20px 5px; font-weight: bold; color: #1A1A1A; font-size: 14px; padding: 5px; background-color: #FFB100; border: 2px solid #FFB100; border-radius: 10px; box-shadow: 0 5px 0 0 #D2881A; cursor: pointer; } .sellmember-app-dlbox button:hover { background-color: rgba(255, 177, 0, 0.3137254902); } .sellmember-app-dlbox button:active { box-shadow: none; transform: translateY(5px); } .sellmember-app-dlbox dl { display: flex; flex-wrap: wrap; line-height: 2em; } .sellmember-app-dlbox dl dt { width: 20%; } .sellmember-app-dlbox dl dd { width: 80%; } .sellmember-app-dlbox .red { color: #FF0013; } .sellmember-app-dlbox .blue { color: #1d1dd1; } .sellmember-app-dlbox .bold { font-weight: bold; } .sellmember-app-dlbox .freesample { padding: 10px; border: 3px solid #FF0013; border-radius: 10px; width: -moz-fit-content; width: fit-content; margin: 15px; } .sellmember-app-dlbox .sell-app-btn { width: -moz-fit-content; width: fit-content; } .sellmember-app-dlbox .no-btn { pointer-events: none; background-color: #949494; border: 2px solid #949494; box-shadow: 0 5px 0 0 #333333; } .sellmember-app-dlbox .red { color: #FF0013; } .sellmember-app-dlbox .bold { font-weight: bold; } .sellmember-app-dlbox .archive-link { position: absolute; right: 20px; top: 60px; width: -moz-fit-content; width: fit-content; color: #1d1dd1; } .sellmember-app-dlbox .sell-app-linkimg > img { width: 300px; height: 200px; -o-object-fit: cover; object-fit: cover; } .sellmember-app-dlbox .sell-app-btnlink { padding: 5px 10px; background-color: #e7e7e7; border: 3px solid #000; } .sellmember-app-dlbox textarea { width: 100%; height: 100px; overflow-y: scroll; margin: 15px 0; } .sellmember-app-dlbox .margin82 { margin: 30px 0; } /*=====ヘッダー=====*/ #header { height: 80px; } #header .header { display: flex; justify-content: space-between; } #header .header .header-left { width: 0; } #header .header .header-right { display: flex; gap: 10px; margin: 20px 0 0 0; } #header .header .header-right .header-cart { display: flex; align-items: center; width: 35px; height: 35px; margin-top: -5px; padding: 5px 10px; border: 1px solid #000; } #header .header .header-right .header-cart img { width: 100%; margin-right: 5px; } #header .header .header-right .header-cart:hover { opacity: 0.8; transform: scale(1.05); transition: all 0.3s; } #header .header .header-right form { display: flex; align-items: center; justify-content: space-between; padding: 5px 10px; border: 1px solid #949494; border-radius: 5px; height: 30px; } #header .header .header-right form input { padding: 5px 10px; width: 80%; } #header .header .header-right form .serch-img { height: 32px; width: 42px; cursor: pointer; } #header .header .header-right form img { height: 20px; } #header .header .header-right .header-btn { display: flex; align-items: center; padding: 5px 10px; border: 1px solid #949494; border-radius: 5px; font-size: 12px; } header .header .header-right .headerbtn-cart { width: 125px; } .number-red-relative { position: relative; } .number-red { position: absolute; top: 50%; right: 0; transform: translate(-50%, -50%); width: 20px; height: 20px; font-size: 12px; text-align: center; background-color: #ff0013; color: #fff; border-radius: 50%; } #header .header .header-right .header-btn img { height: 20px; margin: 0 5px 0 0; } #header .header_nav_img ul, #header .header_nav_text ul { display: flex; justify-content: center; position: relative; } #header .header_nav_img ul li, #header .header_nav_text ul li { font-size: 12px; padding: 30px 3% 10px 3%; } @media (max-width: 1060px) { #header .header_nav_img ul li, #header .header_nav_text ul li { padding: 30px 2% 10px 2%; } } #header .header_nav_img ul li a, #header .header_nav_text ul li a { display: flex; flex-direction: column; justify-content: center; align-items: center; } #header .header_nav_img ul li a .header-logo, #header .header_nav_text ul li a .header-logo { max-width: 187px; width: 13vw; height: auto; position: absolute; opacity: 1; transform: translate(-60px, -20px); } #header .header_nav_img ul li img, #header .header_nav_text ul li img { height: 40px; opacity: 0.7; transform: translateY(-10px); } #header .header_nav_img ul .header-hover, #header .header_nav_text ul .header-hover { position: relative; cursor: pointer; z-index: 100; } #header .header_nav_img ul .header-hover-menu, #header .header_nav_text ul .header-hover-menu { display: none; position: absolute; top: 100%; left: 50%; width: 100%; text-align: center; transform: translate(-50%, 0); background-color: #fff; } #header .header_nav_img ul .header-hover-menu div, #header .header_nav_text ul .header-hover-menu div { background-color: #e0e0e0; margin-bottom: 2px; padding: 3px; } #header .header_nav_img ul .header-hover:hover .header-hover-menu, #header .header_nav_text ul .header-hover:hover .header-hover-menu { display: block; } #header .header_nav_img ul .header-hover-menu div:hover, #header .header_nav_text ul .header-hover-menu div:hover { background-color: #FFB100; } #header .header_nav_img ul .header-nav-bg, #header .header_nav_text ul .header-nav-bg { background-color: #FFB100; position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; z-index: -1; } /*#header { width: 100%; height: 90px; margin-bottom: 45px; background-color: #ffffff; z-index: 90; .header { height: 90px; line-height: 90px; display: flex; justify-content: space-between; .header-left { height: 90px; line-height: 90px; padding-top: 10px; h1 { height: 90px; h1 img { width: 137px; height: 70px; } } } .header-right { display: flex; gap: 13px; height: 33px; margin:28.5px 0; .search { background-color: #fff; border: 1px solid #949494; border-radius: 3px; max-width: 260px; width: 100%; position: relative; input { display: inline-block; height: 33px; vertical-align: top; color: #000; } button { height: 33px; .serch-img { position: absolute; top: 5.5px; right: 10px; } } } .header-btn { width: 136px; height: 33px; border: 1px solid #949494; border-radius: 3px; display: flex; align-items: center; padding-left: 10px; font-size: 14px; } .header-btn a { display: block; } .header-btn p { margin: 0 8px; line-height: 14px; padding-top: 5px; } } .help img { margin-top: 4px; } .contact img { margin-top: 3px; } .mypage img { margin-top: 2px; } .mypage { background-color: #fff; color: #191919; } } .header-nav ul { background-color: #FFB100; display: flex; justify-content: center; font-weight: bold; height: 45px; } .header-nav ul li { font-size: 14px; padding: 0 41px; margin-top: 16.5px; border-right: 1px solid #191919; line-height: 16px; height: 16px; } .header-nav ul li:last-child { border-right: 0; } .header-nav ul li a { height: 16px; } }*/ /*=====ハンバーガー=====*/ /*ハンバーガー開閉*/ #menu-btn-check { display: none; } .menu-btn { position: absolute; top: 15px; right: 10px; width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; z-index: 100; background-color: rgba(255, 204, 26, 0.3); border-radius: 10px; } .menu-btn span, .menu-btn span::before, .menu-btn span::after { content: ""; display: block; height: 3px; width: 30px; border-radius: 3px; background-color: #FFCC1A; position: absolute; } .menu-btn span::before { bottom: 8px; } .menu-btn span::after { top: 8px; } #menu-btn-check:checked ~ .menu-btn span { background: rgba(255, 255, 255, 0); } #menu-btn-check:checked ~ .menu-btn span::before { bottom: 0; transform: rotate(45deg); } #menu-btn-check:checked ~ .menu-btn span::after { top: 0; transform: rotate(-45deg); } #menu-btn-check:checked ~ .humberger-menu ul { display: block; animation: fadeDown 1s forwards; } @keyframes fadeDown { 0% { /*transform: translate(0%,-100%);*/ top: -1000px; z-index: -1; opacity: 0; } 100% { /*transform: translate(0%,0%);*/ top: 90px; z-index: 100; opacity: 1; } } /*ハンバーガーメニュー*/ .humberger-container { display: none; } .humberger-container .humberger-menu ul { width: 100%; height: 457px; margin: 0 auto; background-color: #949494; position: absolute; top: -1000px; left: 0; z-index: -1; display: none; text-align: center; color: #fff; font-size: 13px; font-weight: bold; opacity: 0; /*transform: translate(0%,-200%);*/ } .humberger-container .humberger-menu ul li { border-bottom: 1px solid #fff; height: 50px; line-height: 50px; display: block; background-color: #949494; } .humberger-container .humberger-menu ul li a { width: 100%; height: 50px; display: block; } .humberger-container .humberger-menu ul li:hover, .humberger-container .sp-accordion-menu a:hover, .humberger-container .sp-accordion-menu2 a:hover, .humberger-container .sp-accordion-menu3 a:hover { background-color: #E98900; cursor: pointer; } .humberger-container .humberger-menu ul li:last-child { border-bottom: none; } .humberger-container .sp-accordion-menu, .humberger-container .sp-accordion-menu2, .humberger-container .sp-accordion-menu3 { display: none !important; } .humberger-container .sp-accordion-menu a, .humberger-container .sp-accordion-menu2 a, .humberger-container .sp-accordion-menu3 a { background-color: #fff; color: #1A1A1A; border-bottom: 1px solid #949494; transition: all 0.3s; } .humberger-container .sp-accordion-switch { display: block !important; } /*=====ヘッダー検索・カートアイコン=====*/ .header-icon { width: 40px; height: 40px; position: absolute; top: 25px; right: 80px; display: none; } .search-icon { right: 140px; } .header-icon-sp { cursor: pointer; } .serch-box { display: none; } .serch-open { display: block; } .serch-box > form { border: 2px solid #949494; width: 80%; margin: 0 auto; display: flex; align-items: center; justify-content: center; } .serch-box > form > input[type=text] { width: 90%; line-height: 3em; } .serch-box > form > input[type=image] { width: 30px; height: 30px; cursor: pointer; } /*=====sp時検索欄=====*/ .sp-search-container { display: none; } .sp-search-container .sp-search { position: absolute; top: 95px; right: 10%; z-index: 10000; width: 80%; height: 140px; background-color: #e7e7e7; border-radius: 20px; box-shadow: 0 0 5px rgba(35, 24, 21, 0.7); } .sp-search-container .sp-search .sp-search-textgroup { display: flex; justify-content: center; gap: 30px; } .sp-search-container .sp-search .sp-search-textgroup .sp-search-text { font-size: 14px; display: flex; align-items: center; margin: 20px 0; } .sp-search-container .sp-search .sp-search-textgroup .sp-search-text span { display: block; width: 14px; height: 14px; margin-right: 5px; } .sp-search-container .sp-search .sp-search-textgroup .sp-search-normal span { background-color: #1e85da; border: 0.8px solid #fff; border-radius: 50%; } .sp-search-container .sp-search .sp-search-textgroup .sp-search-detail span { background-color: #FFF; border: 0.8px solid #777777; border-radius: 50%; } .sp-search-container .sp-search .sp-search-box { display: flex; justify-content: center; } .sp-search-container .sp-search .sp-search-box .sp-search-box-wh { width: 60%; height: 40px; line-height: 40px; background-color: #fff; border: 1px solid #949494; border-radius: 5px 0 0 5px; padding-left: 10px; color: rgba(94, 94, 94, 0.6); } .sp-search-container .sp-search .sp-search-box .sp-search-box-bl { width: 30%; height: 40px; line-height: 40px; background-color: #949494; color: #fff; text-align: center; border-radius: 0 5px 5px 0; } /*=====sp時ヘッダー購入会員ボタン=====*/ .header-btn-sp { display: flex; justify-content: center; gap: 10px; margin-top: 20px; font-size: 13px; } margin-top-sp { margin-top: 170px!important; } .header-btn-sp .header-spbtn { padding: 10px 15px; border-radius: 30px; } .header-btn-sp .register-btn { background-color: #FFCC1A; padding: 10px 32px; display: none; } .header-btn-sp .login-btn { border: 1px solid #949494; display: none; } /*ボタンスペース確保*/ .sp-blank { width: 100%; height: 70px; padding-top: 60px; } @media screen and (max-width: 825px) { .sp-blank.search { height: 180px; } .sp-blank-login.search { height: 270px; } } .sp-blank-he0-pa_to60 { width: 100%; height: 0px; padding-top: 60px; } .sp-blank-login { width: 100%; height: 90px; padding-top: 60px; } @media screen and (max-width: 825px) { .sp-blank-login { height: 170px; } } /*=====スライダー=====*/ .slider { width: 100%; margin: 0 auto; background-color: #191919; } .slider .slider-li { margin: 0; } .slider .slider-li .slider-text { color: #fff; font-size: 14px; padding: 5px 0 0 20px; } .slider .slider-li .slide-img { width: 100%; /*スライダー内の画像を横幅100%に*/ height: auto; padding: 0 12px; } /*=====ループスライダーcss=====*/ #loopSlider { display: -ms-grid; -ms-grid-columns: min-content; overflow-x: hidden; } #loopSlider .slider-container { background-color: #191919; display: flex; flex-basis: 580px; gap: 25px; width: 100%; height: 280px; } @media screen and (max-width: 768px) { #loopSlider .slider-container { height: 240px; } } #loopSlider .slider-container .slider-loop { width: 200px; color: #fff; /*animation: 30s linear infinite sliderAnimation;*/ padding-bottom: 20px; cursor: pointer; overflow: hidden; } #loopSlider .slider-container .slider-loop a { width: 100%; height: -moz-fit-content; height: fit-content; margin-top: 30px; display: block; overflow: hidden; } #loopSlider .slider-container .slider-loop a .slider-loop-img { -o-object-fit: contain; object-fit: contain; max-width: 200px; min-height: 120px; width: 100%; max-height: 150px; min-height: 90px; height: 10vw; background-color: #333333; display: flex; align-items: center; justify-content: center; } #loopSlider .slider-container .slider-loop a .slider-loop-text { margin: 8px 0 5px 0; font-size: 12px; } #loopSlider .slider-container .slider-loop:hover a .slider-loop-img { transform: scale(1.1); filter: contrast(110%) brightness(110%); } /*@keyframes sliderAnimation { 100% { transform: translateX(-314%); } }*/ /*=====スライダーがないページのブランク=====*/ .top-blank { width: 100%; height: 20px; } /*=====2カラム=====*/ .column { display: flex; margin-top: 20px; gap: 56px; } @media screen and (max-width: 825px) { .column { margin-top: 0; } } /*=====メインコンテンツ=====*/ .main-contents { width: 72.4%; padding-bottom: 60px; } @media screen and (max-width: 768px) { .main-contents { padding-bottom: 30px; } } /*=====サイドバー=====*/ .side-bar { width: 24.3%; } /*=====各コンテンツ=====*/ .contents { width: 100%; border: 1px solid #c0c0c0; border-radius: 6px; box-shadow: 0 0 3px rgba(73, 73, 73, 0.7); margin-bottom: 58px; position: relative; } .contents .banner { width: 100%; margin: 20px 0; } .contents .banner-sp { display: none; } .contents .contentColumn { padding: 0 15px 50px 15px; display: flex; flex-wrap: wrap; /*position: relative;*/ } .contents .contentColumn li { width: 30%; /*min-height: 250px;*/ height: 100%; position: relative; margin: 0 12.5px; /*.border { width: 434.2%; height: 1px; border-top: 1px solid #949494; position: absolute; bottom: 0px; left: 0px; display: none; }*/ } #buymember-detail .contents .contentColumn li { width: 22%; } #buymember-detail .contents .contentColumn li a { background-color: #ebebeb; display: block; } #buymember-detail .contents .contentColumn li a .contentColumn-img { width: 100%; object-fit: contain; } #buymember-detail .contents .contentColumn li a .contentColumn-title,#buymember-detail .contents .contentColumn li a .contentColumn-text,#buymember-detail .contents .contentColumn li a .contentColumn-price { background-color: #fff; } .contents .contentColumn li .contentColumn-img { max-width: 240px; width: 100%; max-height: 154px; height: 14vw; border-radius: 6px; display: flex; align-items: center; justify-content: center; -o-object-fit: cover; object-fit: cover; margin: 15px auto 0 auto; } .contents .contentColumn li .contentColumn-title { color: #FF0000; font-size: 14px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .contents .contentColumn li .contentColumn-text { font-size: 14px; /*font-weight: bold;*/ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .contents .contentColumn li .contentColumn-price { color: #1a1a1a; font-size: 16px; font-weight: bold; padding-bottom: 10px; /*position: absolute; bottom: 0; left: 0;*/ position: relative; display: flex; align-items: center; gap: 10px; } p.contentColumn-price img { max-width: 35px; width: 100%; } .sale-icon { position: relative; } .sale-icon::after { content: url("../image/point_square_sale.png"); display: inline-block; position: absolute; width: 15px; height: auto; top: 0; vertical-align: middle; } .sale-icon2 { position: relative; } .sale-icon2::after { content: url("https://yusuke-shinto-portfolio.com/HONEYsPOT/assets/image/point_square_20.png"); display: inline-block; position: absolute; width: 15px; height: auto; top: 0; vertical-align: middle; } .contents .contentColumn li .ranking_number { /*color: #FFB100; font-size: 18px; font-weight: bold; border: 5px solid #FFB100; background-color: #fff; border-radius: 50%;*/ width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; transform: translate(-40%, 0); } .contents .contentColumn li .entryday { display: flex; align-items: center; justify-content: space-between; font-weight: bold; padding: 0 10px; } .contents #more { position: absolute; bottom: 15px; right: 30px; height: 30px; line-height: 30px; display: block; height: 30px; line-height: 30px; /*.more img:hover { transform: scale(1.5); }*/ } .contents #more .more { display: flex; gap: 10px; } .contents #more .more img { width: 30px; height: 30px; } .contents #more .more p { padding-top: 1.5px; font-weight: bold; } .contents #more::before { background-color: #ffcd1a; color: #fff; content: ""; display: block; width: 70%; height: 100%; position: absolute; right: 0; height: 30px; transform: scale(0, 1); transform-origin: right top; transition: transform 0.5s; z-index: -1; } .contents #more:hover { color: #fff; /*transform: scale(1.2);*/ } .contents #more:hover .more img { transform: translateX(5px); transition: 0.5s; } .contents #more:hover::before { transform-origin: left top; transform: scale(1, 1); } .contents h2, .news h2 { font-size: 24px; height: 44px; color: #1A1A1A; font-weight: bold; background-color: #FFB100; margin: 20px 0 10px 0; padding: 6px 0 0 0; display: flex; } .contents h2 img, .news h2 img { display: block; width: 35px; height: 13.5px; line-height: 44px; margin: 10px 5px 0 20px; } .contents h2 .crown, .news h2 .crown { width: 25px; height: 20px; margin: 5px 5px 0 20px; } /*=====検索・詳細欄=====*/ .search-detail-wrapper { margin-bottom: 50px; } .search-detail-wrapper p { font-size: 14px; } .search-detail-wrapper .search-detail-container { width: 100%; background-color: #e7e7e7; padding: 15px 0px 0 10.7%; font-size: 15px; } .search-detail-wrapper .search-detail-container .search-detail-subtitle { display: flex; margin-right: 10%; } .search-detail-wrapper .search-detail-container .search-detail-subtitle p { display: block; width: 100px; } .search-detail-wrapper .search-detail-container .search-detail-text { width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 15px; } .search-detail-wrapper .search-detail-container .search-detail-text li { padding: 0px 10px 5px 0; } .search-detail-wrapper .search-detail-container .search-detail-text li img { width: 16px; height: 16px; margin: 0 5px 0 0; transform: translateY(2px); } .search-detail-wrapper .search-detail-container .search-detail-text li a { border-bottom: 1px solid #949494; } .search-detail-wrapper .search-detail-container .search-detail-text li a:hover { color: #1d1dd1; } .search-detail-wrapper .search-detail-container .search-detail-text li input::before { display: inline-block; content: ""; width: 12px; height: 12px; border: 1px solid #949494; border-radius: 50%; background-color: #fff; margin: 0 5px 0 0; } .search-detail-wrapper .search-detail-container .search-detail-text li input:checked::before { display: inline-block; content: ""; width: 12px; height: 12px; border: 1px solid #949494; border-radius: 50%; margin: 0 5px 0 0; background-color: #a52a2a; } .search-detail-wrapper .search-detail-container .rearrange-li li:nth-child(1),.search-detail-wrapper .search-detail-container .rearrange-li li:nth-child(3),.search-detail-wrapper .search-detail-container .rearrange-li li:nth-child(4) { width: 187px; } .search-detail-wrapper .search-detail-container .rearrange-li li:nth-child(2) { width: 208px; } .search-detail-wrapper .search-detail-container .rearrange-li li:nth-child(5) { width: 195px; } .search-detail-wrapper .search-detail-container .rearrange-li li:nth-child(6),.search-detail-wrapper .search-detail-container .rearrange-li li:nth-child(7) { width: 107px; } @media screen and(max-width: 480px) { .search-detail-wrapper .search-detail-container .rearrange-li li:nth-child(6),.search-detail-wrapper .search-detail-container .rearrange-li li:nth-child(7) { width: 90px; } } .search-detail-wrapper .search-detail-container .rearrange-li li:nth-child(8) { width: 152px; } /*.search-detail-wrapper .search-detail-container .rearrange-li li:nth-child(3) { padding-right: 100px; } .search-detail-wrapper .search-detail-container .rearrange-li li:nth-child(7) { padding-right: 50px; }*/ /*レスポンシブ検索・詳細欄のみ*/ @media screen and (max-width: 1228px) { .search-detail-wrapper .search-detail-container .rearrange-li li:nth-child(7) { padding-right: 10px; } } @media screen and (max-width: 1204px) { .search-detail-wrapper .search-detail-container .rearrange-li li:nth-child(3) { padding-right: 10px; } } @media screen and (max-width: 1180px) { .search-detail-wrapper .search-detail-container .rearrange-li li { padding-right: 0px; } } @media screen and (max-width: 768px) { .search-detail-wrapper .search-detail-container .rearrange-li li:nth-child(3) { padding-right: 10px; } } @media screen and (max-width: 480px) { .search-detail-wrapper { /*margin-top: -70px;*/ margin-bottom: 20px; } .search-detail-wrapper .search-detail-container { font-size: 10px; padding: 15px 0px 0 10px; } .search-detail-wrapper p { font-size: 12px; } .search-detail-wrapper .search-detail-container .rearrange-li li:nth-child(3) { padding-right: 0; } .search-detail-wrapper .search-detail-container .rearrange-li li:nth-child(1),.search-detail-wrapper .search-detail-container .rearrange-li li:nth-child(2),.search-detail-wrapper .search-detail-container .rearrange-li li:nth-child(3),.search-detail-wrapper .search-detail-container .rearrange-li li:nth-child(4),.search-detail-wrapper .search-detail-container .rearrange-li li:nth-child(5),.search-detail-wrapper .search-detail-container .rearrange-li li:nth-child(6),.search-detail-wrapper .search-detail-container .rearrange-li li:nth-child(7),.search-detail-wrapper .search-detail-container .rearrange-li li:nth-child(8) { width: 48%; } .search-detail-wrapper .search-detail-container .search-detail-text li img { width: 10px; height: 10px; } .search-detail-wrapper .search-detail-container .search-detail-subtitle { display: block; margin-right: 0; } } /*=====新着ニュース=====*/ .news { width: 100%; margin-bottom: 58px; border: 1px solid #949494; border-radius: 6px; box-shadow: 0 0 3px rgba(35, 24, 21, 0.7); } /*サイド=====各種ボタン=====*/ .sidebar-login-btn a { display: block; margin: 0 0 20px; transition: 0.3s ease; box-shadow: 3px 5px 5px 1px #949494; max-height: 36px; height: 2.3vw; } .sidebar-login-btn a:hover { transform: translate(3px, 3px); box-shadow: none; } .side-bar-btn { margin-bottom: 0px; } .side-bar-btn .side-btn { width: 100%; height: 60px; display: flex; justify-content: left; gap: 10px; border-radius: 6px; background-color: #FFB100; box-shadow: 0 5px 0 0px #D2881A; margin: 0 0 30px 0; color: #fff; } .side-bar-btn .side-btn .side-btn-img, .side-bar-btn .side-btn .side-btn-img-sp { width: 35px; height: 13.5px; margin: 23px 0 14px 40px; } .side-bar-btn .side-btn .side-btn-text { font-size: 18px; font-weight: bold; line-height: 60px; } .side-bar-btn .side-btn .side-btn-arrow, .side-bar-btn .side-btn .side-btn-arrow-sp { width: 10px; height: 20px; margin: 18px 10px 0 0; } .side-bar-btn .btn-yellow { background-color: #FFB100; box-shadow: 0 5px 0 0px #E98900; } .side-bar-btn .btn-yellow .side-btn-img-sp, .side-bar-btn .btn-yellow .side-btn-arrow-sp { display: none; } .side-bar-btn .btn-green { background-color: #56CCC0; box-shadow: 0 5px 0 0px #009E67; } .side-bar-btn .btn-green .side-btn-img-sp, .side-bar-btn .btn-green .side-btn-arrow-sp { display: none; } .side-bar-btn .btn-red { background-color: #FF0013; box-shadow: 0 5px 0 0px #9E0014; } .side-bar-btn .btn-red .side-btn-img-sp, .side-bar-btn .btn-red .side-btn-arrow-sp { display: none; } .btn-yellow:hover { background-color: rgba(255, 177, 0, 0.5647058824); color: #1a1a1a; } .btn-yellow:hover .side-btn-img, .btn-yellow:hover .side-btn-arrow { display: none; } .btn-yellow:hover .side-btn-img-sp, .btn-yellow:hover .side-btn-arrow-sp { display: block; } .btn-green:hover { background-color: rgba(0, 158, 103, 0.5647058824); color: #1a1a1a; } .btn-green:hover .side-btn-img, .btn-green:hover .side-btn-arrow { display: none; } .btn-green:hover .side-btn-img-sp, .btn-green:hover .side-btn-arrow-sp { display: block; } .btn-red:hover { background-color: rgba(255, 0, 19, 0.5647058824); color: #1a1a1a; } .btn-red:hover .side-btn-img, .btn-red:hover .side-btn-arrow { display: none; } .btn-red:hover .side-btn-img-sp, .btn-red:hover .side-btn-arrow-sp { display: block; } /*ボタンアクション*/ .side-btn:hover { cursor: pointer; } .side-btn:active { transform: translateY(5px); box-shadow: none; } /*=====サイドバー・ログイン後=====*/ .sidebar-loginpage { /*p:hover { color: darkblue; transform: scale(1.2) translateX(15px); }*/ } .sidebar-loginpage p { font-size: 14px; font-weight: bold; margin-bottom: 10px; } .sidebar-loginpage p img { width: 30px; vertical-align: middle; padding-bottom: 5px; margin-right: 5px; } .sidebar-loginpage .sidebar-loginpage-memberid { font-weight: normal; } .sidebar-loginpage .sidebar-loginpage-memberid:hover { transform: none; } .sidebar-loginpage .sidebar-loginpage-container { width: 100%; background-color: #e7e7e7; padding: 15px; margin-bottom: 50px; } .sidebar-loginpage .sidebar-loginpage-container .sidebar-loginpage-group .sidebar-loginpage-subtitle { color: #a52a2a; font-weight: bold; margin-bottom: 5px; } .sidebar-loginpage .sidebar-loginpage-container .sidebar-loginpage-group .sidebar-loginpage-subtitle:hover { transform: none; } .sidebar-loginpage .sidebar-loginpage-container .sidebar-loginpage-group .sidebar-loginpage-text { margin-bottom: 15px; } .sidebar-loginpage .sidebar-loginpage-container .sidebar-loginpage-group .sidebar-loginpage-text li:hover { font-weight: bold; color: darkblue; transition: 0.3s; transform: scale(1.1) translateX(10px); } .sidebar-loginpage .sidebar-loginpage-container .sidebar-loginpage-group .sidebar-loginpage-text li:hover img { transform: translate(5px, 3px); transition: 1s; } .sidebar-loginpage .sidebar-loginpage-container .sidebar-loginpage-group .sidebar-loginpage-text img { width: 20px; height: 20px; transform: translateY(3px); margin-right: 5px; } .sidebar-loginpage .sidebar-loginpage-container .font-red { color: #a52a2a; } .sidebar-loginpage .sidebar-loginpage-container button a { display: block; text-align: center; width: 150px; margin: 10px 0 10px 5px; font-weight: bold; color: #1A1A1A; font-size: 14px; padding: 5px; background-color: #FFB100; border: 2px solid #FFB100; border-radius: 10px; box-shadow: 0 5px 0 0 #D2881A; } .sidebar-loginpage .sidebar-loginpage-container button a:hover { background-color: rgba(255, 177, 0, 0.3137254902); } .sidebar-loginpage .sidebar-loginpage-container button a:active { box-shadow: none; transform: translateY(5px); } /*==========*/ /*=====会員ページログイン後・spメニュー=====*/ .member-loginpage-sp { padding: 0 20px; display: none; } .member-loginpage-sp p { font-size: 14px; font-weight: bold; margin-bottom: 10px; width: 160px; } .member-loginpage-sp p img { width: 30px; vertical-align: middle; padding-bottom: 5px; margin-right: 5px; } .member-loginpage-sp p:hover { color: darkblue; transform: scale(1.2) translateX(10px); } .member-loginpage-sp .member-loginpage-sp-memberid { font-weight: normal; } .member-loginpage-sp .member-loginpage-sp-memberid:hover { transform: none; } .member-loginpage-sp .member-loginpage-sp-container { width: 100%; background-color: #e7e7e7; padding: 15px; margin-bottom: 50px; } .member-loginpage-sp .member-loginpage-sp-container .member-loginpage-sp-group .member-loginpage-sp-subtitle { color: red; font-weight: bold; margin-bottom: 5px; } .member-loginpage-sp .member-loginpage-sp-container .member-loginpage-sp-group .report { padding-top: 20px; } .member-loginpage-sp .member-loginpage-sp-container .member-loginpage-sp-group .member-loginpage-sp-subtitle:hover { transform: none; } .member-loginpage-sp .member-loginpage-sp-container .member-loginpage-sp-group .member-loginpage-sp-text { margin-bottom: 15px; display: flex; flex-wrap: wrap; gap: 20px; } .member-loginpage-sp .member-loginpage-sp-container .member-loginpage-sp-group .member-loginpage-sp-text li:hover { font-weight: bold; color: darkblue; transition: 0.3s; transform: scale(1.1) translateX(0px); } .member-loginpage-sp .member-loginpage-sp-container .member-loginpage-sp-group .member-loginpage-sp-text li:hover img { transform: translate(5px, 3px); transition: 1s; } .member-loginpage-sp .member-loginpage-sp-container .member-loginpage-sp-group .member-loginpage-sp-text img { width: 20px; height: 20px; transform: translateY(3px); margin-right: 5px; } /*.member-loginpage-sp-label { cursor: pointer; color: darkblue; font-size: 14px; font-weight: bold; margin-bottom: 20px; border-bottom: 2px solid darkblue; }*/ .member-loginpage-sp-label,#purchase_history button { cursor: pointer; display: block; text-align: center; width: fit-content; font-weight: bold; color: #1A1A1A; font-size: 14px; padding: 5px 10px; background-color: #FFB100; border: 2px solid #FFB100; border-radius: 10px; box-shadow: 0 5px 0 0 #D2881A; } #purchase_history button { margin: 20px auto; } .member-loginpage-sp-label:hover,#purchase_history button:hover { background-color: rgba(255, 177, 0, 0.3137254902); } .member-loginpage-sp-label:active,#purchase_history button:active { box-shadow: none; transform: translateY(5px); } .member-loginpage-sp-label img { width: 20px; height: 20px; transform: translateY(3px); margin-right: 5px; } /*.member-loginpage-sp-label:hover { display: block; height:15px; color: darkblue; transform: scale(1.2) translateX(50px); }*/ .member-loginpage-sp-menuopen { display: none; box-sizing: border-box; } .member-loginpage-sp-container input:checked + .member-loginpage-sp-menuopen { display: block; transition: 0.5s; } /*=====サイドバー・アフィログイン=====*/ .sidebar-affi-login-container { width: 100%; border: 3px solid #949494; margin: 0 0 30px 0; } .sidebar-affi-login-container .sidebar-affi-login-top { background: #ebebeb; display: flex; align-items: center; } .sidebar-affi-login-container .sidebar-affi-login-top img { width: 20px; margin: 10px 0 10px 10px; } .sidebar-affi-login-container .sidebar-affi-login-top p { padding: 10px; font-weight: bold; margin: 0; } .sidebar-affi-login-container .sidebar-affi-comment { background-color: #1A1A1A; color: #fff; padding: 10px; } .sidebar-affi-login-container .sidebar-affi-comment .cross { font-weight: bold; margin: 0 5px 0 0; color: #fff; } .sidebar-affi-login-container .sidebar-affi-comment strong { color: #FF7600; } .sidebar-affi-login-container p { padding: 10px 0 10px 10px; } .sidebar-affi-login-container p span { color: #e60012; font-weight: bold; } .sidebar-affi-login-container p img { width: 10px; margin: 0px 10px 0px 0; vertical-align: middle; } /*=====カテゴリ=====*/ .category .title { font-size: 18px; margin-bottom: 10px; } .category .font-red { color: #FF0013; } .category .bold { font-weight: bold; } .category h2 { background-image: linear-gradient(to right, #d30010 0%, #a52a2a 100%); color: #fff; font-size: 24px; height: 44px; align-items: center; font-weight: bold; margin: 20px 0 10px 0; padding: 6px 0 0 0; display: flex; align-items: center; } .category h2 img { width: 30px; height: 30px; margin: 0 10px 0 20px; } .category .category-title { width: -moz-fit-content; width: fit-content; color: #FF2800; font-size: 24px; font-weight: bold; margin: 54px 0 10px 0; padding: 0; background-image: none; } .category .sidebar-ttl { color: #FFB100; background-color: #fff; } .category .category-title:hover { color: #1d1dd1; } .category .category-subtitle { font-size: 14px; line-height: 14px; font-weight: bold; margin-bottom: 30px; } .category .category-subtitle a:hover { color: #1d1dd1; } .category .category-subtitle li { margin-bottom: 20px; } .category .category-title-h3 { width: 100%; height: 41px; line-height: 36px; font-weight: bold; font-size: 20px; margin: 30px 20px 0 0px; padding-left: 30px; padding-top: 14px; padding-bottom: 5px; background-color: #FFB100; display: flex; align-items: center; } .category .category-title-h3 img { width: 25px; height: 25px; margin: -5px 10px 0 0; } /*=====サイドバー・リアルタイムランキング=====*/ #ranking-realtime .title { font-size: 18px; margin-bottom: 10px; } #ranking-realtime .font-red { color: #FF0013; } #ranking-realtime .bold { font-weight: bold; } #ranking-realtime ul li { width: 250px; margin-bottom: 20px; position: relative; } #ranking-realtime ul li .thumbnail { display: flex; align-items: center; justify-content: center; -o-object-fit: cover; object-fit: cover; max-width: 200px; width: 100%; max-height: 150px; height: 14vw; } #ranking-realtime ul li .listtitle { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #ranking-realtime ul li .price, #ranking-realtime ul li .member { text-align: left; align-items: center; display: flex; justify-content: left; } #ranking-realtime ul li .price > img { width: 40px; margin-left: 10px; } #ranking-realtime ul li .listtitle a { color: #FF0013; font-weight: bold; } .benefits-icon::before { content: "特典"; padding: 1px 5px; background-color: #1d1dd1; color: #fff; font-size: 10px; margin: 5px 5px 5px 0; } #ranking-realtime ul li .ranking_number { width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; transform: translate(-40%, -20%); } /*=====ランキング過去作=====*/ #ranking-past-items { background-color: #e7e7e7; height: 65px; } #ranking-past-items .ranking-past-items { display: flex; align-items: center; } #ranking-past-items .ranking-past-items p:nth-child(1) { margin: 20px; } #ranking-past-items .ranking-past-items select, #ranking-past-items .ranking-past-items option { cursor: pointer; border: 1px solid #949494; padding: 10px 40px 10px 20px; background-color: #fff; } #ranking-past-items .ranking-past-items .ranking_select { position: relative; } #ranking-past-items .ranking-past-items .ranking_select::after { content: ""; display: inline-block; position: absolute; width: 30px; height: 30px; top: 0; right: 0; background-color: #191919; } #ranking-past-items .ranking-past-items .ranking_cursor { margin-left: -30px; position: relative; cursor: pointer; pointer-events: none; } /*月間ランキング*/ #ranking-monthly { width: 100%; height: auto; } #ranking-monthly .ranking-monthly { font-size: 14px; } #ranking-monthly .ranking-monthly .ranking-monthly-title { font-size: 24px; font-weight: bold; /*text-shadow: 3px 3px 3px rgba(94, 94, 94, 0.4);*/ color: #1A1A1A; background-color: #ffcc1a; padding: 25px 0 20px 20px; border-bottom: 5px solid #ffcc1a; margin-bottom: 10px; } #ranking-monthly .ranking-monthly ul li { display: flex; gap: 20px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #949494; } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-left { width: 25%; position: relative; } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-left img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media screen and (max-width: 587px) { #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-left img { width: 55vw; height: 35vw; transform: translate(-50%, -65%); } } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-center { width: 60%; } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-center p:nth-child(1) { line-height: 45px; margin-bottom: 5px; } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-center p:nth-child(1) strong { font-size: 18px; font-weight: bold; border: 1px solid #949494; padding: 3px 10px; margin-right: 10px; border-radius: 5px; } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-center p:nth-child(2) { color: rgb(0, 0, 189); font-weight: bold; line-height: 20px; } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-center p:nth-child(3) { color: rgb(0, 0, 189); font-weight: bold; line-height: 30px; } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-center p:nth-child(3) img { width: 15px; height: 15px; margin-right: 5px; } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-center p:nth-child(4) { line-height: 25px; margin-bottom: 5px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-center p:nth-child(5) { color: rgb(0, 0, 189); } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-center p:nth-child(5) img { width: 20px; height: 20px; margin-right: 5px; transform: translateY(3px); } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-center p:nth-child(5) a:hover { font-weight: bold; } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-center p:nth-child(5) a:hover img { transform: translate(5px, 3px); } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-right { width: 15%; text-align: end; } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-right p { font-size: 19px; font-weight: bold; /*height: 45px;*/ line-height: 45px; margin-bottom: 10px; } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-right p img { width: 17px; height: auto; margin-right: 5px; display: none; } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-right .ranking-monthly-btn { text-align: center; width: 100%; margin: 0 0 0 auto; padding: 10px 0; border-radius: 10px; font-size: 13px; font-weight: bold; } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-right .ranking-monthly-btn > p,#ranking-monthly .ranking-monthly ul li .ranking-monthly-li-right .ranking-monthly-btn > a > p { font-size: 11px; font-weight: bold; line-height: 1.5em; margin: 0; } @media screen and (max-width: 587px) { #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-right .ranking-monthly-btn > p,#ranking-monthly .ranking-monthly ul li .ranking-monthly-li-right .ranking-monthly-btn > a > p { display: flex; align-items: center; justify-content: center; font-size: 11px; } } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-right .ranking-monthly-btn:hover { box-shadow: none; transform: translateY(3px); } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-right .ranking-monthly-btn { color: #fff; margin-bottom: 10px; display: block; border-radius: 10px; border: 1px solid #FF0013; } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-right .ranking-monthly-btn1 { position: relative; width: 100%; height: 37px; display: block; background-color: #FF0013; box-shadow: 0 3px 0 0px #9E0014; border: 1px solid #949494; /*padding: 10px;*/ } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-right .ranking-monthly-btn1 a { position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; /*padding: 10px;*/ } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-right .ranking-monthly-btn2 { border: 1px solid #949494; background-color: #e7e7e7; box-sizing: border-box; box-shadow: 0 3px 0 0px #777777; color: #949494; margin-bottom: 10px; } #ranking-monthly .ranking-monthly ul li:last-child { border-bottom: none; } /*=====ページボタン=====*/ #morepage-btn .morepage-btn { display: flex; justify-content: center; height: 50px; line-height: 50px; margin-bottom: 50px; } #morepage-btn .morepage-btn ul { display: flex; gap: 30px; text-align: center; } #morepage-btn .morepage-btn ul li { width: 50px; border: 1px solid #949494; position: relative; border-radius: 50%; font-size: 12px; } #morepage-btn .morepage-btn ul li:hover { border-radius: 50%; background-color: #ffcd1a; border: none; transition: 0.5s; color: #fff; font-weight: bold; transform: scale(1.4); } /*レスポンシブページボタンのみ*/ @media screen and (max-width: 888px) { #morepage-btn .morepage-btn { height: 40px; line-height: 40px; } #morepage-btn .morepage-btn ul { gap: 10px; } #morepage-btn .morepage-btn ul li { width: 40px; font-size: 12px; } #morepage-btn .morepage-btn ul li:hover { font-size: 12px; } } @media screen and (max-width: 440px) { #morepage-btn .morepage-btn { height: 40px; line-height: 40px; } #morepage-btn .morepage-btn ul { gap: 10px; } #morepage-btn .morepage-btn ul li { width: 40px; font-size: 12px; } #morepage-btn .morepage-btn ul li:hover { font-size: 12px; } #morepage-btn .morepage-btn ul a:nth-child(5), #morepage-btn .morepage-btn ul a:nth-child(6) { display: none; } } /*=====購入会員ログインページ=====*/ #buy-login, #entry, #buy_benefits { font-size: 14px; } #buy-login h2, #entry h2, #buy_benefits h2 { width: 100%; background-image: linear-gradient(to right, #d30010 0%, #a52a2a 100%); color: #fff; font-size: 21px; font-weight: bold; padding: 20px; margin-bottom: 10px; } #buy-login .buy-login-warning, #entry .buy-login-warning, #buy_benefits .buy-login-warning { margin-bottom: 30px; font-weight: bold; } #buy-login .buy-login-warning strong, #entry .buy-login-warning strong, #buy_benefits .buy-login-warning strong { color: #a52a2a; } #buy-login .error-message, #entry .error-message, #buy_benefits .error-message { color: #a52a2a; background-color: rgba(255, 0, 0, 0.2); border: 1px solid #a52a2a; border-radius: 10px; width: 450px; line-height: 30px; padding: 5px 20px; margin-bottom: 20px; } #buy-login .error-message .error-message-sp-blank, #entry .error-message .error-message-sp-blank, #buy_benefits .error-message .error-message-sp-blank { display: none; } #buy-login .buy-login-input label, #entry .buy-login-input label, #buy_benefits .buy-login-input label { font-weight: bold; } #buy-login .buy-login-input label input, #entry .buy-login-input label input, #buy_benefits .buy-login-input label input { width: 200px; height: 35px; border: 3px solid #949494; margin-bottom: 30px; } #buy-login .buy-login-input label input:focus, #entry .buy-login-input label input:focus, #buy_benefits .buy-login-input label input:focus { background-color: rgba(148, 148, 148, 0.1882352941); } #buy-login .buy-login-input label .input-mail, #entry .buy-login-input label .input-mail, #buy_benefits .buy-login-input label .input-mail { margin-left: 30px; } #buy-login .buy-login-input label .input-pass, #entry .buy-login-input label .input-pass, #buy_benefits .buy-login-input label .input-pass { margin-left: 58px; } #buy-login .buy-login-input p, #entry .buy-login-input p, #buy_benefits .buy-login-input p { padding: 0 0 20px 0; } #buy-login .login-btn a, #entry .login-btn a, #buy_benefits .login-btn a { display: block; background-color: red; color: #fff; font-weight: bold; padding: 10px 30px; width: 116px; margin-bottom: 50px; box-shadow: 0 5px 0 0px rgb(138, 0, 0); border-radius: 10px; } #buy-login .login-btn a:hover, #entry .login-btn a:hover, #buy_benefits .login-btn a:hover { background-color: rgba(255, 0, 0, 0.5); color: #1A1A1A; } #buy-login .login-btn a:active, #entry .login-btn a:active, #buy_benefits .login-btn a:active { box-shadow: none; transform: translateY(5px); } #buy-login .buy-login-warning2, #entry .buy-login-warning2, #buy_benefits .buy-login-warning2 { margin-bottom: 30px; color: #FF0013; font-weight: bold; } #buy-login .buy-login-warning2 strong, #entry .buy-login-warning2 strong, #buy_benefits .buy-login-warning2 strong { font-weight: bold; color: darkblue; } #buy-login .buy-entry-btn a, #entry .buy-entry-btn a, #buy_benefits .buy-entry-btn a { display: block; background-color: #FFB100; font-weight: bold; padding: 10px 30px; width: 200px; margin-bottom: 10px; box-shadow: 0 5px 0 0px #E98900; border-radius: 10px; } #buy-login .buy-entry-btn a:hover, #entry .buy-entry-btn a:hover, #buy_benefits .buy-entry-btn a:hover { background-color: rgba(255, 177, 0, 0.4392156863); color: #1A1A1A; } #buy-login .buy-entry-btn a:active, #entry .buy-entry-btn a:active, #buy_benefits .buy-entry-btn a:active { box-shadow: none; transform: translateY(5px); } #buy-login table, #entry table, #buy_benefits table { margin: 20px 0 30px 0; width: 100%; } #buy-login table tbody tr, #entry table tbody tr, #buy_benefits table tbody tr { text-align: center; width: 100%; } #buy-login table tbody tr th, #buy-login table tbody tr td, #entry table tbody tr th, #entry table tbody tr td, #buy_benefits table tbody tr th, #buy_benefits table tbody tr td { border: 1px solid #949494; padding: 10px; } #buy-login table tbody tr th, #entry table tbody tr th, #buy_benefits table tbody tr th { font-weight: bold; text-align: center; background-color: #e7e7e7; vertical-align: middle; width: 50%; } #buy-login table tbody tr th .br-sp, #entry table tbody tr th .br-sp, #buy_benefits table tbody tr th .br-sp { display: none; } #buy-login table tbody tr td, #entry table tbody tr td, #buy_benefits table tbody tr td { vertical-align: middle; width: 100%; } #buy-login table tbody tr td div, #entry table tbody tr td div, #buy_benefits table tbody tr td div { padding: 5px; } #buy-login table tbody tr td input[type=radio]::before, #buy-login table tbody tr td input[type=checkbox]::before, #entry table tbody tr td input[type=radio]::before, #entry table tbody tr td input[type=checkbox]::before, #buy_benefits table tbody tr td input[type=radio]::before, #buy_benefits table tbody tr td input[type=checkbox]::before { display: inline-block; content: ""; width: 12px; height: 12px; border: 1px solid #949494; border-radius: 50%; background-color: #fff; margin: 0 5px 0 0; } #buy-login table tbody tr td input:checked::before, #entry table tbody tr td input:checked::before, #buy_benefits table tbody tr td input:checked::before { display: inline-block; content: ""; width: 12px; height: 12px; border: 1px solid #949494; border-radius: 50%; margin: 0 5px 0 0; background-color: #a52a2a; } #buy-login table, #entry table, #buy_benefits table { width: 100%; } @media screen and (max-width: 768px) { #buy-login table tbody tr, #entry table tbody tr, #buy_benefits table tbody tr { display: block; margin-bottom: 30px; } } #buy-login table tbody tr th, #entry table tbody tr th, #buy_benefits table tbody tr th { width: 20%; } @media screen and (max-width: 768px) { #buy-login table tbody tr th, #entry table tbody tr th, #buy_benefits table tbody tr th { width: 100%; } } #buy-login table tbody tr td, #entry table tbody tr td, #buy_benefits table tbody tr td { width: 20%; } @media screen and (max-width: 768px) { #buy-login table tbody tr td, #entry table tbody tr td, #buy_benefits table tbody tr td { width: 100%; } } #buy-login table tbody tr th:nth-child(1), #buy-login table tbody tr td:nth-child(1), #entry table tbody tr th:nth-child(1), #entry table tbody tr td:nth-child(1), #buy_benefits table tbody tr th:nth-child(1), #buy_benefits table tbody tr td:nth-child(1) { width: 40%; } @media screen and (max-width: 768px) { #buy-login table tbody tr th:nth-child(1), #buy-login table tbody tr td:nth-child(1), #entry table tbody tr th:nth-child(1), #entry table tbody tr td:nth-child(1), #buy_benefits table tbody tr th:nth-child(1), #buy_benefits table tbody tr td:nth-child(1) { width: 100%; } } #buy-login table tbody tr .name::after, #entry table tbody tr .name::after, #buy_benefits table tbody tr .name::after { content: "さん"; color: #1d1dd1; margin: 0 0 0 10px; font-size: 0.7rem; } @media screen and (max-width: 768px) { #buy-login table tbody .table2-th1, #buy-login table tbody .table2-th2, #buy-login table tbody .table2-th3, #buy-login table tbody .table2-th4, #entry table tbody .table2-th1, #entry table tbody .table2-th2, #entry table tbody .table2-th3, #entry table tbody .table2-th4, #buy_benefits table tbody .table2-th1, #buy_benefits table tbody .table2-th2, #buy_benefits table tbody .table2-th3, #buy_benefits table tbody .table2-th4 { display: none; } #buy-login table tbody th, #entry table tbody th, #buy_benefits table tbody th { width: 100%; display: block; } #buy-login table tbody td, #entry table tbody td, #buy_benefits table tbody td { width: 100%; display: block; } } #buy-login table tbody .th-sp, #entry table tbody .th-sp, #buy_benefits table tbody .th-sp { display: none; } @media screen and (max-width: 768px) { #buy-login table tbody .th-sp, #entry table tbody .th-sp, #buy_benefits table tbody .th-sp { display: block; } } #buy-login .red, #entry .red, #buy_benefits .red { color: #FF0013; } #buy-login .bold, #entry .bold, #buy_benefits .bold { font-weight: bold; } #buy_benefits button { display: block; text-align: center; width: 150px; margin: 5px auto; font-weight: bold; color: #1A1A1A; font-size: 14px; padding: 5px; background-color: #FFB100; border: 2px solid #FFB100; border-radius: 10px; box-shadow: 0 5px 0 0 #D2881A; } #buy_benefits button a { color: #1A1A1A; } #buy_benefits button .br-sp { display: none; } #buy_benefits button:hover { background-color: rgba(255, 177, 0, 0.3137254902); } #buy_benefits button:active { box-shadow: none; transform: translateY(5px); } /*=====販売会員ログインページ=====*/ #sell-login { font-size: 14px; } #sell-login h2 { width: 100%; background-color: #56CCC0; color: #fff; font-size: 21px; font-weight: bold; padding: 20px; margin-bottom: 10px; } #sell-login .entry-buy-h2 { background-image: linear-gradient(to right, #d30010 0%, #a52a2a 100%); } #sell-login .entry-affi-h2 { background-color: #FFB100; color: #1A1A1A; } #sell-login .error-page_message { background-color: #fff; color: #1A1A1A; } #sell-login .sell-login-warning { margin-bottom: 30px; font-weight: bold; } #sell-login .sell-login-warning strong { color: red; } #sell-login .error-message { color: red; background-color: rgba(255, 0, 0, 0.2); border: 1px solid red; border-radius: 10px; width: 450px; line-height: 30px; padding: 5px 20px; margin-bottom: 20px; } #sell-login .error-message .error-message-sp-blank { display: none; } #sell-login .sell-login-input label { font-weight: bold; } #sell-login .sell-login-input label input { width: 200px; height: 35px; border: 3px solid #949494; margin-bottom: 30px; } #sell-login .sell-login-input label input:focus { background-color: rgba(148, 148, 148, 0.1882352941); } #sell-login .sell-login-input label .input-mail { margin-left: 30px; } #sell-login .sell-login-input label .input-pass { margin-left: 58px; } #sell-login .login-btn a { display: block; background-color: red; color: #fff; font-weight: bold; padding: 10px 30px; width: 116px; margin-bottom: 50px; box-shadow: 0 5px 0 0px rgb(138, 0, 0); border-radius: 10px; } #sell-login .login-btn a:hover { background-color: rgba(255, 0, 0, 0.5); color: #1A1A1A; } #sell-login .login-btn a:active { box-shadow: none; transform: translateY(5px); } #sell-login .sell-login-warning2 { margin-bottom: 30px; } #sell-login .sell-login-warning2 strong { font-weight: bold; color: darkblue; } #sell-login .sell-entry-btn a { display: block; background-color: #56CCC0; color: #fff; font-weight: bold; padding: 10px 30px; width: 200px; margin-bottom: 10px; box-shadow: 0 5px 0 0px #357e76; border-radius: 10px; } #sell-login .sell-entry-btn a:hover { background-color: rgba(86, 204, 192, 0.3764705882); color: #1A1A1A; } #sell-login .sell-entry-btn a:active { box-shadow: none; transform: translateY(5px); } /*=====販売会員詳細ページ=====*/ #buymember-detail { margin-bottom: 60px; } #buymember-detail .cart-button-box { display: flex; gap: 2%; align-items: center; flex-wrap: wrap; position: relative; } #buymember-detail .cart-button-box li .balloon1 { position: absolute; top: -30px; left: 20px; display: inline-block; margin: 1.5em 0; padding: 7px 10px; min-width: 120px; max-width: 100%; color: #fff; font-size: 16px; background: rgba(0, 0, 0, 0.5843137255); display: none; } #buymember-detail .cart-button-box li .balloon1:before { content: ""; position: absolute; top: 100%; left: 30%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid rgba(0, 0, 0, 0.5843137255); } #buymember-detail .cart-button-box li .balloon1 p { margin: 0; padding: 0; } #buymember-detail .cart-button-box li .add_btn3 { display: inline-block; } #buymember-detail .buymember-detail-title { background-color: #fff; border-top: 5px solid #FFB100; border-bottom: 5px solid #FFB100; } #buymember-detail .sell-ttl { background-color: #fff; border-top: 5px solid #56CCC0; border-bottom: 5px solid #56CCC0; } #buymember-detail .buymember-detail-column-container { display: flex; justify-content: space-between; } @media screen and (max-width: 580px) { #buymember-detail .buymember-detail-column-container { justify-content: center; flex-direction: column; } } #buymember-detail .buymember-detail-column-container .buymember-detail-column-left, #buymember-detail .buymember-detail-column-container .buymember-detail-column-right { width: 50%; } @media screen and (max-width: 580px) { #buymember-detail .buymember-detail-column-container .buymember-detail-column-left, #buymember-detail .buymember-detail-column-container .buymember-detail-column-right { width: 90%; } } #buymember-detail .buymember-detail-column-container .buymember-detail-column-left .open, #buymember-detail .buymember-detail-column-container .buymember-detail-column-right .open { cursor: pointer; display: flex; justify-content: center; } #buymember-detail .buymember-detail-column-container .buymember-detail-column-left #pop-up1, #buymember-detail .buymember-detail-column-container .buymember-detail-column-right #pop-up1 { display: none; } #buymember-detail .buymember-detail-column-container .buymember-detail-column-left .overlay, #buymember-detail .buymember-detail-column-container .buymember-detail-column-right .overlay { display: none; } #buymember-detail .buymember-detail-column-container .buymember-detail-column-left #pop-up1:checked + .overlay, #buymember-detail .buymember-detail-column-container .buymember-detail-column-left #pop-up2:checked + .overlay, #buymember-detail .buymember-detail-column-container .buymember-detail-column-left #pop-up3:checked + .overlay, #buymember-detail .buymember-detail-column-container .buymember-detail-column-left #pop-up4:checked + .overlay, #buymember-detail .buymember-detail-column-container .buymember-detail-column-left #pop-up5:checked + .overlay, #buymember-detail .buymember-detail-column-container .buymember-detail-column-left #pop-up6:checked + .overlay, #buymember-detail .buymember-detail-column-container .buymember-detail-column-left #pop-up7:checked + .overlay, #buymember-detail .buymember-detail-column-container .buymember-detail-column-right #pop-up1:checked + .overlay, #buymember-detail .buymember-detail-column-container .buymember-detail-column-right #pop-up2:checked + .overlay, #buymember-detail .buymember-detail-column-container .buymember-detail-column-right #pop-up3:checked + .overlay, #buymember-detail .buymember-detail-column-container .buymember-detail-column-right #pop-up4:checked + .overlay, #buymember-detail .buymember-detail-column-container .buymember-detail-column-right #pop-up5:checked + .overlay, #buymember-detail .buymember-detail-column-container .buymember-detail-column-right #pop-up6:checked + .overlay, #buymember-detail .buymember-detail-column-container .buymember-detail-column-right #pop-up7:checked + .overlay { display: block; position: fixed; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; background: rgba(0, 0, 0, 0.6); } #buymember-detail .buymember-detail-column-container .buymember-detail-column-left .window, #buymember-detail .buymember-detail-column-container .buymember-detail-column-right .window { position: fixed; top: 50%; left: 50%; width: 100%; align-items: center; transform: translate(-50%, -50%); text-align: center; } #buymember-detail .buymember-detail-column-container .buymember-detail-column-left .window img, #buymember-detail .buymember-detail-column-container .buymember-detail-column-right .window img { max-width: 500px; width: 100%; } #buymember-detail .buymember-detail-column-container .buymember-detail-column-left .window p, #buymember-detail .buymember-detail-column-container .buymember-detail-column-right .window p { font-size: 12px; font-weight: bold; background-color: #fff; padding: 10px 15px; max-width: 600px; width: 100%; margin: 0 auto; } #buymember-detail .buymember-detail-column-container .buymember-detail-column-left .close, #buymember-detail .buymember-detail-column-container .buymember-detail-column-right .close { position: absolute; top: -100%; right: 0; width: 100vw; height: 200vh; cursor: pointer; } @media screen and (max-width: 580px) { #buymember-detail .buymember-detail-column-container .buymember-detail-column-left { margin: 0 auto; } } #buymember-detail .buymember-detail-column-container .buymember-detail-column-right { box-sizing: border-box; width: 50%; margin: 0 0 0 30px; font-size: 14px; } @media screen and (max-width: 580px) { #buymember-detail .buymember-detail-column-container .buymember-detail-column-right { width: 80%; margin: 0 auto; } } #buymember-detail .buymember-detail-column-container .buymember-detail-column-right dl { display: flex; flex-wrap: wrap; } #buymember-detail .buymember-detail-column-container .buymember-detail-column-right dl dt, #buymember-detail .buymember-detail-column-container .buymember-detail-column-right dl dd { border-bottom: 1px solid #949494; padding: 10px 0; } #buymember-detail .buymember-detail-column-container .buymember-detail-column-right dl dt a, #buymember-detail .buymember-detail-column-container .buymember-detail-column-right dl dd a { color: #1d1dd1; } #buymember-detail .buymember-detail-column-container .buymember-detail-column-right dl dt { width: 30%; font-weight: bold; } #buymember-detail .buymember-detail-column-container .buymember-detail-column-right dl dd { width: 70%; } #buymember-detail .buymember-detail-column-container .buymember-detail-column-right dl .font-red-bold { color: #FF0000; font-weight: bold; } #buymember-detail .buymember-detail-column-container .buymember-detail-column-right dl .buymember-name::after { content: "さん"; } #buymember-detail .buymember-detail-column-container .buymember-detail-column-right dl .supplement { background-color: #e7e7e7; border: 1px solid #949494; border-radius: 5px; padding: 0 10px; } #buymember-detail .buymember-detail-column-container .buymember-detail-column-right .buymember-btnbox { display: flex; flex-direction: column; } #buymember-detail .buymember-detail-column-container .no-pointer .open { cursor: default; } #buymember-detail .buymember-detail-top { margin-bottom: 30px; } #buymember-detail .buymember-detail-column-text p { margin: 20px 0 0 0; } #buymember-detail .buymember-detail-column-text a { color: #1d1dd1; word-wrap: break-word; } #buymember-detail .buymember-detail-column-text .buymember-detail-comment { margin: 20px 0; } #buymember-detail button { width: 150px; font-size: 14px; font-weight: bold; margin: 10px 20px 10px 0; background-color: #FFB100; border: 3px solid #FFB100; border-radius: 10px; text-align: center; box-shadow: 0 5px 0 0 #D2881A; } #buymember-detail button a { display: block; padding: 10px; } #buymember-detail button img { width: 20px; vertical-align: middle; margin-right: 5px; } #buymember-detail button:hover { background-color: rgba(255, 177, 0, 0.3137254902); border: 3px solid #FFB100; } #buymember-detail button:active { box-shadow: none; transform: translateY(5px); } #buymember-detail .buymember-detail-btn1, #buymember-detail .buymember-detail-btn2, #buymember-detail .buymember-detail-btn3 { width: -moz-fit-content; width: fit-content; color: #fff; white-space: pre-wrap; position: relative; padding: 10px; cursor: pointer; } #buymember-detail .buymember-detail-btn1 p, #buymember-detail .buymember-detail-btn2 p, #buymember-detail .buymember-detail-btn3 p { display: block; padding: 10px; } #buymember-detail .buymember-detail-btn3 { display: flex; justify-content: center; align-items: center; width: 170px; } #buymember-detail .buymember-detail-btn3 p { padding: 10px 0; color: #1A1A1A; } #buymember-detail .buymember-detail-btn1 { background-color: #1d1dd1; border: 3px solid #1d1dd1; box-shadow: 0 5px 0 0 #0c0c53; width: 300px; margin: 20px auto 0 auto; } #buymember-detail buymember-detail-btn1::after { content: "お気に入り登録を解除する"; position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; } #buymember-detail .buymember-detail-btn1:hover { background-color: rgba(29, 29, 209, 0.3137254902); border: 3px solid #1d1dd1; color: #1A1A1A; } #buymember-detail .onbtn1_2 { display: none; } #buymember-detail .onbtn1_2-block { display: block; } #buymember-detail .onbtn2_2 { display: none; } #buymember-detail .onbtn2_2-block { display: block; } #buymember-detail .nobtn { display: none; } #buymember-detail .buymember-detail-btn2 { background-color: #e60012; border: 3px solid #e60012; box-shadow: 0 5px 0 0 #7c0000; width: 300px; margin: 20px auto; } #buymember-detail .buymember-detail-btn2:hover { background-color: rgba(230, 0, 18, 0.3137254902); border: 3px solid #e60012; color: #1A1A1A; } #buymember-detail .buymember-detail-btn_no { color: rgba(26, 26, 26, 0.5019607843); background-color: rgba(26, 26, 26, 0.1882352941); border: 3px solid rgba(26, 26, 26, 0.1882352941); box-shadow: none; } #buymember-detail .buymember-detail-btn_no:hover { color: rgba(26, 26, 26, 0.5019607843); background-color: rgba(26, 26, 26, 0.1882352941); border: 3px solid rgba(26, 26, 26, 0.1882352941); box-shadow: none; pointer-events: none; cursor: default; } #buymember-detail .buymember-detail-btn_no:active { box-shadow: none; transform: translateY(0); } #buymember-detail .buymember-detail-btn_no a { pointer-events: none; } #buymember-detail .buymember-detail-tag-group { position: relative; } #buymember-detail .buymember-detail-tag-group .buymember-detail-tag { padding: 10px 10px 30px 10px; display: flex; flex-wrap: wrap; } #buymember-detail .buymember-detail-tag-group .buymember-detail-tag div { margin-right: 20px; /*個別に黄色タグを付与する場合*/ /*pタグに class="tag-yellow" を付与*/ } #buymember-detail .buymember-detail-tag-group .buymember-detail-tag div p { font-size: 14px; padding: 2px 5px; margin-bottom: 10px; } #buymember-detail .buymember-detail-tag-group .buymember-detail-tag div p img { width: 15px; vertical-align: middle; margin-right: 5px; } #buymember-detail .buymember-detail-tag-group .buymember-detail-tag div p:nth-child(1) { border: 1px solid #949494; border-radius: 3px; background-color: #e7e7e7; } #buymember-detail .buymember-detail-tag-group .buymember-detail-tag div a .tag-yellow { background-color: #ffd981; } #buymember-detail .buymember-detail-tag-group .tag-link { position: absolute; bottom: 0; right: 10px; } #buymember-detail .buymember-detail-tag-group .tag-link a { font-size: 12px; color: #1d1dd1; } #buymember-detail .buymember-detail-information a, #buymember-detail .buymember-detail-member a { font-size: 12px; color: #1d1dd1; font-weight: bold; } #buymember-detail .buymember-detail-information dl, #buymember-detail .buymember-detail-member dl { display: flex; flex-wrap: wrap; font-size: 14px; } #buymember-detail .buymember-detail-information dl dt, #buymember-detail .buymember-detail-information dl dd, #buymember-detail .buymember-detail-member dl dt, #buymember-detail .buymember-detail-member dl dd { padding: 10px 0; } #buymember-detail .buymember-detail-information dl dt, #buymember-detail .buymember-detail-member dl dt { width: 20%; font-weight: bold; } #buymember-detail .buymember-detail-information dl dd, #buymember-detail .buymember-detail-member dl dd { width: 70%; } #buymember-detail .buymember-detail-information dl .supplement, #buymember-detail .buymember-detail-member dl .supplement { background-color: #e7e7e7; border: 1px solid #949494; border-radius: 5px; padding: 0 10px; } #buymember-detail .buymember-detail-member { position: relative; } #buymember-detail .buymember-detail-member div { position: absolute; top: 10px; right: 20px; } #buymember-detail .buymember-detail-recommend { /*order: 1px solid #FF0000;*/ text-align: center; font-size: 12px; display: flex; justify-content: space-between; align-items: stretch; padding: 10px; background: #ebebeb; margin-bottom: 60px; } #buymember-detail .buymember-detail-recommend div { width: 23%; /*recommend-title::before { content: '特典'; font-size: 10px; font-weight: bold; color: #fff; background-color: #1d1dd1; padding: 2px; }*/ } #buymember-detail .buymember-detail-recommend div .buymember-recommend-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #buymember-detail .buymember-detail-recommend div .recommend-price { font-weight: bold; margin: 10px 0; } #buymember-detail .buymember-detail-recommend div .price-sale { position: relative; } #buymember-detail .buymember-detail-recommend div .price-sale::after { display: block; content: ""; background-image: url("https://yusuke-shinto-portfolio.com/HONEYsPOT/assets/image/point_square_20.png"); background-size: contain; background-repeat: no-repeat; width: 30px; height: 30px; position: absolute; top: -5px; right: 30px; } #buymember-detail .buymember-detail-recommend div .recommend-price-back { font-size: 10px; color: #e01515; } #buymember-detail .buymember-detail-recommend2 { text-align: center; font-size: 12px; display: flex; justify-content: space-between; gap: 10px; align-items: stretch; padding: 10px; width: 100%; } #buymember-detail .buymember-detail-recommend2 div { width: 23%; } #buymember-detail .buymember-detail-recommend2 div .buymember-recommend-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #buymember-detail .buymember-detail-recommend2 div .recommend-price { font-weight: bold; margin: 10px 0; } #buymember-detail .sales-news { padding: 10px; background-color: #e7e7e7; margin-bottom: 20px; } #buymember-detail .sales-news p { font-size: 14px; } #buymember-detail .sales-news p span { color: #FF0013; font-weight: bold; } /*=====会員ログイン後ページ=====*/ #member-loginpage { margin-top: 50px; } #member-loginpage .member-data { font-size: 15px; font-weight: bold; margin-bottom: 20px; } #member-loginpage .member-data strong { color: red; color: #e60012; } #member-loginpage .member-data .member-data-fontnormal { font-weight: normal; color: #1A1A1A; } #member-loginpage h2 { font-size: 21px; color: #333333; margin: 20px 0 10px 0; } #member-loginpage .member-loginpage-newsscroll { overflow: scroll; width: 90%; height: 200px; } #member-loginpage .member-loginpage-newsscroll .member-loginpage-newsscroll-title { color: red; font-weight: bold; font-size: 14px; } #member-loginpage .member-loginpage-newsscroll .member-loginpage-newsscroll-title strong { color: #1A1A1A; font-weight: normal; } #member-loginpage .member-loginpage-newsscroll .member-loginpage-newsscroll-text { font-size: 14px; padding-bottom: 10px; border-bottom: 1px solid #949494; width: 98%; margin: 0 auto; margin-bottom: 10px; } #member-loginpage .member-loginpage-search-container { display: block; font-size: 14px; margin-bottom: 20px; top: 10px; } #member-loginpage .member-loginpage-search-container .member-loginpage-search { position: static; border-radius: 0; box-shadow: none; width: 100%; height: 60px; } #member-loginpage .member-loginpage-search-container .member-loginpage-search-box-container { justify-content: space-between; } #member-loginpage .member-loginpage-search-container .member-loginpage-search-box-container .member-loginpage-search-box-text { margin: 21px 0 25px 10%; } #member-loginpage .member-loginpage-search-container .member-loginpage-search-box-container .member-loginpage-search-box { display: flex; width: 60%; } #member-loginpage .member-loginpage-search-container .member-loginpage-search-box-container .member-loginpage-search-box .member-loginpage-search-box-wh { width: 80%; margin-top: 10px; } #member-loginpage .member-loginpage-search-container .member-loginpage-search-box-container .member-loginpage-search-box .member-loginpage-search-box-bl { width: 20%; margin: 10px 10% 0 0; } #member-loginpage .member-loginpage-search-container .search_bar { display: flex; /*アイコン、テキストボックスを調整する*/ align-items: center; /*アイコン、テキストボックスを縦方向の中心に*/ justify-content: center; /*アイコン、テキストボックスを横方向の中心に*/ width: 50%; border: 3px solid #949494; padding: 20px; } #member-loginpage .member-loginpage-search-container .search_icon { /*アイコンに一定のスペースを設ける*/ padding: 0 20px; } #member-loginpage .member-loginpage-search-container #text2 { font-size: 16px; width: 100%; /*flexの中で100%広げる*/ border: none; /*枠線非表示*/ outline: none; /*フォーカス時の枠線非表示*/ box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/ } #member-loginpage .member-loginpage-listcount { margin-bottom: 20px; } #member-loginpage .member-loginpage-list-container { margin-bottom: 50px; } #member-loginpage .member-loginpage-list-container ul { display: flex; flex-wrap: wrap; align-items: stretch; gap: 20px; } #member-loginpage .member-loginpage-list-container ul li { border: 1px solid #949494; width: 30%; padding: 20px; font-size: 14px; } #member-loginpage .member-loginpage-list-container ul li img { display: flex; align-items: center; justify-content: center; max-width: 200px; max-height: 150px; width: 15vw; height: 10vw; margin: 0 auto; -o-object-fit: contain; object-fit: contain; } @media screen and (max-width: 825px) { #member-loginpage .member-loginpage-list-container ul li img { width: 22vw; height: 16.5vw; } } @media screen and (max-width: 700px) { #member-loginpage .member-loginpage-list-container ul li img { width: 30vw; height: 23vw; } } @media screen and (max-width: 480px) { #member-loginpage .member-loginpage-list-container ul li img { max-width: 380px; max-height: 250px; width: 75vw; height: 45vw; } } #member-loginpage .member-loginpage-list-container ul li img:hover { transform: scale(1.1); transition: 0.5s; } #member-loginpage .member-loginpage-list-container ul li .member-loginpage-list-price { color: darkblue; margin-bottom: 10px; } #member-loginpage .member-loginpage-list-container ul li .member-loginpage-list-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: darkblue; font-size: 16px; margin: 5px 0 10px 0; } #member-loginpage .member-loginpage-list-container ul li .member-loginpage-list-text:hover { font-weight: bold; transition: 0.5s; } #member-loginpage .member-loginpage-list-container ul li .member-loginpage-list-date, #member-loginpage .member-loginpage-list-container ul li .member-loginpage-list-count { display: flex; justify-content: space-between; font-weight: bold; } #member-loginpage .member-loginpage-list-container ul li .member-loginpage-list-date p:nth-child(2), #member-loginpage .member-loginpage-list-container ul li .member-loginpage-list-count p:nth-child(2) { text-align: center; width: 20%; margin-right: 20%; } #member-loginpage .member-loginpage-list-container ul li .member-loginpage-list-edit { display: flex; /*justify-content: space-between;*/ font-size: 12px; } #member-loginpage .member-loginpage-list-container ul li .member-loginpage-list-edit .btn-box_member { display: flex; align-items: center; gap: 5px; } @media screen and (max-width: 1280px) { #member-loginpage .member-loginpage-list-container ul li .member-loginpage-list-edit .btn-box_member { flex-direction: column; } } #member-loginpage .member-loginpage-list-container ul li .member-loginpage-list-edit .btn-box_member p { margin-right: 10px; } #member-loginpage .member-loginpage-list-container ul li .member-loginpage-list-edit .btn-box_member .btn-fir a { background-color: #e01515; padding: 5px; border: 1px solid #949494; color: #fff; display: block; } #member-loginpage .member-loginpage-list-container ul li .member-loginpage-list-edit .btn-box_member .btn-fir a:hover { background-color: #fff; color: #e01515; font-weight: bold; transition: 0.5s; } #member-loginpage .member-loginpage-list-container ul li .member-loginpage-list-edit .btn-box_member .btn-sec a { background-color: #1d1dd1; padding: 5px; color: #fff; border: 1px solid #949494; display: block; } #member-loginpage .member-loginpage-list-container ul li .member-loginpage-list-edit .btn-box_member .btn-sec a:hover { background-color: #fff; color: #1d1dd1; font-weight: bold; transition: 0.5s; } #member-loginpage .member-loginpage-list-container ul li .member-loginpage-list-edit .btn-del a { display: block; padding: 5px; border: 1px solid #949494; margin-right: 10px; height: -moz-fit-content; height: fit-content; } #member-loginpage .member-loginpage-list-container ul li .member-loginpage-list-edit .btn-del a:hover { background-color: #949494; color: #fff; font-weight: bold; transition: 0.5s; } #member-loginpage button { display: block; text-align: center; width: fit-content; margin: 20px auto; font-weight: bold; color: #1A1A1A; padding: 5px 10px; font-size: 14px; background-color: #FFB100; border: 2px solid #FFB100; border-radius: 10px; box-shadow: 0 5px 0 0 #D2881A; } #member-loginpage button:hover { background-color: rgba(255, 177, 0, 0.3137254902); } #member-loginpage button:active { box-shadow: none; transform: translateY(3px); } .entry-error { color: #FF0013; background-color: rgba(255, 0, 19, 0.1254901961); font-size: 16px; font-weight: bold; padding: 10px 15px; border: 1px #FF0013 solid; border-radius: 10px; text-align: center; display: block; margin: -20px 30px 30px 30px; width: -moz-fit-content; width: fit-content; } @media screen and (max-width: 768px) { .entry-error { font-size: 12px; } } /*=====販売会員・商品登録=====*/ /*=====セット商品登録=====*/ #sellmember_product_registration h2, #sellmember_product_registration_set h2, #sellmember_product_registration_error h2 { background-color: #56CCC0; color: #fff; } #sellmember_product_registration a, #sellmember_product_registration_set a, #sellmember_product_registration_error a { color: #1d1dd1; } #sellmember_product_registration .bold, #sellmember_product_registration_set .bold, #sellmember_product_registration_error .bold { font-weight: bold; } #sellmember_product_registration input[placeholder], #sellmember_product_registration textarea[placeholder], #sellmember_product_registration_set input[placeholder], #sellmember_product_registration_set textarea[placeholder], #sellmember_product_registration_error input[placeholder], #sellmember_product_registration_error textarea[placeholder] { color: #1a1a1a; border: 1px solid #949494; padding: 3px 1.5px; } #sellmember_product_registration input, #sellmember_product_registration_set input, #sellmember_product_registration_error input { color: #1A1A1A; } #sellmember_product_registration table, #sellmember_product_registration_set table, #sellmember_product_registration_error table { width: 100%; margin-bottom: 30px; } #sellmember_product_registration table a, #sellmember_product_registration_set table a, #sellmember_product_registration_error table a { color: #1d1dd1; } #sellmember_product_registration table tr, #sellmember_product_registration_set table tr, #sellmember_product_registration_error table tr { text-align: center; } #sellmember_product_registration table tr th, #sellmember_product_registration_set table tr th, #sellmember_product_registration_error table tr th { font-weight: bold; background-color: #e7e7e7; vertical-align: middle; width: 20%; } #sellmember_product_registration table tr .cart-table-total, #sellmember_product_registration_set table tr .cart-table-total, #sellmember_product_registration_error table tr .cart-table-total { text-align: end; } #sellmember_product_registration table tr .bg-e7e7e7, #sellmember_product_registration_set table tr .bg-e7e7e7, #sellmember_product_registration_error table tr .bg-e7e7e7 { background-color: #e7e7e7; } #sellmember_product_registration table tr td, #sellmember_product_registration_set table tr td, #sellmember_product_registration_error table tr td { vertical-align: middle; } #sellmember_product_registration table tr td label::before, #sellmember_product_registration_set table tr td label::before, #sellmember_product_registration_error table tr td label::before { content: ""; display: inline-block; border: 1px solid #949494; border-radius: 50%; width: 12px; height: 12px; margin-right: 5px; vertical-align: middle; } #sellmember_product_registration table tr td input:checked ~ label::before, #sellmember_product_registration_set table tr td input:checked ~ label::before, #sellmember_product_registration_error table tr td input:checked ~ label::before { content: ""; display: inline-block; border: 1px solid #949494; background-color: #d30010; border-radius: 50%; width: 12px; height: 12px; margin-right: 5px; vertical-align: middle; } #sellmember_product_registration table tr td .input-point, #sellmember_product_registration_set table tr td .input-point, #sellmember_product_registration_error table tr td .input-point { text-align: left; padding: 10px; border: 1px solid #949494; } #sellmember_product_registration table tr td p .font-mini, #sellmember_product_registration_set table tr td p .font-mini, #sellmember_product_registration_error table tr td p .font-mini { display: block; font-size: 10px; color: #e60012; font-weight: bold; text-align: left; } #sellmember_product_registration table tr td button, #sellmember_product_registration_set table tr td button, #sellmember_product_registration_error table tr td button { display: block; text-align: center; margin: 0 auto; min-width: 40px; width: -moz-fit-content; width: fit-content; font-weight: bold; padding: 5px; background-color: #e7e7e7; border: 2px solid #949494; border-radius: 10px; box-shadow: 0 3px 0 0 #333333; } #sellmember_product_registration table tr td button:hover, #sellmember_product_registration_set table tr td button:hover, #sellmember_product_registration_error table tr td button:hover { background-color: rgba(231, 231, 231, 0.3137254902); } #sellmember_product_registration table tr td button:active, #sellmember_product_registration_set table tr td button:active, #sellmember_product_registration_error table tr td button:active { box-shadow: none; transform: translateY(3px); } #sellmember_product_registration table tr td .br-sp, #sellmember_product_registration_set table tr td .br-sp, #sellmember_product_registration_error table tr td .br-sp { display: none; } #sellmember_product_registration table tr td .sellmember-select, #sellmember_product_registration_set table tr td .sellmember-select, #sellmember_product_registration_error table tr td .sellmember-select { padding: 5px 10px; border: 1px solid #949494; } #sellmember_product_registration table tr td textarea, #sellmember_product_registration_set table tr td textarea, #sellmember_product_registration_error table tr td textarea { width: 80%; padding: 0 10px; text-align: left; border-left: 1px dotted #1a1a1a; border-right: 1px dotted #1A1A1A; height: 600px; } #sellmember_product_registration table tr td .error-message_regi, #sellmember_product_registration_set table tr td .error-message_regi, #sellmember_product_registration_error table tr td .error-message_regi { /*position: absolute; top: 50%; right: 0; transform: translate(-50%, -50%);*/ width: -moz-fit-content; width: fit-content; margin: 10px auto 0 auto; text-align: center; color: #d30010; background-color: rgba(211, 0, 16, 0.1254901961); font-size: 14px; font-weight: bold; padding: 5px; border: 1px solid #d30010; border-radius: 10px; } #sellmember_product_registration table tr .auto-input input[placeholder], #sellmember_product_registration_set table tr .auto-input input[placeholder], #sellmember_product_registration_error table tr .auto-input input[placeholder] { color: #1A1A1A; } #sellmember_product_registration table tr .bold, #sellmember_product_registration_set table tr .bold, #sellmember_product_registration_error table tr .bold { font-weight: bold; } #sellmember_product_registration table tr .text-left, #sellmember_product_registration_set table tr .text-left, #sellmember_product_registration_error table tr .text-left { text-align: left; } #sellmember_product_registration table tr .right-side, #sellmember_product_registration_set table tr .right-side, #sellmember_product_registration_error table tr .right-side { width: 80%; } #sellmember_product_registration table tr .supplement div, #sellmember_product_registration_set table tr .supplement div, #sellmember_product_registration_error table tr .supplement div { display: flex; flex-wrap: wrap; } #sellmember_product_registration table tr .supplement div input, #sellmember_product_registration_set table tr .supplement div input, #sellmember_product_registration_error table tr .supplement div input { margin-right: 10px; } #sellmember_product_registration table tr .status div, #sellmember_product_registration_set table tr .status div, #sellmember_product_registration_error table tr .status div { display: flex; justify-content: center; gap: 20px; } #sellmember_product_registration table tr th, #sellmember_product_registration table tr td, #sellmember_product_registration_set table tr th, #sellmember_product_registration_set table tr td, #sellmember_product_registration_error table tr th, #sellmember_product_registration_error table tr td { padding: 10px; border: 1px solid #949494; } #sellmember_product_registration table tr th:nth-child(1), #sellmember_product_registration_set table tr th:nth-child(1), #sellmember_product_registration_error table tr th:nth-child(1) { width: 300px; } #sellmember_product_registration table tr th:nth-child(2), #sellmember_product_registration table tr th:nth-child(3), #sellmember_product_registration_set table tr th:nth-child(2), #sellmember_product_registration_set table tr th:nth-child(3), #sellmember_product_registration_error table tr th:nth-child(2), #sellmember_product_registration_error table tr th:nth-child(3) { width: 100px; } #sellmember_product_registration table tr .cart-delete-btn, #sellmember_product_registration_set table tr .cart-delete-btn, #sellmember_product_registration_error table tr .cart-delete-btn { width: 40px; } #sellmember_product_registration table tr .font-red, #sellmember_product_registration_set table tr .font-red, #sellmember_product_registration_error table tr .font-red { color: #e60012; font-weight: bold; width: 150px; min-width: 100px; } #sellmember_product_registration table .cart-price, #sellmember_product_registration_set table .cart-price, #sellmember_product_registration_error table .cart-price { width: 150px; } #sellmember_product_registration table .cart-table-pc, #sellmember_product_registration_set table .cart-table-pc, #sellmember_product_registration_error table .cart-table-pc { display: block; } #sellmember_product_registration table .cart-table-sp, #sellmember_product_registration_set table .cart-table-sp, #sellmember_product_registration_error table .cart-table-sp { display: none; } #sellmember_product_registration table p, #sellmember_product_registration_set table p, #sellmember_product_registration_error table p { padding: 5px 0; text-align: end; } #sellmember_product_registration table p span, #sellmember_product_registration_set table p span, #sellmember_product_registration_error table p span { color: #1d1dd1; } #sellmember_product_registration table .cart-comment, #sellmember_product_registration_set table .cart-comment, #sellmember_product_registration_error table .cart-comment { text-align: left; } #sellmember_product_registration .cart-table-sp, #sellmember_product_registration_set .cart-table-sp, #sellmember_product_registration_error .cart-table-sp { display: none; width: 100%; } #sellmember_product_registration button { display: block; text-align: center; width: 150px; margin: 20px auto; font-weight: bold; color: #1A1A1A; font-size: 14px; background-color: #FFB100; border: 2px solid #FFB100; border-radius: 10px; box-shadow: 0 5px 0 0 #D2881A; } #sellmember_product_registration_set button, #sellmember_product_registration_error button { display: block; text-align: center; width: 150px; margin: 20px auto; font-weight: bold; color: #1A1A1A; font-size: 14px; background-color: #FFB100; border: 2px solid #FFB100; border-radius: 10px; box-shadow: 0 5px 0 0 #D2881A; padding: 10px; } #sellmember_product_registration button a, #sellmember_product_registration_set button a, #sellmember_product_registration_error button a { color: #1A1A1A; display: block; width: 100%; height: auto; margin: 0 auto; padding: 10px; } #sellmember_product_registration button:hover, #sellmember_product_registration_set button:hover, #sellmember_product_registration_error button:hover { background-color: rgba(255, 177, 0, 0.3137254902); } #sellmember_product_registration button:active, #sellmember_product_registration_set button:active, #sellmember_product_registration_error button:active { box-shadow: none; transform: translateY(5px); } #sellmember_product_registration .no-btn, #sellmember_product_registration_set .no-btn, #sellmember_product_registration_error .no-btn { pointer-events: none; background-color: #949494; border: 2px solid #949494; box-shadow: 0 5px 0 0 #333333; } #sellmember_product_registration .cart-settlement-btn, #sellmember_product_registration_set .cart-settlement-btn, #sellmember_product_registration_error .cart-settlement-btn { width: 300px; } #sellmember_product_registration .text-right, #sellmember_product_registration_set .text-right, #sellmember_product_registration_error .text-right { text-align: end; } #sellmember_product_registration .pledge .pledge-inner .pledge-title, #sellmember_product_registration_set .pledge .pledge-inner .pledge-title, #sellmember_product_registration_error .pledge .pledge-inner .pledge-title { font-weight: bold; font-size: 18px; text-align: center; } #sellmember_product_registration .pledge .pledge-inner ul, #sellmember_product_registration_set .pledge .pledge-inner ul, #sellmember_product_registration_error .pledge .pledge-inner ul { margin: 20px auto; width: 70%; } @media (max-width: 1000px) { #sellmember_product_registration .pledge .pledge-inner ul, #sellmember_product_registration_set .pledge .pledge-inner ul, #sellmember_product_registration_error .pledge .pledge-inner ul { width: 90%; } } @media (max-width: 825px) { #sellmember_product_registration .pledge .pledge-inner ul, #sellmember_product_registration_set .pledge .pledge-inner ul, #sellmember_product_registration_error .pledge .pledge-inner ul { text-align: center; } #sellmember_product_registration .pledge .pledge-inner ul li, #sellmember_product_registration_set .pledge .pledge-inner ul li, #sellmember_product_registration_error .pledge .pledge-inner ul li { margin: 10px 0; } } #sellmember_product_registration .pledge .pledge-inner ul li a, #sellmember_product_registration_set .pledge .pledge-inner ul li a, #sellmember_product_registration_error .pledge .pledge-inner ul li a { font-weight: bold; } #sellmember_product_registration .pledge .pledge-inner ul .font-red, #sellmember_product_registration_set .pledge .pledge-inner ul .font-red, #sellmember_product_registration_error .pledge .pledge-inner ul .font-red { color: #e01515; } #sellmember_product_registration .pledge .pledge-inner ul .br-sp, #sellmember_product_registration_set .pledge .pledge-inner ul .br-sp, #sellmember_product_registration_error .pledge .pledge-inner ul .br-sp { display: none; } #sellmember_product_registration .pledge .pledge-inner .pledge-check, #sellmember_product_registration_set .pledge .pledge-inner .pledge-check, #sellmember_product_registration_error .pledge .pledge-inner .pledge-check { text-align: center; font-weight: bold; } #sellmember_product_registration .pledge .pledge-inner .pledge-text, #sellmember_product_registration_set .pledge .pledge-inner .pledge-text, #sellmember_product_registration_error .pledge .pledge-inner .pledge-text { padding: 20px; border: 2px solid #e01515; margin: 20px auto; width: 70%; font-weight: bold; color: #e01515; } @media (max-width: 825px) { #sellmember_product_registration .pledge .pledge-inner .pledge-text, #sellmember_product_registration_set .pledge .pledge-inner .pledge-text, #sellmember_product_registration_error .pledge .pledge-inner .pledge-text { width: 90%; } } #sellmember_product_registration .pledge .pledge-inner label::before, #sellmember_product_registration_set .pledge .pledge-inner label::before, #sellmember_product_registration_error .pledge .pledge-inner label::before { content: ""; display: inline-block; border: 1px solid #949494; border-radius: 50%; width: 12px; height: 12px; margin-right: 5px; vertical-align: middle; } #sellmember_product_registration .pledge .pledge-inner input:checked ~ label::before, #sellmember_product_registration_set .pledge .pledge-inner input:checked ~ label::before, #sellmember_product_registration_error .pledge .pledge-inner input:checked ~ label::before { content: ""; display: inline-block; border: 1px solid #949494; background-color: #d30010; border-radius: 50%; width: 12px; height: 12px; margin-right: 5px; vertical-align: middle; } #sellmember_product_registration .pledge .pledge-inner .input-point, #sellmember_product_registration_set .pledge .pledge-inner .input-point, #sellmember_product_registration_error .pledge .pledge-inner .input-point { text-align: left; padding: 10px; border: 1px solid #949494; } #limited-box, .limited-box, #limited-box2, .limited-box2 { width: 100%; display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 10px; } #limited-box .limited, #limited-box .limited2, .limited-box .limited, .limited-box .limited2, #limited-box2 .limited, #limited-box2 .limited2, .limited-box2 .limited, .limited-box2 .limited2 { padding: 5px 10px; border: 1px solid #1a1a1a; } .toggle-limited, .toggle-limited2 { display: none !important; } /*=====販売会員・タグ設定=====*/ #sellmember_tag h2, #sellmember_tag_input h2 { background-color: #56CCC0; color: #fff; } #sellmember_tag a, #sellmember_tag_input a { color: #1d1dd1; } #sellmember_tag .bold, #sellmember_tag_input .bold { font-weight: bold; } #sellmember_tag input[placeholder], #sellmember_tag textarea[placeholder], #sellmember_tag_input input[placeholder], #sellmember_tag_input textarea[placeholder] { color: #1a1a1a; border: 1px solid #949494; padding: 3px 1.5px; } #sellmember_tag table, #sellmember_tag_input table { margin: 0 0 30px 0; width: 100%; } #sellmember_tag table tbody tr th, #sellmember_tag table tbody tr td, #sellmember_tag_input table tbody tr th, #sellmember_tag_input table tbody tr td { border: 1px solid #949494; padding: 10px; } #sellmember_tag table tbody tr th, #sellmember_tag_input table tbody tr th { font-weight: bold; text-align: center; background-color: #e7e7e7; } #sellmember_tag table tbody tr .tag-table-title, #sellmember_tag_input table tbody tr .tag-table-title { width: 100px; } #sellmember_tag table tbody tr td, #sellmember_tag_input table tbody tr td { vertical-align: top; vertical-align: middle; } #sellmember_tag table tbody tr td div, #sellmember_tag_input table tbody tr td div { padding: 5px; } #sellmember_tag table tbody tr td div label, #sellmember_tag_input table tbody tr td div label { cursor: pointer; } #sellmember_tag table tbody tr td div label::before, #sellmember_tag_input table tbody tr td div label::before { content: ""; display: inline-block; border: 1px solid #949494; border-radius: 50%; width: 12px; height: 12px; margin-right: 5px; vertical-align: middle; } #sellmember_tag table tbody tr td div input:checked ~ label::before, #sellmember_tag_input table tbody tr td div input:checked ~ label::before { content: ""; display: inline-block; border: 1px solid #949494; background-color: #d30010; border-radius: 50%; width: 12px; height: 12px; margin-right: 5px; vertical-align: middle; } #sellmember_tag table tbody tr .tag-box-td div, #sellmember_tag_input table tbody tr .tag-box-td div { display: flex; flex-wrap: wrap; } #sellmember_tag table tbody tr .text-left, #sellmember_tag_input table tbody tr .text-left { text-align: left; } #sellmember_tag table tbody tr .blank, #sellmember_tag_input table tbody tr .blank { border-left: none; border-right: none; height: 20px; } #sellmember_tag button a, #sellmember_tag_input button { display: block; text-align: center; width: 100px; /*margin: 20px 0 60px auto;*/ font-weight: bold; color: #1A1A1A; font-size: 14px; padding: 5px; background-color: #FFB100; border: 2px solid #FFB100; border-radius: 10px; box-shadow: 0 5px 0 0 #D2881A; } #sellmember_tag button a, #sellmember_tag_input button { color: #1A1A1A; } #sellmember_tag button a:hover, #sellmember_tag_input button:hover { background-color: rgba(255, 177, 0, 0.3137254902); } #sellmember_tag button a:active, #sellmember_tag_input button:active { box-shadow: none; transform: translateY(5px); } #sellmember_tag .tag-pc, #sellmember_tag_input .tag-pc { margin: 30px 0; } #sellmember_tag .tag-sp th, #sellmember_tag .tag-sp td, #sellmember_tag_input .tag-sp th, #sellmember_tag_input .tag-sp td { display: none; } #sellmember_tag button { margin: 0; padding: 5px; } /*=====販売会員・購入特典=====*/ /*=====販売会員・オススメ設定=====*/ #sellmember_purchase_privilege h2, #sellmember_register_recommend h2 { background-color: #56CCC0; color: #fff; } #sellmember_purchase_privilege a, #sellmember_register_recommend a { color: #1d1dd1; } #sellmember_purchase_privilege .bold, #sellmember_register_recommend .bold { font-weight: bold; } #sellmember_purchase_privilege input[placeholder], #sellmember_purchase_privilege textarea[placeholder], #sellmember_register_recommend input[placeholder], #sellmember_register_recommend textarea[placeholder] { color: #1a1a1a; border: 1px solid #949494; padding: 3px 1.5px; } #sellmember_purchase_privilege table, #sellmember_register_recommend table { margin: 0 0 30px 0; width: 100%; } #sellmember_purchase_privilege table tbody tr, #sellmember_register_recommend table tbody tr { text-align: center; } #sellmember_purchase_privilege table tbody tr th, #sellmember_purchase_privilege table tbody tr td, #sellmember_register_recommend table tbody tr th, #sellmember_register_recommend table tbody tr td { border: 1px solid #949494; padding: 10px; } #sellmember_purchase_privilege table tbody tr th, #sellmember_register_recommend table tbody tr th { font-weight: bold; text-align: center; background-color: #e7e7e7; } #sellmember_purchase_privilege table tbody tr td, #sellmember_register_recommend table tbody tr td { vertical-align: middle; } #sellmember_purchase_privilege table tbody tr td .table-sp, #sellmember_register_recommend table tbody tr td .table-sp { display: none; } #sellmember_purchase_privilege table tbody tr td div, #sellmember_register_recommend table tbody tr td div { padding: 5px; } #sellmember_purchase_privilege button a { display: block; text-align: center; width: 60px; margin: 5px auto; font-weight: bold; color: #1A1A1A; font-size: 14px; padding: 5px; background-color: #FFB100; border: 2px solid #FFB100; border-radius: 10px; box-shadow: 0 5px 0 0 #D2881A; } #sellmember_register_recommend button { display: block; text-align: center; width: 60px; margin: 5px auto; font-weight: bold; color: #1A1A1A; font-size: 14px; padding: 5px; background-color: #FFB100; border: 2px solid #FFB100; border-radius: 10px; box-shadow: 0 5px 0 0 #D2881A; } #sellmember_purchase_privilege button a { color: #1A1A1A; } #sellmember_register_recommend button { color: #1A1A1A; } #sellmember_purchase_privilege button:hover a { background-color: rgba(255, 177, 0, 0.3137254902); } #sellmember_register_recommend button:hover { background-color: rgba(255, 177, 0, 0.3137254902); } #sellmember_purchase_privilege button:active a { box-shadow: none; transform: translateY(5px); } #sellmember_register_recommend button:active { box-shadow: none; transform: translateY(5px); } #sellmember_purchase_privilege .table-pc, #sellmember_register_recommend .table-pc { margin: 30px 0; } #sellmember_purchase_privilege .table-sp th, #sellmember_purchase_privilege .table-sp td, #sellmember_register_recommend .table-sp th, #sellmember_register_recommend .table-sp td { display: none; } #sellmember_register_recommend button { width: 150px; } /*=====販売会員・購入特典詳細=====*/ /*=====販売会員・ハニポイント還元設定詳細=====*/ /*=====販売会員・一括設定=====*/ /*=====販売会員・お知らせ設定=====*/ #sellmember_purchase_privilege_input h2, #sellmember_reduction_input h2, #sellmember_collective_setting h2, #sellmember_info_setting h2, #sellmember_info_setting_edit h2 { background-color: #56CCC0; color: #fff; } #sellmember_purchase_privilege_input a, #sellmember_reduction_input a, #sellmember_collective_setting a, #sellmember_info_setting a, #sellmember_info_setting_edit a { color: #1d1dd1; } #sellmember_purchase_privilege_input p, #sellmember_reduction_input p, #sellmember_collective_setting p, #sellmember_info_setting p, #sellmember_info_setting_edit p { padding: 5px; } #sellmember_purchase_privilege_input .font-red, #sellmember_reduction_input .font-red, #sellmember_collective_setting .font-red, #sellmember_info_setting .font-red, #sellmember_info_setting_edit .font-red { color: #a52a2a; } #sellmember_purchase_privilege_input .bold, #sellmember_reduction_input .bold, #sellmember_collective_setting .bold, #sellmember_info_setting .bold, #sellmember_info_setting_edit .bold { font-weight: bold; } #sellmember_purchase_privilege_input .table-attention, #sellmember_reduction_input .table-attention, #sellmember_collective_setting .table-attention, #sellmember_info_setting .table-attention, #sellmember_info_setting_edit .table-attention { text-align: left; font-size: 0.8rem; padding: 10px 0 10px 40px; } #sellmember_purchase_privilege_input input[placeholder], #sellmember_purchase_privilege_input textarea[placeholder], #sellmember_reduction_input input[placeholder], #sellmember_reduction_input textarea[placeholder], #sellmember_collective_setting input[placeholder], #sellmember_collective_setting textarea[placeholder], #sellmember_info_setting input[placeholder], #sellmember_info_setting textarea[placeholder], #sellmember_info_setting_edit input[placeholder], #sellmember_info_setting_edit textarea[placeholder] { color: #1a1a1a; border: 1px solid #949494; padding: 3px 1.5px; } #sellmember_purchase_privilege_input input, #sellmember_reduction_input input, #sellmember_collective_setting input, #sellmember_info_setting input, #sellmember_info_setting_edit input { color: #1A1A1A; } #sellmember_purchase_privilege_input .btn-group, #sellmember_reduction_input .btn-group, #sellmember_collective_setting .btn-group, #sellmember_info_setting .btn-group, #sellmember_info_setting_edit .btn-group { display: flex; } #sellmember_purchase_privilege_input .btn-group button, #sellmember_reduction_input .btn-group button, #sellmember_collective_setting .btn-group button, #sellmember_info_setting .btn-group button, #sellmember_info_setting_edit .btn-group button { margin: 20px; } #sellmember_purchase_privilege_input table, #sellmember_reduction_input table, #sellmember_collective_setting table, #sellmember_info_setting table, #sellmember_info_setting_edit table { margin: 20px 0 30px 0; width: 100%; } #sellmember_purchase_privilege_input table tbody tr, #sellmember_reduction_input table tbody tr, #sellmember_collective_setting table tbody tr, #sellmember_info_setting table tbody tr, #sellmember_info_setting_edit table tbody tr { text-align: center; width: 100%; } #sellmember_purchase_privilege_input table tbody tr th, #sellmember_purchase_privilege_input table tbody tr td, #sellmember_reduction_input table tbody tr th, #sellmember_reduction_input table tbody tr td, #sellmember_collective_setting table tbody tr th, #sellmember_collective_setting table tbody tr td, #sellmember_info_setting table tbody tr th, #sellmember_info_setting table tbody tr td, #sellmember_info_setting_edit table tbody tr th, #sellmember_info_setting_edit table tbody tr td { border: 1px solid #949494; padding: 10px; } #sellmember_purchase_privilege_input table tbody tr th, #sellmember_reduction_input table tbody tr th, #sellmember_collective_setting table tbody tr th, #sellmember_info_setting table tbody tr th, #sellmember_info_setting_edit table tbody tr th { font-weight: bold; text-align: center; background-color: #e7e7e7; vertical-align: middle; width: 15%; } #sellmember_purchase_privilege_input table tbody tr th .br-sp, #sellmember_reduction_input table tbody tr th .br-sp, #sellmember_collective_setting table tbody tr th .br-sp, #sellmember_info_setting table tbody tr th .br-sp, #sellmember_info_setting_edit table tbody tr th .br-sp { display: none; } #sellmember_purchase_privilege_input table tbody tr td, #sellmember_reduction_input table tbody tr td, #sellmember_collective_setting table tbody tr td, #sellmember_info_setting table tbody tr td, #sellmember_info_setting_edit table tbody tr td { vertical-align: middle; width: 85%; } #sellmember_purchase_privilege_input table tbody tr td .table-sp, #sellmember_reduction_input table tbody tr td .table-sp, #sellmember_collective_setting table tbody tr td .table-sp, #sellmember_info_setting table tbody tr td .table-sp, #sellmember_info_setting_edit table tbody tr td .table-sp { display: none; } #sellmember_purchase_privilege_input table tbody tr td div, #sellmember_reduction_input table tbody tr td div, #sellmember_collective_setting table tbody tr td div, #sellmember_info_setting table tbody tr td div, #sellmember_info_setting_edit table tbody tr td div { padding: 5px; } #sellmember_purchase_privilege_input table tbody tr td .input::before, #sellmember_reduction_input table tbody tr td .input::before, #sellmember_collective_setting table tbody tr td .input::before, #sellmember_info_setting table tbody tr td .input::before, #sellmember_info_setting_edit table tbody tr td .input::before { display: inline-block; content: ""; width: 12px; height: 12px; border: 1px solid #949494; border-radius: 50%; background-color: #fff; margin: 0 5px 0 0; } #sellmember_purchase_privilege_input table tbody tr td .input:checked::before, #sellmember_reduction_input table tbody tr td .input:checked::before, #sellmember_collective_setting table tbody tr td .input:checked::before, #sellmember_info_setting table tbody tr td .input:checked::before, #sellmember_info_setting_edit table tbody tr td .input:checked::before { display: inline-block; content: ""; width: 12px; height: 12px; border: 1px solid #949494; border-radius: 50%; margin: 0 5px 0 0; background-color: #a52a2a; } #sellmember_purchase_privilege_input table tbody tr .table-flex, #sellmember_reduction_input table tbody tr .table-flex, #sellmember_collective_setting table tbody tr .table-flex, #sellmember_info_setting table tbody tr .table-flex, #sellmember_info_setting_edit table tbody tr .table-flex { display: flex; justify-content: center; width: 100%; border: none; border-right: 1px solid #949494; } @media (max-width: 465px) { #sellmember_purchase_privilege_input table tbody tr .table-flex, #sellmember_reduction_input table tbody tr .table-flex, #sellmember_collective_setting table tbody tr .table-flex, #sellmember_info_setting table tbody tr .table-flex, #sellmember_info_setting_edit table tbody tr .table-flex { display: flex; flex-direction: column; } } #sellmember_purchase_privilege_input table tbody tr .table-flex2, #sellmember_reduction_input table tbody tr .table-flex2, #sellmember_collective_setting table tbody tr .table-flex2, #sellmember_info_setting table tbody tr .table-flex2, #sellmember_info_setting_edit table tbody tr .table-flex2 { border-top: 1px solid #949494; } #sellmember_purchase_privilege_input .distribution-none, #sellmember_reduction_input .distribution-none, #sellmember_collective_setting .distribution-none, #sellmember_info_setting .distribution-none, #sellmember_info_setting_edit .distribution-none { display: none; } #sellmember_purchase_privilege_input button, #sellmember_reduction_input button, #sellmember_collective_setting button, #sellmember_info_setting button, #sellmember_info_setting_edit button { display: block; text-align: center; width: 150px; margin: 20px auto 60px auto; font-weight: bold; color: #1A1A1A; font-size: 14px; padding: 5px; background-color: #FFB100; border: 2px solid #FFB100; border-radius: 10px; box-shadow: 0 5px 0 0 #D2881A; } #sellmember_purchase_privilege_input button a, #sellmember_reduction_input button a, #sellmember_collective_setting button a, #sellmember_info_setting button a, #sellmember_info_setting_edit button a { color: #1A1A1A; } #sellmember_purchase_privilege_input button .br-sp, #sellmember_reduction_input button .br-sp, #sellmember_collective_setting button .br-sp, #sellmember_info_setting button .br-sp, #sellmember_info_setting_edit button .br-sp { display: none; } #sellmember_purchase_privilege_input button:hover, #sellmember_reduction_input button:hover, #sellmember_collective_setting button:hover, #sellmember_info_setting button:hover, #sellmember_info_setting_edit button:hover { background-color: rgba(255, 177, 0, 0.3137254902); } #sellmember_purchase_privilege_input button:active, #sellmember_reduction_input button:active, #sellmember_collective_setting button:active, #sellmember_info_setting button:active, #sellmember_info_setting_edit button:active { box-shadow: none; transform: translateY(5px); } #sellmember_purchase_privilege_input .table-info tr th, #sellmember_reduction_input .table-info tr th, #sellmember_collective_setting .table-info tr th, #sellmember_info_setting .table-info tr th, #sellmember_info_setting_edit .table-info tr th { width: 40%; } #sellmember_purchase_privilege_input .table-info tr td button, #sellmember_reduction_input .table-info tr td button, #sellmember_collective_setting .table-info tr td button, #sellmember_info_setting .table-info tr td button, #sellmember_info_setting_edit .table-info tr td button { width: 60px; margin: 0 auto; } #sellmember_purchase_privilege_input .table-info tr td input::before, #sellmember_reduction_input .table-info tr td input::before, #sellmember_collective_setting .table-info tr td input::before, #sellmember_info_setting .table-info tr td input::before, #sellmember_info_setting_edit .table-info tr td input::before { content: none; } #sellmember_purchase_privilege_input .table-info tr td .display-input::before, #sellmember_reduction_input .table-info tr td .display-input::before, #sellmember_collective_setting .table-info tr td .display-input::before, #sellmember_info_setting .table-info tr td .display-input::before, #sellmember_info_setting_edit .table-info tr td .display-input::before { display: inline-block; content: ""; width: 12px; height: 12px; border: 1px solid #949494; border-radius: 50%; background-color: #fff; margin: 0 5px 0 0; } #sellmember_purchase_privilege_input .table-info tr td .display-input:checked::before, #sellmember_reduction_input .table-info tr td .display-input:checked::before, #sellmember_collective_setting .table-info tr td .display-input:checked::before, #sellmember_info_setting .table-info tr td .display-input:checked::before, #sellmember_info_setting_edit .table-info tr td .display-input:checked::before { display: inline-block; content: ""; width: 12px; height: 12px; border: 1px solid #949494; border-radius: 50%; margin: 0 5px 0 0; background-color: #a52a2a; } #sellmember_purchase_privilege_input .table-info .blank, #sellmember_reduction_input .table-info .blank, #sellmember_collective_setting .table-info .blank, #sellmember_info_setting .table-info .blank, #sellmember_info_setting_edit .table-info .blank { height: 20px; } /*=====販売会員・無料サンプル=====*/ /*=====アフィ会員からの申請状況=====*/ /*=====アフィ会員への直接提供=====*/ /*=====会員情報変更=====*/ #sellmember_free_sample h2, #sellmember_free_sample_direct h2, #sellmember_provide_samples h2, #sellmember_info_change h2, #affimember_free_sample h2 { background-color: #56CCC0; color: #fff; } #sellmember_free_sample h3, #sellmember_free_sample_direct h3, #sellmember_provide_samples h3, #sellmember_info_change h3, #affimember_free_sample h3 { border-bottom: 3px solid #56CCC0; } #sellmember_free_sample a, #sellmember_free_sample_direct a, #sellmember_provide_samples a, #sellmember_info_change a, #affimember_free_sample a { color: #1d1dd1; } #sellmember_free_sample .bold, #sellmember_free_sample_direct .bold, #sellmember_provide_samples .bold, #sellmember_info_change .bold, #affimember_free_sample .bold { font-weight: bold; } #sellmember_free_sample input[placeholder], #sellmember_free_sample textarea[placeholder], #sellmember_free_sample_direct input[placeholder], #sellmember_free_sample_direct textarea[placeholder], #sellmember_provide_samples input[placeholder], #sellmember_provide_samples textarea[placeholder], #sellmember_info_change input[placeholder], #sellmember_info_change textarea[placeholder], #affimember_free_sample input[placeholder], #affimember_free_sample textarea[placeholder] { color: #1a1a1a; border: 1px solid #949494; padding: 3px 1.5px; } #sellmember_free_sample .info-change-text, #sellmember_free_sample_direct .info-change-text, #sellmember_provide_samples .info-change-text, #sellmember_info_change .info-change-text, #affimember_free_sample .info-change-text { font-size: 0.7rem; text-align: left; margin: 10px 0 0 20px; } #sellmember_free_sample table, #sellmember_free_sample_direct table, #sellmember_provide_samples table, #sellmember_info_change table, #affimember_free_sample table { margin: 20px 0 30px 0; width: 100%; } #sellmember_free_sample table tbody tr, #sellmember_free_sample_direct table tbody tr, #sellmember_provide_samples table tbody tr, #sellmember_info_change table tbody tr, #affimember_free_sample table tbody tr { text-align: center; width: 100%; } #sellmember_free_sample table tbody tr th, #sellmember_free_sample table tbody tr td, #sellmember_free_sample_direct table tbody tr th, #sellmember_free_sample_direct table tbody tr td, #sellmember_provide_samples table tbody tr th, #sellmember_provide_samples table tbody tr td, #sellmember_info_change table tbody tr th, #sellmember_info_change table tbody tr td, #affimember_free_sample table tbody tr th, #affimember_free_sample table tbody tr td { border: 1px solid #949494; padding: 10px; } #sellmember_free_sample table tbody tr th, #sellmember_free_sample_direct table tbody tr th, #sellmember_provide_samples table tbody tr th, #sellmember_info_change table tbody tr th, #affimember_free_sample table tbody tr th { font-weight: bold; text-align: center; background-color: #e7e7e7; vertical-align: middle; width: 50%; } #sellmember_free_sample table tbody tr th .br-sp, #sellmember_free_sample_direct table tbody tr th .br-sp, #sellmember_provide_samples table tbody tr th .br-sp, #sellmember_info_change table tbody tr th .br-sp, #affimember_free_sample table tbody tr th .br-sp { display: none; } #sellmember_free_sample table tbody tr td, #sellmember_free_sample_direct table tbody tr td, #sellmember_provide_samples table tbody tr td, #sellmember_info_change table tbody tr td, #affimember_free_sample table tbody tr td { vertical-align: middle; width: 100%; } #sellmember_free_sample table tbody tr td div, #sellmember_free_sample_direct table tbody tr td div, #sellmember_provide_samples table tbody tr td div, #sellmember_info_change table tbody tr td div, #affimember_free_sample table tbody tr td div { padding: 5px; } #sellmember_free_sample table tbody tr td input[type=radio]::before, #sellmember_free_sample table tbody tr td input[type=checkbox]::before, #sellmember_free_sample_direct table tbody tr td input[type=radio]::before, #sellmember_free_sample_direct table tbody tr td input[type=checkbox]::before, #sellmember_provide_samples table tbody tr td input[type=radio]::before, #sellmember_provide_samples table tbody tr td input[type=checkbox]::before, #sellmember_info_change table tbody tr td input[type=radio]::before, #sellmember_info_change table tbody tr td input[type=checkbox]::before, #affimember_free_sample table tbody tr td input[type=radio]::before, #affimember_free_sample table tbody tr td input[type=checkbox]::before { display: inline-block; content: ""; width: 12px; height: 12px; border: 1px solid #949494; border-radius: 50%; background-color: #fff; margin: 0 5px 0 0; } #sellmember_free_sample table tbody tr td input:checked::before, #sellmember_free_sample_direct table tbody tr td input:checked::before, #sellmember_provide_samples table tbody tr td input:checked::before, #sellmember_info_change table tbody tr td input:checked::before, #affimember_free_sample table tbody tr td input:checked::before { display: inline-block; content: ""; width: 12px; height: 12px; border: 1px solid #949494; border-radius: 50%; margin: 0 5px 0 0; background-color: #a52a2a; } #sellmember_free_sample .table-sp, #sellmember_free_sample_direct .table-sp, #sellmember_provide_samples .table-sp, #sellmember_info_change .table-sp, #affimember_free_sample .table-sp { display: none; } #sellmember_free_sample #table2 tbody tr td button, #sellmember_free_sample_direct #table2 tbody tr td button, #sellmember_provide_samples #table2 tbody tr td button, #sellmember_info_change #table2 tbody tr td button, #affimember_free_sample #table2 tbody tr td button { width: -moz-fit-content; width: fit-content; padding: 5px 10px; } #sellmember_free_sample .required::before, #sellmember_free_sample_direct .required::before, #sellmember_provide_samples .required::before, #sellmember_info_change .required::before, #affimember_free_sample .required::before { content: "※"; color: #a52a2a; } #sellmember_free_sample button, #sellmember_free_sample_direct button, #sellmember_provide_samples button, #sellmember_info_change button, #affimember_free_sample button { display: block; text-align: center; width: 150px; margin: 5px auto; font-weight: bold; color: #1A1A1A; font-size: 14px; padding: 5px; background-color: #FFB100; border: 2px solid #FFB100; border-radius: 10px; box-shadow: 0 5px 0 0 #D2881A; } #sellmember_free_sample button a, #sellmember_free_sample_direct button a, #sellmember_provide_samples button a, #sellmember_info_change button a, #affimember_free_sample button a { color: #1A1A1A; } #sellmember_free_sample button .br-sp, #sellmember_free_sample_direct button .br-sp, #sellmember_provide_samples button .br-sp, #sellmember_info_change button .br-sp, #affimember_free_sample button .br-sp { display: none; } #sellmember_free_sample button:hover, #sellmember_free_sample_direct button:hover, #sellmember_provide_samples button:hover, #sellmember_info_change button:hover, #affimember_free_sample button:hover { background-color: rgba(255, 177, 0, 0.3137254902); } #sellmember_free_sample button:active, #sellmember_free_sample_direct button:active, #sellmember_provide_samples button:active, #sellmember_info_change button:active, #affimember_free_sample button:active { box-shadow: none; transform: translateY(5px); } #affimember_info_change h2 { background-color: #FFB100; color: #1a1a1a; } #affimember_info_change h3 { border-bottom: 3px solid #FFB100; } #affimember_info_change a { color: #1d1dd1; } #affimember_info_change .bold { font-weight: bold; } #affimember_info_change input[placeholder], #affimember_info_change textarea[placeholder] { color: #1a1a1a; border: 1px solid #949494; padding: 3px 1.5px; } #affimember_info_change .info-change-text { font-size: 0.7rem; text-align: left; margin: 10px 0 0 20px; } #affimember_info_change .affi-newsscroll { overflow: scroll; height: 300px; } #affimember_info_change .affi-newsscroll .affi-newsbox { width: 100%; display: flex; flex-wrap: wrap; align-items: center; background-color: #e7e7e7; padding: 20px; margin-bottom: 20px; } #affimember_info_change .affi-newsscroll .affi-newsbox p { margin-bottom: 10px; } #affimember_info_change .affi-newsscroll .affi-newsbox .affi-news-name { width: 10%; color: #1d1dd1; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media screen and (max-width: 768px) { #affimember_info_change .affi-newsscroll .affi-newsbox .affi-news-name { width: 100%; } } #affimember_info_change .affi-newsscroll .affi-newsbox .affi-news-ttl { width: 20%; color: #FF0013; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media screen and (max-width: 768px) { #affimember_info_change .affi-newsscroll .affi-newsbox .affi-news-ttl { width: 100%; } } #affimember_info_change .affi-newsscroll .affi-newsbox .affi-news-date { width: 20%; } @media screen and (max-width: 768px) { #affimember_info_change .affi-newsscroll .affi-newsbox .affi-news-date { width: 100%; } } #affimember_info_change .affi-newsscroll .affi-newsbox .affi-news-txt { width: 100%; } #affimember_info_change table { margin: 20px 0 30px 0; width: 100%; } #affimember_info_change table tbody tr { text-align: center; width: 100%; } #affimember_info_change table tbody tr th, #affimember_info_change table tbody tr td { border: 1px solid #949494; padding: 10px; } #affimember_info_change table tbody tr th { font-weight: bold; text-align: center; background-color: #e7e7e7; vertical-align: middle; width: 50%; } #affimember_info_change table tbody tr th .br-sp { display: none; } #affimember_info_change table tbody tr td { vertical-align: middle; width: 100%; } #affimember_info_change table tbody tr td div { padding: 5px; } #affimember_info_change table tbody tr td input[type=radio]::before, #affimember_info_change table tbody tr td input[type=checkbox]::before { display: inline-block; content: ""; width: 12px; height: 12px; border: 1px solid #949494; border-radius: 50%; background-color: #fff; margin: 0 5px 0 0; } #affimember_info_change table tbody tr td input:checked::before { display: inline-block; content: ""; width: 12px; height: 12px; border: 1px solid #949494; border-radius: 50%; margin: 0 5px 0 0; background-color: #a52a2a; } #affimember_info_change .affi-login th { width: 30%; } #affimember_info_change .table-sp { display: none; } #affimember_info_change .required::before { content: "※"; color: #a52a2a; } #affimember_info_change button { display: block; text-align: center; width: 150px; margin: 5px auto; font-weight: bold; color: #1A1A1A; font-size: 14px; padding: 5px; background-color: #FFB100; border: 2px solid #FFB100; border-radius: 10px; box-shadow: 0 5px 0 0 #D2881A; } #affimember_info_change button a { color: #1A1A1A; } #affimember_info_change button .br-sp { display: none; } #affimember_info_change button:hover { background-color: rgba(255, 177, 0, 0.3137254902); } #affimember_info_change button:active { box-shadow: none; transform: translateY(5px); } #affimember_info_change .faq-div > a { color: #000; } #sellmember_free_sample_direct p, #sellmember_provide_samples p, #affimember_free_sample p { margin: 5px; } .free_sample-none { margin: 20px!important; padding: 10px; background-color: #949494; color: #FFf; width: fit-content; } #sellmember_free_sample_direct button, #sellmember_provide_samples button, #affimember_free_sample button { margin: 30px auto; width: 200px; } #sellmember_free_sample_direct table, #sellmember_provide_samples table, #affimember_free_sample table { width: 100%; } #sellmember_free_sample_direct table tbody tr th, #sellmember_provide_samples table tbody tr th, #affimember_free_sample table tbody tr th { width: 20%; } #sellmember_free_sample_direct table tbody tr td, #sellmember_provide_samples table tbody tr td, #affimember_free_sample table tbody tr td { width: 20%; } #sellmember_free_sample_direct table tbody tr th:nth-child(1), #sellmember_free_sample_direct table tbody tr td:nth-child(1), #sellmember_provide_samples table tbody tr th:nth-child(1), #sellmember_provide_samples table tbody tr td:nth-child(1), #affimember_free_sample table tbody tr th:nth-child(1), #affimember_free_sample table tbody tr td:nth-child(1) { width: 40%; } #sellmember_free_sample_direct table tbody tr .name::after, #sellmember_provide_samples table tbody tr .name::after, #affimember_free_sample table tbody tr .name::after { content: "さん"; color: #1d1dd1; margin: 0 0 0 10px; font-size: 0.7rem; } #sellmember_free_sample_direct .table-sp th, #sellmember_free_sample_direct .table-sp td, #sellmember_provide_samples .table-sp th, #sellmember_provide_samples .table-sp td, #affimember_free_sample .table-sp th, #affimember_free_sample .table-sp td { display: none; } #sellmember_free_sample button, #affimember_free_sample button { width: -moz-fit-content; width: fit-content; } #sellmember_free_sample .margin-left, #affimember_free_sample .margin-left { margin: 10px auto 5px 0; } @media screen and (max-width: 768px) { #sellmember_free_sample #table2 tbody tr, #affimember_free_sample #table2 tbody tr { display: block; margin-bottom: 30px; } } #sellmember_free_sample #table2 tbody tr .table2-th1, #affimember_free_sample #table2 tbody tr .table2-th1 { width: 40%; } #sellmember_free_sample #table2 tbody tr th, #affimember_free_sample #table2 tbody tr th { width: 10%; } #sellmember_free_sample #table2 tbody tr td, #affimember_free_sample #table2 tbody tr td { width: 10%; } @media screen and (max-width: 768px) { #sellmember_free_sample #table2 tbody tr .table2-th1, #sellmember_free_sample #table2 tbody tr .table2-th2, #sellmember_free_sample #table2 tbody tr .table2-th3, #sellmember_free_sample #table2 tbody tr .table2-th4, #affimember_free_sample #table2 tbody tr .table2-th1, #affimember_free_sample #table2 tbody tr .table2-th2, #affimember_free_sample #table2 tbody tr .table2-th3, #affimember_free_sample #table2 tbody tr .table2-th4 { display: none; } #sellmember_free_sample #table2 tbody tr th, #affimember_free_sample #table2 tbody tr th { width: 100%; display: block; } #sellmember_free_sample #table2 tbody tr td, #affimember_free_sample #table2 tbody tr td { width: 100%; display: block; } } #sellmember_free_sample #table2 tbody tr .th-sp, #affimember_free_sample #table2 tbody tr .th-sp { display: none; } @media screen and (max-width: 768px) { #sellmember_free_sample #table2 tbody tr .th-sp, #affimember_free_sample #table2 tbody tr .th-sp { display: block; } } #sellmember_free_sample #table2 tbody .blank, #affimember_free_sample #table2 tbody .blank { width: 100%; height: 20px; } #affimember_free_sample h2 { background-color: #FFB100; color: #1a1a1a; } #affimember_free_sample h3 { border-bottom: 3px solid #FFB100; } #sellmember_provide_samples p { margin: 5px; } #sellmember_provide_samples button { margin: 30px auto; width: 200px; } #sellmember_provide_samples table { width: 100%; } #sellmember_provide_samples table tbody tr th { width: 10%; } #sellmember_provide_samples table tbody tr td { width: 10%; } #sellmember_provide_samples table tbody tr th:nth-child(1), #sellmember_provide_samples table tbody tr td:nth-child(1) { width: 40%; } #sellmember_provide_samples .table-sp th, #sellmember_provide_samples .table-sp td { display: none; } #sellmember_info_change { padding-bottom: 60px; } #sellmember_info_change input[type=email], #sellmember_info_change input[type=text] { border: 1px solid #949494; padding: 5px; text-align: left; } #sellmember_info_change table { width: 100%; } #sellmember_info_change table tbody tr th { width: 20%!important; } @media screen and (max-width: 825px) { #sellmember_info_change table tbody tr th { width: 100%!important; } } #sellmember_info_change table tbody tr td { width: 45%; text-align: left; } @media screen and (max-width: 825px) { #sellmember_info_change table tbody tr td { text-align: center; } } #sellmember_info_change table tbody tr td textarea { border-left: 1px dotted #949494; border-right: 1px dotted #949494; padding: 5px 20px; width: 80%; text-align: left; } #sellmember_info_change table tbody tr th:nth-child(1), #sellmember_info_change table tbody tr td:nth-child(1) { width: 45%; } #sellmember_info_change .table-sp { width: 100%; } #sellmember_info_change .table-sp th, #sellmember_info_change .table-sp td { display: none; } /*=====販売会員・ハニポイント還元設定=====*/ #sellmember_reduction h2 { background-color: #56CCC0; color: #fff; } #sellmember_reduction a { color: #1d1dd1; } #sellmember_reduction .bold { font-weight: bold; } #sellmember_reduction input[placeholder], #sellmember_reduction textarea[placeholder] { color: #1a1a1a; border: 1px solid #949494; padding: 3px 1.5px; } #sellmember_reduction table { margin: 0 0 30px 0; width: 100%; } #sellmember_reduction table tbody tr { text-align: center; } #sellmember_reduction table tbody tr th, #sellmember_reduction table tbody tr td { border: 1px solid #949494; padding: 10px; } #sellmember_reduction table tbody tr th { font-weight: bold; text-align: center; background-color: #e7e7e7; vertical-align: middle; } #sellmember_reduction table tbody tr td { vertical-align: middle; } #sellmember_reduction table tbody tr td .table-sp { display: none; } #sellmember_reduction table tbody tr td div { padding: 5px; } #sellmember_reduction table tbody tr td td:nth-child(5) { width: 110px; } #sellmember_reduction button a { display: block; text-align: center; width: 60px; margin: 5px auto; font-weight: bold; color: #1A1A1A; font-size: 14px; padding: 5px; background-color: #FFB100; border: 2px solid #FFB100; border-radius: 10px; box-shadow: 0 5px 0 0 #D2881A; } #sellmember_reduction button a { color: #1A1A1A; } #sellmember_reduction button a:hover { background-color: rgba(255, 177, 0, 0.3137254902); } #sellmember_reduction button a:active { box-shadow: none; transform: translateY(5px); } #sellmember_reduction .table-pc { margin: 30px 0; } #sellmember_reduction .table-sp th, #sellmember_reduction .table-sp td { display: none; } /*=====販売会員・お支払い状況=====*/ /*=====アフィ会員・お支払い状況=====*/ #sellmember_payment_status h2, #affimember_payment_status h2, #affimember_click h2, #affimember_click2 h2, #affimember_earnings h2, #affimember_toplink h2, #affimember_pagelink h2, #affimember_blogparts h2, #affimember_app_for_management h2, #affimember_app_for_management_ng h2, #affimember_alignment h2, #sellmember_earnings h2, #affimember h2, #affimember_performer h2, #for_sale h2 { background-color: #56CCC0; color: #fff; } #sellmember_payment_status h3, #affimember_payment_status h3, #affimember_click h3, #affimember_click2 h3, #affimember_earnings h3, #affimember_toplink h3, #affimember_pagelink h3, #affimember_blogparts h3, #affimember_app_for_management h3, #affimember_app_for_management_ng h3, #affimember_alignment h3, #sellmember_earnings h3, #affimember h3, #affimember_performer h3, #for_sale h3 { border-bottom: 3px solid #56CCC0; } #sellmember_payment_status a, #affimember_payment_status a, #affimember_click a, #affimember_click2 a, #affimember_earnings a, #affimember_toplink a, #affimember_pagelink a, #affimember_blogparts a, #affimember_app_for_management a, #affimember_app_for_management_ng a, #affimember_alignment a, #sellmember_earnings a, #affimember a, #affimember_performer a, #for_sale a { color: #1d1dd1; } #sellmember_payment_status .bold, #affimember_payment_status .bold, #affimember_click .bold, #affimember_click2 .bold, #affimember_earnings .bold, #affimember_toplink .bold, #affimember_pagelink .bold, #affimember_blogparts .bold, #affimember_app_for_management .bold, #affimember_app_for_management_ng .bold, #affimember_alignment .bold, #sellmember_earnings .bold, #affimember .bold, #affimember_performer .bold, #for_sale .bold { font-weight: bold; } #sellmember_payment_status input[placeholder], #sellmember_payment_status textarea[placeholder], #affimember_payment_status input[placeholder], #affimember_payment_status textarea[placeholder], #affimember_click input[placeholder], #affimember_click textarea[placeholder], #affimember_click2 input[placeholder], #affimember_click2 textarea[placeholder], #affimember_earnings input[placeholder], #affimember_earnings textarea[placeholder], #affimember_toplink input[placeholder], #affimember_toplink textarea[placeholder], #affimember_pagelink input[placeholder], #affimember_pagelink textarea[placeholder], #affimember_blogparts input[placeholder], #affimember_blogparts textarea[placeholder], #affimember_app_for_management input[placeholder], #affimember_app_for_management textarea[placeholder], #affimember_app_for_management_ng input[placeholder], #affimember_app_for_management_ng textarea[placeholder], #affimember_alignment input[placeholder], #affimember_alignment textarea[placeholder], #sellmember_earnings input[placeholder], #sellmember_earnings textarea[placeholder], #affimember input[placeholder], #affimember textarea[placeholder], #affimember_performer input[placeholder], #affimember_performer textarea[placeholder], #for_sale input[placeholder], #for_sale textarea[placeholder] { color: #1a1a1a; border: 1px solid #949494; padding: 3px 1.5px; } #sellmember_payment_status p, #affimember_payment_status p, #affimember_click p, #affimember_click2 p, #affimember_earnings p, #affimember_toplink p, #affimember_pagelink p, #affimember_blogparts p, #affimember_app_for_management p, #affimember_app_for_management_ng p, #affimember_alignment p, #sellmember_earnings p, #affimember p, #affimember_performer p, #for_sale p { margin-left: 20px; } #sellmember_payment_status input[type=url], #affimember_payment_status input[type=url], #affimember_click input[type=url], #affimember_click2 input[type=url], #affimember_earnings input[type=url], #affimember_toplink input[type=url], #affimember_pagelink input[type=url], #affimember_blogparts input[type=url], #affimember_app_for_management input[type=url], #affimember_app_for_management_ng input[type=url], #affimember_alignment input[type=url], #sellmember_earnings input[type=url], #affimember input[type=url], #affimember_performer input[type=url], #for_sale input[type=url] { border: 1px solid #949494; padding: 5px; width: 100%; } #sellmember_payment_status button, #affimember_payment_status button, #affimember_click button, #affimember_click2 button, #affimember_earnings button, #affimember_toplink button, #affimember_pagelink button, #affimember_blogparts button, #affimember_app_for_management button, #affimember_app_for_management_ng button, #affimember_alignment button, #sellmember_earnings button, #affimember button, #affimember_performer button, #for_sale button { display: block; text-align: center; width: 150px; margin: 20px auto 40px auto; font-weight: bold; color: #1A1A1A; font-size: 14px; padding: 10px; background-color: #FFB100; border: 2px solid #FFB100; border-radius: 10px; box-shadow: 0 5px 0 0 #D2881A; } #sellmember_payment_status button:hover, #affimember_payment_status button:hover, #affimember_click button:hover, #affimember_click2 button:hover, #affimember_earnings button:hover, #affimember_toplink button:hover, #affimember_pagelink button:hover, #affimember_blogparts button:hover, #affimember_app_for_management button:hover, #affimember_app_for_management_ng button:hover, #affimember_alignment button:hover, #sellmember_earnings button:hover, #affimember button:hover, #affimember_performer button:hover, #for_sale button:hover { background-color: rgba(255, 177, 0, 0.3137254902); } #sellmember_payment_status button:active, #affimember_payment_status button:active, #affimember_click button:active, #affimember_click2 button:active, #affimember_earnings button:active, #affimember_toplink button:active, #affimember_pagelink button:active, #affimember_blogparts button:active, #affimember_app_for_management button:active, #affimember_app_for_management_ng button:active, #affimember_alignment button:active, #sellmember_earnings button:active, #affimember button:active, #affimember_performer button:active, #for_sale button:active { box-shadow: none; transform: translateY(5px); } #sellmember_payment_status table, #affimember_payment_status table, #affimember_click table, #affimember_click2 table, #affimember_earnings table, #affimember_toplink table, #affimember_pagelink table, #affimember_blogparts table, #affimember_app_for_management table, #affimember_app_for_management_ng table, #affimember_alignment table, #sellmember_earnings table, #affimember table, #affimember_performer table, #for_sale table { width: 100%; vertical-align: middle; margin: 10px 0 30px 0; } #sellmember_payment_status table tr th, #sellmember_payment_status table tr td, #affimember_payment_status table tr th, #affimember_payment_status table tr td, #affimember_click table tr th, #affimember_click table tr td, #affimember_click2 table tr th, #affimember_click2 table tr td, #affimember_earnings table tr th, #affimember_earnings table tr td, #affimember_toplink table tr th, #affimember_toplink table tr td, #affimember_pagelink table tr th, #affimember_pagelink table tr td, #affimember_blogparts table tr th, #affimember_blogparts table tr td, #affimember_app_for_management table tr th, #affimember_app_for_management table tr td, #affimember_app_for_management_ng table tr th, #affimember_app_for_management_ng table tr td, #affimember_alignment table tr th, #affimember_alignment table tr td, #sellmember_earnings table tr th, #sellmember_earnings table tr td, #affimember table tr th, #affimember table tr td, #affimember_performer table tr th, #affimember_performer table tr td, #for_sale table tr th, #for_sale table tr td { border: 1px solid #949494; vertical-align: middle; padding: 10px; } #sellmember_payment_status table tr th, #affimember_payment_status table tr th, #affimember_click table tr th, #affimember_click2 table tr th, #affimember_earnings table tr th, #affimember_toplink table tr th, #affimember_pagelink table tr th, #affimember_blogparts table tr th, #affimember_app_for_management table tr th, #affimember_app_for_management_ng table tr th, #affimember_alignment table tr th, #sellmember_earnings table tr th, #affimember table tr th, #affimember_performer table tr th, #for_sale table tr th { background-color: #e7e7e7; text-align: center; } #sellmember_payment_status table tr td, #affimember_payment_status table tr td, #affimember_click table tr td, #affimember_click2 table tr td, #affimember_earnings table tr td, #affimember_toplink table tr td, #affimember_pagelink table tr td, #affimember_blogparts table tr td, #affimember_app_for_management table tr td, #affimember_app_for_management_ng table tr td, #affimember_alignment table tr td, #sellmember_earnings table tr td, #affimember table tr td, #affimember_performer table tr td, #for_sale table tr td { text-align: center; } #sellmember_payment_status table tr td .br-sp, #affimember_payment_status table tr td .br-sp, #affimember_click table tr td .br-sp, #affimember_click2 table tr td .br-sp, #affimember_earnings table tr td .br-sp, #affimember_toplink table tr td .br-sp, #affimember_pagelink table tr td .br-sp, #affimember_blogparts table tr td .br-sp, #affimember_app_for_management table tr td .br-sp, #affimember_app_for_management_ng table tr td .br-sp, #affimember_alignment table tr td .br-sp, #sellmember_earnings table tr td .br-sp, #affimember table tr td .br-sp, #affimember_performer table tr td .br-sp, #for_sale table tr td .br-sp { display: none; } #sellmember_payment_status table tr .blogparts-flex, #affimember_payment_status table tr .blogparts-flex, #affimember_click table tr .blogparts-flex, #affimember_click2 table tr .blogparts-flex, #affimember_earnings table tr .blogparts-flex, #affimember_toplink table tr .blogparts-flex, #affimember_pagelink table tr .blogparts-flex, #affimember_blogparts table tr .blogparts-flex, #affimember_app_for_management table tr .blogparts-flex, #affimember_app_for_management_ng table tr .blogparts-flex, #affimember_alignment table tr .blogparts-flex, #sellmember_earnings table tr .blogparts-flex, #affimember table tr .blogparts-flex, #affimember_performer table tr .blogparts-flex, #for_sale table tr .blogparts-flex { display: flex; justify-content: center; align-items: center; border: none; border-right: 1px solid #949494; margin-right: -1px; } #sellmember_payment_status .table-sp, #affimember_payment_status .table-sp, #affimember_click .table-sp, #affimember_click2 .table-sp, #affimember_earnings .table-sp, #affimember_toplink .table-sp, #affimember_pagelink .table-sp, #affimember_blogparts .table-sp, #affimember_app_for_management .table-sp, #affimember_app_for_management_ng .table-sp, #affimember_alignment .table-sp, #sellmember_earnings .table-sp, #affimember .table-sp, #affimember_performer .table-sp, #for_sale .table-sp { display: none; } #sellmember_payment_status .blank, #affimember_payment_status .blank, #affimember_click .blank, #affimember_click2 .blank, #affimember_earnings .blank, #affimember_toplink .blank, #affimember_pagelink .blank, #affimember_blogparts .blank, #affimember_app_for_management .blank, #affimember_app_for_management_ng .blank, #affimember_alignment .blank, #sellmember_earnings .blank, #affimember .blank, #affimember_performer .blank, #for_sale .blank { height: 30px; display: none; } #sellmember_payment_status .total_sales, #affimember_payment_status .total_sales, #affimember_click .total_sales, #affimember_click2 .total_sales, #affimember_earnings .total_sales, #affimember_toplink .total_sales, #affimember_pagelink .total_sales, #affimember_blogparts .total_sales, #affimember_app_for_management .total_sales, #affimember_app_for_management_ng .total_sales, #affimember_alignment .total_sales, #sellmember_earnings .total_sales, #affimember .total_sales, #affimember_performer .total_sales, #for_sale .total_sales { border: 2px solid #949494; padding: 10px; margin: 10px 0 10px auto; width: -moz-fit-content; width: fit-content; } #sellmember_payment_status .total_sales ul, #affimember_payment_status .total_sales ul, #affimember_click .total_sales ul, #affimember_click2 .total_sales ul, #affimember_earnings .total_sales ul, #affimember_toplink .total_sales ul, #affimember_pagelink .total_sales ul, #affimember_blogparts .total_sales ul, #affimember_app_for_management .total_sales ul, #affimember_app_for_management_ng .total_sales ul, #affimember_alignment .total_sales ul, #sellmember_earnings .total_sales ul, #affimember .total_sales ul, #affimember_performer .total_sales ul, #for_sale .total_sales ul { display: flex; flex-wrap: wrap; text-align: center; } #sellmember_payment_status .total_sales ul li, #affimember_payment_status .total_sales ul li, #affimember_click .total_sales ul li, #affimember_click2 .total_sales ul li, #affimember_earnings .total_sales ul li, #affimember_toplink .total_sales ul li, #affimember_pagelink .total_sales ul li, #affimember_blogparts .total_sales ul li, #affimember_app_for_management .total_sales ul li, #affimember_app_for_management_ng .total_sales ul li, #affimember_alignment .total_sales ul li, #sellmember_earnings .total_sales ul li, #affimember .total_sales ul li, #affimember_performer .total_sales ul li, #for_sale .total_sales ul li { width: 70%; } #sellmember_payment_status .total_sales ul li:nth-child(1), #sellmember_payment_status .total_sales ul li:nth-child(3), #affimember_payment_status .total_sales ul li:nth-child(1), #affimember_payment_status .total_sales ul li:nth-child(3), #affimember_click .total_sales ul li:nth-child(1), #affimember_click .total_sales ul li:nth-child(3), #affimember_click2 .total_sales ul li:nth-child(1), #affimember_click2 .total_sales ul li:nth-child(3), #affimember_earnings .total_sales ul li:nth-child(1), #affimember_earnings .total_sales ul li:nth-child(3), #affimember_toplink .total_sales ul li:nth-child(1), #affimember_toplink .total_sales ul li:nth-child(3), #affimember_pagelink .total_sales ul li:nth-child(1), #affimember_pagelink .total_sales ul li:nth-child(3), #affimember_blogparts .total_sales ul li:nth-child(1), #affimember_blogparts .total_sales ul li:nth-child(3), #affimember_app_for_management .total_sales ul li:nth-child(1), #affimember_app_for_management .total_sales ul li:nth-child(3), #affimember_app_for_management_ng .total_sales ul li:nth-child(1), #affimember_app_for_management_ng .total_sales ul li:nth-child(3), #affimember_alignment .total_sales ul li:nth-child(1), #affimember_alignment .total_sales ul li:nth-child(3), #sellmember_earnings .total_sales ul li:nth-child(1), #sellmember_earnings .total_sales ul li:nth-child(3), #affimember .total_sales ul li:nth-child(1), #affimember .total_sales ul li:nth-child(3), #affimember_performer .total_sales ul li:nth-child(1), #affimember_performer .total_sales ul li:nth-child(3), #for_sale .total_sales ul li:nth-child(1), #for_sale .total_sales ul li:nth-child(3) { width: 30%; text-align: left; } #affimember_performer { margin-bottom: 6rem; } #affimember_performer .performer-name-p { border-left: 1px solid #1A1A1A; border-right: 1px solid #1A1A1A; border-top: 1px solid #1A1A1A; padding-left: 1rem; margin-left: 0; padding-top: 1rem; } #affimember_performer .performer-name { padding: 1rem 0 0.5rem 1rem; border-left: 1px solid #1A1A1A; border-right: 1px solid #1A1A1A; } #affimember_performer .performer-name input { margin-right: 0.5rem; padding: 0.5rem; } #affimember_performer .performer-roman { padding: 0 0 1rem 1rem; border-left: 1px solid #1A1A1A; border-right: 1px solid #1A1A1A; } #affimember_performer .performer-roman input { margin-right: 0.5rem; padding: 0.5rem; } #affimember_performer .performer-li dl { padding: 1rem; border-bottom: 1px solid #1A1A1A; border-left: 1px solid #1A1A1A; border-right: 1px solid #1A1A1A; } #affimember_performer .performer-li dl dt { padding-top: 1rem; font-weight: bold; padding-bottom: 0.3rem; } #affimember_performer .performer-li dl dd { padding-bottom: 1rem; } #affimember_performer .performer-li dl .file_1-2, #affimember_performer .performer-li dl .file_1-3, #affimember_performer .performer-li dl .file_1-4, #affimember_performer .performer-li dl .file_1-5, #affimember_performer .performer-li dl .file_1-6, #affimember_performer .performer-li dl .file_1-7, #affimember_performer .performer-li dl .file_1-8, #affimember_performer .performer-li dl .file_1-9, #affimember_performer .performer-li dl .file_1-10, #affimember_performer .performer-li dl .file_2-2, #affimember_performer .performer-li dl .file_2-3, #affimember_performer .performer-li dl .file_2-4, #affimember_performer .performer-li dl .file_2-5, #affimember_performer .performer-li dl .file_2-6, #affimember_performer .performer-li dl .file_2-7, #affimember_performer .performer-li dl .file_2-8, #affimember_performer .performer-li dl .file_2-9, #affimember_performer .performer-li dl .file_2-10, #affimember_performer .performer-li dl .file_3-2, #affimember_performer .performer-li dl .file_3-3, #affimember_performer .performer-li dl .file_3-4, #affimember_performer .performer-li dl .file_3-5, #affimember_performer .performer-li dl .file_3-6, #affimember_performer .performer-li dl .file_3-7, #affimember_performer .performer-li dl .file_3-8, #affimember_performer .performer-li dl .file_3-9, #affimember_performer .performer-li dl .file_3-10, #affimember_performer .performer-li dl .file_4-2, #affimember_performer .performer-li dl .file_4-3, #affimember_performer .performer-li dl .file_4-4, #affimember_performer .performer-li dl .file_4-5, #affimember_performer .performer-li dl .file_4-6, #affimember_performer .performer-li dl .file_4-7, #affimember_performer .performer-li dl .file_4-8, #affimember_performer .performer-li dl .file_4-9, #affimember_performer .performer-li dl .file_4-10, #affimember_performer .performer-li dl .file_5-2, #affimember_performer .performer-li dl .file_5-3, #affimember_performer .performer-li dl .file_5-4, #affimember_performer .performer-li dl .file_5-5, #affimember_performer .performer-li dl .file_5-6, #affimember_performer .performer-li dl .file_5-7, #affimember_performer .performer-li dl .file_5-8, #affimember_performer .performer-li dl .file_5-9, #affimember_performer .performer-li dl .file_5-10 { display: none; } #affimember_performer .performer-li dl .changed { display: block; } #affimember_performer .performer-download img { width: 1.5rem; } #affimember_performer .performer-note { padding-top: 2rem; } #affimember_performer .performer-note p { padding: 0.5rem 0; } #affimember_performer .performer-wrap2, #affimember_performer .performer-wrap3, #affimember_performer .performer-wrap4, #affimember_performer .performer-wrap5 { display: none; } #affimember_performer .per-open { display: block; } #affimember_performer #per-btn01, #affimember_performer #per-btn02, #affimember_performer #per-btn03, #affimember_performer #per-btn04 { cursor: pointer; } #affimember_performer .btn-close { display: none; } @media (max-width: 1200px) { #sellmember_earnings .tbl-r06, #sellmember_payment_status .tbl-r06, #affimember_payment_status .tbl-r06 { width: 100%; } #sellmember_earnings .tbl-r06 .thead, #sellmember_payment_status .tbl-r06 .thead, #affimember_payment_status .tbl-r06 .thead { display: none; } #sellmember_earnings .tbl-r06 .last, #sellmember_payment_status .tbl-r06 .last, #affimember_payment_status .tbl-r06 .last { border-bottom: none; } #sellmember_earnings .tbl-r06 .table-sp-tr, #sellmember_payment_status .tbl-r06 .table-sp-tr, #affimember_payment_status .tbl-r06 .table-sp-tr { display: inline-block; } #sellmember_earnings .tbl-r06 .table-sp-tr th, #sellmember_payment_status .tbl-r06 .table-sp-tr th, #affimember_payment_status .tbl-r06 .table-sp-tr th { width: 0; border: none; } #sellmember_earnings .tbl-r06 .table-sp-tr td, #sellmember_payment_status .tbl-r06 .table-sp-tr td, #affimember_payment_status .tbl-r06 .table-sp-tr td { display: inline-block; width: 100%; padding: 0; border: none; text-align: left; font-size: 8px; } #sellmember_earnings .tbl-r06 .table-sp-tr td .table-sp, #sellmember_payment_status .tbl-r06 .table-sp-tr td .table-sp, #affimember_payment_status .tbl-r06 .table-sp-tr td .table-sp { display: inline-block; width: 20%; font-weight: bold; background-color: #e7e7e7; padding: 10px 10px 10px 20px; margin: 0 10px 0 0; } #sellmember_earnings .tbl-r06 .table-sp-tr td .last-blank, #sellmember_payment_status .tbl-r06 .table-sp-tr td .last-blank, #affimember_payment_status .tbl-r06 .table-sp-tr td .last-blank { margin: 0 10px 10px 0; } #sellmember_earnings .tbl-r06 .blank, #sellmember_payment_status .tbl-r06 .blank, #affimember_payment_status .tbl-r06 .blank { display: block; } } #affimember_payment_status h2, #affimember_performer h2 { /*background-image: -webkit-gradient(linear, left top, right top, from(#d30010), to(#a52a2a)); background-image: -webkit-linear-gradient(left, #d30010 0%, #a52a2a 100%); background-image: linear-gradient(to right, #d30010 0%, #a52a2a 100%); color: #fff;*/ background-color: #FFB100; color: #1A1A1A; } #affimember_click h2, #affimember_click2 h2, #affimember_earnings h2, #affimember h2, #for_sale h2 { /*background-image: -webkit-gradient(linear, left top, right top, from(#d30010), to(#a52a2a)); background-image: -webkit-linear-gradient(left, #d30010 0%, #a52a2a 100%); background-image: linear-gradient(to right, #d30010 0%, #a52a2a 100%); color: #fff;*/ background-color: #FFB100; color: #1A1A1A; } #affimember_click h3, #affimember_click2 h3, #affimember_earnings h3, #affimember h3, #for_sale h3 { border-bottom: 3px solid #FFB100; } #affimember_click .click-text, #affimember_click2 .click-text, #affimember_earnings .click-text, #affimember .click-text, #for_sale .click-text { padding: 5px; background-color: #e7e7e7; width: -moz-fit-content; width: fit-content; } #affimember_click .blank, #affimember_click2 .blank, #affimember_earnings .blank, #affimember .blank, #for_sale .blank { height: 20px; } #affimember_click .click-morepage, #affimember_click2 .click-morepage, #affimember_earnings .click-morepage, #affimember .click-morepage, #for_sale .click-morepage { text-align: end; margin: -20px 0 60px 0; } #affimember_click .br-sp, #affimember_click2 .br-sp, #affimember_earnings .br-sp, #affimember .br-sp, #for_sale .br-sp { display: none; } #affimember_click input[type=radio]::before, #affimember_click input[type=checkbox]::before, #affimember_click2 input[type=radio]::before, #affimember_click2 input[type=checkbox]::before, #affimember_earnings input[type=radio]::before, #affimember_earnings input[type=checkbox]::before, #affimember input[type=radio]::before, #affimember input[type=checkbox]::before, #for_sale input[type=radio]::before, #for_sale input[type=checkbox]::before { display: inline-block; content: ""; width: 12px; height: 12px; border: 1px solid #949494; border-radius: 50%; background-color: #fff; margin: 0 5px 0 0; } #affimember_click input:checked::before, #affimember_click2 input:checked::before, #affimember_earnings input:checked::before, #affimember input:checked::before, #for_sale input:checked::before { display: inline-block; content: ""; width: 12px; height: 12px; border: 1px solid #949494; border-radius: 50%; margin: 0 5px 0 0; background-color: #a52a2a; } #affimember_click button, #affimember_click2 button, #affimember_earnings button, #affimember button, #for_sale button { display: block; text-align: center; width: 60px; margin: 20px 0; font-weight: bold; color: #1A1A1A; font-size: 14px; padding: 5px; background-color: #FFB100; border: 2px solid #FFB100; border-radius: 10px; box-shadow: 0 5px 0 0 #D2881A; } #affimember_click button a, #affimember_click2 button a, #affimember_earnings button a, #affimember button a, #for_sale button a { color: #1A1A1A; } #affimember_click button:hover, #affimember_click2 button:hover, #affimember_earnings button:hover, #affimember button:hover, #for_sale button:hover { background-color: rgba(255, 177, 0, 0.3137254902); } #affimember_click button:active, #affimember_click2 button:active, #affimember_earnings button:active, #affimember button:active, #for_sale button:active { box-shadow: none; transform: translateY(5px); } #affimember_click table th, #affimember_click2 table th, #affimember_earnings table th, #affimember table th, #for_sale table th { min-width: 72px; } #affimember_click article div, #affimember_click2 article div, #affimember_earnings article div, #affimember article div, #for_sale article div { display: flex; flex-wrap: wrap; } #affimember_click article div div, #affimember_click2 article div div, #affimember_earnings article div div, #affimember article div div, #for_sale article div div { margin: 0 20px 0 5px; } #affimember_earnings a, #affimember_click a, #affimember_click2 a, #for_sale a { color: #1d1dd1; } #affimember_earnings .bold, #affimember_click .bold, #affimember_click2 .bold, #for_sale .bold { font-weight: bold; } #affimember_earnings input[placeholder], #affimember_earnings textarea[placeholder], #affimember_click input[placeholder], #affimember_click textarea[placeholder], #affimember_click2 input[placeholder], #affimember_click2 textarea[placeholder], #for_sale input[placeholder], #for_sale textarea[placeholder] { color: #1a1a1a; border: 1px solid #949494; padding: 3px 1.5px; } #affimember_earnings p, #affimember_click p, #affimember_click2 p, #for_sale p { margin-left: 20px; } #affimember_earnings input[type=url], #affimember_click input[type=url], #affimember_click2 input[type=url], #for_sale input[type=url] { border: 1px solid #949494; padding: 5px; width: 100%; } #affimember_earnings .for-sale-note, #affimember_click .for-sale-note, #affimember_click2 .for-sale-note, #for_sale .for-sale-note { font-size: 14px; } #affimember_earnings .for-sale-note span, #affimember_click .for-sale-note span, #affimember_click2 .for-sale-note span, #for_sale .for-sale-note span { color: #d30010; } #affimember_earnings table, #affimember_click table, #affimember_click2 table, #for_sale table { width: 100%; vertical-align: middle; margin: 10px 0 30px 0; } #affimember_earnings table tr th, #affimember_earnings table tr td, #affimember_click table tr th, #affimember_click table tr td, #affimember_click2 table tr th, #affimember_click2 table tr td, #for_sale table tr th, #for_sale table tr td { border: 1px solid #949494; vertical-align: middle; padding: 3px; } #affimember_earnings table tr th, #affimember_click table tr th, #affimember_click2 table tr th, #for_sale table tr th { background-color: #e7e7e7; text-align: center; } #affimember_earnings table tr td, #affimember_click table tr td, #affimember_click2 table tr td, #for_sale table tr td { text-align: center; } @media (max-width: 1200px) { #affimember_earnings table tr td, #affimember_click table tr td, #affimember_click2 table tr td, #for_sale table tr td { font-size: 14px; padding: 3px; } } #affimember_earnings table tr td .br-sp, #affimember_click table tr td .br-sp, #affimember_click2 table tr td .br-sp, #for_sale table tr td .br-sp { display: none; } #affimember_earnings table tr .for-sale-flex, #affimember_earnings table tr .for-sale-td2, #affimember_click table tr .for-sale-flex, #affimember_click table tr .for-sale-td2, #affimember_click2 table tr .for-sale-flex, #affimember_click2 table tr .for-sale-td2, #for_sale table tr .for-sale-flex, #for_sale table tr .for-sale-td2 { width: 200px; } #affimember_earnings table tr .blogparts-flex, #affimember_click table tr .blogparts-flex, #affimember_click2 table tr .blogparts-flex, #for_sale table tr .blogparts-flex { display: flex; justify-content: center; align-items: center; border: none; border-right: 1px solid #949494; margin-right: -1px; } #affimember_earnings .click-1st, #affimember_click .click-1st, #affimember_click2 .click-1st, #for_sale .click-1st { width: 150px; } #affimember_earnings .for-sale_td, #affimember_click .for-sale_td, #affimember_click2 .for-sale_td, #for_sale .for-sale_td { width: -moz-fit-content; width: fit-content; } #affimember_earnings .table-sp, #affimember_click .table-sp, #affimember_click2 .table-sp, #for_sale .table-sp { display: none; } #affimember_earnings .blank, #affimember_click .blank, #affimember_click2 .blank, #for_sale .blank { height: 30px; display: none; } #affimember_earnings .total_sales, #affimember_click .total_sales, #affimember_click2 .total_sales, #for_sale .total_sales { border: 2px solid #949494; padding: 10px; margin: 10px 0 10px auto; width: -moz-fit-content; width: fit-content; } #affimember_earnings .total_sales ul, #affimember_click .total_sales ul, #affimember_click2 .total_sales ul, #for_sale .total_sales ul { display: flex; flex-wrap: wrap; text-align: center; } #affimember_earnings .total_sales ul li, #affimember_click .total_sales ul li, #affimember_click2 .total_sales ul li, #for_sale .total_sales ul li { width: 70%; } #affimember_earnings .total_sales ul li:nth-child(1), #affimember_earnings .total_sales ul li:nth-child(3), #affimember_click .total_sales ul li:nth-child(1), #affimember_click .total_sales ul li:nth-child(3), #affimember_click2 .total_sales ul li:nth-child(1), #affimember_click2 .total_sales ul li:nth-child(3), #for_sale .total_sales ul li:nth-child(1), #for_sale .total_sales ul li:nth-child(3) { width: 30%; text-align: left; } @media (max-width: 768px)/*書き換え前1200px*/ { #affimember_earnings .tbl-r06, #affimember_click .tbl-r06, #affimember_click2 .tbl-r06, #for_sale .tbl-r06 { width: 100%; } #affimember_earnings .tbl-r06 .thead, #affimember_click .tbl-r06 .thead, #affimember_click2 .tbl-r06 .thead, #for_sale .tbl-r06 .thead { display: none; } #affimember_earnings .tbl-r06 .last, #affimember_click .tbl-r06 .last, #affimember_click2 .tbl-r06 .last, #for_sale .tbl-r06 .last { border-bottom: none; } #affimember_earnings .tbl-r06 .table-sp-tr, #affimember_click .tbl-r06 .table-sp-tr, #affimember_click2 .tbl-r06 .table-sp-tr, #for_sale .tbl-r06 .table-sp-tr { display: inline-block; } #affimember_earnings .tbl-r06 .table-sp-tr th, #affimember_click .tbl-r06 .table-sp-tr th, #affimember_click2 .tbl-r06 .table-sp-tr th, #for_sale .tbl-r06 .table-sp-tr th { width: 0; border: none; } #affimember_earnings .tbl-r06 .table-sp-tr td, #affimember_click .tbl-r06 .table-sp-tr td, #affimember_click2 .tbl-r06 .table-sp-tr td, #for_sale .tbl-r06 .table-sp-tr td { display: inline-block; width: 100%; padding: 0; border: none; text-align: left; } #affimember_earnings .tbl-r06 .table-sp-tr td .table-sp, #affimember_click .tbl-r06 .table-sp-tr td .table-sp, #affimember_click2 .tbl-r06 .table-sp-tr td .table-sp, #for_sale .tbl-r06 .table-sp-tr td .table-sp { display: inline-block; width: 20%; font-weight: bold; background-color: #e7e7e7; padding: 10px 10px 10px 20px; margin: 0 10px 0 0; } #affimember_earnings .tbl-r06 .table-sp-tr td .table-sp a, #affimember_click .tbl-r06 .table-sp-tr td .table-sp a, #affimember_click2 .tbl-r06 .table-sp-tr td .table-sp a, #for_sale .tbl-r06 .table-sp-tr td .table-sp a { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #affimember_earnings .tbl-r06 .table-sp-tr td .last-blank, #affimember_click .tbl-r06 .table-sp-tr td .last-blank, #affimember_click2 .tbl-r06 .table-sp-tr td .last-blank, #for_sale .tbl-r06 .table-sp-tr td .last-blank { margin: 0 10px 10px 0; } #affimember_earnings .tbl-r06 .table-sp-tr .for-sale-flex, #affimember_click .tbl-r06 .table-sp-tr .for-sale-flex, #affimember_click2 .tbl-r06 .table-sp-tr .for-sale-flex, #for_sale .tbl-r06 .table-sp-tr .for-sale-flex { width: 100%; display: flex; align-items: center; gap: 1%; line-height: 1px; } #affimember_earnings .tbl-r06 .blank, #affimember_click .tbl-r06 .blank, #affimember_click2 .tbl-r06 .blank, #for_sale .tbl-r06 .blank { display: block; } #affimember_earnings .table-for-sale, #affimember_click .table-for-sale, #affimember_click2 .table-for-sale, #for_sale .table-for-sale { width: 100%; } #affimember_earnings .table-for-sale tr, #affimember_click .table-for-sale tr, #affimember_click2 .table-for-sale tr, #for_sale .table-for-sale tr { width: 100%; } } #for_sale h2 { background-color: #56CCC0; color: #fff; } #for_sale h3 { border-bottom: 3px solid #56CCC0; } #for_sale button { width: 200px; } #affimember table tr th { width: 30%; } #affimember_toplink, #affimember_pagelink, #affimember_blogparts, #affimember_app_for_management, #affimember_app_for_management_ng, #affimember_alignment { padding-bottom: 60px; } #affimember_toplink h2, #affimember_pagelink h2, #affimember_blogparts h2, #affimember_app_for_management h2, #affimember_app_for_management_ng h2, #affimember_alignment h2 { /*background-image: -webkit-gradient(linear, left top, right top, from(#d30010), to(#a52a2a)); background-image: -webkit-linear-gradient(left, #d30010 0%, #a52a2a 100%); background-image: linear-gradient(to right, #d30010 0%, #a52a2a 100%);*/ background-color: #FFB100; color: #1a1a1a; } #affimember_toplink h3, #affimember_pagelink h3, #affimember_blogparts h3, #affimember_app_for_management h3, #affimember_app_for_management_ng h3, #affimember_alignment h3 { border-bottom: 3px solid #FFB100; /*border-image: linear-gradient(to right, #d30010 0%, #a52a2a 100%); border-image-slice: 1;*/ } #affimember_toplink .affimember-subtitle, #affimember_pagelink .affimember-subtitle, #affimember_blogparts .affimember-subtitle, #affimember_app_for_management .affimember-subtitle, #affimember_app_for_management_ng .affimember-subtitle, #affimember_alignment .affimember-subtitle { /*color: #a52a2a;*/ color: #1a1a1a; font-weight: bold; font-size: 1.2rem; margin: 20px 0 10px 0; } #affimember_toplink .text-link, #affimember_pagelink .text-link, #affimember_blogparts .text-link, #affimember_app_for_management .text-link, #affimember_app_for_management_ng .text-link, #affimember_alignment .text-link { padding: 20px; width: 70%; border: 1px solid #949494; margin: 20px; word-wrap: break-word; } #affimember_toplink .blogparts-sp, #affimember_pagelink .blogparts-sp, #affimember_blogparts .blogparts-sp, #affimember_app_for_management .blogparts-sp, #affimember_app_for_management_ng .blogparts-sp, #affimember_alignment .blogparts-sp { display: none; } #affimember_toplink button, #affimember_pagelink button, #affimember_blogparts button, #affimember_app_for_management button, #affimember_app_for_management_ng button, #affimember_alignment button { display: block; text-align: center; width: 100px; margin: 20px 0; font-weight: bold; color: #1A1A1A; font-size: 14px; padding: 5px; background-color: #FFB100; border: 2px solid #FFB100; border-radius: 10px; box-shadow: 0 5px 0 0 #D2881A; } #affimember_toplink button a, #affimember_pagelink button a, #affimember_blogparts button a, #affimember_app_for_management button a, #affimember_app_for_management_ng button a, #affimember_alignment button a { color: #1A1A1A; } #affimember_toplink button:hover, #affimember_pagelink button:hover, #affimember_blogparts button:hover, #affimember_app_for_management button:hover, #affimember_app_for_management_ng button:hover, #affimember_alignment button:hover { background-color: rgba(255, 177, 0, 0.3137254902); } #affimember_toplink button:active, #affimember_pagelink button:active, #affimember_blogparts button:active, #affimember_app_for_management button:active, #affimember_app_for_management_ng button:active, #affimember_alignment button:active { box-shadow: none; transform: translateY(5px); } #affimember_toplink .pagelink-input, #affimember_pagelink .pagelink-input, #affimember_blogparts .pagelink-input, #affimember_app_for_management .pagelink-input, #affimember_app_for_management_ng .pagelink-input, #affimember_alignment .pagelink-input { padding: 10px; margin: 0 0 20px 0; border: 1px solid #949494; width: 100%; } #affimember_toplink label::before, #affimember_pagelink label::before, #affimember_blogparts label::before, #affimember_app_for_management label::before, #affimember_app_for_management_ng label::before, #affimember_alignment label::before { display: inline-block; content: ""; width: 12px; height: 12px; border: 1px solid #949494; border-radius: 50%; background-color: #fff; margin: 0 5px 0 0; } #affimember_toplink input:checked ~ label::before, #affimember_pagelink input:checked ~ label::before, #affimember_blogparts input:checked ~ label::before, #affimember_app_for_management input:checked ~ label::before, #affimember_app_for_management_ng input:checked ~ label::before, #affimember_alignment input:checked ~ label::before { display: inline-block; content: ""; width: 12px; height: 12px; border: 1px solid #949494; border-radius: 50%; margin: 0 5px 0 0; background-color: #a52a2a; } #affimember_toplink .affimember_blogparts_radio, #affimember_pagelink .affimember_blogparts_radio, #affimember_blogparts .affimember_blogparts_radio, #affimember_app_for_management .affimember_blogparts_radio, #affimember_app_for_management_ng .affimember_blogparts_radio, #affimember_alignment .affimember_blogparts_radio { display: flex; flex-wrap: wrap; border: none; border-right: 1px solid #949494; margin-right: -1px; } #affimember_toplink .alignment-address, #affimember_pagelink .alignment-address, #affimember_blogparts .alignment-address, #affimember_app_for_management .alignment-address, #affimember_app_for_management_ng .alignment-address, #affimember_alignment .alignment-address { font-weight: bold; margin: 20px 0 10px 0; } #affimember_toplink .bold, #affimember_pagelink .bold, #affimember_blogparts .bold, #affimember_app_for_management .bold, #affimember_app_for_management_ng .bold, #affimember_alignment .bold { font-weight: bold; } #affimember_blogparts table th { width: 130px; } #affimember_blogparts .col-sample, #affimember_blogparts .row-sample { display: flex; gap: 10px; } #affimember_blogparts .col-sample li, #affimember_blogparts .row-sample li { position: relative; width: 24%; } #affimember_blogparts .col-sample li img, #affimember_blogparts .row-sample li img { width: 100%; } #affimember_blogparts .col-sample li div, #affimember_blogparts .row-sample li div { position: absolute; width: 100%; height: 50%; bottom: 0; left: 0; background-color: rgba(26, 26, 26, 0.3764705882); } #affimember_blogparts .col-sample li div p, #affimember_blogparts .row-sample li div p { font-size: 12px; position: absolute; top: 0; left: 0; color: #fff; margin: 0; padding: 5px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } #affimember_blogparts .col-sample { margin-bottom: 20px; } #affimember_blogparts .row-sample { display: flex; flex-direction: column; } #affimember_blogparts .row-sample li { width: 100%; } #affimember_blogparts .row-sample li div p { display: block; } #affimember_app_for_management .text-before::before, #affimember_alignment .text-before::before { content: "※"; color: #a52a2a; } #affimember_app_for_management button, #affimember_alignment button { width: 100px; padding: 10px; } #affimember_app_for_management .sellmember-app-dlbox, #affimember_alignment .sellmember-app-dlbox { margin: 40px 0; position: relative; } #affimember_app_for_management .sellmember-app-dlbox dl, #affimember_alignment .sellmember-app-dlbox dl { display: flex; flex-wrap: wrap; line-height: 2em; } #affimember_app_for_management .sellmember-app-dlbox dl dt, #affimember_alignment .sellmember-app-dlbox dl dt { width: 20%; } #affimember_app_for_management .sellmember-app-dlbox dl dd, #affimember_alignment .sellmember-app-dlbox dl dd { width: 80%; } #affimember_app_for_management .sellmember-app-dlbox .red, #affimember_alignment .sellmember-app-dlbox .red { color: #FF0013; } #affimember_app_for_management .sellmember-app-dlbox .blue, #affimember_alignment .sellmember-app-dlbox .blue { color: #1d1dd1; } #affimember_app_for_management .sellmember-app-dlbox .bold, #affimember_alignment .sellmember-app-dlbox .bold { font-weight: bold; } #affimember_app_for_management .sellmember-app-dlbox .freesample, #affimember_alignment .sellmember-app-dlbox .freesample { padding: 10px; border: 3px solid #FF0013; border-radius: 10px; width: -moz-fit-content; width: fit-content; margin: 15px; } #affimember_app_for_management .sellmember-app-dlbox .sell-app-btn, #affimember_alignment .sellmember-app-dlbox .sell-app-btn { width: -moz-fit-content; width: fit-content; } #affimember_app_for_management .sellmember-app-dlbox .no-btn, #affimember_alignment .sellmember-app-dlbox .no-btn { pointer-events: none; background-color: #949494; border: 2px solid #949494; box-shadow: 0 5px 0 0 #333333; } #affimember_app_for_management .sellmember-app-dlbox .red, #affimember_alignment .sellmember-app-dlbox .red { color: #FF0013; } #affimember_app_for_management .sellmember-app-dlbox .bold, #affimember_alignment .sellmember-app-dlbox .bold { font-weight: bold; } #affimember_app_for_management .sellmember-app-dlbox .archive-link, #affimember_alignment .sellmember-app-dlbox .archive-link { position: absolute; right: 20px; top: 60px; width: -moz-fit-content; width: fit-content; } #affimember_app_for_management_ng .text-before::before { content: "※"; color: #a52a2a; } #affimember_app_for_management_ng button { width: 200px; color: #fff; background-color: #949494; box-shadow: 0 5px 0 0 #333333; border: none; padding: 10px; } #affimember_app_for_management_ng button:hover { background-color: #949494; cursor: default; } #affimember_app_for_management_ng button:active { box-shadow: 0 5px 0 0 #333333; transform: translateY(0px); } #sellmember_earnings article div { display: flex; flex-wrap: wrap; } #sellmember_earnings article div div { margin: 0 20px 0 5px; } #sellmember_earnings label::before { display: inline-block; content: ""; width: 12px; height: 12px; border: 1px solid #949494; border-radius: 50%; background-color: #fff; margin: 0 5px 0 0; } #sellmember_earnings input:checked ~ label::before { display: inline-block; content: ""; width: 12px; height: 12px; border: 1px solid #949494; border-radius: 50%; margin: 0 5px 0 0; background-color: #a52a2a; } #sellmember_earnings button { display: block; text-align: center; width: 100px; margin: 20px 0; font-weight: bold; color: #1A1A1A; font-size: 14px; padding: 5px; background-color: #FFB100; border: 2px solid #FFB100; border-radius: 10px; box-shadow: 0 5px 0 0 #D2881A; } #sellmember_earnings button a { color: #1A1A1A; } #sellmember_earnings button:hover { background-color: rgba(255, 177, 0, 0.3137254902); } #sellmember_earnings button:active { box-shadow: none; transform: translateY(5px); } /*======会員情報変更=====*/ #member_info_change, #pass_change { margin-bottom: 60px; } #member_info_change h2, #pass_change h2 { background-image: linear-gradient(to right, #d30010 0%, #a52a2a 100%); color: #fff; } #member_info_change dl, #pass_change dl { margin-bottom: 30px; } #member_info_change dl div, #pass_change dl div { display: flex; align-items: center; margin-left: 20px; } #member_info_change dl div dt, #pass_change dl div dt { font-weight: bold; margin-bottom: 30px; text-align: right; } #member_info_change dl div dd input, #pass_change dl div dd input { width: 200px; height: 35px; border: 3px solid #949494; margin-bottom: 30px; } #member_info_change dl div dd input:focus, #pass_change dl div dd input:focus { background-color: rgba(148, 148, 148, 0.1882352941); } #member_info_change dl div dd .input-mail, #pass_change dl div dd .input-mail { margin-left: 30px; } #member_info_change dl div dd .input-name, #pass_change dl div dd .input-name { margin-left: 86px; } #member_info_change dl div dd .input-nickname, #pass_change dl div dd .input-nickname { margin-left: 30px; } #member_info_change dl div dd .input-pass1, #pass_change dl div dd .input-pass1 { margin-left: 58px; } #member_info_change dl div dd .input-pass2, #pass_change dl div dd .input-pass2 { margin-left: 58px; } #member_info_change dl div dd .input-pass3, #pass_change dl div dd .input-pass3 { margin-left: 30px; } #member_info_change dl div dd .br-sp, #pass_change dl div dd .br-sp { display: none; } #member_info_change div div, #pass_change div div { margin-left: 20px; display: flex; align-items: center; } #member_info_change div div label, #pass_change div div label { font-weight: bold; } #member_info_change div div label input, #pass_change div div label input { width: 200px; height: 35px; border: 3px solid #949494; margin-bottom: 30px; } #member_info_change div div label input:focus, #pass_change div div label input:focus { background-color: rgba(148, 148, 148, 0.1882352941); } #member_info_change div div label .input-mail, #pass_change div div label .input-mail { margin-left: 42px; } #member_info_change div div label .input-name, #pass_change div div label .input-name { margin-left: 87px; } #member_info_change div div label .input-nickname, #pass_change div div label .input-nickname { margin-left: 30px; } #pass_change button a { display: block; text-align: center; width: 150px; margin: -5px 0 0 0; font-weight: bold; color: #1A1A1A; font-size: 14px; padding: 10px; background-color: #FFB100; border: 2px solid #FFB100; border-radius: 10px; box-shadow: 0 5px 0 0 #D2881A; } #member_info_change button a { display: block; text-align: center; width: 150px; margin: -5px 0 0 0; font-weight: bold; color: #1A1A1A; font-size: 14px; padding: 10px; background-color: #FFB100; border: 2px solid #FFB100; border-radius: 10px; box-shadow: 0 5px 0 0 #D2881A; } #pass_change button a:hover { background-color: rgba(255, 177, 0, 0.3137254902); cursor: pointer; } #member_info_change button a:hover { background-color: rgba(255, 177, 0, 0.3137254902); cursor: pointer; } #pass_change button a:active { box-shadow: none; transform: translateY(5px); } #member_info_change button a:active { box-shadow: none; transform: translateY(5px); } #pass_change_sell { margin-bottom: 60px; } #pass_change_sell h2 { background-color: #56CCC0; color: #fff; } #pass_change_sell dl { margin-bottom: 30px; } #pass_change_sell dl div { display: flex; align-items: center; margin-left: 20px; } #pass_change_sell dl div dt { font-weight: bold; margin-bottom: 30px; text-align: right; } #pass_change_sell dl div dd input { width: 200px; height: 35px; border: 3px solid #949494; margin-bottom: 30px; } #pass_change_sell dl div dd input:focus { background-color: rgba(148, 148, 148, 0.1882352941); } #pass_change_sell dl div dd .input-mail { margin-left: 30px; } #pass_change_sell dl div dd .input-name { margin-left: 86px; } #pass_change_sell dl div dd .input-nickname { margin-left: 30px; } #pass_change_sell dl div dd .input-pass1 { margin-left: 58px; } #pass_change_sell dl div dd .input-pass2 { margin-left: 58px; } #pass_change_sell dl div dd .input-pass3 { margin-left: 30px; } #pass_change_sell dl div dd .br-sp { display: none; } #pass_change_sell div div { margin-left: 20px; display: flex; align-items: center; } #pass_change_sell div div label { font-weight: bold; } #pass_change_sell div div label input { width: 200px; height: 35px; border: 3px solid #949494; margin-bottom: 30px; } #pass_change_sell div div label input:focus { background-color: rgba(148, 148, 148, 0.1882352941); } #pass_change_sell div div label .input-mail { margin-left: 42px; } #pass_change_sell div div label .input-name { margin-left: 87px; } #pass_change_sell div div label .input-nickname { margin-left: 30px; } #pass_change_sell button { display: block; text-align: center; width: 150px; margin: -5px 0 0 0; font-weight: bold; color: #1A1A1A; font-size: 14px; padding: 10px; background-color: #FFB100; border: 2px solid #FFB100; border-radius: 10px; box-shadow: 0 5px 0 0 #D2881A; } #pass_change_sell button:hover { background-color: rgba(255, 177, 0, 0.3137254902); cursor: pointer; } #pass_change_sell button:active { box-shadow: none; transform: translateY(5px); } /*=====お気に入り販売会員=====*/ /*=====とりあえずリスト=====*/ #sales_member h2, #for_now h2, #blacklist h2 { background-image: linear-gradient(to right, #d30010 0%, #a52a2a 100%); color: #fff; } #sales_member h2 img, #for_now h2 img, #blacklist h2 img { width: 30px; height: 25px; } #sales_member article ul, #for_now article ul, #blacklist article ul { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; padding: 15px; gap: 5px; box-sizing: border-box; } #sales_member article ul li, #for_now article ul li, #blacklist article ul li { width: 23%; } #sales_member article ul li img, #for_now article ul li img, #blacklist article ul li img { text-align: center; max-width: 160px; max-height: 160px; width: 100vw; height: 100vw; object-fit: cover; display: block; margin: 0 auto 10px auto; } #sales_member article ul li div, #for_now article ul li div, #blacklist article ul li div { display: flex; justify-content: space-between; align-items: center; } #sales_member article ul li div .sales_member_listtitle, #for_now article ul li div .sales_member_listtitle, #blacklist article ul li div .sales_member_listtitle { margin-left: 10px; } #sales_member article ul li div .sales_member_listtitle a, #for_now article ul li div .sales_member_listtitle a, #blacklist article ul li div .sales_member_listtitle a { color: #1d1dd1; font-weight: bold; } #sales_member article ul li div .sales_member_delete a, #for_now article ul li div .sales_member_delete a, #blacklist article ul li div .sales_member_delete a { display: block; padding: 5px 10px; background-color: #949494; color: #fff; text-align: center; } #sales_member article ul li div div, #for_now article ul li div div, #blacklist article ul li div div { display: flex; } #sales_member article ul li div div label, #for_now article ul li div div label, #blacklist article ul li div div label { padding: 5px 10px; margin: 10px 0; font-weight: bold; border: 1px solid #949494; cursor: pointer; } #sales_member article ul li div div input:checked ~ .on, #for_now article ul li div div input:checked ~ .on, #blacklist article ul li div div input:checked ~ .on { background-color: #a52a2a; color: #fff; } #sales_member article ul li div div input:checked ~ .off, #for_now article ul li div div input:checked ~ .off, #blacklist article ul li div div input:checked ~ .off { background-color: #949494; color: #fff; } #sales_member article ul li div button, #for_now article ul li div button, #blacklist article ul li div button { display: block; text-align: center; width: -moz-fit-content; width: fit-content; margin: -5px 0 0 0; font-weight: bold; color: #1A1A1A; font-size: 14px; padding: 3px; background-color: #FFB100; border: 2px solid #FFB100; border-radius: 10px; box-shadow: 0 5px 0 0 #D2881A; } #sales_member article ul li div button:hover, #for_now article ul li div button:hover, #blacklist article ul li div button:hover { background-color: rgba(255, 177, 0, 0.3137254902); } #sales_member article ul li div button:active, #for_now article ul li div button:active, #blacklist article ul li div button:active { box-shadow: none; transform: translateY(5px); } #sales_member article ul li div .notification, #for_now article ul li div .notification, #blacklist article ul li div .notification { margin-left: 10px; } #sales_member article ul li .for_now_listtitle, #for_now article ul li .for_now_listtitle, #blacklist article ul li .for_now_listtitle { color: #1d1dd1; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } #sales_member article ul li .for_now_price, #for_now article ul li .for_now_price, #blacklist article ul li .for_now_price { text-align: center; font-weight: bold; height: 40px; display: flex; justify-content: center; align-items: center; gap: 10px; } #sales_member article ul li .for_now_price img, #for_now article ul li .for_now_price img, #blacklist article ul li .for_now_price img { width: 40px; height: 40px; margin: 0; } #sales_member article ul li .for_now_member, #for_now article ul li .for_now_member, #blacklist article ul li .for_now_member { text-align: center; color: #1d1dd1; padding: 0 0 5px 0; } #sales_member article .for_now_ul li, #for_now article .for_now_ul li, #blacklist article .for_now_ul li { margin-bottom: 30px; } #for_now article .for_now_ul li { border: 1px solid #333333; border-radius: 10px; padding: 8px; } /*=====カートの確認・購入=====*/ /*=====カート・決済=====*/ #cart a, #cart_2 a, #cart_settlement a, #cart_settlement_2 a, #confirmation a, #cart_point_charge a { color: #1d1dd1; } #cart .bold, #cart_2 .bold, #cart_settlement .bold, #cart_settlement_2 .bold, #confirmation .bold, #cart_point_charge .bold { font-weight: bold; } #cart table, #cart_2 table, #cart_settlement table, #cart_settlement_2 table, #confirmation table, #cart_point_charge table { width: 100%; margin-bottom: 30px; } #cart table a, #cart_2 table a, #cart_settlement table a, #cart_settlement_2 table a, #confirmation table a, #cart_point_charge table a { color: #1d1dd1; } #cart table tr, #cart_2 table tr, #cart_settlement table tr, #cart_settlement_2 table tr, #confirmation table tr, #cart_point_charge table tr { text-align: center; } #cart table tr th, #cart_2 table tr th, #cart_settlement table tr th, #cart_settlement_2 table tr th, #confirmation table tr th, #cart_point_charge table tr th { font-weight: bold; background-color: #e7e7e7; vertical-align: middle; width: 20%; } #cart table tr .bg-e7e7e7, #cart_2 table tr .bg-e7e7e7, #cart_settlement table tr .bg-e7e7e7, #cart_settlement_2 table tr .bg-e7e7e7, #confirmation table tr .bg-e7e7e7, #cart_point_charge table tr .bg-e7e7e7 { background-color: #e7e7e7; } #cart table tr td, #cart_2 table tr td, #cart_settlement table tr td, #cart_settlement_2 table tr td, #confirmation table tr td, #cart_point_charge table tr td { vertical-align: middle; } #cart table tr td label::before, #cart_2 table tr td label::before, #cart_settlement table tr td label::before, #cart_settlement_2 table tr td label::before, #confirmation table tr td label::before, #cart_point_charge table tr td label::before { content: ""; display: inline-block; border: 1px solid #949494; border-radius: 50%; width: 12px; height: 12px; margin-right: 5px; vertical-align: middle; } #cart table tr td input:checked ~ label::before, #cart_2 table tr td input:checked ~ label::before, #cart_settlement table tr td input:checked ~ label::before, #cart_settlement_2 table tr td input:checked ~ label::before, #confirmation table tr td input:checked ~ label::before, #cart_point_charge table tr td input:checked ~ label::before { content: ""; display: inline-block; border: 1px solid #949494; background-color: #d30010; border-radius: 50%; width: 12px; height: 12px; margin-right: 5px; vertical-align: middle; } #cart table tr td .input-point, #cart_2 table tr td .input-point, #cart_settlement table tr td .input-point, #cart_settlement_2 table tr td .input-point, #confirmation table tr td .input-point, #cart_point_charge table tr td .input-point { text-align: left; padding: 10px; border: 1px solid #949494; } #cart table tr td p .font-mini, #cart_2 table tr td p .font-mini, #cart_settlement table tr td p .font-mini, #cart_settlement_2 table tr td p .font-mini, #confirmation table tr td p .font-mini, #cart_point_charge table tr td p .font-mini { display: block; font-size: 10px; color: #e60012; font-weight: bold; text-align: left; } #cart table tr td button, #cart_2 table tr td button, #cart_settlement table tr td button, #cart_settlement_2 table tr td button, #confirmation table tr td button, #cart_point_charge table tr td button { display: block; text-align: center; margin: 0 auto; min-width: 40px; width: -moz-fit-content; width: fit-content; font-weight: bold; padding: 5px; background-color: #e7e7e7; border: 2px solid #949494; border-radius: 10px; box-shadow: 0 3px 0 0 #333333; } #cart table tr td button:hover, #cart_2 table tr td button:hover, #cart_settlement table tr td button:hover, #cart_settlement_2 table tr td button:hover, #confirmation table tr td button:hover, #cart_point_charge table tr td button:hover { background-color: rgba(231, 231, 231, 0.3137254902); } #cart table tr td button:active, #cart_2 table tr td button:active, #cart_settlement table tr td button:active, #cart_settlement_2 table tr td button:active, #confirmation table tr td button:active, #cart_point_charge table tr td button:active { box-shadow: none; transform: translateY(3px); } #cart table tr td .br-sp, #cart_2 table tr td .br-sp, #cart_settlement table tr td .br-sp, #cart_settlement_2 table tr td .br-sp, #confirmation table tr td .br-sp, #cart_point_charge table tr td .br-sp { display: none; } #cart table tr td .table-sp, #cart_2 table tr td .table-sp, #cart_settlement table tr td .table-sp, #cart_settlement_2 table tr td .table-sp, #confirmation table tr td .table-sp, #cart_point_charge table tr td .table-sp { display: none; } #cart table tr .cart-table-total, #cart_2 table tr .cart-table-total, #cart_settlement table tr .cart-table-total, #cart_settlement_2 table tr .cart-table-total, #confirmation table tr .cart-table-total, #cart_point_charge table tr .cart-table-total { background-color: #e7e7e7; } #cart table tr .bold, #cart_2 table tr .bold, #cart_settlement table tr .bold, #cart_settlement_2 table tr .bold, #confirmation table tr .bold, #cart_point_charge table tr .bold { font-weight: bold; } #cart table tr .text-left, #cart_2 table tr .text-left, #cart_settlement table tr .text-left, #cart_settlement_2 table tr .text-left, #confirmation table tr .text-left, #cart_point_charge table tr .text-left { text-align: left; } #cart table tr .right-side, #cart_2 table tr .right-side, #cart_settlement table tr .right-side, #cart_settlement_2 table tr .right-side, #confirmation table tr .right-side, #cart_point_charge table tr .right-side { width: 70%; } #cart table tr th, #cart table tr td, #cart_2 table tr th, #cart_2 table tr td, #cart_settlement table tr th, #cart_settlement table tr td, #cart_settlement_2 table tr th, #cart_settlement_2 table tr td, #confirmation table tr th, #confirmation table tr td, #cart_point_charge table tr th, #cart_point_charge table tr td { padding: 10px; border: 1px solid #949494; } #cart table tr th:nth-child(1), #cart_2 table tr th:nth-child(1), #cart_settlement table tr th:nth-child(1), #cart_settlement_2 table tr th:nth-child(1), #confirmation table tr th:nth-child(1), #cart_point_charge table tr th:nth-child(1) { width: 300px; } #cart table tr th:nth-child(2), #cart table tr th:nth-child(3), #cart_2 table tr th:nth-child(2), #cart_2 table tr th:nth-child(3), #cart_settlement table tr th:nth-child(2), #cart_settlement table tr th:nth-child(3), #cart_settlement_2 table tr th:nth-child(2), #cart_settlement_2 table tr th:nth-child(3), #confirmation table tr th:nth-child(2), #confirmation table tr th:nth-child(3), #cart_point_charge table tr th:nth-child(2), #cart_point_charge table tr th:nth-child(3) { width: 100px; } #cart table tr .cart-delete-btn, #cart_2 table tr .cart-delete-btn, #cart_settlement table tr .cart-delete-btn, #cart_settlement_2 table tr .cart-delete-btn, #confirmation table tr .cart-delete-btn, #cart_point_charge table tr .cart-delete-btn { width: 40px; } #cart table tr .font-red, #cart_2 table tr .font-red, #cart_settlement table tr .font-red, #cart_settlement_2 table tr .font-red, #confirmation table tr .font-red, #cart_point_charge table tr .font-red { color: #e60012; font-weight: bold; width: 150px; min-width: 100px; } #cart table .cart-price, #cart_2 table .cart-price, #cart_settlement table .cart-price, #cart_settlement_2 table .cart-price, #confirmation table .cart-price, #cart_point_charge table .cart-price { width: 150px; } #cart table .cart-table-pc, #cart_2 table .cart-table-pc, #cart_settlement table .cart-table-pc, #cart_settlement_2 table .cart-table-pc, #confirmation table .cart-table-pc, #cart_point_charge table .cart-table-pc { display: block; } #cart table .cart-table-sp, #cart_2 table .cart-table-sp, #cart_settlement table .cart-table-sp, #cart_settlement_2 table .cart-table-sp, #confirmation table .cart-table-sp, #cart_point_charge table .cart-table-sp { display: none; } #cart table p, #cart_2 table p, #cart_settlement table p, #cart_settlement_2 table p, #confirmation table p, #cart_point_charge table p { padding: 5px 0; text-align: end; } #cart table p span, #cart_2 table p span, #cart_settlement table p span, #cart_settlement_2 table p span, #confirmation table p span, #cart_point_charge table p span { color: #1d1dd1; } #cart table .cart-comment, #cart_2 table .cart-comment, #cart_settlement table .cart-comment, #cart_settlement_2 table .cart-comment, #confirmation table .cart-comment, #cart_point_charge table .cart-comment { text-align: left; } #cart .cart-table-sp, #cart_2 .cart-table-sp, #cart_settlement .cart-table-sp, #cart_settlement_2 .cart-table-sp, #confirmation .cart-table-sp, #cart_point_charge .cart-table-sp { display: none; width: 100%; } #cart button, #cart_2 button, #cart_settlement button, #cart_settlement_2 button, #confirmation button, #cart_point_charge button { display: block; text-align: center; width: 150px; margin: 20px 0 20px auto; font-weight: bold; color: #1A1A1A; font-size: 14px; padding: 10px; background-color: #FFB100; border: 2px solid #FFB100; border-radius: 10px; box-shadow: 0 5px 0 0 #D2881A; } #cart button:hover, #cart_2 button:hover, #cart_settlement button:hover, #cart_settlement_2 button:hover, #confirmation button:hover, #cart_point_charge button:hover { background-color: rgba(255, 177, 0, 0.3137254902); } #cart button:active, #cart_2 button:active, #cart_settlement button:active, #cart_settlement_2 button:active, #confirmation button:active, #cart_point_charge button:active { box-shadow: none; transform: translateY(5px); } #cart .cart-settlement-btn, #cart_2 .cart-settlement-btn, #cart_settlement .cart-settlement-btn, #cart_settlement_2 .cart-settlement-btn, #confirmation .cart-settlement-btn, #cart_point_charge .cart-settlement-btn { width: 300px; } #cart .text-right, #cart_2 .text-right, #cart_settlement .text-right, #cart_settlement_2 .text-right, #confirmation .text-right, #cart_point_charge .text-right { text-align: end; } /*=====ポイントチャージ=====*/ /*tableに関する主要なcssはcartと同様の箇所に含まれる*/ #cart_point_charge .confirmation-text, #confirmation .confirmation-text { margin-bottom: 1%; } #cart_point_charge .confirmation-text .red, #confirmation .confirmation-text .red { color: #d30010; } #cart_point_charge .confirmation-td, #confirmation .confirmation-td { text-align: center; background-color: #fff !important; } #cart_point_charge .confirmation-td2, #confirmation .confirmation-td2 { text-align: end; } #cart_point_charge table tbody tr td, #confirmation table tbody tr td { text-align: left; } #cart_point_charge table tbody tr td .red, #confirmation table tbody tr td .red { color: #d30010; font-weight: bold; } #cart_point_charge table tbody tr .right-side, #confirmation table tbody tr .right-side { width: 60%; } #cart_point_charge table tbody tr .bg-e7e7e7, #confirmation table tbody tr .bg-e7e7e7 { background-color: #e7e7e7; } #cart_point_charge table tbody tr .cart-table-total, #confirmation table tbody tr .cart-table-total { text-align: center; width: 200px; } #cart_point_charge table tbody tr p, #confirmation table tbody tr p { text-align: center; } #cart_point_charge table tbody .blank, #confirmation table tbody .blank { width: 100%; height: 20px; } #cart_point_charge .cart_point_charge_sp, #confirmation .cart_point_charge_sp { display: none; } /*=====ポイント履歴=====*/ #point_history table { width: 100%; text-align: center; } #point_history table tbody th, #point_history table tbody td { border: 1px solid #949494; padding: 5px; } #point_history table tbody th { width: 25%; table-layout: fixed; font-weight: bold; background-color: #e7e7e7; } #point_history .point-table-sp { display: none; } #purchase_history a { color: #1d1dd1; } #purchase_history .bold { font-weight: bold; } #purchase_history .text-right { text-align: end; } #purchase_history .margin-bottom_0 { margin-bottom: 0; } #purchase_history .margin-top_30px { margin-top: 30px; } #purchase_history .font-mini { font-size: 0.6rem; } #purchase_history .purchase_history ul li::before { content: ""; display: inline-block; width: 10px; height: 10px; background-color: #e01515; border-radius: 50%; margin-right: 5px; } #purchase_history .purchase_history table { margin: 30px 0; text-align: center; width: 100%; } #purchase_history .purchase_history table tbody tr { width: 100%; border-bottom: 1px dotted #949494; } #purchase_history .purchase_history table tbody tr th, #purchase_history .purchase_histor table tbody tr td { padding: 10px 5px; vertical-align: middle; } #purchase_history .purchase_history table tbody tr th { background-color: #e7e7e7; font-size: 10px; } #purchase_history .purchase_history table tbody tr td a img { width: 15px; padding-top: 10px; margin-right: 5px; } #purchase_history .purchase_history table tbody tr td a .history-trash-can { width: 12px; } #purchase_history .purchase_history table tbody tr td button { display: block; text-align: center; margin: 0 auto; font-weight: bold; color: #1A1A1A; font-size: 10px; width: fit-content; min-width: 70px; padding: 3px; background-color: #FFB100; border: 2px solid #FFB100; border-radius: 10px; box-shadow: 0 5px 0 0 #D2881A; } #purchase_history table { border-top: 1px solid #000; border-left: 1px solid #000; } #purchase_history .purchase_history table { border-top: none; border-left: none; font-size: 12px; } #purchase_history table tbody tr th { text-align: center; background-color: #e7e7e7; border-right: 1px solid #000; } #purchase_history table tbody tr td { border-right: 1px solid #000; border-bottom: 1px solid #000; padding: 3px; } #purchase_history .purchase_history table tbody tr td a img { width: 20px; } #purchase_history .purchase_history table tbody tr td form a img { width: 14px; } #purchase_history .purchase_history table tbody tr th { background-color: #e7e7e7; } #purchase_history .purchase_history table tbody tr td { border-right: none; border-bottom: none; padding: 3px; } #purchase_history .purchase_history table tbody tr td button:hover { background-color: rgba(255, 177, 0, 0.3137254902); } #purchase_history .purchase_history table tbody tr td button:active { box-shadow: none; transform: translateY(5px); } #purchase_history .purchase_history table tbody tr th:nth-child(2) { width: 20%; } #purchase_history .purchase_history table tbody .table-sp-tr .table-sp { display: none; } #purchase_history .mypage-btn { display: none; } /*@media screen and (max-width: 1080px) { #purchase_history .purchase_history table tbody tr th, #purchase_history .purchase_history table tbody tr td { display: flex; align-items: center; justify-content: center; width: 100%; } }*/ @media screen and (max-width: 1280px) { #purchase_history { width: 100%; } #purchase_history table { width: 100%; } #purchase_history table tbody { width: 100%; } #purchase_history table tbody .thead { display: none; } #purchase_history .purchase_history table tbody tr { margin-bottom: 20px; border: none; border-bottom: none; } #purchase_history table tbody .table-sp-tr { display: flex; flex-direction: column; width: 100%; } #purchase_history .purchase_history table tbody tr th, #purchase_history .purchase_history table tbody tr td,#purchase_history .purchase_history table tbody tr .font-mini { width: 100%; font-size: 12px; padding: 5px 0; } #purchase_history .purchase_history table tbody .table-sp-tr .table-sp { display: block; background-color: #E7E7E7; width: 100%; padding: 10px 0; margin-bottom: 8px; font-size: 14px; } } @media screen and (max-width: 825px) { #purchase_history .mypage-btn { display: block; } } /*=================================================== アコーディオン ======================================================*/ .toggle_switch { position: relative; cursor: pointer; padding: 5px 10px; border-top: 1px solid gray; } .toggle_switch.open { border-bottom: 1px solid gray; } .toggle_switch:hover { background-color: #eee; } .toggle_contents { display: none; padding: 5px 10px; } /*=================================================== 購入会員マイページｓｐメニュー ====================================================*/ #purchase_history .toggle_contents { background-color: #e7e7e7; width: fit-content; padding: 20px; } #purchase_history .toggle_contents p { display: block; width: fit-content; margin: 5px auto 5px 20px; } #purchase_history .toggle_contents a { color: #000; font-weight: bold; } #purchase_history .toggle_contents ul li { width: fit-content; margin: 5px auto 5px 20px; } #purchase_history .toggle_contents ul li a { font-weight: normal; } #purchase_history .toggle_contents button { margin: 20px auto 20px 20px; } #purchase_history .sidebar-loginpage-subtitle { font-weight: bold; } #purchase_history .sidebar-loginpage-text li:hover { font-weight: bold; color: #1d1dd1; transition: 0.3s; transform: scale(1.1) translateX(10px); } #purchase_history .sidebar-loginpage-text li a:hover { color: #1d1dd1; } #purchase_history .sidebar-loginpage-text li img { width: 20px; height: 20px; transform: translateY(3px); margin-right: 5px; } #purchase_history .sidebar-loginpage-text li:hover img { transform: translate(5px, 3px); transition: 1s; } @media screen and (min-width: 825px) { #purchase_history .toggle_contents { display: none!important; } } /*=====ポイント履歴=====*/ #point_history { margin-bottom: 60px; } #point_history p { text-align: center; padding: 10px; } #point_history table { text-align: center; } #point_history table tbody th, #point_history table tbody td { padding: 5px; } #point_history button { display: block; text-align: center; margin: 30px auto; font-weight: bold; color: #1A1A1A; font-size: 14px; width: 200px; padding: 10px; background-color: #FFB100; border: 2px solid #FFB100; border-radius: 10px; box-shadow: 0 5px 0 0 #D2881A; } #point_history button:hover { background-color: rgba(255, 177, 0, 0.3137254902); } #point_history button:active { box-shadow: none; transform: translateY(5px); } /*=====アフィ会員ログインページ=====*/ #affi-login { font-size: 14px; } #affi-login h2 { width: 100%; /*background-image: -webkit-gradient(linear, left top, right top, from(#d30010), to(#a52a2a)); background-image: -webkit-linear-gradient(left, #d30010 0%, #a52a2a 100%); background-image: linear-gradient(to right, #d30010 0%, #a52a2a 100%); color: #fff;*/ background-color: #FFB100; color: #1A1A1A; font-size: 21px; font-weight: bold; padding: 20px; margin-bottom: 10px; } #affi-login .affi-login-warning { margin-bottom: 30px; font-weight: bold; } #affi-login .error-message { color: red; background-color: rgba(255, 0, 0, 0.2); border: 1px solid red; border-radius: 10px; width: 450px; line-height: 30px; padding: 5px 20px; margin-bottom: 20px; } #affi-login .error-message .error-message-sp-blank { display: none; } #affi-login .affi-login-input label { font-weight: bold; } #affi-login .affi-login-input label input { width: 200px; height: 35px; border: 3px solid #949494; margin-bottom: 30px; } #affi-login .affi-login-input label input:focus { background-color: rgba(148, 148, 148, 0.1882352941); } #affi-login .affi-login-input label .input-mail { margin-left: 30px; } #affi-login .affi-login-input label .input-pass { margin-left: 58px; } #affi-login .login-btn a { display: block; background-color: red; color: #fff; font-weight: bold; padding: 10px 30px; width: 116px; margin-bottom: 50px; box-shadow: 0 5px 0 0px rgb(138, 0, 0); border-radius: 10px; } #affi-login .login-btn a:hover { background-color: rgba(255, 0, 0, 0.5); color: #1A1A1A; } #affi-login .login-btn a:active { box-shadow: none; transform: translateY(5px); } #affi-login .affi-login-warning2 { margin-bottom: 30px; } #affi-login .affi-login-warning2 strong { font-weight: bold; color: darkblue; } #affi-login .affi-entry-btn a { display: block; background-color: #FF0013; color: #fff; font-weight: bold; padding: 10px 30px; width: 270px; margin-bottom: 10px; box-shadow: 0 5px 0 0px rgb(138, 0, 0); border-radius: 10px; } #affi-login .affi-entry-btn a:hover { background-color: rgba(255, 0, 0, 0.5); color: #1A1A1A; } #affi-login .affi-entry-btn a:active { box-shadow: none; transform: translateY(5px); } /*=====ヘルプ・購入=====*/ #help-buy h1, #help-iphone h1 { font-size: 21px; color: #333333; margin-bottom: 10px; } #help-buy h2, #help-iphone h2 { font-size: 18px; background-image: linear-gradient(to right, #d30010 0%, #a52a2a 100%); color: #fff; font-weight: bold; /*border: 1px solid #ffcc1a;*/ padding: 12px 10px 8px 10px; margin: 30px 0; } #help-buy .help-iphone-ttl, #help-iphone .help-iphone-ttl { background-image: none; background-color: #fff; color: #d30010; font-weight: bold; padding: 10px; border: 1px solid #d30010; margin-bottom: 0; } #help-buy .help-iphone-flow, #help-iphone .help-iphone-flow { border-left: 10px solid #FFB100; border-bottom: 1px solid #FFB100; font-weight: bold; padding-left: 10px; margin: 20px 0; } #help-buy .help-iphone-img, #help-iphone .help-iphone-img { max-width: 400px; width: 80%; } @media (max-width: 500px) { #help-buy .help-iphone-img, #help-iphone .help-iphone-img { display: block; margin: 0 auto; } } #help-buy h3, #help-iphone h3 { font-size: 18px; font-weight: bold; border-bottom: 1px solid #ffb100; } #help-buy a, #help-iphone a { color: blue; word-break: break-all; } #help-buy p, #help-iphone p { font-size: 14px; padding: 10px 0; word-break: break-all; } #help-buy strong, #help-iphone strong { font-weight: bold; } #help-buy .help-buy-welcome, #help-iphone .help-buy-welcome { font-size: 26px; color: #d30010; } #help-buy .help-buy-btn1 a, #help-iphone .help-buy-btn1 a { display: block; font-weight: bold; color: #1A1A1A; background-color: rgba(255, 177, 0, 0.3137254902); border: 3px solid #ffb100; box-shadow: 0 5px 0 0px #E98900; border-radius: 5px; margin: 40px 0; padding: 15px; } #help-buy .help-buy-btn1 a:hover, #help-iphone .help-buy-btn1 a:hover { background-color: #ffb100; color: #fff; } #help-buy .help-buy-btn1 a:active, #help-iphone .help-buy-btn1 a:active { box-shadow: none; transform: translateY(5px); } #help-buy .help-buy-btn2 a, #help-iphone .help-buy-btn2 a { display: block; font-weight: bold; color: darkblue; border: 1px solid darkblue; border-radius: 5px; box-shadow: 0 5px 0 0px rgb(0, 0, 66); padding: 10px; margin: 15px; } #help-buy .help-buy-btn2 a:hover, #help-iphone .help-buy-btn2 a:hover { color: #fff; background-color: darkblue; } #help-buy .help-buy-btn2 a:active, #help-iphone .help-buy-btn2 a:active { box-shadow: none; transform: translateY(5px); } #help-buy .help-buy-red, #help-iphone .help-buy-red { color: red; font-weight: bold; } #help-buy #title-system table, #help-iphone #title-system table { text-align: center; width: 100%; } #help-buy #title-system table tr, #help-iphone #title-system table tr { border-top: 1px solid #949494; } #help-buy #title-system table tr th, #help-iphone #title-system table tr th { padding: 15px; } #help-buy #title-system table tr th .title-system-sp, #help-iphone #title-system table tr th .title-system-sp { display: none; } #help-buy #title-system table tr td, #help-iphone #title-system table tr td { padding: 15px; } #help-buy #title-system table tr td:first-child, #help-iphone #title-system table tr td:first-child { background-color: #e7e7e7; } #help-buy #title-system table tr:last-child, #help-iphone #title-system table tr:last-child { border-bottom: 1px solid #949494; } #help-buy #title-system table tr:first-child, #help-iphone #title-system table tr:first-child { background-color: #e7e7e7; } #help-buy #download-validity-period .question-list, #help-iphone #download-validity-period .question-list { font-size: 18px; font-weight: bold; margin: 40px 0 20px 0; } #help-buy #download-validity-period dl, #help-iphone #download-validity-period dl { font-size: 14px; padding: 10px 30px 10px 0px; word-break: break-all; } #help-buy #download-validity-period dl dt img, #help-iphone #download-validity-period dl dt img { width: 30px; height: 30px; margin-right: 5px; /*transform: translateY(8px);*/ } #help-buy #download-validity-period dl dd, #help-buy #download-validity-period dl dt, #help-iphone #download-validity-period dl dd, #help-iphone #download-validity-period dl dt { display: flex; align-items: flex-start; } #help-buy #download-validity-period dl dd a, #help-buy #download-validity-period dl dt a, #help-iphone #download-validity-period dl dd a, #help-iphone #download-validity-period dl dt a { word-break: break-all; } #help-buy #download-validity-period dl dd p, #help-buy #download-validity-period dl dt p, #help-iphone #download-validity-period dl dd p, #help-iphone #download-validity-period dl dt p { padding: 8px 0 12px 5px; word-break: break-all; } #help-buy #download-validity-period dl dd img, #help-iphone #download-validity-period dl dd img { width: 23px; height: 30px; margin-right: 10px; transform: translateX(5px); } #help-buy #download-validity-period .flow-container, #help-iphone #download-validity-period .flow-container { border: 5px solid #FFB100; font-size: 14px; margin-bottom: 40px; } #help-buy #download-validity-period .flow-container .flow-top, #help-iphone #download-validity-period .flow-container .flow-top { display: flex; align-items: center; } #help-buy #download-validity-period .flow-container .flow-top .flow-download, #help-iphone #download-validity-period .flow-container .flow-top .flow-download { width: 77px; margin: 20px 0 20px 30px; } #help-buy #download-validity-period .flow-container .flow-top div, #help-iphone #download-validity-period .flow-container .flow-top div { color: #ffb100; font-size: 21px; font-weight: bold; margin: 10px 0 0 10px; } #help-buy #download-validity-period .flow-container .flow-download-column, #help-iphone #download-validity-period .flow-container .flow-download-column { display: flex; align-self: stretch; width: 100%; /*border-bottom: 1px solid #949494;*/ padding-bottom: 20px; margin-bottom: 20px; } #help-buy #download-validity-period .flow-container .flow-download-column .flow-download-columnleft, #help-iphone #download-validity-period .flow-container .flow-download-column .flow-download-columnleft { width: 15%; margin-right: 4%; } #help-buy #download-validity-period .flow-container .flow-download-column .flow-download-columnleft p, #help-iphone #download-validity-period .flow-container .flow-download-column .flow-download-columnleft p { width: 70px; height: 70px; background-color: #FFB100; color: #fff; text-align: center; border-radius: 5px; margin: 0px 20px 0 30px; } #help-buy #download-validity-period .flow-container .flow-download-column .flow-download-columnleft p span, #help-iphone #download-validity-period .flow-container .flow-download-column .flow-download-columnleft p span { font-weight: bold; font-size: 25px; color: #fff; } #help-buy #download-validity-period .flow-container .flow-download-column .flow-download-columnleft p:nth-child(even), #help-iphone #download-validity-period .flow-container .flow-download-column .flow-download-columnleft p:nth-child(even) { display: block; height: calc(100% - 30px); background-color: #fff; border-radius: 0; border-left: 5px solid #FFB100; transform: translateX(calc(50% - 2.5px)); position: relative; z-index: -1; } #help-buy #download-validity-period .flow-container .flow-download-columnright, #help-iphone #download-validity-period .flow-container .flow-download-columnright { width: 75%; margin: 0 auto 0 0; } #help-buy #download-validity-period .flow-container .flow-download-columnright p, #help-iphone #download-validity-period .flow-container .flow-download-columnright p { padding: 0; } #help-iphone { padding-bottom: 60px; } /*=====ヘルプ・販売=====*/ /*=====販売機能について=====*/ /*=====著作権侵害への対応=====*/ #help-sell, #sales_function, #copyright { margin-bottom: 60px; } #help-sell h1, #sales_function h1, #copyright h1 { font-size: 21px; color: #333333; margin-bottom: 10px; } #help-sell h2, #sales_function h2, #copyright h2 { font-size: 18px; color: #1A1A1A; font-weight: bold; /*border: 1px solid #ffcc1a;*/ background-color: #56CCC0; padding: 12px 10px 8px 10px; margin: 30px 0; } #help-sell h3, #sales_function h3, #copyright h3 { font-size: 18px; font-weight: bold; border-bottom: 1px solid #56CCC0; } #help-sell h4, #sales_function h4, #copyright h4 { font-weight: bold; margin-top: 20px; } #help-sell a, #sales_function a, #copyright a { color: blue; } #help-sell p, #sales_function p, #copyright p { font-size: 14px; padding: 10px 0; } #help-sell p span, #sales_function p span, #copyright p span { font-weight: bold; color: red; } #help-sell .howtosell-title, #sales_function .howtosell-title, #copyright .howtosell-title { font-size: 24px; font-weight: bold; color: #56CCC0; } #help-sell .table1, #sales_function .table1, #copyright .table1 { width: 100%; font-size: 14px; font-weight: bold; color: red; margin-bottom: 20px; } #help-sell .table1 tr, #sales_function .table1 tr, #copyright .table1 tr { border-top: 1px solid #949494; } #help-sell .table1 tr th, #sales_function .table1 tr th, #copyright .table1 tr th { padding: 15px; } #help-sell .table1 tr th:first-child, #help-sell .table1 tr td:first-child, #sales_function .table1 tr th:first-child, #sales_function .table1 tr td:first-child, #copyright .table1 tr th:first-child, #copyright .table1 tr td:first-child { text-align: center; background-color: #e7e7e7; color: #1A1A1A; vertical-align: middle; } #help-sell .table1 tr td, #sales_function .table1 tr td, #copyright .table1 tr td { padding: 15px; } #help-sell .table1 tr td .table1-sp, #sales_function .table1 tr td .table1-sp, #copyright .table1 tr td .table1-sp { display: none; } #help-sell .table1 tr:last-child, #sales_function .table1 tr:last-child, #copyright .table1 tr:last-child { border-bottom: 1px solid #949494; } #help-sell .table1 tr:last-child td span, #sales_function .table1 tr:last-child td span, #copyright .table1 tr:last-child td span { font-weight: normal; color: #1A1A1A; } #help-sell .table2, #sales_function .table2, #copyright .table2 { font-size: 14px; font-weight: bold; text-align: center; margin: 20px 0; } #help-sell .table2 tr, #sales_function .table2 tr, #copyright .table2 tr { border-top: 1px solid #949494; } #help-sell .table2 tr th, #sales_function .table2 tr th, #copyright .table2 tr th { background-color: #e7e7e7; padding: 15px; } #help-sell .table2 tr td, #sales_function .table2 tr td, #copyright .table2 tr td { color: red; font-weight: normal; padding: 15px; } #help-sell .table2 tr td span, #sales_function .table2 tr td span, #copyright .table2 tr td span { font-weight: bold; } #help-sell .table2 tr:last-child, #sales_function .table2 tr:last-child, #copyright .table2 tr:last-child { border-bottom: 1px solid #949494; } #help-sell strong, #sales_function strong, #copyright strong { font-weight: bold; } #help-sell .help-sell-welcome, #sales_function .help-sell-welcome, #copyright .help-sell-welcome { font-size: 26px; color: #56CCC0; } #help-sell .help-sell-btn1 a, #sales_function .help-sell-btn1 a, #copyright .help-sell-btn1 a { display: block; font-weight: bold; color: #1A1A1A; background-color: rgba(86, 204, 192, 0.3137254902); border: 3px solid #56CCC0; box-shadow: 0 5px 0 0px #009E67; border-radius: 5px; margin: 40px 0; padding: 15px; } #help-sell .help-sell-btn1 a:hover, #sales_function .help-sell-btn1 a:hover, #copyright .help-sell-btn1 a:hover { background-color: #56CCC0; color: #fff; } #help-sell .help-sell-btn1 a:active, #sales_function .help-sell-btn1 a:active, #copyright .help-sell-btn1 a:active { box-shadow: none; transform: translateY(5px); } #help-sell .help-sell-btn2 a, #sales_function .help-sell-btn2 a, #copyright .help-sell-btn2 a { display: block; font-weight: bold; color: darkblue; border: 1px solid darkblue; border-radius: 5px; box-shadow: 0 5px 0 0px rgb(0, 0, 66); padding: 10px; margin: 15px; } #help-sell .help-sell-btn2 a:hover, #sales_function .help-sell-btn2 a:hover, #copyright .help-sell-btn2 a:hover { color: #fff; background-color: darkblue; } #help-sell .help-sell-btn2 a:active, #sales_function .help-sell-btn2 a:active, #copyright .help-sell-btn2 a:active { box-shadow: none; transform: translateY(5px); } #help-sell .help-sell-red, #sales_function .help-sell-red, #copyright .help-sell-red { color: red; font-weight: bold; } #help-sell #title-system-sell table, #sales_function #title-system-sell table, #copyright #title-system-sell table { width: 100%; margin: 20px 0; font-size: 14px; text-align: center; } #help-sell #title-system-sell table tr, #sales_function #title-system-sell table tr, #copyright #title-system-sell table tr { border-top: 1px solid #949494; } #help-sell #title-system-sell table tr th, #sales_function #title-system-sell table tr th, #copyright #title-system-sell table tr th { padding: 15px; } #help-sell #title-system-sell table tr th .table3-3-sp, #sales_function #title-system-sell table tr th .table3-3-sp, #copyright #title-system-sell table tr th .table3-3-sp { display: none; } #help-sell #title-system-sell table tr th .table3-1-sp, #sales_function #title-system-sell table tr th .table3-1-sp, #copyright #title-system-sell table tr th .table3-1-sp { display: none; } #help-sell #title-system-sell table tr td, #sales_function #title-system-sell table tr td, #copyright #title-system-sell table tr td { padding: 15px; } #help-sell #title-system-sell table tr td .table3-2-sp, #sales_function #title-system-sell table tr td .table3-2-sp, #copyright #title-system-sell table tr td .table3-2-sp { display: none; } #help-sell #title-system-sell table tr td span, #sales_function #title-system-sell table tr td span, #copyright #title-system-sell table tr td span { font-weight: bold; } #help-sell #title-system-sell table tr th:first-child, #help-sell #title-system-sell table tr td:first-child, #sales_function #title-system-sell table tr th:first-child, #sales_function #title-system-sell table tr td:first-child, #copyright #title-system-sell table tr th:first-child, #copyright #title-system-sell table tr td:first-child { background-color: #e7e7e7; font-weight: bold; text-align: center; } #help-sell #title-system-sell table tr:first-child, #sales_function #title-system-sell table tr:first-child, #copyright #title-system-sell table tr:first-child { font-weight: bold; background-color: #e7e7e7; text-align: center; } #help-sell #title-system-sell table tr:last-child, #sales_function #title-system-sell table tr:last-child, #copyright #title-system-sell table tr:last-child { border-bottom: 1px solid #949494; } #help-sell #prohibited-items-for-sale a:hover, #sales_function #prohibited-items-for-sale a:hover, #copyright #prohibited-items-for-sale a:hover { font-weight: bold; } #help-sell #receipt-of-sales .faq, #sales_function #receipt-of-sales .faq, #copyright #receipt-of-sales .faq { font-size: 24px; font-weight: bold; } #help-sell #receipt-of-sales dl, #sales_function #receipt-of-sales dl, #copyright #receipt-of-sales dl { font-size: 14px; padding: 10px 30px 0px 0px; } #help-sell #receipt-of-sales dl dt img, #sales_function #receipt-of-sales dl dt img, #copyright #receipt-of-sales dl dt img { width: 30px; height: 30px; margin-right: 5px; /*transform: translateY(8px);*/ } #help-sell #receipt-of-sales dl dd, #help-sell #receipt-of-sales dl dt, #sales_function #receipt-of-sales dl dd, #sales_function #receipt-of-sales dl dt, #copyright #receipt-of-sales dl dd, #copyright #receipt-of-sales dl dt { display: flex; align-items: flex-start; } #help-sell #receipt-of-sales dl dd p, #help-sell #receipt-of-sales dl dt p, #sales_function #receipt-of-sales dl dd p, #sales_function #receipt-of-sales dl dt p, #copyright #receipt-of-sales dl dd p, #copyright #receipt-of-sales dl dt p { padding: 8px 0 12px 5px; } #help-sell #receipt-of-sales dl dt img, #sales_function #receipt-of-sales dl dt img, #copyright #receipt-of-sales dl dt img { width: 30px; height: 30px; margin-right: 5px; /*transform: translateY(8px);*/ } #help-sell #receipt-of-sales dl dd img, #sales_function #receipt-of-sales dl dd img, #copyright #receipt-of-sales dl dd img { width: 23px; height: 30px; margin-right: 10px; transform: translateX(5px); } #sales_function article dl dt, #sales_function article dl dd { display: flex; align-items: flex-start; } #sales_function article dl dt p, #sales_function article dl dd p { padding: 8px 0 12px 5px; } #sales_function article dl dd { margin-bottom: 20px; } #sales_function article dl dd img { width: 19px; height: 25px; margin-right: 10px; transform: translate(5px, 5px); } /*=====ヘルプ・アフィ=====*/ #help-affi { margin-bottom: 60px; } #help-affi h1 { font-size: 21px; color: #333333; margin-bottom: 10px; } #help-affi h2 { font-size: 18px; color: #1a1a1a; font-weight: bold; /*border: 1px solid #ffcc1a;*/ background-color: #FFB100; padding: 12px 10px 8px 10px; margin: 30px 0; } #help-affi h3 { font-size: 18px; font-weight: bold; border-bottom: 1px solid #FFB100; } #help-affi a { color: blue; } #help-affi p { font-size: 14px; padding: 10px 0; } #help-affi p span { font-weight: bold; color: red; } #help-affi .affi-emphasis { font-size: 18px; font-weight: bold; background-color: rgba(255, 177, 0, 0.3137254902); border: 5px solid #FFB100; padding: 20px; margin: 20px 0; /*color: #fff;*/ } #help-affi strong { font-weight: bold; } #help-affi .help-affi-welcome { font-size: 26px; color: #ff0013; } #help-affi .affi-banner { width: 100%; display: flex; gap: 30px; border-top: 1px solid #949494; padding: 10px 0 20px 0; margin-top: 10px; overflow-x: hidden; } #help-affi .affi-banner img { width: 49%; } #help-affi .help-affi-btn1 a { display: block; font-weight: bold; color: #1A1A1A; background-color: rgba(255, 0, 19, 0.3137254902); border: 3px solid #ff0013; box-shadow: 0 5px 0 0px #9E0014; border-radius: 5px; margin: 40px 0; padding: 15px; } #help-affi .help-affi-btn1 a:hover { background-color: #ff0013; color: #fff; } #help-affi .help-affi-btn1 a:active { box-shadow: none; transform: translateY(5px); } #help-affi .help-affi-btn2 a { display: block; font-weight: bold; color: darkblue; border: 1px solid darkblue; border-radius: 5px; box-shadow: 0 5px 0 0px rgb(0, 0, 66); padding: 10px; margin: 15px; } #help-affi .help-affi-btn2 a:hover { color: #fff; background-color: darkblue; } #help-affi .help-affi-btn2 a:active { box-shadow: none; transform: translateY(5px); } #help-affi .help-affi-red { color: red; font-weight: bold; } #help-affi #title-system-affi table { text-align: center; width: 100%; } #help-affi #title-system-affi table tr { border-top: 1px solid #949494; } #help-affi #title-system-affi table tr th { padding: 15px; font-weight: bold; } #help-affi #title-system-affi table tr th .title-system-sp { display: none; } #help-affi #title-system-affi table tr th span { font-weight: bold; } #help-affi #title-system-affi table tr th .affi-table-sp2 { display: none; } #help-affi #title-system-affi table tr td { padding: 15px; } #help-affi #title-system-affi table tr td span { font-weight: bold; } #help-affi #title-system-affi table tr td .affi-table-sp1 { display: none; } #help-affi #title-system-affi table tr td:first-child { background-color: #e7e7e7; font-weight: bold; } #help-affi #title-system-affi table tr td:last-child { text-align: left; padding-left: 10%; } #help-affi #title-system-affi table tr:last-child { border-bottom: 1px solid #949494; } #help-affi #title-system-affi table tr:first-child { background-color: #e7e7e7; } #help-affi #receipt-of-reward-affi .question-list { font-size: 18px; font-weight: bold; margin: 40px 0 20px 0; } #help-affi #receipt-of-reward-affi dl { font-size: 14px; padding: 10px 30px 10px 0px; } #help-affi #receipt-of-reward-affi dl dt img { width: 30px; height: 30px; margin-right: 5px; /*transform: translateY(8px);*/ } #help-affi #receipt-of-reward-affi dl dd, #help-affi #receipt-of-reward-affi dl dt { display: flex; align-items: flex-start; } #help-affi #receipt-of-reward-affi dl dd p, #help-affi #receipt-of-reward-affi dl dt p { padding: 8px 0 12px 5px; } #help-affi #receipt-of-reward-affi dl dd span { color: #1A1A1A; } #help-affi #receipt-of-reward-affi dl dd img { width: 23px; height: 30px; margin-right: 10px; transform: translateX(5px); } #help-affi #receipt-of-reward-affi .flow-container { border: 5px solid #FFB100; font-size: 14px; margin-bottom: 40px; } #help-affi #receipt-of-reward-affi .flow-container .flow-top { display: flex; align-items: center; } #help-affi #receipt-of-reward-affi .flow-container .flow-top .flow-download { width: 77px; margin: 20px 0 20px 30px; } #help-affi #receipt-of-reward-affi .flow-container .flow-top div { color: #ffB100; font-size: 21px; font-weight: bold; margin: 10px 0 0 10px; } #help-affi #receipt-of-reward-affi .flow-container .flow-download-column { display: flex; align-self: stretch; width: 100%; /*border-bottom: 1px solid #949494;*/ padding-bottom: 20px; margin-bottom: 20px; } @media screen and (max-width: 580px) { #help-affi #receipt-of-reward-affi .flow-container .flow-download-column { gap: 10%; } } #help-affi #receipt-of-reward-affi .flow-container .flow-download-column .flow-download-columnleft { width: 15%; margin-right: 4%; } #help-affi #receipt-of-reward-affi .flow-container .flow-download-column .flow-download-columnleft p { width: 70px; height: 70px; background-color: #FFB100; color: #1a1a1a; text-align: center; border-radius: 5px; margin: 0px 20px 0 30px; } @media screen and (max-width: 580px) { #help-affi #receipt-of-reward-affi .flow-container .flow-download-column .flow-download-columnleft p { width: 50px; margin: 0px 20px 0 15px; } } #help-affi #receipt-of-reward-affi .flow-container .flow-download-column .flow-download-columnleft p span { font-weight: bold; font-size: 25px; color: #1a1a1a; } #help-affi #receipt-of-reward-affi .flow-container .flow-download-column .flow-download-columnleft p:nth-child(even) { display: block; height: calc(100% - 30px); background-color: #fff; border-radius: 0; border-left: 5px solid #FFB100; transform: translateX(calc(50% - 2.5px)); position: relative; z-index: -1; } #help-affi #receipt-of-reward-affi .flow-container .flow-download-column:nth-child(4) .flow-download-columnleft p:nth-child(even) { border-left: none; } #help-affi #receipt-of-reward-affi .flow-container .flow-download-columnright { width: 75%; margin: 0 auto 0 0; } @media screen and (max-width: 580px) { #help-affi #receipt-of-reward-affi .flow-container .flow-download-columnright { width: 65%; } } #help-affi #receipt-of-reward-affi .flow-container .flow-download-columnright p { padding: 0; } /*=====タグ一覧=====*/ #tag { /*グループに黄色タグを付与する場合*/ /* class="tag-group" を class="tag-group tag-yellow-group" に*/ } #tag img { width: 15px; vertical-align: middle; margin-right: 5px; } #tag h2 { font-size: 18px; color: #1A1A1A; font-weight: bold; /*border: 1px solid #ffcc1a;*/ background-color: #ffb100; padding: 12px 10px 8px 10px; margin: 0 auto 30px; } @media screen and (max-width: 825px) { #tag h2 { margin: 0 auto 30px; } } #tag .tag-group { padding: 10px; display: flex; flex-wrap: wrap; } #tag .tag-group div { display: flex; margin-right: 20px; /*個別に黄色タグを付与する場合*/ /*pタグに class="tag-yellow" を付与*/ } #tag .tag-group div p { font-size: 14px; padding: 2px 5px; margin-bottom: 10px; } #tag .tag-group div p:nth-child(1) { border: 1px solid #949494; border-radius: 3px; background-color: #e7e7e7; } #tag .tag-group div a .tag-yellow { background-color: #ffd981; } #tag .tag-yellow-group div p:nth-child(1) { background-color: #ffd981; } /*=====商品詳細=====*/ #product-detail { margin-bottom: 60px; } #product-detail .cart-button-box { display: flex; gap: 2%; align-items: center; flex-wrap: wrap; position: relative; } #product-detail .cart-button-box li .balloon1 { position: absolute; top: -30px; left: 20px; display: inline-block; margin: 1.5em 0; padding: 7px 10px; min-width: 120px; max-width: 100%; color: #fff; font-size: 16px; background: rgba(0, 0, 0, 0.5843137255); display: none; animation: ballon 3s ease forwards; } #product-detail .cart-button-box li .balloon1:before { content: ""; position: absolute; top: 100%; left: 30%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid rgba(0, 0, 0, 0.5843137255); } @keyframes ballon { 0% { opacity: 1; } 100% { opacity: 0; } } #product-detail .cart-button-box li .balloon1 p { margin: 0; padding: 0; } #product-detail .cart-button-box li .add_btn3 { display: inline-block; } #product-detail .product-detail-title { background-color: #fff; border-top: 5px solid #FFB100; border-bottom: 5px solid #FFB100; } #product-detail .product-detail-column-container { display: flex; justify-content: space-between; } #product-detail .product-detail-column-container .product-detail-column-left, #product-detail .product-detail-column-container .product-detail-column-right { width: 50%; } #product-detail .product-detail-column-container .product-detail-column-left .open, #product-detail .product-detail-column-container .product-detail-column-right .open { cursor: pointer; } #product-detail .product-detail-column-container .product-detail-column-left #pop-up1, #product-detail .product-detail-column-container .product-detail-column-right #pop-up1 { display: none; } #product-detail .product-detail-column-container .product-detail-column-left .overlay, #product-detail .product-detail-column-container .product-detail-column-right .overlay { display: none; } #product-detail .product-detail-column-container .product-detail-column-left #pop-up1:checked + .overlay, #product-detail .product-detail-column-container .product-detail-column-left #pop-up2:checked + .overlay, #product-detail .product-detail-column-container .product-detail-column-left #pop-up3:checked + .overlay, #product-detail .product-detail-column-container .product-detail-column-left #pop-up4:checked + .overlay, #product-detail .product-detail-column-container .product-detail-column-left #pop-up5:checked + .overlay, #product-detail .product-detail-column-container .product-detail-column-left #pop-up6:checked + .overlay, #product-detail .product-detail-column-container .product-detail-column-left #pop-up7:checked + .overlay, #product-detail .product-detail-column-container .product-detail-column-right #pop-up1:checked + .overlay, #product-detail .product-detail-column-container .product-detail-column-right #pop-up2:checked + .overlay, #product-detail .product-detail-column-container .product-detail-column-right #pop-up3:checked + .overlay, #product-detail .product-detail-column-container .product-detail-column-right #pop-up4:checked + .overlay, #product-detail .product-detail-column-container .product-detail-column-right #pop-up5:checked + .overlay, #product-detail .product-detail-column-container .product-detail-column-right #pop-up6:checked + .overlay, #product-detail .product-detail-column-container .product-detail-column-right #pop-up7:checked + .overlay { display: block; position: fixed; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; background: rgba(0, 0, 0, 0.6); } #product-detail .product-detail-column-container .product-detail-column-left .window, #product-detail .product-detail-column-container .product-detail-column-right .window { position: fixed; top: 50%; left: 50%; width: 100%; align-items: center; transform: translate(-50%, -50%); text-align: center; } #product-detail .product-detail-column-container .product-detail-column-left .window img, #product-detail .product-detail-column-container .product-detail-column-right .window img { max-width: 500px; width: 100%; } #product-detail .product-detail-column-container .product-detail-column-left .window p, #product-detail .product-detail-column-container .product-detail-column-right .window p { font-size: 12px; font-weight: bold; background-color: #fff; padding: 10px 15px; max-width: 600px; width: 100%; margin: 0 auto; } #product-detail .product-detail-column-container .product-detail-column-left .close, #product-detail .product-detail-column-container .product-detail-column-right .close { position: absolute; top: -100%; right: 0; width: 100vw; height: 200vh; cursor: pointer; } #product-detail .product-detail-column-container .product-detail-column-right { box-sizing: border-box; width: 50%; margin: 0 0 0 30px; font-size: 14px; } #product-detail .product-detail-column-container .product-detail-column-right dl { display: flex; flex-wrap: wrap; } #product-detail .product-detail-column-container .product-detail-column-right dl dt, #product-detail .product-detail-column-container .product-detail-column-right dl dd { border-bottom: 1px solid #949494; padding: 10px 0; } #product-detail .product-detail-column-container .product-detail-column-right dl dt a, #product-detail .product-detail-column-container .product-detail-column-right dl dd a { color: #1d1dd1; } #product-detail .product-detail-column-container .product-detail-column-right dl dt { width: 30%; font-weight: bold; } #product-detail .product-detail-column-container .product-detail-column-right dl dd { width: 70%; } #product-detail .product-detail-column-container .product-detail-column-right dl .font-red-bold { color: #FF0000; font-weight: bold; } #product-detail .product-detail-column-container .product-detail-column-right dl .supplement { background-color: #e7e7e7; border: 1px solid #949494; border-radius: 5px; padding: 0 10px; } #product-detail .product-detail-top { margin-bottom: 30px; } #product-detail .product-detail-column-text p { margin: 20px 0 0 0; } #product-detail .product-detail-column-text a { color: #1d1dd1; word-wrap: break-word; } #product-detail .product-detail-column-text .product-detail-comment { margin: 20px 0; } #product-detail button { width: 150px; font-size: 14px; font-weight: bold; margin: 10px 20px 10px 0; background-color: #FFB100; border: 3px solid #FFB100; border-radius: 10px; text-align: center; box-shadow: 0 5px 0 0 #D2881A; } #product-detail button a { display: block; padding: 10px; } #product-detail button img { width: 20px; vertical-align: middle; margin-right: 5px; } #product-detail button:hover { background-color: rgba(255, 177, 0, 0.3137254902); border: 3px solid #FFB100; } #product-detail button:active { box-shadow: none; transform: translateY(5px); } #product-detail .product-detail-btn1, #product-detail .product-detail-btn2, #product-detail .product-detail-btn3 { width: -moz-fit-content; width: fit-content; color: #fff; white-space: pre-wrap; } #product-detail .product-detail-btn1 p, #product-detail .product-detail-btn2 p, #product-detail .product-detail-btn3 p { display: block; padding: 10px; } #product-detail .product-detail-btn3 { display: flex; justify-content: center; align-items: center; width: 170px; } #product-detail .product-detail-btn3 p { padding: 10px 0; color: #1A1A1A; } #product-detail .product-detail-btn1 { background-color: #1d1dd1; border: 3px solid #1d1dd1; box-shadow: 0 5px 0 0 #0c0c53; width: 260px; } #product-detail .product-detail-btn1:hover { background-color: rgba(29, 29, 209, 0.3137254902); border: 3px solid #1d1dd1; color: #1A1A1A; } #product-detail .product-detail-btn2 { background-color: #e60012; border: 3px solid #e60012; box-shadow: 0 5px 0 0 #7c0000; width: 220px; } #product-detail .product-detail-btn2:hover { background-color: rgba(230, 0, 18, 0.3137254902); border: 3px solid #e60012; color: #1A1A1A; } #product-detail .product-detail-btn_no { color: rgba(26, 26, 26, 0.5019607843); background-color: rgba(26, 26, 26, 0.1882352941); border: 3px solid rgba(26, 26, 26, 0.1882352941); box-shadow: none; } #product-detail .product-detail-btn_no:hover { color: rgba(26, 26, 26, 0.5019607843); background-color: rgba(26, 26, 26, 0.1882352941); border: 3px solid rgba(26, 26, 26, 0.1882352941); box-shadow: none; pointer-events: none; cursor: default; } #product-detail .product-detail-btn_no:active { box-shadow: none; transform: translateY(0); } #product-detail .product-detail-btn_no a { pointer-events: none; } #product-detail .product-detail-tag-group { position: relative; } #product-detail .product-detail-tag-group .product-detail-tag { padding: 10px 10px 30px 10px; display: flex; flex-wrap: wrap; } #product-detail .product-detail-tag-group .product-detail-tag div { margin-right: 20px; /*個別に黄色タグを付与する場合*/ /*pタグに class="tag-yellow" を付与*/ } #product-detail .product-detail-tag-group .product-detail-tag div p { font-size: 14px; padding: 2px 5px; margin-bottom: 10px; } #product-detail .product-detail-tag-group .product-detail-tag div p img { width: 15px; vertical-align: middle; margin-right: 5px; } #product-detail .product-detail-tag-group .product-detail-tag div p:nth-child(1) { border: 1px solid #949494; border-radius: 3px; background-color: #e7e7e7; } #product-detail .product-detail-tag-group .product-detail-tag div a .tag-yellow { background-color: #ffd981; } #product-detail .product-detail-tag-group .tag-link { position: absolute; bottom: 0; right: 10px; } #product-detail .product-detail-tag-group .tag-link a { font-size: 12px; color: #1d1dd1; } #product-detail .product-detail-information a, #product-detail .product-detail-member a { font-size: 12px; color: #1d1dd1; font-weight: bold; } #product-detail .product-detail-information dl, #product-detail .product-detail-member dl { display: flex; flex-wrap: wrap; font-size: 14px; } #product-detail .product-detail-information dl dt, #product-detail .product-detail-information dl dd, #product-detail .product-detail-member dl dt, #product-detail .product-detail-member dl dd { padding: 10px 0; } #product-detail .product-detail-information dl dt, #product-detail .product-detail-member dl dt { width: 20%; font-weight: bold; } #product-detail .product-detail-information dl dd, #product-detail .product-detail-member dl dd { width: 70%; } #product-detail .product-detail-information dl .supplement, #product-detail .product-detail-member dl .supplement { background-color: #e7e7e7; border: 1px solid #949494; border-radius: 5px; padding: 0 10px; } #product-detail .product-detail-member { position: relative; } #product-detail .product-detail-member div { position: absolute; top: 10px; right: 20px; } #product-detail .product-detail-recommend { /*order: 1px solid #FF0000;*/ text-align: center; font-size: 12px; display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; padding: 10px; margin-bottom: 60px; } #product-detail .product-detail-recommend div { width: 24%; } #product-detail .product-detail-recommend div > a { display: flex; align-items: center; justify-content: center; width: 100%; height: fit-content; margin: 0 auto; background-color: #ebebeb; } #product-detail .product-detail-recommend div a img { width: 100%; height: 14vw; object-fit: contain; } @media screen and (max-width: 825px) { #product-detail .product-detail-recommend div a img { width: 23vw; height: 17.25vw; } } #product-detail .product-detail-recommend div .recommend-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*#product-detail .product-detail-recommend div .recommend-title::before { content: "特典"; font-size: 10px; font-weight: bold; color: #fff; background-color: #1d1dd1; padding: 2px; }*/ #product-detail .product-detail-recommend div .recommend-price { font-weight: bold; margin: 10px 0; } #product-detail .product-detail-recommend div .price-sale { position: relative; } #product-detail .product-detail-recommend div .price-sale::after { display: block; content: ""; background-image: url("https://yusuke-shinto-portfolio.com/HONEYsPOT/assets/image/point_square_20.png"); background-size: contain; background-repeat: no-repeat; width: 30px; height: 30px; position: absolute; top: -5px; right: 30px; } #product-detail .product-detail-recommend div .recommend-price-back { font-size: 10px; color: #e01515; } #product-detail .product-detail-recommend2 { text-align: center; font-size: 12px; display: flex; flex-wrap: wrap; justify-content: left; gap: 10px; align-items: stretch; padding: 10px; width: 100%; } #product-detail .product-detail-recommend2 div { width: calc((100% - 20px) / 3); } #product-detail .product-detail-recommend2 div a { display: flex; align-items: center; justify-content: center; width: fit-content; height: fit-content; margin: 0 auto; } #product-detail .product-detail-recommend2 div a img { width: 18vw; height: 13.5vw; object-fit: cover; } @media screen and (max-width: 825px) { #product-detail .product-detail-recommend2 div a img { width: 23vw; height: 17.25vw; } } #product-detail .product-detail-recommend2 div .recommend-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #product-detail .product-detail-recommend2 div .recommend-price { font-weight: bold; margin: 10px 0; } /*=====r-18・年齢確認=====*/ #r-18 { position: fixed; z-index: 110; top: 0; left: 0; width: 100%; height: 100vh; background-color: #dedede; /*background-image: radial-gradient(#000 30%, transparent 30%); background-size: 10px 10px;*/ text-align: center; display: block; } #r-18 .r-18 { border-radius: 20px; padding: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; } #r-18 .r-18 img { width: 100px; } #r-18 .r-18 .r-18-title { color: red; font-weight: bold; margin-bottom: 20px; } #r-18 .r-18 .r-18-btn-text { margin-top: 20px; font-weight: bold; } #r-18 .r-18 button { border: 1px solid #949494; padding: 10px; margin: 10px 10px 0; color: #fff; font-weight: bold; cursor: pointer; width: 100px; } #r-18 .r-18 .r-18-no { background-color: #949494; } #r-18 .r-18 .r-18-yes { background-color: #FFB100; } #r-18 .r-18 .r-18-yes:active #r-18 { display: none; } @media (max-width: 825px) { #r-18 .r-18 { width: 80%; } } #r-18.del { display: none; } /*=====お問い合わせ=====*/ #contact { } #contact a { color: #1d1dd1; } #contact form dl { display: flex; flex-wrap: wrap; margin: 30px 10% 30px 0; border-bottom: 1px solid #000; } #contact form dl dt, #contact form dl dd { padding: 5px; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; } #contact form dl dd { vertical-align: middle; } #contact form dl dt { width: 30%; font-weight: bold; text-align: left; } #contact form dl dd p { padding: 10px; } #contact form dl dt { padding: 15px 10px 10px 10px; } #contact form dl .required::after, #contact form dl .space::after { content: "必須"; font-weight: bold; color: #fff; font-size: 10px; background-color: #a52a2a; padding: 3px; margin: 0 0 0 5px; } #contact form dl .space::after { background-color: #fff; } #contact form dl dd { width: 70%; } #contact form dl dd input, #contact form dl dd textarea { border: 1px solid #949494; padding: 5px; width: 100%; } #contact form dl dd input[type=radio] { display: none; } #contact form dl dd input[placeholder], #contact form dl dd textarea[placeholder] { padding-left: 10px; color: #1a1a1a; } #contact form dl dd input:focus, #contact form dl dd textarea:focus { border: 1px solid #1A1A1A; background-color: #e7e7e7; } #contact form dl dd input:checked + span::before { width: 10px; height: 10px; border-radius: 50%; background-color: #a52a2a; } #contact form dl dd .radio-wrap label .text { position: relative; padding-left: 20px; } #contact form dl dd .radio-wrap label .text::before { content: ""; display: block; position: absolute; top: 50%; left: 5px; transform: translateY(-50%); border: 1px solid #949494; border-radius: 50%; width: 12px; height: 12px; } #contact form dl dd .radio-wrap label .text::after { content: ""; display: block; position: absolute; top: 50%; left: 5px; transform: translateY(-50%); width: 10px; height: 10px; border-radius: 50%; background-color: #a52a2a; opacity: 0; transition: all 0.3s; } #contact form dl dd .text-wrap textarea { height: auto; } #contact form dl dd .FlexTextarea { position: relative; font-size: 1rem; line-height: 1.8; } #contact form dl dd .FlexTextarea__dummy { overflow: hidden; visibility: hidden; box-sizing: border-box; padding: 5px 15px; min-height: 120px; white-space: pre-wrap; word-wrap: break-word; overflow-wrap: break-word; border: 1px solid; } #contact form dl dd .FlexTextarea__textarea { position: absolute; top: 0; left: 0; display: block; overflow: hidden; box-sizing: border-box; padding: 5px 15px; width: 100%; height: 100%; background-color: transparent; border: 1px solid #949494; color: inherit; font: inherit; letter-spacing: inherit; resize: none; } #contact form .contact-btnbox { display: flex; align-items: center; justify-content: center; gap: 10%; } #contact form .contact-btnbox button { margin: 0; } #contact button { display: block; text-align: center; width: 150px; margin: 0 auto; font-weight: bold; color: #1A1A1A; font-size: 14px; padding: 10px; background-color: #FFB100; border: 2px solid #FFB100; border-radius: 10px; box-shadow: 0 5px 0 0 #D2881A; cursor: pointer; } #contact button:hover { background-color: rgba(255, 177, 0, 0.3137254902); } #contact button:active { box-shadow: none; transform: translateY(5px); } /*=====利用規約=====*/ #terms_of_service { margin-bottom: 30px; } #terms_of_service article .mail p:nth-child(1), #terms_of_service article .mail p:nth-child(3) { border-bottom: 1px solid #949494; width: 200px; } #terms_of_service article .mail { margin: 0 0 10px 0; } #terms_of_service article p { padding: 5px 0; } #terms_of_service article ol li, #terms_of_service article ul li { padding: 5px 0; } #terms_of_service article ol { list-style: startic; list-style-position: inside; } #terms_of_service article ol ul { list-style: inside; padding: 5px 0; } #terms_of_service article ol ul li { padding: 0 0 0 20px; } #terms_of_service article ul { list-style: inside; padding: 5px 0; } #terms_of_service article ul ul li { padding: 0 0 0 20px; } /*=====個人情報=====*/ #personal-info .personal-info-info { padding: 0px 0 30px 0; } #personal-info ol { list-style: startic; padding: 0 0 0 30px; } #personal-info ol li { padding: 10px 0; } #personal-info ol ul { list-style: inside; } #personal-info ol ul li { padding: 0; } #personal-info .personal-info-end { text-align: end; } /*=====管理会社について=====*/ #management-company { margin: 0 0 60px 0; } #management-company dl { border-bottom: 1px solid #949494; display: flex; flex-wrap: wrap; margin: 0 0 30px 0; } #management-company dl dt, #management-company dl dd { padding: 10px; border-top: 1px solid #949494; display: flex; align-items: center; } #management-company dl dt { width: 20%; font-weight: bold; background-color: #e7e7e7; justify-content: center; } #management-company dl dd { width: 75%; padding: 5px 0 5px 20px; } #management-company p { padding: 5px 0; } /*=====退会=====*/ #withdrawal button { display: block; text-align: center; width: 150px; font-weight: bold; color: #1A1A1A; margin: 30px 0 60px 0; padding: 10px; background-color: #FFB100; border: 2px solid #FFB100; border-radius: 10px; box-shadow: 0 5px 0 0 #D2881A; } #withdrawal button:hover { background-color: rgba(255, 177, 0, 0.3137254902); } #withdrawal button:active { box-shadow: none; transform: translateY(5px); } #faq a { color: #1d1dd1; } #faq .font-red { color: #a52a2a; } #faq .bold { font-weight: bold; } #faq .faq-search { /*.accordion-area{ list-style: none; width: 96%; max-width: 900px; margin:0 auto; }*/ /*アコーディオンタイトル*/ /*開くと閉じる*/ /*closeというクラスがついたら形状変化*/ /*アコーディオンで現れるエリア*/ } #faq .faq-search .green-h2 { background-color: #56CCC0; color: #fff; } #faq .faq-search .red-h2 { background-image: linear-gradient(to right, #d30010 0%, #a52a2a 100%); color: #fff; } #faq .faq-search .green-h3 li h3 { border-bottom: 3px solid #56CCC0; } #faq .faq-search .red-h3 li h3 { border-bottom: 3px solid #d30010; -o-border-image: linear-gradient(to right, #d30010 0%, #a52a2a 100%); border-image: linear-gradient(to right, #d30010 0%, #a52a2a 100%); border-image-slice: 1; } #faq .faq-search .faq-search-container { background-color: #e7e7e7; padding: 15px; margin: 0 0 20px 0; position: relative; } #faq .faq-search .faq-search-container input { background-color: #fff; border: 1px solid #949494; padding: 10px 10px 10px 50px; width: 80%; } #faq .faq-search .faq-search-container input[placeholder] { color: #1a1a1a; } #faq .faq-search .faq-search-container img { position: absolute; display: block; top: 58px; left: 30px; transform: translateY(-50%); width: 20px; height: 20px; } #faq .faq-search .faq-search-container p .br-sp { display: none; } #faq .faq-search .faq-tag-container { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 30px 0; } #faq .faq-search .faq-tag-container p { margin-bottom: 10px; } #faq .faq-search .faq-tag-container p .faq-tag { background-color: #949494; border-radius: 5px; padding: 5px 10px; color: #fff; } #faq .faq-search .faq-tag-container p .yellow { background-color: #ffB100; } #faq .faq-search .faq-tag-container p .blue { background-color: #56CCC0; } #faq .faq-search .faq-tag-container p .red { background-image: linear-gradient(to right, #d30010 0%, #a52a2a 100%); } #faq .faq-search .accordion-area li { margin-bottom: 30px; } #faq .faq-search .title { font-size: 14px; position: relative; transition: all 0.5s ease; } #faq .faq-search .title::before, #faq .faq-search .title::after { position: absolute; content: ""; font-size: 12px; top: 0; right: 20px; } #faq .faq-search .title::before { content: "▼回答を開く"; } #faq .faq-search .title::after { content: "▲閉じる"; display: none; } #faq .faq-search .title.close::before { display: none; } #faq .faq-search .title.close::after { display: block; } #faq .faq-search .box { display: none; margin: 0 0 0 20px; } /*=====フッター=====*/ #footer { width: 100%; /* height: 90px; */ border-top: 1px solid #949494; border-bottom: 1px solid #949494; padding-top: 10px; } #footer footer { display: flex; justify-content: space-between; } footer img { width: 137px; height: 70px; margin-left: 10px; } footer ul { display: flex; } footer ul li { margin: 38px 10px 0 0; padding-right: 10px; border-right: 1px solid #949494; height: 14px; line-height: 14px; font-size: 14px; } footer ul li:hover { font-weight: bold; } .copyright { height: 45px; line-height: 45px; font-size: 12px; font-weight: bold; text-align: center; } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ /*=====レスポンシブ=====*/ /*新着動画ボーダーレスポンシブ*/ .contents .contentColumn li .border_1, .contents .contentColumn li .border_5, .contents .contentColumn li .border_9, .contents .contentColumn li .border_13, .contents .contentColumn li .border_17 { display: block; } .contents .contentColumn li .movieborder5 { display: block; } @media screen and (max-width: 1311px) { .contents .contentColumn li { width: 30%; /*min-height: 280px;*/ } #buymember-detail .contents .contentColumn li { width: 22%; } .contents .contentColumn li .border { width: 310%; } .contents .contentColumn li .border_5, .contents .contentColumn li .border_9, .contents .contentColumn li .border_13, .contents .contentColumn li .border_17 { display: none; } .contents .contentColumn li .border_4, .contents .contentColumn li .border_7, .contents .contentColumn li .border_10, .contents .contentColumn li .border_13, .contents .contentColumn li .border_16, .contents .contentColumn li .border_19 { display: block; } .contents .contentColumn li .movieborder4, .contents .contentColumn li .movieborder7 { display: block; } /*.category ul li:nth-child(7),.category ul li:nth-child(8) { display: none; }*/ #sales_member article ul li, #for_now article ul li, #blacklist article ul li { width: 48%; } #sales_member article ul li img, #for_now article ul li img, #blacklist article ul li img { max-width: 380px; max-height: 285px; width: 30vw; height: 22vw; } } @media screen and (max-width: 1245px) { #sellmember_reduction { font-size: 12px; } .contents .contentColumn li { width: 30%; /*min-height: 280px;*/ } #buymember-detail .contents .contentColumn li { width: 21%; } } @media screen and (max-width: 1180px) { .inner { max-width: 1000px; width: 100%; } #header .header .header-right { gap: 5px; } #header .header .header-right .header-btn { width: 125px; height: 33px; border: 1px solid #949494; border-radius: 3px; display: flex; align-items: center; padding-left: 10px; font-size: 12px; } #header .header_nav_img ul li a .header-logo { transform: translate(10%, -20%); } .column { gap: 30px; } .side-bar-btn .side-btn { height: 50px; border-radius: 6px; margin-bottom: 30px; } .side-bar-btn .side-btn .side-btn-img, .side-bar-btn .side-btn .side-btn-img-sp { width: 30px; height: 11.5px; margin: 22px 0 12px 20px; } .side-bar-btn .side-btn .side-btn-arrow, .side-bar-btn .side-btn .side-btn-arrow-sp { width: 8px; height: 16px; margin: 18px 10px 0 0; } .side-bar-btn .side-btn .side-btn-text { font-size: 13.5px; font-weight: bold; line-height: 50px; padding-top: 3px; } .contents .contentColumn li { width: 29%; /*min-height: 250px;*/ } #buymember-detail .contents .contentColumn li { width: 21%; } .contents .contentColumn li .border { width: 310%; } .contents .contentColumn li .border_5 { display: none; } .contents .contentColumn li .movieborder4, .contents .contentColumn li .movieborder7 { display: block; } #ranking-monthly .ranking-monthly ul li { display: flex; flex-wrap: wrap; gap: 0; padding-bottom: 0; } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-left { width: 200px; } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-center { margin: 0 0 10px 10px; } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-right { width: 100%; display: flex; justify-content: space-between; } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-right .ranking-monthly-btn-container { width: 60%; display: flex; flex-direction: row-reverse; gap: 20px; } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-right .ranking-monthly-btn-container .ranking-monthly-btn { width: 70%; /*height: 40px; padding: 11px 0 5px 0;*/ } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-right .ranking-monthly-btn-container .ranking-monthly-btn .ranking-monthly-spblank { display: none; } /*#ranking-monthly .ranking-monthly ul li .ranking-monthly-li-right .ranking-monthly-btn-container .ranking-monthly-btn1 { padding: 12px 0 5px 0; }*/ #member-loginpage .member-loginpage-list-container ul li { width: 30%; } #product-detail .product-detail-recommend div .price-sale::after { right: 5px; } #sales_member article ul li img, #for_now article ul li img, #blacklist article ul li img { max-width: 270px; max-height: 202px; width: 25vw; height: 18.75vw; } #sellmember_purchase_privilege table tr th { font-size: 12px; } #sellmember_purchase_privilege .blank { height: 30px; } #sellmember_reduction { /*.table-pc { display: none; }*/ } #sellmember_reduction table { width: 100%; } #sellmember_reduction table tr { display: flex; } #sellmember_reduction table tr th { text-align: end; width: 40%; } #sellmember_reduction table tr td { width: 60%; } #sellmember_reduction table .blank { height: 20px; } #sellmember_reduction .tbl-r06 { width: 100%; } #sellmember_reduction .tbl-r06 .thead { display: none; } #sellmember_reduction .tbl-r06 .last { border-bottom: none; } #sellmember_reduction .tbl-r06 .table-sp-tr { display: flex; flex-wrap: wrap; } #sellmember_reduction .tbl-r06 .table-sp-tr th { width: 0; border: none; } #sellmember_reduction .tbl-r06 .table-sp-tr td { display: block; width: 100%; padding: 0 0 10px 0; border: none; } #sellmember_reduction .tbl-r06 .table-sp-tr td .table-sp { display: block; width: 100%; font-weight: bold; background-color: #e7e7e7; padding: 10px; margin: 0 0 10px 0; } #sellmember_reduction .tbl-r06 .blank { display: block; } #sellmember_reduction .table-sp th, #sellmember_reduction .table-sp td { display: block; } #sellmember_reduction .table-sp .blank { height: 30px; } #sellmember_provide_samples table tr th, #sellmember_provide_samples table tr td { font-size: 12px; } #sellmember_provide_samples button { font-size: 12px; } } @media screen and (max-width: 950px) { .contents .contentColumn li { width: 28%; } .contents .contentColumn li .contentColumn-img { max-width: 280px; } #buymember-detail .contents .contentColumn li { width: 20%; } .contents .category-longtitle { font-size: 20px; } #loopSlider .slider-container { width: 266%; } /*#loopSlider .slider-container .slider-loop { animation: 30s linear infinite sliderAnimation; }*/ #loopSlider .slider-container .slider-loop .slider-loop-img { margin-top: 20px; } #loopSlider .slider-container .slider-loop .slider-loop-text { margin: 8px 0 20px 0; font-size: 10px; } /*@keyframes sliderAnimation { 100% { transform: translateX(-322%); } }*/ #help-affi .affi-banner { width: 100%; display: flex; gap: 30px; border-top: 1px solid #949494; padding: 10px 0 20px 0; margin-top: 10px; overflow-x: hidden; } #help-affi .affi-banner img { width: 40%; } #title-system table { font-size: 12px; } #title-system table tr { border-top: 1px solid #949494; } #title-system table tr:last-child { border-bottom: 1px solid #949494; } #title-system table tr:first-child { background-color: #e7e7e7; } #title-system table th { padding: 15px; } #title-system table td { padding: 15px; } #title-system table td:first-child { background-color: #e7e7e7; } #help-sell #title-system-sell table tr th .table3-1-sp { display: block; } #help-sell #title-system-sell table tr td .table3-2-sp { display: block; } #sales_member article, #for_now article, #blacklist article { font-size: 12px; } #sales_member article ul li img, #for_now article ul li img, #blacklist article ul li img { max-width: 240px; max-height: 240px; } .side-bar-btn .side-btn { gap: 3px; } .side-bar-btn .side-btn .side-btn-arrow, .side-bar-btn .side-btn .side-btn-arrow-sp { margin: 18px 10px 0 5px; } .side-bar-btn .side-btn .side-btn-img, .side-bar-btn .side-btn .side-btn-img-sp { width: 30px; height: 11.5px; margin: 20px 0 14px 15px; } } @media screen and (max-width: 825px) { body { padding: 0 10px; } #header { margin-bottom: 0px; border-bottom: 1px solid rgba(148, 148, 148, 0.5); } .margin-bottom-sp { margin-bottom: 90px!important; } #header .header .header-left { width: 150px; } #header .header .header-right { display: none; } #header .header_nav_img { display: none; } .header-nav { display: none; } .header-btn-sp { margin: 0 0 45px 0; } .header-btn-sp .register-btn, .header-btn-sp .login-btn { display: block; } .header-icon { display: block; } /*.sp-blank { display: block; }*/ .slider { padding-top: 0px; } .humberger-container { display: block; } .main-contents { width: 100%; } .side-bar { display: none; } .sidebar-loginpage { display: none; } .member-loginpage-sp { display: block; } #member-loginpage { margin-top: 0; /*.member-loginpage-list-container { ul { li { img { width: 250px; height: 250px; } } } }*/ } #member-loginpage .member-loginpage-search-container .search_bar { padding: 10px; } #member-loginpage .member-loginpage-search-container .search_bar input::-moz-placeholder { font-size: 12px; } #member-loginpage .member-loginpage-search-container .search_bar input::placeholder { font-size: 12px; } #member-loginpage .member-loginpage-search-container .search_icon { padding: 0 5px; } .contents h2, .news h2 { font-size: 20px; } .contents h2 .subtitle-logo, .news h2 .subtitle-logo { margin: 12px 5px 0 20px; } .contents h2 .crown, .news h2 .crown { width: 25px; height: 20px; margin: 5px 5px 0 20px; } .contents h2 p, .news h2 p { padding-top: 5px; } .contents .category-title-h3, .news .category-title-h3 { font-size: 16px; } .contents .category-title-h3 img, .news .category-title-h3 img { width: 20px; height: 20px; } .contents .contentColumn li, .news .contentColumn li { width: 29%; /*min-height: 240px;*/ } #buymember-detail .contents .contentColumn li { width: 21%; } .contents .contentColumn li .contentColumn-img, .news .contentColumn li .contentColumn-img { max-width: 280px; } .contents .contentColumn li .contentColumn-title, .news .contentColumn li .contentColumn-title { font-size: 12px; } .contents .contentColumn li .contentColumn-text, .news .contentColumn li .contentColumn-text { font-size: 14px; } .contents .contentColumn li .contentColumn-price, .news .contentColumn li .contentColumn-price { font-size: 14px; } .contents .contentColumn li .sale-icon, .news .contentColumn li .sale-icon { position: relative; } .contents .contentColumn li .sale-icon::after, .news .contentColumn li .sale-icon::after { content: url("../image/point_square_sale_sp.png"); display: inline-block; position: absolute; width: 8px; height: auto; top: 0; vertical-align: middle; } .contents .contentColumn li .sale-icon2, .news .contentColumn li .sale-icon2 { position: relative; } .contents .contentColumn li .sale-icon2::after, .news .contentColumn li .sale-icon2::after { content: url("https://yusuke-shinto-portfolio.com/HONEYsPOT/assets/image/point_square_20_sp.png"); display: inline-block; position: absolute; width: 8px; height: auto; top: 0; vertical-align: middle; } .contents .contentColumn li .subtitle-logo, .news .contentColumn li .subtitle-logo { width: 30%; } .contents .contentColumn li .sp-search-container, .news .contentColumn li .sp-search-container { display: block; } .contents .contentColumn li .ranking_number, .news .contentColumn li .ranking_number { width: 6vw; height: 6vw; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; transform: translate(-40%, 0); } .contents .banner-sp, .news .banner-sp { display: block; } .contents .banner-pc, .news .banner-pc { display: none; } #cart, #cart_2, #cart_settlement, #cart_settlement_2, #cart_point_charge, #confirmation { font-size: 12px; margin-bottom: 60px; /*.cart-table-pc { display: none; }*/ } #cart p span, #cart_2 p span, #cart_settlement p span, #cart_settlement_2 p span, #cart_point_charge p span, #confirmation p span { text-align: center; } #cart .cart-table-sp, #cart_2 .cart-table-sp, #cart_settlement .cart-table-sp, #cart_settlement_2 .cart-table-sp, #cart_point_charge .cart-table-sp, #confirmation .cart-table-sp { display: inline-block; width: 100%; } #cart .cart-table-sp tbody tr th, #cart .cart-table-sp tbody tr td, #cart_2 .cart-table-sp tbody tr th, #cart_2 .cart-table-sp tbody tr td, #cart_settlement .cart-table-sp tbody tr th, #cart_settlement .cart-table-sp tbody tr td, #cart_settlement_2 .cart-table-sp tbody tr th, #cart_settlement_2 .cart-table-sp tbody tr td, #cart_point_charge .cart-table-sp tbody tr th, #cart_point_charge .cart-table-sp tbody tr td, #confirmation .cart-table-sp tbody tr th, #confirmation .cart-table-sp tbody tr td { width: 30%; } #cart .cart-table-sp tbody tr .cart-table-sp-total, #cart_2 .cart-table-sp tbody tr .cart-table-sp-total, #cart_settlement .cart-table-sp tbody tr .cart-table-sp-total, #cart_settlement_2 .cart-table-sp tbody tr .cart-table-sp-total, #cart_point_charge .cart-table-sp tbody tr .cart-table-sp-total, #confirmation .cart-table-sp tbody tr .cart-table-sp-total { width: 60%; box-sizing: border-box; } #cart .cart-table-sp tbody tr .cart-table-sp-total-price, #cart_2 .cart-table-sp tbody tr .cart-table-sp-total-price, #cart_settlement .cart-table-sp tbody tr .cart-table-sp-total-price, #cart_settlement_2 .cart-table-sp tbody tr .cart-table-sp-total-price, #cart_point_charge .cart-table-sp tbody tr .cart-table-sp-total-price, #confirmation .cart-table-sp tbody tr .cart-table-sp-total-price { width: 300px; box-sizing: border-box; } #cart .cart-table-sp tbody tr .cart-table-total, #cart_2 .cart-table-sp tbody tr .cart-table-total, #cart_settlement .cart-table-sp tbody tr .cart-table-total, #cart_settlement_2 .cart-table-sp tbody tr .cart-table-total, #cart_point_charge .cart-table-sp tbody tr .cart-table-total, #confirmation .cart-table-sp tbody tr .cart-table-total { text-align: center; } #cart .cart-table-sp tbody tr td .text-center, #cart_2 .cart-table-sp tbody tr td .text-center, #cart_settlement .cart-table-sp tbody tr td .text-center, #cart_settlement_2 .cart-table-sp tbody tr td .text-center, #cart_point_charge .cart-table-sp tbody tr td .text-center, #confirmation .cart-table-sp tbody tr td .text-center { text-align: center; } #cart .cart-table-sp tbody tr td .bold, #cart_2 .cart-table-sp tbody tr td .bold, #cart_settlement .cart-table-sp tbody tr td .bold, #cart_settlement_2 .cart-table-sp tbody tr td .bold, #cart_point_charge .cart-table-sp tbody tr td .bold, #confirmation .cart-table-sp tbody tr td .bold { font-weight: bold; } #cart .cart-table-sp tbody tr td .red, #cart_2 .cart-table-sp tbody tr td .red, #cart_settlement .cart-table-sp tbody tr td .red, #cart_settlement_2 .cart-table-sp tbody tr td .red, #cart_point_charge .cart-table-sp tbody tr td .red, #confirmation .cart-table-sp tbody tr td .red { color: #e01515; } #cart .tbl-r06, #cart_2 .tbl-r06, #cart_settlement .tbl-r06, #cart_settlement_2 .tbl-r06, #cart_point_charge .tbl-r06, #confirmation .tbl-r06 { width: 100%; } #cart .tbl-r06 .thead, #cart_2 .tbl-r06 .thead, #cart_settlement .tbl-r06 .thead, #cart_settlement_2 .tbl-r06 .thead, #cart_point_charge .tbl-r06 .thead, #confirmation .tbl-r06 .thead { display: none; } #cart .tbl-r06 .last, #cart_2 .tbl-r06 .last, #cart_settlement .tbl-r06 .last, #cart_settlement_2 .tbl-r06 .last, #cart_point_charge .tbl-r06 .last, #confirmation .tbl-r06 .last { border-bottom: none; } #cart .tbl-r06 .table-sp-tr, #cart_2 .tbl-r06 .table-sp-tr, #cart_settlement .tbl-r06 .table-sp-tr, #cart_settlement_2 .tbl-r06 .table-sp-tr, #cart_point_charge .tbl-r06 .table-sp-tr, #confirmation .tbl-r06 .table-sp-tr { display: flex; flex-wrap: wrap; } #cart .tbl-r06 .table-sp-tr .text-left, #cart .tbl-r06 .table-sp-tr .right-side, #cart_2 .tbl-r06 .table-sp-tr .text-left, #cart_2 .tbl-r06 .table-sp-tr .right-side, #cart_settlement .tbl-r06 .table-sp-tr .text-left, #cart_settlement .tbl-r06 .table-sp-tr .right-side, #cart_settlement_2 .tbl-r06 .table-sp-tr .text-left, #cart_settlement_2 .tbl-r06 .table-sp-tr .right-side, #cart_point_charge .tbl-r06 .table-sp-tr .text-left, #cart_point_charge .tbl-r06 .table-sp-tr .right-side, #confirmation .tbl-r06 .table-sp-tr .text-left, #confirmation .tbl-r06 .table-sp-tr .right-side { text-align: center; } #cart .tbl-r06 .table-sp-tr .text-left .font-mini, #cart .tbl-r06 .table-sp-tr .right-side .font-mini, #cart_2 .tbl-r06 .table-sp-tr .text-left .font-mini, #cart_2 .tbl-r06 .table-sp-tr .right-side .font-mini, #cart_settlement .tbl-r06 .table-sp-tr .text-left .font-mini, #cart_settlement .tbl-r06 .table-sp-tr .right-side .font-mini, #cart_settlement_2 .tbl-r06 .table-sp-tr .text-left .font-mini, #cart_settlement_2 .tbl-r06 .table-sp-tr .right-side .font-mini, #cart_point_charge .tbl-r06 .table-sp-tr .text-left .font-mini, #cart_point_charge .tbl-r06 .table-sp-tr .right-side .font-mini, #confirmation .tbl-r06 .table-sp-tr .text-left .font-mini, #confirmation .tbl-r06 .table-sp-tr .right-side .font-mini { text-align: center; } #cart .tbl-r06 .table-sp-tr .font-red, #cart_2 .tbl-r06 .table-sp-tr .font-red, #cart_settlement .tbl-r06 .table-sp-tr .font-red, #cart_settlement_2 .tbl-r06 .table-sp-tr .font-red, #cart_point_charge .tbl-r06 .table-sp-tr .font-red, #confirmation .tbl-r06 .table-sp-tr .font-red { text-align: center; } #cart .tbl-r06 .table-sp-tr th, #cart_2 .tbl-r06 .table-sp-tr th, #cart_settlement .tbl-r06 .table-sp-tr th, #cart_settlement_2 .tbl-r06 .table-sp-tr th, #cart_point_charge .tbl-r06 .table-sp-tr th, #confirmation .tbl-r06 .table-sp-tr th { width: 0; } #cart .tbl-r06 .table-sp-tr td, #cart_2 .tbl-r06 .table-sp-tr td, #cart_settlement .tbl-r06 .table-sp-tr td, #cart_settlement_2 .tbl-r06 .table-sp-tr td, #cart_point_charge .tbl-r06 .table-sp-tr td, #confirmation .tbl-r06 .table-sp-tr td { display: block; width: 100%; padding: 0 0 10px 0; border: none; } #cart .tbl-r06 .table-sp-tr td .table-sp, #cart_2 .tbl-r06 .table-sp-tr td .table-sp, #cart_settlement .tbl-r06 .table-sp-tr td .table-sp, #cart_settlement_2 .tbl-r06 .table-sp-tr td .table-sp, #cart_point_charge .tbl-r06 .table-sp-tr td .table-sp, #confirmation .tbl-r06 .table-sp-tr td .table-sp { display: block; width: 100%; font-weight: bold; background-color: #e7e7e7; padding: 10px; margin: 0 0 10px 0; } #cart .tbl-r06 .table-sp-tr .last-td, #cart_2 .tbl-r06 .table-sp-tr .last-td, #cart_settlement .tbl-r06 .table-sp-tr .last-td, #cart_settlement_2 .tbl-r06 .table-sp-tr .last-td, #cart_point_charge .tbl-r06 .table-sp-tr .last-td, #confirmation .tbl-r06 .table-sp-tr .last-td { border-bottom: 1px solid #949494; } #cart .tbl-r06 .table-sp-tr .cart-table-total, #cart_2 .tbl-r06 .table-sp-tr .cart-table-total, #cart_settlement .tbl-r06 .table-sp-tr .cart-table-total, #cart_settlement_2 .tbl-r06 .table-sp-tr .cart-table-total, #cart_point_charge .tbl-r06 .table-sp-tr .cart-table-total, #confirmation .tbl-r06 .table-sp-tr .cart-table-total { background-color: #e7e7e7; padding: 10px 0; margin: 0 0 10px 0; border: none; } #cart .tbl-r06 .table-sp-tr p, #cart_2 .tbl-r06 .table-sp-tr p, #cart_settlement .tbl-r06 .table-sp-tr p, #cart_settlement_2 .tbl-r06 .table-sp-tr p, #cart_point_charge .tbl-r06 .table-sp-tr p, #confirmation .tbl-r06 .table-sp-tr p { text-align: center; } #cart .tbl-r06 .table-sp-tr2, #cart_2 .tbl-r06 .table-sp-tr2, #cart_settlement .tbl-r06 .table-sp-tr2, #cart_settlement_2 .tbl-r06 .table-sp-tr2, #cart_point_charge .tbl-r06 .table-sp-tr2, #confirmation .tbl-r06 .table-sp-tr2 { border: 1px solid #949494; } #cart .tbl-r06 .table-sp-tr2 td, #cart_2 .tbl-r06 .table-sp-tr2 td, #cart_settlement .tbl-r06 .table-sp-tr2 td, #cart_settlement_2 .tbl-r06 .table-sp-tr2 td, #cart_point_charge .tbl-r06 .table-sp-tr2 td, #confirmation .tbl-r06 .table-sp-tr2 td { border: none; padding: 10px 0; } #cart .tbl-r06 .table-sp-tr2 .cart-table-total, #cart_2 .tbl-r06 .table-sp-tr2 .cart-table-total, #cart_settlement .tbl-r06 .table-sp-tr2 .cart-table-total, #cart_settlement_2 .tbl-r06 .table-sp-tr2 .cart-table-total, #cart_point_charge .tbl-r06 .table-sp-tr2 .cart-table-total, #confirmation .tbl-r06 .table-sp-tr2 .cart-table-total { background-color: #e7e7e7; padding: 10px 0; } #cart .tbl-r06 .blank, #cart_2 .tbl-r06 .blank, #cart_settlement .tbl-r06 .blank, #cart_settlement_2 .tbl-r06 .blank, #cart_point_charge .tbl-r06 .blank, #confirmation .tbl-r06 .blank { display: block; } #cart .table1, #cart .table2, #cart_2 .table1, #cart_2 .table2, #cart_settlement .table1, #cart_settlement .table2, #cart_settlement_2 .table1, #cart_settlement_2 .table2, #cart_point_charge .table1, #cart_point_charge .table2, #confirmation .table1, #confirmation .table2 { border: 1px solid #949494; } #cart button, #cart_2 button, #cart_settlement button, #cart_settlement_2 button, #cart_point_charge button, #confirmation button { margin: 20px auto; font-size: 10px; } #cart .text-right, #cart_2 .text-right, #cart_settlement .text-right, #cart_settlement_2 .text-right, #cart_point_charge .text-right, #confirmation .text-right { text-align: center; } #point_history { /*.point-table-pc { display: none; }*/ } #point_history .point-table-sp { display: block; } #point_history .tbl-r06 { width: 100%; } #point_history .tbl-r06 .thead { display: none; } #point_history .tbl-r06 .last { border-bottom: none; } #point_history .tbl-r06 .table-sp-tr { display: flex; flex-wrap: wrap; } #point_history .tbl-r06 .table-sp-tr .text-left, #point_history .tbl-r06 .table-sp-tr .right-side { text-align: center; } #point_history .tbl-r06 .table-sp-tr .text-left .font-mini, #point_history .tbl-r06 .table-sp-tr .right-side .font-mini { text-align: center; } #point_history .tbl-r06 .table-sp-tr .font-red { text-align: center; } #point_history .tbl-r06 .table-sp-tr th { width: 100%; } #point_history .tbl-r06 .table-sp-tr td { display: block; width: 100%; padding: 0 0 10px 0; border: none; } #point_history .tbl-r06 .table-sp-tr td .table-sp { display: block; width: 100%; font-weight: bold; background-color: #e7e7e7; padding: 10px; margin: 0 0 10px 0; } #point_history .tbl-r06 .table-sp-tr .last-td { border-bottom: 1px solid #949494; } #point_history .tbl-r06 .table-sp-tr .cart-table-total { background-color: #e7e7e7; padding: 10px 0; margin: 0 0 10px 0; border: none; } #point_history .tbl-r06 .table-sp-tr p { text-align: center; } #point_history .tbl-r06 .table-sp-tr2 { border: 1px solid #949494; } #point_history .tbl-r06 .table-sp-tr2 td { border: none; padding: 10px 0; } #point_history .tbl-r06 .table-sp-tr2 .cart-table-total { background-color: #e7e7e7; padding: 10px 0; } #point_history .tbl-r06 .blank { display: block; } #cart_point_charge .cart_point_charge_sp, #confirmation .cart_point_charge_sp { display: block; width: 100%; text-align: center; } #cart_point_charge .cart_point_charge_sp tbody tr th, #cart_point_charge .cart_point_charge_sp tbody tr td, #confirmation .cart_point_charge_sp tbody tr th, #confirmation .cart_point_charge_sp tbody tr td { text-align: center; } #cart_point_charge .cart_point_charge_sp tbody tr td p .font-mini, #confirmation .cart_point_charge_sp tbody tr td p .font-mini { text-align: center; } #cart_point_charge .cart_point_charge_sp tbody tr .cart-table-total, #confirmation .cart_point_charge_sp tbody tr .cart-table-total { text-align: center; } #cart_point_charge .cart_point_charge_sp tbody tr .right-side, #confirmation .cart_point_charge_sp tbody tr .right-side { text-align: center; width: 100vw; } #help-sell #title-system-sell table { font-size: 12px; } #help-sell #title-system-sell table tr th .table3-1-sp { display: block; } #help-sell #title-system-sell table tr td .table3-2-sp { display: block; } #product-detail .product-detail-top { display: flex; flex-direction: column; } #product-detail .product-detail-top .product-detail-column-left, #product-detail .product-detail-top .product-detail-column-right { width: 100%; } #product-detail .product-detail-top .product-detail-column-left img, #product-detail .product-detail-top .product-detail-column-right img { display: block; width: 100%; margin: 0 auto; } #product-detail .product-detail-top .product-detail-column-right { width: 80%; margin: 30px; } #product-detail .product-detail-recommend { display: flex; flex-wrap: wrap; } /*#product-detail .product-detail-recommend div { width: 48%; margin-bottom: 10px; }*/ #product-detail .product-detail-recommend div .price-sale::after { right: 30%; } #product-detail .product-detail-recommend2 { display: flex; flex-wrap: wrap; } /*#product-detail .product-detail-recommend2 div { width: 48%; }*/ #contact .group label { width: 90%; } #contact .group .search_bar { width: 90%; } #contact form dl { display: flex; flex-direction: column; align-items: center; } #contact form dl dt, #contact form dl dd { width: 90%; margin: 0; } #contact form dl dt { text-align: left; } #contact form dl dd { margin: 0 0 20px 0; } #contact form .button { margin: 30px auto; } #management-company dl { flex-direction: column; justify-content: center; width: 100%; } #management-company dl dt, #management-company dl dd { width: 100%; text-align: center; } #management-company dl dd { padding: 5px; justify-content: center; } footer { display: flex; flex-direction: column; align-items: center; text-align: center; height: 150px; } footer img { margin-top: 10px; } footer ul li { margin-bottom: 20px; margin-top: 0px; font-size: 12px; } #sales_member article ul li, #for_now article ul li, #blacklist article ul li { width: 30%; } #sales_member article ul li img, #for_now article ul li img, #blacklist article ul li img { max-width: 200px; max-height: 200px; } #sales_member article ul li div, #for_now article ul li div, #blacklist article ul li div { justify-content: left; } #sales_member article ul li div .sales_member_listtitle, #sales_member article ul li div .notification, #for_now article ul li div .sales_member_listtitle, #for_now article ul li div .notification, #blacklist article ul li div .sales_member_listtitle, #blacklist article ul li div .notification { margin-right: 10px; } #sales_member article ul li div .sales_member_listtitle a, #for_now article ul li div .sales_member_listtitle a, #blacklist article ul li div .sales_member_listtitle a { text-align: left; } #sales_member article .for_now_ul li div, #for_now article .for_now_ul li div, #blacklist article .for_now_ul li div { display: flex; flex-direction: column; } #sales_member article .for_now_ul li div button, #for_now article .for_now_ul li div button, #blacklist article .for_now_ul li div button { margin-bottom: 10px; } #sales_member article .blacklist_ul li div, #for_now article .blacklist_ul li div, #blacklist article .blacklist_ul li div { display: flex; justify-content: center; } #member_info_change dl, #pass_change dl { text-align: center; } #member_info_change dl div, #pass_change dl div { display: flex; flex-direction: column; justify-content: center; margin: 0 0 30px 0; } #member_info_change dl div dt, #pass_change dl div dt { margin-bottom: 0; } #member_info_change dl div dd .input-mail, #member_info_change dl div dd .input-password, #member_info_change dl div dd .input-name, #member_info_change dl div dd .input-nickname, #member_info_change dl div dd .input-pass1, #member_info_change dl div dd .input-pass2, #member_info_change dl div dd .input-pass3, #pass_change dl div dd .input-mail, #pass_change dl div dd .input-name, #pass_change dl div dd .input-nickname, #pass_change dl div dd .input-pass1, #pass_change dl div dd .input-pass2, #pass_change dl div dd .input-pass3 { margin: 0; } #member_info_change dl div dd .br-sp, #pass_change dl div dd .br-sp { display: block; } #member_info_change button, #pass_change button { margin: 0 auto; } #faq .faq-search .faq-search-container img { top: 75px; } #faq .faq-search .faq-search-container p { font-size: 12px; } #faq .faq-search .faq-search-container p .br-sp { display: block; } #faq .faq-search .faq-tag-container { font-size: 12px; } #faq .faq-search .accordion-area .title { font-size: 12px; } #faq .faq-search .accordion-area .title::before, #faq .faq-search .accordion-area .title::after { top: 20px; } #faq .faq-search .accordion-area .box p { font-size: 12px; } #sellmember_product_registration, #sellmember_product_registration_set, #sellmember_product_registration_error { /*.cart-table-pc { display: none; }*/ } #sellmember_product_registration .cart-table-sp, #sellmember_product_registration_set .cart-table-sp, #sellmember_product_registration_error .cart-table-sp { display: block; } #sellmember_product_registration table tbody tr .cart-table-total, #sellmember_product_registration_set table tbody tr .cart-table-total, #sellmember_product_registration_error table tbody tr .cart-table-total { text-align: center; } #sellmember_product_registration .tbl-r06, #sellmember_product_registration_set .tbl-r06, #sellmember_product_registration_error .tbl-r06 { width: 100%; } #sellmember_product_registration .tbl-r06 .thead, #sellmember_product_registration_set .tbl-r06 .thead, #sellmember_product_registration_error .tbl-r06 .thead { display: none; } #sellmember_product_registration .tbl-r06 .last, #sellmember_product_registration_set .tbl-r06 .last, #sellmember_product_registration_error .tbl-r06 .last { border-bottom: none; } #sellmember_product_registration .tbl-r06 .table-sp-tr, #sellmember_product_registration_set .tbl-r06 .table-sp-tr, #sellmember_product_registration_error .tbl-r06 .table-sp-tr { display: flex; flex-wrap: wrap; } #sellmember_product_registration .tbl-r06 .table-sp-tr .text-left, #sellmember_product_registration .tbl-r06 .table-sp-tr .right-side, #sellmember_product_registration_set .tbl-r06 .table-sp-tr .text-left, #sellmember_product_registration_set .tbl-r06 .table-sp-tr .right-side, #sellmember_product_registration_error .tbl-r06 .table-sp-tr .text-left, #sellmember_product_registration_error .tbl-r06 .table-sp-tr .right-side { text-align: center; } #sellmember_product_registration .tbl-r06 .table-sp-tr .text-left .font-mini, #sellmember_product_registration .tbl-r06 .table-sp-tr .right-side .font-mini, #sellmember_product_registration_set .tbl-r06 .table-sp-tr .text-left .font-mini, #sellmember_product_registration_set .tbl-r06 .table-sp-tr .right-side .font-mini, #sellmember_product_registration_error .tbl-r06 .table-sp-tr .text-left .font-mini, #sellmember_product_registration_error .tbl-r06 .table-sp-tr .right-side .font-mini { text-align: center; } #sellmember_product_registration .tbl-r06 .table-sp-tr .font-red, #sellmember_product_registration_set .tbl-r06 .table-sp-tr .font-red, #sellmember_product_registration_error .tbl-r06 .table-sp-tr .font-red { text-align: center; } #sellmember_product_registration .tbl-r06 .table-sp-tr th, #sellmember_product_registration_set .tbl-r06 .table-sp-tr th, #sellmember_product_registration_error .tbl-r06 .table-sp-tr th { width: 100%; } #sellmember_product_registration .tbl-r06 .table-sp-tr td, #sellmember_product_registration_set .tbl-r06 .table-sp-tr td, #sellmember_product_registration_error .tbl-r06 .table-sp-tr td { display: block; width: 100%; padding: 0 0 10px 0; border: none; } #sellmember_product_registration .tbl-r06 .table-sp-tr td .table-sp, #sellmember_product_registration_set .tbl-r06 .table-sp-tr td .table-sp, #sellmember_product_registration_error .tbl-r06 .table-sp-tr td .table-sp { display: block; width: 100%; font-weight: bold; background-color: #e7e7e7; padding: 10px; margin: 0 0 10px 0; } #sellmember_product_registration .tbl-r06 .table-sp-tr .last-td, #sellmember_product_registration_set .tbl-r06 .table-sp-tr .last-td, #sellmember_product_registration_error .tbl-r06 .table-sp-tr .last-td { border-bottom: 1px solid #949494; } #sellmember_product_registration .tbl-r06 .table-sp-tr .cart-table-total, #sellmember_product_registration_set .tbl-r06 .table-sp-tr .cart-table-total, #sellmember_product_registration_error .tbl-r06 .table-sp-tr .cart-table-total { background-color: #e7e7e7; padding: 10px 0; margin: 0 0 10px 0; border: none; } #sellmember_product_registration .tbl-r06 .table-sp-tr p, #sellmember_product_registration_set .tbl-r06 .table-sp-tr p, #sellmember_product_registration_error .tbl-r06 .table-sp-tr p { text-align: center; } #sellmember_product_registration .tbl-r06 .table-sp-tr2, #sellmember_product_registration_set .tbl-r06 .table-sp-tr2, #sellmember_product_registration_error .tbl-r06 .table-sp-tr2 { border: 1px solid #949494; } #sellmember_product_registration .tbl-r06 .table-sp-tr2 td, #sellmember_product_registration_set .tbl-r06 .table-sp-tr2 td, #sellmember_product_registration_error .tbl-r06 .table-sp-tr2 td { border: none; padding: 10px 0; } #sellmember_product_registration .tbl-r06 .table-sp-tr2 .cart-table-total, #sellmember_product_registration_set .tbl-r06 .table-sp-tr2 .cart-table-total, #sellmember_product_registration_error .tbl-r06 .table-sp-tr2 .cart-table-total { background-color: #e7e7e7; padding: 10px 0; } #sellmember_product_registration .tbl-r06 .blank, #sellmember_product_registration_set .tbl-r06 .blank, #sellmember_product_registration_error .tbl-r06 .blank { display: block; } #sellmember_product_registration button, #sellmember_product_registration_set button, #sellmember_product_registration_error button { margin: 20px auto; } #sellmember_tag, #sellmember_tag_input { /*.tag-pc { display: none; }*/ } #sellmember_tag .tag-sp, #sellmember_tag_input .tag-sp { text-align: center; margin: 30px 0; border-left: 1px solid #949494; border-right: 1px solid #949494; border-bottom: 1px solid #949494; } #sellmember_tag .tag-sp .tag-box-sp div, #sellmember_tag_input .tag-sp .tag-box-sp div { display: flex; flex-wrap: wrap; } #sellmember_tag .tag-sp th, #sellmember_tag .tag-sp td, #sellmember_tag_input .tag-sp th, #sellmember_tag_input .tag-sp td { display: block; border: none; border-top: 1px solid #949494; } #sellmember_tag .tbl-r06, #sellmember_tag_input .tbl-r06 { width: 100%; } #sellmember_tag .tbl-r06 .thead, #sellmember_tag_input .tbl-r06 .thead { display: none; } #sellmember_tag .tbl-r06 .last, #sellmember_tag_input .tbl-r06 .last { border-bottom: none; } #sellmember_tag .tbl-r06 .table-sp-tr, #sellmember_tag_input .tbl-r06 .table-sp-tr { display: flex; flex-wrap: wrap; text-align: center; } #sellmember_tag .tbl-r06 .table-sp-tr .text-left, #sellmember_tag .tbl-r06 .table-sp-tr .right-side, #sellmember_tag_input .tbl-r06 .table-sp-tr .text-left, #sellmember_tag_input .tbl-r06 .table-sp-tr .right-side { text-align: center; } #sellmember_tag .tbl-r06 .table-sp-tr .text-left .font-mini, #sellmember_tag .tbl-r06 .table-sp-tr .right-side .font-mini, #sellmember_tag_input .tbl-r06 .table-sp-tr .text-left .font-mini, #sellmember_tag_input .tbl-r06 .table-sp-tr .right-side .font-mini { text-align: center; } #sellmember_tag .tbl-r06 .table-sp-tr .font-red, #sellmember_tag_input .tbl-r06 .table-sp-tr .font-red { text-align: center; } #sellmember_tag .tbl-r06 .table-sp-tr th, #sellmember_tag_input .tbl-r06 .table-sp-tr th { width: 100%; } #sellmember_tag .tbl-r06 .table-sp-tr td, #sellmember_tag_input .tbl-r06 .table-sp-tr td { display: block; width: 100%; padding: 10px 0 10px 0; border: none; } #sellmember_tag .tbl-r06 .table-sp-tr td .table-sp, #sellmember_tag_input .tbl-r06 .table-sp-tr td .table-sp { display: block; width: 100%; font-weight: bold; background-color: #e7e7e7; padding: 10px; margin: 0 0 10px 0; } #sellmember_tag .tbl-r06 .table-sp-tr .last-td, #sellmember_tag_input .tbl-r06 .table-sp-tr .last-td { border-bottom: 1px solid #949494; } #sellmember_tag .tbl-r06 .table-sp-tr .cart-table-total, #sellmember_tag_input .tbl-r06 .table-sp-tr .cart-table-total { background-color: #e7e7e7; padding: 10px 0; margin: 0 0 10px 0; border: none; } #sellmember_tag .tbl-r06 .table-sp-tr p, #sellmember_tag_input .tbl-r06 .table-sp-tr p { text-align: center; } #sellmember_tag .tbl-r06 .blank, #sellmember_tag_input .tbl-r06 .blank { height: 20px; } #sellmember_tag .tbl-r06 .table-sp-tr2, #sellmember_tag_input .tbl-r06 .table-sp-tr2 { border: 1px solid #949494; } #sellmember_tag .tbl-r06 .table-sp-tr2 td, #sellmember_tag_input .tbl-r06 .table-sp-tr2 td { border: none; padding: 10px 0; } #sellmember_tag .tbl-r06 .table-sp-tr2 .cart-table-total, #sellmember_tag_input .tbl-r06 .table-sp-tr2 .cart-table-total { background-color: #e7e7e7; padding: 10px 0; } #sellmember_tag .tbl-r06 .blank, #sellmember_tag_input .tbl-r06 .blank { display: block; } #sellmember_tag button, #sellmember_tag_input button { margin: 20px auto 60px auto; } #sellmember_tag button { margin: 0 auto; padding: 5px; } /*#sellmember_payment_status,#affimember_payment_status { table{ width: 100%; tr { display: flex; th { text-align: end; width: 40%; } td { width: 60%; @media (max-width: 825px) { font-size: 8px; } } } .blank { height: 20px; } } .tbl-r06 { width: 100%; .thead { display: none; } .last { border-bottom: none; } .table-sp-tr { flex-wrap: wrap; th { width: 0; border: none; } td { display: inline-block; width: 50%; padding: 0 0 10px 0; border: none; .table-sp { display: block; width: 100%; font-weight: bold; background-color: #e7e7e7; padding: 10px; margin: 0 0 10px 0; } } } .blank { display: block; } } }*/ #sellmember_purchase_privilege_input table tr th, #sellmember_purchase_privilege_input table tr td, #sellmember_reduction_input table tr th, #sellmember_reduction_input table tr td, #sellmember_collective_setting table tr th, #sellmember_collective_setting table tr td, #sellmember_info_setting table tr th, #sellmember_info_setting table tr td, #sellmember_info_setting_edit table tr th, #sellmember_info_setting_edit table tr td, #sellmember_free_sample table tr th, #sellmember_free_sample table tr td, #sellmember_free_sample_direct table tr th, #sellmember_free_sample_direct table tr td { font-size: 12px; } #sellmember_purchase_privilege_input .tbl-r06, #sellmember_reduction_input .tbl-r06, #sellmember_collective_setting .tbl-r06, #sellmember_info_setting .tbl-r06, #sellmember_info_setting_edit .tbl-r06, #sellmember_free_sample .tbl-r06, #sellmember_free_sample_direct .tbl-r06 { width: 100%; } #sellmember_purchase_privilege_input .tbl-r06 .thead, #sellmember_reduction_input .tbl-r06 .thead, #sellmember_collective_setting .tbl-r06 .thead, #sellmember_info_setting .tbl-r06 .thead, #sellmember_info_setting_edit .tbl-r06 .thead, #sellmember_free_sample .tbl-r06 .thead, #sellmember_free_sample_direct .tbl-r06 .thead { display: none; } #sellmember_purchase_privilege_input .tbl-r06 .last, #sellmember_reduction_input .tbl-r06 .last, #sellmember_collective_setting .tbl-r06 .last, #sellmember_info_setting .tbl-r06 .last, #sellmember_info_setting_edit .tbl-r06 .last, #sellmember_free_sample .tbl-r06 .last, #sellmember_free_sample_direct .tbl-r06 .last { border-bottom: none; } #sellmember_purchase_privilege_input .tbl-r06 .table-sp-tr, #sellmember_reduction_input .tbl-r06 .table-sp-tr, #sellmember_collective_setting .tbl-r06 .table-sp-tr, #sellmember_info_setting .tbl-r06 .table-sp-tr, #sellmember_info_setting_edit .tbl-r06 .table-sp-tr, #sellmember_free_sample .tbl-r06 .table-sp-tr, #sellmember_free_sample_direct .tbl-r06 .table-sp-tr { display: flex; flex-wrap: wrap; } #sellmember_purchase_privilege_input .tbl-r06 .table-sp-tr th, #sellmember_reduction_input .tbl-r06 .table-sp-tr th, #sellmember_collective_setting .tbl-r06 .table-sp-tr th, #sellmember_info_setting .tbl-r06 .table-sp-tr th, #sellmember_info_setting_edit .tbl-r06 .table-sp-tr th, #sellmember_free_sample .tbl-r06 .table-sp-tr th, #sellmember_free_sample_direct .tbl-r06 .table-sp-tr th { width: 0; border: none; } #sellmember_purchase_privilege_input .tbl-r06 .table-sp-tr td, #sellmember_reduction_input .tbl-r06 .table-sp-tr td, #sellmember_collective_setting .tbl-r06 .table-sp-tr td, #sellmember_info_setting .tbl-r06 .table-sp-tr td, #sellmember_info_setting_edit .tbl-r06 .table-sp-tr td, #sellmember_free_sample .tbl-r06 .table-sp-tr td, #sellmember_free_sample_direct .tbl-r06 .table-sp-tr td { display: block; width: 100%; padding: 0 0 10px 0; border: none; } #sellmember_purchase_privilege_input .tbl-r06 .table-sp-tr td .table-sp, #sellmember_reduction_input .tbl-r06 .table-sp-tr td .table-sp, #sellmember_collective_setting .tbl-r06 .table-sp-tr td .table-sp, #sellmember_info_setting .tbl-r06 .table-sp-tr td .table-sp, #sellmember_info_setting_edit .tbl-r06 .table-sp-tr td .table-sp, #sellmember_free_sample .tbl-r06 .table-sp-tr td .table-sp, #sellmember_free_sample_direct .tbl-r06 .table-sp-tr td .table-sp { display: block; width: 100%; font-weight: bold; background-color: #e7e7e7; padding: 10px; margin: 0 0 10px 0; } #sellmember_purchase_privilege_input .tbl-r06 .blank, #sellmember_reduction_input .tbl-r06 .blank, #sellmember_collective_setting .tbl-r06 .blank, #sellmember_info_setting .tbl-r06 .blank, #sellmember_info_setting_edit .tbl-r06 .blank, #sellmember_free_sample .tbl-r06 .blank, #sellmember_free_sample_direct .tbl-r06 .blank { display: block; } #sellmember_purchase_privilege_input button, #sellmember_reduction_input button, #sellmember_collective_setting button, #sellmember_info_setting button, #sellmember_info_setting_edit button, #sellmember_free_sample button, #sellmember_free_sample_direct button { font-size: 12px; } #sellmember_register_recommend { /*.table-pc { display: none; }*/ } #sellmember_register_recommend .table-sp-tr th { min-width: 117px; } #sellmember_register_recommend .table-sp-tr td select { width: 50vw; } #sellmember_register_recommend .table-sp th, #sellmember_register_recommend .table-sp td { display: block; } #sellmember_register_recommend .table-sp .blank { height: 30px; } #sellmember_free_sample_direct { /*.table-pc { display: none; }*/ } #sellmember_free_sample_direct table { border-bottom: 1px solid #949494; } #sellmember_free_sample_direct table tbody tr { display: flex; } #sellmember_free_sample_direct table tbody tr th, #sellmember_free_sample_direct table tbody tr td { border: none; border-top: 1px solid #949494; } #sellmember_free_sample_direct table tbody tr th { width: 50%; border-left: 1px solid #949494; border-right: 1px solid #949494; } #sellmember_free_sample_direct table tbody tr th:nth-child(1) { width: 50%; } #sellmember_free_sample_direct table tbody tr td { width: 50%; border-right: 1px solid #949494; } #sellmember_free_sample_direct table tbody tr td:nth-child(1) { width: 50%; } #sellmember_free_sample_direct table tbody .blank { height: 20px; border-top: 1px solid #949494; border-left: none; border-right: none; } #sellmember_free_sample_direct .table-sp th, #sellmember_free_sample_direct .table-sp td { display: block; } #sellmember_info_change { font-size: 12px; /*.table-pc { display: none; }*/ } #sellmember_info_change .tbl-r06 { width: 100%; } #sellmember_info_change .tbl-r06 .thead { display: none; } #sellmember_info_change .tbl-r06 .last { border-bottom: none; } #sellmember_info_change .tbl-r06 .table-sp-tr { display: flex; flex-wrap: wrap; } #sellmember_info_change .tbl-r06 .table-sp-tr th { width: 100%; border: none; } #sellmember_info_change .tbl-r06 .table-sp-tr .required { width: 100%; } #sellmember_info_change .tbl-r06 .table-sp-tr td { display: block; width: 100%; padding: 10px 0; border: none; } #sellmember_info_change .tbl-r06 .table-sp-tr td .table-sp { display: block; width: 100%; font-weight: bold; background-color: #e7e7e7; padding: 10px; margin: 0 0 10px 0; } #sellmember_info_change .tbl-r06 .blank { display: block; } #sellmember_info_change .table-sp { width: 100%; } #sellmember_info_change .table-sp tbody tr { width: 100%; } #sellmember_info_change .table-sp tbody tr th, #sellmember_info_change .table-sp tbody tr td { display: block; } #sellmember_info_change .table-sp tbody tr td .info-change-text { font-size: 10px; display: block; margin: 10px auto 10px 30%; width: 60%; } #sellmember_info_change .table-sp tbody tr th:nth-child(1), #sellmember_info_change .table-sp tbody tr td:nth-child(1) { width: 100%; } #affimember_click .tbl-r06 tr td, #affimember_click2 .tbl-r06 tr td, #affimember_earnings .tbl-r06 tr td, #for_sale .tbl-r06 tr td { font-size: 14px; padding: 3px; } #affimember_blogparts .blogparts-sp, #affimember_app_for_management .blogparts-sp, #affimember_app_for_management_ng .blogparts-sp, #affimember_alignment .blogparts-sp { margin-bottom: 30px; display: block; } #affimember_blogparts .blogparts-sp .row-sample li, #affimember_app_for_management .blogparts-sp .row-sample li, #affimember_app_for_management_ng .blogparts-sp .row-sample li, #affimember_alignment .blogparts-sp .row-sample li { width: 100%; height: 30%; } #affimember_blogparts .blogparts-sp .row-sample li img, #affimember_app_for_management .blogparts-sp .row-sample li img, #affimember_app_for_management_ng .blogparts-sp .row-sample li img, #affimember_alignment .blogparts-sp .row-sample li img { display: block; -o-object-fit: cover; object-fit: cover; width: 100%; height: 12vh; } #affimember_blogparts .blogparts-sp .row-sample li div, #affimember_app_for_management .blogparts-sp .row-sample li div, #affimember_app_for_management_ng .blogparts-sp .row-sample li div, #affimember_alignment .blogparts-sp .row-sample li div { height: 1.5rem; } #affimember_blogparts .blogparts-sp .row-sample li div p, #affimember_app_for_management .blogparts-sp .row-sample li div p, #affimember_app_for_management_ng .blogparts-sp .row-sample li div p, #affimember_alignment .blogparts-sp .row-sample li div p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } @media screen and (max-width: 820px) { #member-loginpage .member-loginpage-list-container ul li { width: 30%; } #member-loginpage .member-loginpage-list-container ul li img:hover { transform: none; } } @media screen and (max-width: 768px)/*書き換え前1020px*/ { #sellmember_purchase_privilege { /*.table-pc { display: none; }*/ } #sellmember_purchase_privilege .tbl-r06 { width: 100%; } #sellmember_purchase_privilege .tbl-r06 .thead { display: none; } #sellmember_purchase_privilege .tbl-r06 .last { border-bottom: none; } #sellmember_purchase_privilege .tbl-r06 .table-sp-tr { display: flex; flex-wrap: wrap; } #sellmember_purchase_privilege .tbl-r06 .table-sp-tr th { width: 0; border: none; } #sellmember_purchase_privilege .tbl-r06 .table-sp-tr td { display: block; width: 100%; padding: 0 0 10px 0; border: none; } #sellmember_purchase_privilege .tbl-r06 .table-sp-tr td .table-sp { display: block; width: 100%; font-weight: bold; background-color: #e7e7e7; padding: 10px; margin: 0 0 10px 0; } #sellmember_purchase_privilege .tbl-r06 .blank { display: block; } #sellmember_purchase_privilege .table-sp th, #sellmember_purchase_privilege .table-sp td { display: block; } #sellmember_purchase_privilege .table-sp .blank { height: 30px; } #sellmember_payment_status table, #affimember_payment_status table { font-size: 12px; } #sellmember_provide_samples table tr th, #sellmember_provide_samples table tr td { font-size: 12px; } #sellmember_provide_samples .tbl-r06 { width: 100%; } #sellmember_provide_samples .tbl-r06 .thead { display: none; } #sellmember_provide_samples .tbl-r06 .last { border-bottom: none; } #sellmember_provide_samples .tbl-r06 .table-sp-tr { display: flex; flex-wrap: wrap; } #sellmember_provide_samples .tbl-r06 .table-sp-tr .text-left, #sellmember_provide_samples .tbl-r06 .table-sp-tr .right-side { text-align: center; } #sellmember_provide_samples .tbl-r06 .table-sp-tr .text-left .font-mini, #sellmember_provide_samples .tbl-r06 .table-sp-tr .right-side .font-mini { text-align: center; } #sellmember_provide_samples .tbl-r06 .table-sp-tr .font-red { text-align: center; } #sellmember_provide_samples .tbl-r06 .table-sp-tr th { width: 0; } #sellmember_provide_samples .tbl-r06 .table-sp-tr td { display: block; width: 50%; padding: 0 0 10px 0; border: none; } #sellmember_provide_samples .tbl-r06 .table-sp-tr td .table-sp { display: block; width: 100%; font-weight: bold; background-color: #e7e7e7; padding: 10px; margin: 0 0 10px 0; } #sellmember_provide_samples .tbl-r06 .table-sp-tr .last-td { border-bottom: 1px solid #949494; } #sellmember_provide_samples .tbl-r06 .table-sp-tr .cart-table-total { background-color: #e7e7e7; padding: 10px 0; margin: 0 0 10px 0; border: none; } #sellmember_provide_samples .tbl-r06 .table-sp-tr p { text-align: center; } #sellmember_provide_samples .tbl-r06 .table-sp-tr2 { border: 1px solid #949494; } #sellmember_provide_samples .tbl-r06 .table-sp-tr2 td { border: none; padding: 10px 0; } #sellmember_provide_samples .tbl-r06 .table-sp-tr2 .cart-table-total { background-color: #e7e7e7; padding: 10px 0; } #sellmember_provide_samples .tbl-r06 .blank { display: block; border: none; } #sellmember_provide_samples button { font-size: 12px; } #sellmember_register_recommend { /*.table-pc { display: none; }*/ } #sellmember_register_recommend .table-sp th, #sellmember_register_recommend .table-sp td { display: block; } #sellmember_register_recommend .table-sp .blank { height: 30px; } #sellmember_provide_samples { /*.table-pc { display: none; }*/ } #sellmember_provide_samples table { border-bottom: 1px solid #949494; } #sellmember_provide_samples table tbody tr { display: flex; } #sellmember_provide_samples table tbody tr th, #sellmember_provide_samples table tbody tr td { border: none; border-top: 1px solid #949494; } #sellmember_provide_samples table tbody tr th { width: 50%; border-left: 1px solid #949494; border-right: 1px solid #949494; } #sellmember_provide_samples table tbody tr th:nth-child(1) { width: 50%; } #sellmember_provide_samples table tbody tr td { width: 50%; border-right: 1px solid #949494; } #sellmember_provide_samples table tbody tr td:nth-child(1) { width: 50%; } #sellmember_provide_samples table tbody tr .no-border { border-top: none; } #sellmember_provide_samples table tbody .blank { height: 20px; border-top: 1px solid #949494; border-left: none; border-right: none; } #sellmember_provide_samples .table-sp th, #sellmember_provide_samples .table-sp td { display: block; } .contents .contentColumn li { width: 29%; } #buymember-detail .contents .contentColumn li { width: 20.5%; } #buymember-detail .contents .contentColumn li .entryday { flex-direction: column; align-items: start; } #buymember-detail .contents .contentColumn li a .contentColumn-img { height: 20vw; } } @media screen and (max-width: 700px) { #member-loginpage .member-loginpage-list-container ul li { width: 45%; } #member-loginpage .member-loginpage-list-container ul li img:hover { transform: none; } } @media screen and (max-width: 648px) { .contents .contentColumn li { width: 28%; /*min-height: 240px;*/ } #buymember-detail .contents .contentColumn { justify-content: space-between; } #buymember-detail .contents .contentColumn li { width: calc(99% / 4 - 3px); margin: 0; font-size: 11px; } #buymember-detail .contents .contentColumn li .contentColumn-price,#buymember-detail .contents .contentColumn li .contentColumn-text { font-size: 12px; } .contents .contentColumn li .contentColumn-img { max-width: 200px; } #loopSlider .slider-container { width: 360%; } /*#loopSlider .slider-container .slider-loop { animation: 30s linear infinite sliderAnimation; } @keyframes sliderAnimation { 100% { transform: translateX(-322.5%); } }*/ #product-detail .product-detail-recommend div .price-sale::after { right: 20%; } #sales_member article ul li, #for_now article ul li, #blacklist article ul li { width: 48%; } #sales_member article ul li img, #for_now article ul li img, #blacklist article ul li img { max-width: 260px; max-height: 260px; } } @media screen and (max-width: 587px) { .contents .contentColumn li { width: 27%; /*min-height: 240px;*/ } .contents .contentColumn li .contentColumn-img { max-width: 450px; } .ranking-past-items { font-size: 12px; } .ranking-past-items p:nth-child(2) { padding: 0 10px; } #ranking-monthly .ranking-monthly { font-size: 12px; } #ranking-monthly .ranking-monthly h2 { margin-bottom: 0; } #ranking-monthly .ranking-monthly ul li { display: flex; flex-wrap: wrap; margin-bottom: 0; } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-left { order: 0; width: 60%; margin-top: 20%; } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-center { order: 2; width: 100%; } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-center p:nth-child(1) { margin-top: 15%; } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-right { width: 30%; margin: 0 auto 0 10px; order: 1; display: flex; flex-direction: column; } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-right p { text-align: left; height: 30px; font-size: 18px; } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-right .ranking-monthly-btn-container { display: flex; flex-direction: column; width: 100%; } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-right .ranking-monthly-btn-container .ranking-monthly-btn { width: 100%; height: auto; } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-right .ranking-monthly-btn-container .ranking-monthly-btn .ranking-monthly-spblank { display: block; } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-right .ranking-monthly-btn-container .ranking-monthly-btn1, #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-right .ranking-monthly-btn-container .ranking-monthly-btn2 { margin: 0; } #help-buy #title-system table { text-align: center; width: 100%; font-size: 10px; } #help-buy #title-system table tr { border-top: 1px solid #949494; } #help-buy #title-system table tr th { padding: 15px 5px; } #help-buy #title-system table tr th .title-system-sp { display: block; } #help-buy #title-system table tr td { padding: 15px 5px; } #help-buy #title-system table tr td:first-child { background-color: #e7e7e7; } #help-buy #title-system table tr:last-child { border-bottom: 1px solid #949494; } #help-buy #title-system table tr:first-child { background-color: #e7e7e7; } #help-buy #download-validity-period .flow-container { border: 5px solid #FFB100; font-size: 12px; margin-bottom: 40px; } #help-buy #download-validity-period .flow-container .flow-top { display: flex; align-items: center; } #help-buy #download-validity-period .flow-container .flow-top .flow-download { width: 77px; margin: 20px 0 20px 5px; } #help-buy #download-validity-period .flow-container .flow-top div { color: #ffb100; font-size: 21px; font-weight: bold; margin: 10px 0 0 10px; } #help-buy #download-validity-period .flow-container .flow-download-column { display: flex; align-self: stretch; width: 100%; border-bottom: 1px solid #949494; padding-bottom: 20px; margin-bottom: 20px; } #help-buy #download-validity-period .flow-container .flow-download-column .flow-download-columnleft { width: 15%; margin-right: 0; } #help-buy #download-validity-period .flow-container .flow-download-column .flow-download-columnleft p { width: 40px; height: 70px; background-color: #FFB100; color: #1A1A1A; text-align: center; border-radius: 5px; margin: 0px 5px 10px 5px; } #help-buy #download-validity-period .flow-container .flow-download-column .flow-download-columnleft p span { font-weight: bold; font-size: 20px; } #help-buy #download-validity-period .flow-container .flow-download-column .flow-download-columnleft p:nth-child(even) { display: block; height: calc(100% - 30px); background-color: #fff; border-radius: 0; border-left: 5px solid #FFB100; transform: translateX(calc(50% - 2.5px)); position: relative; z-index: -1; } #help-buy #download-validity-period .flow-container .flow-download-columnright { width: 80%; margin: 0 auto 0 0; } #help-buy #download-validity-period .flow-container .flow-download-columnright p { padding: 0; font-size: 12px; } #sales_member article ul li, #for_now article ul li, #blacklist article ul li { width: 48%; } #sales_member article ul li img, #for_now article ul li img, #blacklist article ul li img { max-width: 230px; max-height: 230px; } } @media screen and (max-width: 545px) { .contents .category-longtitle { font-size: 18px; } .contents .contentColumn li { width: 27%; /*justify-content: space-between; margin: 0 5px;*/ } .contents .contentColumn li .border { width: 310%; } .contents .contentColumn li .border_5 { display: none; } .contents .contentColumn li .movieborder4, .contents .contentColumn li .movieborder7 { display: block; } .contents .contentColumn li .contentColumn-title { font-size: 12px; } .contents .contentColumn li .contentColumn-text { font-size: 14px; } .contents .contentColumn li .contentColumn-price { font-size: 16px; } #buy-login .error-message { width: 300px; } #buy-login .error-message .error-message-sp-blank { display: block; } #sell-login .error-message { width: 300px; } #sell-login .error-message .error-message-sp-blank { display: block; } #affi-login .error-message { width: 300px; } #affi-login .error-message .error-message-sp-blank { display: block; } #member-loginpage .member-loginpage-search-container { display: block; font-size: 12px; margin-bottom: 20px; top: 10px; } #member-loginpage .member-loginpage-search-container .member-loginpage-search { position: static; border-radius: 0; box-shadow: none; width: 100%; height: 60px; } #member-loginpage .member-loginpage-search-container .member-loginpage-search-box-container { justify-content: space-between; } #member-loginpage .member-loginpage-search-container .member-loginpage-search-box-container .member-loginpage-search-box-text { margin: 21px 0 25px 10px; } #member-loginpage .member-loginpage-search-container .member-loginpage-search-box-container .member-loginpage-search-box { display: flex; width: 60%; } #member-loginpage .member-loginpage-search-container .member-loginpage-search-box-container .member-loginpage-search-box .member-loginpage-search-box-wh { width: 80%; margin-top: 10px; } #member-loginpage .member-loginpage-search-container .member-loginpage-search-box-container .member-loginpage-search-box .member-loginpage-search-box-bl { width: 20%; margin: 10px 10px 0 0; } #product-detail .product-detail-recommend div .recommend-price { font-size: 10px; } footer ul { display: flex; flex-wrap: wrap; align-items: center; padding-top: 10px; margin: 0 auto; } footer ul li { width: 45%; text-align: center; padding-right: 20px; } footer ul li:nth-child(2), footer ul li:nth-child(4) { border-right: none; } #help-sell #title-system-sell table { font-size: 10px; } #help-sell #title-system-sell table tr th { padding: 15px 0; } #help-sell #title-system-sell table tr th .table3-1-sp { display: block; } #help-sell #title-system-sell table tr th .table3-3-sp { display: block; } #help-sell #title-system-sell table tr td { padding: 15px 0; } #help-sell #title-system-sell table tr td .table3-2-sp { display: block; } #sales_member article ul li, #for_now article ul li, #blacklist article ul li { width: 48%; } #sales_member article ul li img, #for_now article ul li img, #blacklist article ul li img { max-width: 170px; max-height: 170px; } #sales_member article ul li .for_now_listtitle, #for_now article ul li .for_now_listtitle, #blacklist article ul li .for_now_listtitle { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #sales_member article ul li .for_now_listtitle a, #for_now article ul li .for_now_listtitle a, #blacklist article ul li .for_now_listtitle a { width: 100%; } #sellmember_info_change .table-sp tbody tr td .info-change-text { margin: 10px auto 10px 10%; width: 80%; } } @media screen and (max-width: 480px) { #member-loginpage .member-loginpage-list-container ul li { width: 100%; } #member-loginpage .member-loginpage-list-container ul li img:hover { transform: none; } #loopSlider .slider-container { width: 500%; } /*#loopSlider .slider-container .slider-loop { animation: 60s linear infinite sliderAnimation; } @keyframes sliderAnimation { 100% { transform: translateX(-500%); } }*/ .contents .contentColumn li { width: 26%; } } @media screen and (max-width: 468px) { #sellmember_purchase_privilege_input table tbody tr th, #sellmember_purchase_privilege_input table tbody tr td, #sellmember_reduction_input table tbody tr th, #sellmember_reduction_input table tbody tr td, #sellmember_collective_setting table tbody tr th, #sellmember_collective_setting table tbody tr td, #sellmember_register_recommend table tbody tr th, #sellmember_register_recommend table tbody tr td, #sellmember_info_setting table tbody tr th, #sellmember_info_setting table tbody tr td, #sellmember_info_setting_edit table tbody tr th, #sellmember_info_setting_edit table tbody tr td, #sellmember_free_sample table tbody tr th, #sellmember_free_sample table tbody tr td, #sellmember_free_sample_direct table tbody tr th, #sellmember_free_sample_direct table tbody tr td, #sellmember_provide_samples table tbody tr th, #sellmember_provide_samples table tbody tr td { font-size: 10px; } #sellmember_purchase_privilege_input table tbody tr th .br-sp, #sellmember_reduction_input table tbody tr th .br-sp, #sellmember_collective_setting table tbody tr th .br-sp, #sellmember_register_recommend table tbody tr th .br-sp, #sellmember_info_setting table tbody tr th .br-sp, #sellmember_info_setting_edit table tbody tr th .br-sp, #sellmember_free_sample table tbody tr th .br-sp, #sellmember_free_sample_direct table tbody tr th .br-sp, #sellmember_provide_samples table tbody tr th .br-sp { display: block; } #sellmember_purchase_privilege_input button, #sellmember_reduction_input button, #sellmember_collective_setting button, #sellmember_register_recommend button, #sellmember_info_setting button, #sellmember_info_setting_edit button, #sellmember_free_sample button, #sellmember_free_sample_direct button, #sellmember_provide_samples button { font-size: 10px; } #affimember_click, #affimember_click2, #affimember_earnings, #for_sale { font-size: 8px; } #affimember_click .br-sp, #affimember_click2 .br-sp, #affimember_earnings .br-sp, #for_sale .br-sp { display: block; } } @media screen and (max-width: 420px) { .contents .contentColumn li { width: 25.2%; } #ranking-past-items { background-color: #e7e7e7; height: 65px; } #ranking-past-items .ranking-past-items { display: flex; } #ranking-past-items .ranking-past-items p:nth-child(1) { margin: 20px 0 0 5px; } #ranking-past-items .ranking-past-items p:nth-child(2) { background-color: white; border: 1px solid #949494; height: 45px; line-height: 45px; margin-top: 10px; padding-left: 10px; padding-right: 10px; } #ranking-past-items .ranking-past-items p:nth-child(2) img { width: 20px; height: 20px; margin-left: 10px; transform: translateY(4px); } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-left { width: 50%; } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-center p:nth-child(1) { margin-top: 5%; } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-right { width: 40%; } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-right .ranking-monthly-btn-container .ranking-monthly-btn { font-size: 12px; } #buy-login { font-size: 12px; } #buy-login h2 { font-size: 18px; } #buy-login .buy-login-input .buy-login-input-mail .buy-login-input-text { margin-right: 5px; } #buy-login .buy-login-input .buy-login-input-mail .input-box { width: 100px; } #buy-login .buy-login-input .buy-login-input-pass { display: flex; margin-bottom: 30px; } #buy-login .buy-login-input .buy-login-input-pass .buy-login-input-text { margin-right: 29px; } #buy-login .buy-login-input .buy-login-input-pass .input-box { width: 100px; } #sell-login { font-size: 12px; } #sell-login h2 { font-size: 18px; } #sell-login .sell-login-input .sell-login-input-mail .sell-login-input-text { margin-right: 5px; } #sell-login .sell-login-input .sell-login-input-mail .input-box { width: 100px; } #sell-login .sell-login-input .sell-login-input-pass { display: flex; margin-bottom: 30px; } #sell-login .sell-login-input .sell-login-input-pass .sell-login-input-text { margin-right: 29px; } #sell-login .sell-login-input .sell-login-input-pass .input-box { width: 100px; } #affi-login { font-size: 12px; } #affi-login h2 { font-size: 18px; } #affi-login .affi-login-input .affi-login-input-mail .affi-login-input-text { margin-right: 5px; } #affi-login .affi-login-input .affi-login-input-mail .input-box { width: 100px; } #affi-login .affi-login-input .affi-login-input-pass { display: flex; margin-bottom: 30px; } #affi-login .affi-login-input .affi-login-input-pass .affi-login-input-text { margin-right: 29px; } #affi-login .affi-login-input .affi-login-input-pass .input-box { width: 100px; } #cart_settlment table { font-size: 10px; } #help-sell #howtosell .table1 tr .table1-sp { display: block; } #product-detail .product-detail-recommend div .price-sale::after { right: 10%; } #sales_member article ul li, #for_now article ul li, #blacklist article ul li { width: 98%; } #sales_member article ul li img, #for_now article ul li img, #blacklist article ul li img { max-width: 260px; max-height: 260px; } #faq .faq-search .faq-search-container img { top: 70px; } #faq .faq-search .faq-search-container p { font-size: 10px; } #faq .faq-search .faq-search-container p span { font-size: 12px; } #faq .faq-search .faq-search-container p .br-sp { display: block; } #sellmember_info_change { font-size: 10px; } } @media screen and (max-width: 380px) { .contents .contentColumn li { width: 24.2%; } } .margin-bottom { margin-bottom: 3rem; } .text-left { text-align: left; } .faq-div { width: 100%; text-align: center; background-color: #E7E7E7; padding: 10px; border: 1px solid #949494; margin-bottom: 10px; } .set-icon { position: relative; } .set-icon::before { content: "SET"; padding: 1px 5px; background-color: #d30010; color: #fff; font-size: 10px; margin: 10px 5px 10px 0; } .soldout { position: relative; } .soldout::before { content: "売切れ"; padding: 1px 5px; background-color: #d30010; color: #fff; font-size: 10px; margin: 5px 5px 5px 0; } .benefits-icon { position: relative; } .benefits-icon::before { content: "特典"; padding: 1px 5px; background-color: #1d1dd1; color: #fff; font-size: 10px; margin: 5px 5px 5px 0; } .faq-searchbox { display: flex; align-items: center; gap: 10px; } #faq > .faq-search > .faq-search-container > #faq-searchbox > .faq-searchbtn { width: 100px; padding: 8px; display: flex; align-items: center; justify-content: center; background-color: #FFB100; border: none; border-radius: 10px; font-weight: bold; cursor: pointer; border: 2px solid #FFB100; box-shadow: 0 5px 0 0 #D2881A; } #faq > .faq-search > .faq-search-container > #faq-searchbox > .faq-searchbtn:hover { background-color: #fff; } #faq > .faq-search > .faq-search-container > #faq-searchbox > .faq-searchbtn:active { box-shadow: none; transform: translateY(5px); }/*# sourceMappingURL=style.css.map */ #faq > .faq-search > .faq-all_buy { background-image: linear-gradient(to right, #d30010 0%, #a52a2a 100%); color: #fff; } #faq > .faq-search > .faq-all_sell { background-color: #56CCC0; color: #fff; } .end { margin: 20px; padding: 10px; width: fit-content; } .enrty-page { width: 100%; } .entry-page-txt { width: fit-content; margin: 30px auto 30px 5%; } .marginauto-left { margin: 30px auto 30px 5%!important; } .performer-select { padding: 5px 10px; border: 1px solid #949494; width: 90%; } .pickup-btn { padding: 10px; } .bg-e7e7e7 { background-color: #e7e7e7; } .ranking-monthly-btn-container > .no-btn { pointer-events: none; cursor: default; } #ranking-monthly .ranking-monthly ul li .ranking-monthly-li-right .no-btn:hover { pointer-events: none; cursor: default; transform: translateY(0); } .sell-info-affi { display: flex; align-items: start; justify-content: space-between; } @media screen and (max-width: 825px) { .sell-info-affi { flex-direction: column; justify-content: center; width: 100%; } } .sell-info-affi > div { width: 50%; display: flex; align-items: start; justify-content: center; } @media screen and (max-width: 825px) { .sell-info-affi > div { width: 100%; } } .sell-info-affi > div > img { width: 80%; } @media screen and (max-width: 825px) { .sell-info-affi > div { width: 60%; margin: 0 auto; } } .sell-info-affi-table { width: 50%!important; } @media screen and (max-width: 825px) { .sell-info-affi-table { width: 100%!important; } } #sellmember_info_change table tbody tr th:nth-child(1), #sellmember_info_change table tbody tr > .td30 { min-width: 150px!important; width: 10%!important; } @media screen and (max-width: 825px) { #sellmember_info_change table tbody tr th:nth-child(1), #sellmember_info_change table tbody tr > .td30 { width: 100%!important; background-color: #e7e7e7; } } #buy_benefits > #table2 > tbody > .buy-sample-ta > .buy-sample-td01 { width: 30%; } #buy_benefits > #table2 > tbody > .buy-sample-ta > .buy-sample-td02 { width: 70%; } @media screen and (max-width: 768px) { #buy_benefits > #table2 > tbody > .buy-sample-ta > .buy-sample-td01 { width: 100%; border: none; background-color: #e7e7e7; } #buy_benefits > #table2 > tbody > .buy-sample-ta > .buy-sample-td02 { width: 100%; border: none; } } #buy_benefits h2 { position: relative; } .h2-news { position: absolute; bottom: -1.3em; right: 0; color: #1d1dd1; font-size: 14px; } .blue { color: #1d1dd1; } .buy-benefits { position: relative; } .buy-benefits-txt { position: absolute; bottom: 0; right: 0; } .benefits-after { position: relative; width: 40px; display: block; } .benefits-after::after { content: ""; position: absolute; top: 50%; right: -330%; transform: translate(0, -50%); display: block; background-image: url("../image/point_rectangle_10.png"); background-repeat: no-repeat; background-size: contain; width: 70px; height: 52px; } .benefits-after5 { position: relative; width: 40px; display: block; } .benefits-after5::after { content: ""; position: absolute; top: 50%; right: -330%; transform: translate(0, -50%); display: block; background-image: url("../image/point_rectangle_5.png"); background-repeat: no-repeat; background-size: contain; width: 70px; height: 52px; } .benefits-after15 { position: relative; width: 40px; display: block; } .benefits-after15::after { content: ""; position: absolute; top: 50%; right: -330%; transform: translate(0, -50%); display: block; background-image: url("../image/point_rectangle_15.png"); background-repeat: no-repeat; background-size: contain; width: 70px; height: 52px; } .benefits-after20 { position: relative; width: 40px; display: block; } .benefits-after20::after { content: ""; position: absolute; top: 50%; right: -330%; transform: translate(0, -50%); display: block; background-image: url("../image/point_rectangle_20.png"); background-repeat: no-repeat; background-size: contain; width: 70px; height: 52px; } #sellmember_tag_input .btn-box,#sellmember_reduction_input .btn-box { position: relative; width: fit-content; margin: 0 auto; } #sellmember_tag_input .btn-box .balloon1,#sellmember_reduction_input .btn-box .balloon1 { position: absolute; top: -60px; left: 20px; display: inline-block; margin: 1.5em 0; padding: 7px 10px; min-width: 120px; max-width: 100%; color: #fff; font-size: 16px; background: rgba(0, 0, 0, 0.5843137255); animation: del 3s linear forwards; display: none; } #sellmember_tag_input .btn-box .balloon1:before,#sellmember_reduction_input .btn-box .balloon1:before { content: ""; position: absolute; top: 100%; left: 30%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid rgba(0, 0, 0, 0.5843137255); animation: del 3s linear forwards; } @keyframes del { 0% { opacity: 1; } 100% { opacity: 0; } } #sellmember_tag_input .btn-box .balloon1 p,#sellmember_reduction_input .btn-box .balloon1 p { margin: 0; padding: 0; } #sellmember_tag_input .btn-box .balloon1.add_btn3,#sellmember_reduction_input .btn-box .balloon1.add_btn3 { display: inline-block; } .recommend-price { display: flex; align-items: center; gap: 10px; } .recommend-price > img { width: 40px; height: auto; } .upload-img { text-align: center; width: 80%; margin: 0 auto; display: block; } .sp-buy-twobtn { display: none; } @media screen and (max-width: 825px) { .sp-buy-twobtn { display: block; width: 100%; padding: 0 3%; } .sp-buy-twobtn > p { font-size: 12px; } .sp-buybox { display: flex; align-items: center; justify-content: center; padding: 40px 0; } .sp-buy-left,.sp-buy-right { width: 50%; display: flex; flex-direction: column; justify-content: center; } .sp-buy-left a,.sp-buy-right a { display: block; text-align: center; transition: .3s; } .sp-buy-left a > img,.sp-buy-right a > img { height: 60px; object-fit: contain; margin-bottom: 10px; } .sp-buy-left a:hover,.sp-buy-right a:hover { transform: scale(1.1); } .sp-buy-left a > p,.sp-buy-right a > p { font-size: 14px; font-weight: bold; text-align: center; } .sp-buy-left { border-right: #777777 dotted 1px; } } .duplication { padding: 10px 20px; margin-bottom: 40px; background-color: #e7e7e7; border-radius: 10px; border: 1px solid #777; } .duplication > p { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: bold; } .duplication > p > span { display: flex; align-items: center; justify-content: center; background-color: #ff0013; border-radius: 50%; color: #fff; text-align: center; width: 20px; height: 20px; min-width: 20px; min-height: 20px; } #sellmember_tag .table-sp { display: none; } @media screen and (max-width: 825px) { #sellmember_tag .table-sp { display: block; } } .note01-right { align-items: center; } .correction { cursor: pointer; position: relative; } .corre-txt { color: #9E0014; font-weight: bold; margin-top: -12px; } .corre-hover { position: absolute; width: 200px; font-size: 12px; color: #fff; font-weight: bold; background-color: #00000099; padding: 10px; border-radius: 0 20px 20px 20px; display: none; } .correction:hover .corre-hover { display: block; } #buy_benefits .member-loginpage-newsscroll { overflow: scroll; width: 90%; height: 200px; margin-bottom: 40px; } #buy_benefits .member-loginpage-newsscroll .member-loginpage-newsscroll-title { color: #FF0000; font-weight: bold; font-size: 14px; } #buy_benefits .member-loginpage-newsscroll .member-loginpage-newsscroll-text { font-size: 14px; padding-bottom: 10px; margin: 0 auto 10px; border-bottom: 1px solid #949494; width: 98%; } @media screen and (max-width: 825px) { #buy_benefits { margin-top: 90px; } } #loopSlider .slick-track { height: 280px; } @media screen and (max-width: 768px) { #loopSlider .slick-track { height: 240px; } } #loopSlider .slick-slide { width: 200px!important; margin-inline: 10px; } @media screen and (max-width: 480px) { #loopSlider .slick-slide { width: 140px!important; } }