@charset "utf-8";
/* CSS Document */

@import 'https://fonts.googleapis.com/css?family=Cormorant:400,400i,500,500i,600,600i,700,700i|Italianno'; /*font-family: 'Cormorant', serif; font-family: 'Italianno', cursive;*/

a, a:after {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; outline:none;}
a {cursor:pointer;}
div,ol,ul,li,p,span,a {position:relative;}
ol,ul,li {list-style:none;list-style-type:none;padding:0;}
body,header,footer,menu,p {padding:0;margin:0;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;margin:0;padding:0;line-height:1em;}
div,a,img,p,li {display:block;}
* {box-sizing:border-box;}

body {background-color:#000;color:#fff;font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

header {margin:0 auto;padding:0;width:1080px;}
header #bread {font-size:0.8125em;}
header #bread a {display:inline-block;font-size:0.8125em;color:#09f;}
header #bread a:hover {color:#fc0;}

.model.hidden {display:none;}
.model {margin:0;padding:0;border-top:3px solid #222;}
.model > div {width:1080px;margin:0 auto;}
.model > div > div.slides {width:72%;float:left;}
.model > div > img.whole {width:28%;float:right;}

ul.bxslider {margin:0;}

.model:nth-child(2n) > div > div.slides {width:72%;float:right;}
.model:nth-child(2n) > div > img.whole {width:28%;float:left;}

.model .note {padding:10px;margin:0 auto;position:absolute;bottom:0;left:0;text-align:left;}
.note span {line-height:1.1em;text-align:center;font-family: 'Cormorant', serif;font-size:4em;margin:0 3px;text-shadow:1px 1px 0.1em #000,-1px 1px 0.1em #000,-1px -1px 0.1em #000,1px -1px 0.1em #000;font-style:italic;}
.note span.ps {font-size:3em;}
.note span.serial {font-size:5em;/*font-family: 'Italianno', cursive;*/}
.note span.name {}
.note span.subname {font-size:2.5em;}
.note span.color {font-size:3em;margin-left:11px;}

.model div.spec {font-size:11px;line-height:1.2em;color:rgba(255,255,255,0.8);font-weight:600;text-align:left;text-shadow:1px 1px 2px rgba(0,0,0,0.7);position:absolute;top:0;right:0;width:28%;font-family: 'Cormorant', serif;padding:10px;background:url(img/ps_cover.png) left top / contain;height:100%;}

.model .shopping {position:absolute;bottom:0;right:0;/*background:linear-gradient(to bottom, rgba(150,0,150,0), rgba(100,0,100,0.6));*/text-align:right;width:28%;padding:10px;}
.shopping span {display:block;font-family: 'Cormorant', serif;}
.shopping span.price {font-size:3.75em;text-shadow:1px 1px 0.1em #000,-1px 1px 0.1em #000,-1px -1px 0.1em #000,1px -1px 0.1em #000;font-style:italic;}
.shopping span.price > span {display:inline;font-size:0.3em;}
.shopping span.sold {display:block;color:#fff;font-family: 'Cormorant', serif;margin-top:10px;font-weight:600;font-size:1.2em;text-align:center;background-color:rgba(20,0,30,0.6);border-radius:5px;padding:5px;}
.shopping a {display:block;color:#fff;font-family: 'Cormorant', serif;margin-top:10px;text-decoration:none;font-weight:600;font-size:1.2em;text-align:center;background-color:rgba(100,0,150,0.6);border-radius:5px;padding:5px;}
.shopping a:hover {background-color:rgba(250,80,0,0.8);box-shadow:0 0 7px 1px rgba(255,200,230,0.8);}

.model:nth-child(2n) .note {bottom:0;right:0;text-align:right;}
.model:nth-child(2n) div.spec {left:0;top:0;}
.model:nth-child(2n) .shopping {bottom:0;left:0;}

div.model.outlet > div:before {content:"outlet";position:absolute;top:10px;right:10px;font-family: 'Cormorant', serif;background-color:rgba(0,0,255,0.6);font-size:3em;font-style:italic;width:2.5em;height:2.5em;text-align:center;border-radius:1.25em;line-height:2.5em;box-shadow:0.5em 0.5em 1em rgba(0,0,0,0.7);z-index:+2;}

a.listlink {width:1080px;color:#fff;text-align:center;margin:30px auto;border-radius:5px;background-color:rgba(100,0,150,0.6);font-family: 'Cormorant', serif;font-size:2em;text-decoration:none;padding:0.7em 0;}
a.listlink span {font-size:0.75em;display:block;font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
a.listlink:hover {background-color:rgba(250,80,0,0.8);box-shadow:0 0 7px 1px rgba(255,200,230,0.8);}

/*フッター*/
footer {background-color:rgb(0,0,0);color:#fff;width:100%;border-top:3px solid #222;}
footer > div {width:1080px;margin:0 auto;padding:20px 0 10px;}
footer ul { width:900px; box-sizing:border-box; margin:0 auto 10px auto; padding:0; color:#FFF; list-style-type:none; }
footer ul a {display:inline;color:#09f;}
footer ul a:hover {color:#f90;}
#copy { text-align:center; font-size:10px; color:#999; }

/*ページトップへ*/
.pagetop {display: none;position: fixed;bottom: 30px;right: 35px;z-index:+20;}
.pagetop a {display: block;width: 50px;height: 50px;background-color: rgba(255,50,100,0.7);text-align: center;color: #fff;font-size: 24px;text-decoration: none;line-height: 50px;border-radius:25px;outline:none;}

/*汎用*/
.mincho {font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
.serif {font-family:  "Times New Roman", Times, serif, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝";}
.gothic {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.clr {clear:both;}
.rc5 {border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.boxshadow {box-shadow: 2px 2px 4px rgba(0,0,0,0.5); -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);}
.txthshadow {text-shadow:1px 1px 1px #fff,-1px 1px 1px #fff,-1px -1px 1px #fff,1px -1px 1px #fff;}

.clearfix:after, .model > div:after {content:"";display:block;position:relative;clear:both;}