@charset "utf-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; font-weight:normal;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}
img{vertical-align:bottom;}
ol,ul {list-style:none;}

/*----------------------------------------------------
 common
--------------------------------------------------- */
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

html, body {
  font-family:'Amiri', 'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size:13px;
  line-height: 180%;
  background:#FFF;
  color:#000;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
    word-wrap: break-word;
}
img[src$=".svg"] {
    width: 100%;
}
/*----------------------------------------------------
 font
--------------------------------------------------- */
.mincho{
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

/*----------------------------------------------------
 link
--------------------------------------------------- */
a:link,a:visited,a:active{
  color:#000;
  text-decoration:none;
   -webkit-tap-highlight-color:transparent;
}

p::selection {
  background: #b4956a;
  color: #FFF;
}
p::-moz-selection {
  background: #b4956a;
  color: #FFF;
}
/*----------------------------------------------------
 slick
--------------------------------------------------- */
:focus {
  outline: none;
}
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;/* height: 100%; */min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

.slide .slick-prev{
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 0;
  z-index: 1;
  width: 35px;
  height: 35px;
  border:none;
  text-indent: -9999px;
  cursor: pointer;
  background: #FFF url(https://precious.ismcdn.jp/common/images/precious/v1/common/arrow_left01.png) no-repeat center center;
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
  -webkit-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
     -moz-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
      -ms-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
       -o-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
          transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
}
.slide .slick-prev:hover{
  -webkit-transform: scale3d(1,1,1) translate3d(-10px,0px,0px) rotate(0deg);
     -moz-transform: scale3d(1,1,1) translate3d(-10px,0px,0px) rotate(0deg);
      -ms-transform: scale3d(1,1,1) translate3d(-10px,0px,0px) rotate(0deg);
       -o-transform: scale3d(1,1,1) translate3d(-10px,0px,0px) rotate(0deg);
          transform: scale3d(1,1,1) translate3d(-10px,0px,0px) rotate(0deg);
}
.slide .slick-next{
  position: absolute;
  top: 50%;
  margin-top: -17px;
  right: 0;
  z-index: 1;
  width: 35px;
  height: 35px;
  border:none;
  text-indent: -9999px;
  cursor: pointer;
  background: #FFF url(https://precious.ismcdn.jp/common/images/precious/v1/common/arrow_right01.png) no-repeat center center;
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
  -webkit-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
     -moz-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
      -ms-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
       -o-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
          transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
}
.slide .slick-next:hover{
  -webkit-transform: scale3d(1,1,1) translate3d(10px,0px,0px) rotate(0deg);
     -moz-transform: scale3d(1,1,1) translate3d(10px,0px,0px) rotate(0deg);
      -ms-transform: scale3d(1,1,1) translate3d(10px,0px,0px) rotate(0deg);
       -o-transform: scale3d(1,1,1) translate3d(10px,0px,0px) rotate(0deg);
          transform: scale3d(1,1,1) translate3d(10px,0px,0px) rotate(0deg);
}
.slide .slick-disabled{
  opacity: 0.2;
}
/*----------------------------------------------------
 レイアウト
--------------------------------------------------- */
#wrapper{
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 140px;
}
.block-column{
  width:1100px;
  margin: 0 auto;
  overflow: hidden;
}
.block-main-column{
  float: left;
  width: 720px;
}
.block-main-column .block-column{
  width: auto;
}
.block-side-column{
  float: right;
  width: 300px;
}
/*ラインブロック*/
.block-line01-column{
  display: table;
  width: 1100px;
  table-layout: fixed;
  height: 100%;
  margin: 0 auto;
  margin-top: 90px;
  border-top:1px #c5a983 solid;
}

.block-line01-column .block-main-column{
  display: table-cell;
  width: 760px;
  height: 100%;
  border-right:1px #c5a983 solid;
  box-sizing:border-box;
  vertical-align: top;
  padding-bottom: 70px;
}
.block-line01-column .block-side-column{
  display: table-cell;
  float: none;
  width: 300px;
  height: 100%;
  margin-left: 40px;
  vertical-align: top;
}
.block-line02-column{
  display: table;
  width: 1100px;
  table-layout: fixed;
  height: 100%;
  margin: 0 auto;
  border-bottom:1px #c5a983 solid;
}
.block-line02-column.top_line{
  border-top:1px #c5a983 solid;
}
.block-line02-column .block-main-column{
  display: table-cell;
  width: 760px;
  height: 100%;
  border-right:1px #c5a983 solid;
  box-sizing:border-box;
  padding-top: 50px;
  vertical-align: top;
  padding-bottom: 150px;
}
.block-line02-column .block-side-column{
  display: table-cell;
  float: none;
  width: 300px;
  height: 100%;
  margin-left: 40px;
  padding-top: 50px;
  padding-bottom: 150px;
  vertical-align: top;
}
/*----------------------------------------------------
 タイトル
--------------------------------------------------- */
.block_title{
  font-size: 26px;
  letter-spacing: 0.03em;
  line-height: 1;
}
.block_title span{
  font-size: 13px;
  color: #777777;
  margin-left: 25px;
}
.block_title_small{
  position: relative;
  font-size: 20px;
  line-height: 125%;
}
.block_title_small span.update{
  position: absolute;
  bottom: 0;
  right: 0px;
  font-size: 13px;
  color: #777777;
}
.block_title_small .ja{
  display: block;
  font-size: 13px;
  color: #777777;
}
.block_title_center{
  font-size: 25px;
  text-align: center;
}
.block_title_center span{
  display: block;
  font-size: 13px;
  padding-top: 12px;
}
.block_title_center h2{
  display: block;
  font-size: 13px;
  padding-top: 12px;
}


/*----------------------------------------------------
  サムネイルリスト
--------------------------------------------------- */
.thum_list .column{
  position: relative;
  padding-top: 25px;
}
.thum_list .column .meta{
  position: absolute;
  top: 0;
  left: 0;
  font-size: 13px;
  line-height: 1;
}
.thum_list .column .meta .category:after{
  content: "|";
  margin-left: 10px;
  margin-right: 10px;
}
.thum_list .column .meta .category a,
.thum_list .column .meta .category{
  color: #b29061;
}
.thum_list .column .image{
  position: relative;
  overflow: hidden;
  /* max-height:400px;  2017.6.16 yoshida追加（縦長画像対応）*/
}
.thum_list .column .image a{
  position: relative;
  display: block;
  margin: 0 auto;
}
.thum_list .column .image img{
  max-width:100%;
  -webkit-transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
     -moz-transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
      -ms-transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
       -o-transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
          transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
}
.thum_list .column.view .image img.notlazy-image{
  transition: none;
}
.thum_list .column.view .image img{
  opacity: 1;
  -webkit-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
     -moz-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
      -ms-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
       -o-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
          transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
    -webkit-transition: all 1.2s 0s ease;
       -moz-transition: all 1.2s 0s ease;
        -ms-transition: all 1.2s 0s ease;
         -o-transition: all 1.2s 0s ease;
            transition: all 1.2s 0s ease;
}
.thum_list .column:hover .image img{
    -webkit-transition: all 1.2s 0s ease;
       -moz-transition: all 1.2s 0s ease;
        -ms-transition: all 1.2s 0s ease;
         -o-transition: all 1.2s 0s ease;
            transition: all 1.2s 0s ease;
  -webkit-transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
     -moz-transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
      -ms-transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
       -o-transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
          transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
}
.thum_list .column.pr .image:after{
  content: " ";
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_pr.png) no-repeat;
  width: 31px;
  height: 16px;
  position: absolute;
  top: 0;
  left: 0;
}
.thum_list .column .title{
  margin-top: 10px;
  font-size: 13px;
  line-height: 153%;
  letter-spacing: -0.06em;
}
.thum_list .column .exp{
  margin-top: 15px;
  font-size: 13px;
  line-height: 153%;
}
.thum_list .column .by_tag{
  margin-top: 30px;
  font-size: 12px;
  overflow: hidden;
  max-width: 450px;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.thum_list .column .by_tag dt{
  clear: both;
  float: left;
  color: #999999;
  letter-spacing: 0.05em;
}
.thum_list .column .by_tag dd a:after{
  content: "/";
  padding-right: 10px;
  margin-left: 10px;
}
.thum_list .column .by_tag dd a:last-child:after{
  content: "";
  padding-right: 0px;
  margin-left: 0px;
}

/*----------------------------------------------------
  サムネイルリスト メインランキング
--------------------------------------------------- */
.thum_list.ranking .column:nth-child(1) .image:after{
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/rank_main1.png) no-repeat center center;
  width: 70px;
  height: 70px;
}
.thum_list.ranking .column:nth-child(2) .image:after{
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/rank_main2.png) no-repeat center center;
  width: 70px;
  height: 70px;
}
.thum_list.ranking .column:nth-child(3) .image:after{
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/rank_main3.png) no-repeat center center;
  width: 70px;
  height: 70px;
}
.thum_list.ranking .column:nth-child(4) .image:after{
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/rank_main4.png) no-repeat center center;
  width: 70px;
  height: 70px;
}
.thum_list.ranking .column:nth-child(5) .image:after{
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/rank_main5.png) no-repeat center center;
  width: 70px;
  height: 70px;
}
.thum_list.ranking .column:last-child{
  border-bottom:none !important;
}

/*----------------------------------------------------
  リスト　サイド：ランキング、
--------------------------------------------------- */
.thum_list_small{
  margin-top: 15px;
  border-top: 1px #ddd solid;
}
.thum_list_small .column{
  padding-top:20px;
  padding-bottom: 16px;
  border-bottom: 1px #ddd solid;
}
.thum_list_small .column a{
  display: block;
  overflow: hidden;
}
.thum_list_small .column a .image{
  float: left;
  width: 115px;
  overflow: hidden;
}
.thum_list_small .column a .image img{
  width: 100%;
  height: auto;
    -webkit-transition: all 0.8s 0s ease;
       -moz-transition: all 0.8s 0s ease;
        -ms-transition: all 0.8s 0s ease;
         -o-transition: all 0.8s 0s ease;
            transition: all 0.8s 0s ease;
}
.thum_list_small .column a:hover .image img{
  -webkit-transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
     -moz-transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
      -ms-transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
       -o-transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
          transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
}
.thum_list_small .column a .text_block{
  float: right;
  width: 170px;
}
.thum_list_small .column a .text_block .date{
  font-size: 13px;
  color: #777777;
  line-height: 1;
}
/* 20170912 */
.thum_list_small .column a .text_block .sign{
  font-size: 14px;
  color: #777777;
  line-height: 20px;
}
.thum_list_small .column a .text_block .exp{
  font-size: 12px;
  line-height: 150%;
  margin-top: 5px;
}
.thum_list_small .column.pr .image:after{
  content: " ";
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_pr.png) no-repeat;
  width: 31px;
  height: 16px;
  position: absolute;
  top: 0;
  left: 0;
}



/*----------------------------------------------------
  ページング
--------------------------------------------------- */
.paging{
  overflow: hidden;
  margin-top: 60px;
  position: relative;
  padding-bottom: 100px;
}
.paging a.prev{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/arrow_left02.png) no-repeat left center;
  padding-left: 18px;
  height: 40px;
  background-size: 6px;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  line-height: 45px;
  font-size: 15px;
}
.paging a.next{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/arrow_right02.png) no-repeat right center;
  padding-right: 18px;
  height: 40px;
  background-size: 6px;
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  line-height: 45px;
  font-size: 15px;
}
.paging.pagetitle a.next{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/arrow_right02.png) no-repeat right center;
  padding-right: 18px;
  height: 40px;
  background-size: 6px;
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  line-height: 45px;
  font-size: 14px;
}
.paging a.prev.none,
.paging a.next.none{
  opacity: 0.2;
}
.paging ul{
  text-align: center;
  letter-spacing: -0.4em;
}
.paging ul li{
  display: inline-block;
  letter-spacing: normal;
  font-size: 14px;
  margin: 0 12px;
  vertical-align: middle;
}
.paging ul li.dot{
  margin-right: 0px;
}
.paging ul li a{
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 17px;
  color: #777777;
  border:1px #cccccc solid;
  box-sizing:border-box;
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}
.paging ul li.current a{
  background: #f5f5f5;
}
.paging ul li a:hover{
  background: #999999;
  color: #FFF;
}


/*----------------------------------------------------
  #header
--------------------------------------------------- */
#header{
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -550px;
  width: 1100px;
  height: 140px;
  background: #FFF;
  /* overflow: hidden; */
  z-index: 100;
}
#header.page{
  border-bottom: 1px #c5a983 solid;
}
#header .logo{
  position: absolute;
  top: 32px;
  left: 0px;
  width: 174px;
}
#header ul.navi{
  position: absolute;
  top: 96px;
  left: 0px;
  letter-spacing: -0.4em;
  text-align: left;
}
#header ul.navi li{
  display: inline-block;
  letter-spacing: normal;
  /* margin-right: 28px; */
  margin-right: 26px;
}
#header ul.navi li a{
  height: 40px;
  display: block;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0.03em;
  position: relative;
}
#header ul.navi li a span.en{
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;

}
#header ul.navi li a span.ja{
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0%;
  text-align: center;
  font-size: 10px;
  line-height: 140%;
  width: 100%;
  display: block;
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;

}
#header ul.navi li a:hover span.en{
  opacity: 0;
}
#header ul.navi li a:hover span.ja{
  opacity: 1;
}
#header.page ul.navi li a.current{
  box-sizing:border-box;
  border-bottom: 3px #c5a983 solid;
}
#header .navi_mens{
  position: absolute;
  top: 91px;
  left: 775px;
  width: 64px;
}
#header .navi_mens a{
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}
#header .navi_mens a:hover{
  opacity: 0.7;
}
#header ul.sns{
  position: absolute;
  top: 97px;
  left: 877px;
  letter-spacing: -0.4em;
  text-align: left;
  border-left:1px #999999 solid;
  height: 20px;
  padding-left: 36px;
}
#header ul.sns li{
  display: inline-block;
  letter-spacing: normal;
  margin-right: 15px;
}
#header ul.sns li a{
  display: block;
  width: 20px;
  height: 20px;
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}
#header ul.sns li a:hover{
  opacity: 0.7;
}
#header ul.sns li.sns01 a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_sns01_black.svg) no-repeat center center;
  background-size: 16px;
}
#header ul.sns li.sns02 a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_sns02_black.svg) no-repeat center center;
  //background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_sns02.png) no-repeat center center;
  background-size: 7px;
}
#header ul.sns li.sns03{
  margin-right: 18px;
}
#header ul.sns li.sns03 a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_x_black.png) no-repeat center center;
  background-size: 16px;
}
#header ul.sns li.sns04 a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_sns04_black.svg) no-repeat center center;
  background-size: 18px;
}
#header ul.sns li.sns05 a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_sns05_black.svg) no-repeat center center;
  background-size: 18px;
}
#header .navi_search{
  position: absolute;
  top: 98px;
  right: 15px;
  height: 18px;
}
#header .navi_search a{
  display: block;
  width: 18px;
  height: 18px;
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_search.svg) no-repeat center center;
  background-size: 18px;
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}
#header .navi_search a:hover{
  opacity: 0.7;
}
#header.search .navi_search a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_close.svg) no-repeat center center;
  background-size: 18px;
}
#header .btn_login{
  position: absolute;
  top: 33px;
  right: 160px;
}
#header .btn_login a{
  width: 150px;
  height: 35px;
  display: block;
  border:1px #cccccc solid;
  box-sizing:border-box;
  text-align: center;
  position: relative;
}
#header .btn_login a:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: '';
  z-index: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
    -webkit-transform: scale(.5);
            transform: scale(.5);
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}
#header .btn_login a:hover:before {
  background: #333;
  -webkit-transform: scale(1);
          transform: scale(1);
}
#header .btn_login a span{
  position: relative;
  z-index: 1;
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}
#header .btn_login a span{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_login.png) no-repeat left 3px;
  padding-left: 33px;
  font-size: 13px;
  line-height: 34px;
}
#header .btn_login a:hover span{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_login_w.png) no-repeat left 3px;
  color: #FFF;
}
#header .btn_regist{
  position: absolute;
  top: 33px;
  right: 0px;
}
#header .btn_regist a{
  width: 150px;
  height: 35px;
  display: block;
  border:1px #cccccc solid;
  box-sizing:border-box;
  text-align: center;
  position: relative;
}
#header .btn_regist a:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: '';
  z-index: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
    -webkit-transform: scale(.5);
            transform: scale(.5);
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}
#header .btn_regist a:hover:before {
  background: #333;
  -webkit-transform: scale(1);
          transform: scale(1);
}
#header .btn_regist a span{
  position: relative;
  z-index: 1;
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}
#header .btn_regist a span{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_register.png) no-repeat left 1px;
  padding-left: 33px;
  font-size: 13px;
  line-height: 35px;
}
#header .btn_regist a:hover span{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_register_w.png) no-repeat left 1px;
  color: #FFF;
}
#header .btn_menu{
  display: none;
}

#header.search{
  height: 260px;
      -webkit-transition: all .5s ease;
         -moz-transition: all .5s ease;
          -ms-transition: all .5s ease;
           -o-transition: all .5s ease;
              transition: all .5s ease;
}
#header.fix.search{
  height: 210px;
}
#header.fix.search.menu_view{
  height: 260px;
}
#header .search{
  position: absolute;
  top: 174px;
  width: 100%;
  visibility: hidden;
  opacity: 0;
      -webkit-transition: all .5s ease;
         -moz-transition: all .5s ease;
          -ms-transition: all .5s ease;
           -o-transition: all .5s ease;
              transition: all .5s ease;
}

#header.fix.search .search{
  top: 124px;
}
#header.fix.search.menu_view .search{
  top: 174px;
}
#header.search .search{
  visibility: visible;
  opacity: 1;
}/*
#header .search .breadcrumb-column{
  position: relative;
  overflow: hidden;
  padding-top: 13px;
}
#header .search .breadcrumb-column ul{
  overflow: hidden;
}
#header .search .breadcrumb-column li{
  float: left;
  margin-right: 15px;
  font-size: 12px;
  line-height: 13px;
}
#header .search .breadcrumb-column li a{
  color: #666666;
}
#header .search .breadcrumb-column li:after{
  content: " ";
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  width: 4px;
  height: 12px;
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/breadcrumb_arrow.png) no-repeat center 1px;
}
#header .search .breadcrumb-column li:last-child:after{
  content: "";
  display: none;
}*/

#header .search input{
  font-size: 30px;
  width: 1090px;
  border:none;
  border-bottom: 1px #ddd solid;
  font-family:'Amiri', 'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
:placeholder-shown {
    color: #cccccc; }
::-webkit-input-placeholder {
    color: #cccccc; }
:-moz-placeholder {
    color: #cccccc; opacity: 1; }
::-moz-placeholder {
    color: #cccccc; opacity: 1; }
:-ms-input-placeholder {
    color: #cccccc; }

#header .search button{
  position: absolute;
  top: 10px;
  right: 10px;
  width: 25px;
  height: 25px;
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_search.svg) no-repeat center center;
  background-size: 25px;
  border-style: none;
  text-indent: -9999px;
  cursor: pointer;
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}
#header .search button:hover{
  opacity: 0.7;
}
#header.fix{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  margin-left: 0px;
  height: 90px;
  z-index: 100;
  -webkit-transform: translate3d(0px,-100%,0px);
     -moz-transform: translate3d(0px,-100%,0px);
      -ms-transform: translate3d(0px,-100%,0px);
       -o-transform: translate3d(0px,-100%,0px);
          transform: translate3d(0px,-100%,0px);
}
#header.fix.view{
  -webkit-transform: translate3d(0px,0px,0px);
     -moz-transform: translate3d(0px,0px,0px);
      -ms-transform: translate3d(0px,0px,0px);
       -o-transform: translate3d(0px,0px,0px);
          transform: translate3d(0px,0px,0px);
      -webkit-transition: all .5s ease;
         -moz-transition: all .5s ease;
          -ms-transition: all .5s ease;
           -o-transition: all .5s ease;
              transition: all .5s ease;

}
#header.fix .inner{
  width: 1100px;
  margin: 0 auto;
  position: relative;
}
#header.fix .btn_menu{
  display: block;
  position: absolute;
  top: 36px;
  left: 50%;
  margin-left: -25px;
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 16px;
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/arrow_down01.png) no-repeat center bottom;
}
#header.fix  ul.navi,
#header.fix .navi_mens,
#header.fix .btn_login,
#header.fix .btn_regist{
  visibility: hidden;
  opacity: 0;
  visibility: hidden;
      -webkit-transition: all .5s ease;
         -moz-transition: all .5s ease;
          -ms-transition: all .5s ease;
           -o-transition: all .5s ease;
              transition: all .5s ease;
}
#header.fix ul.sns{
  top: 40px;
  border-left: none;
}
#header.fix .navi_search{
  top: 40px;
}
#header.menu_view{
  height: 140px;
}
#header.menu_view .btn_menu{
  opacity: 0;
  visibility: hidden;
      -webkit-transition: all .5s ease;
         -moz-transition: all .5s ease;
          -ms-transition: all .5s ease;
           -o-transition: all .5s ease;
              transition: all .5s ease;
}
#header.menu_view  ul.navi,
#header.menu_view .navi_mens,
#header.menu_view .btn_login,
#header.menu_view .btn_regist{
  visibility: visible;
  opacity: 1;
}
#header.menu_view ul.sns{
  top: 97px;
  border-left:1px #999999 solid;
}
#header.menu_view .navi_search{
  top: 98px;
}
/*----------------------------------------------------
  #contents
--------------------------------------------------- */
#contents{
  position: relative;
  overflow: hidden;
}
/*----------------------------------------------------
  #mainvisual-column
--------------------------------------------------- */
#mainvisual-column{
  width:1100px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
#mainvisual-column .main{

}
#mainvisual-column .main .column {
  padding-top: 0px;
  display: block;
}
#mainvisual-column .main .column a{
  display: block;
  position: relative;
}
#mainvisual-column .main .column .image{
  width: 1100px;
  height: 640px;
  overflow: hidden;
  z-index: 1;
    position: relative;
    text-align:center;
}
#mainvisual-column .main .column .image img{
  /*opacity: 0.6;*/
    position: absolute;
    max-width: 100%;
    max-height:100%;
    width:auto;
    left: 0;
    top: 0;
    right:0;
    bottom:0;
    margin:auto;
  height: auto;
    -webkit-transition: all 0.8s 0s ease;
       -moz-transition: all 0.8s 0s ease;
        -ms-transition: all 0.8s 0s ease;
         -o-transition: all 0.8s 0s ease;
            transition: all 0.8s 0s ease;
}
#mainvisual-column .main .column a:hover .image img{
  -webkit-transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
     -moz-transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
      -ms-transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
       -o-transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
          transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
}
#mainvisual-column .main .column .cover{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
            z-index: 1;
}
#mainvisual-column .main .column .text_block{
  position: absolute;
  top: 50%;
  left: 0%;
  width: 100%;
  margin-top: 50px;
    -webkit-transform: translate(0%,-50%);
       -moz-transform: translate(0%,-50%);
        -ms-transform: translate(0%,-50%);
         -o-transform: translate(0%,-50%);
            transform: translate(0%,-50%);
  text-align: center;
  color: #FFF;
            z-index: 2;
}
#mainvisual-column .main .column .text_block a{
  color: #FFF;
}
#mainvisual-column .main .column .text_block .meta{
  text-align: center;
  font-size: 16px;
  position: static;
}
#mainvisual-column .main .column .text_block .meta .category{
  color: #FFF;

}
#mainvisual-column .main .column .text_block .meta .category:after{
  content: "|";
  margin-left: 10px;
  margin-right: 10px;
}
#mainvisual-column .main .column .text_block .title{
  margin-top: 25px;
  font-size: 50px;
  line-height: 1;
  letter-spacing: -0.1em;
  padding: 0 20px;
    width:1012px;
    display: inline-block;
}
#mainvisual-column .main .column .text_block .exp{
  line-height: 173%;
  font-size: 15px;
    width: 606px;
    word-wrap: break-word;
    margin:30px auto 0;
}
#mainvisual-column .main .column .text_block .read{
  margin: 0 auto;
  margin-top: 45px;
  width: 35px;
}
#mainvisual-column .main .column .text_block .read{
  display: block;
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_read.png) no-repeat center top;
  padding-top: 40px;
  font-size: 12px;
}
#mainvisual-column .slide.thum_list{
  margin-top: 30px;
  width: 100%;
  overflow: hidden;
}
#mainvisual-column .slide.thum_list .column{
  width: 230px;
  margin-right: 30px;
  cursor: pointer;
}
#mainvisual-column .slide.thum_list .column .meta{
  font-size: 13px;
  line-height: 1;
}
#mainvisual-column .slide.thum_list .column .image{
  display: block;
    width: 230px;
    height:134px;
    position: relative;
}
#mainvisual-column .slide.thum_list .column .image img{
    max-width: 100%;
    max-height:100%;
    width:auto;
    height: auto;
    left: 0;
    top: 0;
    right:0;
    bottom:0;
    margin:auto;
  opacity: 1;
  -webkit-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
     -moz-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
      -ms-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
       -o-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
          transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
    -webkit-transition: all 1.0s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
       -moz-transition: all 1.0s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
        -ms-transition: all 1.0s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
         -o-transition: all 1.0s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
            transition: all 1.0s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
}
#mainvisual-column .slide.thum_list .column:hover .image img{
  -webkit-transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
     -moz-transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
      -ms-transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
       -o-transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
          transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}
#mainvisual-column .slide.thum_list .column.slick-current .image:before{
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  z-index: 1;
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}
#mainvisual-column .slide.thum_list .column .title{
  margin-top: 10px;
  font-size: 13px;
  line-height: 153%;
}
#mainvisual-column .slide.thum_list .column .exp{
  display: none;
}
#mainvisual-column .slide .slick-prev,
#mainvisual-column .slide .slick-next{
  top: 73px;
  margin-top: 0px;
}
#mainvisual-column .slick-initialized {
  opacity: 1 !important;
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}

/*----------------------------------------------------
  #information-column
--------------------------------------------------- */
#information-column{
  width:1100px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  margin-top: 50px;
  border-top:1px #c5a983 solid;
  padding-top: 50px;
}
#information-column .column{
  margin-top: 30px;
}
#information-column .column a{
  display: block;
}
#information-column .column .information_title{
  font-size: 17px;
}
#information-column .column .information_title .date{
  margin-left: 10px;
  font-size: 13px;
  color: #777777;
}
#information-column .column p{
  font-size: 13px;
  line-height: 169%;
  margin-top: 20px;
}
#information-column .column p.to_detail{
  font-style: italic;
  margin-top: 10px;
  color: #b1884e;
  display: inline-block;
  position: relative;
}
#information-column .column a:hover p.to_detail{
  /*text-decoration: underline;*/
}
/*----------------------------------------------------
  #top-breadcrumb-column
--------------------------------------------------- */
#top-breadcrumb-column{
  width:1100px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  margin-top: 40px;
  border-top:1px #c5a983 solid;
  padding-top: 50px;
}
#top-breadcrumb-column h1,
#top-breadcrumb-column p{
  float: left;
  margin-right: 20px;
  font-size: 12px;
  line-height: 13px;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}

/*----------------------------------------------------
  #topics-column
--------------------------------------------------- */
#topics-column{
  margin-top: 40px;
}
#topics-column .block_title{
  height: 50px;
}
#topics-column .thum_list .column{
  width: 340px;
  padding-top: 30px;
  float: left;
  margin-right: 40px;
  margin-bottom: 50px;
}
#topics-column .thum_list .column:nth-child(2){
    clear:both;
}
#topics-column .thum_list .column:nth-child(3){
  margin-right: 0px;
}
#topics-column .thum_list .column .title{
  margin-top: 20px;
  font-size: 18px;
  line-height: 140%;
}
#topics-column .thum_list .column .exp{
}
/*大きい*/
#topics-column .thum_list .column.big{
  width: 100%;
  margin-right: 0px;
  padding-top: 0px;
}
#topics-column .thum_list .column.big .image{
  background: #000;
    width: 720px;
    height: 419px;
    position: relative;
}
#topics-column .thum_list .column.big .image img{
  opacity: 0.65;
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
#topics-column .thum_list .column.big .text_block{
  position: absolute;
  bottom: 35px;
  left: 20px;
  color: #FFF;
}
#topics-column .thum_list .column.big .meta .category,
#topics-column .thum_list .column.big .meta .category a,
#topics-column .thum_list .column.big .meta{
  color: #FFF;
}
#topics-column .thum_list .column.big .title{
  margin-top: 40px;
  font-size: 27px;
  line-height: 137%;
}
#topics-column .thum_list .column.big .title a{
  color: #FFF;
  letter-spacing: -0.05em;
}
#topics-column .thum_list .column.big .exp{
  width: 660px;
}
#topics-column .thum_list div.column:nth-child(2) .image a,#topics-column .thum_list div.column:nth-child(3) .image a{
  background: #000;
    width: 340px;
    height: 198px;
    position: relative;
}
#topics-column .thum_list div.column:nth-child(2) .image img,#topics-column .thum_list div.column:nth-child(3) .image img{
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}



/*----------------------------------------------------
  #entry_list-column
--------------------------------------------------- */
#entry_list-column{
  width:1100px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  margin-top: 40px;
  border-top:1px #c5a983 solid;
  padding-top: 80px;
}
#entry_list-column.category{
  margin-top: 40px;
  border-top:none;
  padding-top:0px;
}
#entry_list-column .thum_list .column{
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-bottom: 33px;
  margin-bottom: 40px;
  padding-top: 0px;
  border-bottom: 1px #e5e5e5 solid;
}
#entry_list-column .thum_list .column.pr::after {
    content: " ";
    background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_pr.png) no-repeat;
    width: 31px;
    height: 16px;
    position: absolute;
    top: 0;
    left: 0;
}
#entry_list-column .thum_list .column .image{
  float: left;
  width: 380px;
}
#entry_list-column .thum_list .column .image a{
    width: 380px;
    height: 221px;
    position: relative;
}
#entry_list-column .thum_list .column .image a img{
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
#entry_list-column .thum_list .column .text_block{
  float:right;
  width: 300px;
}
#entry_list-column .thum_list .column .meta{
  position: static;
}
#entry_list-column .thum_list .column .title{
  margin-top: 20px;
  font-size: 28px;
  line-height: 132%;
  letter-spacing: -0.08em;
}
#entry_list-column .thum_list .column .exp{
}
#entry_list-column .thum_list .column .by_tag {
  /* position: absolute; */
  /* bottom: 25px; */
  /* left: 420px; */
  width: 300px;
  margin-top:20px;
}
#entry_list-column .thum_list a.more{
  width: 280px;
  height: 45px;
  margin: 0 auto;
  border:1px #dddddd solid;
  line-height: 48px;
  text-align: center;
  display: block;
  font-size: 17px;
  position: relative;
}
#entry_list-column .thum_list a.more:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: '';
  z-index: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
    -webkit-transform: scale(.5);
            transform: scale(.5);
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}
#entry_list-column .thum_list a.more:hover:before {
  background: #333;
  -webkit-transform: scale(1);
          transform: scale(1);
}
#entry_list-column .thum_list a.more span{
  position: relative;
  z-index: 1;
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}
#entry_list-column .thum_list a.more:hover span{
  color: #FFF;
}

.ranking-page #entry_list-column .thum_list .rank-meta {
  display:table;
}
.ranking-page #entry_list-column .thum_list .rank-meta div.icn-rank, .ranking-page #entry_list-column .thum_list .rank-meta div.meta {
  display:table-cell;
  vertical-align:bottom;
}
.ranking-page #entry_list-column .thum_list .rank-meta div.icn-rank {
 padding-right:20px;
}


#entry_list-column .pickup{
  height: 430px;
  overflow: hidden;
}
#entry_list-column .pickup .column{
  width: 100%;
  padding-top: 0px;
  height: 430px;
  overflow: hidden;
}
#entry_list-column .pickup .column a{
  color: #FFF;
}
#entry_list-column .pickup .column .image{
  background: #000;
  width: 100%;
  position: relative;
}
#entry_list-column .pickup .column .image img{
  opacity: 0.65;
}
#entry_list-column .pickup.thum_list .column a .image{
    width: 1100px;
    height: 640px;
    position: relative;
}
#entry_list-column .pickup.thum_list .column a .image img{
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    left: 0;
    top: 0;
    right: 0;
    /* bottom: 0; */
    margin: auto;
}

#entry_list-column .pickup .column .cover{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}
#entry_list-column .pickup .column .text_block{
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  color: #FFF;
  text-align: center;
    -webkit-transform: translate(0%,-50%);
       -moz-transform: translate(0%,-50%);
        -ms-transform: translate(0%,-50%);
         -o-transform: translate(0%,-50%);
            transform: translate(0%,-50%);
}
#entry_list-column .pickup .column .category_title{
  font-size: 30px;
  letter-spacing: 0.07em;
}
#entry_list-column .pickup .column h2.category_title.tag{
    padding-bottom: 60px;
  font-size: 30px;
  letter-spacing: 0.07em;
}
#entry_list-column .pickup .column .category_title.tag{
    padding-bottom: 60px;
}
#entry_list-column .pickup .column .category_title_ja{
  display: block;
  font-size: 13px;
  margin-top: 15px;
  line-height: 1;
  padding-bottom: 60px;
  letter-spacing: 0em;
}
#entry_list-column .pickup .column .category_title span{
  display: block;
  font-size: 13px;
  margin-top: 15px;
  line-height: 1;
  padding-bottom: 60px;
  letter-spacing: 0em;
}
#entry_list-column .pickup .column .meta{
  position: static;
  font-size: 15px;
  color: #FFF;
}
#entry_list-column .pickup .column .meta .category,
#entry_list-column .pickup .column .meta .category:after{
  color: #FFF;
}
#entry_list-column .pickup .column .title{
  margin-top: 30px;
  font-size: 38px;
  line-height: 137%;
  letter-spacing: -0.05em;
    width: 796px;
    display: inline-block;
}
#entry_list-column .pickup .column .exp{
  margin-top: 20px;
  line-height: 200%;
    width: 530px;
    margin: 20px auto 0;
    word-wrap: break-word;
}




/*----------------------------------------------------
  #side-ranking
--------------------------------------------------- */
#side-ranking{
}
#side-ranking .thum_list_small .column a .image{
    width: 115px;
    height: 67px;
    position: relative;
}
#side-ranking .thum_list_small .column a .image img{
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

#side-ranking .column:nth-child(1) a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/rank1.png) no-repeat right center;
}
#side-ranking .column:nth-child(2) a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/rank2.png) no-repeat right center;
}
#side-ranking .column:nth-child(3) a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/rank3.png) no-repeat right center;
}
#side-ranking .column:nth-child(4) a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/rank4.png) no-repeat right center;
}
#side-ranking .column:nth-child(5) a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/rank5.png) no-repeat right center;
}
#side-ranking .column a .text_block{
  float: right;
  width: 130px;
  margin-right: 40px;
}

/*----------------------------------------------------
  #magazine-column
--------------------------------------------------- */
#magazine-column{
  width: 760px;
}
#magazine-column .image{
  float: left;
  width: 365px;
}
#magazine-column .text_block{
  float: right;
  width: 320px;
  margin-right: 50px;
}
#magazine-column .text_block .issue{
  font-size: 13px;
}
#magazine-column .text_block .title1{
  margin-top: 50px;
  font-size: 20px;
  letter-spacing: -0.05em;
}
#magazine-column .text_block .title2{
  margin-top: 10px;
  font-size: 34px;
  line-height: 128%;
  letter-spacing: -0.05em;
}
#magazine-column .text_block .title3{
  margin-top: 20px;
  font-size: 17px;
  line-height: 141%;
  letter-spacing: -0.05em;
}
#magazine-column .attention{
  margin-top: 20px;
  color: #444444;
  font-size: 12px;
  line-height: 20px;
  padding-right: 15px;
}
#magazine-column ul.link{
  margin-top: 30px;
  letter-spacing: -0.4em;
}
#magazine-column ul.link li{
  letter-spacing: normal;
  display: inline-block;
  margin-right: 10px;
}
#magazine-column ul.link li:last-child{
  margin-right: 0px;
}
#magazine-column ul.link li a{
  display: block;
  width: 170px;
  height: 42px;
  border:1px #ddd solid;
  box-sizing:border-box;
  text-align: center;
  line-height: 42px;
  color: #666666;
  font-size: 13px;
  position: relative;
}
#magazine-column ul.link li a:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: '';
  z-index: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
    -webkit-transform: scale(.5);
            transform: scale(.5);
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}
#magazine-column ul.link li a:hover:before {
  background: #333;
  -webkit-transform: scale(1);
          transform: scale(1);
}
#magazine-column ul.link li a span{
  position: relative;
  z-index: 1;
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}
#magazine-column ul.link li a:hover span{
  color: #FFF;
}
#magazine-column .block-column {
  width: 100%;
  position: relative;
}
#magazine-column .block-column .magazine-detail{
  position: absolute;
  bottom: 0;
  left: 392px;
  font-size:15px;
}
#magazine-column .block-column .magazine-detail a{
  color: #b1884e !important;
  font-weight:bold;
}

#magazine-column .block-column .image{
  width: 365px;
  overflow: hidden;
}
#magazine-column .block-column .image a{
  width: 365px;
  height: 368px;
  position: relative;
  display:block;
}
#magazine-column .block-column .image a img{
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

/*----------------------------------------------------
  #from_editors-column
--------------------------------------------------- */
#from_editors-column{
}
#from_editors-column .thum_list_small .column a .image{
    width: 115px;
    height: 67px;
    position: relative;
}
#from_editors-column .thum_list_small .column a .image img{
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

#from_editors-column .thum_list_small .column a .text_block {
    float: right;
    width: 170px;
}
#from_editors-column .thum_list_small .column {
    padding-top: 20px;
    padding-bottom: 16px;
    border-bottom: 1px #ddd solid;
    margin-bottom:0;
}

/*----------------------------------------------------
  #feature-column
--------------------------------------------------- */
#feature-column{
  position: relative;
  background: #1f1f1f;
  color: #FFF;
  /* padding-top: 80px; */
  padding-top: 40px;
}
#feature-column .slide{
  margin-top: 60px;
}
#feature-column .slide .column{
  width: 860px;
  margin: 0 15px;
}
#feature-column .slide .column .image{
  position: relative;
  background: #000;
}
#feature-column .slide .column .image img{
  width: 100%;
  height: auto;
  opacity: 0.65;
    -webkit-transition: all 0.8s 0s ease;
       -moz-transition: all 0.8s 0s ease;
        -ms-transition: all 0.8s 0s ease;
         -o-transition: all 0.8s 0s ease;
            transition: all 0.8s 0s ease;
}
#feature-column .slide .column.slick-current .image img{
  opacity: 1;
}
#feature-column .slide .column .image a{
    width: 859px;
    height: 500px;
    position: relative;
    margin: 0 auto;
}
#feature-column .slide .column .image a img{
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
#feature-column .slide .text_block{
  display: none;
}
#feature-column .detail{
  width: 860px;
  margin: 0 auto;
  margin-top: 25px;
  padding-bottom: 90px;
  position: relative;
}
#feature-column .detail .meta{
  font-size: 16px;
}
#feature-column .detail .meta .category:after{
  content: "|";
  margin-left: 10px;
  margin-right: 10px;
}
#feature-column .detail .meta .category a{
  color: #FFF;
}
#feature-column .detail .title{
  margin-top: 20px;
  font-size: 38px;
  line-height: 120%;
  letter-spacing: -0.08em;
}
#feature-column .detail .title a{
  color: #FFF;
}
#feature-column .detail .exp{
  height: 50px;
  margin-top: 15px;
  width:726px;
}
#feature-column .detail .page{
  position: absolute;
  bottom: 90px;
  right: 0;
  width: 100px;
  height: 100px;
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/n_line01.png) no-repeat center center;
}
#feature-column .detail .page .now{
  position: absolute;
  top: 0;
  left: 0;
  font-size: 70px;
  line-height: 1;
  font-style: italic;
}
#feature-column .detail .page .all{
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 35px;
  line-height: 1;
  font-style: italic;
}


/*----------------------------------------------------
  #category-column
--------------------------------------------------- */
#category-column{
  position: relative;
  width: 720px;
}
#category-column .category_list{
  overflow: hidden;
  margin-bottom: 40px;
  border-bottom: 1px #ddd solid;
  position: relative;
}
#category-column .category_list .category_name{
  font-size: 25px;
}
#category-column .category_list .category_name h2{
  font-size: 13px;
  color: #777777;
  padding-left: 10px;
  display: inline-block;
}
#category-column .category_list a.view{
  position: absolute;
  top: 0;
  right: 0px;
  font-size: 15px;
  color: #b1884e;
}
/*#category-column .category_list a.view:hover{
  text-decoration: underline;
}*/
#category-column .category_list .slide{
  margin-top: 20px;
  overflow: hidden;
}
#category-column .category_list .slide .column{
  width: 230px;
  margin-right: 20px;
  padding-bottom: 25px;
  padding-top: 0px;
}
#category-column .category_list .slide .column a .image{
    width: 230px;
    height: 134px;
    position: relative;
}
#category-column .category_list .slide .column a .image img{
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
#category-column .category_list .slide .column .meta{
  position: static;
  font-size: 13px;
  color: #777777;
  margin-top: 10px;
}
#category-column .category_list .slide .column .title{
  margin-top: 10px;
  font-size: 13px;
  line-height: 153%;
}
#category-column .category_list .slide .slick-prev,
#category-column .category_list .slide .slick-next{
  top: 50px;
  margin-top: 0;
}

/*----------------------------------------------------
  #brand-column
--------------------------------------------------- */
#brand-column{
  position: relative;
  width: 720px;
  margin-top: 70px;
}
#brand-column .brand_list{
  margin-top: 30px;
}
#brand-column .brand_list ul{
  overflow: hidden;
}
#brand-column .brand_list ul li{
  float: left;
  color: #666666;
  line-height: 291%;
}
#brand-column .brand_list ul li:after{
  content: "|";
  margin-left: 20px;
  padding-right: 20px;
}
#brand-column .brand_list ul li:last-child:after{
  content: "";
  margin-left: 0px;
  padding-right: 0px;
}
#brand-column .brand_list ul li a{
  color: #666666;
  display: inline-block;
  font-size: 12px;
  letter-spacing: -0.05em;
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}
#brand-column .brand_list ul li:hover a{
  color: #FFF;
  -webkit-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
     -moz-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
      -ms-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
       -o-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
          transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
}
#brand-column .brand_list ul li a::before{
    background: #b4956a;
    content: "";
    position: absolute;
    left: -6px;
    bottom: 0px;
    top: 6px;
    right: -6px;
    height: 20px;
    z-index: -1;
    -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
            transform: scale(0, 1);
    -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
            transform-origin: right center;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
                    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
                    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
}
#brand-column .brand_list ul li:hover a::before {
    -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
            transform-origin: left center;
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
}
/*----------------------------------------------------
  #side-keyword
--------------------------------------------------- */
#side-keyword{
}
.line_table01 #side-keyword,
.line_table02 #side-keyword{
  margin-left: 40px;
}
#side-keyword .tag_list{
  border-top:1px #ddd solid;
  margin-top: 15px;
  padding-top: 20px;
}
#side-keyword .tag_list ul,
#related_keyword-column .tag_list ul{
  letter-spacing: -0.4em;
}
#side-keyword .tag_list ul li,
#related_keyword-column .tag_list ul li{
  display: inline-block;
  letter-spacing: normal;
  margin: 0 10px 10px 0;
}
#side-keyword .tag_list ul li a,
#related_keyword-column .tag_list ul li a{
  display: inline-block;
  padding: 5px 12px;
  background: #ddd;
  border:1px #cccccc solid;
  font-size: 12px;
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}
#side-keyword .tag_list ul li a:hover,
#related_keyword-column .tag_list ul li a:hover{
  background: #999;
  color: #FFF;
}

/*----------------------------------------------------
  #recommend-column
--------------------------------------------------- */
#recommend-column{
}
#recommend-column .thum_list_small .column a .image{
    width: 115px;
    height: 67px;
    position: relative;
}
#recommend-column .thum_list_small .column a .image img{
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
#recommend-column .thum_list .column .text_block{width: 170px;}
#recommend-column .thum_list_small .column {
    padding-top: 20px;
    padding-bottom: 16px;
    border-bottom: 1px #ddd solid;
}

/*----------------------------------------------------
  #footer
--------------------------------------------------- */
#footer{
  width: 1100px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 70px;
}
#footer .about{
  padding: 70px 80px 80px;
  line-height: 169%;
  text-align: center;
}
#footer ul.sns{
  border-top: 1px #c5a983 solid;
  border-bottom: 1px #c5a983 solid;
  padding: 30px 0;
  text-align: center;
  letter-spacing: -0.4em;
}
#footer ul.sns.top_no_border{
  border-top:none;
}
#footer ul.sns li{
  display: inline-block;
  letter-spacing: normal;
  margin: 0 45px;
}
#footer ul.sns li.sns01{
  width:22px;
}
#footer ul.sns li.sns02{
  width:11px;
}
#footer ul.sns li.sns03{
  width:25px;
}
#footer ul.sns li.sns04{
  width:29px;
}
#footer ul.sns li.sns05{
  width:26px;
}
#footer ul.sns li.sns06{
  width:22px;
}
#footer .logo{
  width: 133px;
  margin: 0 auto;
  margin-top: 66px;
}
#footer .description{
  text-align: center;
  margin-top: 20px;
  font-size: 12px;
}
#footer .sitemap{
  margin-top: 55px;
  letter-spacing: -0.4em;
  text-align: center;
  padding-bottom: 45px;
  border-bottom: 1px #c5a983 solid;
}
#footer .sitemap dl{
  letter-spacing: normal;
  display: inline-block;
  text-align: left;
  vertical-align: top;
  margin: 0 18px;
}
#footer .sitemap dl dt{
  font-size: 13px;
  margin-bottom: 10px;
}
#footer .sitemap dl dd a{
  font-size: 12px;
  color: #666666;
  line-height: 181%;
}
#footer .sitemap dl.mens dt{
  width: 70px;
  margin-top: -5px;

}
#footer .shogakukan{
  border-bottom: 1px #c5a983 solid;
}
#footer .shogakukan .list_title{
  font-size: 20px;
  letter-spacing: normal;
  margin-bottom: 40px;
}
#footer .sitemap.shogakukan dl{
  margin: 0 30px;
}
#footer ul.navi{
  letter-spacing: -0.4em;
  text-align: center;
  margin-top: 50px;
}
#footer ul.navi li{
  letter-spacing: normal;
  display: inline-block;
  margin: 0 10px;
}
#footer ul.navi li a{
  color: #444444;
  font-size: 12px;
}
#footer ul.navi li a,
#footer .sitemap dl dt a,
#footer .sitemap dl dd a{
  position: relative;
  /*text-decoration: underline;*/
}
#footer .copyright{
  text-align: center;
  margin-top: 40px;
  color: #444444;
  font-size: 12px;
}
#footer .attention{
  text-align: center;
  margin-top: 20px;
  color: #444444;
  font-size: 12px;
}


/*----------------------------------------------------
  #breadcrumb-column
--------------------------------------------------- */
#breadcrumb-column{
  width: 1100px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  padding-top: 18px;
}
#breadcrumb-column ul{
  overflow: hidden;
}
#breadcrumb-column li{
  float: left;
  margin-right: 15px;
  font-size: 12px;
  line-height: 15px;
}
#breadcrumb-column li a{
  color: #666666;
}
#breadcrumb-column li:after{
  content: " ";
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  width: 4px;
  height: 12px;
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/breadcrumb_arrow.png) no-repeat center 1px;
}
#breadcrumb-column li:last-child:after{
  content: "";
  display: none;
}



/*----------------------------------------------------
  #entry_list_title-column カテゴリー一覧タイトル
--------------------------------------------------- */
#entry_list_title-column{
  margin-top: 20px;
    text-align: center;
}
#entry_list_title-column .title_en{
    font-size: 25px;
    text-align: center;
}
#entry_list_title-column .title_ja{
    font-size: 25px;
    text-align: center;
}
#entry_list_title-column h1{
    display: block;
    font-size: 13px;
    padding-top: 12px;
    text-align: center;
}
#entry_list_title-column h1.toptitle{
  font-size: 25px;
}
#entry_list_title-column h2.topsummary{
  margin-top:30px;
}
#entry_list_title-column p{
  margin-top: 30px;
  text-align: center;
  line-height: 191%;
    width: 50%;
    display: inline-block;
}
#entry_list_title-column p.topsummary{
  margin-top: 0;
}
#entry_list_title-column p.columnsub{
  margin-top: 12px;
  font-size:13px;
}

.ranking-page #entry_list_title-column p.update_date {
  margin-top:0;
}

#entry_list_title-column ul.tag_list{
  margin-top: 20px;
  text-align: center;
  letter-spacing: -0.4em;
    width: 50%;
    display: inline-block;
}
#entry_list_title-column ul.tag_list li{
  letter-spacing: normal;
  display: inline-block;
  margin: 0 10px;
  margin-bottom: 10px;
}
#entry_list_title-column ul.tag_list li a{
  display: block;
  color: #666666;
  font-size: 12px;
  text-align: center;
  padding: 0 24px;
  border:1px #cccccc solid;
  position: relative;
}
#entry_list_title-column ul.tag_list li a:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: '';
  z-index: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
    -webkit-transform: scale(.5);
            transform: scale(.5);
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}
#entry_list_title-column ul.tag_list li a:hover:before {
  background: #333;
  -webkit-transform: scale(1);
          transform: scale(1);
}
#entry_list_title-column ul.tag_list li.current a {
  background: #333;
  color:#fff;
}
#entry_list_title-column ul.tag_list li a span{
  position: relative;
  line-height: 35px;
  z-index: 1;
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}
#entry_list_title-column ul.tag_list li a:hover span{
  color: #FFF;
}

/*----------------------------------------------------
  #related_category-column
--------------------------------------------------- */
#related_category-column{
  width: 100%;
  background: #f5f5f5;
  padding: 80px 0 130px 0;
}
#related_category-column .slide{
  padding-left: 20px;
}
#related_category-column .slide .column{
  margin-right: 20px;
  width: 300px;
  position: relative;
}
#related_category-column .slide .column .image{
  background: #000;
    width: 300px;
    height: 300px;
    position: relative;
}
#related_category-column .slide .column .image img{
  opacity: 0.4;
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
#related_category-column .slide .column .title{
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
    -webkit-transform: translate(0%,-50%);
       -moz-transform: translate(0%,-50%);
        -ms-transform: translate(0%,-50%);
         -o-transform: translate(0%,-50%);
            transform: translate(0%,-50%);
  text-align: center;
  color: #FFF;
  font-size: 20px;
}
#related_category-column .slide .column .title span{
  display: block;
  font-size: 12px;
  padding-top: 10px;
}


/*----------------------------------------------------
  #entry-column
--------------------------------------------------- */
#entry-column{

}
#entry-column .summary{
  padding-bottom: 40px;
  border-bottom: 1px #e5e5e5 solid;
  position: relative;
}
#entry-column .summary.thum_list.numerology{
  padding-bottom: 0;
  border-bottom: none;
}
#entry-column .summary .column{
  padding-top: 0px;
}
#entry-column .summary .column:hover .image img{
  -webkit-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
     -moz-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
      -ms-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
       -o-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
          transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
}
#entry-column .summary .column .meta{
  position: static;
  margin-top: 20px;
  font-size: 15px;
}
#entry-column .summary .column .series{
  margin-top: 20px;
  font-size: 20px;
  line-height: 137%;
}
#entry-column .summary .column .subtitle{
  margin-top: 20px;
  font-size: 20px;
  line-height: 137%;
}
#entry-column .summary .column .title{
  margin-top: 15px;
  font-size: 27px;
  line-height: 137%;
}
#entry-column .summary .column .exp{
  margin-top: 20px;
  padding-bottom:24px;
  font-size: 14px;
  line-height:214%;
  color: #444444;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
#entry-column .summary .column .exp a,
.article-body p a{
  background: #b4956a;
  color: #FFF;
  font-style: italic;
}

#entry-column .summary .writer{
  position: relative;
  width: 100%;
}
#entry-column .summary .writer .image-area{
  float: left;
  width: 62px;
  height: 62px;
  display: inline-block;
  overflow: hidden;
  border-radius: 50%;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
  margin: 0 20px 0px 0;
  vertical-align: middle;
}
#entry-column .summary .writer .image-area img{
  width:100%;
  height: auto;
}

#entry-column .summary .writer dl{
  display: inline-block;
  overflow: hidden;
  font-size: 12px;
  position: relative;
  vertical-align: middle;
  width: 354px;
  padding-top: 10px;
}
#entry-column .summary .writer dt{
    color: #999999;
    float: left;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
#entry-column .summary .writer dd{
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
#entry-column .summary .writer .text{
  width: 400px;
  font-size: 12px;
  color: #444444;
  line-height: 183%;
  margin-top: 10px;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
#entry-column .summary .writer a{
  position: relative;
}
#entry-column .summary .writer a:hover{
  /*text-decoration: underline;*/
}
dt.nodisplay,dd.nodisplay{display:none;}

#entry-column .summary .column .share,
.article-body .writer .share{
  position: absolute;
  bottom: 5px;
  right: 0px;
  letter-spacing: -0.4;
}
#entry-column .summary .column .share .share_title,
.article-body .writer .share .share_title{
  letter-spacing: normal;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  color: #999999;
  width: auto;
}
#entry-column .summary .column .share ul,
.article-body .writer .share ul{
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  height: 20px;
}
#entry-column .summary .column .share ul li,
.article-body .writer .share ul li{
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  margin:0 5px
}
#entry-column .summary .column .share ul li a,
.article-body .writer .share ul li a{
  display: block;
  width: 22px;
  height: 20px;
}
#entry-column .summary .column .share ul li.share01 a,
.article-body .writer .share ul li.share01 a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_share01.svg) no-repeat center center;
  background-size: 7px;
}
#entry-column .summary .column .share ul li.share02 a,
.article-body .writer .share ul li.share02 a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_x_black.png) no-repeat center center;
  background-size: 16px;
}
#entry-column .summary .column .share ul li.share03 a,
.article-body .writer .share ul li.share03 a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_share03.svg) no-repeat center center;
  background-size: 20px;
}
#entry-column .summary .column .share ul li.share04 a,
.article-body .writer .share ul li.share04 a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_share04.svg) no-repeat center center;
  background-size: 18px;
}
#entry-column .summary .column .share ul li.share05 a,
.article-body .writer .share ul li.share05 a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_share05.svg) no-repeat center center;
  background-size: 22px;
}
#entry-column .summary .column .share ul li.share06 a,
.article-body .writer .share ul li.share06 a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_share06.svg) no-repeat center center;
  background-size: 16px;
}
/* .article-body  p#relatedimport{display:none;} */

/* 20171113 */
#entry_list-column.category .block-column .block-main-column #entry-column .thum_list .column .image {
    position: relative;
    overflow: hidden;
    width:100%;
}
#entry_list-column.category .block-column .block-main-column #entry-column .thum_list .column .image img{
  width:100%;
}
#entry_list-column.category .block-column .block-main-column #entry-column .thum_list .column .text_block {
    width:100%;
}
#entry_list-column.category .block-column .block-main-column #entry-column .thum_list .column {
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:none;
}

.article-body{
}
.article-body.movie{
  border-bottom: solid 1px #ccc;
  padding-bottom: 40px;
}
.article-body .entry_title01,
.article-body h2{
  font-size: 22px;
  color: #222222;
  line-height: 168%;
  letter-spacing: -0.05em;
  color: #222222;
  margin-top: 50px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.article-body .entry_title02,
.article-body h3{
  font-size: 20px;
  color: #222222;
  line-height: 185%;
  letter-spacing: -0.05em;
  margin-top: 50px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.article-body .entry_title03,
.article-body h4{
    font-size: 18px;
    color: #222222;
    line-height: 200%;
    letter-spacing: -0.05em;
    margin-top: 30px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
/*
    font-size: 27px;
    line-height: 137%;
  margin-top: 20px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
*/
}
.article-body .image-area{
  /* margin-top: 30px; */
}
.article-body .image-area img{
  max-width: 100%;
}
.article-body .figure-center {
  margin:30px auto 0;
  text-align: center;
}
.article-body p{
  font-size: 14px;
  line-height: 214%;
  color: #444444;
  margin-top: 20px;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.article-body .credit{
  font-size: 12px;
  line-height: 214%;
  color: #777777;
    font-style: italic;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.article-body .caption,.article-body .blank-caption{
    text-align:left;
  font-size: 12px;
  line-height: 214%;
  color: #777777;
  padding-top: 10px;
    font-style: italic;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.article-body .caption a,
.article-body .blank-caption a {
  color: #b1884e;
  font-style: italic;
  font-family: 'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  text-decoration: underline;
}
.article-body .caption a:hover,
.article-body .blank-caption a:hover {
  text-decoration: none;
}
.article-body ul.contact_list li{
  font-size: 13px;
  line-height: 230%;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.article-body ul.contact_list li span a{
  color: #b1884e;
  font-style: italic;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  position: relative;
}
.article-body ul.contact_list li a:hover{
  /*text-decoration: underline;*/
}

.article-body .interview_q_1{
  color: #444444;
  font-size: 14px;
  line-height: 214%;
  font-weight: bold;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
    margin-top: 50px
}
.article-body .interview_q_2{
  color: #444444;
  font-size: 14px;
  line-height: 214%;
  font-weight: bold;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
    margin-top: 20px
}

.article-body .interview_a{
  color: #444444;
  font-size: 14px;
  line-height: 214%;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.article-body .images-3cols{
  overflow: hidden;
  letter-spacing: -0.4em;
}
.article-body .images-3cols li{
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  width: 228px;
  margin-right: 18px;
}
.article-body .images-3cols li:last-child{
  margin-right: 0px;
}
.article-body .images-3cols li .caption{
  display: block;
  font-size: 12px;
  line-height: 214%;
  color: #777777;
  padding-top: 10px;
}
.article-body .images-2cols{
  overflow: hidden;
  letter-spacing: -0.4em;
}
.article-body .images-2cols li{
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  width: 351px;
  margin-right: 18px;
}
.article-body .images-3cols li img,
.article-body .images-2cols li img{
  width: 100%;
  height: auto;
}
.article-body .images-2cols li:last-child{
  margin-right: 0px;
}
.article-body .images-2cols li .caption{
  display: block;
  font-size: 12px;
  line-height: 214%;
  color: #777777;
  padding-top: 10px;
}
.article-body hr{
  margin-top: 40px;
  border-top: 1px #e5e5e5 solid;
}
.article-body blockquote{
  border-left: 1px #979797 solid;
  margin-left: 30px;
  padding-left: 30px;
  font-size: 12px;
  line-height: 25px;
  color: #777777;
  margin-top: 30px;
  font-style: oblique;
}
.article-body .blockquote_caption{
  margin-left: 30px;
  padding-left: 30px;
  font-size: 11px;
  line-height: 25px;
  color: #777777;
  font-style: oblique;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.article-body ol{
  padding:0 0 0 3em;
  text-indent: -1.8em;
  margin-left: -0.5em;
  list-style-type: upper-roman;
}
.article-body ol li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
  font-size: 13px;
  line-height: 23px;
  margin-bottom: 4px;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.article-body ol li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.article-body .attention{
  font-size: 12px;
  color: #777777;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  margin-top:30px;
  clear: both;
}
.article-body table{
  border-collapse: collapse;
  text-align: center;
  line-height: 1.5;
  width: 100%;
  font-size: 13px;
  color: #777777;
}
.article-body table th {
  width: 130px;
  padding: 20px 10px;
  font-weight: bold;
  vertical-align: middle;
  border: 1px solid #ccc;
  font-weight: normal;
}
.article-body table td {
  padding: 20px 10px;
  vertical-align: middle;
  border: 1px solid #ccc;
}

.article-body .profile{
  overflow: hidden;
}
.article-body .profile .image-area{
  width: 150px;
  float: left;
  margin: 0 20px 10px 0;
}
.article-body .profile .image-area img{
  width: 100%;
  height:auto;
}
.article-body .profile .entry_title02{
  margin-top: 0px;
}
.article-body .profile .profile_name{
  margin-top: 5px;
  font-size: 14px;
  color: #444444;
}
.article-body .profile .text{
  margin-top: 5px;
  font-size: 13px;
  line-height: 192%;
  color: #444444;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.article-body .profile .text a{
  color: #b1884e;
    font-style: italic;
    position: relative;
}
.article-body .profile .text a:hover{
  /*text-decoration: underline;*/
}
.article-body .list li a{
  line-height: 230%;
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/arrow_right01.png) no-repeat left center;
  padding-left: 15px;
  position: relative;
}
.article-body .list li a:hover{
  /*text-decoration: underline;*/
}
.article-body .category_date{
  font-size: 15px;
}
.article-body .category_date .category:after{
  content: "|";
  margin-left: 10px;
  margin-right: 10px;
}
.article-body .category_date .category a{
    color: #b29061;
}
.article-body .category_date .date{

}

.article-body .writer{
  position: relative;
  width: 100%;
  padding-bottom: 40px;
  border-bottom: 1px #ccc solid;
}
.article-body .writer .writer_title{
  font-size: 20px;
}
.article-body .writer .image-area{
  float: left;
  width: 62px;
  height: 62px;
  display: inline-block;
  overflow: hidden;
  border-radius: 50%;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
  margin: 0 20px 0px 0;
  vertical-align: middle;
}
.article-body .writer dl{
  display: inline-block;
  padding-top: 10px;
  overflow: hidden;
  font-size: 12px;
  position: relative;
  vertical-align: middle;
  width: 436px;
}
.article-body .writer dt{
    color: #999999;
    float: left;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.article-body .writer dd{
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.article-body .writer .text{
  width: 400px;
  font-size: 12px;
  color: #444444;
  line-height: 183%;
  margin-top: 10px;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.article-body .writer .text a{
  color: #b1884e;
  font-style: italic;
}
.article-body .writer .share{
  bottom: 45px;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.article-body .writer a{
  position: relative;
}
.article-body .entry_credit{
  overflow: hidden;
}

.article-body .entry_credit dl{
  display: inline-block;
  font-size: 12px;
}
.article-body .entry_credit dl:after{
  content: "/";
  margin-left: 10px;
  margin-right: 10px;
}
.article-body .entry_credit dl:last-child:after{
  content: "";
  margin-left: 0px;
  margin-right: 0px;
}
.article-body .entry_credit dl dt{
  display: inline-block;
  color: #999999;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.article-body .entry_credit dl dd{
  display: inline-block;
}
#entry-column .summary .tag,
.article-body .tag{
  overflow: hidden;
  font-size: 12px;
}
#entry-column .summary .tag .tag_title,
.article-body .tag .tag_title{
  display: inline-block;
  color: #999999;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
#entry-column .summary .tag ul,
.article-body .tag ul{
  display: inline-block;
}
#entry-column .summary .tag ul li,
.article-body .tag ul li{
  display: inline-block;
}
#entry-column .summary .tag ul li a,
.article-body .tag ul li a{
  color: #b1884e;
  position: relative;
    font-style: italic;
}
#entry-column .summary .tag ul li a:hover,
.article-body .tag ul li a:hover{
 /* text-decoration: underline;*/
}
#entry-column .summary .tag ul li:after,
.article-body .tag ul li:after{
  content: ",";
  margin-left: 2px;
  margin-right: 2px;
}
#entry-column .summary .tag ul li:last-child:after,
.article-body .tag ul li:last-child:after{
  content: "";
  margin-left: 0px;
  margin-right: 0px;
}
.article-body .movie{
  text-align:center;
  width:100%;
  position:relative;
  padding-top:56.25% !important;
}
.article-body .movie iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
.article-body strong{
  font-weight:bold;
}
/*----------------------------------------------------
magazine-profile 20170919
--------------------------------------------------- */
.article-body .magazine-profile{
/* margin-top:50px; */
margin-top:8px;
display:inline-block;
}
.article-body .magazine-profile:after{
content:".";
display:block;
height:0;
visibility:hidden;
}
.article-body .magazine-profile .image-area{
  width: 150px;
  float: left;
  margin: 0 20px 10px 0;
}
.article-body .magazine-profile .image-area img{
  width: 100%;
  height: auto;
}
.article-body .magazine-profile .entry_title02{
float:right;
width:550px;
margin-top:0;
margin-bottom:12px;
}
.article-body .magazine-profile .entry_title02 .source{
  font-size:11px;
  color:#444444;
  line-height:11px;
}

.article-body .magazine-profile .text_block{
float:right;
width:550px;
}
.article-body .magazine-profile .profile_name{
margin-top: 5px;
/* font-size: 14px; */
color: #444444;
line-height:15px;
font-size:11px;
}
.article-body .magazine-profile .text{
  margin-top: 5px;
  font-size: 13px;
  line-height: 192%;
  color: #444444;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.article-body .magazine-profile .text a{
color: #b1884e;
font-style: italic;
display:block;
}

#entry-column .entry_ad{
  overflow: hidden;
  border-top: 1px #ccc solid;
  padding-top: 50px;
}
#entry-column .entry_ad li{
  float: left;
  margin-right: 20px;
}


/*----------------------------------------------------
  #related_article-column
--------------------------------------------------- */
#related_article-column{
  width: 100%;
  background: #f5f5f5;
  padding: 80px 0 50px 0;
}
#related_article-column .thum_list{
  letter-spacing: -0.4em;
}
#related_article-column .thum_list .column{
  width: 22.8%;
  vertical-align: top;
  margin-left: 1.7%;
  display: inline-block;
  letter-spacing: normal;
  margin-bottom: 40px;
}
#related_article-column .thum_list .column:nth-child(4n){
  margin-right: 0px;
}
#related_article-column .thum_list .column .title{
  display: none;
}
#related_article-column .recommend{
  text-align: center;
}
/*----------------------------------------------------
  #related_keyword-column
--------------------------------------------------- */
#related_keyword-column{
  width: 100%;
  background: #f5f5f5;
  padding: 20px 0 130px 0;
}
#related_keyword-column .tag_list{
  text-align: center;
  padding: 0 70px;
}



/*----------------------------------------------------
  #search_result-column 検索結果タイトル
--------------------------------------------------- */
#search_result-column{
  width: 1100px;
  margin: 0 auto;
  margin-top: 30px;
}
#search_result-column .word{
  font-size: 30px;
  /* border-bottom: 1px #cccccc solid; */
  padding-bottom: 20px;
}
#search_result-column .word.author{display: inline-block;} 
#search_result-column .result{
  font-size: 14px;
  color: #777777;
  margin-bottom: 10px;
}
#search_result-column .num{
  font-size: 50px;
}
#search_result-column .num span{
  margin-left: 10px;
  font-size: 18px;
}

#search_result-column .error{
  margin-top: 120px;
  text-align: center;
  padding-bottom: 220px;
  border-bottom: 1px #c5a983 solid;
}
#search_result-column .error .nofound{
  font-size: 30px;
  line-height: 45px;
}
#search_result-column .error .no_word{
  font-size: 30px;
  margin-top: 24px;
}
#search_result-column .error p{
  font-size: 13px;
  margin-top: 50px;
  line-height: 220%;
}
#search_result-column .writer .image-area {
  float: left;
  width: 90px;
  height: 90px;
  display: inline-block;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  margin: 0 20px 0px 0;
  vertical-align: middle;
  }
  #search_result-column .writer .image-area img {
  max-width: 100%;
  }
  #search_result-column .writer dl {
  display: inline-block;
  padding-top: 10px;
  overflow: hidden;
  font-size: 12px;
  position: relative;
  vertical-align: middle;
  width: 436px;
  }
  #search_result-column .writer dt {
  color: #999999;
  float: left;
  font-family: 'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  }
  #search_result-column .writer dd {
  font-family: 'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  }
  #search_result-column .writer .text {
  width: 720px;
  font-size: 12px;
  color: #444444;
  line-height: 183%;
  margin-top: 10px;
  font-family: 'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  }
  #search_result-column .writer .text a {
  color: #b1884e;
  font-style: italic;
  position: relative;
  }
  #search_result-column .writer .block-column dl dd a {
  color: #b1884e;
  font-style: italic;
  position: relative;
  }
  
  #search_result-column .writer .text a::before,
  #search_result-column .writer .block-column dl dd a::before{
  background: #c5a983;
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  height: 1px;
  background: #c5a983;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }
  #search_result-column .writer .text a:hover::before,
  #search_result-column .writer .block-column dl dd a:hover::before{
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  } 


/*----------------------------------------------------
  #register
--------------------------------------------------- */
#register{
  padding-bottom: 200px;
}
#register p.text{
  font-size: 14px;
  line-height: 30px;
  color: #444444;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
#register .list{

}
#register .list .column{
  position: relative;
  border-bottom:1px #e5e5e5 solid;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
#register .list .column .logo{
  width: 160px;
}
#register .list .column p{
  color: #444444;
  font-size: 13px;
  margin-top: 10px;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
#register .list .column a{
  position: absolute;
  width: 170px;
  height: 42px;
  top: 12px;
  right: 0px;
  border:1px #e5e5e5 solid;
  display: block;
  text-align: center;
  line-height: 42px;
  font-size: 13px;
  color: #666666;
}
#register .list .column a:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: '';
  z-index: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
    -webkit-transform: scale(.5);
            transform: scale(.5);
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}
#register .list .column a:hover:before {
  background: #333;
  -webkit-transform: scale(1);
          transform: scale(1);
}
#register .list .column a span{
  position: relative;
  z-index: 1;
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}
#register .list .column a:hover span{
  color: #FFF;
}
#register .contact a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/register/arrow.png) no-repeat left 7px;
  padding-left: 20px;
  color: #b1884e;
  font-size: 14px;
  line-height: 1;
  position: relative;
}

/*----------------------------------------------------
  #member
--------------------------------------------------- */
#member{
  padding-bottom: 200px;
}
#member #information-column{
  width:auto;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  margin-top: 40px;
  border-top:1px #c5a983 solid;
  padding-top: 20px;
}
#member  #information-column .column{
  margin-top: 30px;
  padding-bottom: 40px;
  border-bottom:1px #c5a983 solid;
}
#member p.text{
  font-size: 14px;
  line-height: 30px;
  color: #444444;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
#member dl{
  border-bottom:1px #e5e5e5 solid;
  padding-bottom: 15px;
  margin-bottom: 30px;
}
#member dl dt{
  font-size: 15px;
  color: #777777;
  margin-bottom: 15px;
}
#member dl dd{
  margin-bottom: 15px;
}
#member dl dd a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/register/arrow.png) no-repeat left 7px;
  padding-left: 20px;
  color: #b1884e;
  font-size: 13px;
  line-height: 1;
}
#member dl dd a:hover{
  text-decoration: underline;
}
#member .list .column{
  position: relative;
  border-bottom:1px #e5e5e5 solid;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

/*----------------------------------------------------
  #movie-column
--------------------------------------------------- */
#movie-column{
  background: #1f1f1f;
  color: #FFF;
  padding: 50px 0;
}
#movie-column .inner{
  width: 1100px;
  margin: 0 auto;
  position: relative;
}
#movie-column .thum{
  position: relative;
  width: 860px;
}
#movie-column .thum img{
  width: 100%;
  height: auto;
}
#movie-column .thum a{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/movie/btn_play.svg) no-repeat center center;
  background-size: 71px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  z-index: 3;
}
/* 20180215 */
#movie-column .thum.pr:after{
  content: " ";
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_pr.png) no-repeat;
  width: 31px;
  height: 16px;
  position: absolute;
  top: 0;
  left: 0;
}


#movie-column .text_block{
  position: absolute;
  top: 50%;
  left: 720px;
  -webkit-transform: translate(0px,-50%);
     -moz-transform: translate(0px,-50%);
      -ms-transform: translate(0px,-50%);
       -o-transform: translate(0px,-50%);
          transform: translate(0px,-50%);
  z-index: 2;
}
#movie-column .text_block .movie_title{
  font-size: 25px;
  margin-bottom: 50px;
}

#movie-column .text_block .meta{
  font-size: 15px;
  line-height: 1;
}
#movie-column .text_block .meta .category:after{
  content: "|";
  margin-left: 10px;
  margin-right: 10px;
}
#movie-column .text_block .meta .category a,
#movie-column .text_block .meta .category{
  color: #FFF;
}
#movie-column .text_block .title{
  margin-top: 20px;
  font-size: 38px;
  line-height: 45px;
}

#movie-column .text_block .exp{
  margin-top: 15px;
  font-size: 13px;
  line-height: 24px;
}
#movie-column .moviecover{
  position: absolute;
  top: 0;
  left: 0;
  width: 860px;
  height: 100%;
  background: rgba(0,0,0,0.4);
  -webkit-transition: all 0.5s 0s ease;
  -moz-transition: all 0.5s 0s ease;
  -ms-transition: all 0.5s 0s ease;
  -o-transition: all 0.5s 0s ease;
  transition: all 0.5s 0s ease;
  z-index: 1;
}

#wrapper .videoModal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4600;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out;
}
#wrapper .videoModal.show {
  opacity: 1;
  visibility: visible;
}
#wrapper .videoModal .videoBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.9);
}
#wrapper .videoModal .videoMain {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 960px;
  height: 540px;
  margin-top: -270px;
  margin-left: -480px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 1.0s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 1.0s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
#wrapper .videoModal.show .videoMain {
  opacity: 1;
  visibility: visible;
}

/*----------------------------------------------------
  #authors-column
--------------------------------------------------- */
#authors-column{
  width:1100px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
#authors-column ul.ja_list{
  overflow: hidden;
  text-align: left;
}
#authors-column ul.ja_list li{
  float: left;
  width: 40px;
  margin-right: 35px;
}
#authors-column ul.ja_list li:last-child{
  margin-right: 0;
}
#authors-column ul.ja_list li a{
  width: 40px;
  height: 40px;
  display: block;
  border:1px #cccccc solid;
  box-sizing:border-box;
  text-align: center;
  line-height: 40px;
  color: #777777;
  font-size: 17px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}
#authors-column ul.ja_list li a:hover,
#authors-column ul.ja_list li a.current{
  background:#999999;
  color: #FFF;
}
#authors-column ul.ja_list_2{
  overflow: hidden;
  text-align: left;
  margin: 50px auto;
}
#authors-column ul.ja_list_2 li{
  float: left;
  width: 40px;
  margin-right: 35px;
}
#authors-column ul.ja_list_2 li:last-child{
  margin-right: 0;
}
#authors-column ul.ja_list_2 li a{
  width: 40px;
  height: 40px;
  display: block;
  border:1px #cccccc solid;
  box-sizing:border-box;
  text-align: center;
  line-height: 40px;
  color: #777777;
  font-size: 17px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}
#authors-column ul.ja_list_2 li a:hover,
#authors-column ul.ja_list_2 li a.current{
  background:#999999;
  color: #FFF;
}




#authors-column .authors_list{
  margin-top: 60px;
}
#authors-column .authors_list .authors_title{
  font-size: 25px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  padding-bottom: 12px;
  border-bottom: 1px #e5e5e5 solid;
}
#authors-column .authors_list .column{
  margin-top: 28px;
  padding-bottom: 22px;
  border-bottom: 1px #e5e5e5 solid;
}
#authors-column .authors_list .column .name{
  font-size: 14px;
}
#authors-column .authors_list .column .exp{
  font-size: 13px;
  line-height: 25px;
  margin-top: 5px;
  margin-bottom: 2px;
}
#authors-column .authors_list .column a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/register/arrow.png) no-repeat left 6px;
  padding-left: 15px;
  font-size: 13px;
  color: #b1884e;
    font-style: italic;
}


/*----------------------------------------------------
  #fortune-list-column
  --------------------------------------------------- */
  #fortune-list-column{
  padding-bottom: 40px;
  }
  #fortune-list-column .summary{
  position: relative;
  }
  #fortune-list-column .summary .image{
  width: 100%;
  height: 530px;
  overflow: hidden;
  }
  /* 20171208 */
  #fortune-list-column .summary .matome-image img{
  width: 100%;
  overflow: hidden;
  }
  #fortune-list-column .summary .matome-image a:hover{
    opacity: 0.5;
  }
  #fortune-list-column .summary .series{
  margin-top: 30px;
  font-size: 14px;
  line-height: 137%;
  }
  #fortune-list-column .summary .title{
  margin-top: 12px;
  font-size: 27px;
  line-height: 137%;
  }
  #fortune-list-column .summary .exp{
  margin-top: 10px;
  font-size: 14px;
  line-height:30px;
  color: #444444;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  }
  #fortune-list-column .list{
  padding-bottom: 35px;
  border-bottom: 1px #e5e5e5 solid;
  }
  #fortune-list-column .list .list_title{
  font-size: 18px;
  }
  #fortune-list-column .list .list_title2{
  font-size: 22px;
  }
  #fortune-list-column .list .exp{
  margin-top: 10px;
  font-size: 12px;
  line-height:23px;
  color: #444444;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  }
  #fortune-list-column .list .list_area{
  overflow: hidden;
  }
  #fortune-list-column .list .list_area .column{
  float: left;
  width: 33.333%;
  margin-bottom: 10px;
  text-align: center;
  }
  #fortune-list-column .list .list_area .column a{
  display: block;
  }
  #fortune-list-column .list .list_area .column a .image{
  margin-bottom: 22px;
  }
  #fortune-list-column .list .list_area .column a .image img{
  -webkit-transition: all 0.5s 0s ease;
  -moz-transition: all 0.5s 0s ease;
  -ms-transition: all 0.5s 0s ease;
  -o-transition: all 0.5s 0s ease;
  transition: all 0.5s 0s ease;
  }
  #fortune-list-column .list .list_area .column a:hover .image img{
  opacity: 0.5;
  }
  #fortune-list-column .list .list_area .column a .constellation{
  font-size: 18px;
  display: inline-block;
  position: relative;
  }
  #fortune-list-column .list .list_area .column a .constellation::before{
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  height: 1px;
  background: #c5a983;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }
  #fortune-list-column .list .list_area .column a:hover .constellation::before{
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  }
  
  
  
  #fortune-list-column .list .list_area .column a .birth{
  font-size: 13px;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  }
  #fortune-list-column .list .list_area .column a .date{
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  font-size: 12px;
  color: #777777;
  margin-top: 10px;
  }
  #fortune-list-column .list .share,
  #fortune-column .summary .share,
  #fortune-archive-column .share{
  text-align: right;
  padding-top: 30px;
  }
  #fortune-list-column .list .share .share_title,
  #fortune-column .summary .share .share_title,
  #fortune-archive-column .share .share_title{
  letter-spacing: normal;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  color: #999999;
  width: auto;
  font-size: 12px;
  padding-top: 5px;
  }
  #fortune-list-column .list .share ul,
  #fortune-column .summary .share ul,
  #fortune-archive-column .share ul{
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  height: 20px;
  }
  #fortune-list-column .list .share ul li,
  #fortune-column .summary .share ul li,
  #fortune-archive-column .share ul li{
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  margin:0 5px
  }
  #fortune-list-column .list .share ul li a,
  #fortune-column .summary .share ul li a,
  #fortune-archive-column .share ul li a{
  display: block;
  width: 22px;
  height: 20px;
  }
  #fortune-list-column .list .share ul li.share01 a,
  #fortune-column .summary .share ul li.share01 a,
  #fortune-archive-column .share ul li.share01 a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_share01.svg) no-repeat center center;
  background-size: 7px;
  }
  #fortune-list-column .list .share ul li.share02 a,
  #fortune-column .summary .share ul li.share02 a,
  #fortune-archive-column .share ul li.share02 a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_share02.svg) no-repeat center center;
  background-size: 16px;
  }
  #fortune-list-column .list .share ul li.share03 a,
  #fortune-column .summary .share ul li.share03 a,
  #fortune-archive-column .share ul li.share03 a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_share03.svg) no-repeat center center;
  background-size: 20px;
  }
  #fortune-list-column .list .share ul li.share04 a,
  #fortune-column .summary .share ul li.share04 a,
  #fortune-archive-column .share ul li.share04 a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_share04.svg) no-repeat center center;
  background-size: 18px;
  }
  #fortune-list-column .list .share ul li.share05 a,
  #fortune-column .summary .share ul li.share05 a,
  #fortune-archive-column .share ul li.share05 a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_share05.svg) no-repeat center center;
  background-size: 22px;
  }
  #fortune-list-column .list .share ul li.share06 a,
  #fortune-column .summary .share ul li.share06 a,
  #fortune-archive-column .share ul li.share06 a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_share06.svg) no-repeat center center;
  background-size: 16px;
  }
  
  #fortune-list-column .profile{
  overflow: hidden;
  padding-bottom: 30px;
  border-bottom: 1px #e5e5e5 solid;
  margin-bottom: 30px;
  }
  #fortune-list-column .profile .image-area{
  width: 150px;
  float: left;
  margin: 0 20px 10px 0;
  }
  #fortune-list-column .profile .image-area img{
  width: 100%;
  height: auto;
  }
  #fortune-list-column .profile .profile_name{
  margin-top: 5px;
  font-size: 14px;
  color: #444444;
  }
  #fortune-list-column .profile .text{
  margin-top: 5px;
  font-size: 13px;
  line-height: 192%;
  color: #444444;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  }
  
  #fortune-list-column .attention{
  position: relative;
  font-size: 12px;
  color: #777777;
  }
  #fortune-list-column .attention a{
  position: absolute;
  top: 0;
  right: 0;
  font-size: 13px;
  color: #b1884e;
  font-style: italic;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  }
  #fortune-list-column .attention a::before{
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  height: 1px;
  background: #c5a983;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }
  #fortune-list-column .attention a:hover::before{
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  }
  
  
  /*----------------------------------------------------
  #fortune-column
  --------------------------------------------------- */
  #fortune-column{
  padding-bottom: 70px;
  border-bottom: 1px #e5e5e5 solid;
  margin-bottom: 60px;
  
  }
  #fortune-column .summary .constellation{
  font-size: 22px;
  line-height: 137%;
  }
  #fortune-column .summary .constellation span{
  font-size: 11px;
  margin-left: 10px;
  }
  #fortune-column .summary .title{
  margin-top: 10px;
  font-size: 30px;
  line-height: 137%;
  }
  #fortune-column .summary .image{
  }
  #fortune-column .summary .exp{
  margin-top: 30px;
  font-size: 14px;
  line-height:30px;
  color: #444444;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  }
  #fortune-column .summary .item{
  margin-top: 20px;
  overflow: hidden;
  }
  #fortune-column .summary .item li{
  float: left;
  font-size: 14px;
  }
  #fortune-column .summary .item li:after{
  content: "/";
  margin-left: 5px;
  padding-right: 5px;
  }
  #fortune-column .summary .item li:first-child{
  color: #999999;
  }
  #fortune-column .summary .item li:first-child:after{
  content: "";
  margin-left: 0px;
  padding-right: 0px;
  }
  #fortune-column .summary .item li:last-child:after{
  content: "";
  margin-left: 0px;
  padding-right: 0px;
  }
  #fortune-column .summary .comment{
  width: 657px;
  height: 176px;
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/fortune/comment.jpg) no-repeat;
  position: relative;
  }
  
  #fortune-column .summary .comment p{
  position: absolute;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 0.04em;
  left: 50px;
  width: 380px;
  top: 68px;
  text-align: left;
  }
  #fortune-column .summary .share_block{
  position: relative;
  }
  #fortune-column .summary .share_block a.past{
  position: absolute;
  top: 30px;
  left: 0;
  width: 180px;
  height: 45px;
  display: block;
  background: #b1884e;
  text-align: center;
  line-height: 45px;
  color: #FFF;
  font-size: 13px;
  font-style: italic;
  }
  
  /*----------------------------------------------------
  #fortune-archive-column
  --------------------------------------------------- */
  #fortune-archive-column{
  padding-bottom: 70px;
  border-bottom: 1px #e5e5e5 solid;
  margin-bottom: 60px;
  
  }
  #fortune-archive-column .summary .constellation{
  font-size: 30px;
  line-height: 137%;
  }
  #fortune-archive-column .summary .constellation span{
  font-size: 14px;
  margin-left: 10px;
  }
  #fortune-archive-column .summary .title{
  margin-top: 20px;
  font-size: 28px;
  line-height: 137%;
  color: #b29061;
  }
  #fortune-archive-column .summary .exp{
  margin-top: 10px;
  font-size: 14px;
  line-height:30px;
  color: #444444;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  }
  #fortune-archive-column .summary a .more_area{
  text-align: right;
  }
  #fortune-archive-column .summary a .more{
  text-align: right;
  font-size: 13px;
  color: #b1884e;
  margin: 0 0 0 auto;
  font-style: italic;
  position: relative;
  display: inline-block;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  }
  #fortune-archive-column .summary a .more::before{
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  height: 1px;
  background: #c5a983;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }
  #fortune-archive-column .summary a:hover .more::before{
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  }
  #fortune-archive-column .list{
  margin-top: 35px;
  }
  #fortune-archive-column .list .column{
  border-top: 1px #e5e5e5 solid;
  }
  #fortune-archive-column .list .column{
  display: block;
  padding: 55px 0 30px 0;
  position: relative;
  text-align: right;
  }
  #fortune-archive-column .list .column .date{
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 20px;
  color: #b29061;
  margin-top: -15px;
  text-align: left;
  }
  #fortune-archive-column .list .column .exp{
  padding-left: 185px;
  font-size: 14px;
  line-height:30px;
  color: #444444;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  text-align: left;
  }
  #fortune-archive-column .list .column a .more{
  text-align: right;
  font-size: 13px;
  color: #b1884e;
  margin: 0 0 0 auto;
  font-style: italic;
  position: relative;
  display: inline-block;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  }
  #fortune-archive-column .list .column a .more::before{
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  height: 1px;
  background: #c5a983;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }
  #fortune-archive-column .list .column a:hover .more::before{
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  }
  #fortune-archive-column .paging {
  padding-bottom: 20px;
  } 


/*----------------------------------------------------
  #ad-01
--------------------------------------------------- */
#ad-01{
}
#ad-02{
}
#ad-03{
}
#ad-04{
}

/*----------------------------------------------------
  オートページャー
--------------------------------------------------- */
#autopager{
    height: 160px;
    background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/loading.gif) no-repeat center center;
}

/*----------------------------------------------------
  マージン
--------------------------------------------------- */
.mt20{
  margin-top: 20px !important;
}
.mt30{
  margin-top: 30px !important;
}
.mt40{
  margin-top: 40px !important;
}
.mt50{
  margin-top: 50px !important;
}
.mt60{
  margin-top: 60px !important;
}
.mt70{
  margin-top: 70px !important;
}
.mt80{
  margin-top: 80px !important;
}
.mt90{
  margin-top: 90px !important;
}
.mt200{
  margin-top: 200px !important;
}
.pb40border{
  padding-bottom: 40px !important;
  border-bottom: 1px #e5e5e5 solid;
}

/*----------------------------------------------------
  テキスト下線オーバー
--------------------------------------------------- */
#category-column .category_list a.view::before,
#information-column .column p.to_detail::before,
#footer ul.navi li a::before,
#footer .sitemap dl dt a::before,
#footer .sitemap dl dd a::before,
#entry-column .summary .tag ul li a::before,
.article-body .tag ul li a::before,
#entry-column .summary .writer a::before,
.article-body .writer a::before,
.article-body .profile .text a::before,
.article-body .list li a::before,
.article-body ul.contact_list li span a::before,
#register .contact a::before{
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
            transform-origin: right center;
    height: 1px;
    background: #c5a983;
    -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
            transform: scale(0, 1);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
                    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
                    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.article-body .list li a::before{
  background:#b1884e;
}
#footer ul.navi li a::before,
#footer .sitemap dl dt a::before,
#footer .sitemap dl dd a::before{
    background: #c5a983;
    bottom: 3px;
}
#entry-column .summary .writer a::before,
.article-body .writer a::before{
    background: #666666;
    bottom: 0px;
}
.article-body ul.contact_list li span a::before{
  bottom: -1px;
  background: #c5a983;
}
.article-body .list li a::before,
#register .contact a::before{
    left: 22px;
   width : 98% ;
   width : -webkit-calc(100% - 22px) ;
   width : calc(100% - 22px) ;
}
#entry-column .summary .writer .text a::before,
.article-body .writer .text a::before{
    background: #c5a983;
}
#category-column .category_list a.view:hover::before,
#information-column .column p.to_detail:hover::before,
#footer ul.navi li a:hover::before,
#footer .sitemap dl dt a:hover::before,
#footer .sitemap dl dd a:hover::before,
#entry-column .summary .tag ul li a:hover::before,
.article-body .tag ul li a:hover::before,
#entry-column .summary .writer a:hover::before,
.article-body .writer a:hover::before,
.article-body .profile .text a:hover::before,
.article-body .list li a:hover::before,
.article-body ul.contact_list li span a:hover::before,
#register .contact a:hover::before{
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
}
/*----------------------------------------------------
  広告
--------------------------------------------------- */
.ad-billboard{text-align:center;}
#ad-08{margin-bottom:30px;}

/*----------------------------------------------------
  カテゴリースポンサード広告
--------------------------------------------------- */
.block-line02-column.special {
  border-top: 1px #c5a983 solid;
}

/*----------------------------------------------------
  占い
--------------------------------------------------- */
.cf:after {
  content: "";
  display: block;
  clear: both; }

.t-center {
  text-align: center; }

.t-left {
  text-align: left; }

.t-right {
  text-align: right; }

.txt-center {
  text-align: center !important; }

.txt-left {
  text-align: left !important; }

.txt-right {
  text-align: right !important; }

.color-gray {
  color: #444444; }

.mt5 {
  margin-top: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt35 {
  margin-top: 35px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt45 {
  margin-top: 45px !important; }

.mt50 {
  margin-top: 50px !important; }

.box-title-01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .box-title-01 .title {
    display: block;
    font-size: 26px;
    font-family: 'Amiri', serif; }

.box-title-02 .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .box-title-02 .logo img {
    width: 150px;
    margin-right: 20px; }
  .box-title-02 .logo span {
    display: inline-block; }

.box-title-02 .unit-title-01 {
  margin-top: 19px; }
  .box-title-02 .unit-title-01 .unit-link-01 {
    font-weight: bold; }

.box-title-02 > p {
  margin-top: 17px; }

.box-birthday-01 {
  margin-top: 20px;
  padding: 34px;
  border: 5px solid #ebdfcf;
  background-color: #fbf7f0;
  text-align: center; }
  .box-birthday-01 .title {
    display: block;
    margin-top: 28px;
    font-size: 18px;
    color: #444444; }
    .box-birthday-01 .title:first-child {
      margin-top: 0; }
  .box-birthday-01 .unit-birthday-01 {
    margin-top: 12px; }
  .box-birthday-01 .unit-btn-01 {
    margin-top: 29px; }
/* 20180426 */
.box-birthday-01 ul.mytitle{display: inline-block;}
.box-birthday-01 ul.mytitle li{
  text-align: left;
  font-size:18px;
}
.box-birthday-01 .birthday {
  display: block;
  margin-top: 16px;
  font-size: 26px;
}
.box-birthday-01 .attention {
  line-height: 25px;
  font-size: 12px;
  color: #777777;
  font-style: oblique;
  font-family: 'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;  
}
.box-birthday-01#englishname-attention p{
  font-size: 22px;
  line-height: 130%;
}
.box-birthday-01#englishname-attention p.attention{
  line-height: 25px;
  font-size: 12px;
  color: #777777;
  font-style: oblique;
  font-family: 'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;  
}

.box-birthday-02 {
  margin-top: 20px;
  padding: 34px;
  border: 5px solid #ebdfcf;
  background-color: #fbf7f0;
  text-align: center; }
  .box-birthday-02 .title {
    display: block;
    font-size: 30px; }
    .box-birthday-02 .title:first-child {
      margin-top: 0; }
  .box-birthday-02 .catch {
    display: block;
    margin-top: 28px;
    font-size: 18px;
    color: #444444; }
  .box-birthday-02 .unit-birthday-01 {
    margin-top: 12px; }
  .box-birthday-02 .unit-btn-01 {
    margin-top: 29px; }
  .box-birthday-02 > *:first-child {
    margin-top: 0; }

.box-detail-01 {
  margin-top: 36px; }
  .box-detail-01 .unit-title-03 {
    margin-bottom: 10px; }
  .box-detail-01 .unit-btn-04 {
    margin-top: 10px; }

.box-detail-02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .box-detail-02 .figure-wrap {
    width: 150px; }
  .box-detail-02 .detail-wrap {
    width: calc(100% - 170px); }
    .box-detail-02 .detail-wrap > * {
      margin-top: 10px; }
      .box-detail-02 .detail-wrap > *:first-child {
        margin-top: 0; }

.box-visual-01 {
  width: 720px;
  height: 400px;
  background: url(/common/images/precious/v1/fortune/numerology/visual_back.jpg) no-repeat center center transparent;
  text-align: center;
  color: #ffffff; }
  .box-visual-01 .inner {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -52%);
    -ms-transform: translate(-50%, -52%);
    transform: translate(-50%, -52%); }
  .box-visual-01 .logo {
    width: 146px;
    margin: 0 auto; }
  .box-visual-01 .title {
    margin-top: 20px;
    font-size: 55px;
    line-height: 1;
    letter-spacing: 0.06em; }
  .box-visual-01 p {
    margin-top: 36px;
    font-size: 16px; }
.box-visual-01 .title.small {
    font-size: 44px;
}

.box-result-01 {
  text-align: center; }
  .box-result-01 .title {
    font-size: 22px;
    /* font-size: 30px; */
    line-height: 1; }
  .box-result-01 .number {
    display: block;
    margin-top: 14px;
    font-size: 188px;
    line-height: 0.9;
    color: #001a41; }
.box-result-01 .member-title {
  font-size: 32px;
  margin-bottom: 26px;
}

.box-result-02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 720px;
  height: 400px;
  background: url(/common/images/precious/v1/fortune/numerology/result_back.png) no-repeat center center transparent; 
  position: relative;
  text-align:center;
  }
  .box-result-02 .number {
    /*
    line-height: 450px;
    font-size: 362px;
    color: #001a41;
    */
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin: 0;
    padding: 0;
    font-size: 362px;
  }
  .box-result-02 .number.relation {
    top: 60%;
  }
  .box-result-02 .category {
    margin: 40px auto 0;
    padding: 0;
    font-size: 34px;
  }
.box-result-02.destiny-image{background: url(/common/images/precious/v1/fortune/numerology/destiny_resultpage.png) no-repeat center center transparent;}
.box-result-02.soul-image{background: url(/common/images/precious/v1/fortune/numerology/soul_resultpage.png) no-repeat center center transparent;}
.box-result-02.personality-image{background: url(/common/images/precious/v1/fortune/numerology/parsonality_resultpage.png) no-repeat center center transparent;}

.box-result-03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 720px;
  height: 400px;
  background: url(/common/images/precious/v1/fortune/numerology/result_back.png) no-repeat center center transparent; }
  .box-result-03 .inner {
    width: 50%;
    text-align: center; }
    .box-result-03 .inner:nth-of-type(odd) {
      border-right: 1px solid #ba9562; }
    .box-result-03 .inner .number {
      line-height: 450px;
      font-size: 362px;
      color: #001a41; }

.box-divination-01 {
  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; }
  .box-divination-01 .inner {
    margin-top: 43px; }
    .box-divination-01 .inner:nth-of-type(-n+3) {
      margin-top: 0; }
    .box-divination-01 .inner .number {
      width: 228px;
      height: 228px;
      background: url(/common/images/precious/v1/fortune/numerology/fortune_back.png) no-repeat center center transparent;
      background-size: contain;
      text-align: center;
      line-height: 258px;
      font-size: 188px;
      color: #001a41; }
    /* .box-divination-01 .inner .number.lifepassnumber {
    font-size: 99px;} */
    .box-divination-01 .inner .unit-btn-06 {
      margin-top: 20px; }
    .box-divination-01 .inner .unit-list-02 {
      margin-top: 10px;
      font-weight: bold; }
.box-divination-01 .inner .unit-btn-06 {
  width: 228px;
}
.box-divination-01 .inner .column {
    display: block;
    padding: 55px 0 30px 0;
    position: relative;
    text-align: right;
    border-top: 1px #e5e5e5 solid;
}
.box-divination-01 .inner .column .date {
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 20px;
    color: #b29061;
    margin-top: -15px;
    text-align: left;
}
.box-divination-01 .inner .column .exp {
    padding-left: 185px;
    font-size: 14px;
    line-height: 30px;
    color: #444444;
    font-family: 'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
    text-align: left;
}
.box-divination-01 .inner .column a .more {
    text-align: right;
    font-size: 13px;
    color: #b1884e;
    margin: 0 0 0 auto;
    font-style: italic;
    position: relative;
    display: inline-block;
    font-family: 'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.box-divination-01 .inner .column a .more::before {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    height: 1px;
    background: #c5a983;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.box-divination-02 .divination-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch; }
  .box-divination-02 .divination-inner .title-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 318px; }
    .box-divination-02 .divination-inner .title-wrap .title {
      display: block;
      font-size: 22px; }
    .box-divination-02 .divination-inner .title-wrap .catch {
      display: block;
      margin-top: 5px; }
  .box-divination-02 .divination-inner .unit-birthday-03 {
    width: 288px; }
    .box-divination-02 .divination-inner .unit-birthday-03 .birthday-inner {
      margin-top: 8px; }
      .box-divination-02 .divination-inner .unit-birthday-03 .birthday-inner:first-child {
        margin-top: 0; }
  .box-divination-02 .divination-inner .submit-wrap {
    width: 114px;
    padding-left: 13px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .box-divination-02 .divination-inner .submit-wrap .unit-btn-01 {
      height: 100%; }
      .box-divination-02 .divination-inner .submit-wrap .unit-btn-01 .divineCalcButton {
        min-width: auto;
        min-width: inherit;
        width: 100%;
        height: 100%; 
}

.unit-title-01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .unit-title-01 .title {
    font-size: 26px; }

.unit-title-02 {
  text-align: center;
  font-size: 22px; }

.unit-title-03 {
  font-size: 26px; }

.unit-title-04 {
  font-size: 26px; }

.unit-link-01 {
  display: block;
}
.unit-link-01 a {
  color: #ba9562;
}
.unit-link-01 a:after{
  content: "\f105";
  margin-left: 10px;
  font-family: 'FontAwesome';
}
.unit-btn-01 input[type="submit"],
.unit-btn-01 .divineCalcButton,
.unit-btn-01 a {
  display: inline-block;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "游明朝体" , "Yu Mincho" , YuMincho , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  min-width: 220px;
  padding: 8px;
  border-radius: 2px;
  background-color: #ba9562;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer; }
.unit-btn-01 #divineNameButton:disabled{opacity:0.6;}

.unit-btn-02 {
  text-align: center; }
  .unit-btn-02 input[type="submit"],
  .unit-btn-02 a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-width: 330px;
    /* padding: 13px 10px 5px 10px; */
    padding: 10px 10px 8px 10px;
    border-radius: 2px;
    background-color: #ba9562;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    cursor: pointer; }

.unit-btn-03 a {
  padding: 3px 5px;
  border: 1px solid #cccccc; }
  .unit-btn-03 a:after {
    content: "\f105";
    margin-left: 20px;
    font-family: 'FontAwesome'; }

.unit-btn-04 {
  text-align: center; }
  .unit-btn-04 input[type="submit"],
  .unit-btn-04 a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-width: 360px;
    /* padding: 13px 10px 5px 10px; */
    padding: 10px 10px 8px 10px;
    border-radius: 2px;
    background-color: #ba9562;
    text-align: center;
    color: #ffffff;
    cursor: pointer; }

.unit-btn-05 {
  font-size: 16px; }
  .unit-btn-05 a {
    display: block;
    position: relative;
    min-width: 200px;
    padding: 8px 10px;
    border-radius: 2px;
    background-color: #fbf7f0;
    border: 1px solid #ba9562;
    color: #ba9562; }
    .unit-btn-05 a:before {
      content: "\f105";
      font-family: 'FontAwesome';
      position: absolute;
      top: 50%;
      right: 10px;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      font-size: 17px; }

.unit-btn-06 a {
  display: block;
  padding: 11px 10px 7px;
  background-color: #ba9562;
  text-align: center;
  font-style: italic;
  color: #ffffff; }
.unit-btn-06.nonmember a {background-color: #ff0000;}

.unit-btn-07.regist a > span:before {
  background-image: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_register.png); }

.unit-btn-07.regist a:hover > span:before {
  background-image: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_register_w.png); }

.unit-btn-07.login a > span:before {
  background-image: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_login.png); }

.unit-btn-07.login a:hover > span:before {
  background-image: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_login_w.png); }

.unit-btn-07 a {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  min-width: 260px;
  padding: 14px 10px;
  border: 1px solid #cccccc;
  background-color: #ffffff; }
  .unit-btn-07 a:before {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    z-index: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease; }
  .unit-btn-07 a:hover:before {
    background: #333;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .unit-btn-07 a:hover > span {
    color: #ffffff; }
  .unit-btn-07 a > span {
    z-index: 1;
    position: relative;
    vertical-align: middle; }
    .unit-btn-07 a > span:before {
      content: "";
      display: inline-block;
      width: 16px;
      height: 16px;
      margin-right: 20px;
      background: no-repeat center center transparent; }



.unit-horizon-01 {
  display: block;
  margin-top: 34px;
  margin-bottom: 38px;
  border: none;
  border-top: 1px solid #e5e5e5; }

.unit-birthday-01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-family: "游明朝体" , "Yu Mincho" , YuMincho , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  font-size: 16px; }
  .unit-birthday-01 .birthday-inner,
  .unit-birthday-01 .colomn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .unit-birthday-01 .birthday-inner > span:not(.unit-select-01),
    .unit-birthday-01 .colomn > span:not(.unit-select-01) {
      margin-right: 19px;
      margin-left: 9px; }
    .unit-birthday-01 .birthday-inner > span:first-child,
    .unit-birthday-01 .colomn > span:first-child {
      display: block;
      margin-left: 0; }
      .unit-birthday-01 .birthday-inner > span:first-child + .unit-select-01,
      .unit-birthday-01 .colomn > span:first-child + .unit-select-01 {
        margin-left: 0; }
  .unit-birthday-01 > span:not(.unit-select-01) {
    margin-right: 19px;
    margin-left: 9px; }
  .unit-birthday-01 > span:first-child {
    display: block;
    margin-left: 0; }
    .unit-birthday-01 > span:first-child + .unit-select-01 {
      margin-left: 0; }
  .unit-birthday-01 .unit-select-01 {
    margin-left: 8px; }

.unit-birthday-02 {
  font-family: "游明朝体" , "Yu Mincho" , YuMincho , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  font-size: 16px; }
  .unit-birthday-02 .birthday-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 15px; }
    .unit-birthday-02 .birthday-inner:first-child {
      margin-top: 0; }
    .unit-birthday-02 .birthday-inner.colomn02 .colomn {
      width: 50%; }
    .unit-birthday-02 .birthday-inner.left-value .colomn {
      margin-top: 10px;
      padding-left: 1.5em;
      padding-right: 0; }
      .unit-birthday-02 .birthday-inner.left-value .colomn:first-child {
        margin-top: 0; }
      .unit-birthday-02 .birthday-inner.left-value .colomn .value {
        left: 0;
        right: auto; }
  .unit-birthday-02 .colomn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    padding-right: 1.5em; }
    .unit-birthday-02 .colomn.value-year {
      padding-left: 2.5em; }
    .unit-birthday-02 .colomn .year {
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
    .unit-birthday-02 .colomn .value {
      position: absolute;
      top: 50%;
      right: 5px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
  .unit-birthday-02 > span:first-child {
    display: block;
    margin-left: 0; }
    .unit-birthday-02 > span:first-child + .unit-select-01 {
      margin-left: 0; }
  .unit-birthday-02 .unit-select-01,
  .unit-birthday-02 .unit-input-01 {
    width: 100%; }
    .unit-birthday-02 .unit-select-01 input[type="text"],
    .unit-birthday-02 .unit-input-01 input[type="text"] {
      width: 100%; }


.unit-birthday-03 {
  font-family: "游明朝体" , "Yu Mincho" , YuMincho , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  font-size: 16px; }
  .unit-birthday-03 .birthday-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 15px; }
    .unit-birthday-03 .birthday-inner:first-child {
      margin-top: 0; }
    .unit-birthday-03 .birthday-inner.colomn02 .colomn {
      width: 50%; }
    .unit-birthday-03 .birthday-inner.left-value .colomn {
      margin-top: 10px;
      padding-left: 1.5em;
      padding-right: 0; }
      .unit-birthday-03 .birthday-inner.left-value .colomn:first-child {
        margin-top: 0; }
      .unit-birthday-03 .birthday-inner.left-value .colomn .value {
        left: 0;
        right: auto; }
  .unit-birthday-03 .colomn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    padding-right: 1.5em; }
    .unit-birthday-03 .colomn.value-year {
      padding-left: 2.5em; }
    .unit-birthday-03 .colomn .year {
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
    .unit-birthday-03 .colomn .value {
      position: absolute;
      top: 50%;
      right: 5px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
  .unit-birthday-03 > span:first-child {
    display: block;
    margin-left: 0; }
    .unit-birthday-03 > span:first-child + .unit-select-01 {
      margin-left: 0; }
  .unit-birthday-03 .unit-select-01,
  .unit-birthday-03 .unit-input-01 {
    width: 100%;
    background-color: #ffffff; }
    .unit-birthday-03 .unit-select-01:after,
    .unit-birthday-03 .unit-input-01:after {
      text-align: center; }
    .unit-birthday-03 .unit-select-01 input[type="text"],
    .unit-birthday-03 .unit-input-01 input[type="text"] {
      width: 100%; }
    .unit-birthday-03 .unit-select-01 select,
    .unit-birthday-03 .unit-input-01 select {
      padding: 10px 30px 8px 15px; }

.unit-select-01 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  width: 120px;
  background-color: #eeeeee;
  border: 1px solid #ba9562; }
  .unit-select-01:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    z-index: 0;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 101%;
    background-color: #ba9562; }
  .unit-select-01:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "\f107";
    z-index: 0;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    font-family: 'FontAwesome';
    color: #ffffff; }
  .unit-select-01 select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    width: 100%;
    padding: 15px 30px 13px 15px;
    line-height: 1;
    cursor: pointer; }
    .unit-select-01 select::-ms-expand {
      display: none; }
    .unit-select-01 select:before {
      content: "";
      width: 30px;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      background-color: red; }

.unit-input-01 input[type="text"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 200px;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 13px 15px 11px;
  background-color: #eeeeee;
  border: 1px solid #ba9562;
  ime-mode: disabled;
  }

.unit-numberresult-01 {
  margin-top: 34px; }
  .unit-numberresult-01 .result {
    font-weight: bold;
    font-size: 16px;
    line-height: 1.8; }
  .unit-numberresult-01 p:not(.result) {
    margin-top: 5px;
    color: #444444; }
  .unit-numberresult-01 .unit-link-01 {
    margin-top: 10px;
    font-size: 16px;
    font-weight: bold; }
.unit-numberresult-01 .numerology-image{
  width: 150px;
  float: left;
  margin: 0 20px 10px 0;
}
.unit-numberresult-01 h3 {
    font-size: 20px;
    color: #222222;
    line-height: 185%;
    letter-spacing: -0.05em;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.unit-numberresult-01 .result .nickname,
.unit-numberresult-01 .unit-link-01 .nickname,
.unit-numberresult-01 .result .name1,
.unit-numberresult-01 .result .name2,
.unit-numberresult-01 .result #person2-year,
.unit-numberresult-01 .result #person2-month,
.unit-numberresult-01 .result #person2-day{font-weight:bold;}

.unit-numberresult-01 .summary {margin-top: 10px !important;}
.unit-numberresult-01 .result a span.lifepathnum,
.unit-numberresult-01 .result a span.destinynum,
.unit-numberresult-01 .result a span.soulnum,
.unit-numberresult-01 .result a span.personalitynum{
  font-weight:bold;
  color: #ba9562;
  font-size: 22px;
}
.unit-numberresult-01 .result a span#person2-result-lifepath,
.unit-numberresult-01 .result a span#destinynum1,
.unit-numberresult-01 .result a span#destinynum2,
.unit-numberresult-01 .result a span.destinynum2,
.unit-numberresult-01 .result a span#soulnum1,
.unit-numberresult-01 .result a span#soulnum2,
.unit-numberresult-01 .result a span.soulnum2,
.unit-numberresult-01 .result a span#personalitynum1,
.unit-numberresult-01 .result a span#personalitynum2,
.unit-numberresult-01 .result a span.personalitynum2,
.unit-numberresult-01 .result a span.person-relation-lifepath,
.unit-numberresult-01 .result a span.result-lifepath-href,
.unit-numberresult-01 .result a span#nickname-result-lifepath,
.unit-numberresult-01 .result a span.destiny-relation-number,
.unit-numberresult-01 .result a span.soul-relation-number,
.unit-numberresult-01 .result a span.personality-relation-number,
.unit-numberresult-01 .result a span#person1-result-lifepath{
  font-weight:bold;
  color: #ba9562;
  font-size: 22px;
}


.unit-note-01 {
  margin-top: 13px;
  font-size: 13px;
  color: #999999; }

.unit-list-01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .unit-list-01 li {
    margin: 0 10px; }

.unit-list-02 {
  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; }

.unit-list-03 {
  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; }
  .unit-list-03 li {
    margin-right: 10px; }

.unit-read-01 {
  line-height: 2.0; }

#compatibility-column {
  margin-top: 4px;
  padding-bottom: 30px;
  font-size: 14px; }
  #compatibility-column .box-title-02 {
    margin-top: 31px; }
  #compatibility-column .unit-title-02 {
    margin-top: 31px; }
  #compatibility-column .unit-btn-02 {
    margin-top: 53px; }

#compatibility-column .unit-btn-02.sub {
    margin-top: 20px;
}

#mypage-column {
  margin-top: 4px;
  padding-bottom: 30px;
  font-size: 14px; }
  #mypage-column .box-title-02 {
    margin-top: 31px; }

#mypage-column .box-title-02 p a {
    background: #b4956a;
    color: #FFF;
    font-style: italic;
    padding: 0 4px;
    margin-right:14px;
}
#mypage-column h2 {
    font-size: 22px;
    color: #222222;
    line-height: 168%;
    letter-spacing: -0.05em;
    color: #222222;
    margin-top: 50px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#mypage-column h3 {
    font-size: 20px;
    color: #222222;
    line-height: 185%;
    letter-spacing: -0.05em;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#mypage-column .image-caption {
    text-align: left;
    font-size: 12px;
    line-height: 214%;
    color: #777777;
    padding-top: 10px;
    font-style: italic;
    font-family: 'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}

#compatibility-column .unit-numberresult-01 .box-result-wrrap{
  /* display:table; */
}
#mypage-column .unit-numberresult-01 .box-result-wrrap .box-result-image,
#compatibility-column .unit-numberresult-01 .box-result-wrrap .box-result-image{
  width: 150px;
  /* display:table-cell; */
  float:left;
  position:relative;
  margin-right:20px;
}
#mypage-column .unit-numberresult-01 .box-result-wrrap .box-result-image .numerology-image,
#compatibility-column .unit-numberresult-01 .box-result-wrrap .box-result-image .numerology-image{
  width:150px;
  text-align:left;
}
#mypage-column .unit-numberresult-01 .box-result-wrrap .box-result-image .number,
#compatibility-column .unit-numberresult-01 .box-result-wrrap .box-result-image .number{
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  font-size: 112px;
}
#mypage-column .unit-numberresult-01 .box-result-wrrap .box-result-text,
#compatibility-column .unit-numberresult-01 .box-result-wrrap .box-result-text {
  /* display:table-cell; */
  width:auto;
}

#divination-column {
  margin-top: 4px;
  padding-bottom: 30px;
  font-size: 14px; }
  #divination-column .box-result-01 {
    margin-top: 44px; }
  #divination-column .box-divination-01 {
    margin-top: 25px; }
  #divination-column > .unit-btn-06 {
    margin-top: 53px;
    text-align: center; }
    #divination-column > .unit-btn-06 a {
      display: inline-block;
      min-width: 310px; }
  #divination-column > .unit-btn-06.sub {
    margin-top: 20px;
    }

#result-colomn {
  padding-bottom: 30px; }
  #result-colomn > .unit-title-04 {
    margin-top: 57px; }
  #result-colomn .box-result-03 {
    margin-top: 31px; }
  #result-colomn .box-result-01 {
    margin-top: 30px; }
    #result-colomn .box-result-01 .title {
      line-height: 1.5; }
  #result-colomn .box-birthday-02 {
    margin-top: 70px; }
    #result-colomn .box-birthday-02 .catch {
      line-height: 1.6; }
    #result-colomn .box-birthday-02 .unit-birthday-01 {
      margin-top: 22px; }
  /* 20180824 */
  #mypage-column #result-colomn.nonmember .box-birthday-02 {
    margin-top: 30px; }
  #result-colomn > .unit-btn-06 {
    text-align: center; }
    #result-colomn > .unit-btn-06 a {
      display: inline-block;
      min-width: 310px; }
    #result-colomn > .unit-btn-06 + .unit-btn-06 {
      margin-top: 20px; }

.box-divination-02 {
  margin: 80px 0 50px;
}
#result-colomn #article-bottom-link {text-align:center;}
#result-colomn #article-bottom-link .unit-btn-06 a {
  display: inline-block;
  min-width: 310px; 
}
#result-colomn #article-bottom-link .unit-btn-06 + .unit-btn-06 {margin-top: 20px;}

[v-cloak] {
  visibility:hidden;
}

/* 20180906 追加 */
#entry_list-column .pickup.thum_list .column a .image img.wid {
  width: 100%;
  height: 100%;
}
#entry_list-column.close_bottom {
  border-bottom: 1px #c5a983 solid;
  padding-bottom: 80px;
}
#entry_list_title-column ul.tag_list.wid {
  width: auto;
  display: block;
}
.fortune-slider-column {
  width: 230px;
  margin: 0 5px;
}
.fortune-slider-column .image {
  margin-bottom: 5px;
}
.fortune-slider-column .sign {
  font-size: 12px;
}
.fortune-slider-column .sign--center {
  text-align: center;
}
.fortune-slider-column .sign span {
  font-size: 16px;
  display: block;
}

.fortune-slider {
  width: 720px;
}
.fortune-slider .slick-arrow {
  background-color: rgba(0,0,0,.5);
  width: 30px;
  height: 40px;
  padding: 0;
  background-position: center center;
}
.fortune-slider .slick-next {
  background-image: url(/common/images/precious/v1/smartphone/common/arrow_right01.png);
  background-repeat: no-repeat;
  background-position: 12px 12px;
  background-size: 9px auto;
  cursor: pointer;
}
.fortune-slider .slick-next:hover {
  transform: initial;
}
.fortune-slider .slick-prev {
  background-image: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/common/arrow_left01.png);
  background-repeat: no-repeat;
  background-position: 9px 12px;
  background-size: 9px auto;
  cursor: pointer;
}
.fortune-slider .slick-prev:hover {
  transform: initial;
}

.unit-btn-08 {
  text-align: center;
}
.unit-btn-08 a {
  border: 1px solid #cccccc;
  padding: 8px 20px 5px;
  position: relative;
  display: inline-block;
}
.unit-btn-08 a span {
  position: relative;
  transition: all 0.5s 0s ease;
}
.unit-btn-08 a:after {
  content: "\f105";
  margin-left: 20px;
  font-family: 'FontAwesome';
  position: relative;
}
.unit-btn-08 a:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: '';
  z-index: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
    -webkit-transform: scale(.5);
            transform: scale(.5);
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}
.unit-btn-08 a:hover:before {
  background: #333;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.unit-btn-08 a:hover:after {
  color: #fff;
}
.unit-btn-08 a:hover span {
  color: #fff;
}

.m-kanban {
   position: relative;
}
.m-kanban .text_block {
  position: absolute;
  top: 30%;
  padding: 0 30px;
  font-size: 38px;
  line-height: 137%;
  letter-spacing: -0.05em;
  color: #fff;
  text-align: center;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.m-kanban .text_block .category_title {
  font-size: 30px;
  letter-spacing: 0.07em;
}
.m-kanban .text_block .exp {
  margin-top: 20px;
  line-height: 200%;
  width: 530px;
  margin: 20px auto 0;
  word-wrap: break-word;
  font-size: 13px;
}

.m-textlink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.m-textlink li {
  margin-right: 20px;
}
.m-textlink li a {
  display: inline-block;
}
.m-textlink li a:before {
  content: "\f105";
  margin-right: 5px;
  font-family: 'FontAwesome';
  position: relative;
}

/* 20180907追加 */
#fortune-list-column .attention-link {
  position: absolute;
  right: 0;
  top: 0;
}
#fortune-list-column .attention-link a {
  position: relative;
}

/* 20180914 追加 */
.m-gallery {
  width: 720px;
  margin: 0 auto;
}
.m-gallery-main {
  margin-bottom: 50px;
}
.m-gallery-main .img {
  width: 720px;
  height: 500px;
  overflow: hidden;
  text-align: center;
  background-color: #fff;
}
.m-gallery-main .img a {
  position: relative;
  display: block;
  height: 500px;
}
.m-gallery-main .img img {
  position: absolute;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.m-gallery-main .caption {
  text-align: left;
  font-size: 12px;
  line-height: 214%;
  color: #777777;
  padding-top: 5px;
  font-style: italic;
  font-family: 'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.m-gallery-thumbnail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -15px;
}
.m-gallery-thumbnail li {
  width: 120px;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  margin: 0 15px 15px;
  background-color: #fff;
  -webkit-transition: opacity 0.2s 0s ease;
       -o-transition: opacity 0.2s 0s ease;
          transition: opacity 0.2s 0s ease;
}
.m-gallery-thumbnail li:hover {
  opacity: .8;
}
.m-gallery-thumbnail li.thumbnail-current {
  position: relative;
}
.m-gallery-thumbnail li.thumbnail-current::after {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 100%;
  height: 100%;
  border: solid 3px #d90000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.m-gallery-thumbnail li{
  position: relative;
  display: block;
  height: 80px;
}
.m-gallery-thumbnail li img {
  position: absolute;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.m-backto-article {
  text-align: right;
  padding-top: 30px;
  margin-bottom: -25px;
}
.m-backto-article a {
  display: inline-block;
  background: #b1884e;
  text-align: center;
  color: #FFF;
  font-size: 13px;
  font-style: italic;
  padding: 2px 10px;
}
.m-backto-article--btn {
  margin-bottom: 0;
  text-align: center;
}
.m-backto-article--btn a {
  display: inline-block;
  height: 42px;
  background-color: #fff;
  border: 1px #ddd solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  line-height: 42px;
  color: #666666;
  font-size: 16px;
  position: relative;
  font-style: initial;
  font-weight: bold;
  width: 350px;
}
.m-backto-article a.mens {
  background-color: #6e8aa8;
}

.m-backto-article--btn a:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: '';
  z-index: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
    -webkit-transform: scale(.5);
            -ms-transform: scale(.5);
        transform: scale(.5);
    -webkit-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}
.m-backto-article--btn a:hover:before {
  background: #333;
  -webkit-transform: scale(1);
          -ms-transform: scale(1);
      transform: scale(1);
}
.m-backto-article--btn a span{
  position: relative;
  z-index: 1;
    -webkit-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}
.m-backto-article--btn a:hover span{
  color: #FFF;
}

.article-body .article-more-photo {
  text-align: right;
  padding-top: 10px;
  margin-bottom: 20px;
}
.article-body .article-more-photo a {
  display: inline-block;
  background: #b1884e;
  text-align: center;
  color: #fff;
  font-size: 13px;
  font-style: italic;
  padding: 2px 10px;
}
.article-body .article-more-photo a.mens {
  background-color: #6e8aa8;
}

.abj {
  border-bottom: 1px #c5a983 solid;
  padding: 30px 50px;
}
.abj.skin-mens {
  border-bottom:1px #b1b9c0 solid;
}
.abj-logo {
  text-align: center;
  margin-bottom: 20px;
}
.abj-logo img {
  width: 100px;
  height: auto;
}
.abj-txt {
  font-size: 14px;
}
.abj-txt a:link {
  color: #b1884e;
  text-decoration: underline;
}
.abj-txt a:hover {
  text-decoration: none;
}

.lazy {
  opacity: 0 !important;
    -webkit-transition: all 1.2s 0s ease;
       -moz-transition: all 1.2s 0s ease;
        -ms-transition: all 1.2s 0s ease;
         -o-transition: all 1.2s 0s ease;
            transition: all 1.2s 0s ease;
}
.lazy.loaded { opacity: 1 !important; }

.article-body .contact_list--flex > li {
  display: flex;
}
.article-body .contact_list--flex .link {
  color: #b1884e;
  font-style: italic;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  position: relative;
}
.article-body .contact_list--flex .tel-link { display: block; }

.article-body h5{
  font-size: 16px;
  line-height: 1.2;
  margin-top: 15px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.article-fortune-list { text-align: center; margin-top: 30px; margin-right: -18px; }
.article-fortune-list > li { margin-top: 20px; }
.article-fortune-list h2 { margin-top: 10px; }


.article-body .images-2cols.custom {
  overflow: hidden;
  letter-spacing: -0.4em;
}
.article-body .images-2cols.custom >div{
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  width: 350px;
  margin-right: 18px;
}
.article-body .images-3cols.custom > div img,
.article-body .images-2cols.custom > div img{
  width: 100%;
  height: auto;
}
.article-body .images-2cols.custom > div:last-child{
  margin-right: 0px;
}
.article-body .images-2cols.custom > div .caption{
  display: block;
  font-size: 12px;
  line-height: 214%;
  color: #777777;
  padding-top: 10px;
}

.article-body .images-3cols > div {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  width: 228px;
  margin-right: 17px;
}
.article-body .images-3cols > div:last-child{
  margin-right: 0px;
}
.article-body .images-3cols > div .caption{
  display: block;
  font-size: 12px;
  line-height: 214%;
  color: #777777;
  padding-top: 10px;
}

.article-next-page {
  margin: 50px 0 -40px;
  text-align: center;
}
.article-next-page.adjust {
  margin: 50px 0;
}
.article-next-page a {
  font-size: 1.5rem;
  cursor: pointer;
}

.article-next-page + .paging {
    padding-bottom: 30px;
}

.lineanim {
  color: #b1884e !important;
  position: relative;
  font-style: italic;
}
.lineanim::before {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  height: 1px;
  background: #c5a983;
  -webkit-transform: scale(0, 1);
      -ms-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
                  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
                  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.lineanim:hover::before{
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
}

/*記事中 応募ボタン*/
.c-entry-btn__link {
    color: #fff;
    background-color: #c5a983;
    text-align: center;
    max-width: 380px;
    margin: 0 auto;
    padding: 0.8em 1em;
    display: block;
    box-sizing: border-box;
    border: 1px solid #c5a983;
    font-weight: bold;
    font-style: normal;
    line-height: 1;
    transition:all .3s ease-in-out;
}

.c-entry-btn__link:hover{
  background:#fff;
  color:#c5a983;
  border: 1px solid #c5a983;
}

.image-protect {
  pointer-events: none !important;
}

.u-ta-center {
  text-align: center;
}
.u-link-wrap a {
  color: #ba9561;
}
.u-frame-border {
  border: solid 1px #ba9561;
  padding: 10px;
}

.ad-login { margin-top: 20px; }
.ad-login h2,
.ad-nologin h2 {
  font-size: 22px;
  color: #222222;
  line-height: 168%;
  letter-spacing: -0.05em;
  color: #222222;
  margin-top: 10px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.ad-login p,
.ad-nologin p { margin: 10px 0; }
.ad-nologin { margin-top: 20px; }
.ad-nologin h2 { margin-top: 10px; }
.ad-login a,
.ad-nologin a {
  color: #ba9562;
}
/* .ad-login a:after,
.ad-nologin a:after {
  content: "\f105";
  margin-left: 10px;
  font-family: 'FontAwesome';
} */

.horoscope-btns {
  display: flex;
  margin: 30px -10px 0;
}
.horoscope-btns .matome-image {
  flex-basis: calc(100% - 20px);
  margin: 0 10px;
}
.horoscope-btns .matome-image:hover {
  opacity: .8;
}
.horoscope-btns .matome-image img {
  width: 100%;
}


.article-video {
  margin: 50px 0;
}
.article-video video { max-width: 100%; }
.video-js .vjs-big-play-button {
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
}

.article-video-outset {
  position: relative;
  overflow: hidden;
  max-height: 56.25%;
}
.article-video-outset video {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}