body
{
 font-family:sans-serif;
}
div.center
{
 align: center;
 text-align: center;
}
p.center
{
 align: center;
 text-align: center;
}
.hidden
{
 display: none;
}
h1.nom
{
 margin-bottom: 0;
}
h2.nom
{
 margin-bottom: 0;
}
h3.nom
{
 margin-bottom: 0;
}
h4.nom
{
 margin-bottom: 0;
}
td.top
{
 vertical-align: top;
}

/* 全体 */
div.allPC
{
 width: 600px;
/* margin : 0 auto; */
 margin-right: auto;
 margin-left : auto;
}
div.allSmart
{
 margin-left: 8px;
}
div.parentTop
{
}

/* hの大きさ調整 */
h1
{
 text-align: center;
 font-size: 1.6em;
}
@media screen and (max-width: 640px)
{
 h1
 {
  font-size: 1.6em;
 }
}
h2
{
 font-size: 1em;
}

/* メニュー */
div.logo
{
 text-align: center;
 height: auto;
 margin-top: 2em;
 margin-bottom: 2em;
}
img.logo
{
 align: center;
 width :360px;
 max-width: 50vw;
 height: auto
}
div.style
{
 text-align: center;
 height: auto;
}
div.menu
{
 position: relative;
 text-align: center;
 height: 50;
}
a.menu
{
 text-decoration: none;		/* アンダーラインなし */
}
img.menu
{
 vertical-align: middle;
}
/* ボタン */
div.icon
{
 position: absolute;
 right: 0;
 top: 8px;
}
/* index */
p.info
{
 margin-top: 2em;
 margin-bottom: 1em;
}
div.info
{
 font-size: 1em;
}
@media screen and (max-width: 640px)
{
 div.info
 {
  font-size: calc(100vw / 34);
 }
}
/* フッター */
div.footer
{
 text-align: right;
 margin-top: 1em;
 margin-right: calc(calc(100vw - 640px) / 2);
 font-size: 0.6em;
}
@media screen and (max-width: 640px)
{
 div.footer
 {
  margin-top: 3em;
  margin-right: 10vw;
 }
}
/* ポップアップ */
div.button
{
 position: absolute;
 width: 3px;
 left: calc(calc(100vw - 720px) / 2);
 top: 42px;
}
div.popup
{
 position: absolute;
 width: 120px
 box-sizing: border-box;
 left: calc(calc(100vw - 720px) / 2);
 top: calc(32px + 42px);
 background-color: white;
 z-index: 103;
 border: 1px solid;
 margin-left: 8px;
}
div.popupitem
{
// font-family: serif;
 margin-left: 8px;
 margin-right: 8px;
 margin-bottom: 8px;
 font-size: 0.9em;
}
div.popupitem:hover
{
 background-color: silver;
}
hr.popupitem
{
 margin-left: 8px;
 margin-right: 8px;
}
a.popup
{
 text-decoration: none;
}
a.popup:link
{
 color: black;
}
a.popup:visited
{
 color: black;
}
a.popup:hover
{
 color: black;
}
a.popup:active
{
 color: black;
}
@media screen and (max-width: 640px)
{
 div.button
 {
  position: absolute;
  width: 32px;
  left: calc(10vw - 32px);
  top: 30px;
 }
 div.popup
 {
  position: absolute;
  width: 120px
  box-sizing: border-box;
  left: 0;
  top: calc(32px + 30px);
  background-color: white;
  z-index: 103;
  border: 1px solid;
 }
}
div.button:hover
{
  cursor:pointer;
}

/* LINEボタン */
div.linebutton
{
 position: absolute;
 width: 116px;
 right: calc(calc(100vw - 720px) / 2);
 top: 42px;
}
@media screen and (max-width: 640px)
{
 div.linebutton
 {
  position: absolute;
  width: 58px;
  right: 8px;
  top: 36px;
 }
}

/* 説明文 */
p.intro
{
 text-align: center;
// font-family: "Shinsei Kaisho CBSK1";
 font-size: 1.0em; 
 height: 80;
}
/* スマホ用 */
.SmartBody
{
 text-align: center;
}
/* パッド用 */
.PadBody
{
 text-align: center;
}
/* パソコン用 */
.PCBody
{
 text-align: center;
}

.box
{
 /* 横並び */
 display: inline-block;

 /* 位置相対 */
 position: relative;

 /* 画像を中央上に */
 text-align: center;
 vertical-align: top;

 /* ちょい間を開ける */
 padding: 4px;
}

/* マウスオーバー処理 */
.box span.detail
{
 display: none;
}
.box span.detailPC
{
 display: none;
}
.zoomPC
{
 color: black;
 background-color: white;
 width: 256px;
 height: 512px;
 max-height: 100%;
 text-align: center;
}
.zoom
{
 background: none;
 color: rgb(0, 0, 0);
 background-color: rgba(255, 255, 255, 0);
 display: block;
 position: absolute;
 top: 40px;
 left: 0;
 width: 100%;
 height: 100%;
 text-align: center;
 vertical-align: bottom;
 color: white;
 text-shadow: 2px 2px 1px #000;
}
.parent
{
 align: center;
}

/* スマホ用 */
div.Smart
{
 width: 18vw;
 height: auto;
 margin-top: 2vw;
}
.parent .Smart:nth-child(2n);
{
 margin-left: 0px;
}
div.SmartTop
{
 display: inline-block;
 width: 40vw;
 height: auto;
 margin-left: 2vw;
 margin-right: 2vw;
 margin-bottom: 4vw;
}
img.SmartTop
{
 width: 40vw;
 height: auto;
 box-shadow: 0 0 4px gray;
}
div.SmartItem
{
 vertical-align: top;
 display: inline-block;
 width: 42vw;
 height: auto;
 margin-left: 2vw;
 margin-right: 1vw;
 margin-bottom: 4vh;
}
img.SmartItem
{
 width: 42vw;
 height: auto;
}
div.zoomSmart
{
 position:absolute;
 top: 100vw;
 left: 0px;
 width: 100vw;
 height: auto;
 color: white;
// font-family: "Shin Go Bold";
 font-size: 1em;
 font-weight:bold; 
 text-align: center;
/* text-shadow: black 1px 1px 0px, black -1px 1px 0px,
        black 1px -1px 0px, black -1px -1px 0px;*/
}
h1.zoomSmart
{
 margin: 0;
}
img.zoomSmart
{
 position: absolute;
 top: 0;
 max-height: 100%;
 max-width: 100%;
}
span.zoomSmartL
{
 position:absolute;
 bottom: 0;
 left: 20vw;
 color: white;
// font-family: "Shin Go Bold";
 font-size: 1.5em;
 font-weight:bold; 
}
span.zoomSmartR
{
 position:absolute;
 bottom: 0;
 right: 20vw;
 color: white;
// font-family: "Shin Go Bold";
 font-size: 1.5em;
 font-weight:bold; 
}
span.comment
{
 font-size: 0.75em;
/* white-space: nowrap;*/
}
a.white:link
{
 color: white;
}
a.white:visited
{
 color: white;
}
a.white:hover
{
 color: white;
}
a.white:active
{
 color: white;
}
/* パッド用 */
div.Pad
{
 width: 15vw;
 height: auto;
 margin-right: 5vw;
}
/* パソコン用 */
div.PC
{
 width: 124px;
 height: auto;
}
div.PCItem
{
 vertical-align: top;
 width: 280px;
/* height: 120px;*/
 margin-right: 9px;
 margin-bottom: 9px
}
img.PCItem
{
 cursor: pointer;
 width: 280px;
/* height: 120px;*/
 margin-right: 9px;
 cursor: hand;
}
.PCItem
{
 display: inline-block;
 position: relative;
}
div.fullBox
{
 display: flex;
 position: fixed;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 justify-content: center;
 align-items: center;
 background: RGBA(128, 128, 128, .5);
 z-index: 103;
}
img.full
{
 max-width: 100%;
 max-height: 100%;
 width: 512;
 height: 512px;
}
img.fullC
{
 max-width: 100%;
 max-height: 100%;
}
img.urlSmart
{
 position: fixed;
 top: 0px;
 right: 0px;
 z-index: 105;
}
img.urlPC
{
 position: fixed;
 top: calc(50% - 256px);
 left: calc(calc(50% + 128px) - 64px);
 z-index: 105; /* 前面 */
}
.hide
{
 display: none;
}
/* ORIGINAL頁 */
div.originalstatus
{
 border: 1px solid;
}
img.original
{
 width: 320px;
}
img.originalitem
{
 width: 80px;
}
img.originalitem:hover
{
  cursor:pointer;
}
div.originalboxs
{
 width: 600px;
 overflow-x: scroll;
}
div.originalboxn
{
 width: 600px;
}
p.originalbox1
{
 text-align: left;
 width: calc(85px * 1);
}
p.originalbox2
{
 text-align: left;
 width: calc(85px * 2);
}
p.originalbox3
{
 text-align: left;
 width: calc(85px * 3);
}
p.originalbox4
{
 text-align: left;
 width: calc(85px * 4);
}
p.originalbox5
{
 text-align: left;
 width: calc(85px * 5);
}
p.originalbox6
{
 text-align: left;
 width: calc(85px * 6);
}
p.originalbox7
{
 text-align: left;
 width: calc(85px * 7);
}
p.originalbox8
{
 text-align: left;
 width: calc(85px * 8);
}
p.originalbox9
{
 text-align: left;
 width: calc(85px * 9);
}
p.originalbox10
{
 text-align: left;
 width: calc(85px * 10);
}
div.originalinfo
{
 display: block;
 text-align: center;
 width: 600px;
}
div.originalinfoinfo
{
 display: block;
 width: 320px;
 text-align: left;
 margin-left: auto;
 margin-right: auto;
}
p.originalstatus
{
 border: 1px solid;
 width: 320px;
}
@media screen and (max-width: 640px)
{
 img.original
 {
  width: 88vw;
 }
 img.originalitem
 {
  width: 80px;
 }
 div.originalbox
 {
   width: 92vw;
   height: auto;
   overflow-x: scroll;
 }
 div.originalinfo
 {
  display: block;
  text-align: center;
  width: 90vw;
 }
 div.originalinfoinfo
 {
  display: block;
  width: 80vw;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
 }
 p.originalstatus
 {
  border: 1px solid;
  width: 80vw;
 }
}

/* PHOTO頁 */
div.zoomSmartPhoto
{
 position:absolute;
 top: 100vw;
 left: 0px;
 width: 100vw;
 height: auto;
 color: black;
// font-family: "";
 font-size: 1em;
 font-weight: normal;
 text-align: center;
}
img.zoomSmartPhoto
{
 position: absolute;
 top: 0;
 max-height: 100%;
 max-width: 100%;
}
div.fullBoxPhoto
{
 display: flex;
 position: fixed;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 justify-content: center;
 align-items: center;
 background: white;
 z-index: 103;
}

/* 携帯用 */
div.Keitai
{
 width: 100vw;
 height: auto;
}

.box img
{
 /* いっぱいに表示 */
 width:auto;
 height:auto;
 max-width:100%;
 max-height:100%;
}

/* スマホ用 */
span.Smart
{
 font-size: 16px;
}
/* パッド用 */
span.Pad
{
 font-size: 64px;
}
/* パソコン用 */
span.PC
{
}

/* バナー */
img.banner
{
  width: auto;
  height: auto;
  max-width:234;
  max-height:60;
}

/* トップに戻るボタン */
#toTop
{
 position: fixed;
 bottom: 18px;
 right: 18px;
}

/* ヤフオク！ボタン */
.yahaucSmart
{
 position: fixed;
 width: 128px;
 height: 36px;
 top: 0px;
 right: 0px;
 z-index: 105; /* 前面 */
}
.yahaucPC
{
 position: fixed;
 width: 128px;
 height: 36px;
/* top: calc(50% + 192px);    /* (512-128)/2 */
 top: calc(50% + 164px);
 left: calc(50% + 192px);   /* 256/2 + (256/128)/2 */
 z-index: 105; /* 前面 */
}
/* ABOUT */
p.top
{
 margin-top: 0;
}

/* シーズンタイトル */
div.tags
{
 test-align: left;
// font-family: 'Open Sans', sans-serif;
 font-size:24px;
 width: 256px;
 margin-right: 12px;
 margin-bottom: 16px;
 display: inline-block;
 color: #000000;
 overflow: hidden;
}
div.season
{
// font-family: 'Open Sans', sans-serif;
 font-size:16px;
 text-align:center;
 margin-top:-16px;
 margin-bottom:16px;
 width: 120px;
 margin-right: 9px;
 display: inline-block;
 position: relative;
 color: #000000;
 overflow: hidden;
}

/* スマホ */
@media screen and (max-width: 640px)
{
 /* 画像サイズ調整 */
 img
 {
  max-width: 100%;
  height: auto;
  width: auto;
 }
 /* 回転しても文字の大きさ一緒 */
 body
 {
/*  -webkit-text-size-adjust : none; */
 }
 /* メニュー */
 div.menu
 {
  text-align: center;
  height: auto;
 }
 /* 最上部固定 */
 div.tag
 {
  position: static;
 }

 /* 説明文 */
 p.intro
 {
  text-align: center;
//  font-family: "Shinsei Kaisho CBSK1";
  font-size: 1.0em; 
  height: auto;
 }
 /* 強制改行 */
 p
 {
  word-wrap: break-word;
 }
 /* 列の多いテーブル */
 .sm
 {
  overflow: scroll;
 }
 
 /* シーズンタイトル */
 div.season
 {
//  font-family: 'Open Sans', sans-serif;
  font-size:16px;
  text-align:center;
  width: 18vw;
  margin-top: 0px;
  margin-right: 9px;
  margin-bottom: -8px;
  display: inline-block;
  position: relative;
  color: #000000;
  overflow: hidden;
 }
 div.tags
 {
//  font-family: 'Open Sans', sans-serif;
  font-size:12px;
  width: 42vw;
  margin-left: 8px;
  margin-right: 0px;
  margin-bottom: 16px;
  display: inline-block;
  color: #000000;
  overflow: hidden;
 }
}

/* マップ用 */
img.map
{
 max-width: 256px;
}
h2.bottom0
{
 margin-bottom: 0;
}
p.top0
{
 margin-top: 0;
}

/* ABOUT用 */
div.about
{
// font-family: "Shinsei Kaisho CBSK1";
}
table.about
{
 border-collapse: separate;
 border-spacing: 1em 2em;
}
@media screen and (max-width: 640px)
{
 div.about
 {
//  font-family: "Shinsei Kaisho CBSK1";
  font-size: 0.72em;
  -webkit-text-size-adjust: 72%;
 }
 table.about
 {
  border-collapse: separate;
  border-spacing: 0.72em 1.44em;
 }
}

/* 問い合わせボタン */
a.button
{
 align: center;
 text-align: center;
 position: relative;
 display: inline-block;
 padding: 1em;
 text-decoration: none;
 color: #000000;
 background: #ECE81A;
 border-radius: 32px;
 width: 256px;
}

/* コレクション */
img.smart1
{
  width: 80vw;
  margin-bottom: 1em;
}
img.smart2
{
  width: 40vw;
  margin-bottom: 1em;
}
img.pc1
{
  margin-bottom: 1em;
}
img.pc2
{
  margin-bottom: 1em;
}
iframe.smarty
{
  width: 80vw;
  height: 45vw;
}
img.pc1:hover
{
 cursor: pointer;
}
img.pc2:hover
{
 cursor: pointer;
}

/* リース */
table.leasetable
{
 margin-bottom: 1em;
}
h2.leasetitle
{
 background-color: gray;
 color: white;
}
div.margin1bottom
{
 margin-bottom: 1em;
}
div.margin2bottom
{
 margin-bottom: 2em;
}
.leasedate
{
 position: absolute;
 right: 0;
 bottom: 0;
}
td.leasebox
{
 position: relative;
}