@import url('https://fonts.googleapis.com/css?family=EB+Garamond&display=swap');
@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond:300,300i,400&display=swap');
@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond&display=swap');


#Asturias{padding-bottom: 40px;}

.ebgaramond{font-family: 'EB Garamond', serif;}
.cormorantgaramond{font-family: 'Cormorant Garamond', serif;}

p.soldout {text-align: center;margin-top: 40px;background: #f9edf5;font: normal 0.8em / 34px times new roman, 'sawarabi_mincho', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'MS PMincho', serif;color: #c1979f;}
p.soldout {display: inline-block;padding: 5px 20px;margin: 10px 0 0;font: normal 0.7em / 20px times new roman, 'sawarabi_mincho', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'MS PMincho', serif;}



#mainTitle {text-align: center;background: url(../images/bgMain.jpg) center top; background-size:1776px 413px;}
#mainTitle h1 {width:990px;margin:0 auto;}
#mainTitle h1 img {width:100%;height:auto;}



#lcnv{background: #fbfbfb;padding:20px 0 22px;width:100%;margin-bottom: 0px;}
#lcnv ul{display: table;width:990px;margin:0 auto;}
#lcnv ul li{display: table-cell;width:33.33%;font-family: "Hannari";font-size:15px;text-align: center;border-left:solid 1px #ddd;line-height: 1;}
#lcnv ul li:first-child{border-left:none;}
#lcnv ul li a{text-decoration:none;display: block;}
#lcnv ul li span{font-size:13px;display: block;line-height:2;}



#fluoriteword{width: 100%;text-align: center;}
#fluoriteword img{width: 736px;height:auto;}



#prologueImg{width:100%;height:583px;display: block;background: url(../images/prologue.jpg) no-repeat center top;background-size: contain;}



#prologue{width:990px;height:auto;margin: 60px auto 0;}
.prlgc{display: table;width:100%;margin-bottom: 0px;}
.prlgcLeft{display: table-cell;width:50%;padding-right:15px;box-sizing: border-box;vertical-align: top;position: relative;}
.prlgcRight{display: table-cell;width:50%;padding-left:15px;box-sizing: border-box;vertical-align: top;position: relative;}
.prlgc02 .prlgcLeft{width:50%;padding-right:0px;text-align: right;}
.prlgc02 .prlgcRight{width:50%;padding-left:65px;padding-top: 30px;}
.prlgc02 .prlgcRight span{display: block;font-size:24px;margin-bottom: 20px;font-family: "Hannari";color:#232323;}


.prlgcText{font-family: "Sawarabi Mincho";font-size:14px;line-height:2;letter-spacing: -1px;color:#666;}
.prlgcPhoto{position: relative;}
.prlgcPhoto img{margin-bottom: 30px;}

.chapterBox{text-align: center;padding-top: 100px;margin-top:100px;border-top:solid 1px #ccc;}
.chapterBox .keisen{width:70px;height:1px;display: block;border-bottom:solid 1px #ccc;margin:60px auto;}
.chapimg{width:200px;height:70px;}
.chapterBox h2{font-family: 'Cormorant Garamond', serif;font-size:48px;line-height:1;}
.chapterBox .kana{font-family: "Hannari";color:#232323;font-size: 16px;display: block;line-height: 2.5;margin-bottom: 45px;}
.chapterPrologue{width:759px;margin:0 auto 30px;}
.chapterPrologue img{width:100%;height:auto;margin-bottom: 30px;}
.chapterPrologue img.sponly{display: none}



.chapterPrologue p{font-family: "Sawarabi Mincho";font-size:13px;line-height: 2;margin-bottom: 25px;text-align: left;color:#666;}



.itemColumn{width:759px;margin: 0 auto 45px;}
.itemUnit{display: table;margin-left: -15px;margin-right:-15px;}
.itemUnit .item{padding:0 15px 45px;text-align: left;}
.itemUnit .item a{text-decoration: none;display: block;}
.itemUnit .item a:hover{opacity:.4;}
.itemUnit .item img{width:100%;height:auto;margin-bottom: 8px;}
.itemUnit .item span.itemTitle{display: block;font-size:16px;line-height: 1.4;color:#859dac;font-family: 'Cormorant Garamond', serif;}
.itemUnit .item span.itemTitle img{width:15px;height:15px;margin-left: 5px;position: relative;top:4px;float:none;display: inline-block;}
.itemUnit .item span.itemCatch{display: block;font-size:11px;line-height: 1.4;color:#505050;}
.itemUnit01 .item{display: table-cell;width:100%;}
.itemUnit02 .item{display: table-cell;width:50%;}
.itemUnit03 .item{display: table-cell;width:33.33%;}



.bnr_s{margin-top: -55px;}
.bnr_s a{display: block;}
.bnr_s img{max-width: 100%;height:auto;border-bottom: solid 1px #ddd;}


.toItemList{ margin-bottom: 40px; text-align:center;}
.toItemList a{position: relative; font:normal 1em / 24px times new roman, sawarabi_mincho, 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', HiraMinProN-W3, 'MS PMincho', serif;background:#efefef;display:inline-block;line-height:1;text-decoration:none;border:solid 1px #ddd;border-radius:30px;padding:20px 60px;}
.toItemList a:hover{text-decoration:none;color:#fff;background-color:#ccc;}
.toItemList a:after{
  display: block;
  position: absolute;
  top: 50%;
  right: 13px;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  border-top: 1px solid #6d6d6d;
  border-right: 1px solid #6d6d6d;
  transform: rotate(45deg);
  content: '';
}


/* ------------------------------------------------------------------
	responsive - added 202105
------------------------------------------------------------------- */


/* ------------------------------------------------------------------
  for Smartphone / Portrait-tablets - ~ 992px
------------------------------------------------------------------- */
@media screen and (max-width: 992px) {

  .pconly{display: none;}
  .sponly{display: block;}
  br.sponpy{display: block;width: 100%;height:10px;}

  #Asturias{padding: 70px 30px 0; width:100%;overflow: hidden;}


  #mainTitle {background: none;}
  #mainTitle h1 {width:100%;}
  #mainTitle h1 img {display: none;}
  #mainTitle h1 img.sponly {width:100%;height:auto;display: block;}


  #lcnv{padding: 0;}
  #lcnv ul{width:100%;}
  #lcnv ul li:first-child{display:none;}
  #lcnv ul li a{display: block;padding:14px 14px 18px;}
  #lcnv ul li{width:50%;border-left: solid 1px #ddd;line-height: 1.2;border-bottom: solid 1px #ddd;padding:0px;box-sizing: border-box;font-size:12px;letter-spacing: -2px;}
  #lcnv ul li span{line-height: 1.8;letter-spacing: 1px;}

  
  #fluoriteword img{display: none}
  #fluoriteword img.sponly{display: block;width: 100%;}

  
  #prologueImg{width:100%;height:auto;background: none;margin-bottom: 20px;}
  #prologueImg img.sponly{display: block;width: 100%;}

  
  #prologue{width:100%;height:auto;margin: 10px auto 0;}
  .prlgc{display: block;width:100%;margin-bottom: 0px;}
  .prlgcLeft{display: block;width:100%;padding-right:0px;}
  .prlgcRight{display: block;width:100%;padding-left:0px;}
  .prlgc02 .prlgcLeft{width:100%;padding-right:0px;text-align: left;}
  .prlgc02 .prlgcRight{width:100%;padding-left:0px;padding-top: 0px;}


  .prlgcText{font-size:13.5px;line-height:1.7;letter-spacing: 0px;color:#666;padding:0px}
  .prlgcText br{display: none}
  .prlgcText br.sponly{display: block;}
  .prlgcText div{padding: 0 20px 20px;}
  .prlgcText img{display: block;margin:20px 0 20px;width:100%;height:auto;}
  .prlgcText img.photo03{margin-top:-20px;}

  
  .prlgcPhoto{display: none;}
  .prlgc02 .prlgcRight span{font-size:24px;margin-bottom: 0px;text-align: center;padding-top: 20px}


  .chapterBox{text-align: center;padding-top: 45px;margin-top:0px;border-top:none;}
  .chapterBox#chapter01{border-top:none;}
  .chapimg{width:150px;height:49px;}
  .chapterBox .keisen{width:50px;height:1px;display: block;border-bottom:solid 1px #ccc;margin:30px auto;}
  .chapterBox h2{font-family: 'Cormorant Garamond', serif;font-size:28px;line-height:1;}
  .chapterBox .kana{font-family: "Hannari";color:#232323;font-size: 11px;display: block;line-height: 2.5;margin-bottom: 45px;}
  .chapterPrologue{width:100%;margin:0 auto 20px;}
  .chapterPrologue img{display: none}
  .chapterPrologue img.sponly{display: block;width:100%;height:auto;margin-bottom:0px;}
  .chapterPrologue p{font-size:13.5px;line-height: 1.7;margin-bottom: 0px;text-align: left;color:#666;padding: 20px 20px 0px;}


  .itemColumn{width:100%;margin:0 auto;}
  .itemUnit{display:block;margin-left:0;margin-right:0;overflow:hidden;padding:0 10px;}
  .itemUnit .item{text-align:left;width:100%;box-sizing:border-box;padding:0 10px 25px;}
  .itemUnit .item.pconly{display: none;}
  .itemUnit03 .item{width:50%;float:left;}
  .itemUnit01 .item,.itemUnit02 .item{display:block;width:100%;}.itemUnit_s .item{width:100%;float:none;display:block;overflow:hidden;border-bottom:solid 1px #efefef;padding-bottom:10px;margin-bottom:20px;}
  .itemUnit_s .item img{width:35%;height:auto;margin-bottom:8px;display:block;float:left;margin-right:20px;}
  .itemUnit01 .item,.itemUnit02 .item{border-bottom:solid 1px #efefef;padding-bottom:20px;margin-bottom:20px;}


  .toItemList{margin-bottom:0;}
  .toItemList a{margin-top:30px;font-size:14px;padding:14px 40px;}

  .bnr_s {margin-bottom: 60px;}
  .bnr_s{margin-top: 0px;}

  .bnr_s a {display: block; margin: 0 20px; text-align: center;}
  .bnr_s a:first-child {margin-bottom: 20px;}
  .bnr_s a img {border: solid 1px #ddd;max-width: 300px;}

}

/* ------------------------------------------------------------------
  for Smartphone / Portrait-tablets - ~ 428px
------------------------------------------------------------------- */
@media screen and (max-width: 428px) {
  #Asturias{padding: 70px 0px 40px;}
}

/* ------------------------------------------------------------------
  for Tablets / Desktop - 993px ~
------------------------------------------------------------------- */
@media print, screen and (min-width: 993px) {

  .sponly{display: none;}
  .pconly{display: block;}

  #mainTitle h1 img.sponly {display: none;}

  #prologueImg img.sponly{display: none;}

  #fluoriteword img.sponly{display: none;}

  .photo01{width:614px;height:303px;position: absolute;top:0;left:75px;}
  .photo02{width:369px;height:auto;position: absolute;top:333px;left:75px;}
  .photo03{width:677px;height:378px;position: absolute;top:50px;right:30px;}
  .photo04{width:546px;height:auto;position: absolute;top:458px;right:30px;}
  .prlgcText img{display: none;}

  .itemUnit01 .item.sponly {display: none;}


}