@charset "UTF-8"; /* * 既存サイトの CSS（グローバル CSS）の読み込み順と media query を、 * 旧 fuel/app/views/template.php と views/top/top/include.php に合わせたもの。 * フロントエンド規約「既存のサイトの CSS」に従い、書き直さずに resources/js/app.ts の先頭で import する。 * fade.css は AngularJS 専用のため読み込まない。 */@media screen{ /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(/assets/fonts/glyphicons-halflings-regular.eot);src:url(/assets/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(/assets/fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(/assets/fonts/glyphicons-halflings-regular.woff) format('woff'),url(/assets/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(/assets/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}} /*# sourceMappingURL=bootstrap.min.css.map */}@media screen{ /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */.btn-danger,.btn-default,.btn-info,.btn-primary,.btn-success,.btn-warning{text-shadow:0 -1px 0 rgba(0,0,0,.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075)}.btn-danger.active,.btn-danger:active,.btn-default.active,.btn-default:active,.btn-info.active,.btn-info:active,.btn-primary.active,.btn-primary:active,.btn-success.active,.btn-success:active,.btn-warning.active,.btn-warning:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-danger.disabled,.btn-danger[disabled],.btn-default.disabled,.btn-default[disabled],.btn-info.disabled,.btn-info[disabled],.btn-primary.disabled,.btn-primary[disabled],.btn-success.disabled,.btn-success[disabled],.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-danger,fieldset[disabled] .btn-default,fieldset[disabled] .btn-info,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-success,fieldset[disabled] .btn-warning{-webkit-box-shadow:none;box-shadow:none}.btn-danger .badge,.btn-default .badge,.btn-info .badge,.btn-primary .badge,.btn-success .badge,.btn-warning .badge{text-shadow:none}.btn.active,.btn:active{background-image:none}.btn-default{text-shadow:0 1px 0 #fff;background-image:-webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-o-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#dbdbdb;border-color:#ccc}.btn-default:focus,.btn-default:hover{background-color:#e0e0e0;background-position:0 -15px}.btn-default.active,.btn-default:active{background-color:#e0e0e0;border-color:#dbdbdb}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#e0e0e0;background-image:none}.btn-primary{background-image:-webkit-linear-gradient(top,#337ab7 0,#265a88 100%);background-image:-o-linear-gradient(top,#337ab7 0,#265a88 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#265a88));background-image:linear-gradient(to bottom,#337ab7 0,#265a88 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#245580}.btn-primary:focus,.btn-primary:hover{background-color:#265a88;background-position:0 -15px}.btn-primary.active,.btn-primary:active{background-color:#265a88;border-color:#245580}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#265a88;background-image:none}.btn-success{background-image:-webkit-linear-gradient(top,#5cb85c 0,#419641 100%);background-image:-o-linear-gradient(top,#5cb85c 0,#419641 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5cb85c),to(#419641));background-image:linear-gradient(to bottom,#5cb85c 0,#419641 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#3e8f3e}.btn-success:focus,.btn-success:hover{background-color:#419641;background-position:0 -15px}.btn-success.active,.btn-success:active{background-color:#419641;border-color:#3e8f3e}.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#419641;background-image:none}.btn-info{background-image:-webkit-linear-gradient(top,#5bc0de 0,#2aabd2 100%);background-image:-o-linear-gradient(top,#5bc0de 0,#2aabd2 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#2aabd2));background-image:linear-gradient(to bottom,#5bc0de 0,#2aabd2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#28a4c9}.btn-info:focus,.btn-info:hover{background-color:#2aabd2;background-position:0 -15px}.btn-info.active,.btn-info:active{background-color:#2aabd2;border-color:#28a4c9}.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled.focus,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled].focus,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#2aabd2;background-image:none}.btn-warning{background-image:-webkit-linear-gradient(top,#f0ad4e 0,#eb9316 100%);background-image:-o-linear-gradient(top,#f0ad4e 0,#eb9316 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f0ad4e),to(#eb9316));background-image:linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#e38d13}.btn-warning:focus,.btn-warning:hover{background-color:#eb9316;background-position:0 -15px}.btn-warning.active,.btn-warning:active{background-color:#eb9316;border-color:#e38d13}.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled.focus,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled].focus,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#eb9316;background-image:none}.btn-danger{background-image:-webkit-linear-gradient(top,#d9534f 0,#c12e2a 100%);background-image:-o-linear-gradient(top,#d9534f 0,#c12e2a 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9534f),to(#c12e2a));background-image:linear-gradient(to bottom,#d9534f 0,#c12e2a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#b92c28}.btn-danger:focus,.btn-danger:hover{background-color:#c12e2a;background-position:0 -15px}.btn-danger.active,.btn-danger:active{background-color:#c12e2a;border-color:#b92c28}.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#c12e2a;background-image:none}.img-thumbnail,.thumbnail{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.075);box-shadow:0 1px 2px rgba(0,0,0,.075)}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{background-color:#e8e8e8;background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);background-repeat:repeat-x}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{background-color:#2e6da4;background-image:-webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);background-repeat:repeat-x}.navbar-default{background-image:-webkit-linear-gradient(top,#fff 0,#f8f8f8 100%);background-image:-o-linear-gradient(top,#fff 0,#f8f8f8 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8f8f8));background-image:linear-gradient(to bottom,#fff 0,#f8f8f8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075)}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.open>a{background-image:-webkit-linear-gradient(top,#dbdbdb 0,#e2e2e2 100%);background-image:-o-linear-gradient(top,#dbdbdb 0,#e2e2e2 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#dbdbdb),to(#e2e2e2));background-image:linear-gradient(to bottom,#dbdbdb 0,#e2e2e2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);background-repeat:repeat-x;-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,.075);box-shadow:inset 0 3px 9px rgba(0,0,0,.075)}.navbar-brand,.navbar-nav>li>a{text-shadow:0 1px 0 rgba(255,255,255,.25)}.navbar-inverse{background-image:-webkit-linear-gradient(top,#3c3c3c 0,#222 100%);background-image:-o-linear-gradient(top,#3c3c3c 0,#222 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#222));background-image:linear-gradient(to bottom,#3c3c3c 0,#222 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-radius:4px}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a{background-image:-webkit-linear-gradient(top,#080808 0,#0f0f0f 100%);background-image:-o-linear-gradient(top,#080808 0,#0f0f0f 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#080808),to(#0f0f0f));background-image:linear-gradient(to bottom,#080808 0,#0f0f0f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);background-repeat:repeat-x;-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,.25);box-shadow:inset 0 3px 9px rgba(0,0,0,.25)}.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav>li>a{text-shadow:0 -1px 0 rgba(0,0,0,.25)}.navbar-fixed-bottom,.navbar-fixed-top,.navbar-static-top{border-radius:0}@media (max-width:767px){.navbar .navbar-nav .open .dropdown-menu>.active>a,.navbar .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-image:-webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);background-repeat:repeat-x}}.alert{text-shadow:0 1px 0 rgba(255,255,255,.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05)}.alert-success{background-image:-webkit-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);background-image:-o-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#dff0d8),to(#c8e5bc));background-image:linear-gradient(to bottom,#dff0d8 0,#c8e5bc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);background-repeat:repeat-x;border-color:#b2dba1}.alert-info{background-image:-webkit-linear-gradient(top,#d9edf7 0,#b9def0 100%);background-image:-o-linear-gradient(top,#d9edf7 0,#b9def0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9edf7),to(#b9def0));background-image:linear-gradient(to bottom,#d9edf7 0,#b9def0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);background-repeat:repeat-x;border-color:#9acfea}.alert-warning{background-image:-webkit-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);background-image:-o-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fcf8e3),to(#f8efc0));background-image:linear-gradient(to bottom,#fcf8e3 0,#f8efc0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);background-repeat:repeat-x;border-color:#f5e79e}.alert-danger{background-image:-webkit-linear-gradient(top,#f2dede 0,#e7c3c3 100%);background-image:-o-linear-gradient(top,#f2dede 0,#e7c3c3 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f2dede),to(#e7c3c3));background-image:linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);background-repeat:repeat-x;border-color:#dca7a7}.progress{background-image:-webkit-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(#f5f5f5));background-image:linear-gradient(to bottom,#ebebeb 0,#f5f5f5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);background-repeat:repeat-x}.progress-bar{background-image:-webkit-linear-gradient(top,#337ab7 0,#286090 100%);background-image:-o-linear-gradient(top,#337ab7 0,#286090 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#286090));background-image:linear-gradient(to bottom,#337ab7 0,#286090 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);background-repeat:repeat-x}.progress-bar-success{background-image:-webkit-linear-gradient(top,#5cb85c 0,#449d44 100%);background-image:-o-linear-gradient(top,#5cb85c 0,#449d44 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5cb85c),to(#449d44));background-image:linear-gradient(to bottom,#5cb85c 0,#449d44 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);background-repeat:repeat-x}.progress-bar-info{background-image:-webkit-linear-gradient(top,#5bc0de 0,#31b0d5 100%);background-image:-o-linear-gradient(top,#5bc0de 0,#31b0d5 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#31b0d5));background-image:linear-gradient(to bottom,#5bc0de 0,#31b0d5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);background-repeat:repeat-x}.progress-bar-warning{background-image:-webkit-linear-gradient(top,#f0ad4e 0,#ec971f 100%);background-image:-o-linear-gradient(top,#f0ad4e 0,#ec971f 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f0ad4e),to(#ec971f));background-image:linear-gradient(to bottom,#f0ad4e 0,#ec971f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);background-repeat:repeat-x}.progress-bar-danger{background-image:-webkit-linear-gradient(top,#d9534f 0,#c9302c 100%);background-image:-o-linear-gradient(top,#d9534f 0,#c9302c 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9534f),to(#c9302c));background-image:linear-gradient(to bottom,#d9534f 0,#c9302c 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);background-repeat:repeat-x}.progress-bar-striped{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.list-group{border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.075);box-shadow:0 1px 2px rgba(0,0,0,.075)}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{text-shadow:0 -1px 0 #286090;background-image:-webkit-linear-gradient(top,#337ab7 0,#2b669a 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2b669a 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2b669a));background-image:linear-gradient(to bottom,#337ab7 0,#2b669a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);background-repeat:repeat-x;border-color:#2b669a}.list-group-item.active .badge,.list-group-item.active:focus .badge,.list-group-item.active:hover .badge{text-shadow:none}.panel{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05)}.panel-default>.panel-heading{background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);background-repeat:repeat-x}.panel-primary>.panel-heading{background-image:-webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);background-repeat:repeat-x}.panel-success>.panel-heading{background-image:-webkit-linear-gradient(top,#dff0d8 0,#d0e9c6 100%);background-image:-o-linear-gradient(top,#dff0d8 0,#d0e9c6 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#dff0d8),to(#d0e9c6));background-image:linear-gradient(to bottom,#dff0d8 0,#d0e9c6 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);background-repeat:repeat-x}.panel-info>.panel-heading{background-image:-webkit-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);background-image:-o-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9edf7),to(#c4e3f3));background-image:linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);background-repeat:repeat-x}.panel-warning>.panel-heading{background-image:-webkit-linear-gradient(top,#fcf8e3 0,#faf2cc 100%);background-image:-o-linear-gradient(top,#fcf8e3 0,#faf2cc 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fcf8e3),to(#faf2cc));background-image:linear-gradient(to bottom,#fcf8e3 0,#faf2cc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);background-repeat:repeat-x}.panel-danger>.panel-heading{background-image:-webkit-linear-gradient(top,#f2dede 0,#ebcccc 100%);background-image:-o-linear-gradient(top,#f2dede 0,#ebcccc 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f2dede),to(#ebcccc));background-image:linear-gradient(to bottom,#f2dede 0,#ebcccc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);background-repeat:repeat-x}.well{background-image:-webkit-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#e8e8e8),to(#f5f5f5));background-image:linear-gradient(to bottom,#e8e8e8 0,#f5f5f5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);background-repeat:repeat-x;border-color:#dcdcdc;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1)} /*# sourceMappingURL=bootstrap-theme.min.css.map */} /* ----------------------------------- * Slidebars * Version 0.10.3 * http://plugins.adchsm.me/slidebars/ * * Written by Adam Smith * http://www.adchsm.me/ * * Released under MIT License * http://plugins.adchsm.me/slidebars/license.txt * * ------------------- * Slidebars CSS Index * * 001 - Box Model, Html & Body * 002 - Site * 003 - Slidebars * 004 - Animation * 005 - Helper Classes * * ---------------------------- * 001 - Box Model, Html & Body */ html, body, #sb-site, .sb-site-container, .sb-slidebar { /* Set box model to prevent any user added margins or paddings from altering the widths or heights. */ margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body { width: 100%; overflow-x: hidden; /* Stops horizontal scrolling. */ } html { height: 100%; /* Site is as tall as device. */ } body { min-height: 100%; height: auto; position: relative; /* Required for static Slidebars to function properly. */ } /* Site scroll locking - prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */ html.sb-scroll-lock.sb-active:not(.sb-static) { overflow: hidden; } /* ---------- * 002 - Site */ #sb-site, .sb-site-container { /* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */ width: 100%; min-height: 100vh; position: relative; z-index: 1; /* Site sits above Slidebars */ background-color: #ffffff; /* Default background colour, overwrite this with your own css. I suggest moving your html or body background styling here. Making this transparent will allow the Slidebars beneath to be visible. */ margin-top: 0.3em; } /* Micro clearfix by Nicolas Gallagher, ensures the site container hits the top and bottom of the screen. */ #sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after { content: ' '; display: table; } #sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after { clear: both; } /* --------------- * 003 - Slidebars */ .sb-slidebar { height: 100%; overflow-y: auto; /* Enable vertical scrolling on Slidebars when needed. */ position: fixed; top: 0; z-index: 0; /* Slidebars sit behind sb-site. */ display: none; /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */ background-color: #ffffff; } /*.sb-slidebar, .sb-slidebar * {*/ /*-webkit-transform: translateZ( 0px ); !* Fixes issues with translated and z-indexed elements on iOS 7. *!*/ /*}*/ .sb-left { left: 0; /* Set Slidebar to the left. */ } .sb-right { right: 0; /* Set Slidebar to the right. */ } html.sb-static .sb-slidebar, .sb-slidebar.sb-static { position: absolute; /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */ } .sb-slidebar.sb-active { display: block; /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */ } .sb-style-overlay { z-index: 9999; /* Set z-index high to ensure it overlays any other site elements. */ } .sb-momentum-scrolling { -webkit-overflow-scrolling: touch; /* Adds native momentum scrolling for iOS & Android devices. */ } /* Slidebar widths for browsers/devices that don't support media queries. */ .sb-slidebar { width: 30%; } .sb-width-thin { width: 15%; } .sb-width-wide { width: 45%; } @media (max-width: 480px) { /* Slidebar widths on extra small screens. */ .sb-slidebar { width: 100%; } .sb-width-thin { width: 55%; } .sb-width-wide { width: 85%; } } @media (min-width: 481px) { /* Slidebar widths on small screens. */ .sb-slidebar { width: 55%; } .sb-width-thin { width: 40%; } .sb-width-wide { width: 70%; } } @media (min-width: 768px) { /* Slidebar widths on medium screens. */ .sb-slidebar { width: 40%; } .sb-width-thin { width: 25%; } .sb-width-wide { width: 55%; } } @media (min-width: 992px) { /* Slidebar widths on large screens. */ .sb-slidebar { width: 30%; } .sb-width-thin { width: 15%; } .sb-width-wide { width: 45%; } } @media (min-width: 1200px) { /* Slidebar widths on extra large screens. */ .sb-slidebar { width: 20%; } .sb-width-thin { width: 5%; } .sb-width-wide { width: 35%; } } /* --------------- * 004 - Animation */ .sb-slide, #sb-site, .sb-site-container, .sb-slidebar { -webkit-transform: translate( 0px ); -moz-transform: translate( 0px ); -o-transform: translate( 0px ); transform: translate( 0px ); -webkit-transition: -webkit-transform 400ms ease; -moz-transition: -moz-transform 400ms ease; -o-transition: -o-transform 400ms ease; transition: transform 400ms ease; -webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */ -webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */ } /* -------------------- * 005 - Helper Classes */ .sb-hide { display: none; /* Optionally applied to control classes when Slidebars is disabled over a certain width. */ } /* PC のみ */ @media screen and (min-width: 769px){ /* reset.css */ html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, address, blockquote, pre, code, form, fieldset, legend, input, textarea, select, option, button, label, th, td, hr { margin: 0; padding: 0; } body { color: #4b4b4b; background-color: #FFF; font-size: 14px !important; font-family: "メイリオ",Meiryo,sans-serif; } h1, h2, h3, h4, h5, h6, table, input, textarea, select, option, button { font-size: 100%; } h1, h2, h3, h4, h5, h6, address, blockquote, q, cite, caption, th, dfn, code, var, samp, kbd, em, strong { font-style: normal; font-weight: normal; } /* links ------------------------------*/ a { outline: 0; cursor: pointer; text-decoration: none; /*color: #d8263c !important;*/ color: #4b4b4b !important; } :focus { outline: 0; } /* Remove dotted outlines on all links (IE only) */ a:active, a:focus { outline: expression(hideFocus='true'); } a:hover { text-decoration:underline; } /* quotation ------------------------------*/ blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* table ------------------------------*/ table { line-height: 1.5; border-collapse: separate; border-spacing: 0; } * html table { border-collapse: collapse; } /* for ie6 */ *:first-child+html table { border-collapse: collapse; } /* for ie7 */ caption, th { text-align: left; } /* misc ------------------------------*/ ol, ul { list-style: none; } a img, img { border: 0; vertical-align: bottom; } code, var, samp, kbd { font-family: monospace; } ins { text-decoration: none; } del { text-decoration: line-through; } abbr, acronym { border: 0; } /* forms ------------------------------*/ fieldset { border: 0; } input, textarea, select, option, button, label { font-family: inherit; color: inherit; } input, textarea, select, option, button { vertical-align: baseline; } textarea { vertical-align: top; } * html legend { margin-left: -7px; } /* for ie6 */ *:first-child+html legend { margin-left: -7px; }} @media screen and (min-width: 769px){ /* ----------------------------------- pc_style.scss -----------------------------------*/ .sp_only { display: none; } .pc_only { display: block; } .fixed { position: fixed; top: 0; left: 0; z-index: 1039; } .pointArea { margin-top: -4px; float: left; font-size: 10px; background: #ffff00 url(/assets/img/common/ico_point.png) no-repeat 10px 6px; background-size: 5%; padding: 8px 8px 4px 2.8em; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; position: relative; margin-left: 3em; } .pointArea:after { content: ''; position: absolute; border-top: 10px solid #ffff00; border-right: 5px solid transparent; border-left: 5px solid transparent; bottom: -9px; left: 48%; } header { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.65, #ededed), color-stop(0, #fff)); background: -webkit-linear-gradient(top, #fff 0%, #ededed 65%); background: -moz-linear-gradient(top, #fff 0%, #ededed 65%); background: -o-linear-gradient(top, #fff 0%, #ededed 65%); background: -ms-linear-gradient(top, #fff 0%, #ededed 65%); background: linear-gradient(to bottom, #fff 0%, #ededed 65%); width: 100%; } header a { color: #4b4b4b !important; text-decoration: none; } header #topArea { width: 1200px; margin: 0 auto; height: 100px; } header .red { color: #d8263c; } header .bg { float: left; width: 500px; } header .sb-toggle-left { background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #fefc06), color-stop(0, #fffff8)); background: -webkit-linear-gradient(#fffff8, #fefc06); background: -moz-linear-gradient(#fffff8, #fefc06); background: -o-linear-gradient(#fffff8, #fefc06); background: -ms-linear-gradient(#fffff8, #fefc06); background: linear-gradient(#fffff8, #fefc06); border: 4px solid #fff; box-shadow: 1px 2px 3px 1px #9ca19d; -moz-box-shadow: 1px 2px 3px 1px #9ca19d; -webkit-box-shadow: 1px 2px 3px 1px #9ca19d; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: left; padding: 0.2em 0.6em 0; text-align: center; font-size: 20px; margin-top: 18px; } header .sb-toggle-left a { text-decoration: none; font-weight: bold; color: #4b4b4b; } header h1 { display: block; text-indent: -9999px; width: 350px; height: 55px; margin-left: 140px; margin-top: 30px; } header h1 a { display: block; height: 50px; } header #rightBox { float: right; width: 645px; margin-top: 15px; } header ul { float: left; width: 220px; font-size: 10px; } header li { float: left; width: 60px; white-space: nowrap; margin-left: 1em; } header li a { padding-top: 38px; display: inline-block; } header .login { background: url(/assets/img/common/ico_login.png) no-repeat top center; background-size: 64% auto; text-align: center; } header .mypage { background: url(/assets/img/common/ico_name.png) no-repeat top center; background-size: 64% auto; text-align: center; } header .news { background: url(/assets/img/common/ico_news.png) no-repeat top center; background-size: 75% auto; text-align: center; } header .cart { background: url(/assets/img/common/ico_cart.png) no-repeat top center; background-size: 64% auto; text-align: center; position: relative; } header .cart span { position: absolute; top: -7%; right: 0; background: #ff0004; color: #fff; border-radius: 100px; padding: 2px 4px; } header .sb-toggle-right { float: right; background: url(/assets/img/common/ico_menu.png) no-repeat top right; background-size: 100% auto; text-align: center; padding-top: 38px; width: 38px; white-space: nowrap; font-size: 10px; } .name { margin-top: -4px; padding: 1em; float: left; font-size: 10px; width: 246px; } #searchArea { clear: left; float: left; width: 290px; } #searchArea #searchform { position: relative; } #searchArea #searchform #keywords { padding: 0.6em; background: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 90%; } #searchArea #searchform #searchBtn { position: absolute; top: 0; right: 0.2em; padding: 0; } .detailSearch a { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #4b4b4b; color: #fff !important; padding: 0.6em 1em; display: block; float: left; margin-left: 0.8em; } #sb-site { width: 960px; float: right; text-align: center; line-height: 1.8em; } footer { clear: both; } footer a { color: #4b4b4b !important; text-decoration: none !important; } aside { width: 190px; float: left; } aside a { color: #4b4b4b !important; text-decoration: none !important; } #wrap { width: 960px; display: flex; justify-content: center; margin: 2rem auto; } .accordion_dl { border: 2px solid #e05e9e; } .accordion_dl dt { background: #fff url(/assets/img/common/ico_info.png) no-repeat 1em center; margin-bottom: 1px; padding: 1.4em 1em 1.4em 3.4em; cursor: pointer; font-weight: normal; position: relative; font-size: 14px; font-weight:bold; text-align: left; float: none !important; } .accordion_dl dt:before { display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 15px; width: 16px; height: 16px; margin-top: -8px; background: #e05e9e; } .accordion_dl dt:after { display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 15px; width: 16px; height: 16px; margin-top: -16px; background: #fff; } .accordion_dl dt.active:before { margin-top: -2px; } .accordion_dl dt.active:after { margin-top: 6px; } .accordion_dl dd { background-color: #fff; padding: 0.6em; font-size: 14px; text-align: left; } .accordion_dl dt a { position: relative; display: block; text-decoration: none; } .accordion_dl dt a:before { display: none; } .accordion_dl dt a:after { display: none; } section { padding-bottom: 1em; } h2 { font-family: Comfortaa; font-size: 3rem; color: #4b4b4b; padding: 0.8em 0 0.4em !important; display: block; text-align: left; } h2.top { font-size: 4rem; } footer { background: #ededed; } footer #footerBox { margin: 0 auto; padding: 4em 0 8em; width: 870px; overflow: hidden; } footer #footerBox .footer_link { float: left; margin-right: 20px; text-align: left; font-size: 12px; line-height: 2.4em; } footer #footerBox .footer_link h4 { font-size: 12px; font-weight: bold; line-height: 2em; margin-bottom: 1em; } footer .w220 { width: 320px; padding-left: 4em; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } footer .copy { text-align: center; line-height: 2.4em; font-size: 12px; padding-bottom: 2em; } /**/ .sb-left { font-size: 12px; } .sb-left .title { background: #4b4b4b; color: #fff; text-align: center; line-height: 2.4em; font-size: 10px; } .sb-left .groupList { padding: 0; margin: 0 auto 1em; font-size: 14px; text-align: left; } .sb-left .groupList li { list-style: none; width: 100%; margin: 0; padding: 0; border-bottom: 1px solid #cccccc; } .sb-left .groupList .akb a { color: #e5007f; } .sb-left .groupList .team8 a { color: #2c549a; } .sb-left .groupList .ske a { color: #f7b500; } .sb-left .groupList .nmb a { color: #744f1a; } .sb-left .groupList .hkt a { color: #000; } .sb-left .groupList .ngt a { color: #e50009; } .sb-left .groupList .stu a { color: #81c4f8; } .sb-left .groupList .jkt a { color: #e70012; } .sb-left .groupList .gstop a { color: #4b4b4b; } .sb-left .groupList a { background: #fff url(/assets/img/common/nav_arrowrw.png) no-repeat 98% center; background-size: 10%; padding: 1em 3em 1em 1em; display: block; font-size: 14px; } /**/ .sb-right { font-size: 12px; } .sb-right .title { background: #4b4b4b; color: #fff; text-align: center; line-height: 2.4em; font-size: 10px; } .sb-right .accordion_dl .name { padding: 1.4em 1em 1.4em 4em; text-align: left !important; background: url(/assets/img/common/ico_name.png) no-repeat 0.4em 0.6em; background-size: 10% auto; border-bottom: 1px solid #D9D9D6; width: auto; } .sb-right li a { background: #fff url(/assets/img/common/nav_arrowrw.png) no-repeat 98% center; background-size: 10%; padding: 1em 3em 1em 1em; border-bottom: 1px solid #D9D9D6; display: block; font-size: 12px; } .sb-right li a span { font-size: 9px; display: block; } .sb-right .accordion_dl dt { background: #fff url(none); border-bottom: solid 1px #D9D9D6; margin-bottom: 1px; padding: 1em; font-size: 12px; cursor: pointer; position: relative; } .sb-right .accordion_dl dt:before { display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 40%; right: 10px; width: 16px; height: 16px; margin-top: -6px; background: #cccccc; } .sb-right .accordion_dl dt:after { display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 38%; right: 10px; width: 16px; height: 16px; margin-top: -13px; background: #fff; } .sb-right .accordion_dl dt.active:before { margin-top: -3px; } .sb-right .accordion_dl dt.active:after { margin-top: 4px; } .sb-right .accordion_dl dd { background-color: #ededed; border-bottom: solid 1px #D6D6D6; padding: 0; } .sb-right .accordion_dl dd li a { background: #ededed url(/assets/img/common/nav_arrowrw.png) no-repeat 98% center; background-size: 9%; display: block; font-size: 12px; text-indent: 2em; } .sb-right .menu li { background: #fff url(/assets/img/common/nav_arrowrw.png) no-repeat 98% center; background-size: 9%; display: block; font-size: 12px; } .sb-right .menu li span { font-size: 9px; } .sb-right .menu a { padding: 1em 1em 1em 4em; } .sb-right .menu .name { padding: 0; float: none; width: auto; } .sb-right .menu .name a { padding: 1em 1em 1em 3em; text-align: left; background: url(/assets/img/common/ico_name.png) no-repeat 0.4em center; background-size: 10% auto; } .sb-right .menu .login a { background: url(/assets/img/common/ico_login.png) no-repeat 0.4em center; background-size: 10% auto; } .sb-right .menu .logout a { background: url(/assets/img/common/ico_logout.png) no-repeat 0.4em center; background-size: 10% auto; } .sb-right .menu .cart a { background: url(/assets/img/common/ico_cart.png) no-repeat 0.4em center; background-size: 10% auto; } .sb-right .menu .topics a { background: url(/assets/img/common/ico_topics.png) no-repeat 0.4em center; background-size: 10% auto; } .sb-right .navArrow a { background: #fff url(/assets/img/common/nav_arrowrw.png) no-repeat 98% center; background-size: 9%; padding: 1em 3em 1em 1em; border-bottom: 1px solid #D9D9D6; display: block; } .sideNav li a { background: #ededed url(/assets/img/common/nav_arrowrw.png) no-repeat 98% center; background-size: 9%; padding: 1em 3em 1em 1em; border-bottom: 1px solid #D9D9D6; } .sideNav .blank a { background: #ededed url(/assets/img/common/ico_blank.png) no-repeat 98% center !important; background-size: 10% !important; } .sideNav .tw { background: url(/assets/img/common/ico_tw.png) no-repeat right center; display: inline-block; padding-right: 2em; background-size: 14%; } .sb-close-btn { width: 60%; margin: 0 auto; background: #4b4b4b url(/assets/img/common/ico_close.png) no-repeat 32% center; background-size: 10% auto; text-align: center; color: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: .8em 1em; margin: 2em auto; } section { margin-bottom: 1em; } section .inner { padding: .6em; text-align: left; } section .inner li { margin-bottom: 0.6em; line-height: 1.4em; } section .inner li img { margin-bottom: .6em; } .sb-right .accordion_dl { border: none; } .level2, .level3 { display: none; } #categoryList .level1 { background-size: 6% auto; border-bottom: solid 1px #D9D9D6; margin-bottom: 1px; padding: 1em; cursor: pointer; position: relative; font-size: 14px; } #categoryList .level2 li { background-color: #ededed; border-bottom: 1px solid #D9D9D6; background: #ededed url(/assets/img/common/nav_arrowr.png) no-repeat 98% 16px; padding: 1.4em 3em 1.4em 1.4em; font-size: 12px; position: relative; } #categoryList .level1 span, #categoryList .level2 span { position: absolute; width: 50px; height: 50px; right: 0; top: 0; text-indent: -9999px; } #categoryList .level1 span:before { display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 15px; width: 16px; height: 16px; margin-top: -8px; background: #cccccc; } #categoryList .level1 span:after { display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 15px; width: 16px; height: 16px; margin-top: -16px; background: #fff; } #categoryList .level2 span { background: url(/assets/img/common/level2_down.png) no-repeat 70% top; background-size: 80% auto; } #categoryList .level1 span.active:before { margin-top: -4px; } #categoryList .level1 span.active:after { margin-top: 5px; } #categoryList .level2 span.active { background: url(/assets/img/common/level2_up.png) no-repeat 70% top; background-size: 80% auto; } #categoryList .level3 li { background-color: #ededed; border-bottom: 1px solid #D9D9D6; background: #ededed url(/assets/img/common/nav_arrowr.png) no-repeat 98% center; padding: 1.4em 3em 1.4em 1.4em; font-size: 12px; } #categoryList a { position: relative; display: block; } #categoryList a:before { display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 17px; width: 10px; height: 10px; margin-top: -5px; } /*.halfList { overflow: hidden; li { width: 30%; margin-right: 2%; float: left; img { width: 100%; } } li:nth-child(even) { margin-right: 0; } li:nth-child(odd) { clear: left; } }*/ .groupList { padding: 0; margin: 0 auto 1em; text-align: left; } .groupList li { list-style: none; width: 100%; margin: 0; padding: 0; border-bottom: 1px solid #cccccc; } .groupList a { background: #fff url(/assets/img/common/nav_arrowrw.png) no-repeat 98% center; background-size: 3%; padding: 1em 3em 1em 1em; display: block; font-size: 18px; } .groupList .akb a { color: #e5007f !important; } .groupList .team8 a { color: #2c549a !important; } .groupList .ske a { color: #f7b500 !important; } .groupList .nmb a { color: #744f1a !important; } .groupList .hkt a { color: #000 !important; } .groupList .ngt a { color: #e50009 !important; } .groupList .stu a { color: #81c4f8 !important; } .groupList .jkt a { color: #e70012 !important; } .groupList .gstop a { color: #4b4b4b !important; } #officialArea ul { margin: .6em; } #officialArea ul li { float: left; width: 17%; margin-right: 3%; } #officialArea ul li img { width: 100%; } #officialArea ul li:last-child { margin-right: 0; } .small { font-size: 9px; } .sb-right #categoryList .level1 { background-size: 6% auto; border-bottom: solid 1px #D9D9D6; margin-bottom: 1px; padding: 1.2em; cursor: pointer; position: relative; font-size: 12px; background-color: #ededed; } .sb-right #categoryList .level2 li { background-color: #ededed; border-bottom: 1px solid #D9D9D6; background: #ededed url(/assets/img/common/nav_arrowr.png) no-repeat 98% 16px; padding: 1.4em 3em 1.4em 1.4em; font-size: 12px; position: relative; } .sb-right #categoryList .level1 span, .sb-right #categoryList .level2 span { position: absolute; width: 50px; height: 50px; right: 0; top: 0; text-indent: -9999px; } .sb-right #categoryList .level1 span:before { display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 15px; width: 16px; height: 16px; margin-top: -8px; background: #cccccc; } .sb-right #categoryList .level1 span:after { display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 15px; width: 16px; height: 16px; margin-top: -16px; background: #ededed; } .sb-right #categoryList .level2 span { background: url(/assets/img/common/level2_down.png) no-repeat 70% top; background-size: 80% auto; } .sb-right #categoryList .level1 span.active:before { margin-top: -4px; } .sb-right #categoryList .level1 span.active:after { margin-top: 5px; } .sb-right #categoryList .level2 span.active { background: url(/assets/img/common/level2_up.png) no-repeat 70% top; background-size: 80% auto; } .sb-right #categoryList .level3 li { background-color: #ededed; border-bottom: 1px solid #D9D9D6; background: #ededed url(/assets/img/common/nav_arrowr.png) no-repeat 98% center; padding: 1.4em 3em 1.4em 1.4em; font-size: 12px; } .sb-right #categoryList a { position: relative; display: block; } .sb-right #categoryList a:before { display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 17px; width: 10px; height: 10px; margin-top: -5px; } .sb-right #categoryList .level2 a { background: url(none); display: block; padding: 0; border-bottom: 0; } #memberArea #tab { overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #e05e9e; margin: 1em auto; color: #e05e9e; width: 92%; display: table; margin: 2em 4%; } #memberArea #tab li { background: #fff; padding: .4em 0; text-align: center; border-right: 1px solid #e05e9e; display: table-cell; margin-bottom: 0 !important; font-size: 12px; width: 0; } #memberArea #tab li:last-child { border-right: 0; } #memberArea #tab li.select { background: #e05e9e; color: #fff; } #memberArea .content { background: #fff; padding: 1em 0; } #memberArea .disnon { display: none !important; } #memberArea .memberslider li span { display: block; } #memberArea .memberslider li .teama { color: #e05e9e; } #memberArea .memberslider li .teamk { color: #64b000; } #memberArea .memberslider li .teamb { color: #26a6e0; } #memberArea .memberslider li .team4 { color: #fcc300; } h3 { text-align: left; font-size: 18px !important; padding: 0.8em 0.8em 0.8em 0 !important; margin-bottom: 1em !important; clear: both; font-weight: bold; margin-top: 3em; } h3:first-child { margin-top: 0; } aside h3 { border: 2px solid #4b4b4b; text-align: center; font-size: 18px !important; padding: 0.8em !important; margin-bottom: .6em !important; clear: both; font-weight: normal; } h4 { font-size: 16px !important; } .btnWhite { margin: 10px 0; } .btnWhite a { padding: 1em 6em; width: auto; display: inline-block; background: #ffffff url(/assets/img/common/ico_arrowR.png) 98% center no-repeat; border: 1px solid #ABABAB; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; } h4 { font-weight: bold; font-size: 125%; } .fs { font-size: 12px; } .fm { font-size: 125%; } .fl { font-size: 144%; } #orderArea ul li { text-indent: -1em; margin-left: 1em; margin-bottom: 1em; } #orderArea table td { font-size: 72.5%; } #orderArea dt { margin: .6em; border-bottom: 1px dotted #ccc; } #orderArea dd { margin: .6em; } #aboutArea .guide_warpImg { margin: 0 auto; text-align: center; padding: 3em 0; } #termsArea h3 { border: none; padding: 0 0 0.6em 0 !important; font-size: 15px; text-align: left; font-weight: bold; } #termsArea p { margin-bottom: 3em; } #termsArea li { margin-left: 1.5em; text-indent: -2em; } #guideArea div { padding-bottom: 2em; } #guideArea .back_btn { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center; padding: .4em; border: 1px solid #ddd; } #guideArea .back_btn a { color: #000 !important; display: block; } #guideArea p { margin-bottom: 2.5em; } #contactArea .name { float: none; } #contactArea .contactTxt { background: url(/assets/img/common/ico_info.png) no-repeat left center; padding-left: 2em; color: #e05e9e; font-size: 144%; line-height: 2em; } #contactArea .txtBox { margin-bottom: 1em; } .btn_area { text-align: center; } .btn_area ul { margin: 0 auto; } .btn_area ul li { padding-right: 10px; } dl.form_entry { width: 100%; margin: 0 0 15px 0; padding: 0; border-top: #999 solid 1px; border-bottom: #999 solid 1px; position: relative; } dl.form_entry dt { font-weight: bold; padding: 0.8em; background: #ededed; } dl.form_entry dd { padding: 0.8em; border-bottom: #CCC solid 1px; line-height: 1.2; } .contact_kiyaku { padding: 0 12px; } #privacy_policy_txt { width: 100%; margin: 4% auto 0px; padding: 3%; overflow: auto; height: 150px; border: 1px solid #ccc; } .privacy_warp { padding: 10px 3%; } #privacy_policy_txt .privacy_warp h3 { font-size: 100% !important; margin: 0; } #privacy_policy_txt .privacy_warp h4 { font-size: 100% !important; } .btnCenter { margin: 20px 0; text-align: center; } .thankstext { color: #d8263c; font-size: 125%; margin-bottom: 1em; } #memberListArea #tab { overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #e05e9e; margin: 1em auto; display: table; width: 92%; margin: 2em 4%; color: #e05e9e; } #memberListArea #tab li { background: #fff; padding: .4em 0; text-align: center; border-right: 1px solid #e05e9e; display: table-cell; margin-bottom: 0 !important; font-size: 12px; width: 0; } #memberListArea #tab li:last-child { border-right: 0; } #memberListArea #tab li.select { background: #e05e9e; color: #fff; } #memberListArea .disnon { display: none !important; } #memberListArea .memberList li { padding: 10px; overflow: hidden; cursor: pointer; width: 184px; float: left; margin-right: 8px; font-size: 12px; line-height: 1.6em; } #memberListArea .memberList .listPhoto img { width: 100%; margin-bottom: 1em; border: 1px solid #f7f7f7; } #memberListArea .memberList .listRight { text-align: left; } #memberListArea .memberList p.name { text-align: left; margin: 0 0 1em; padding: 0; font-size: 16px; font-weight: bold; } #memberListArea .memberList p.name span { display: block; font-size: 68.5%; font-weight: normal; } #memberListArea .memberList li:nth-child(5n+1) { clear: left; } .goodsList { padding: 0; margin: 0 auto 1em; } .goodsList li { list-style: none; width: 100%; margin: 0; padding: 0 0 2em; font-size: 12px; line-height: 1.6em; } .goodsList li .title { background: #ededed; font-size: 16px; text-align: left; padding: 0.6em; margin-bottom: 1em; clear: both; } .goodsList li li { width: 184px; float: left; margin-right: 8px; } .goodsList li li img { margin-bottom: 1em; } .goodsList li li .price { font-size: 18px; margin-top: 1em; } .goodsList li li .price span { font-size: 12px; } .alnC { text-align: center; } .attention_text { background: url(/assets/img/common/ico_info.png) no-repeat left top; background-size: 24px auto; font-size: 125%; padding: 3px 0 3px 32px; padding-left: 32px; color: #d8263c; font-weight: bold; } .attention_text_blk { background: url(/assets/img/common/ico_info.png) no-repeat left top; background-size: 24px auto; font-size: 125%; padding: 3px 0 3px 32px; padding-left: 32px; font-weight: bold; } .btnRed { background: #DE0000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; margin: 0 auto; text-align: center; } .btnRed a { padding: .8em 1em; font-size: 125%; color: #fff !important; display: block; text-decoration: none; } .clear { clear: both; } h2 { clear: both; } #stageArea { padding: 8px; } #stageArea .meter { border: 1px solid #999; width: 100%; display: block; margin-bottom: 1em; } #stageArea .meter span { border: 10px solid #F0529A; width: 80%; display: block; } .nameFukidashi { width: 100%; background-color: #EDEDED; border-radius: 6px; position: relative; padding: 10px; text-align: center; font-weight: bold; font-size: 115%; } .nameFukidashi:after { border: 10px solid transparent; border-top-color: #EDEDED; border-bottom-width: 0; width: 0; bottom: -10px; content: ""; display: block; left: 46%; position: absolute; } .stageImg { float: left; margin: 10px 0; width: 8%; } .stageTxt { float: left; font-size: 115%; margin: 10px 0 0 0; width: 74%; } .stageTxt02 { padding-top: 1em; clear: both; font-weight: bold; } .stageTxt03 { color: #F0529A; font-size: 125%; font-weight: bold; padding: 0.6em 0 1em 0; } .pink { color: #F0529A; } .stageBtn { clear: both; } .stageBtn a { width: 100%; padding: 1em; font-size: 115%; display: block; background: #ededed; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; text-align: center; } .tblstyle { width: 100%; } .tblstyle td { padding: .6em; text-align: center; border: 1px solid #999; font-weight: bold; } .mini { font-size: 82.5%; } .blue { color: #010cff; } h2.title { background-image: none; background-color: #4b4b4b; color: #fff; } #subNav { background: #ededed; border-top: 1px solid #fff; clear: both; overflow: hidden; text-align: center; } #subNav ul { width: auto; font-size: 18px !important; margin: 0.6em auto; border-left: 1px solid #4b4b4b; float: inherit; overflow: hidden; display: inline-block; } #subNav ul li { float: left; padding: 0 1.6em; border-right: 1px solid #4b4b4b; width: auto; margin: 0; } #subNav ul li a { padding-top: 0; color: #4b4b4b; } aside .groupNav { margin: 1em; font-size: 14px; } aside .groupNav li a.arrow { position: relative; display: block; padding: 0.4em 0; } aside .groupNav li a.arrow::after { content: ""; display: block; width: 6px; height: 6px; border-top: 2px solid #ccc; border-right: 2px solid #ccc; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 0; top: 60%; margin-top: -7px; } .detailSearchBtn a.arrow { position: relative; display: block; padding: 0.4em 0 1em; font-size: 16px; } .detailSearchBtn a.arrow::after { content: ""; display: block; width: 6px; height: 6px; border-top: 2px solid #ccc; border-right: 2px solid #ccc; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 0; top: 50%; margin-top: -7px; } .bannerList { margin-bottom: 3em; display: inline; } .bannerList li { margin-bottom: 1em; } #goodsArea ul.halfList { margin-bottom: 3em; } #goodsArea ul.bannerList li, #goodsArea ul.halfList li { width: 32%; float: left; margin-right: 2%; text-align: left; } .mgrn { margin-right: 0 !important; } .cll { clear: left; } #contentsArea ul.bannerList li, #contentsArea ul.halfList li, #cdArea ul.bannerList li, #cdArea ul.halfList li, #photoArea ul.bannerList li, #photoArea ul.halfList li, #dvdArea ul.bannerList li, #dvdArea ul.halfList li { width: 32%; float: left; margin-right: 2%; text-align: left; } #movieArea { padding-bottom: 14em; } #movieArea ul { overflow: hidden; } #movieArea ul li { width: 24%; float: left; margin-right: 1%; text-align: left; } .wideslider { width: 100%; height: 680px; margin-top: 1.2rem; text-align: left; position: relative; overflow: hidden; } .wideslider ul, .wideslider ul li { float: left; display: inline; overflow: hidden; } .wideslider_base { top: 0; position: absolute; } .wideslider_wrap { top: 0; position: absolute; overflow: hidden; } .slider_prev, .slider_next { top: 0; overflow: hidden; position: absolute; z-index: 100; cursor: pointer; } .slider_prev { background: #fff url(/assets/img/common/prev.jpg) no-repeat right center; } .slider_next { background: #fff url(/assets/img/common/next.jpg) no-repeat left center; } .pagination { bottom: -10px; left: 0; width: 100%; height: 52px; text-align: center; position: absolute; z-index: 200; padding-top: 26px; } .pagination a { margin: 0 6px; width: 13px; height: 13px; display: inline-block; overflow: hidden; background: #ff7fb8; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .pagination a.active { filter: alpha(opacity=100) !important; -moz-opacity: 1 !important; opacity: 1 !important; } .wideslider ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; } .wideslider ul { display: inline-block; overflow: hidden; } hr { clear: both; padding: 1em 0; } #breadcrumbs { width: 1200px; margin: 1em auto; } #breadcrumbs li { display: inline; } #breadcrumbs li a { position: relative; display: inline-block; padding-right: 20px; padding-left: 10px; color: #4b4b4b !important; } #breadcrumbs li a::before { content: ''; width: 6px; height: 6px; border: 0px; border-top: solid 1px #4b4b4b; border-right: solid 1px #4b4b4b; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 0; margin-top: -4px; } .twitter { height: 300px; overflow: scroll; } .mgT20 { margin-top: 20px; } .w100 { width: 100%; } .center { text-align: center !important; } .disnon { display: none !important; } .itemBox { position: relative; cursor: pointer; overflow: hidden; font-size: 13px; width: 184px; float: left; margin-right: 4px; margin-bottom: 2em; } .itemBox:nth-child(5n+1) { clear: left; } .itemBox a { color: #4b4b4b !important; text-decoration: none; } .itemBox a:hover { text-decoration: underline; } .itemBox h3 { font-weight: normal; font-size: 14px !important; } .itemBoxList { position: relative; cursor: pointer; overflow: hidden; font-size: 13px; width: 32.91829%; float: left; margin-right: 4px; margin-bottom: 2em; } .itemBoxList:nth-child(3n+1) { clear: left; } .itemBoxList a { color: #4b4b4b !important; text-decoration: none; } .itemBoxList a:hover { text-decoration: underline; } .itemBoxList h3 { font-weight: normal; font-size: 14px !important; } .photo { position: relative; margin: 0 0.6em 0 0; } .photo img { width: 100%; border: 1px solid #f7f7f7; } .photo span img { position: absolute; left: 0; bottom: 0; } #inNav { background: #ffffff; border-top: 1px solid #fff; clear: both; overflow: hidden; text-align: center; } #inNav ul { width: auto; font-size: 18px !important; margin: 0.6em auto; border-left: 1px solid #4b4b4b; float: inherit; overflow: hidden; display: inline-block; } #inNav ul li { float: left; padding: 0 1.6em; border-right: 1px solid #4b4b4b; width: auto; margin: 0; } #inNav ul li a { padding-top: 0; color: #4b4b4b; } .topGroupTab { overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #4b4b4b; margin: 1em auto; cursor: pointer; display: table; width: 90%; } .topGroupTab li { background: #fff; padding: .4em 0; text-align: center; border-right: 1px solid #4b4b4b; display: table-cell; margin-bottom: 0 !important; font-size: 12px; } .topGroupTab li:last-child { border-right: 0; } .topGroupTab li.select { background: #4b4b4b; color: #fff; } .BannerArea ul { overflow: hidden; margin: 1em 0; } .BannerArea ul li { width: 48%; float: left; margin-right: 2%; margin-bottom: 2%; } .BannerArea ul li:nth-child(odd) { clear: left; } .teamTab { cursor: pointer; } /* floating animation link */ .floatingAnimationLink { position: fixed; bottom: 110px; right: 10px; z-index: 999; } .floatingAnimationLink, .floatingAnimationLink a, .floatingAnimationLinkInitialImage, .floatingAnimationLinkHoverEffectImage { width: 200px; height: 200px; } .floatingAnimationLinkHoverEffectImage, .floatingAnimationLinkInitialImage { object-fit: contain; } .floatingAnimationLinkHoverEffectImage { position: absolute; left: 0; top: 0; opacity: 0; transition-property: opacity; transition-duration: .3s; transition-timing-function: ease-out; } .floatingAnimationLink a:hover .floatingAnimationLinkInitialImage { display: none; } .floatingAnimationLink a:hover .floatingAnimationLinkHoverEffectImage { opacity: 1; } .appearFloatingAnimationLink { animation-name: floatingAnimationLinkAppearance; animation-duration: 10s; animation-timing-function: linear; animation-iteration-count: infinite; } @keyframes floatingAnimationLinkAppearance { 0% { right: 1%; } 50% { right: calc(99% - 200px); } 100% { right: 1%; } } /* scroll to top button */ .pagetop { display: none; position: fixed; z-index: 210; text-indent: -9999px; } .pagetop_default { bottom: 0; right: 10px; width: 10vw; height: 15vw; min-width: 106px; min-height: 159px; max-width: 146px; max-height: 219px; } .pagetop_error { bottom: 30px; right: 10px; width: 78px; height: 78px; } .nekoposCaution { color: #d8263c; } .nekoposCautionBlock { border: solid 1px #4b4b4b; margin-top: 10px; } .nekoposHelpLink { color:#3498db !important; text-decoration:underline; cursor: pointer; } .nekoposHelpLink:active { opacity: 0.8; } /*# sourceMappingURL=pc_style.css.map */ .newsDate { font-size: 2rem; margin-bottom: 25px; } .newsTitle { font-size: 2.5rem; margin-bottom: 40px; } .pageHeading { background: #ff7fb8; border: none; background: #ff7fb8; color: #fff; text-align: center; }} @media screen and (min-width: 769px){ /* ----------------------------------- スマホ　グループショップスタイル　ver.1 sp_top.css -----------------------------------*/ /*ニュース*/ #newsArea .accordion_dl { border: none; } #newsArea .accordion_dl dt { background: #fff url(none); margin-bottom: 1px; padding: 1em 3.4em 1em .6em; cursor: pointer; font-size: 14px; font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; position: relative; border-bottom: solid 1px #aaa; } #newsArea .accordion_dl dt span { font-size: 14px; } #newsArea .accordion_dl dt:before { display: none; } #newsArea .accordion_dl dt:after { display: none; } #newsArea .accordion_dl dt:last-of-type { border-bottom: none; } #newsArea .accordion_dl dd { padding: 1em; font-size: 14px; background: #fff; border-bottom: solid 1px #D9D9D6; } #newsArea .accordion_dl dd p { margin-bottom: 1em; } #newsArea span { color: #fff; display: inline-block; padding: .1em .6em; font-size: 9px; } #newsArea .new { color: #f33e97; } #categoryIconArea .box { display: flex; justify-content: space-around; margin: 48px 0 16px; } #categoryIconArea .icon { width: 200px; } #memberArea .memberList { overflow: hidden; padding-bottom:3em; } #memberArea .memberList li { float: left; width: 182px; margin-left: 10px; margin-top: 10px; font-size: 16px; padding-bottom:20px; line-height: 2.0; } #memberArea .memberList li span { display: block; } #memberArea .memberList li img { width: 100%; } .button_gray { clear:both; padding: 1em; } .button_gray a{ background: #4b4b4b; color: #ffffff !important; display:inline-block; padding: 1em 6em; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} .bannerP48 { /* css適用の必要はないがclass指定されているので枠だけ作っておく */ } .bannerP48Image { /* css適用の必要はないがclass指定されているので枠だけ作っておく */ } .bannerTeam8 { /* css適用の必要はないがclass指定されているので枠だけ作っておく */ } .bannerTeam8Image { /* css適用の必要はないがclass指定されているので枠だけ作っておく */ } .modalBox { width: 100%; overflow: hidden; padding: 2em 2em 1em; } .modalText { margin-top: 1em; font-size: 14px; } .modalButton { text-align:center; } .centeringModal { padding-top: 2em; }} /* pc_list・sp_list は旧 include で商品一覧系の画面だけが読んでいた CSS。:where(.p-list-page) の接頭辞付きコピー（2026-10-25） */ @media screen and (min-width: 769px){ /* * 旧 public/assets/css/pc_list.css のコピー（PC 商品一覧）。url(../img/ は /assets/img/ に書き換えてある。 * 旧 include.php ではトップ・商品一覧・メンバー別商品一覧・詳細検索・メンバー一覧だけが読んでいたが、新サイトは全画面で読み込むため、 * .topTxt（text-align: left）などの汎用セレクタが FAQ などの他画面に当たらないよう、これらの画面のラッパー .p-list-page の中だけに * 効くようセレクタに :where(.p-list-page) を付けている（宣言は旧ファイルのまま。2026-10-25）。:where() は詳細度を増やさない。 */ /* ----------------------------------- PC　商品一覧ページスタイル　ver.1 pc_list.css -----------------------------------*/ :where(.p-list-page) .intro { text-align: center; padding: 0.6em 0; font-size: 14px; } :where(.p-list-page) #count { color: #d8263c; font-weight: bold; } :where(.p-list-page) .itemBox { position: relative; cursor: pointer; overflow: hidden; font-size: 13px; width: 184px; float: left; margin-right: 4px; margin-bottom: 2em; } :where(.p-list-page) #listArea .itemBox:nth-child(5n+1) { clear:left; } :where(.p-list-page) #searchListArea .itemBox:nth-child(7n+1) { clear:left; } :where(.p-list-page) .itemBox a { color: #4b4b4b !important; text-decoration: none; } :where(.p-list-page) .itemBox a:hover { text-decoration: underline; } :where(.p-list-page) .itemBoxList { position: relative; cursor: pointer; overflow: hidden; font-size: 13px; width: 32%; float: left; margin-right: 4px; margin-bottom: 2em; } :where(.p-list-page) #listArea .itemBoxList:nth-child(3n+1) { clear:left; } :where(.p-list-page) #searchListArea .itemBoxList:nth-child(7n+1) { clear:left; } :where(.p-list-page) .itemBoxList a { color: #4b4b4b !important; text-decoration: none; } :where(.p-list-page) .itemBoxList a:hover { text-decoration: underline; } :where(.p-list-page) .itemBoxList h3 { font-weight: normal; font-size: 12px !important; line-height: 1.6em; margin: 0 !important; padding-right: 0; border: none; } :where(.p-list-page) .bg_checkbox .itemBoxList { border-bottom: none; background: none; padding-bottom: 0; } :where(.p-list-page) .itemBoxList .rightBox { width: auto; float: none; } :where(.p-list-page) .photo { position: relative; margin: 0 0.6em 0 0; } :where(.p-list-page) .photo img { width: 100%; border: 1px solid #f7f7f7; } :where(.p-list-page) .photo span img { position: absolute; left: 0; bottom: 0; } :where(.p-list-page) .rightBox { } :where(.p-list-page) .itemBox h3 { font-weight: normal; font-size: 12px !important; line-height: 1.6em; margin: 0 !important; padding-right: 0; border: none; } :where(.p-list-page) .price { color: #4b4b4b; font-weight: bold; font-size: 18px; } :where(.p-list-page) .mini { font-size: 12px; } :where(.p-list-page) #pager { width: 100%; display: inline-block; margin-bottom: 20px; margin-top: 20px; text-align: center; font-size: 13px; } :where(.p-list-page) #pagerWarp { width: auto; margin-bottom: 20px; display: inline-block; } :where(.p-list-page) #pagerWarp a { font-weight: bold; } :where(.p-list-page) #pagerWarp .back, :where(.p-list-page) .items, :where(.p-list-page) .next { float: left; margin: 0 15px; } :where(.p-list-page) .itemIcon_team_akb { display: block; position: absolute; left: 0px; top: 0px; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 24px; height: 24px; background: url("/assets/img/common/item_teamIcon_akb.png") no-repeat -0px -0px; -webkit-background-size: 24px 24px; -moz-background-size: 24px 24px; -o-background-size: 24px 24px; -ms-background-size: 24px 24px; background-size: 24px 24px; } :where(.p-list-page) .itemIcon_team_hkt { display: block; position: absolute; left: 0px; top: 0px; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 24px; height: 24px; background: url("/assets/img/common/item_teamIcon_hkt.png") no-repeat -0px -0px; -webkit-background-size: 24px 24px; -moz-background-size: 24px 24px; -o-background-size: 24px 24px; -ms-background-size: 24px 24px; background-size: 24px 24px; } :where(.p-list-page) .itemIcon_team_ngt { display: block; position: absolute; left: 0px; top: 0px; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 24px; height: 24px; background: url("/assets/img/common/item_teamIcon_ngt.png") no-repeat -0px -0px; -webkit-background-size: 24px 24px; -moz-background-size: 24px 24px; -o-background-size: 24px 24px; -ms-background-size: 24px 24px; background-size: 24px 24px; } :where(.p-list-page) .itemIcon_team_stu { display: block; position: absolute; left: 0px; top: 0px; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 24px; height: 24px; background: url("/assets/img/common/item_teamIcon_stu.png") no-repeat -0px -0px; -webkit-background-size: 24px 24px; -moz-background-size: 24px 24px; -o-background-size: 24px 24px; -ms-background-size: 24px 24px; background-size: 24px 24px; } :where(.p-list-page) .itemIcon_team_nmb { display: block; position: absolute; left: 0px; top: 0px; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 24px; height: 24px; background: url("/assets/img/common/item_teamIcon_nmb.png") no-repeat -0px -0px; -webkit-background-size: 24px 24px; -moz-background-size: 24px 24px; -o-background-size: 24px 24px; -ms-background-size: 24px 24px; background-size: 24px 24px; } :where(.p-list-page) .itemIcon_team_ske { display: block; position: absolute; left: 0px; top: 0px; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 24px; height: 24px; background: url("/assets/img/common/item_teamIcon_ske.png") no-repeat -0px -0px; -webkit-background-size: 24px 24px; -moz-background-size: 24px 24px; -o-background-size: 24px 24px; -ms-background-size: 24px 24px; background-size: 24px 24px; } /**/ :where(.p-list-page) .bg_checkbox li { position: relative; display: inline-block; margin: 0; padding: 0; } :where(.p-list-page) .bg_checkbox input { position: absolute; top: 0; right: 10; opacity: 0; width: 100%; height: 100%; } :where(.p-list-page) .bg_checkbox input[type="checkbox"] + label { background: url(/assets/img/list/bg_checkbox_off.png) no-repeat center top; background-size: 32px; padding: 40px 0 0 0; } :where(.p-list-page) .bg_checkbox input[type="checkbox"]:checked + label { background-image: url(/assets/img/list/bg_checkbox_on.png); } :where(.p-list-page) .bg_checkbox .itemBox { border-bottom: none; background: none; padding-bottom: 0; } :where(.p-list-page) .bg_checkbox .rightBox { width: 100%; } :where(.p-list-page) .btnShare a { background: #ffffff url(/assets/img/common/ico_share.png) no-repeat 10% center; background-size: 8%; border: 1px solid #4b4b4b; padding: 0.6em 0.6em 0.6em 1.2em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 1em .8em; text-align: center; color: #4b4b4b !important; width: 30%; display: inline-block; font-size: 15px; } :where(.p-list-page) #inline-content { width: 90%; overflow: hidden; padding: 10px 0px 10px 10px; } :where(.p-list-page) .snsList ul { overflow: hidden; margin-bottom: 1em; } :where(.p-list-page) .snsList li { float: left; width: 33%; padding: 10px; text-align: center; } :where(.p-list-page) .ttlShare { background: url(/assets/img/common/ico_share.png) no-repeat 8% center; padding-left: 32px; color: #00AACC; font-size: 144%; margin: 1em 0; text-align: center; } :where(.p-list-page) #inline-content .btnSub { border: 1px solid #00AACC; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; clear: both; width: 100%; padding: 1em; color: #00AACC !important; display: block; text-align: center; } :where(.p-list-page) #memberListArea .name { float: none; width: 100%; } :where(.p-list-page) .itemBox .rightBox { width: auto; float: none; } :where(.p-list-page) .bannerList { margin-top: 1em;} :where(.p-list-page) .bannerList li { float: left; } :where(.p-list-page) .bannerList li.halfBn { width: 49%; margin-right: 2%; } :where(.p-list-page) .bannerList li.halfBn:nth-child(odd) { margin-right: 0; } :where(.p-list-page) .bannerList li.threeBn { width: 32%; margin-right: 2%; } :where(.p-list-page) .bannerList li.threeBn:last-child, :where(.p-list-page) .bannerList li.last-line-child { margin-right: 0; } :where(.p-list-page) #listArea { overflow:hidden; } :where(.p-list-page) #listArea:after { display: block; clear: both; content: ""; } :where(.p-list-page) .topTxt { padding:1em; clear:left; text-align:left; } :where(.p-list-page) .bannerText { word-wrap: break-word; text-align: center; font-weight: bold; font-size: 150%; color: #f24098; white-space: pre-line; padding: 1%; } :where(.p-list-page) .bannerText:before { display: block; clear: both; content: ""; } :where(.p-list-page) .categoryComment { width: 100%; } :where(.p-list-page) .releaseTime { font-size: 12px; color: #d8263c; } :where(.p-list-page) #bannerButtonList { text-align: center; } :where(.p-list-page) .bannerButtonOuter { display: inline-block; margin: 0.3%; vertical-align: middle; } :where(.p-list-page) .bannerButtonInner { display: table-cell; font-size: 120%; font-weight: bold; text-align: center; white-space: pre-line; width: 9em; height: 4.5em; vertical-align: middle; background-size: cover; background-position: center center; -webkit-border-radius: 10px; }} @media screen and (min-width: 769px){ /* ----------------------------------- PC　AKBスタイル　ver.1 pc_akbstyle.css -----------------------------------*/ /* * 旧 include.php でこの CSS を読み込んでいたのはトップ・商品一覧・商品詳細・NEWS などで、gs スタイル（pc_gsstyle・sp_gsstyle）を * 読み込む画面（購入フロー・カート・マイページ・お問い合わせ・エラーなど）とは重ならない。全画面で読み込むため、gs スタイルの画面の * ラッパー .p-gs-page の中の要素には効かないよう、各セレクタに :where(:not(.p-gs-page *)) を付けている（詳細度は変えない。宣言は旧ファイルのまま）。 */ header:where(:not(.p-gs-page *)) { background: #f33e97 url(/assets/img/common/head_akb_pc.png) no-repeat center top; } h1:where(:not(.p-gs-page *)) { background: url(/assets/img/common/logo_akb_pc.png) no-repeat left center; padding-top: 20px; height: 71px !important; width: 370px !important; margin-top: 20px !important; margin-left: 120px !important; } h2:where(:not(.p-gs-page *)) { color: #ff7fb8; } .button:where(:not(.p-gs-page *)) { clear: both; } .button a:where(:not(.p-gs-page *)) { background: #e05e9e; padding: 1em 6em; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; margin: 1em; text-align: center; color: #fff !important; display: inline-block; font-size: 15px; font-weight: bold; } .button a.arrow:where(:not(.p-gs-page *)) { position: relative; } h3.title:where(:not(.p-gs-page *)) { border-color: #f24098; color: #f24098; } h4.title:where(:not(.p-gs-page *)) { color: #f24098; } .button_gray a:where(:not(.p-gs-page *)){ background: #f24098 !important; } .backButton:where(:not(.p-gs-page *)) { background: #e05e9e; padding: .9em 4.0em; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -webkit-box-sizing: unset; display: block; margin: 1em auto; width: 100px; text-align: center; color: #fff !important; font-size: 15px; font-weight: bold; text-decoration: none; } .backButton span:where(:not(.p-gs-page *)){ color: #FFF; position: relative; margin-left: 25%; } .backButton span:where(:not(.p-gs-page *))::before{ content: ""; position: absolute; top: 50%; right: 120%; width: 9px; height: 9px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(225deg); margin-top: -4px; }} /* SP のみ */ @media screen and (max-width: 769px){ /* reset.css */ html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, address, blockquote, pre, code, form, fieldset, legend, input, textarea, select, option, button, label, th, td, hr { margin: 0; padding: 0; } body { color: #000; background-color: #FFF; font-size: 10px !important; font-family: "メイリオ",Meiryo,sans-serif; } h1, h2, h3, h4, h5, h6, table, input, textarea, select, option, button { font-size: 100%; } h1, h2, h3, h4, h5, h6, address, blockquote, q, cite, caption, th, dfn, code, var, samp, kbd, em, strong { font-style: normal; font-weight: normal; } /* links ------------------------------*/ a { outline: 0; cursor: pointer; text-decoration: none; color: #000 !important; } :focus { outline: 0; } /* Remove dotted outlines on all links (IE only) */ a:active, a:focus { outline: expression(hideFocus='true'); } a:hover { text-decoration:underline; } /* quotation ------------------------------*/ blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* table ------------------------------*/ table { line-height: 1.5; border-collapse: separate; border-spacing: 0; } * html table { border-collapse: collapse; } /* for ie6 */ *:first-child+html table { border-collapse: collapse; } /* for ie7 */ caption, th { text-align: left; } /* misc ------------------------------*/ ol, ul { list-style: none; } a img, img { border: 0; vertical-align: bottom; } code, var, samp, kbd { font-family: monospace; } ins { text-decoration: none; } del { text-decoration: line-through; } abbr, acronym { border: 0; } /* forms ------------------------------*/ fieldset { border: 0; } input, textarea, select, option, button, label { font-family: inherit; color: inherit; } input, textarea, select, option, button { vertical-align: baseline; } textarea { vertical-align: top; } * html legend { margin-left: -7px; } /* for ie6 */ *:first-child+html legend { margin-left: -7px; }} @media screen and (max-width: 769px){ /* ----------------------------------- sp_style.scss -----------------------------------*/ .sp_only { display: block; } .pc_only { display: none; } .fixed { position: fixed; top: 0; left: 0; z-index: 1039; } .pointArea { padding: 1%; font-size: 10px; background: #ededed url(/assets/img/common/ico_point.png) no-repeat 6px center; background-size: 6% auto; padding: 10px 4px 10px 3.4em; } .pointArea .point { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff; padding: 4px; font-size: 9px; } header { box-shadow: 0px 5px 3px -3px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 5px 3px -3px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 5px 3px -3px rgba(0, 0, 0, 0.6); width: 100%; font-size: 62.5%; padding: 0; } header #topArea { background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #ededed), color-stop(0, #fff)); background: -webkit-linear-gradient(#fff, #ededed); background: -moz-linear-gradient(#fff, #ededed); background: -o-linear-gradient(#fff, #ededed); background: -ms-linear-gradient(#fff, #ededed); background: linear-gradient(#fff, #ededed); overflow: hidden; } header .red { color: #d8263c; } header .bg { /*background: #4b4b4b url(/assets/img/common/head_bg.png) no-repeat right center;*/ padding: 2% 3% 3% 0; float: left; width: 50%; } header .sb-toggle-left { background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #fefc06), color-stop(0, #fffff8)); background: -webkit-linear-gradient(#fffff8, #fefc06); background: -moz-linear-gradient(#fffff8, #fefc06); background: -o-linear-gradient(#fffff8, #fefc06); background: -ms-linear-gradient(#fffff8, #fefc06); background: linear-gradient(#fffff8, #fefc06); border: 2px solid #fff; box-shadow: 1px 2px 3px 1px #9ca19d; -moz-box-shadow: 1px 2px 3px 1px #9ca19d; -webkit-box-shadow: 1px 2px 3px 1px #9ca19d; border-radius: 0px 6px 6px 0px; -moz-border-radius: 0px 6px 6px 0px; -webkit-border-radius: 0px 6px 6px 0px; float: left; padding: 1em; text-align: center; font-size: 125% !important; } @media screen and (min-width: 416px) and (max-width: 769px) { header .sb-toggle-left { font-size: 258% !important; } } header .sb-toggle-left a { text-decoration: none; font-weight: bold; color: #4b4b4b; } header h1 { background-size: 50% auto; display: block; text-indent: -9999px; width: 200px; /*padding: 35px 0 0 0 !important;*/ line-height: 1.1; margin: 0 0 0 35%; } header h1 a { width: 120px; display: inline-block; height: 40px; float: left; margin-top: -40px; } header ul { margin-top: -5%; } header li { float: left; width: 15%; white-space: nowrap; } header li a { padding-top: 48px; display: inline-block; } @media screen and (min-width: 416px) and (max-width: 769px) { header li a { padding-top: 88px; } } header .login { background: url(/assets/img/common/ico_login.png) no-repeat center center; background-size: 60% auto; text-align: center; } header .mypage { background: url(/assets/img/common/ico_name.png) no-repeat center center; background-size: 60% auto; text-align: center; } header .cart { background: url(/assets/img/common/ico_cart.png) no-repeat center center; background-size: 60% auto; text-align: center; position: relative; } header .cart span { position: absolute; top: 10%; right: 0; background: #ff0004; color: #fff; border-radius: 100px; padding: 2px 4px; } header .sb-toggle-right { float: left; background: url(/assets/img/common/ico_menu.png) no-repeat center center; background-size: 50% auto; text-align: center; padding-top: 13%; width: 15%; } .name { text-align: center; padding: 1em; } #homeArea { padding-bottom: 0; margin-bottom: 0; } #searchArea { padding: 1em; } #searchArea #searchform { position: relative; height: 3rem; background-color: #eee; border-radius: 3px 3px 3px 3px; } #searchArea #searchform #keywords { height: 3rem; background: #eee; border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 90%; padding-left: 0; margin: 0; margin-left: 3.2rem; font-size: 140%; } #searchArea #searchform #keywords::placeholder { color: #aaa; } #searchArea #searchform #searchBtn { position: absolute; top: 0; width: 3rem; height: 2.8rem; margin: 0; border: none; border-radius: 3px 0 0 3px; background: url('/assets/img/icon/icon_serch_one.png') no-repeat; background-position: center; background-color: #eee; background-size: 50%; } .accordion_dl dt { background: #fff url(/assets/img/common/ico_info.png) no-repeat 1em center; background-size: 6% auto; border-bottom: solid 1px #ededed; margin-bottom: 1px; padding: 1.4em 1em 1.4em 3em; cursor: pointer; position: relative; font-size: 11px; } .accordion_dl .info { padding-right: 3.4em; padding-left:4em } @media screen and (min-width: 376px) and (max-width: 769px) { .accordion_dl dt { padding-left: 5em; } } .accordion_dl dt:before { display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 15px; width: 16px; height: 16px; margin-top: -8px; background: #cccccc; } .accordion_dl dt:after { display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 15px; width: 16px; height: 16px; margin-top: -16px; background: #fff; } .accordion_dl dt.active:before { margin-top: -2px; } .accordion_dl dt.active:after { margin-top: 6px; } .accordion_dl dd { background-color: #fff; border-bottom: solid 1px #D6D6D6; padding: 2em; } .accordion_dl dt a { position: relative; display: block; text-decoration: none; } .accordion_dl dt a:before { display: none; } .accordion_dl dt a:after { display: none; } section { padding-bottom: 1em; } h2 { font-family: Comfortaa; font-size: 2rem; color: #4b4b4b; padding: 0.5em 0 0.5em 0.4em !important; display: block; text-align: left; } h2.top { font-size: 4rem; } footer li { background: #ededed url(/assets/img/common/nav_arrowr.png) no-repeat 98% center; padding: 1.4em 3em 1.4em 1.4em; border-bottom: 1px solid #D9D9D6; font-size: 12px; } footer li span { font-size: 8px; display: block; } footer .blank { background: #ededed url(/assets/img/common/ico_blank.png) no-repeat 98% center !important; background-size: 4% !important; } footer .tw { background: url(/assets/img/common/ico_tw.png) no-repeat right center; background-size: 14%; padding-right: 3em; display: inline-block; } footer .copy { background: #4b4b4b; color: #fff; text-align: center; line-height: 4em; } /**/ .sb-left { font-size: 12px; } .sb-left .title { background: #4b4b4b; color: #fff; text-align: center; line-height: 2.4em; font-size: 10px; } .sb-left .groupList { padding: 0; margin: 0 auto 1em; font-size: 14px; } .sb-left .groupList li { list-style: none; width: 100%; margin: 0; padding: 0; border-bottom: 1px solid #cccccc; } .sb-left .groupList .akb a { color: #e5007f; } .sb-left .groupList .team8 a { color: #2c549a; } .sb-left .groupList .ske a { color: #f7b500; } .sb-left .groupList .nmb a { color: #744f1a; } .sb-left .groupList .hkt a { color: #000; } .sb-left .groupList .ngt a { color: #e50009; } .sb-left .groupList .stu a { color: #81c4f8; } .sb-left .groupList .jkt a { color: #e70012; } .sb-left .groupList .gstop a { color: #4b4b4b; } .sb-left .groupList a { background: #fff url(/assets/img/common/nav_arrowrw.png) no-repeat 98% center; background-size: 8% !important; padding: 1em 3em 1em 1em; display: block; font-size: 14px; } /**/ .sb-right { font-size: 12px; } .sb-right .title { background: #4b4b4b; color: #fff; text-align: center; line-height: 2.4em; font-size: 10px; } .sb-right .accordion_dl .name { padding: 1em 1em 1em 3em; text-align: left !important; background: url(/assets/img/common/ico_name.png) no-repeat 0.4em 0.6em; background-size: 10% auto; border-bottom: 1px solid #D9D9D6; } .sb-right li a { background: #fff url(/assets/img/common/nav_arrowrw.png) no-repeat 98% center; background-size: 8%; padding: 1em 3em 1em 1em; border-bottom: 1px solid #D9D9D6; display: block; font-size: 12px; } .sb-right li a span { font-size: 9px; display: block; } .sb-right .accordion_dl dt { background: #fff url(none); border-bottom: solid 1px #D9D9D6; margin-bottom: 1px; padding: 1em; font-size: 12px; cursor: pointer; position: relative; } .sb-right .accordion_dl dt:before { display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 40%; right: 15px; width: 18px; height: 18px; margin-top: -6px; background: #cccccc; } .sb-right .accordion_dl dt:after { display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 38%; right: 15px; width: 18px; height: 18px; margin-top: -13px; background: #fff; } .sb-right .accordion_dl dt.active:before { margin-top: -3px; } .sb-right .accordion_dl dt.active:after { margin-top: 6px; } .sb-right .accordion_dl dd { background-color: #ededed; border-bottom: solid 1px #D6D6D6; padding: 0; } .sb-right .accordion_dl dd li a { background: #ededed url(/assets/img/common/nav_arrowr.png) no-repeat 98% center; background-size: 10%; display: block; font-size: 12px; text-indent: 2em; } .sb-right .menu li { background: #fff url(/assets/img/common/nav_arrowrw.png) no-repeat 98% center; background-size: 8%; display: block; font-size: 12px; } .sb-right .menu li span { font-size: 9px; } .sb-right .menu a { padding: 1em 1em 1em 3em; } .sb-right .menu .name { padding: 0; } .sb-right .menu .name a { padding: 1em 1em 1em 3em; text-align: left; background: url(/assets/img/common/ico_name.png) no-repeat 0.4em center; background-size: 10% auto; } .sb-right .menu .login a { background: url(/assets/img/common/ico_login.png) no-repeat 0.4em center; background-size: 10% auto; } .sb-right .menu .logout a { background: url(/assets/img/common/ico_logout.png) no-repeat 0.4em center; background-size: 10% auto; } .sb-right .menu .cart a { background: url(/assets/img/common/ico_cart.png) no-repeat 0.4em center; background-size: 10% auto; } .sb-right .menu .topics a { background: url(/assets/img/common/ico_topics.png) no-repeat 0.4em center; background-size: 10% auto; } .sb-right .navArrow a { background: #fff url(/assets/img/common/nav_arrowrw.png) no-repeat 98% center; background-size: 8%; padding: 1em 3em 1em 1em; border-bottom: 1px solid #D9D9D6; display: block; } .sideNav li a { background: #ededed url(/assets/img/common/nav_arrowr.png) no-repeat 98% center; padding: 1em 3em 1em 1em; border-bottom: 1px solid #D9D9D6; } .sideNav .blank a { background: #ededed url(/assets/img/common/ico_blank.png) no-repeat 98% center !important; background-size: 10% !important; } .sideNav .tw { background: url(/assets/img/common/ico_tw.png) no-repeat right center; background-size: 13%; display: inline-block; padding-right: 2em; } .sb-close-btn { width: 60%; margin: 0 auto; background: #4b4b4b url(/assets/img/common/ico_close.png) no-repeat 32% center; background-size: 10% auto; text-align: center; color: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: .8em 1em; margin: 2em auto; } section { margin-bottom: 1em; } section .inner { padding: .6em; } section .inner li { margin-bottom: 0.6em; line-height: 1.4em; } section .inner li img { margin-bottom: .6em; } .level2, .level3 { display: none; } #categoryList .level1 { background-size: 6% auto; border-bottom: solid 1px #D9D9D6; margin-bottom: 1px; padding: 1em; cursor: pointer; position: relative; font-size: 14px; } #categoryList .level2 li { background-color: #ededed; border-bottom: 1px solid #D9D9D6; background: #ededed url(/assets/img/common/nav_arrowr.png) no-repeat 98% 16px; background-size: 8%; padding: 1.4em 3em 1.4em 1.4em; font-size: 12px; position: relative; } #categoryList .level1 span, #categoryList .level2 span { position: absolute; width: 50px; height: 50px; right: 0; top: 0; text-indent: -9999px; } #categoryList .level1 span:before { display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 15px; width: 16px; height: 16px; margin-top: -8px; background: #cccccc; } #categoryList .level1 span:after { display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 15px; width: 16px; height: 16px; margin-top: -16px; background: #fff; } #categoryList .level2 span { background: url(/assets/img/common/level2_down.png) no-repeat 70% top; background-size: 80% auto; } #categoryList .level1 span.active:before { margin-top: -4px; } #categoryList .level1 span.active:after { margin-top: 5px; } #categoryList .level2 span.active { background: url(/assets/img/common/level2_up.png) no-repeat 70% top; background-size: 80% auto; } #categoryList .level3 li { background-color: #ededed; border-bottom: 1px solid #D9D9D6; background: #ededed url(/assets/img/common/nav_arrowr.png) no-repeat 98% center; background-size: 8%; padding: 1.4em 3em 1.4em 1.4em; font-size: 12px; } #categoryList a { position: relative; display: block; } #categoryList a:before { display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 17px; width: 10px; height: 10px; margin-top: -5px; } .halfList { overflow: hidden; } .halfList li { width: 48%; margin-right: 2%; float: left; } .halfList li img { width: 100%; } .halfList li:nth-child(even) { margin-right: 0; } .halfList li:nth-child(odd) { clear: left; } .groupList { padding: 0; margin: 0 auto 1em; } .groupList li { list-style: none; width: 100%; margin: 0; padding: 0; border-bottom: 1px solid #cccccc; } .groupList a { background: #fff url(/assets/img/common/nav_arrowrw.png) no-repeat 98% center; background-size: 5%; padding: 1em 3em 1em 1em; display: block; font-size: 14px; } .groupList .akb a { color: #e5007f !important; } .groupList .team8 a { color: #2c549a !important; } .groupList .ske a { color: #f7b500 !important; } .groupList .nmb a { color: #744f1a !important; } .groupList .hkt a { color: #000 !important; } .groupList .ngt a { color: #e50009 !important; } .groupList .stu a { color: #81c4f8 !important; } .groupList .jkt a { color: #e70012 !important; } .groupList .gstop a { color: #4b4b4b !important; } #officialArea ul { margin: .6em; } #officialArea ul li { float: left; width: 17%; margin-right: 3%; } #officialArea ul li img { width: 100%; } #officialArea ul li:last-child { margin-right: 0; } #officialArea ul li.officialBanner { width: 57%; } #officialArea ul li.officialBanner img { margin-top: 3%; } .small { font-size: 9px; } .sb-right #categoryList .level1 { background-size: 6% auto; border-bottom: solid 1px #D9D9D6; margin-bottom: 1px; padding: 1.2em; cursor: pointer; position: relative; font-size: 12px; background-color: #ededed; } .sb-right #categoryList .level2 li { background-color: #ededed; border-bottom: 1px solid #D9D9D6; background: #ededed url(/assets/img/common/nav_arrowr.png) no-repeat 98% 16px; background-size: 8%; padding: 1.4em 3em 1.4em 1.4em; font-size: 12px; position: relative; } .sb-right #categoryList .level1 span, .sb-right #categoryList .level2 span { position: absolute; width: 50px; height: 50px; right: 0; top: 0; text-indent: -9999px; } .sb-right #categoryList .level1 span:before { display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 15px; width: 16px; height: 16px; margin-top: -8px; background: #cccccc; } .sb-right #categoryList .level1 span:after { display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 15px; width: 16px; height: 16px; margin-top: -16px; background: #ededed; } .sb-right #categoryList .level2 span { background: url(/assets/img/common/level2_down.png) no-repeat 70% top; background-size: 80% auto; } .sb-right #categoryList .level1 span.active:before { margin-top: -4px; } .sb-right #categoryList .level1 span.active:after { margin-top: 5px; } .sb-right #categoryList .level2 span.active { background: url(/assets/img/common/level2_up.png) no-repeat 70% top; background-size: 80% auto; } .sb-right #categoryList .level3 li { background-color: #ededed; border-bottom: 1px solid #D9D9D6; background: #ededed url(/assets/img/common/nav_arrowr.png) no-repeat 98% center; background-size: 8%; padding: 1.4em 3em 1.4em 1.4em; font-size: 12px; } .sb-right #categoryList a { position: relative; display: block; } .sb-right #categoryList a:before { display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 17px; width: 10px; height: 10px; margin-top: -5px; } .sb-right #categoryList .level2 a { background: url(none); display: block; padding: 0; border-bottom: 0; } #memberArea #tab { overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #e05e9e; margin: 1em auto; width: 94%; display: table; } #memberArea #tab li { background: #fff; color:#e05e9e; padding: .6em 0; text-align: center; border-right: 1px solid #e05e9e; display: table-cell; margin-bottom: 0 !important; font-size: 10px; width: 0; } #memberArea #tab li:last-child { border-right: 0; } #memberArea #tab li.select { background: #e05e9e; color: #fff; } #memberArea .content { background: #fff; padding: 1em 0; } #memberArea .memberslider li span { display: block; } #memberArea .memberslider li .teama { color: #e05e9e; } #memberArea .memberslider li .teamk { color: #64b000; } #memberArea .memberslider li .teamb { color: #26a6e0; } #memberArea .memberslider li .team4 { color: #fcc300; } h3 { border-left: 5px solid; padding-left: .6em; padding-top: .2em; padding-bottom: .2em; font-size: 144%; line-height: 1.6em; font-weight: bold; margin: 1em 0; } .btnWhite { margin: 10px 0; } .btnWhite a { width: 100%; padding: 1em; font-size: 144%; display: block; background: #ffffff url(/assets/img/common/ico_arrowR.png) 98% center no-repeat; border: 1px solid #ABABAB; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; } h4 { font-weight: bold; font-size: 125%; } .fs { font-size: 10px; line-height: 1.2 !important; } .fm { font-size: 125%; } .fl { font-size: 144%; } #orderArea { font-size: 125%; } #orderArea ul li { text-indent: -1em; margin-left: 1em; margin-bottom: 1em; } #orderArea table td { font-size: 72.5%; } #orderArea dt { margin: .6em; border-bottom: 1px dotted #ccc; } #orderArea dd { margin: .6em; } #privacyArea { font-size: 125%; } #privacyArea h3 { font-size: 125%; } #aboutArea { font-size: 125%; } #aboutArea h3 { font-size: 125%; } #aboutArea .guide_warpImg img { width: 100%; } #termsArea { font-size: 125%; } #termsArea h3 { font-size: 125%; } #guideArea { font-size: 125%; } #guideArea h3 { font-size: 125%; } #guideArea .back_btn { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center; padding: .4em; border: 1px solid #ddd; } #guideArea .back_btn a { color: #000 !important; display: block; } #guideArea p { margin-bottom: 2.5em; } #guideArea a { font-weight: bold; } #contactArea { font-size: 125%; } #contactArea .btnRed { font-size: 100%; } #contactArea .contactTxt { background: url(/assets/img/common/ico_info.png) no-repeat left center; padding-left: 2em; color: #e05e9e; font-size: 144%; line-height: 2em; } #contactArea .txtBox { margin-bottom: 1em; } #contactArea dl.form_entry { width: 100%; margin: 0 0 15px 0; padding: 0; border-top: #999 solid 1px; border-bottom: #999 solid 1px; position: relative; } #contactArea dl.form_entry dt { font-weight: bold; padding: 10px 0 0; } #contactArea dl.form_entry dd { padding: 0 0 10px; border-bottom: #CCC solid 1px; line-height: 1.2; } #contactArea .contact_kiyaku { padding: 0 12px; } #contactArea #privacy_policy_txt { width: 100%; margin: 4% auto 0px; padding: 3%; overflow: auto; height: 150px; border: 1px solid #ccc; } #contactArea .privacy_warp { padding: 10px 3%; } #contactArea #privacy_policy_txt .privacy_warp h3 { font-size: 100% !important; margin: 0; } #contactArea #privacy_policy_txt .privacy_warp h4 { font-size: 100% !important; } .btnCenter { margin: 20px 0; text-align: center; } .thankstext { color: #d8263c; font-size: 125%; margin-bottom: 1em; } #memberListArea #tab { overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #e05e9e; margin: 1em auto; width: 94%; display: table; } #memberListArea #tab li { background: #fff; color:#e05e9e; padding: .6em 0; text-align: center; border-right: 1px solid #e05e9e; display: table-cell; margin-bottom: 0 !important; font-size: 10px; width: 0; } #memberListArea #tab li:last-child { border-right: 0; } #memberListArea #tab li.select { background: #e05e9e; color: #fff; } #memberListArea .disnon { display: none !important; } #memberListArea .memberList li { background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #ededed), color-stop(0, #fff)); background: -webkit-linear-gradient(#fff, #ededed); background: -moz-linear-gradient(#fff, #ededed); background: -o-linear-gradient(#fff, #ededed); background: -ms-linear-gradient(#fff, #ededed); background: linear-gradient(#fff, #ededed); border-top: #FFF solid 1px; border-bottom: #CCC solid 1px; padding: 10px; overflow: hidden; cursor: pointer; } #memberListArea .memberList .listPhoto { float: left; width: 23%; } #memberListArea .memberList .listPhoto img { width: 100%; } #memberListArea .memberList .listRight { float: right; width: 74%; text-align: left; } #memberListArea .memberList p.name { font-size: 144%; display: block; font-weight: bold; text-align: left; margin: 0 0 1em; padding: 0; } #memberListArea .memberList p.name span { display: block; font-size: 68.5%; font-weight: normal; } .goodsList { padding: 0; margin: 0 auto 1em; } .goodsList li { list-style: none; width: 100%; margin: 0; padding: 0; border-bottom: 1px solid #cccccc; } .goodsList a { background: #fff url(/assets/img/common/nav_arrowrw.png) no-repeat 98% center; background-size: 7%; padding: 1em 3em 1em 1em; display: block; font-size: 14px; } .alnC { text-align: center; } .attention_text { background: url(/assets/img/common/ico_info.png) no-repeat left top; background-size: 24px auto; font-size: 125%; padding: 3px 0 3px 32px; padding-left: 32px; color: #d8263c; font-weight: bold; } .attention_text_blk { background: url(/assets/img/common/ico_info.png) no-repeat left top; background-size: 24px auto; font-size: 125%; padding: 3px 0 3px 32px; padding-left: 32px; font-weight: bold; } .btnRed { background: #DE0000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; margin: 0 auto; text-align: center; } .btnRed a { padding: .8em 1em; font-size: 125%; color: #fff !important; display: block; text-decoration: none; } .clear { clear: both; } h2 { clear: both; } #stageArea { padding: 8px; } #stageArea .meter { border: 1px solid #999; width: 100%; display: block; margin-bottom: 1em; } #stageArea .meter span { border: 10px solid #F0529A; width: 80%; display: block; } .nameFukidashi { width: 100%; background-color: #EDEDED; border-radius: 6px; position: relative; padding: 10px; text-align: center; font-weight: bold; font-size: 115%; } .nameFukidashi:after { border: 10px solid transparent; border-top-color: #EDEDED; border-bottom-width: 0; width: 0; bottom: -10px; content: ""; display: block; left: 46%; position: absolute; } .stageImg { float: left; margin: 10px 0; width: 24%; } .stageTxt { float: left; font-size: 115%; margin: 10px 0 0 0; width: 74%; } .stageTxt02 { padding-top: 1em; clear: both; font-weight: bold; } .stageTxt03 { color: #F0529A; font-size: 125%; font-weight: bold; padding: 0.6em 0 1em 0; } .pink { color: #F0529A; } .stageBtn { clear: both; } .stageBtn a { width: 100%; padding: 1em; font-size: 115%; display: block; background: #ededed; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; text-align: center; } .tblstyle { width: 100%; } .tblstyle td { padding: .6em; text-align: center; border: 1px solid #999; font-weight: bold; } .mini { font-size: 82.5%; } .blue { color: #010cff; } h2.title { background-image: none; background-color: #4b4b4b; color: #fff; } #subNav { background: #ededed; border-top: 1px solid #fff; clear: both; overflow: hidden; text-align: center; } #subNav ul { width: auto; margin: 0.6em auto; border-left: 1px solid #4b4b4b; float: inherit; overflow: hidden; display: inline-block; } #subNav ul li { float: left; border-right: 1px solid #4b4b4b; width: auto; margin: 0; } #subNav ul li a { padding-top: 0; color: #4b4b4b; } @media screen and (max-width: 416px) { #subNav ul { font-size: 10px !important; } #subNav ul li { padding: 0 .6em; } } @media screen and (min-width: 416px) and (max-width: 769px) { #subNav ul { font-size: 16px !important; } #subNav ul li { padding: 0 .6em; } } .itemContainer { display:flex; flex-wrap:wrap; width:100%; } .itemBoxList { padding: 10px 5px 15px 10px; font-size: 13px; width:50%; } .itemBoxList h3 { font-weight: bold; font-size: 100%; margin: 0; border: none; padding-right: .6em; } .itemBox { padding: 10px 5px 15px 10px; background-color: #FEFEFE; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE), color-stop(1, #EEEEEE)); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE), color-stop(1, #EEEEEE)); border-top: #FFF solid 1px; border-bottom: #CCC solid 1px; display: block; clear: both; position: relative; cursor: pointer; overflow: hidden; font-size: 13px; } .photo { position: relative; margin: 0 0.6em 0 0; } .photo img { width: 100%; border: 1px solid #f7f7f7; } .photo span img { position: absolute; left: 0; bottom: 0; } .rightBox { float: right; width: 70%; } .itemBox h3 { font-weight: bold; font-size: 100%; margin: 0; border: none; padding-right: .6em; } .pricebox { padding-left: .6em; } .price { color: #4b4b4b; font-weight: bold; } .mini { font-size: 12px; } .disnon { display: none !important; } .topGroupTab { overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #4b4b4b; margin: 1em auto; display: table; width: 90%; } .topGroupTab li { background: #fff; padding: .4em 0; text-align: center; border-right: 1px solid #4b4b4b; display: table-cell; margin-bottom: 0 !important; font-size: 12px; } .topGroupTab li:last-child { border-right: 0; } .topGroupTab li.select { background: #4b4b4b; color: #fff; } .BannerArea ul { width: 100%; float: none; margin-right: 0; margin-bottom: 2%; } .threeImageSlider { margin-bottom: 2em; } .threeImageSlider .bx-wrapper .bx-viewport { margin-top: 0; } .threeImageSlider .bx-wrapper{ width: 80vw; } .threeImageSlider .bx-viewport{ overflow: visible !important; } .threeImageSlider .bx-controls{ margin-top: 1rem; display: flex; } .threeImageSlider .threeImageSliderContents li{ padding: 0.6rem; } .threeImageSlider .threeImageSliderContents li img{ border-radius: 5px; box-shadow: 0px 10px 20px -15px rgba(100,100,100,1); } .threeImageSlider .bx-wrapper .bx-prev { left: -10vw; } .threeImageSlider .bx-wrapper .bx-next { right: -10vw; } .horizontal_scroll { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; } .horizontal_scroll_contents { display: inline-flex; align-items: center; justify-content: center; } .horizontal_scroll_content { align-items: center; align-self: stretch; display: flex; justify-content: center; width: 30vw; min-height: 40vw; } .horizontal_scroll .itemBox { width: 30vw; margin: 0; } @media screen and (min-width: 416px) and (max-width: 769px) { .horizontal_scroll_content { width: 18vw; min-height: 24vw; } .horizontal_scroll .itemBox { width: 18vw; } } .horizontal_scroll .rightBox, .horizontal_scroll .photo, .horizontal_scroll .photo img { width: 100%; margin: 0; } .horizontal_scroll .itemBox h3 { width: 100%; font-size: 75%; } .horizontal_scroll_more_button { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #ffffff; border-radius: 5px; text-decoration: none; } .horizontal_scroll_more_button:hover { text-decoration: none; } .horizontal_scroll_more_button_description { color: #4b4b4b; display: flex; flex-direction: column; justify-content: center; align-items: center; } .horizontal_scroll_more_button_description_main { font-size: 5rem; line-height: 5rem; } .horizontal_scroll_more_button_description_sub { font-size: 1rem; } .horizontal_scroll_more_button_wrap { background: linear-gradient(180deg, white, #EEEEEE); border-bottom: #CCC solid 1px; padding: 10px 5px 15px 10px; } /* scroll to top button */ .pagetop { display: none; position: fixed; z-index: 210; text-indent: -9999px; } .pagetop_default { bottom: 0; right: -15px; width: 26vw; height: 39vw; max-width: 186px; max-height: 279px; } .pagetop_error { bottom: 30px; right: 10px; width: 50px; height: 50px; } .nekoposCaution { color: #d8263c; } .nekoposCautionBlock { border: solid 1px #4b4b4b; margin-top: 10px; } .nekoposHelpLink { color:#3498db !important; text-decoration:underline; cursor: pointer; } .nekoposHelpLink:active { opacity: 0.8; } /*# sourceMappingURL=sp_style.css.map */ .newsDate { font-size: 1.6rem; margin-bottom: 10px; } .newsTitle { font-size: 2rem; margin-bottom: 20px; } .pageHeading { background: #ff7fb8; border: none; border-radius: 6px 6px 0 0; color: #fff; text-align: center; }} @media screen and (max-width: 769px){ /** * BxSlider v4.1.2 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2014 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { margin-top: 2em; /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -10px; width: 100%; } #memberArea .bx-wrapper .bx-pager, #memberArea .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; display:none; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #fbe0e6; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #ff7fb8; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background:url(/assets/img/common/detail_arwl.png) no-repeat left top; background-size: 100% auto; } #memberArea .bx-wrapper .bx-prev { left: -24px; background:url(/assets/img/common/arrow_left.png) no-repeat left top; } .bx-wrapper .bx-next { right: 10px; background:url(/assets/img/common/detail_arwr.png) no-repeat left top; background-size: 100% auto; } #memberArea .bx-wrapper .bx-next { right: -33px; background:url(/assets/img/common/arrow_right.png) no-repeat left top; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: 0 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(/assets/css/images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(/assets/css/images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }} @media screen and (max-width: 769px){ /* ----------------------------------- スマホ　グループショップスタイル　ver.1 sp_top.css -----------------------------------*/ /*ニュース*/ #newsArea .accordion_dl { margin-top: 1.0rem; } #newsArea .accordion_dl dt { background: #fff url(none); margin-bottom: 1px; width: 95%; padding: .6em; margin: auto; font-size: 11px; font-weight: normal; font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; border-bottom: solid 1px #aaa; cursor: pointer; position: relative; } #newsArea .accordion_dl dt span { font-size: 11px; } #newsArea .accordion_dl dt:before { display: none; } #newsArea .accordion_dl dt:after { display: none; } #newsArea .accordion_dl dt:last-of-type { border-bottom: none; } #newsArea .accordion_dl dd { padding: 1em; background: #fff; border-bottom: solid 1px #D9D9D6; } #newsArea .accordion_dl dd p { margin-bottom: 1em; } #newsArea span { color: #f33e97; display: inline-block; padding: .1em .6em; font-size: 9px; } #newsArea .nmb { background: #5a2606 url(/assets/img/top/news_ico_nmb.png) no-repeat left top; background-size: 100% auto; } #newsArea .stu { background: #81c4f8 url(/assets/img/top/news_ico_stu.png) no-repeat left top; background-size: 100% auto; color: #024095; } #newsArea .ngt { background: #e70a1b; } #categoryIconArea .box { display: flex; justify-content: space-around; margin-bottom: 20px; } #categoryIconArea .icon { width: 70px; } .button_gray a{ background: #4b4b4b; color: #ffffff !important; display:inline-block; padding: 1em 0; margin:3%; font-size: 14px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-align:center; width: 94%; } #inNav li { display: inline-block; margin-bottom: 2em; } #inNav li a { background: #EDEDED; font-size: 14px; padding: 8px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin: 4px; } .bannerP48 { padding: 0 2vw; margin-bottom: 1vw; } .bannerP48Image { width:100%; } .bannerTeam8 { padding: 0 2vw; margin-bottom: 4vw; } .bannerTeam8Image { width:100%; } .modalBox { width: 100%; overflow: hidden; padding: 2em 2em 1em; } .modalText { margin-top: 1em; font-size: 14px; } .modalButton { text-align:center; } .centeringModal { padding-top: 4em; margin: 10%; }} @media screen and (max-width: 769px){ /* * 旧 public/assets/css/sp_list.css のコピー（SP 商品一覧）。url(../img/ は /assets/img/ に書き換えてある。 * 旧 include.php ではトップ・商品一覧・メンバー別商品一覧・詳細検索・メンバー一覧だけが読んでいたが、新サイトは全画面で読み込むため、 * .topTxt（text-align: left）などの汎用セレクタが FAQ などの他画面に当たらないよう、これらの画面のラッパー .p-list-page の中だけに * 効くようセレクタに :where(.p-list-page) を付けている（宣言は旧ファイルのまま。2026-10-25）。:where() は詳細度を増やさない。 */ /* ----------------------------------- スマホ　商品一覧ページスタイル　ver.1 sp_list.css -----------------------------------*/ :where(.p-list-page) .intro { text-align: center; padding: 0.6em 0; font-size: 14px; } :where(.p-list-page) #count { color: #d8263c; font-weight: bold; } :where(.p-list-page) .itemContainer { display:flex; flex-wrap:wrap; width:100%; } :where(.p-list-page) .itemBoxList { padding: 10px 5px 15px 10px; font-size: 13px; width:50%; } :where(.p-list-page) .itemBoxList h3 { font-weight: bold; font-size: 80%; margin: 0; border: none; padding-right: .6em; } :where(.p-list-page) .itemBox { padding: 10px 5px 15px 10px; background-color: #FEFEFE; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE), color-stop(1, #EEEEEE)); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE), color-stop(1, #EEEEEE)); border-top: #FFF solid 1px; border-bottom: #CCC solid 1px; display: block; clear: both; position: relative; cursor: pointer; overflow: hidden; font-size: 13px; } :where(.p-list-page) .photo { position: relative; margin: 0 0.6em 0 0; } :where(.p-list-page) .photo img { width: 100%; border: 1px solid #f7f7f7; } :where(.p-list-page) .photo span img { position: absolute; left: 0; bottom: 0; } :where(.p-list-page) .rightBox { float: right; width: 70%; } :where(.p-list-page) .itemBox h3 { font-weight: bold; font-size: 100%; margin: 0; border: none; padding-right: .6em; } :where(.p-list-page) .pricebox { padding-left: .6em; } :where(.p-list-page) .price { color: #4b4b4b; font-weight: bold; } :where(.p-list-page) .mini { font-size: 12px; } :where(.p-list-page) #pager { width: 100%; display: inline-block; margin-bottom: 20px; margin-top: 20px; text-align: center; font-size: 13px; } :where(.p-list-page) #pagerWarp { width: auto; margin-bottom: 20px; display: inline-block; } :where(.p-list-page) #pagerWarp a { font-weight: bold; } :where(.p-list-page) #pagerWarp .back, :where(.p-list-page) .items, :where(.p-list-page) .next { float: left; margin: 0 15px; } :where(.p-list-page) .itemIcon_team_akb { display: block; position: absolute; left: 0px; top: 0px; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 24px; height: 24px; background: url("/assets/img/common/item_teamIcon_akb.png") no-repeat -0px -0px; -webkit-background-size: 24px 24px; -moz-background-size: 24px 24px; -o-background-size: 24px 24px; -ms-background-size: 24px 24px; background-size: 24px 24px; } :where(.p-list-page) .itemIcon_team_hkt { display: block; position: absolute; left: 0px; top: 0px; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 24px; height: 24px; background: url("/assets/img/common/item_teamIcon_hkt.png") no-repeat -0px -0px; -webkit-background-size: 24px 24px; -moz-background-size: 24px 24px; -o-background-size: 24px 24px; -ms-background-size: 24px 24px; background-size: 24px 24px; } :where(.p-list-page) .itemIcon_team_ngt { display: block; position: absolute; left: 0px; top: 0px; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 24px; height: 24px; background: url("/assets/img/common/item_teamIcon_ngt.png") no-repeat -0px -0px; -webkit-background-size: 24px 24px; -moz-background-size: 24px 24px; -o-background-size: 24px 24px; -ms-background-size: 24px 24px; background-size: 24px 24px; } :where(.p-list-page) .itemIcon_team_stu { display: block; position: absolute; left: 0px; top: 0px; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 24px; height: 24px; background: url("/assets/img/common/item_teamIcon_stu.png") no-repeat -0px -0px; -webkit-background-size: 24px 24px; -moz-background-size: 24px 24px; -o-background-size: 24px 24px; -ms-background-size: 24px 24px; background-size: 24px 24px; } :where(.p-list-page) .itemIcon_team_nmb { display: block; position: absolute; left: 0px; top: 0px; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 24px; height: 24px; background: url("/assets/img/common/item_teamIcon_nmb.png") no-repeat -0px -0px; -webkit-background-size: 24px 24px; -moz-background-size: 24px 24px; -o-background-size: 24px 24px; -ms-background-size: 24px 24px; background-size: 24px 24px; } :where(.p-list-page) .itemIcon_team_ske { display: block; position: absolute; left: 0px; top: 0px; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 24px; height: 24px; background: url("/assets/img/common/item_teamIcon_ske.png") no-repeat -0px -0px; -webkit-background-size: 24px 24px; -moz-background-size: 24px 24px; -o-background-size: 24px 24px; -ms-background-size: 24px 24px; background-size: 24px 24px; } /**/ :where(.p-list-page) .bg_checkbox li { position: relative; display: inline-block; border-bottom: 1px solid #ccc; margin: 0; padding: 0; background: #fdfdfd; /* Old browsers */ background: -moz-linear-gradient(top, #fdfdfd 0%, #f4f4f4 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #fdfdfd 0%, #f4f4f4 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #fdfdfd 0%, #f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f4f4f4', GradientType=0 ); /* IE6-9 */ } :where(.p-list-page) .bg_checkbox input { position: absolute; top: 0; right: 10; opacity: 0; width: 100%; height: 100%; } :where(.p-list-page) .bg_checkbox input[type="checkbox"] + label { display: block; background: url(/assets/img/list/bg_checkbox_off.png) no-repeat 98% center; background-size: 32px; padding: 0 32px 0 0; } :where(.p-list-page) .bg_checkbox input[type="checkbox"]:checked + label { background-image: url(/assets/img/list/bg_checkbox_on.png); } :where(.p-list-page) .bg_checkbox .itemBox { border-bottom: none; background: none; padding-bottom: 0; } :where(.p-list-page) .bg_checkbox .rightBox { width: 66%; } :where(.p-list-page) .btnShare a { background: #ffffff url(/assets/img/common/ico_share.png) no-repeat 10% center; background-size: 8%; border: 1px solid #4b4b4b; padding: 0.6em 0.6em 0.6em 1.2em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 1em .8em; text-align: center; color: #4b4b4b !important; width: 92%; display: inline-block; font-size: 15px; } :where(.p-list-page) #inline-content { width: 90%; overflow: hidden; padding: 10px 0px 10px 10px; } :where(.p-list-page) .snsList ul { overflow: hidden; margin-bottom:1em; } :where(.p-list-page) .snsList li { float: left; width:33%; padding: 10px; text-align:center; } :where(.p-list-page) .ttlShare { background:url(/assets/img/common/ico_share.png) no-repeat 18% top; padding-left: 32px; color: #00AACC; font-size: 144%; margin:1em 0; text-align:center; } :where(.p-list-page) #inline-content .btnSub { border: 1px solid #00AACC; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; clear:both; width: 100%; padding: 1em; color: #00AACC !important; display: block; text-align:center; } :where(.p-list-page) .bannerText { word-wrap: break-word; text-align: center; font-weight: bold; font-size: 150%; color: #f24098; white-space: pre-line; padding: 1%; } :where(.p-list-page) .bannerText:before { display: block; clear: both; content: ""; } :where(.p-list-page) .categoryComment { width: 100%; } :where(.p-list-page) .releaseTime { font-size: 11px; color: #d8263c; } :where(.p-list-page) #bannerButtonList { text-align: center; } :where(.p-list-page) .bannerButtonOuter { display: inline-block; margin: 1%; vertical-align: middle; } :where(.p-list-page) .bannerButtonInner { display: table-cell; font-size: 3.4vmin; font-weight: bold; text-align: center; white-space: pre-line; width: 9em; height: 4.5em; vertical-align: middle; background-size: cover; background-position: center center; -webkit-border-radius: 10px; }} @media screen and (max-width: 769px){ /* ----------------------------------- スマホ　AKBスタイル　ver.1 sp_akbstyle.css -----------------------------------*/ /* * 旧 include.php でこの CSS を読み込んでいたのはトップ・商品一覧・商品詳細・NEWS などで、gs スタイル（pc_gsstyle・sp_gsstyle）を * 読み込む画面（購入フロー・カート・マイページ・お問い合わせ・エラーなど）とは重ならない。全画面で読み込むため、gs スタイルの画面の * ラッパー .p-gs-page の中の要素には効かないよう、各セレクタに :where(:not(.p-gs-page *)) を付けている（詳細度は変えない。宣言は旧ファイルのまま）。 */ header .bg:where(:not(.p-gs-page *)) { background: #f33e97 url(/assets/img/common/head_akb.png) no-repeat right center; background-size: auto 100%; } h1:where(:not(.p-gs-page *)) { background: url(/assets/img/common/logo_akb.png) no-repeat left center; padding: 50px 0 0 0 !important; } @media screen and (min-width:416px) and ( max-width:769px) { h1:where(:not(.p-gs-page *)) { background-size: 100% !important; padding-top: 80px !important; } } h2:where(:not(.p-gs-page *)) { color: #ff7fb8; } .button a:where(:not(.p-gs-page *)) { background: #e05e9e; padding: 1em; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; margin: 1em; text-align:center; color: #fff !important; width: 60%; margin: 1em 20% 3em 20%; display: inline-block; font-size:15px; } .button a.arrow:where(:not(.p-gs-page *)){ position: relative; } .button_gray a:where(:not(.p-gs-page *)){ background: #f24098 !important; } .backButton:where(:not(.p-gs-page *)) { background: #e05e9e; padding: .4em 1.0em; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; display: block; margin: 1em auto; width: 60%; padding: 15px; text-align: center; color: #fff !important; font-size: 15px; text-decoration: none; } .backButton span:where(:not(.p-gs-page *)){ color: #FFF; position: relative; padding-left: 10px; } .backButton span:where(:not(.p-gs-page *))::before{ content: ""; position: absolute; top: 50%; left: 0; width: 9px; height: 9px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(225deg); margin-top: -4px; }} /* * NEWS・お問い合わせ・サイト情報・エラー（旧 views/{news,contact,siteinfo,error} の各 include.php）。 * 画面ごとの読み込み切り替えはせず全画面で読み込む。news の include は pc_form を 960px で切り替えていたが、他の画面と同じ 769px にそろえた。 * pc_gsstyle・sp_gsstyle は akbstyle と同じ要素（h1・h2・.button a）に当たるため、旧 include で gs スタイルを使っていた画面の * ラッパー（.p-gs-page）の中だけに効くよう、セレクタに接頭辞を付けている（宣言は旧ファイルのまま）。 */ @media screen and (min-width: 769px){ /* ----------------------------------- PC　フォームスタイル　ver.1 pc_form.css -----------------------------------*/ form { margin: 0; padding: 0; } input { border: 1px solid #dfdfdf; font-size: 14px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 8px; margin: 5px 0; } .loginTopArea { padding: 10px; } .attention { color: #e05e9e; } .attention strong { color: #d8263c; font-weight: bold; } .attention_border { border: 2px solid #e05e9e; padding: .8em; line-height: 1.6; color: #e05e9e; display: block; margin-bottom: 1em; margin-top:1.5em; } .attention_border .ico { background: url(/assets/img/common/ico_info.png) no-repeat left center; background-size: 20px auto; font-size: 144%; padding-left: 25px; padding-top: 4px; } .attention_border.attention_mild { color: inherit; clear: both; } .attention_fill_border { background-color: #e05e9e; background-size: 20px auto; border-radius: 8px; padding: .8em; line-height: 1.6; color: #ffffff; display: flex; align-items: center; margin-bottom: 1em; margin-top:1.5em; } .attention_fill_border .no { font-size: 230%; } .btnArea { text-align: center; padding: 3em 0; margin-top: 3em; border-top: 1px solid #ededed; } .btnArea li { /*display: inline-block;*/ padding: 1em 1em; } .wide { width: 100%; } .half { width: 48%; } .short { width: 28%; } .memory label { width: 100%; padding: 8px; font-size: 125%; background: #dfdfdf; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 5px 0; } .arrowRtxt { display: inline; clear: both; margin: 5px auto; padding-right: 15px; background: url(/assets/img/common/ico_arrowR.png) right center no-repeat; } .textLink { text-align: center; padding: .8em; } .btn_area input.button { padding: 1em 6em !important; background: #4b4b4b; color: #fff; padding: 1em 0; } .loginBtmArea { background: #dfdfdf; padding: 10px; } .txtArea { background: #fff; padding: 10px; margin-top: 10px; } h3 { border-left-color: #4b4b4b; } /*お届け先*/ .message { margin-bottom:1em; } .delivBox { border: #CCC solid 1px; margin-top: 1em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .deliv_check { clear: both; margin: 0; } .deliv_check dt { font-weight: bold; padding: 10px 10px 5px 10px; background: #EEE; border-top: #FFF solid 1px; vertical-align: middle; position: relative; display: block; } .deliv_check dt.first { border-top: none; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; } .deliv_check dd { padding: 10px; border-bottom: #CCC solid 1px; display: block; } .btnSub { margin: 10px 0; padding: 1em 6em; font-size: 15px; display: inline-block; background: #ffffff; text-align: center; border: 1px solid #ABABAB; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight: bold; } .btnRed { color: #FFF !important; font-size: 15px; font-weight: bold; text-decoration: none; text-align: center; padding: 1em 6em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: inline-block; background-image: linear-gradient(to right, #f857a6 0%, #ff5858 51%, #f857a6 100%); background-size: 200% auto; cursor: pointer; margin-bottom: 1em; margin: 0 auto; border:none; } .btnBlue { color: #FFF !important; font-size: 15px; font-weight: bold; text-decoration: none; text-align: center; padding: 1em 6em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: inline-block; background: #e05e9e; cursor: pointer; margin-bottom: 1em; margin: 0 auto; border:none; } .btnBack { font-weight: bold; text-decoration: none; text-align: center; padding: 1em 6em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: inline-block; background: #efefef; cursor: pointer; margin-bottom: 1em; } .member_info { margin-bottom: 10px; border: 1px solid #CCCCCC; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .red { color: #e05e9e; } .prefBtn { border: 1px solid #CCCCCC; padding: .4em; } #payment { font-size: 144%; margin: 1em 0; } .deliv { position: absolute; bottom: -5px; vertical-align: bottom; right: 10px; } .formBox { clear: both; border: 1px solid #dfdfdf; overflow: hidden; margin-bottom: 1em; padding: 1em; } .formBoxAttention { clear: both; border: 2px solid #e05e9e; border-radius: 10px; overflow: hidden; margin-bottom: 1em; padding: 1em; } .formBoxAttention .ico { background: url(/assets/img/common/ico_info.png) no-repeat left center; background-size: 20px auto; font-size: 144%; padding-left: 30px; color: #e05e9e; text-decoration: underline; } .formBox h3 { margin: .4em; } .deliv_check ul.edit { float: right; clear: right; display: inline; line-height: 1.1; position: absolute; right: 10px; top: 12px; } ul.edit li:first-child { margin-right: 0.8em; } ul.edit li { display: inline; float: left; line-height: 1; vertical-align: middle; } a.b_edit:link, a.b_edit:visited, a.b_edit:hover { color: #000; font-size: 11px; padding: 4px 5px; border: #CCC solid 1px; background: #fff; display: inline; text-align: center; cursor: pointer; vertical-align: middle; } #credit_card_txt { width: 90%; margin: 2.5% auto 4%; padding: 3%; overflow: auto; height: 150px; border: 1px solid #ccc; } #credit_card_tds_txt { background-color: #FBE3D6; border-radius: 10px; } table { width: 100%; margin: 10px 0 20px; text-align: center; vertical-align: middle; border-collapse: collapse; border: 1px solid #CCC; } table tr { border-bottom: solid 1px #cccccc; } table th { width: 30%; padding: 8px; border: 1px solid #CCC; background-color: #f0f0f0; } table td { width: 62%; padding: 8px; border: 1px solid #CCC; background-color: #ffffff; text-align: left; text-indent:0; } table td label { padding: .6em; border: 1px solid #ddd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .cardBtn { border: 1px solid #CCCCCC; padding: .4em; } .delivBtn { width: 100%; border: 1px solid #CCCCCC; padding: .4em; font-size: 125%; } .formBox .text { padding: 10px; margin: 0; } #cvsList label { padding: .6em; border: 1px solid #ddd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 100%; position: relative; font-size: 125%; } #cvsList input { position: absolute; left: 20px; top: 50%; width: 10px; height: 10px; margin: -5px 0 0 0; outline: 0!important; z-index: 1; } #cvsList .text { padding-left: 45px; display: block; } .btnGray { } .btnGray a { padding: 1em 6em; display: inline-block; background: #ffffff; border: 1px solid #ABABAB; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .deliBox { padding: .8em; position: relative; } .deliBoxMemo { font-size: 14px; font-weight: initial; } .lineBox { border: 1px solid #ababab; margin-bottom: 3em; } .lineBox h3 { margin: .4em; } .lineBox p { padding: 0 12px 12px 12px; } ul.edit { float: right; clear: right; display: inline; vertical-align: top; line-height: 1; position: absolute; right: 10px; top: 15px; } ul.edit li { display: block; float: none; text-align: center; font-size: 72.5%; padding-bottom: 1em; line-height: 1.8em; margin: 0 0 1em 0 !important; color: #333; } #contactList { margin: 1em 0; } #searchList { margin: 0; } #searchList th { width: 20%; float: left; padding: 1.2em; background: #efefef; clear: left; font-size: 14px; } #searchList td { width: 80%; padding: .8em; float: left; } #searchList td select { padding: 4px; width: 100%; } .bgnone { border:none !important; } .bgnone dt { cursor: pointer; font-weight: bold; border: none; font-size: 115%; text-align:left; border: 1px solid #ededed; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: relative; display: block; padding-left:1.6em; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff)); background: -webkit-linear-gradient(#fff, #f7f7f7); background: -moz-linear-gradient(#fff, #f7f7f7); background: -o-linear-gradient(#fff, #f7f7f7); background: -ms-linear-gradient(#fff, #f7f7f7); background: linear-gradient(#fff, #f7f7f7); } .bgnone dd { background: #f7f7f7; } .txtSold { padding: .8em; text-align: right; } /*アコーディオン開いた状態*/ .switch { cursor: pointer; font-weight: bold; border: none; padding: 1.4em; font-size: 115%; text-align:left; border: 1px solid #ededed; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: relative; display: block; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff)); background: -webkit-linear-gradient(#fff, #f7f7f7); background: -moz-linear-gradient(#fff, #f7f7f7); background: -o-linear-gradient(#fff, #f7f7f7); background: -ms-linear-gradient(#fff, #f7f7f7); background: linear-gradient(#fff, #f7f7f7); } .switch:before { display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 15px; width: 16px; height: 16px; margin-top: -8px; background: #cccccc; } .switch:after { display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 15px; width: 16px; height: 16px; margin-top: -16px; background: #FBFAFA; } .switch.active:before { margin-top: -2px; } .switch.active:after { margin-top: 6px; } .toggle_con { overflow: hidden; padding: 0.6em; background: #f7f7f7; } .leftBox { width: 48%; float: left; margin-bottom: 6em; } .rightBox { width: 48%; float: right; } .txtBox { position: relative; background: #EDEDED; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin-bottom: 20px; padding: 1em; } .txtBox:after { content: ''; position: absolute; border-top: 10px solid #EDEDED; border-right: 5px solid transparent; border-left: 5px solid transparent; bottom: -9px; left: 48%; } /*カテゴリ上部プルダウンリスト*/ #searchTopArea { background: #f7f7f7; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 1em; overflow: hidden; font-size: 14px; margin-bottom: 1em; } #searchTopArea ul { float: left; width: 100%; } #searchTopArea ul li { display: inline-block; } #searchTopArea ul li:first-child { width: 18%; } #searchTopArea ul li:nth-child(2) { width: 30%; } #searchTopArea ul li:nth-child(3) { width: 40%; } #searchTopArea ul li:nth-child(4) { width: 10%; } #searchTopArea ul li select { width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #999; background: #fff; background: url(/assets/img/common/category_list_arrow_pc.png) right 50% no-repeat, #fff; background: url(/assets/img/common/category_list_arrow_pc.png) right 50% no-repeat, #fff; background-size: 20px, 100%; text-indent: 1em; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; padding: 6px 0; /* ↓矢印画像が文字と被ってしまうため取り急ぎ paddingで対応した */ padding-right: 22px; } #searchTopArea button { background: #3598db; color: #fff; width: 100%; border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 6px 0; }} @media screen and (min-width: 769px){ /*======================================================= CD FAQ =======================================================*/ #cdFaqArea { font-size: 14px; text-align: left !important; } #cdFaqArea .topTxt { font-size: 18px; color: #f24098; text-align: left !important; } #cdFaqArea h3 { border-bottom: 2px solid #cccccc; padding-left: 72px !important; padding-top: 32px !important; font-style: normal; font-size: 24px; font-weight: normal; margin-top: 24px; } #cdFaqArea .pagetop { text-align: right; clear: both; } #cdFaqArea .pagetop a { color: #000; } h3.title01 { background:url(/assets/img/faq/ico_01.png) no-repeat left center; } h3.title02 { background:url(/assets/img/faq/ico_02.png) no-repeat left center; } h3.title03 { background:url(/assets/img/faq/ico_03.png) no-repeat left center; background-size: 7%; } h3.title035 { background:url(/assets/img/faq/ico_035.png) no-repeat left center; } h3.title04 { background:url(/assets/img/faq/ico_04.png) no-repeat left center; } h3.title05 { background:url(/assets/img/faq/ico_05.png) no-repeat left center; } h3.title06 { background:url(/assets/img/faq/ico_06.png) no-repeat left center; } h3.title07 { background:url(/assets/img/faq/ico_07.png) no-repeat left center; } h3.title08 { background:url(/assets/img/faq/ico_08.png) no-repeat left center; } h3.title09 { background:url(/assets/img/faq/ico_09.png) no-repeat left center; } h3.title10 { background:url(/assets/img/faq/ico_10.png) no-repeat left center; } #cdFaqArea .navi { margin: 4em 0; overflow: hidden; } #cdFaqArea .navi li { float: left; margin: 6px; } #cdFaqArea .navi li:nth-child(4), #cdFaqArea .navi li:nth-child(8) { margin-right: 0; } #cdFaqArea .navi li a { display: inline-block; white-space: nowrap; padding: 1.4em 0; width: 176px; text-align: center; border: 1px solid #cccccc; font-weight: bold; -webkit-box-shadow: 0 0 3px 3px rgba(200,200,200,0.2) inset; -moz-box-shadow: 0 0 3px 3px rgba(200,200,200,0.2) inset; box-shadow: 0 0 3px 3px rgba(200,200,200,0.2) inset; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #fefefe; /* Old browsers */ background: -moz-linear-gradient(top, #fefefe 0%, #eeeeee 100%); background: -webkit-linear-gradient(top, #fefefe 0%, #eeeeee 100%); background: linear-gradient(to bottom, #fefefe 0%, #eeeeee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eeeeee', GradientType=0 ); color: #464646; } #cdFaqArea .navi li a:hover { background: #fbfbfb; /* Old browsers */ background: -moz-linear-gradient(top, #fbfbfb 0%, #c0c0c0 100%); background: -webkit-linear-gradient(top, #fbfbfb 0%, #c0c0c0 100%); background: linear-gradient(to bottom, #fbfbfb 0%, #c0c0c0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#c0c0c0', GradientType=0 ); text-decoration: none; color: #464646; } #cdFaqArea .navi li a.double { padding: .8em 0; } #cdFaqArea dl.acc { margin: 0 auto 30px; padding: 10px 0; } #cdFaqArea dl.acc dt { background: url(/assets/img/faq/open.png) 97% center no-repeat; border-bottom: 1px solid #efefef; padding: 1.4em 0; color: #333; font-weight: bold; cursor: pointer; } #cdFaqArea dl.acc dt.open { background: url(/assets/img/faq/close.png) 97% center no-repeat; } #cdFaqArea dl.acc dt span { background:url(/assets/img/faq/ico_q.png) no-repeat left center; padding: 18px 14px 18px 48px; } #cdFaqArea dl.acc dd { background:url(/assets/img/faq/ico_a.png) no-repeat left center; padding: 18px 14px 18px 48px; display: none; margin-bottom: 1.8em; } #cdFaqArea .anchorlink { position: relative; top: -150px; display: block; }} @media screen and (min-width: 769px){ /* ----------------------------------- スマホ　グループショップスタイル　ver.1 sp_gsstyle.css -----------------------------------*/ /* * 旧 public/assets/css/pc_gsstyle.css のコピー。宣言は旧ファイルのまま。 * 旧 include.php で akbstyle と同時に読み込まれることがなく、同じ要素（h1・h2・.button a）に当たるため、 * 旧 include で gs スタイルを使っていた画面（お問い合わせ・サイト情報・エラー）のラッパー .p-gs-page の中だけに効くよう * セレクタに接頭辞 :where(.p-gs-page) を付けている（詳細度は変えない。旧の h2.red などで .red が勝つ順序を保つため。url は ../img/ → /assets/img/ に書き換え）。 */ :where(.p-gs-page) header .bg { } :where(.p-gs-page) h1 { background: url(/assets/img/common/logo_b.png) no-repeat left center; } :where(.p-gs-page) h2 { border-bottom: 3px solid #ff7fb8; color: #ff7fb8;; } :where(.p-gs-page) .button a { border: 1px solid #bababa; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ededed), color-stop(0.00, #fff)); background: -webkit-linear-gradient(#fff, #ededed); background: -moz-linear-gradient(#fff, #ededed); background: -o-linear-gradient(#fff, #ededed); background: -ms-linear-gradient(#fff, #ededed); background: linear-gradient(#fff, #ededed); padding: 1em 6em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 1em auto; text-align:center; display: inline-block; font-size:15px; text-decoration: none; } :where(.p-gs-page) .button a:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff), color-stop(0.00, #ededed)); background: -webkit-linear-gradient(#ededed, #fff); background: -moz-linear-gradient(#ededed, #fff); background: -o-linear-gradient(#ededed, #fff); background: -ms-linear-gradient(#ededed, #fff); background: linear-gradient(#ededed, #fff); } :where(.p-gs-page) .button a.arrow{ position: relative; } :where(.p-gs-page) .button a.arrow::after{ content:""; display: block; width:14px; height:14px; border-top:4px solid #333; border-right:4px solid #333; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right:10px; top:50%; margin-top:-7px; }} @media screen and (max-width: 769px){ /* ----------------------------------- SP　フォームスタイル　ver.1 sp_form.css -----------------------------------*/ form { margin: 0; padding: 0; } input { border: 1px solid #dfdfdf; font-size: 14px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 8px; margin: 5px 0; } .loginTopArea { padding: 10px; } .attention { color: #e05e9e; } .attention strong { color: #d8263c; font-weight: bold; } .attention_border { border: 2px solid #e05e9e; padding: .8em; line-height: 1.6; color: #e05e9e; display: block; margin-bottom: 1em; } .attention_border .ico { background: url(/assets/img/common/ico_info.png) no-repeat left center; background-size: 20px auto; font-size: 144%; padding-left: 25px; padding-top: 4px; } .attention_fill_border { background-color: #e05e9e; background-size: 20px auto; border-radius: 8px; padding: .8em; line-height: 1.6; color: #ffffff; display: flex; align-items: center; margin-bottom: 1em; } .attention_fill_border .no { font-size: 230%; } .btnArea { text-align: center; padding: .6em; border-top: 1px solid #ededed; } .wide { width: 100%; } .half { width: 48%; } .short { width: 28%; } .memory label { width: 100%; padding: 8px; font-size: 125%; background: #dfdfdf; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 5px 0; } .arrowRtxt { display: inline; clear: both; margin: 5px auto; padding-right: 15px; background: url(/assets/img/common/ico_arrowR.png) right center no-repeat; } .textLink { text-align: center; padding: .8em; } .btn_area input.button { width: 100%; background: #4b4b4b; color: #fff; font-size: 144%; padding: 1em 0; } .loginBtmArea { background: #dfdfdf; padding: 10px; } .txtArea { background: #fff; padding: 10px; margin-top: 10px; font-size: 125%; line-height: 1.6em; } h3 { border-left-color: #fbe0e6; } /*お届け先*/ .message { font-size: 125%; line-height: 1.6; } .delivBox { border: #CCC solid 1px; margin-top: 1em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .deliv_check { clear: both; margin: 0; } .deliv_check dt { font-size: 144%; font-weight: bold; padding: 10px 10px 5px 10px; background: #EEE; border-top: #FFF solid 1px; vertical-align: middle; position: relative; display: block; } .deliv_check dt.first { border-top: none; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; } .deliv_check dd { font-size: 125%; padding: 10px; border-bottom: #CCC solid 1px; display: block; } .btnSub { margin: 10px 0; width: 100%; padding: .6em 1em; font-size: 15px; display: block; background: #ffffff; text-align: center; border: 1px solid #ABABAB; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight: bold; } .btnRed { width: 100%; color: #FFF !important; font-size: 15px; text-decoration: none; text-align: center; padding: 1em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: block; background-image: linear-gradient(to right, #f857a6 0%, #ff5858 51%, #f857a6 100%); background-size: 200% auto; cursor: pointer; margin-bottom: 1em; } .btnBlue { width: 100%; color: #FFF !important; font-size: 15px; text-decoration: none; text-align: center; padding: 1em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: block; background: #e05e9e; cursor: pointer; margin-bottom: 1em; } .btnBack { width: 100%; font-size: 144%; font-weight: bold; text-decoration: none; text-align: center; padding: .6em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: block; background: #efefef; cursor: pointer; margin-bottom: 1em; padding:1.2em 0; } .member_info { margin-bottom: 10px; border: 1px solid #CCCCCC; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .red { color: #e05e9e; } .prefBtn { border: 1px solid #CCCCCC; font-size: 144%; padding: .4em; } #payment { font-size: 144%; margin: 1em 0; } .deliv { position: absolute; bottom: -5px; vertical-align: bottom; right: 10px; } .formBox { border: 1px solid #dfdfdf; overflow: hidden; margin-bottom: 1em; } .formBoxAttention { clear: both; border: 2px solid #e05e9e; border-radius: 10px; overflow: hidden; margin-bottom: 1em; padding: 1em; } .formBoxAttention .ico { background: url(/assets/img/common/ico_info.png) no-repeat left center; background-size: 15px auto; font-size: 144%; padding-left: 20px; color: #e05e9e; text-decoration: underline; } .formBox h3 { margin: .4em; } .deliv_check ul.edit { float: right; clear: right; display: inline; line-height: 1.1; position: absolute; right: 10px; top: 12px; } ul.edit li:first-child { margin-right: 0.8em; } ul.edit li { display: inline; float: left; line-height: 1; vertical-align: middle; } a.b_edit:link, a.b_edit:visited, a.b_edit:hover { color: #000; font-size: 11px; padding: 4px 5px; border: #CCC solid 1px; background: #fff; display: inline; text-align: center; cursor: pointer; vertical-align: middle; } #credit_card_txt { width: 90%; margin: 2.5% auto 4%; padding: 3%; overflow: auto; height: 150px; border: 1px solid #ccc; } #credit_card_tds_txt { background-color: #FBE3D6; border-radius: 10px; margin-bottom: 1em; font-size: 125%; padding: 10px; } table { width: 100%; margin: 10px 0 20px; text-align: center; vertical-align: middle; border-collapse: collapse; border: 1px solid #CCC; } table tr { border-bottom: solid 1px #cccccc; } table th { width: 30%; padding: 2px 2%; background-color: #f0f0f0; } table td { width: 62%; padding: 2px 2%; background-color: #ffffff; text-align: left; text-indent: 0; } table td label { padding: .6em; border: 1px solid #ddd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .cardBtn { border: 1px solid #CCCCCC; padding: .4em; } .delivBtn { width: 100%; border: 1px solid #CCCCCC; padding: .4em; font-size: 125%; } .formBox .text { padding: 10px; margin: 0; } #cvsList label { padding: .6em; border: 1px solid #ddd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 100%; position: relative; font-size: 125%; } #cvsList input { position: absolute; left: 20px; top: 50%; width: 10px; height: 10px; margin: -5px 0 0 0; outline: 0 !important; z-index: 1; } #cvsList .text { padding-left: 45px; display: block; } .btnGray { margin: 10px 0; } .btnGray a { width: 100%; padding: .6em; font-size: 125%; display: block; background: #ffffff; border: 1px solid #ABABAB; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .deliBox { padding: .8em; position: relative; } .deliBoxMemo { font-size: 10px; font-weight: initial; } .lineBox { border: 1px solid #ededed; margin-bottom: 3em; } .lineBox h3 { margin: .4em; } .lineBox p { padding: 0 12px 12px 12px; } ul.edit { float: right; clear: right; display: inline; vertical-align: top; line-height: 1; position: absolute; right: 10px; top: 15px; } ul.edit li { display: block; float: none; text-align: center; font-size: 72.5%; padding-bottom: 1em; line-height: 1.8em; margin: 0 0 1em 0 !important; color: #333; } #contactList { margin: 1em 0; } #searchList { font-size: 125%; margin: 0; } #searchList th { width: 40%; float: left; padding: 1.2em; background: #efefef; clear: left; } #searchList td { width: 60%; padding: .8em; float: left; } #searchList td select { padding: 4px; width: 100%; } .bgnone dt { background: url(none) !important; padding-left: 1em; } .txtSold { font-size: 125%; padding: .8em; text-align: right; } /*アコーディオン開いた状態*/ .switch { cursor: pointer; font-weight: bold; border: none; padding: 1.4em; font-size: 115%; border-bottom: 1px solid #ededed; position: relative; display: block; } .switch:before { display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 15px; width: 16px; height: 16px; margin-top: -8px; background: #cccccc; } .switch:after { display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 15px; width: 16px; height: 16px; margin-top: -16px; background: #fff; } .switch.active:before { margin-top: -2px; } .switch.active:after { margin-top: 6px; } .toggle_con { overflow: hidden; padding: 0.6em; background: #ededed; } .rightBox { float: none; width: auto; } .cardImg img { width: 100%; } /*カテゴリ上部プルダウンリスト*/ #searchTopArea { background: #f7f7f7; padding: 1em; overflow: hidden; font-size: 14px; position: relative; } #searchTopArea ul { width: 100%; } #searchTopArea ul li { } #searchTopArea ul li:first-child { width: 100%; text-align:center; margin-bottom: 1em; } #searchTopArea ul li:nth-child(2) { width: 74%; margin-bottom: 1em; } #searchTopArea ul li:nth-child(3) { width: 74%; } #searchTopArea ul li:nth-child(4) { width: 24%; float: right; } #searchTopArea ul li select { width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #f7f7f7; background: #fff; background: url(/assets/img/common/category_list_arrow_sp.png) right 50% no-repeat, #fff; background: url(/assets/img/common/category_list_arrow_sp.png) right 50% no-repeat, #fff; background-size: 20px, 100%; text-indent: 1em; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; padding: 4px 0; /* ↓矢印画像が文字と被ってしまうため取り急ぎ paddingで対応した */ padding-right: 22px; } #searchTopArea button { background: #3598db; color: #fff; width: 24%; border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 2em 0; position: absolute; top: 48px; }} @media screen and (max-width: 769px){ /*======================================================= CD FAQ =======================================================*/ #cdFaqArea { font-size: 13px; } #cdFaqArea .topTxt { font-size: 15px; color: #f24098; padding: 1em 1em 0 1em; } #cdFaqArea h3 { border-bottom: 2px solid #cccccc; padding-left: 64px; padding-top: 30px; padding-bottom: 10px; font-style: normal; font-size: 16px; line-height: 1.2; font-weight: normal; border-left:0; } h3.title01 { background:url(/assets/img/faq/ico_01.png) no-repeat .6em center; background-size: 12% auto; } h3.title02 { background:url(/assets/img/faq/ico_02.png) no-repeat .6em center; background-size: 12% auto; } h3.title03 { background:url(/assets/img/faq/ico_03.png) no-repeat .6em center; background-size: 12% auto; } h3.title035 { background:url(/assets/img/faq/ico_035.png) no-repeat .6em center; background-size: 12% auto; } h3.title04 { background:url(/assets/img/faq/ico_04.png) no-repeat .6em center; background-size: 12% auto; } h3.title05 { background:url(/assets/img/faq/ico_05.png) no-repeat .6em center; background-size: 12% auto; } h3.title06 { background:url(/assets/img/faq/ico_06.png) no-repeat .6em center; background-size: 12% auto; } h3.title07 { background:url(/assets/img/faq/ico_07.png) no-repeat .6em center; background-size: 12% auto; } h3.title08 { background:url(/assets/img/faq/ico_08.png) no-repeat .6em center; background-size: 12% auto; } h3.title09 { background:url(/assets/img/faq/ico_09.png) no-repeat .6em center; background-size: 12% auto; } h3.title10 { background:url(/assets/img/faq/ico_10.png) no-repeat .6em center; background-size: 11% auto; } #cdFaqArea .navi { margin: 0 0 4em 0; overflow: hidden; font-size: 82.5%; } #cdFaqArea .navi li { float: left; width: 50%; border: 1px solid #cccccc; padding-left: .6em; background: #ededed url(/assets/img/faq/arrow_r.png) no-repeat 98% center; background-size: 10% auto; color: #4b4b4b; } #cdFaqArea .navi li:nth-child(even){ margin-right: 0; } #cdFaqArea .navi li a { display: inline-block; padding: 1.4em 0; } #cdFaqArea .navi li a:hover { } #cdFaqArea .navi li a.double { padding: .66em 0; } #cdFaqArea dl.acc { margin: 0 auto 30px; padding: 10px 0; } #cdFaqArea dl.acc dt { background: url(/assets/img/faq/open.png) 97% center no-repeat; background-size: 7% auto; border-bottom: 1px solid #efefef; padding: 1em; color: #333; font-weight: bold; cursor: pointer; } #cdFaqArea dl.acc dt.open { background: url(/assets/img/faq/close.png) 97% center no-repeat; background-size: 7% auto; } #cdFaqArea dl.acc dt span { background:url(/assets/img/faq/ico_q.png) no-repeat left center; background-size: 25px auto; padding: 8px 34px 8px 32px; display: inline-block; } #cdFaqArea dl.acc dd { background:url(/assets/img/faq/ico_a.png) no-repeat 1em center; padding: 1em 1em 1em 44px; background-size: 7% auto; display: none; margin-bottom: 1.8em; } #cdFaqArea .pagetop { text-align: right;} #cdFaqArea .anchorlink { position: relative; top: -60px; display: block; }} @media screen and (max-width: 769px){ /* ----------------------------------- スマホ　グループショップスタイル　ver.1 sp_gsstyle.css -----------------------------------*/ /* * 旧 public/assets/css/sp_gsstyle.css のコピー。宣言は旧ファイルのまま。 * 旧 include.php で akbstyle と同時に読み込まれることがなく、同じ要素（h1・h2・.button a）に当たるため、 * 旧 include で gs スタイルを使っていた画面（お問い合わせ・サイト情報・エラー）のラッパー .p-gs-page の中だけに効くよう * セレクタに接頭辞 :where(.p-gs-page) を付けている（詳細度は変えない。旧の h2.red などで .red が勝つ順序を保つため。url は ../img/ → /assets/img/ に書き換え）。 */ :where(.p-gs-page) header .bg { /*background: #4b4b4b url(/assets/img/common/head_gs.png) no-repeat right center;*/ } :where(.p-gs-page) h1 { background: url(/assets/img/common/logo.png) no-repeat 4% center; padding: 50px 0 0 0 !important; } @media screen and (min-width:416px) and ( max-width:769px) { :where(.p-gs-page) h1 { background-size: 100% !important; padding-top: 80px !important; } } :where(.p-gs-page) h2 { background: #EDEDED; color: #4b4b4b; border-top: 1px solid #fff; } :where(.p-gs-page) .button a { background: #4b4b4b; padding: 1em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 1em; text-align:center; color: #fff !important; width: 90%; display: inline-block; font-size:15px; } :where(.p-gs-page) .button a.arrow{ position: relative; } :where(.p-gs-page) .button a.arrow::after{ content:""; display: block; width:10px; height:10px; border-top:4px solid #ffffff; border-right:4px solid #ffffff; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right:10px; top:54%; margin-top:-7px; }} /* カート（旧 views/selection/cart/include.php。pc_form・sp_form の後に読む。全画面で読み込むため、旧で読んでいた画面のラッパー .p-cart-page の中だけに効く :where(.p-cart-page) の接頭辞付きコピー。2026-10-25） */ @media screen and (min-width: 769px){ /* * 旧 public/assets/css/pc_cart.css のコピー（PC カート）。url(../img/ は /assets/img/ に書き換えてある。 * 旧 include.php ではカート・劇場盤専用カート・購入手続きの確認／3D セキュア／完了だけが読んでいたが、新サイトは全画面で読み込むため、 * .price（赤・太字）・hr・.message などの汎用セレクタが商品詳細などの他画面に当たらないよう、これらの画面のラッパー .p-cart-page の * 中だけに効くようセレクタに :where(.p-cart-page) を付けている（宣言は旧ファイルのまま。2026-10-25）。:where() は詳細度を増やさない。 */ /* ----------------------------------- PC　カートスタイル　ver.1 pc_cart.css -----------------------------------*/ :where(.p-cart-page) .message { padding: .8em 0; margin: .8em 0; line-height: 1.6; } :where(.p-cart-page) .formBox { border: 1px solid #dfdfdf; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 1em; line-height: 2em; } :where(.p-cart-page) .btnRed { color: #FFF !important; font-weight: bold; text-decoration: none; text-align: center; padding: 1em 6em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: inline-block; background-image: linear-gradient(to right, #f857a6 0%, #ff5858 51%, #f857a6 100%); background-size: 200% auto; cursor: pointer; border: none; } :where(.p-cart-page) .itemBox { padding: 10px 0; border-bottom: #CCC solid 1px; clear: both; overflow: hidden; position: relative; } :where(.p-cart-page) .productImg { float: left; clear: left; width: 27%; /* border: 1px solid #ccc; */ text-align: center; margin-left: .8em; margin-bottom: .8em; } :where(.p-cart-page) .cartinContents { width: 68%; float: right; display: block; position: relative; } :where(.p-cart-page) .totalBox { padding: 10px; text-align: right; background: #F7F5F0; border-top: #FFF solid 1px; clear:both; } :where(.p-cart-page) .totalBoxTop { padding-bottom: 10px; border-bottom: #ccc solid 1px; } :where(.p-cart-page) .btn_area_btm { padding: 10px; background: #F7F5F0; border-top: #FFF solid 1px; } :where(.p-cart-page) .price { color: #e05e9e; font-weight: bold; font-size: 144%; } :where(.p-cart-page) .cartinContents p { margin-right: 25px; } :where(.p-cart-page) .cartinContents .btn_delete { padding: 2px; right: 0; float: right; position: absolute; top: 0; cursor: pointer; margin: 0; } :where(.p-cart-page) .cartinContents em { font-size: 112.5%; font-weight: bold; } :where(.p-cart-page) hr { display: block; height: 1px; border: 0; border-top: 1px dotted #d0d0d0; margin: 5px 0; padding: 0; clear: both } :where(.p-cart-page) .formBox ul { float: left; clear: both; line-height: 1.1; padding: 0 .8em; margin: 0; } :where(.p-cart-page) .formBox ul li { display: inline; float: left; } :where(.p-cart-page) .formBox ul li.quantity { padding-left: 0.5em; padding-top: 1em; vertical-align: bottom; } :where(.p-cart-page) .formBox ul li.quantity_btn { padding-left: 0.5em; padding-top: 0.8em; vertical-align: bottom; } :where(.p-cart-page) .formBox ul li.result { padding-left: 5em; padding-top: 1em; vertical-align: bottom; } :where(.p-cart-page) p.result { text-align:right; padding:10px 10px 0 10px; } :where(.p-cart-page) .textTop { font-size:125%; font-weight:bold; padding:.8em; background: #efefef; border-bottom: 1px solid #d0d0d0; } :where(.p-cart-page) .topTotal { font-size:112.5%; font-weight:bold; padding:.8em; border-bottom: 1px solid #d0d0d0; } :where(.p-cart-page) .topTotal span { color: #e05e9e; } :where(.p-cart-page) .cartinarea .itemBox { width: 100%; } :where(.p-cart-page) #cartBox .itemBox { width: auto; float: none; } :where(.p-cart-page) .notEnoughArea { margin: 10px; } :where(.p-cart-page) .notEnoughArea hr { clear: none; border-top: 1px solid #d0d0d0; } :where(.p-cart-page) .notEnoughArea ul { float: none; } :where(.p-cart-page) .notEnoughArea ul li { display: block; float: none; } :where(.p-cart-page) .notEnoughArea .notEnoughBox { display: table-cell; vertical-align: middle; } :where(.p-cart-page) .notEnoughArea .notEnoughAlert { padding-left: 10px; }} @media screen and (max-width: 769px){ /* * 旧 public/assets/css/sp_cart.css のコピー（SP カート）。url(../img/ は /assets/img/ に書き換えてある。 * 旧 include.php ではカート・劇場盤専用カート・購入手続きの確認／3D セキュア／完了だけが読んでいたが、新サイトは全画面で読み込むため、 * .price（赤・太字）・hr・.message などの汎用セレクタが商品詳細などの他画面に当たらないよう、これらの画面のラッパー .p-cart-page の * 中だけに効くようセレクタに :where(.p-cart-page) を付けている（宣言は旧ファイルのまま。2026-10-25）。:where() は詳細度を増やさない。 */ /* ----------------------------------- スマホ　カートスタイル　ver.1 sp_cart.css -----------------------------------*/ :where(.p-cart-page) .message { padding: .8em 0; margin: .8em 0; line-height: 1.6; } :where(.p-cart-page) .formBox { border: 1px solid #dfdfdf; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 125%; margin-bottom: 1em; } :where(.p-cart-page) .btnRed { width: 100%; color: #FFF !important; font-size: 144%; font-weight: bold; text-decoration: none; text-align: center; padding: 1.2em 1em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: block; background-image: linear-gradient(to right, #f857a6 0%, #ff5858 51%, #f857a6 100%); background-size: 200% auto; cursor: pointer; } :where(.p-cart-page) .itemBox { padding: 10px 0; border-bottom: #CCC solid 1px; clear: both; overflow: hidden; position: relative; } :where(.p-cart-page) .productImg { float: left; clear: left; width: 27%; border: 1px solid #ccc; text-align: center; margin-left: .8em; margin-bottom: 1em; } :where(.p-cart-page) .productImg img { width: 100%; } :where(.p-cart-page) .cartinContents { width: 68%; float: right; display: block; position: relative; } :where(.p-cart-page) .totalBox { padding: 10px; text-align: right; background: #F7F5F0; border-top: #FFF solid 1px; } :where(.p-cart-page) .totalBoxTop { padding-bottom: 10px; border-bottom: #ccc solid 1px; } :where(.p-cart-page) .btn_area_btm { padding: 10px; background: #F7F5F0; border-top: #FFF solid 1px; } :where(.p-cart-page) .price { color: #e05e9e; font-weight: bold; font-size: 144%; } :where(.p-cart-page) .cartinContents p { margin-right: 25px; } :where(.p-cart-page) .cartinContents .btn_delete { padding: 2px; right: 0; float: right; position: absolute; top: 0; cursor: pointer; margin: 0; } :where(.p-cart-page) .cartinContents em { font-size: 112.5%; font-weight: bold; } :where(.p-cart-page) hr { display: block; height: 1px; border: 0; border-top: 1px dotted #d0d0d0; margin: 5px 0; padding: 0; clear: both } :where(.p-cart-page) .formBox ul { float: left; clear: both; line-height: 1.1; padding: 0 .8em; margin: 0; } :where(.p-cart-page) .formBox ul li { display: inline; float: left; } :where(.p-cart-page) .formBox ul li.quantity { padding-left: 0.5em; padding-top: 1em; vertical-align: bottom; } :where(.p-cart-page) .formBox ul li.quantity_btn { padding-left: 0.5em; padding-top: 0.8em; vertical-align: bottom; } :where(.p-cart-page) .formBox ul li.result { padding-left: 5em; padding-top: 1em; vertical-align: bottom; } :where(.p-cart-page) p.result { text-align:right; padding:10px 10px 0 10px; } :where(.p-cart-page) .textTop { font-size:125%; font-weight:bold; padding:.8em; background: #efefef; border-bottom: 1px solid #d0d0d0; } :where(.p-cart-page) .topTotal { font-size:112.5%; font-weight:bold; padding:.8em; border-bottom: 1px solid #d0d0d0; } :where(.p-cart-page) .topTotal span { color: #e05e9e; } :where(.p-cart-page) .notEnoughArea { margin: 10px; } :where(.p-cart-page) .notEnoughArea hr { clear: none; border-top: 1px solid #d0d0d0; } :where(.p-cart-page) .notEnoughArea ul { float: none; } :where(.p-cart-page) .notEnoughArea ul li { display: block; float: none; } :where(.p-cart-page) .notEnoughArea .notEnoughBox { display: table-cell; vertical-align: middle; } :where(.p-cart-page) .notEnoughArea .notEnoughAlert { padding-left: 10px; }} /* * 商品詳細（旧 views/selection/productdetail/include.php。bxslider は旧 include どおり PC でも読む。 * pc_detail・sp_detail は .p-product-detail-page の中だけに効くよう :where() の接頭辞を付けたコピー（詳細度は変えない）。 * colorbox.css は読まない（colorbox は旧画面でも描画後の要素に結び付かず使われていなかった） */ @media screen and (min-width: 769px){ /** * BxSlider v4.1.2 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2014 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { margin-top: 2em; /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -10px; width: 100%; } #memberArea .bx-wrapper .bx-pager, #memberArea .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; display:none; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #fbe0e6; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #ff7fb8; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background:url(/assets/img/common/detail_arwl.png) no-repeat left top; background-size: 100% auto; } #memberArea .bx-wrapper .bx-prev { left: -24px; background:url(/assets/img/common/arrow_left.png) no-repeat left top; } .bx-wrapper .bx-next { right: 10px; background:url(/assets/img/common/detail_arwr.png) no-repeat left top; background-size: 100% auto; } #memberArea .bx-wrapper .bx-next { right: -33px; background:url(/assets/img/common/arrow_right.png) no-repeat left top; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: 0 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(/assets/css/images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(/assets/css/images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }} @media screen and (min-width: 769px){ /* * 旧 public/assets/css/pc_detail.css のコピー（PC 商品詳細）。url(../img/ は /assets/img/ に書き換えてある。 * 全画面で読み込むため、form select・.tab・.content li・.red などの汎用セレクタが他画面に当たらないよう、 * 商品詳細のラッパー .p-product-detail-page の中だけに効くようセレクタに :where(.p-product-detail-page) を付けている（宣言は旧ファイルのまま）。 * :where() は詳細度を増やさないので、他の CSS との優先順位は旧画面と変わらない。 * #colorbox・#cboxContent・#inline-content は旧 colorbox が body 直下に作る要素なので付けない（colorbox は使わない）。 */ /* ----------------------------------- PC　商品詳細スタイル　ver.1 pc_detail.css -----------------------------------*/ :where(.p-product-detail-page) #detailArea .rightBox { width: 44%; margin-bottom: 6em; } :where(.p-product-detail-page) #detailArea .link { color: #4b4b4b; text-decoration: underline; } :where(.p-product-detail-page) #detailArea h2 { font-size: 1.6em; color: #4b4b4b; background: #fff url(none); border: none; text-align: left; line-height: 1.6em; margin-top: 30px; clear: none; } :where(.p-product-detail-page) #detailArea .price { font-size: 26px; } :where(.p-product-detail-page) #detailArea .price span { font-size: 14px; } :where(.p-product-detail-page) #detailArea .rightBox .tblstyle { } :where(.p-product-detail-page) #detailArea .rightBox .tblstyle th, :where(.p-product-detail-page) #detailArea .leftBox .tblstyle th { background: #ededed; width: 33% !important; font-size: 12px; text-align:center; padding: .6em; border:1px solid #CCC !important; } :where(.p-product-detail-page) #detailArea .rightBox .tblstyle td, :where(.p-product-detail-page) #detailArea .leftBox .tblstyle td { width: 33% !important; font-size: 12px; text-align:center; border:1px solid #CCC !important; padding: .6em; } :where(.p-product-detail-page) form .wide { width: 100% !important; } :where(.p-product-detail-page) form .medium { width: 80%; } :where(.p-product-detail-page) form select { border-radius: 5px; border: 1px solid #4b4b4b; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff; padding: .6em; margin-bottom: 0.8em; background: url(/assets/img/common/arrow_down.png) no-repeat 98% center; background-size: 24px; } :where(.p-product-detail-page) .cartBtn a { background-image: linear-gradient(to right, #f857a6 0%, #ff5858 51%, #f857a6 100%); background-size: 200% auto; padding: 1em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 1em 0; text-align: center; color: #fff !important; width: 100%; display: inline-block; font-size: 25px; } :where(.p-product-detail-page) .favBtn a { background: #ffffff url(/assets/img/common/btn_fav.png) no-repeat 16% 48%; background-size:10%; border: 1px solid #464646; padding: .6em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 1em 0 0 0; text-align: center; color: #464646 !important; width: 100%; display: inline-block; font-size: 15px; float: left; width: 60%; } :where(.p-product-detail-page) .favBtnOn { background: #ededed url(/assets/img/common/btn_favon.png) no-repeat 16% 48%; background-size:10%; padding: 0.7em 0.6em 0.7em 2em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 1em 0 0 0; text-align: center; color: #464646 !important; width: 100%; display: inline-block; font-size: 14px; float: left; width: 60%; } :where(.p-product-detail-page) .btnShare a { background: #ffffff url(/assets/img/common/ico_share.png) no-repeat 16% 48%; background-size:14%; border: 1px solid #464646; padding: 0.7em 0.6em 0.7em 1.2em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 1em 0 0 2%; text-align: center; color: #464646 !important; width: 100%; display: inline-block; font-size: 14px; float: left; width: 38%; } :where(.p-product-detail-page) .tab { clear: both; list-style: none; margin: 0; padding: 0; line-height: 24px; position: relative; } :where(.p-product-detail-page) .tab:after { position: absolute; content: ""; width: 100%; bottom: 0; left: 0; border-bottom: 1px solid #AAA; z-index: 1; } :where(.p-product-detail-page) .tab:before { z-index: 1; } :where(.p-product-detail-page) .tab li { margin: 0 10px !important; padding: 1em 4em; border: 1px solid #AAA; background: #ffffff; display: inline-block; position: relative; z-index: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; } :where(.p-product-detail-page) .tab li.select { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.99, #fff), color-stop(0.00, #ededed)); background: -webkit-linear-gradient(top, #ededed 0%, #fff 99%); background: -moz-linear-gradient(top, #ededed 0%, #fff 99%); background: -o-linear-gradient(top, #ededed 0%, #fff 99%); background: -ms-linear-gradient(top, #ededed 0%, #fff 99%); background: linear-gradient(to bottom, #ededed 0%, #fff 99%); color: #000; z-index: 2; border-bottom-color: #FFF; } :where(.p-product-detail-page) .content li { background: #fff; padding: 1em 0; } :where(.p-product-detail-page) .content li p { margin-bottom: 1em; } :where(.p-product-detail-page) .hide { display: none; } /**/ :where(.p-product-detail-page) #detailArea02 { border: 1px solid #ededed; padding: 1em; overflow: hidden; margin-bottom: 6em; } :where(.p-product-detail-page) #detailArea02 .leftBox { width: 48%; float: left; clear:left; margin: 0 !important; } :where(.p-product-detail-page) #detailArea02 .rightBox { width: 48%; float: right; margin: 0 !important; } :where(.p-product-detail-page) #detailArea02 .detailImg { width: 30%; float: left; margin-right: .6em; } :where(.p-product-detail-page) #detailArea02 .price { margin-top: 1em; } :where(.p-product-detail-page) .mgT12 { margin-top: 1em; } /*予約商品のみ*/ :where(.p-product-detail-page) .topMessage { border: 1px solid #e05e9e; text-align: center; color: #e05e9e; margin: 1em 1em 0 1em; line-height: 1.8em; font-weight: bold; } :where(.p-product-detail-page) .topMessage .attentionIcon { height: 25px; vertical-align: middle; margin: 3px; } :where(.p-product-detail-page) .yoyakuInfo { border: 1px solid #d8263c; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 0.6em; float: left; margin-bottom: 1em; } :where(.p-product-detail-page) .yoyakuInfo .attention { background: url(/assets/img/common/ico_info.png) no-repeat left center; padding-left: 2.4em; font-size: 15px; line-height: 2.2em; color: #e05e9e; } :where(.p-product-detail-page) .yoyakuInfo li { margin-bottom: 0.2em !important; } :where(.p-product-detail-page) .yoyakuInfo span { color: #e05e9e; } :where(.p-product-detail-page) .image_wrap { position: relative; width: 500px; float: left; margin-bottom: 10em; } :where(.p-product-detail-page) .status { position: absolute; top: 400px; width: 100%; z-index: 800; } :where(.p-product-detail-page) .red { color: #d8263c; } :where(.p-product-detail-page) .textL { font-size: 24px; text-align: center; } #colorbox { width: 100% !important; } #cboxContent { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #inline-content { width: 90%; overflow: hidden; padding: 10px 0px 10px 10px; } :where(.p-product-detail-page) .snsList ul { overflow: hidden; margin-bottom: 1em; } :where(.p-product-detail-page) .snsList li { float: left; width: 33%; padding: 10px; text-align: center; } :where(.p-product-detail-page) .ttlShare { background: url(/assets/img/common/ico_share.png) no-repeat 8% top; background-size:10%; padding-left: 32px; color: #4b4b4b; font-size: 144%; margin: 1em 0; text-align: center; } #inline-content .btnSub { border: 1px solid #4b4b4b; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; clear: both; width: 100%; padding: 1em; color: #4b4b4b !important; display: block; text-align: center; } :where(.p-product-detail-page) .detailSlider { background: url(/assets/img/common/loading.gif) no-repeat center center; } :where(.p-product-detail-page) .loginTxt { clear:both; } :where(.p-product-detail-page) #detailArea .nekoposNote { display: flex; flex-direction: column; align-items: center; color: #4b4b4b; border: solid 1px #4b4b4b; padding: 5px 0; } :where(.p-product-detail-page) #detailArea .nekoposHelpLink { color: #4b4b4b !important; } :where(.p-product-detail-page) .deliveryTime { font-weight: bold; margin-top: 15px; font-size: 24px; color: #e05e9e; } :where(.p-product-detail-page) .releaseTime { font-size: 18px; color: #e05e9e; }} @media screen and (max-width: 769px){ /* * 旧 public/assets/css/sp_detail.css のコピー（SP 商品詳細）。url(../img/ は /assets/img/ に書き換えてある。 * 全画面で読み込むため、form select・.tab・.content li・.red などの汎用セレクタが他画面に当たらないよう、 * 商品詳細のラッパー .p-product-detail-page の中だけに効くようセレクタに :where(.p-product-detail-page) を付けている（宣言は旧ファイルのまま）。 * :where() は詳細度を増やさないので、他の CSS との優先順位は旧画面と変わらない。 * #colorbox・#cboxContent・#inline-content は旧 colorbox が body 直下に作る要素なので付けない（colorbox は使わない）。 */ /* ----------------------------------- スマホ　商品詳細スタイル　ver.1 sp_detail.css -----------------------------------*/ :where(.p-product-detail-page) #detailArea .link { color: #4b4b4b; text-decoration: underline; } :where(.p-product-detail-page) #detailArea h2 { font-size: 1.7em; color: #4b4b4b; background: #fff url(none); text-align: left; line-height: 1.6em; margin-top: 30px; clear: none; } :where(.p-product-detail-page) #detailArea .price { font-size: 18px; } :where(.p-product-detail-page) #detailArea .price span { font-size: 12px; } :where(.p-product-detail-page) #detailArea .rightBox .tblstyle { } :where(.p-product-detail-page) #detailArea .rightBox .tblstyle th, :where(.p-product-detail-page) #detailArea .leftBox .tblstyle th { background: #ededed; width: 33% !important; font-size: 12px; text-align:center; padding: .6em; border:1px solid #CCC !important; } :where(.p-product-detail-page) #detailArea .rightBox .tblstyle td, :where(.p-product-detail-page) #detailArea .leftBox .tblstyle td { width: 33% !important; font-size: 12px; text-align:center; border:1px solid #CCC !important; padding: .6em; } :where(.p-product-detail-page) form .wide { width: 100% !important; } :where(.p-product-detail-page) form .medium { width: 80%; } :where(.p-product-detail-page) form select { border-radius: 5px; border: 1px solid #4b4b4b; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff; padding: 1em; margin-bottom: 0.8em; background: url(/assets/img/common/arrow_down.png) no-repeat 98% center; background-size: 8% auto; } @media screen and (min-width:376px) and ( max-width:769px) { :where(.p-product-detail-page) form select { background-size: 4% auto; } } :where(.p-product-detail-page) .cartBtn a { background-image: linear-gradient(to right, #f857a6 0%, #ff5858 51%, #f857a6 100%); background-size: 200% auto; padding: 0.6em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 1em 0; text-align: center; color: #fff !important; width: 100%; display: inline-block; font-size: 25px; } @media screen and (min-width:376px) and ( max-width:769px) { :where(.p-product-detail-page) .cartBtn a { background: #d8263c; background-size: 6%; } } :where(.p-product-detail-page) .favBtn a { background: #ffffff url(/assets/img/common/btn_fav.png) no-repeat 5% center; background-size: 10%; border: 1px solid #464646; padding: .6em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 1em 0 0 0; text-align: center; color: #464646 !important; width: 100%; display: inline-block; font-size: 15px; float:left; width: 60%; } @media screen and (min-width:376px) and ( max-width:769px) { :where(.p-product-detail-page) .favBtn a { background: #ffffff url(/assets/img/common/btn_fav.png) no-repeat 30% center; background-size: 6%; } } :where(.p-product-detail-page) .favBtnOn { background: #ededed url(/assets/img/common/btn_favon.png) no-repeat 4% center; background-size: 10%; padding: 0.7em 0.6em 0.7em 2em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 1em 0 0 0; text-align: center; color: #464646 !important; width: 100%; display: inline-block; font-size: 14px; float:left; width: 60%; } @media screen and (min-width:376px) and ( max-width:769px) { :where(.p-product-detail-page) .favBtnOn { background: #ededed url(/assets/img/common/btn_favon.png) no-repeat 30% center; background-size: 6%; } } :where(.p-product-detail-page) .btnShare a { background: #ffffff url(/assets/img/common/ico_share.png) no-repeat 10% center; background-size: 14%; border: 1px solid #464646; padding: 0.7em 0.6em 0.7em 1.2em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 1em 0 0 2%; text-align: center; color: #464646 !important; width: 100%; display: inline-block; font-size: 14px; float:left; width: 38%; } @media screen and (min-width:376px) and ( max-width:769px) { :where(.p-product-detail-page) .btnShare a { background: #ffffff url(/assets/img/common/ico_share.png) no-repeat 30% center; background-size: 10%; } } /*.tab { overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #4b4b4b; margin-top: 1em; } .tab li { background: #fff; padding: .4em 0; text-align: center; float: left; width: 50%; margin-bottom: 0 !important; font-size: 12px; } .tab li.select { background: #4b4b4b; color: #fff; }*/ :where(.p-product-detail-page) .tab { clear: both; list-style: none; margin: 3em 0 0; padding: 0; line-height: 24px; position: relative; } :where(.p-product-detail-page) .tab:after { position: absolute; content: ""; width: 100%; bottom: 0; left: 0; border-bottom: 1px solid #AAA; z-index: 1; } :where(.p-product-detail-page) .tab:before { z-index: 1; } :where(.p-product-detail-page) .tab li { margin: 0 2px !important; padding: 1em 4em; border: 1px solid #AAA; background: #ffffff; display: inline-block; position: relative; font-size: 12px; z-index: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; } :where(.p-product-detail-page) .tab li.select { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.99, #fff), color-stop(0.00, #ededed)); background: -webkit-linear-gradient(top, #ededed 0%, #fff 99%); background: -moz-linear-gradient(top, #ededed 0%, #fff 99%); background: -o-linear-gradient(top, #ededed 0%, #fff 99%); background: -ms-linear-gradient(top, #ededed 0%, #fff 99%); background: linear-gradient(to bottom, #ededed 0%, #fff 99%); color: #000; z-index: 2; border-bottom-color: #FFF; } :where(.p-product-detail-page) .content li { background: #fff; padding: 1em 0; } :where(.p-product-detail-page) .content li p { margin-bottom: 1em; } :where(.p-product-detail-page) .hide { display: none; } /**/ :where(.p-product-detail-page) #detailArea02 .detailImg { width: 30%; float: left; margin-right: .6em; } :where(.p-product-detail-page) #detailArea02 .price { margin-top: 1em; margin-bottom: 2em; } :where(.p-product-detail-page) .mgT12 { margin-top: 1em; } /*予約商品のみ*/ :where(.p-product-detail-page) .topMessage { border: 1px solid #e05e9e; text-align: center; color: #e05e9e; margin: 1em 1em 0 1em; line-height: 1.8em; } :where(.p-product-detail-page) .topMessage .attentionIcon { height: 20px; vertical-align: middle; margin: 2px; } :where(.p-product-detail-page) .yoyakuInfo { border: 1px solid #e05e9e; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 0.6em; clear: left; margin-top: 1em; margin-bottom: 1em; } :where(.p-product-detail-page) .yoyakuInfo .attention { background: url(/assets/img/common/ico_info.png) no-repeat left center; background-size: 8% auto; padding-left: 1.8em; font-size: 15px; line-height: 1.8em; color: #e05e9e; } @media screen and (min-width:376px) and ( max-width:769px) { :where(.p-product-detail-page) .yoyakuInfo .attention { background-size: 4% auto; } } :where(.p-product-detail-page) .yoyakuInfo li { margin-bottom: 0.2em !important; } :where(.p-product-detail-page) .yoyakuInfo span { color: #e05e9e; } :where(.p-product-detail-page) .image_wrap { position:relative; } :where(.p-product-detail-page) .status { position:absolute; bottom:10px; width: 100%; z-index:800; } :where(.p-product-detail-page) .red { color: #e05e9e; } :where(.p-product-detail-page) .textL { font-size: 24px; text-align:center; } #colorbox { width: 100% !important; } #cboxContent { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #inline-content { width: 94%; overflow: hidden; padding: 10px 0px 10px 10px; } :where(.p-product-detail-page) .snsList ul { overflow: hidden; margin-bottom:1em; } :where(.p-product-detail-page) .snsList li { float: left; width:33%; padding: 10px; text-align:center; } :where(.p-product-detail-page) .ttlShare { background:url(/assets/img/common/ico_share.png) no-repeat 16% top; background-size: 7%; padding-left: 40px; color: #4b4b4b; font-size: 144%; margin:1em 0; text-align:center; } #inline-content .btnSub { border: 1px solid #4b4b4b; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; clear:both; width: 100%; padding: 1em; color: #4b4b4b !important; display: block; text-align:center; } :where(.p-product-detail-page) .detailSlider { background:url(/assets/img/common/loading.gif) no-repeat center center; } :where(.p-product-detail-page) .loginTxt { clear: both; } :where(.p-product-detail-page) #detailArea .rightBox { width: 100%;} :where(.p-product-detail-page) #detailArea .nekoposNote { display: flex; flex-direction: column; align-items: center; color: #4b4b4b; border: solid 1px #4b4b4b; padding: 5px 0; } :where(.p-product-detail-page) #detailArea .nekoposHelpLink { color: #4b4b4b !important; } :where(.p-product-detail-page) .deliveryTime { font-weight: bold; margin-top: 10px; font-size: 20px; color: #e05e9e; } :where(.p-product-detail-page) .releaseTime { font-size: 12px; color: #d8263c; margin-top: 20px; } :where(.p-product-detail-page) #releaseTimeRight + h2 { margin-top: 0px; } :where(.p-product-detail-page) #releaseTimeDataArea + h2 { margin-top: 0px; }} /* * マイページ（旧 views/mypage/* の include.php。pc_cart・sp_cart の後に読む）。 * pc_mypage・sp_mypage は .totalBox・.price・.cartinContents などがカートの同名の規則を上書きするため、マイページのラッパー * .p-mypage の中だけに効くよう接頭辞を付けたコピー。nouhinsho_style は旧 views/mypage/shippingslipdetail/include.php だけが * 読んでいた全要素に効く CSS（* { margin: 0 } など）のため、WEB 納品書のラッパー .p-nouhinsho の中だけに効くよう接頭辞を付けたコピー */ @media screen and (min-width: 769px){ /* * 旧 public/assets/css/pc_mypage.css のコピー。宣言は旧ファイルのまま（url は ../img/ → /assets/img/ に書き換え。 * #sortArea select の、ブラウザが読み捨てていた不正な 2 行だけを消した）。 * em・.left・.right・.price・.totalBox・.cartinContents など汎用のセレクタがカート（pc_cart・sp_cart）の同名の規則を上書きするため、 * 旧 include でこの CSS を読んでいたマイページの画面のラッパー .p-mypage（とマイページのモーダルの windowClass）の中だけに効くよう * セレクタに接頭辞を付けている。 */ /* ----------------------------------- マイページ　スタイル pcs_mypage.scss -----------------------------------*/ .p-mypage #mypageArea .name { font-size: 14px; padding: 0 0 1em 0; float: none; } .p-mypage h3.toggleBtn { border: 1px solid #ccc; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ededed), color-stop(0.00, #fff)); background: -webkit-linear-gradient(#fff, #ededed); background: -moz-linear-gradient(#fff, #ededed); background: -o-linear-gradient(#fff, #ededed); background: -ms-linear-gradient(#fff, #ededed); background: linear-gradient(#fff, #ededed); padding-left: 1em !important; margin-top: 1em !important; cursor: pointer; display: block; position: relative; border-bottom: 1px solid #ccc; padding: 11px 25px 11px 11px; color: #000; font-weight: bold; text-decoration: none; } .p-mypage .toggleBtn:after { display: block; position: absolute; top: 50%; right: 15px; width: 14px; height: 14px; margin-top: -8px; border-top: solid 5px #7f7f7f; border-right: solid 5px #7f7f7f; -webkit-transform: rotate(135deg); transform: rotate(135deg); content: ""; } .p-mypage .btnStyle a { border: 1px solid #ccc; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ededed), color-stop(0.00, #fff)); background: -webkit-linear-gradient(#fff, #ededed); background: -moz-linear-gradient(#fff, #ededed); background: -o-linear-gradient(#fff, #ededed); background: -ms-linear-gradient(#fff, #ededed); background: linear-gradient(#fff, #ededed); padding-left: 1em !important; cursor: pointer; display: block; position: relative; border-bottom: 1px solid #ccc; padding: 14px 25px 14px 11px; color: #000; font-weight: bold; text-decoration: none; } .p-mypage .btnStyle a:after { display: block; position: absolute; top: 50%; right: 15px; width: 14px; height: 14px; margin-top: -8px; border-top: solid 5px #7f7f7f; border-right: solid 5px #7f7f7f; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; } .p-mypage h3.btnStyle { margin: 0 0 1em 0 !important; padding: 0 !important; } .p-mypage .inner_cont { display: none; } .p-mypage .formBox .inBox:first-child { border-top: none; } .p-mypage .formBox .inBox { border-top: 1px solid #fff; border-bottom: 1px solid #ededed; padding: .8em; } .p-mypage .form_area p:first-child { margin-bottom: 0.5em; } .p-mypage em { font-weight: bold; } .p-mypage .inBox { padding: 10px; border-bottom: 1px solid #ededed; } .p-mypage .formBox .inBox:first-child { border-top: none; } .p-mypage .form_area p:first-child { margin-bottom: 0.5em; } .p-mypage .inBox span { display: inline-block; margin-bottom: 0.4em; } .p-mypage .btnDetail { background: #4b4b4b; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; margin: 0 auto; text-align: center; } .p-mypage .btnDetail a { padding: .6em 1em; color: #fff !important; display: block; text-decoration: none; background: #e05e9e; } .p-mypage .inner_cont .btn_area { font-size: 78.5%; } .p-mypage .information { font-size: 12px; padding: 16px 10px 0 10px; border-bottom: 0; font-weight: bold; } .p-mypage .favoriteBox { padding: 10px; border-bottom: 1px solid #ededed; clear: both; position: relative; overflow: hidden; } .p-mypage .photoL { float: left; clear: left; } .p-mypage .favoriteContents { width: 85%; float: right; display: block; position: relative; } .p-mypage #sortArea { padding: .8em; margin-bottom: 1em } .p-mypage #sortArea strong { font-weight: bold; } .p-mypage #sortArea select { -webkit-appearance: button; -moz-appearance: button; appearance: button; text-indent: 1em; background:#fff url(/assets/img/common/select_arrow.png) no-repeat; /* * 旧ファイルはここに「url(../img/top/news_ico_nmb.png)」だけの行があり、ブラウザは次の background-size までを * 1 つの不正な宣言として読み捨てていた。PostCSS が構文エラーにするため、読み捨てられていた 2 行を消した（見た目は変わらない） */ background-position: right center; height: 40px; line-height: 40px; font-size: 15px; vertical-align: middle; border:1px solid #CCC; margin-bottom:5px; width: 100%; } @-moz-document url-prefix() { /* for firefox */ .p-mypage .content select { background:none; background-color: #FFF; } } .p-mypage #historyBox { background: #f9f9f9; padding: 10px 10px 5px; margin-bottom: 10px; } .p-mypage .cartinarea { padding: 10px; } .p-mypage .cartinarea { padding-bottom: 0 !important; border-bottom: none; } .p-mypage .total_area { background: #F0F0F0; padding: 10px; text-align: right; background: #F7F5F0; border-top: #FFF solid 1px; } .p-mypage .cartinarea .cartinContents { width: 68%; float: right; display: block; position: relative; } .p-mypage .cartinContents ul { float: right; clear: both; line-height: 1.1; } .p-mypage .cartinContents ul li { display: inline; float: left; margin-left: 2em; } .p-mypage .cartinarea .item:last-child { margin-bottom: 0px; border-bottom: none !important; } .p-mypage .gekijyouDetail { padding: 10px 10px 10px 10px; } .p-mypage .favoriteContents .btn_delete { padding: 1px; right: 0; float: right; position: absolute; text-align: center; font-size: 72.5%; top: 0; } .p-mypage .favoriteContents h4 { margin-right: 30px; } .p-mypage #inline-content { width: 96%; overflow: hidden; padding: 10px 0px 10px 10px; } .p-mypage #inline-content h3 { background: #FF7FB8; color: #ffffff; text-align: center; } .p-mypage #inline-content h4 { border-bottom: 1px solid #ccc; padding-bottom: 1em; } .p-mypage .tblstyle02 th { border: 1px solid #ccc; background: #EDEDED; font-weight: bold; text-align: center; width: 25%; padding: 8px; } .p-mypage .tblstyle02 td { border: 1px solid #ccc; text-align: center; width: 25%; padding: 8px; } .p-mypage .tblstyle02 .bg { background-color: #FDECF4; } .p-mypage .fukidasi_top { background-color: #f0529a; border-radius: 6px; position: relative; padding: 8px; color: #fff; display: inline-block; } .p-mypage .fukidasi_top:after { border: 10px solid transparent; border-bottom-color: #f0529a; border-top-width: 0; width: 0; top: -10px; content: ""; display: block; left: 30px; position: absolute; } .p-mypage .fs14 { font-size: 125%; } .p-mypage .table { border: 1px solid #ccc; margin-top: 1em; } .p-mypage .cell { border-bottom: 1px solid #ccc; padding: 1em; } .p-mypage .cell:last-child { border-bottom: none; } .p-mypage .bannerBtnList { margin: 1em 0; } .p-mypage .bannerBtnList li { width: 48%; display: inline-block; margin: 1%; } .p-mypage .bannerBtnList li:nth-child(2) { margin-right: 0; } .p-mypage .bannerBtnList li img { width: 100%; } .p-mypage .colPink { color: #F14194; } .p-mypage .fs11 { font-size: 11px; } .p-mypage #sortArea { clear: both; } .p-mypage #sortArea ul li { } .p-mypage .mypage_pagenavi li { display: inline; } .p-mypage .entry_id a { color: #0031FF !important; } .p-mypage .inBox .btn_next a { background: #d8263c; color: #fff !important; display: block; padding: 6px; line-height: 144%; text-decoration: none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .p-mypage .detailBox { padding: .6em; border-bottom: 1px solid #dfdfdf; } .p-mypage .detailBox.bgPink { background: #FDECF4; } .p-mypage .detailBox .order_id { font-weight: bold; } .p-mypage .detailBox li { display: inline; } .p-mypage .detailBox .subtotal { border-top: 1px dotted #dfdfdf; text-align: right; } .p-mypage .totalBox { padding: 10px; text-align: right; background: #F7F5F0; border-top: #FFF solid 1px; clear: both; } .p-mypage .price { color: #d8263c; font-weight: bold; font-size: 144%; } .p-mypage .block { display: block; } .p-mypage .left { float: left; } .p-mypage .right { float: right; } .p-mypage .more_button a { display: inline-block; padding: 0.6em 1em; text-align: center; border-radius: 5px; moz-border-radius: 5px; webkit-border-radius: 5px; border: 1px solid #b8b8b8; background: #fff; margin-bottom: 15px; } /* 20161213 ------------------------*/ .p-mypage #nouhinArea dl { margin-top: 2em; } .p-mypage #nouhinArea dl dt { width: 150px; float: left; line-height: 3.6em; } .p-mypage #nouhinArea dl dd input { width: 400px; } .p-mypage .nekoposHelpLink { display: block; margin-top: 1rem; } /* シリアルコード一覧表示 */ .p-mypage .serial-codes-section { margin-top: 1em; } .p-mypage .serial-codes-container { display: flex; column-gap: 0.6em; flex-wrap: wrap; } .p-mypage .serial-code-item { flex: 0 0 calc(50% - 0.6em); border: 1px solid #ccc; padding: 0.8em 2.2em 0.8em 0.8em; text-align: center; border-radius: 3px; margin-bottom: 0.4em; min-width: auto; display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; } .p-mypage .serial-code-text { display: block; margin-bottom: 0; word-break: break-all; font-size: 1.2em; } .p-mypage .serial-code-item:after { background: url(/assets/img/common/text_copy.png) no-repeat; background-size: contain; background-position: right center; content: ""; height: 80%; width: 10em; position: absolute; top: 50%; transform: translateY(-50%); right: 1em; pointer-events: none; } .p-mypage .serial-code-item:hover { opacity: 0.75; } .p-mypage .serial-code-item.copied:after { opacity: 0.4; } .p-mypage .serial-code-item.copied { opacity: 1; }} @media screen and (max-width: 769px){ /* * 旧 public/assets/css/sp_mypage.css のコピー。宣言は旧ファイルのまま（url は ../img/ → /assets/img/ に書き換え）。 * em・.left・.right・.price・.totalBox・.cartinContents など汎用のセレクタがカート（pc_cart・sp_cart）の同名の規則を上書きするため、 * 旧 include でこの CSS を読んでいたマイページの画面のラッパー .p-mypage（とマイページのモーダルの windowClass）の中だけに効くよう * セレクタに接頭辞を付けている。 */ /* ----------------------------------- マイページ　スタイル sp_mypage.scss -----------------------------------*/ .p-mypage .accordion { border-top: 1px solid #ccc; } .p-mypage .accordion .toggleBtn { border-bottom: 1px solid #ccc; margin: 0 !important; border-left: 0; padding: 1.2em; } .p-mypage .toggleBtn { background: #fcfcfc; background: -moz-linear-gradient(top, #fcfcfc 0%, #f7f7f7 70%); background: -webkit-linear-gradient(top, #fcfcfc 0%, #f7f7f7 70%); background: linear-gradient(to bottom, #fcfcfc 0%, #f7f7f7 70%); border-top: 2px solid #ffffff; border-bottom: 2px solid #eaeaea; padding: 0.8em 0 0.8em 0.8em; cursor: pointer; display: block; text-align: left; cursor: pointer; margin-bottom: 0; position: relative; font-size: 122%; } .p-mypage .toggleBtn div:after { position: absolute; top: 24%; right: 3%; display: block; content: ""; width: 15px; height: 15px; border-bottom: 5px solid #ccc; border-right: 5px solid #ccc; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .p-mypage .inner_cont { display: none; font-size: 125%; } .p-mypage h3.btnStyle { border-left: none; padding: 0; margin: 0; border-bottom: 1px solid #ccc; } .p-mypage h3.btnStyle a { background: #fcfcfc; background: -moz-linear-gradient(top, #fcfcfc 0%, #f7f7f7 70%); background: -webkit-linear-gradient(top, #fcfcfc 0%, #f7f7f7 70%); background: linear-gradient(to bottom, #fcfcfc 0%, #f7f7f7 70%); border-top: 2px solid #ffffff; position: relative; cursor: pointer; display: block !important; text-align: left; padding: 1.1em; position: relative; font-size: 82.5%; } .p-mypage .btnStyle a:after { position: absolute; top: 34.4%; right: 5%; display: block; content: ""; width: 15px; height: 15px; border-top: 5px solid #ccc; border-right: 5px solid #ccc; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .p-mypage .formBox .inBox:first-child { border-top: none; } .p-mypage .formBox .inBox { border-top: 1px solid #fff; border-bottom: 1px solid #ededed; padding: .8em; } .p-mypage .form_area p:first-child { margin-bottom: 0.5em; } .p-mypage em { font-weight: bold; } .p-mypage .inBox { padding: 10px; border-bottom: 1px solid #ededed; } .p-mypage .formBox .inBox:first-child { border-top: none; } .p-mypage .form_area p:first-child { margin-bottom: 0.5em; } .p-mypage .inBox span { display: inline-block; margin-bottom: 0.4em; } .p-mypage .btnDetail { background: #e05e9e; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; margin: 0 auto; text-align: center; margin-top: 1em; } .p-mypage .btnDetail a { padding: .6em 1em; color: #fff !important; display: block; text-decoration: none; } .p-mypage .inner_cont .btn_area { font-size: 78.5%; } .p-mypage .information { font-size: 12px; padding: 16px 10px 0 10px; border-bottom: 0; font-weight: bold; } .p-mypage .favoriteBox { padding: 10px; border-bottom: 1px solid #ededed; clear: both; position: relative; overflow: hidden; } .p-mypage .photoL { float: left; clear: left; } .p-mypage .favoriteContents { width: 65%; float: right; display: block; position: relative; } .p-mypage #sortArea { padding: .8em; margin-bottom: 1em } .p-mypage #sortArea strong { font-weight: bold; } .p-mypage #sortArea select { -webkit-appearance: button; -moz-appearance: button; appearance: button; text-indent: 1em; background:#fff url(/assets/img/common/select_arrow_sp.png) no-repeat; background-size:40px auto; background-position: right center; height: 40px; line-height: 40px; font-size: 15px; vertical-align: middle; border:1px solid #CCC; margin-bottom:5px; width: 100%; /* ↓矢印画像が文字と被ってしまうため取り急ぎ paddingで対応した */ padding-right: 15%; } @-moz-document url-prefix() { /* for firefox */ .p-mypage .content select { background:none; background-color: #FFF; } } .p-mypage #historyBox { background: #f9f9f9; padding: 10px 10px 5px; margin-bottom: 10px; } .p-mypage .cartinarea { padding: 10px; } .p-mypage .cartinarea { padding-bottom: 0 !important; border-bottom: none; } .p-mypage .total_area { background: #F0F0F0; padding: 10px; text-align: right; background: #F7F5F0; border-top: #FFF solid 1px; } .p-mypage .cartinarea .cartinContents { width: 68%; float: right; display: block; position: relative; } .p-mypage .cartinContents ul { float: right; clear: both; line-height: 1.1; } .p-mypage .cartinContents ul li { display: inline; float: left; margin-left: 2em; } .p-mypage .cartinarea .item:last-child { margin-bottom: 0px; border-bottom: none !important; } .p-mypage .gekijyouDetail { padding: 10px 10px 10px 10px; } .p-mypage .favoriteContents .btn_delete { padding: 1px; right: 0; float: right; position: absolute; text-align: center; font-size: 72.5%; top: 0; } .p-mypage .favoriteContents h4 { margin-right: 30px; } .p-mypage #inline-content { width: 96%; overflow: hidden; padding: 10px 0px 10px 10px; } .p-mypage #inline-content h3 { background: #ff7fb8; color: #ffffff; text-align: center; } .p-mypage #inline-content h4 { border-bottom: 1px solid #ccc; padding-bottom: 1em; } .p-mypage .tblstyle02 th { border: 1px solid #ccc; background: #EDEDED; font-weight: bold; text-align: center; width: 25%; padding: 8px; } .p-mypage .tblstyle02 td { border: 1px solid #ccc; text-align: center; width: 25%; padding: 8px; } .p-mypage .tblstyle02 .bg { background-color: #FDECF4; } .p-mypage .fukidasi_top { width: 100%; background-color: #f0529a; border-radius: 6px; position: relative; padding: 8px; color: #fff; } .p-mypage .fukidasi_top:after { border: 10px solid transparent; border-bottom-color: #f0529a; border-top-width: 0; width: 0; top: -10px; content: ""; display: block; left: 30px; position: absolute; } .p-mypage .fs14 { font-size: 125%; } .p-mypage .table { border: 1px solid #ccc; margin-top: 1em; } .p-mypage .cell { border-bottom: 1px solid #ccc; padding: 1em; } .p-mypage .cell:last-child { border-bottom: none; } .p-mypage .bannerBtnList { margin: 1em 0 0; } .p-mypage .bannerBtnList li { margin-bottom: 1em; } .p-mypage .mypage_pagenavi li { display: inline; } .p-mypage .entry_id a { color: #0031FF !important; } .p-mypage .inBox .btn_next a { background: #d8263c; color: #fff !important; display: block; padding: 6px; line-height: 144%; text-decoration: none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .p-mypage .detailBox { padding: .6em; } .p-mypage .detailBox.bgPink { background: #FDECF4; } .p-mypage .detailBox .order_id { font-weight: bold; } .p-mypage .detailBox li { display: inline; } .p-mypage .detailBox .subtotal { border-top: 1px dotted #dfdfdf; text-align: right; } .p-mypage .totalBox { padding: 10px; text-align: right; background: #F7F5F0; border-top: #FFF solid 1px; clear: both; } .p-mypage .price { color: #d8263c; font-weight: bold; font-size: 144%; } .p-mypage .more_button a { display: block; padding: 0.6em 1em; text-align: center; border-radius: 5px; moz-border-radius: 5px; webkit-border-radius: 5px; border: 1px solid #b8b8b8; background: #fff; margin: 1em 0; } /* 20161213 ------------------------*/ .p-mypage .mgT20 { margin-top: 20px; } .p-mypage #nouhinArea dl { margin-top: 2em; } .p-mypage #nouhinArea dl dd input { width: 100%; } .p-mypage .nekoposHelpLink { display: block; margin-top: 1rem; } /* シリアルコード一覧表示 */ .p-mypage .serial-codes-section { margin-top: 1em; } .p-mypage .serial-codes-container { display: flex; column-gap: 0.6em; flex-wrap: wrap; } .p-mypage .serial-code-item { flex: 0 0 100%; border: 1px solid #ccc; padding: 0.8em 2.2em 0.8em 0.8em; text-align: center; border-radius: 3px; margin-bottom: 0.4em; min-width: auto; display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; } .p-mypage .serial-code-text { display: block; margin-bottom: 0; word-break: break-all; font-size: 1.2em; } .p-mypage .serial-code-item:after { background: url(/assets/img/common/text_copy.png) no-repeat; background-size: contain; background-position: right center; content: ""; height: 80%; width: 10em; position: absolute; top: 50%; transform: translateY(-50%); right: 1em; pointer-events: none; } .p-mypage .serial-code-item:hover { opacity: 0.75; } .p-mypage .serial-code-item.copied:after { opacity: 0.4; } .p-mypage .serial-code-item.copied { opacity: 1; }} /* * 旧 public/assets/css/nouhinsho_style.css のコピー。宣言は旧ファイルのまま。 * 旧 views/mypage/shippingslipdetail/include.php だけが読んでいた、全要素に効く CSS（* { margin: 0 } など）のため、 * WEB 納品書（/mypage/slip-detail）のラッパー .p-nouhinsho の中だけに効くようセレクタに接頭辞を付けている。 */ .p-nouhinsho, .p-nouhinsho * { margin: 0; padding: 0; font-size: small; list-style-type: none; line-height: 1.6em; } .p-nouhinsho .wrap { width: 90%; margin: 1em auto; } .p-nouhinsho h1 { text-align: center; font-size: large; } .p-nouhinsho .pager { text-align: right; } .p-nouhinsho .product { font-size: medium; } .p-nouhinsho .address { margin: 2em 0; } .p-nouhinsho .address dt { font-size: medium; } .p-nouhinsho ul { width: 50%; margin-bottom: 2em; overflow: hidden; } .p-nouhinsho li { width: 50%; float: left; } .p-nouhinsho table, .p-nouhinsho th, .p-nouhinsho td { border: 2px solid #000; border-collapse: collapse; } .p-nouhinsho th, .p-nouhinsho td { padding: 4px; } .p-nouhinsho th { background: #efefef; } .p-nouhinsho .text { margin: 2em 0; } .p-nouhinsho .text p { margin-top: 1em; } .p-nouhinsho .left { width: 50%; float: left; } .p-nouhinsho .right { min-width: 50%; float: right; text-align: right; } /* 他の CSS に影響されたくない全体最終適用 CSS */ @media screen and (min-width: 960px){ /* ----------------------------------- PC　ログインスタイル　ver.1 pc_login.css -----------------------------------*/ *{ margin: 0; padding:0; list-style-type:none; } #loginArea h2 { background: #ff7fb8; color: #ffffff; text-align: center; } #loginArea form { margin: 0; padding: 0; } #loginArea input { border: 1px solid #dfdfdf; font-size: 14px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 8px; margin: 5px 0; } #loginArea .loginTopArea { padding: 10px; } #loginArea .attention { color: #e05e9e; } #loginArea .btnArea { text-align: center; padding: 3em 0; margin-top: 3em; border-top: 1px solid #ededed; } #loginArea .btnArea li { display: inline-block; padding: 0 1em; } #loginArea .wide { width: 100%; } #loginArea .half { width: 48%; } #loginArea .short { width: 28%; } #loginArea .memory label { width: 100%; padding: 8px; font-size: 125%; background: #f9f9f9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 5px 0; } #loginArea .arrowRtxt { display: inline; clear: both; margin: 5px auto; padding-right: 15px; background: url(/assets/img/common/ico_arrowR.png) right center no-repeat; } #loginArea .textLink { text-align: center; padding: .8em; } #loginArea .btn_area input.button { padding: 1em 6em !important; background: #e05e9e; color: #fff; padding: 1em 0; } #loginArea .loginBtmArea { background: #fbe0e6; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #loginArea .txtArea { background: #fff; padding: 10px; margin-top: 10px; } h3 { border-left-color: #4b4b4b; } #loginArea .btnGray a { padding: 1em 6em; display: inline-block; background: #ffffff; border: 1px solid #ABABAB; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #loginArea .btn_area { text-align: center; } #loginArea .btn_area ul { margin: 1em auto; } #loginArea .btn_area ul li { padding-right: 10px; display: inline-block; } #loginArea .btnWhite { margin: 10px 0; } #loginArea .btnWhite a { padding: 1em 6em; width: auto; display: inline-block; background: #ffffff url(/assets/img/common/ico_arrowR.png) 98% center no-repeat; border: 1px solid #ABABAB; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; } #loginArea .btnSub { margin: 10px 0 0 12em; padding: 1em 6em; font-size: 15px; display: inline-block; background: #ffffff; text-align: center; border: 1px solid #ABABAB; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight: bold; } .login-close{ position:absolute; display:inline-block; transform: scale(1); top:-20px; right:-15px; background-color: #4b4b4b; border-radius: 36px; box-shadow: 1px 1px 5px rgba(0,0,0,1); border: 3px solid #999; height: 36px; width: 36px; } .login-close:before,.login-close:after{ position:absolute; display:inline-block; content: ''; width: 4px; height: 25px; -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); background-color: white; top: 3px; left: 13px; } .login-close:after{ -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .login-close:hover{ background-color: #0a0a0a; }} @media screen and (max-width: 960px){ /* ----------------------------------- SP　ログインスタイル　ver.1 sp_login.css -----------------------------------*/ *{ margin: 0; padding:0; list-style-type:none; } #loginArea { font-size:12px; } #loginArea h2 { background: #ff7fb8; font-size: 18px; color: #fff !important; text-align: center; line-height: 1.2em; margin: 0; padding: .5em 0; } #loginArea form { margin: 0; padding: 0; } #loginArea input { border: 1px solid #dfdfdf; font-size: 14px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 8px; margin: 5px 0; } #loginArea .loginTopArea { padding: 10px; } #loginArea .attention { color: #e05e9e; } #loginArea .btnArea { text-align: center; padding: .6em; border-top: 1px solid #ededed; } #loginArea .wide { width: 100%; } #loginArea .half { width: 48%; } #loginArea .short { width: 28%; } #loginArea .memory label { width: 100%; padding: 8px; font-size: 125%; background: #f9f9f9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 5px 0; } #loginArea .arrowRtxt { display: inline; clear: both; margin: 5px auto; padding-right: 15px; background: url(/assets/img/common/ico_arrowR.png) right center no-repeat; } #loginArea .textLink { text-align: center; padding: .8em; } #loginArea .btn_area input.button { width: 100%; background: #e05e9e; color: #fff; font-size: 144%; padding: 1em 0; } #loginArea .loginBtmArea { background: #fbe0e6; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #loginArea .txtArea { background: #fff; padding: 10px; margin-top: 10px; font-size: 125%; line-height: 1.6em; } #loginArea h3 { border-left-color: #fbe0e6 !important; border-left: 5px solid; padding-left: .6em; padding-top: .2em; padding-bottom: .2em; font-size: 144%; line-height: 1.6em; font-weight: bold; } #loginArea .btnGray { margin: 10px 0; } #loginArea .btnGray a { width: 100%; padding: .6em; font-size: 125%; display: block; background: #ffffff; border: 1px solid #ABABAB; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #loginArea .btnWhite { margin: 10px 0; } #loginArea .btnWhite a { width: 100%; padding: 1em; font-size: 144%; display: block; background: #ffffff url(/assets/img/common/ico_arrowR.png) 98% center no-repeat; border: 1px solid #ABABAB; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; } #loginArea .btnSub { margin: 10px 0; width: 100%; padding: .6em 1em; font-size: 15px; display: block; background: #ffffff; text-align: center; border: 1px solid #ABABAB; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight: bold; } .login-close{ position:absolute; display:inline-block; transform: scale(1); top:-12px; right:-10px; background-color: #4b4b4b; border-radius: 36px; box-shadow: 1px 1px 5px rgba(0,0,0,1); border: 3px solid #999; height: 36px; width: 36px; } .login-close:before,.login-close:after{ position:absolute; display:inline-block; content: ''; width: 4px; height: 25px; -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); background-color: white; top: 3px; left: 13px; } .login-close:after{ -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }} @media screen and (min-width: 960px){ .modal-content #sb-site { width: 100%; }} /*! jQuery UI - v1.10.2 - 2013-03-14 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2013 jQuery Foundation and other contributors Licensed MIT */.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month-year{width:100%}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:21px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:0}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:400}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:400;margin:-1px}.ui-menu .ui-state-disabled{font-weight:400;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url(/assets/css/images/animated-overlay.gif);height:100%;filter:alpha(opacity=25);opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:0;background:0;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:0;border-bottom:0;border-right:0}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav li a{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a{cursor:text}.ui-tabs .ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:0}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:#fff url(/assets/css/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url(/assets/css/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url(/assets/css/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada url(/assets/css/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url(/assets/css/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(/assets/css/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(/assets/css/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(/assets/css/images/ui-icons_222222_256x240.png)}.ui-widget-header .ui-icon{background-image:url(/assets/css/images/ui-icons_222222_256x240.png)}.ui-state-default .ui-icon{background-image:url(/assets/css/images/ui-icons_888888_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(/assets/css/images/ui-icons_454545_256x240.png)}.ui-state-active .ui-icon{background-image:url(/assets/css/images/ui-icons_454545_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(/assets/css/images/ui-icons_2e83ff_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(/assets/css/images/ui-icons_cd0a0a_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa url(/assets/css/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(/assets/css/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px}/** * variableの値を取得する * * $namespace map * $key string * $breakpoint string -- sp, tablet, pc のいずれか */ html { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: calc(1em * .625); } body { font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; } *, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; } a { color: #2b70ba; } a:hover, a:active, a:focus { text-decoration: underline; color: #5997d9; } img { max-width: 100%; height: auto; vertical-align: middle; } ::-moz-selection { background: #f9f6f0; } ::selection { background: #f9f6f0; } .l-contents { margin-top: 5.8rem; } .l-header { top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; width: 100%; height: 5.8rem; z-index: 201; } .l-header__img { height: 4.8rem; } .l-header__logo { z-index: 5; margin-left: auto; margin-right: auto; } .l-header__nav { position: absolute; top: 0; height: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .l-header__nav--sns { left: 0; margin-left: 1.6rem; } .l-header__nav--category { left: 23rem; } .l-header__nav--cart { right: 1.2rem; z-index: 5; } .l-header__nav--cart__icon { height: 2.8rem; } .l-header__nav--auth { right: 6.2rem; z-index: 5; } .l-header__nav--auth__icon { height: 2.8rem; } .l-header__nav--serch { right: 13.2rem; } .l-header__nav--serch__box { position: relative; background-color: #fff; border: 1px solid #aaa; border-radius: 6px; } @media screen and (max-width: 600px) { .l-header__nav--serch__box { opacity: 0; pointer-events: none; cursor: default; } } .l-header__nav--serch__box dt { margin-right: 40px; padding: 2px 0 2px 2px; } .l-header__nav--serch__box dt input { width: 100%; height: 24px; line-height: 24px; background: none; border: none; margin: 0; padding: 0; } .l-header__nav--serch__box dd { position: absolute; top: 0; right: 0; } .l-header__nav--serch__box dd button { display: block; padding: 4px; background: none; border: none; } .l-header__nav--serch__box dd button span { display: block; width: 20px; height: 20px; background: url("/assets/img/icon/icon_serch.png") no-repeat scroll -69px 0; } .l-header__nav--menu { margin-left: 1.2rem; margin-right: 1.6rem; z-index: 5; } .l-header__nav--menu__icon { height: 2.8rem; } .c-accordion { border: solid 0.2rem #c4c4c4; } .c-accordion > * { background-color: #ffffff; } .c-accordion__title { text-align: left; position: relative; font-size: 1.5rem; padding: 1rem 4rem 1rem 4.5rem; } .c-accordion__title:not(:first-child) { border-top: solid 0.2rem #c4c4c4; } .c-accordion__title:after { position: absolute; top: calc(50% - 3rem / 2); left: 0.5rem; width: 3rem; height: 3rem; content: ""; background: url("/assets/img/faq/icon_q.png") center/3rem no-repeat; } .c-accordion__title:before { display: block; position: absolute; bottom: calc(50% - 2.12132rem / 4); right: 1.5rem; width: 1.5rem; height: 1.5rem; border-bottom: solid 0.3rem #4b4b4b; border-right: solid 0.3rem #4b4b4b; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; } .c-accordion__title.open:before { -webkit-transform: rotate(225deg); transform: rotate(225deg); top: calc(50% - 2.12132rem / 4); } .c-accordion__description { line-height: 2.5rem; text-align: left; position: relative; display: none; font-size: 1.5rem; padding: 1rem 1rem 1rem 4.5rem; } .c-accordion__description:after { position: absolute; top: calc(50% - 3rem / 2); left: 0.5rem; width: 3rem; height: 3rem; content: ""; background: url("/assets/img/faq/icon_a.png") center/3rem no-repeat; } @media screen and (max-width: 600px) { .c-banner-slider { padding-bottom: 0.16rem; } } @media screen and (min-width: 601px) and (max-width: 960px) { .c-banner-slider { padding-bottom: 0.8rem; } } @media screen and (min-width: 961px) { .c-banner-slider { padding-bottom: 0.8rem; } } @media screen and (max-width: 600px) { .c-banner-slider { background-color: #f9dff2; } } .c-banner-slider__slider { width: 100%; padding: 0; } .c-banner-slider .slick-slide, .c-banner-slider .slick-slide * { outline: none; } .c-banner-slider .slick-slide { margin-left: 0.8rem; } .c-banner-slider .slick-list { margin-left: -0.8rem; } .c-banner-slider .slick-prev, .c-banner-slider .slick-next { z-index: 2; width: 3.2rem; height: 3.2rem; border-radius: 50%; background: #212928; } .c-banner-slider .slick-prev:after, .c-banner-slider .slick-next:after { position: absolute; content: ''; top: calc(50% - 0.56569rem); width: 1.13137rem; height: 1.13137rem; border-top: 1px solid #ff7fb8; border-right: 1px solid #ff7fb8; } @media screen and (max-width: 600px) { .c-banner-slider .slick-prev:after, .c-banner-slider .slick-next:after { border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; } } .c-banner-slider .slick-prev { left: 2%; } @media screen and (min-width: 961px) { .c-banner-slider .slick-prev { left: calc(2.5% + 1.6rem); } } @media screen and (min-width: 1281px) { .c-banner-slider .slick-prev { left: calc(5% + 1.6rem); } } @media screen and (min-width: 1601px) { .c-banner-slider .slick-prev { left: calc(7.5% + 1.6rem); } } .c-banner-slider .slick-prev:before { content: none; } .c-banner-slider .slick-prev:after { right: calc(50% - 0.96569rem); -webkit-transform: rotate(225deg); transform: rotate(225deg); } .c-banner-slider .slick-next { right: 2%; } @media screen and (min-width: 961px) { .c-banner-slider .slick-next { right: calc(2.5% + 1.6rem); } } @media screen and (min-width: 1281px) { .c-banner-slider .slick-next { right: calc(5% + 1.6rem); } } @media screen and (min-width: 1601px) { .c-banner-slider .slick-next { right: calc(7.5% + 1.6rem); } } .c-banner-slider .slick-next:before { content: none; } .c-banner-slider .slick-next:after { left: calc(50% - 0.96569rem); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .c-banner-slider .slick-dots li button:hover:before, .c-banner-slider .slick-dots li button:active:before, .c-banner-slider .slick-dots li.slick-active button:before { color: #ff50a0; opacity: 1; } .c-button-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin: 1rem; } @media screen and (min-width: 961px) { .c-button-menu { margin-top: 3rem; } } .c-button-menu li { width: calc(50% - 1.2rem); padding: 1.2rem 0.2rem; margin: .6rem .6rem; background-color: #e05e9e; text-align: center; border-radius: .5rem; } @media screen and (min-width: 601px) and (max-width: 960px) { .c-button-menu li { width: calc((100% / 3) - 1.2rem); } } @media screen and (min-width: 961px) { .c-button-menu li { width: calc(25% - 1.2rem); } } .c-button-menu li a { color: #FFF !important; font-weight: bold; text-decoration: none; } .c-button { display: block; width: 30rem; text-align: center; padding: 1.3rem 0; background: #000000; color: #fbfbfb; font-size: 1.4rem; border: none; border-radius: 5px; letter-spacing: .4rem; cursor: pointer; text-decoration: none; outline: none; -webkit-transition: .3s linear; transition: .3s linear; } .c-button:link, .c-button:visited, .c-button:hover, .c-button:active, .c-button:focus { color: #fbfbfb; text-decoration: none; } .c-button:active { opacity: .7; } .c-button--close { background: #c0c0c0; } .c-button--large { width: auto; padding: 2rem; } .c-button--gs { display: block; } @media screen and (max-width: 600px) { .c-button--gs { width: 100%; } } .c-cancel--button { border-radius: 120px; border: solid 1px #e05e9e; color: #e05e9e !important; display: block; font-size: 1.6rem; font-weight: bold; max-width: 360px; padding: 15px; text-align: center; text-decoration: none; -webkit-transition: .3s linear; transition: .3s linear; width: 80%; } .c-cancel--button:hover { background: #e05e9e; color: #fff !important; text-decoration: none; } .c-cancel--backButton { border: solid 1px #ABABAB; border-radius: 5px; padding: 1em 3em; text-decoration: none; text-align: center; } @media screen and (min-width: 961px) { .c-cancel--backButton { padding: 1em 6em; } } .c-buyee { background-color: #ffffff; } .c-buyee #for_izone-to-page { max-width: 960px; padding: 5rem 2rem 5rem 2rem; } .c-buyee #for_izone-to-page-sp { padding: 3rem; } @media screen and (max-width: 600px) { .c-buyee #for_izone-to-page-sp { padding: 1rem; } } .c-category-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 1.6rem; } .c-category-list__decoration { font-size: 1.6rem; margin: 1.2rem 0; } @media screen and (max-width: 600px) { .c-category-list__decoration { display: none; } } .c-category-list__category__link { font-size: 1.3rem; display: block; margin: 1.2rem 0rem; } .c-category-list__category__link:link, .c-category-list__category__link:visited, .c-category-list__category__link:focus { white-space: nowrap; text-decoration: none; color: #4b4b4b; } .c-category-list__category__link:hover, .c-category-list__category__link:active { color: #ff7fb8; } .c-category-preview { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .c-category-preview__name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 8rem; font-size: 2rem; } .c-category-preview__name > * { margin: 0 1rem; } .c-close-icon { position: absolute; outline: none; top: -1rem; right: -1rem; background-color: #c0c0c0; border: none; border-radius: 2.8rem; height: 2.8rem; width: 2.8rem; } .c-close-icon:before { content: ''; position: absolute; left: calc(50% - 1.4rem / 2); top: calc(50% - 0.224rem / 2); width: 1.4rem; height: 0.224rem; background-color: #ffffff; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .c-close-icon:after { content: ''; position: absolute; left: calc(50% - 1.4rem / 2); top: calc(50% - 0.224rem / 2); width: 1.4rem; height: 0.224rem; background-color: #ffffff; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .c-member-list__member-info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 600px) { .c-member-list__member { width: 32.66667%; margin-top: 1.7rem; } } @media screen and (min-width: 601px) and (max-width: 960px) { .c-member-list__member { width: 19.6%; margin-top: 2.3rem; } } @media screen and (min-width: 961px) { .c-member-list__member { width: calc(960px * 16.25 / 100); margin-top: 2.3rem; } } .c-member-list__member__link:link, .c-member-list__member__link:visited, .c-member-list__member__link:hover, .c-member-list__member__link:active, .c-member-list__member__link:focus { text-decoration: none; } .c-member-list__member__img { position: relative; } .c-member-list__member__img__decoration { border: solid 4px #f9529c; } .c-member-list__member__name { color: #4b4b4b; font-weight: bold; } @media screen and (max-width: 600px) { .c-member-list__member__name { margin-top: 0.3rem; font-size: 1.1rem; } } @media screen and (min-width: 601px) and (max-width: 960px) { .c-member-list__member__name { margin-top: 0.3rem; font-size: 1.3rem; } } @media screen and (min-width: 961px) { .c-member-list__member__name { margin-top: 0.3rem; font-size: 1.3rem; } } .c-member-list__member__roman-name { color: #4b4b4b; font-weight: bold; } @media screen and (max-width: 600px) { .c-member-list__member__roman-name { margin-top: 0.2rem; font-size: 0.9rem; } } @media screen and (min-width: 601px) and (max-width: 960px) { .c-member-list__member__roman-name { margin-top: 0.2rem; font-size: 1.1rem; } } @media screen and (min-width: 961px) { .c-member-list__member__roman-name { margin-top: 0.2rem; font-size: 1.1rem; } } .c-member-list__member:last-child { margin-right: auto; } @media screen and (max-width: 600px) { .c-member-list__member:nth-child(n + 1) { margin-left: 1%; } .c-member-list__member:nth-child(3n + 1) { margin-left: 0; } .c-member-list__member:nth-child(-n + 3) { margin-top: 0; } } @media screen and (min-width: 601px) and (max-width: 960px) { .c-member-list__member:nth-child(n + 1) { margin-left: 0.5%; } .c-member-list__member:nth-child(5n + 1) { margin-left: 0; } .c-member-list__member:nth-child(-n + 5) { margin-top: 0; } } @media screen and (min-width: 961px) { .c-member-list__member:nth-child(n + 1) { margin-left: 0.5%; } .c-member-list__member:nth-child(6n + 1) { margin-left: 0; } .c-member-list__member:nth-child(-n + 6) { margin-top: 0; } } .c-member-profile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .c-member-profile-wrapper { background-color: #ffffff; padding: 1.5rem; border-radius: 1rem; } @media screen and (max-width: 600px) { .c-member-profile__img { width: 47.5%; } } @media screen and (min-width: 601px) and (max-width: 960px) { .c-member-profile__img { width: 285px; } } @media screen and (min-width: 961px) { .c-member-profile__img { width: 285px; } } .c-member-profile__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } @media screen and (max-width: 600px) { .c-member-profile__info { width: calc(100% - 5 * 1% - 47.5%); } } @media screen and (min-width: 601px) and (max-width: 960px) { .c-member-profile__info { width: calc(100% - 5 * 1% - 285px); } } @media screen and (min-width: 961px) { .c-member-profile__info { width: calc(100% - 5 * 1% - 285px); } } .c-member-profile__info__basic { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; padding-bottom: 2rem; margin-bottom: 3rem; } @media screen and (max-width: 600px) { .c-member-profile__info__basic { padding-bottom: 1rem; margin-bottom: 1.5rem; } } @media screen and (max-width: 600px) { .c-member-profile__info__basic__name { font-size: 2rem; } } @media screen and (min-width: 601px) and (max-width: 960px) { .c-member-profile__info__basic__name { font-size: 3rem; } } @media screen and (min-width: 961px) { .c-member-profile__info__basic__name { font-size: 3rem; } } @media screen and (max-width: 600px) { .c-member-profile__info__basic__roman-name { font-size: 1.2rem; } } @media screen and (min-width: 601px) and (max-width: 960px) { .c-member-profile__info__basic__roman-name { font-size: 1.5rem; } } @media screen and (min-width: 961px) { .c-member-profile__info__basic__roman-name { font-size: 1.5rem; } } .c-member-profile__info__supplementary { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } @media screen and (max-width: 600px) { .c-member-profile__info__supplementary { font-size: 1.3rem; } } @media screen and (min-width: 601px) and (max-width: 960px) { .c-member-profile__info__supplementary { font-size: 1.7rem; } } @media screen and (min-width: 961px) { .c-member-profile__info__supplementary { font-size: 1.7rem; } } @media screen and (max-width: 600px) { .c-member-profile__info__supplementary > *:not(:first-child) { margin-top: 0.5rem; } } @media screen and (min-width: 601px) and (max-width: 960px) { .c-member-profile__info__supplementary > *:not(:first-child) { margin-top: 1rem; } } @media screen and (min-width: 961px) { .c-member-profile__info__supplementary > *:not(:first-child) { margin-top: 1rem; } } @media screen and (min-width: 601px) and (max-width: 960px) { .c-movie { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 961px) { .c-movie { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (max-width: 600px) { .c-movie__frame { width: 100%; } } @media screen and (min-width: 601px) and (max-width: 960px) { .c-movie__frame { width: calc((100% - 1%) / 2); } } @media screen and (min-width: 961px) { .c-movie__frame { width: calc((960px - 1%) / 2); } } @media screen and (max-width: 600px) and (max-width: 600px) { .c-movie__frame:nth-child(n + 1) { margin-bottom: 3rem; } } @media screen and (max-width: 600px) and (min-width: 601px) and (max-width: 960px) { .c-movie__frame:nth-child(n + 1) { margin-bottom: 4rem; } } @media screen and (max-width: 600px) and (min-width: 961px) { .c-movie__frame:nth-child(n + 1) { margin-bottom: 4.8rem; } } .c-movie__content { position: relative; width: 100%; height: 0; padding-bottom: 0; padding-top: 56.25%; } .c-movie__content iframe { position: absolute !important; top: 0 !important; right: 0 !important; width: 100% !important; height: 100% !important; min-height: 0 !important; } .c-news__article { border-bottom: solid 1px #c0c0c0; } .c-news__article__header { position: relative; padding-top: 1.6rem; margin-bottom: 1.6rem; border-top: solid 1px #c0c0c0; -webkit-transition: .3s linear; transition: .3s linear; } .c-news__article__header:nth-child(1) { border-top: none; } .c-news__article__header.active:before { -webkit-transform: rotate(225deg); transform: rotate(225deg); } @media screen and (max-width: 600px) { .c-news__article__header.active:before { top: calc(2.4rem + 1.3rem * 1.41421 / 4); } } @media screen and (min-width: 601px) and (max-width: 960px) { .c-news__article__header.active:before { top: calc(2.4rem + 1.7rem * 1.41421 / 4); } } @media screen and (min-width: 961px) { .c-news__article__header.active:before { top: calc(2.4rem + 1.7rem * 1.41421 / 4); } } .c-news__article__header__date { font-size: 1.3rem; line-height: 2rem; letter-spacing: .08rem; } .c-news__article__header__new-icon { margin-left: .3rem; line-height: .8rem; color: #ff7fb8; padding: .16rem .64rem; } .c-news__article__header__title { width: 90%; } .c-news__article__header__title__link { text-decoration: none; } .c-news__article__header__title__text { font-size: 1.3rem; } .c-news__article__body { margin: 0 0 1.6rem 0; font-size: 1.3rem; } .c-news__animated.ng-enter, .c-news__animated.ng-leave, .c-news__animated.ng-move { -webkit-transition: opacity .3s linear; transition: opacity .3s linear; } .c-news__animated.ng-enter { opacity: 0; } .c-news__animated.ng-enter.ng-enter-active { opacity: 1; } .c-news__animated.ng-leave { opacity: 1; } .c-news__animated.ng-leave.ng-leave-active { opacity: 0; } .c-news__button { text-align: center; } .c-note { color: #ff50a0; border-color: #ff50a0; background-color: #ffffff; } .c-price { letter-spacing: .1rem; font-weight: initial; } .c-product-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 600px) { .c-product-list__product { width: 46%; margin-top: 4.8rem; } } @media screen and (min-width: 601px) and (max-width: 960px) { .c-product-list__product { width: 32%; margin-top: 3.2rem; } } @media screen and (min-width: 961px) { .c-product-list__product { width: calc(960px * 32 / 100); margin-top: 4.8rem; } } .c-product-list__product__link:link, .c-product-list__product__link:visited, .c-product-list__product__link:hover, .c-product-list__product__link:active, .c-product-list__product__link:focus { text-decoration: none; color: #4b4b4b; } .c-product-list__product:last-child { margin-right: auto; } @media screen and (max-width: 600px) { .c-product-list__product:nth-child(n + 1) { margin-left: 8%; } .c-product-list__product:nth-child(2n + 1) { margin-left: 0; } .c-product-list__product:nth-child(-n + 2) { margin-top: 0; } } @media screen and (min-width: 601px) and (max-width: 960px) { .c-product-list__product:nth-child(n + 1) { margin-left: 2%; } .c-product-list__product:nth-child(3n + 1) { margin-left: 0; } .c-product-list__product:nth-child(-n + 3) { margin-top: 0; } } @media screen and (min-width: 961px) { .c-product-list__product:nth-child(n + 1) { margin-left: 2%; } .c-product-list__product:nth-child(3n + 1) { margin-left: 0; } .c-product-list__product:nth-child(-n + 3) { margin-top: 0; } } .c-product-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-product-nav > * { margin-top: 1rem; } .c-product-nav__category-list { min-width: 30%; } @media screen and (max-width: 600px) { .c-product-nav__category-list { width: 100%; } } .c-product-nav__search-page-nav { margin-left: auto; width: 30%; } @media screen and (max-width: 600px) { .c-product-nav__search-page-nav { width: 100%; } } .c-product-status { width: 0; height: 0; } .c-product-status__tag, .c-product-status__tag--small { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 2.5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #4b4b4b; position: absolute; top: calc(100% - 5rem); left: -10%; width: 120%; height: 5rem; background-color: rgba(237, 236, 237, 0.8); } .c-product-status__tag--small { font-size: 2rem; } .c-product__img { width: 100%; } .c-product__img-wrapper { position: relative; overflow: hidden; } @media screen and (max-width: 600px) { .c-product__name { margin-top: 0.8rem; font-size: 1.6rem; } } @media screen and (min-width: 601px) and (max-width: 960px) { .c-product__name { margin-top: 0.8rem; font-size: 1.6rem; } } @media screen and (min-width: 961px) { .c-product__name { margin-top: 0.8rem; font-size: 1.6rem; } } .c-product__name:hover, .c-product__name:active { text-decoration: underline; } @media screen and (max-width: 600px) { .c-product__price { margin-top: 0.8rem; font-size: 1.6rem; } } @media screen and (min-width: 601px) and (max-width: 960px) { .c-product__price { margin-top: 0.8rem; font-size: 1.6rem; } } @media screen and (min-width: 961px) { .c-product__price { margin-top: 0.8rem; font-size: 1.6rem; } } @media screen and (max-width: 600px) { .c-product__price__tax-included { font-size: 0.8rem; } } @media screen and (min-width: 601px) and (max-width: 960px) { .c-product__price__tax-included { font-size: 0.8rem; } } @media screen and (min-width: 961px) { .c-product__price__tax-included { font-size: 0.8rem; } } .c-search-page-nav { position: relative; } .c-search-page-nav__form { width: 100%; height: 100%; border-radius: .5rem; padding: .8rem; border: solid 0.2rem #dedede; outline: none; } @media screen and (max-width: 600px) { .c-search-page-nav__form { font-size: 1.6rem; } } .c-search-page-nav__form::-webkit-input-placeholder { color: #dedede; } .c-search-page-nav__form:-ms-input-placeholder { color: #dedede; } .c-search-page-nav__form::-ms-input-placeholder { color: #dedede; } .c-search-page-nav__form::placeholder { color: #dedede; } .c-search-page-nav__form__decoration { top: calc(50% - 1rem - .2rem); color: #dedede; font-size: 2rem; position: absolute; right: .8rem; } @media screen and (max-width: 600px) { .c-section { width: 94%; padding-bottom: 3rem; margin-left: 3%; margin-right: 3%; } } @media screen and (min-width: 601px) and (max-width: 960px) { .c-section { width: 94%; padding-bottom: 4rem; margin-left: 3%; margin-right: 3%; } } @media screen and (min-width: 961px) { .c-section { width: 960px; padding-bottom: 4.8rem; margin-left: auto; margin-right: auto; } } .c-section--aggregate { background: -webkit-gradient(linear, left top, left bottom, from(#f9dff2), color-stop(#e3dffa), to(#f9dff2)); background: -webkit-linear-gradient(top, #f9dff2, #e3dffa, #f9dff2); background: linear-gradient(to bottom, #f9dff2, #e3dffa, #f9dff2); } .c-section__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 3rem; letter-spacing: .32rem; } @media screen and (max-width: 600px) { .c-section__title { margin-bottom: 1.6rem; } } @media screen and (min-width: 601px) and (max-width: 960px) { .c-section__title { margin-bottom: 2.4rem; } } @media screen and (min-width: 961px) { .c-section__title { margin-bottom: 3.2rem; } } .c-section__button { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media screen and (max-width: 600px) { .c-section__button { margin-top: 3rem; } } @media screen and (min-width: 601px) and (max-width: 960px) { .c-section__button { margin-top: 4rem; } } @media screen and (min-width: 961px) { .c-section__button { margin-top: 4.8rem; } } .c-sns { display: -webkit-box; display: -ms-flexbox; display: flex; } .c-sns > *:not(:first-child) { margin-left: 10px; } .c-sns__icon { background-image: url(/assets/img/izone/icon_sns.png); background-size: 420px 60px; display: block; width: 60px; height: 60px; } .c-sns__icon--daum-cafe { background-position-x: 0px; } .c-sns__icon--twitter { background-position-x: -60px; } .c-sns__icon--youtube { background-position-x: -120px; } .c-sns__icon--facebook { background-position-x: -180px; } .c-sns__icon--instagram { background-position-x: -240px; } .c-sns__icon--v-live { background-position-x: -300px; } .c-sns__icon--weibo { background-position-x: -360px; } .c-to-top-button { position: fixed; cursor: pointer; right: 2rem; top: calc(100vh - 8rem); width: 4rem; height: 4rem; font-size: 4rem; color: #ccc; z-index: 3; } .p-cart { border: none; -webkit-box-shadow: 0 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1); box-shadow: 0 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1); background-color: #ffffff; } .p-cart__title { border-bottom: none; border-radius: .5rem .5rem 0 0; text-align: center; } @media screen and (min-width: 961px) { .p-cart__title { border-radius: .5rem; } } .p-cart__note { margin-top: 2rem; } .p-cart__img { border: none; } .p-cart__button { margin-bottom: 2rem; } .p-cart__purchase-note { font-size: 1rem; text-align: center; } .p-cart__top-page-link { margin-top: 5rem; } .p-completion__button { padding: 2rem; } .p-confirm__form { background-color: #ffffff; } .p-confirm__term { padding: 2rem; } .p-confirm__term-wrapper { background-color: #ffffff; width: 90%; height: 15rem; overflow: scroll; } .p-confirm__note { margin-top: 5rem; } .p-confirm__button { margin-bottom: 2rem; } .p-confirm__scrollbox { width: 90%; margin: 2.5% auto 4%; padding: 3%; overflow: auto; height: 150px; border: 1px solid #ccc; } .p-contact__attention-icon { background: url(/assets/img/common/ico_info.png) no-repeat left center; background-size: 2rem auto; padding-left: 3rem; } .p-contact__icon, .p-contact__icon--first, .p-contact__icon--cd, .p-contact__icon--question, .p-contact__icon--login, .p-contact__icon--goods { display: inline-block; width: 4.6rem; height: 4.6rem; margin-left: 1.0rem; background-size: contain; background-repeat: no-repeat; } .p-contact__icon--first { background-image: url(/assets/img/contact/icon_first.png); } .p-contact__icon--cd { background-image: url(/assets/img/contact/icon_cd.png); } .p-contact__icon--question { background-image: url(/assets/img/contact/icon_question.png); } .p-contact__icon--login { background-image: url(/assets/img/contact/icon_login.png); } .p-contact__icon--goods { background-image: url(/assets/img/contact/icon_goods.png); } .p-conveni__list { background-color: #ffffff; } .p-conveni__button { margin-top: 2rem; } .p-conveni__note { margin-top: 2rem; } .p-credit__title { border-left: none; } .p-credit__button { margin-top: 2rem; } .p-credit__note { margin: 4rem 0; } .p-delivery { background-color: #ffffff; border: none; -webkit-box-shadow: 0 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1); box-shadow: 0 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1); } .p-delivery__button { margin-top: 2rem; } .p-delivery__button-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 2rem; } .p-delivery__edit-decoration { border-radius: 3rem; padding: .5rem 2rem !important; text-decoration: none; } .p-delivery__edit-decoration:link, .p-delivery__edit-decoration:visited, .p-delivery__edit-decoration:hover, .p-delivery__edit-decoration:active, .p-delivery__edit-decoration:focus { text-decoration: none; } .p-delivery__delete-position { text-align: right !important; } .p-delivery__deliv-time__title { margin-top: 4rem !important; } .p-delivery__deliv-time__select { -webkit-appearance: none; padding: 0.4rem 3rem 0.4rem 1rem; background-color: #ffffff; font-size: 1.6rem; border-radius: .5rem; outline: none; } .p-delivery__deliv-time__select::-ms-expand { display: none; } .p-delivery__deliv-time__decoration { position: relative; } @media screen and (max-width: 600px) { .p-delivery__deliv-time__decoration { height: calc(40px + .8rem - 1rem * 1.41421 / 2); } } @media screen and (min-width: 601px) and (max-width: 960px) { .p-delivery__deliv-time__decoration { height: calc(40px + .8rem - 1rem * 1.41421 / 2); } } .p-delivery__deliv-time__decoration:before { content: ''; position: absolute; top: calc(50% - 1rem * 1.41421 / 2); right: calc(3rem / 2 - 1rem * 1.41421 / 2); width: 1rem; height: 1rem; border-bottom: #4b4b4b 0.3rem solid; border-right: #4b4b4b 0.3rem solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .p-delivery__default { background-color: #f9dff2 !important; } .p-faq { padding: 2rem 1rem 4rem 1rem; } .p-faq-adjust-link { position: relative; top: -5.0rem; } @media screen and (min-width: 961px) { .p-faq-adjust-link { top: -1.5rem; } } .p-footer { background-color: #ff7fb8; } @media screen and (min-width: 601px) and (max-width: 960px) { .p-footer__nav-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 94%; margin-left: 3%; margin-right: 3%; } } @media screen and (min-width: 961px) { .p-footer__nav-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 960px; margin-left: auto; margin-right: auto; } } @media screen and (max-width: 600px) { .p-footer__nav-list__column { width: 100%; padding-bottom: 0; } } @media screen and (min-width: 601px) and (max-width: 960px) { .p-footer__nav-list__column { width: 32.66667%; padding-bottom: 4rem; } } @media screen and (min-width: 961px) { .p-footer__nav-list__column { width: 32%; padding-bottom: 4rem; } } @media screen and (min-width: 601px) and (max-width: 960px) { .p-footer__nav { margin-top: 2.4rem; } } @media screen and (min-width: 961px) { .p-footer__nav { margin-top: 2.4rem; } } .p-footer__nav__head { position: relative; color: #ffffff; font-size: 1.4rem; } @media screen and (max-width: 600px) { .p-footer__nav__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.3rem; height: 6.5rem; padding-left: 1.5rem; border-bottom: solid 1px #ffffff; } .p-footer__nav__head--sns { border-bottom: none; } .p-footer__nav__head:not(.p-footer__nav__head--sns):before { position: absolute; display: block; content: ''; border-bottom: solid #ffffff; border-right: solid #ffffff; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 1.3rem; height: 1.3rem; top: 2.4rem; right: calc(1.3rem * 1.41421 - 1.3rem + 1.5rem); border-bottom-width: 0.4rem; border-right-width: 0.4rem; } .p-footer__nav__head.active:not(.p-footer__nav__head--sns):before { -webkit-transform: rotate(225deg); transform: rotate(225deg); top: calc(2.4rem + 1.3rem * 1.41421 / 4); } } .p-footer__nav__link-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: .3s linear; transition: .3s linear; opacity: 1; } @media screen and (min-width: 601px) and (max-width: 960px) { .p-footer__nav__link-list { margin-top: .8rem; } } @media screen and (min-width: 961px) { .p-footer__nav__link-list { margin-top: .8rem; } } @media screen and (max-width: 600px) { .p-footer__nav__link-list { background-color: #ff7fb8; padding-bottom: 1.5rem; } .p-footer__nav__link-list > * { margin-left: 1.5rem; margin-top: 1.5rem; } .p-footer__nav__link-list-wrapper { -webkit-transition: .3s ease-out; transition: .3s ease-out; max-height: 50rem; } .p-footer__nav__link-list-wrapper--closed { overflow: hidden; max-height: 0; } .p-footer__nav__link-list--closed { opacity: 0; } } .p-footer__nav__link { display: block; } .p-footer__nav__link:link, .p-footer__nav__link:visited, .p-footer__nav__link:hover, .p-footer__nav__link:active, .p-footer__nav__link:focus { text-decoration: none; font-size: 1.1rem; color: #fbfbfb; } @media screen and (min-width: 601px) and (max-width: 960px) { .p-footer__nav__link { margin-top: .6rem; } } @media screen and (min-width: 961px) { .p-footer__nav__link { margin-top: .6rem; } } .p-footer__nav__sns { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.6); transform: scale(0.6); } @media screen and (min-width: 601px) and (max-width: 960px) { .p-footer__nav__sns { -webkit-transform: scale(0.35); transform: scale(0.35); } } @media screen and (min-width: 961px) { .p-footer__nav__sns { -webkit-transform: scale(0.5); transform: scale(0.5); } } .p-footer__nav__sns-wrapper { overflow: hidden; width: calc(0.6 * 480px); height: calc(0.6 * 60px); } @media screen and (max-width: 600px) { .p-footer__nav__sns-wrapper { margin: 0 auto; } } @media screen and (min-width: 601px) and (max-width: 960px) { .p-footer__nav__sns-wrapper { width: calc(0.35 * 480px); height: calc(0.35 * 60px); } } @media screen and (min-width: 961px) { .p-footer__nav__sns-wrapper { width: calc(0.5 * 480px); height: calc(0.5 * 60px); } } @media screen and (max-width: 600px) { .p-footer__nav__banner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 3rem; } } @media screen and (max-width: 600px) { .p-footer__nav__banner__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 7%; } } .p-footer__nav__banner__row__column { margin-top: 1rem; width: 46.5%; } @media screen and (min-width: 601px) and (max-width: 960px) { .p-footer__nav__banner__row__column { width: calc(0.35 * 480px); } } @media screen and (min-width: 961px) { .p-footer__nav__banner__row__column { width: calc(0.5 * 480px); } } .p-footer__nav__banner__row__column__img { width: 100%; } @media screen and (min-width: 601px) and (max-width: 960px) { .p-footer__nav__banner__row__column__img { width: auto; } } @media screen and (min-width: 961px) { .p-footer__nav__banner__row__column__img { width: auto; } } .p-footer__nav--sns { padding-bottom: 1.5rem; } .p-footer__nav--banner { margin-top: 0; } .p-footer__copyright { height: 6rem; padding-top: 2.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #ffffff; font-size: 1.1rem; } @media screen and (max-width: 600px) { .p-footer__copyright { padding-left: 3%; padding-right: 3%; } } @media screen and (min-width: 601px) and (max-width: 960px) { .p-footer__copyright { padding-left: 3%; padding-right: 3%; } } @media screen and (min-width: 961px) { .p-footer__copyright { padding-left: auto; padding-right: auto; } } .p-footer__copyright__text { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .p-footer__copyright__note { text-align: center; white-space: nowrap; margin-top: .8rem; } @media screen and (max-width: 600px) { .p-footer__copyright__note { font-size: 0.8rem; } } @media screen and (min-width: 601px) and (max-width: 960px) { .p-footer__copyright__note { font-size: 0.9rem; } } @media screen and (min-width: 961px) { .p-footer__copyright__note { font-size: 1.1rem; } } @media screen and (max-width: 600px) { .p-footer__copyright__note { line-height: 1.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transform: scale(0.7); transform: scale(0.7); } } .p-footer__copyright__note-wrapper { width: 100%; overflow: hidden; } .p-footer__copyright__mark { font-size: 1.6rem; } .p-global-menu { color: #fbfbfb; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.6rem; background-color: rgba(245, 118, 163, 0.97); z-index: 1000; } .p-global-menu__close-button { color: #fbfbfb; position: absolute; cursor: pointer; top: 2rem; right: 2rem; width: 2.5rem; height: 2.5rem; } .p-global-menu__close-button:before { content: ''; position: absolute; left: calc(50% - 2.5rem / 2); top: calc(50% - 0.2rem / 2); width: 2.5rem; height: 0.2rem; background-color: #ffffff; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .p-global-menu__close-button:after { content: ''; position: absolute; left: calc(50% - 2.5rem / 2); top: calc(50% - 0.2rem / 2); width: 2.5rem; height: 0.2rem; background-color: #ffffff; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .p-global-menu__item { display: table; width: 85%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 2rem; margin-top: 2rem; margin-bottom: 2rem; margin-left: auto; margin-right: auto; border-bottom: solid 0.2rem #dedede; } .p-global-menu__item > * { margin-bottom: 1.2rem; } .p-global-menu__item:first-child, .p-global-menu__item:first-child > *:first-child { margin-top: 0; } .p-global-menu__item:last-of-type { border-bottom: none; } .p-global-menu__item__column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .p-global-menu__item__column > *:not(:first-child) { margin-top: 4rem; } .p-global-menu__item__space { padding-left: 4rem; } .p-global-menu__link { cursor: pointer; color: #fbfbfb; text-decoration: none; } .p-global-menu__link:link, .p-global-menu__link:visited, .p-global-menu__link:hover, .p-global-menu__link:active, .p-global-menu__link:focus { color: #fbfbfb; text-decoration: none; } .p-global-menu__link--arrow { position: relative; padding-left: 2rem; } .p-global-menu__link--arrow::after { position: absolute; content: ""; display: block; width: 6.5px; height: 6.5px; border-top: 2px solid #fbfbfb; border-right: 2px solid #fbfbfb; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: calc(50% - 4px); } .p-global-menu__category { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 0; } .p-global-menu__category a, .p-global-menu__category span { color: #fbfbfb; } .p-global-menu__category a:link, .p-global-menu__category a:visited, .p-global-menu__category a:focus, .p-global-menu__category span:link, .p-global-menu__category span:visited, .p-global-menu__category span:focus { color: #fbfbfb; } .p-global-menu__category a:hover, .p-global-menu__category a:active, .p-global-menu__category span:hover, .p-global-menu__category span:active { color: #fbfbfb; } .p-global-menu__sns { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.6); transform: scale(0.6); } .p-global-menu__sns-wrapper { width: calc(0.6 * 480px); height: calc(0.6 * 60px); overflow: hidden; } .p-global-menu__icon { width: 2.8rem; min-width: 2.8rem; margin-right: 1.2rem; } .p-global-menu__loading { text-align: center; margin-top: 2rem; } .p-header { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #ff7fb8; } .p-header__sns { -webkit-transform-origin: left; transform-origin: left; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transition: .3s linear; transition: .3s linear; opacity: 1; } .p-header__sns-wrapper { width: calc(0.5 * 480px); height: calc(0.5 * 60px); overflow: hidden; } @media screen and (max-width: 600px) { .p-header__sns { opacity: 0; pointer-events: none; cursor: default; } } @media screen and (min-width: 601px) and (max-width: 960px) { .p-header__sns { opacity: 0; pointer-events: none; cursor: default; } } .p-header__category { opacity: 1; } @media screen and (max-width: 600px) { .p-header__category { opacity: 0; pointer-events: none; cursor: default; } } @media screen and (min-width: 601px) and (max-width: 960px) { .p-header__category { opacity: 0; pointer-events: none; cursor: default; } } .p-header__category__link { color: #ffffff !important; text-decoration: none; margin-left: 2rem; } .p-header__menu { cursor: pointer; } .p-login { position: relative; width: 90%; max-width: 480px; background: -webkit-gradient(linear, left top, left bottom, from(#f9dff2), color-stop(#e3dffa), to(#f9dff2)); background: -webkit-linear-gradient(top, #f9dff2, #e3dffa, #f9dff2); background: linear-gradient(to bottom, #f9dff2, #e3dffa, #f9dff2); margin: 2rem auto; border-radius: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .p-login__title { width: 100%; background-color: #ff7fb8; color: #fbfbfb; font-size: 2.2rem; letter-spacing: .5rem; border-radius: 1rem 1rem 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .p-login__close-icon { position: absolute; outline: none; top: -1.4rem; right: -1.4rem; background-color: #c0c0c0; border: none; border-radius: 2.8rem; height: 2.8rem; width: 2.8rem; } .p-login__close-icon:before { content: ''; position: absolute; left: calc(50% - 1.4rem / 2); top: calc(50% - 0.224rem / 2); width: 1.4rem; height: 0.224rem; background-color: #ffffff; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .p-login__close-icon:after { content: ''; position: absolute; left: calc(50% - 1.4rem / 2); top: calc(50% - 0.224rem / 2); width: 1.4rem; height: 0.224rem; background-color: #ffffff; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .p-login__button { width: 100%; margin-top: 3rem; } .p-login__bottom-close-icon { position: relative; cursor: pointer; margin: 1.5rem 0; height: 2.8rem; width: 2.8rem; } .p-login__bottom-close-icon:before { content: ''; position: absolute; left: calc(50% - 2.8rem / 2); top: calc(50% - 0.1rem / 2); width: 2.8rem; height: 0.1rem; background-color: #747474; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .p-login__bottom-close-icon:after { content: ''; position: absolute; left: calc(50% - 2.8rem / 2); top: calc(50% - 0.1rem / 2); width: 2.8rem; height: 0.1rem; background-color: #747474; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .p-login__error { color: #ff473b; margin-top: 1.5rem; } .p-login__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 1rem; margin-top: 1.5rem; width: 100%; } .p-login__body__form { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 2rem; } .p-login__body__form__input { width: 100%; margin-top: 1.5rem; border: solid 0.2rem #dedede; border-radius: .4rem; padding: .5rem; outline: none; } .p-login__body__form__input::-webkit-input-placeholder { color: #dedede; letter-spacing: .2rem; } .p-login__body__form__input:-ms-input-placeholder { color: #dedede; letter-spacing: .2rem; } .p-login__body__form__input::-ms-input-placeholder { color: #dedede; letter-spacing: .2rem; } .p-login__body__form__input::placeholder { color: #dedede; letter-spacing: .2rem; } .p-login__body__form__memory { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 3rem; } .p-login__body__form__memory input[type=checkbox] { margin: 0; } .p-login__body__form__memory__description { margin-left: 1rem; font-size: 1.3rem; } .p-login__body__form__forgot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .p-login__body__form__forgot > * { margin-top: 1.5rem; color: #4b4b4b; text-decoration: none; font-size: 1.1rem; } .p-login__body__form__forgot > *:link, .p-login__body__form__forgot > *:visited, .p-login__body__form__forgot > *:focus { color: #4b4b4b; text-decoration: none; } .p-login__body__form__forgot > *:hover, .p-login__body__form__forgot > *:active { text-decoration: underline; } .p-login__body__register { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ffffff; border-radius: 1rem; padding: 1.5rem 2rem; margin-top: 3rem; width: 100%; } .p-login__body__register__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.3rem; padding-bottom: 1rem; border-bottom: solid 0.2rem #c0c0c0; } .p-login__body__register__title-wrapper { width: 100%; } .p-login__body__register__note { font-size: 1rem; line-height: 1.6rem; margin-top: 1.5rem; color: #c0c0c0; } .p-login__body__register__button { margin-top: 1.5rem; } .p-payment { background-color: #ffffff; padding: 1rem 2rem; border-radius: 1rem; margin-top: 2rem; } .p-payment__term { background-color: #ffffff; } .p-payment__button { margin-top: 2rem; } .p-payment__note { margin-top: 2rem; } .p-product-detail__product-nav { padding: 1rem; margin-bottom: 2rem; } @media screen and (min-width: 601px) and (max-width: 960px) { .p-product-detail__product-nav { display: none; } } @media screen and (min-width: 961px) { .p-product-detail__product-nav { display: none; } } @media screen and (max-width: 600px) { .p-product-detail { width: 100%; padding-top: .5rem; padding-bottom: 0; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 601px) and (max-width: 960px) { .p-product-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 961px) { .p-product-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .p-product-detail__carousel { width: 48.5%; } @media screen and (max-width: 600px) { .p-product-detail__carousel { width: 100%; } } .p-product-detail__carousel .bx-prev:after, .p-product-detail__carousel .bx-next:after { content: ''; position: absolute; top: calc(50% - 1rem / 2); width: 1rem; height: 1rem; border-left: #fbfbfb 0.3rem solid; border-bottom: #fbfbfb 0.3rem solid; } .p-product-detail__carousel .bx-prev:before, .p-product-detail__carousel .bx-next:before { content: ''; position: absolute; opacity: .8; background-color: #000000; top: 0; height: 100%; } @media screen and (max-width: 600px) { .p-product-detail__carousel .bx-prev:before, .p-product-detail__carousel .bx-next:before { width: 50%; } } @media screen and (min-width: 601px) and (max-width: 960px) { .p-product-detail__carousel .bx-prev:before, .p-product-detail__carousel .bx-next:before { width: 100%; } } @media screen and (min-width: 961px) { .p-product-detail__carousel .bx-prev:before, .p-product-detail__carousel .bx-next:before { width: 100%; } } .p-product-detail__carousel .bx-controls-direction a { margin-top: 0; z-index: 1; background-image: none; } @media screen and (max-width: 600px) { .p-product-detail__carousel .bx-controls-direction a { width: 4rem; height: 6rem; top: calc(50% - 6rem / 2); } } @media screen and (min-width: 601px) and (max-width: 960px) { .p-product-detail__carousel .bx-controls-direction a { width: 2rem; height: 6rem; top: calc(50% - 6rem / 2); } } @media screen and (min-width: 961px) { .p-product-detail__carousel .bx-controls-direction a { width: 2.5rem; height: 7rem; top: calc(50% - 7rem / 2); } } .p-product-detail__carousel .bx-prev { left: 0; } .p-product-detail__carousel .bx-prev:before { border-radius: 0 .5rem .5rem 0; left: 0; } .p-product-detail__carousel .bx-prev:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media screen and (max-width: 600px) { .p-product-detail__carousel .bx-prev:after { left: calc(50% / 2 - .3rem); } } @media screen and (min-width: 601px) and (max-width: 960px) { .p-product-detail__carousel .bx-prev:after { left: calc(100% / 2 - .3rem); } } @media screen and (min-width: 961px) { .p-product-detail__carousel .bx-prev:after { left: calc(100% / 2 - .3rem); } } .p-product-detail__carousel .bx-next { right: 0; } .p-product-detail__carousel .bx-next:before { border-radius: .5rem 0 0 .5rem; right: 0; } .p-product-detail__carousel .bx-next:after { -webkit-transform: rotate(225deg); transform: rotate(225deg); } @media screen and (max-width: 600px) { .p-product-detail__carousel .bx-next:after { right: calc(50% / 2 - .3rem); } } @media screen and (min-width: 601px) and (max-width: 960px) { .p-product-detail__carousel .bx-next:after { right: calc(100% / 2 - .3rem); } } @media screen and (min-width: 961px) { .p-product-detail__carousel .bx-next:after { right: calc(100% / 2 - .3rem); } } .p-product-detail__carousel .bx-viewport { margin-top: 0; } .p-product-detail__carousel__slider { padding: 0; margin: 0; } .p-product-detail__carousel__slider-wrapper { position: relative; overflow: hidden; } .p-product-detail__carousel__img-pager { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 1rem; } @media screen and (max-width: 600px) { .p-product-detail__carousel__img-pager { width: 94%; margin-left: 3%; margin-right: 3%; } } .p-product-detail__carousel__img-pager__img { width: 18.4%; margin-top: .5rem; } .p-product-detail__carousel__img-pager__img:last-child { margin-right: auto; } .p-product-detail__carousel__img-pager__img:nth-child(n + 1) { margin-left: 2%; } .p-product-detail__carousel__img-pager__img:nth-child(5n + 1) { margin-left: 0; } .p-product-detail__carousel__img-pager__img:nth-child(-n + 5) { margin-top: 0; } .p-product-detail__info { width: 48.5%; } @media screen and (max-width: 600px) { .p-product-detail__info { width: 94%; margin-left: 3%; margin-right: 3%; padding-bottom: 4rem; } } .p-product-detail__info > * { margin-top: 1rem; } @media screen and (min-width: 601px) and (max-width: 960px) { .p-product-detail__info:nth-child(1) { margin-top: 0; } } @media screen and (min-width: 961px) { .p-product-detail__info:nth-child(1) { margin-top: 0; } } .p-product-detail__info__name { font-size: 1.5rem; } .p-product-detail__info__error { color: #ff473b; } .p-product-detail__info__price { font-size: 1.8rem; } .p-product-detail__info__price__sub-text { font-size: 1rem; } .p-product-detail__info__form { padding: 2rem 2rem; background-color: #ffffff; border-radius: .6rem; } .p-product-detail__info__form > *:not(:first-child) { margin-top: 1rem; } .p-product-detail__info__form__reservation-info { font-size: 1.2rem; } .p-product-detail__info__form__button { width: 100%; margin: 1rem 0 1rem 0; } .p-product-detail__info__form__note { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 1.3rem; } .p-product-detail__info__form__note__link { margin-top: .5rem; } .p-product-detail__info__form__note__link:link, .p-product-detail__info__form__note__link:visited, .p-product-detail__info__form__note__link:hover, .p-product-detail__info__form__note__link:active, .p-product-detail__info__form__note__link:focus { text-decoration: underline; color: #4b4b4b; } .p-product-detail__info__form__selector:not(:first-child) { margin-top: 1rem; } .p-product-detail__info__form__selector--sku { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .p-product-detail__info__form__selector--quantity { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .p-product-detail__info__form__selector__select { -webkit-appearance: none; border: 1px solid #4b4b4b; border-radius: 0; padding: 0.4rem 3rem 0.4rem 1rem; background-color: #ffffff; font-size: 1.3rem; outline: none; } .p-product-detail__info__form__selector__select::-ms-expand { display: none; } @media screen and (max-width: 600px) { .p-product-detail__info__form__selector__select { font-size: 1.6rem; } } .p-product-detail__info__form__selector__decoration { position: relative; } .p-product-detail__info__form__selector__decoration:before { content: ''; position: absolute; top: calc(50% - 1rem * 1.41421 / 2); right: calc(3rem / 2 - 1rem * 1.41421 / 2); width: 1rem; height: 1rem; border-bottom: #4b4b4b 0.3rem solid; border-right: #4b4b4b 0.3rem solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .p-product-detail__info__spec__title { font-size: 1.5rem; width: 100%; border-bottom: solid 1px black; } .p-product-detail__info__spec__text { margin-top: 1rem; } .p-product-detail__movie { width: 100%; } .p-product-list__title { font-size: 2.6rem; } @media screen and (max-width: 600px) { .p-product-list__list { margin-top: 4.8rem; } } @media screen and (min-width: 601px) and (max-width: 960px) { .p-product-list__list { margin-top: 3.2rem; } } @media screen and (min-width: 961px) { .p-product-list__list { margin-top: 4.8rem; } } .p-registration { width: 100%; padding: 0 1rem 4rem; } .p-registration__site { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 2.5rem; } .p-registration__site__img { width: 60%; padding-bottom: 2.5rem; } .p-registration__site__description { margin-top: 2.5rem; text-align: center; font-size: 1.25rem; line-height: 1.78rem; } @media screen and (min-width: 961px) { .p-registration__site__description { font-size: 1.4rem; line-height: 2.52rem; } } .p-registration__site__description:first-child { margin-top: 5rem; } .p-registration__site__description--emphasis { color: #ff50a0; } .p-registration__account { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 2.5rem; padding: 2rem 1rem; background-color: #ffffff; border-radius: 1rem; } .p-registration__account__title { font-size: 1.7rem; color: #ff50a0; } .p-registration__account__description { text-align: center; margin-top: 2.5rem; font-size: 1.25rem; line-height: 1.78rem; } @media screen and (min-width: 961px) { .p-registration__account__description { font-size: 1.4rem; line-height: 2.52rem; } } .p-registration__account__note { margin-top: .5rem; font-size: 1rem; } .p-registration__button { margin: 2.5rem 1rem 0; } @media screen and (max-width: 600px) { .p-top__product-list { margin-top: 4.8rem; } } @media screen and (min-width: 601px) and (max-width: 960px) { .p-top__product-list { margin-top: 3.2rem; } } @media screen and (min-width: 961px) { .p-top__product-list { margin-top: 4.8rem; } } @media screen and (max-width: 600px) { .p-top__product-list:not(:last-child) { padding-bottom: 4.8rem; } } @media screen and (min-width: 601px) and (max-width: 960px) { .p-top__product-list:not(:last-child) { padding-bottom: 3.2rem; } } @media screen and (min-width: 961px) { .p-top__product-list:not(:last-child) { padding-bottom: 4.8rem; } } .p-top__section-sub-title { font-size: 1.6rem; } .p-mypage-ezine__check { border-left: none; } .p-mypage-ezine__form { background-color: #ffffff; margin-top: 2rem; padding: 2rem; border-radius: 1rem; } .p-mypage-ezine__button { display: block; margin: 2rem 0 1rem 0; } @media screen and (max-width: 600px) { .p-mypage-ezine__button { width: 100%; } } .p-mypage-history-detail__product { border-radius: 1rem; } .p-mypage-history-detail__form { background-color: #ffffff; border-radius: 1rem; position: relative; } .p-mypage-history-detail__mail__title { background: #ff50a0 !important; border-radius: .5rem; } .p-mypage-history-detail__mail__button { margin: 2rem 0; } .p-mypage-history-detail__edit-decoration { background: #ff50a0 !important; border-color: #ff50a0 !important; color: #fbfbfb !important; border-radius: 3rem; padding: .5rem 2rem !important; text-decoration: none; position: absolute; right: 1rem; top: 1rem; } @media screen and (min-width: 961px) { .p-mypage-history-detail__edit-decoration { font-size: 1.4rem !important; right: 2rem; top: 2rem; } } .p-mypage-history-detail__edit-decoration:link, .p-mypage-history-detail__edit-decoration:visited, .p-mypage-history-detail__edit-decoration:hover, .p-mypage-history-detail__edit-decoration:active, .p-mypage-history-detail__edit-decoration:focus { text-decoration: none; } .p-mypage-history-list__note { margin: .6rem; } .p-mypage-history-list__sort-type { font-size: 1.2rem; } @media screen and (min-width: 961px) { .p-mypage-history-list__sort-type { font-size: 1.4rem; } } .p-mypage-history-list__form { background-color: #ffffff; border-radius: 1rem; } .p-mypage-history-list__form__button { background-color: #ff50a0; text-decoration: none; border-radius: .5rem; padding: 1rem; } .p-mypage-history-list__form__button:link, .p-mypage-history-list__form__button:visited, .p-mypage-history-list__form__button:hover, .p-mypage-history-list__form__button:active, .p-mypage-history-list__form__button:focus { text-decoration: none; padding: 1rem; } .p-mypage-history-list__form .inBox:last-child { border-bottom: none; } .p-mypage-top .accordion { border: none; } .p-mypage-top__nav { display: block; background-color: #ffffff; border-top: none; border-left: none; margin-top: 0; margin-bottom: 0 !important; } .p-mypage-top__nav a { text-decoration: none; } .p-mypage-top__nav.open div:after, .p-mypage-top__nav.open:after { -webkit-transform: rotate(225deg); transform: rotate(225deg); top: calc(24% + 1.5rem * 0.35355); } .p-mypage-top__nav:not(:first-child) { margin-top: 1rem !important; margin-bottom: 0 !important; } .p-mypage-top__nav__body { background-color: #ffffff; margin-top: 0 !important; } .p-mypage-top__nav__body__form { border: none; } .p-mypage-top__nav__body__form__button { background-color: #ff50a0; } .p-mypage-top__nav__body__form__button--large { margin-top: 1rem; } .u-center { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .u-left { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .u-right { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .u-col-center { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .u-text--emphasis { color: #ff50a0 !important; } .u-bg-transparent { background: transparent !important; } .u-bg-white { background-image: none !important; background-color: white !important; } .u-bg-pale-pink { background-color: #fdecf4 !important; } .u-bg-light-gray { background-color: #dedede !important; } .u-border-radius-5 { border-radius: .5rem !important; } .u-border-radius-8 { border-radius: .8rem !important; } .u-border-radius-10 { border-radius: 1rem !important; } .u-border-remove-all { border: none !important; } .u-border-remove-left { border-left: none !important; } .u-border-remove-top { border-top: none !important; } .u-border-remove-right { border-right: none !important; } .u-border-remove-bottom { border-bottom: none !important; } .u-m-top-10 { margin-top: 1rem !important; } .u-m-bottom-10 { margin-bottom: 1rem !important; } .u-m-remove-all { margin: 0 !important; } .u-m-remove-horizontal { margin-left: 0 !important; margin-right: 0 !important; } .u-m-remove-vertical { margin-top: 0 !important; margin-bottom: 0 !important; } .u-m-remove-left { margin-left: 0 !important; } .u-m-remove-top { margin-top: 0 !important; } .u-m-remove-right { margin-right: 0 !important; } .u-m-remove-bottom { margin-bottom: 0 !important; } .u-unselectable { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; pointer-events: none; } .u-cursor-default { cursor: default !important; } .u-cursor-pointer { cursor: pointer !important; } @media screen and (max-width: 600px) { .u-pc-only { display: none !important; } } @media screen and (min-width: 961px) { .u-sp-only { display: none !important; } } @media screen and (min-width: 601px) and (max-width: 960px) { .u-sp-only { display: none !important; } } /*///////////////// 2025.5 追加 ///////////////// */ .mt0 { margin-top: 0!important; } .pb0 { padding-bottom: 0!important; } .p-global-menu__nav-list__column { margin-bottom: 2rem; } .p-global-menu__nav--sns { margin-bottom: 15px; } .p-global-menu__nav__head { font-size: 1.6rem; } .p-global-menu__nav__banner__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .p-global-menu__nav__banner__row__column { width: 48%; } .p-global-menu__nav__banner__row__column_snsLink { max-width: 190px; display: block; } #bannerArea h2 { text-align: center; font-weight: bold; line-height: 1.5; } #bannerArea .snsbannerList { padding: 8px 8px 32px; text-align: center; } #bannerArea .snsbannerList li:last-child { margin-top: 24px; } @media screen and (max-width: 600px) { .p-footer__nav--sns.p-footer__nav { padding-bottom: 0; } .p-footer__nav__banner__row__column:last-child { margin-top: 0; } } @media screen and (min-width: 601px) and (max-width: 960px) { .p-footer__nav-list__column { padding-right: 5px; } } @media screen and (min-width: 961px) { .pc_none { display: none; } #bannerArea .snsbannerList { display: flex; justify-content: space-around; align-items: center; } #bannerArea .snsbannerList li { width: 47%; } #bannerArea .snsbannerList li:last-child { margin-top: 0; } .p-footer__nav__banner__row__column .p-footer__nav__banner__row__column_snsLink { max-width: 190px; display: block; } } iframe[name="google_conversion_frame"] { position: absolute; top: 0; } .header-point-gotten-text { color: #ff0000; } [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; } @media screen and (max-width: 960px) { /* スマホでソフトウェアキーボードによってスクロールが不可になる問題の対応 */ .modal { position: absolute; } } /* resetかけられていてaタグがリンクの色にならないので強制的にスタイル適用するため */ .forceLinkStyle { color:#3498db; text-decoration:underline; cursor: pointer; } /* ↓ coupon */ .couponLottery { font-size: 300%; font-family: "Impact", sans-serif; padding: 0.5em 4em; margin: 1em auto 2em auto; text-align: center; color: #fff; background: -moz-linear-gradient( top, #fb0509 0%, #9e1e20); background: -webkit-gradient( linear, left top, left bottom, from(#fb0509), to(#9e1e20)); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #e31d21; -moz-box-shadow: 0 1px 3px rgba(000, 000, 000, 0.5), inset 0 0 2px rgba(255, 255, 255, 1); -webkit-box-shadow: 0 1px 3px rgba(000, 000, 000, 0.5), inset 0 0 2px rgba(255, 255, 255, 1); box-shadow: 0 1px 3px rgba(000, 000, 000, 0.5), inset 0 0 2px rgba(255, 255, 255, 1); text-shadow: 0 -1px 0 rgba(000, 000, 000, 0.4), 0 1px 0 rgba(255, 255, 255, 0.3); } @media screen and (min-width: 960px) { .couponLotteryImage { width: 60%; } } @media screen and (max-width: 960px) { .couponLotteryImage { width: 100%; } } /* ↑ coupon */ /* ↓ img slider */ .imgSliderArea { position: relative; } .imgSlider { /* スライダーの表示枠 */ margin: 0 auto; overflow: hidden; /* 横スクロールバーを隠すため */ } .imgSliderScroll { /* スクロール枠 */ overflow-x: hidden; /* 横スクロール可能にする */ } .imgSliderPanelsFrame { display: table; } .imgSliderPanelFrame { display: table-cell; } .imgSliderPanel { display: table; } .imgSliderContents { display: table-cell; } /* .imgSliderContent {} <- デザイン調整用class 必要があれば使用する */ .imgSliderLinkDisabled { pointer-events: none; cursor: default; text-decoration: none; } .imgSliderArrow { position: absolute; outline: 0; z-index: 9999; } .imgSliderArrowLeft { background: url(/assets/img/common/arrow_left.png) no-repeat left top; background-size:cover; } .imgSliderArrowRight { background: url(/assets/img/common/arrow_right.png) no-repeat right top; background-size:cover; } /* ↑ img slider */ /* ヘッダーの固定 */ .headerFixed { position: fixed; z-index: 1000; /* ベースより前面 & モーダルより後ろ */ } .dummyHeader { height: 5.6rem; } .p-footer__nav__link, .p-footer__nav__link:link, .p-footer__nav__link:visited, .p-footer__nav__link:hover, .p-footer__nav__link:active, .p-footer__nav__link:focus { color: #fbfbfb !important; } .p-global-menu__link, .p-global-menu__link:link, .p-global-menu__link:visited, .p-global-menu__link:hover, .p-global-menu__link:active, .p-global-menu__link:focus { color: #fbfbfb !important; } .c-button, .c-button:link, .c-button:visited, .c-button:hover, .c-button:active, .c-button:focus { color: #fbfbfb !important; } .modal-content #sb-site { background-color: white; border-radius: .5rem; } .modal-content { border: none; } /* 旧 views/izone/objects/global_menu.php の \3c style>（body 内に書かれていたため最後に適用する） */ /* 旧 views/izone/objects/global_menu.php に \3c style> で書かれていた uib-modal 用の上書きスタイル */ .modal-content { border: none; box-shadow: none; } /* GSのログイン画面と競合しているのでこのログインを使う場合のみコメントを外す .modal-dialog { width: 100%; margin: 0; } */ .modal-backdrop.in { opacity: .9; } .modal-open { overflow: initial; padding-right: 0 !important; } /* * 購入フロー（旧 views/purchase/{delivery,payment}/include.php。pc_form・sp_form の後に読む。全画面で読み込む）。 * お届け先画面・支払方法画面だけが使うクラス（.deliveryType・.purchase_payment_term など）の CSS */ @media screen and (min-width: 769px){ /* * 旧 public/assets/css/pc_delivery.css のコピー（購入フローのお届け先画面・支払方法画面。旧 views/purchase/{delivery,payment}/include.php）。 * 宣言は旧ファイルのまま。 */ :where(.p-purchase-delivery-page) .paymentDelivTimeBtn { height: 50px; } :where(.p-purchase-delivery-page) .shippingTimeMessage { margin-bottom: 2%; } :where(.p-purchase-delivery-page) .deliveryType { width: 100%; height: 50px; border: 1px solid #CCCCCC; padding: .4em; font-size: 125%; } :where(.p-purchase-delivery-page) .deliveryCompany { width: fit-content; margin: auto; } :where(.p-purchase-delivery-page) .deliveryCompanyName { width: fit-content; margin: 0 0 1% 8%; font-size: 150%; } :where(.p-purchase-delivery-page) .formBoxAttention .ico { color: #000; text-decoration: auto; } :where(.p-purchase-delivery-page) .formBoxAttention .boxIndex { font-size: 150%; }} @media screen and (max-width: 769px){ /* * 旧 public/assets/css/sp_delivery.css のコピー（購入フローのお届け先画面・支払方法画面。旧 views/purchase/{delivery,payment}/include.php）。 * 宣言は旧ファイルのまま。 */ :where(.p-purchase-delivery-page) .paymentDelivTimeBtn { height: 40px; margin-bottom: 30px; } :where(.p-purchase-delivery-page) .shippingTimeMessage { margin-bottom: 2%; } :where(.p-purchase-delivery-page) .deliveryType { width: 100%; height: 40px; border: 1px solid #CCCCCC; padding: .4em; font-size: 125%; } :where(.p-purchase-delivery-page) .deliveryCompany { width: fit-content; margin: auto; } :where(.p-purchase-delivery-page) .deliveryCompanyName { width: fit-content; margin: 5%; font-size: 135%; } :where(.p-purchase-delivery-page) .formBoxAttention .ico { color: #000; text-decoration: auto; } :where(.p-purchase-delivery-page) .formBoxAttention .boxIndex { font-size: 150%; }} @media screen and (min-width: 769px){ /* * 旧 public/assets/css/pc_payment.css のコピー（購入フローのお届け先画面・支払方法画面。旧 views/purchase/{delivery,payment}/include.php）。 * 宣言は旧ファイルのまま。 */ .purchase_payment_term { padding: 0 12px; margin-bottom: 1em; } .purchase_payment_term_title { font-size: 120% !important; font-weight: bold; margin-bottom: .5em; } .purchase_payment_term_txt { width: 100%; margin: 4% auto 0px; padding: 3%; overflow: auto; height: 150px; border: 1px solid #ccc; } .purchase_payment_term_warp { padding: 10px 3%; } .purchase_payment_term_warp h3 { font-size: 100% !important; margin: 0; } .purchase_payment_term_warp h4 { font-size: 100% !important; }} @media screen and (max-width: 769px){ /* * 旧 public/assets/css/sp_payment.css のコピー（購入フローのお届け先画面・支払方法画面。旧 views/purchase/{delivery,payment}/include.php）。 * 宣言は旧ファイルのまま。 */ .purchase_payment_term { padding: 0 12px; margin-bottom: 2em; } .purchase_payment_term_title { font-size: 120% !important; font-weight: bold; margin-bottom: .5em; } .purchase_payment_term_txt { width: 100%; margin: 4% auto 0px; padding: 3%; overflow: auto; height: 150px; border: 1px solid #ccc; } .purchase_payment_term_warp { padding: 10px 3%; } .purchase_payment_term_warp h3 { font-size: 100% !important; margin: 0; } .purchase_payment_term_warp h4 { font-size: 100% !important; }}