@charset "UTF-8";

/*
	Theme Name: Numero Renewal
	Description: 新規テンプレート用
	Theme URI: 
	Author: Diamond Heads inc.
	Author URI: 
	Version: 1.0.0
	Tags: white, right-sidebar, two-columns

*/


/* CSS Document */

.mmenu {
  display: none;
}

li {
  list-style-type: none;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  font-weight: normal;
}


/* Fonts
------------------------------------------------------------*/

html {
  font-size: 62.5%;
}

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  /*font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka, sans-serif;*/
  letter-spacing: 0.05rem;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.8;
  -webkit-text-size-adjust: 100%;
  /*文字おり返し*/
  word-wrap: break-word;
}

*html body {
  font-size: 10px;
}


/*
font-family: 'Swiss 721'
font-family: 'Swiss 721 Bold'
font-family: 'Swiss 721 Light'
font-family: 'Swiss 721 Medium'

*/

.goth {
  font-family: 'Swiss721BT-Roman', sans-serif;
  font-weight: 300;
  /*letter-spacing: 1px;*/
  /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight: 300;*/
}

.small {
  font-size: 9px;
  font-size: 0.9rem;
}

.bold {
  font-family: 'Swiss721BT-Bold';
  /*font-weight:bold;
font-weight: 700;*/
}

.boldjp {
  font-weight: bold;
  font-weight: 700;
}


/* Link
------------------------------------------------------------*/

a {
  text-decoration: none;
  /**/
  color: #666;
  cursor: pointer;
}

a:hover {
  /*	opacity: 0.5; */
  /* for Opera,Firefox,Safari */
  /*	filter: alpha(opacity=50); */
  /* for IE */
}


/* clearfix
------------------------------------------------------------*/

.clearfix:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}

.clearfix {
  zoom: 1;
}


/* IE用 */

img {
  vertical-align: bottom;
}


/*PC用リセット*/

.pc {
  display: block;
}


/*PCのみ*/

.no_sp {
  display: block;
}


/*PCとPAD共通*/

.pad {
  display: none;
}


/*PADのみ*/

.no_pc {
  display: none;
}


/*PADとSP共通 まだ指定箇所無し*/

.sp {
  display: none;
}


/*SPのみ*/

#menu li.sp {
  display: none!important;
}


/*pad用リセット*/

@media screen and (max-width: 1100px) {
  .pc {
    display: none;
  }
  .no_sp {
    display: block;
  }
  .pad {
    display: block;
  }
  .no_pc {
    display: block;
  }
  .sp {
    display: none;
  }
  #menu li.sp {
    display: none!important;
  }
}


/*スマホ用リセット*/

@media screen and (max-width: 480px) {
  .pc {
    display: none;
  }
  .no_sp {
    display: none;
  }
  .pad {
    display: none;
  }
  .no_pc {
    display: block;
  }
  .sp {
    display: block;
  }
  #menu li.sp {
    display: block!important;
  }
  html {
    font-size: 60%;
  }
}


/* CSS Document */

body {
  width: 100%;
  text-align: center;
  -webkit-text-size-adjust: 100%;
}

#wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  text-align: left;
}

.bnr_a a:hover {
  opacity: 1;
  /* for Opera,Firefox,Safari */
  filter: alpha(opacity=100);
  /* for IE */
}

.upper {
  background: #000;
}

.upper .bnr_up {
  width: 728px;
  margin: 0px auto;
  padding: 0 186px;
}

.upper .bnr_up img {
  width: 100%;
}

#content_wrapper {
  width: 1000px;
  margin: 0px auto;
  overflow: hidden;
  padding: 0 50px;
}


/* Header
------------------------------------------------------------*/

#hdr {
  /*width:100%;*/
  text-align: center;
  /*position: absolute;top:0px;padding-top: 70px;*/
  margin-top: 50px;
}

#hdr_inner {
  width: 1000px;
  /*margin:0px auto 0;*/
  position: relative;
}


/*ロゴ*/

#logo {
  margin: 0 auto;
}

#logo a {
  height: 50px;
  display: block;
  background: url(img/logo_k.png) no-repeat center 0;
  background-size: contain;
  margin: 0px auto 40px;
  text-indent: -3333px;
}

p.search {
  width: 30px;
  display: block;
  position: absolute;
  right: 0;
  top: 10px;
  /*padding: 2%;*/
}

p.search a {
  /*  margin-left: -20px;*/
  padding: 30px;
}

p.search a img {
  margin-top: -20px;
}


/*メニュー*/

#menu {
  border-bottom: 1px solid #000;
}

#menu>ul.menu>li {
  display: inline-block;
}

#menu ul.menu {}

#menu .menu a {
  /*color: #000;*/
  display: block;
  /*padding: 4px 11px;*/
  padding: 4px 7px;
  font-size: 1.3rem;
  letter-spacing: 0.05rem;
}

#menu .menu a:hover {
  opacity: 1;
  /* for Opera,Firefox,Safari */
  filter: alpha(opacity=100);
  /* for IE */
}

#menu>ul.menu>li>a:hover, #menu>ul>li.on>a {
  background: #000;
  color: #fff;
}


/*サブメニュー*/

#menu>ul.menu>li>ul {
  display: none;
  width: 100%;
}

#menu>ul.menu>li.on>ul {
  display: block;
  border-bottom: 1px solid #ddd;
}

#menu ul.menu>li>ul {
  position: absolute;
  left: 0;
}

#menu ul.menu>li>ul>li {
  display: inline-block;
}

#menu ul.menu>li>ul>li a {
  padding: 6px 11px;
}

#menu ul.menu>li>ul>li.on, #menu ul>li>ul>li a:hover {
  text-decoration: underline;
  color: #000;
}


/*会員登録*/

#hdr .member {
  position: absolute;
  top: 68px;
  right: 0px;
}

#hdr .member li {
  float: left;
}

#hdr .member li a {
  display: block;
  width: 66px;
  height: 24px;
  line-height: 24px;
  background: #000;
  color: #fff;
  border-left: 1px solid #fff;
}


/* Contents
------------------------------------------------------------*/

#content {
  margin: 90px 0 10px;
  width: 1000px;
  overflow: hidden;
  position: relative;
}


/*サイド カレンダー*/

.side {
  float: right;
  width: 300px;
  overflow:hidden;
  position:relative;
}

#calender {
  /*		height: 325px;*/
  height: 309px;
  overflow: hidden;
  text-align: right;
  letter-spacing: 0px;
  line-height: 1;
  /*		margin: -25px 0 50px;*/
  margin: -9px 0 50px;
  position: relative;
}

#list2 #calender {
  /*	position:absolute;*/
}

#calender .date {
  font-size: 24rem;
  /*height: 21.5rem;*/
  height: 20rem;
  overflow: hidden;
  /*letter-spacing: -13px;*/
  letter-spacing: -8px;
  padding-right: 2px;
  margin-top: -7px;
}

#calender .week {
  font-size: 1.8rem;
  font-weight: bold;
  padding-bottom: 4px;
}

#calender .month {
  font-size: 2.6rem;
  /*font-weight: bold;*/
  font-family: "Swiss721BT-Bold", sans-serif;
  padding-bottom: 12px;
}

#calender a {
  color: #000;
}

#calender a .message span {
  border-bottom: 1px solid #000;
}

#calender .icn {
  float: right;
  width: 35px;
  margin-left: 10px;
  border-radius: 50%;
  background: #000;
}

#calender .icn img {
  width: 100%;
}

#calender .name {
  padding-bottom: 7px;
}


/*SNS*/

#hdr .sns {
  position: absolute;
  top: 93px;
  right: 0px;
  text-align: left;
}

#hdr .sns a:hover {
  opacity: 1;
  /* for Opera,Firefox,Safari */
  filter: alpha(opacity=100);
  /* for IE */
}

#hdr .sns li {
  float: left;
  text-indent: -3333px;
  margin-left: 2px;
  width: 23px;
  height: 23px;
  display: block;
  text-align: left;
}

#hdr .sns li a {
  width: 20px;
  height: 20px;
  text-indent: -3333px;
  width: 23px;
  height: 23px;
  display: block;
}

#hdr .sns li.search {
  background: url(img/icn_sk_search.png) 0 0 no-repeat;
  background-size: 93% 93%;
  display: block;
  cursor: pointer;
}

#calender .sns {
  position: absolute;
  bottom: 0px;
  right: 0px;
  text-align: left;
}

#calender .sns a:hover {
  opacity: 1;
  /* for Opera,Firefox,Safari */
  filter: alpha(opacity=100);
  /* for IE */
}

#calender .sns li {
  float: left;
  text-indent: -3333px;
  margin-left: 2px;
  width: 23px;
  height: 23px;
  display: block;
  text-align: left;
}

#calender .sns li a {
  /*		width: 20px;
		height: 20px;*/
  text-indent: -3333px;
  width: 23px;
  height: 23px;
  display: block;
}


/*
#calender .sns li:hover { background: #777; }*/
#calender .sns li.line a {
  background: url(img/icn_sksp_line.png) 0 0 no-repeat;
  background-size: contain;
}

#calender .sns li.fb a {
  background: url(img/icn_sksp_fb.png) 0 0 no-repeat;
  background-size: contain;
}

#calender .sns li.tw a {
  background: url(img/icn_sksp_tw.png) 0 0 no-repeat;
  background-size: contain;
}

#calender .sns li.yb a {
  background: url(img/icn_sksp_yb.png) 0 0 no-repeat;
  background-size: contain;
}

#calender .sns li.insta a {
  background: url(img/icn_sksp_insta.png) 0 0 no-repeat;
  background-size: contain;
}


/*
#calender .sns li.k { background: url(img/icn_sk_k.png) 0 0 no-repeat;
width: 23px;
background-size: contain;
margin:0 -5px;
		text-indent: -3333px;
}
*/

#calender .sns li.search {
  background: url(img/icn_sk_search.png) 0 0 no-repeat;
  background-size: 93% 93%;
  display: block;
  cursor: pointer;
}

.message {
  font-size: 1.5rem;
  margin-right: -10px;
  margin-top: -4px;
}

.message a {
  padding: 0 10px;
}


/*floatバナー*/

.side .bnr_a {
  width: 300px;
  /*background: #000;*/
  /*margin-top: 25px;*/
  margin-bottom: 40px;
}


/*.side .fixed {
  position: fixed;
  top: 0px;
}*/

.side .bnr_a img {
  width: 100%;
  margin: 25px 0;
}


/*メイン*/

.main {
  width: 700px;
}

#list2 .main {
  overflow: hidden;
}


/*メインタイトル*/

.ttl_l {
  padding: 0px 0 64px;
  /*margin-top:-2rem;*/
}

.ttl_l .id {
  font-size: 10rem;
  float: left;
  line-height: 10rem;
  padding-right: 20px;
  /*margin-top: -1.0rem;*/
  letter-spacing: -2px;
}

.ttl_l .cat {
  padding-top: 0.5rem;
}

.ttl_l .cat span {
  display: block;
}

.ttl_l .cat1 {
  font-size: 1.6rem;
  line-height: 2.6rem;
}

.ttl_l .cat2 {
  font-size: 4rem;
  line-height: 4rem;
}

body.magazines .ttl_l .cat1 {
  font-size: 2.0rem;
  line-height: 2.2rem;
}

body.magazines .ttl_l .cat2 {
  font-size: 6rem;
  line-height: 7rem;
}

body.magazines .ttl_l .pub_date {
  font-weight: normal;
}

body.magazines .ttl_j {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.7rem;
  line-height: 2.2rem;
  padding-top: 0.5rem;
  font-weight: bold;
}


/*サムネール写真*/

.unit_wrapper {
  width: 100%;
}

.unit_wrapper ul {
  /*min-height: 650px; */
}

.unit {
  float: left;
  width: 300px;
  height: 300px;
  overflow: hidden;
  margin: 0 50px 50px 0;
  position: relative;
  /*background: #000;*/
}

body.magazines .unit {
  height: 384px;
}

.unit a {
  color: #000;
  display: block;
}



.unit a:hover {
  display: block;
  opacity: 1;
  /* for Opera,Firefox,Safari */
  filter: alpha(opacity=100);
  /* for IE */
}

.unit .white a {
  color: #fff;
  display: block;
}

.white a {
  color: #fff;
  display: block;
}

div.cointreau .unit a {
  color: #e03c31;
}

div.tiffany .unit a {
  color: #81d8d0;
}

.unit .photo {}

.unit .photo img {
  width: 100%;
  height: auto;
}

.unit a:hover .photo img {}


/*.unit .number{text-align: left;letter-spacing: 0px;line-height: 1;}*/

.unit .id {
  position: absolute;
  padding-top: 55%;
  left: 13px;
  font-size: 11rem;
  letter-spacing: -5px;
  line-height: 11rem;
}

.unit .cat {
  position: absolute;
  bottom: 8px;
  left: 15px;
  font-size: 1.8rem;
  letter-spacing: 0.5px;
}

div.cointreau .unit a .cat {
  color: #e03c31;
}

div.cointreau .unit a .id {
  color: #e03c31;
}

div.tiffany .unit a .cat {
  color: #81d8d0;
}

div.tiffany .unit a .id {
  color: #81d8d0;
}

.unit .count {
  position: absolute;
  font-size: 1.5rem;
  bottom: 8px;
  right: 12px;
  text-align: right;
  /*padding-right: 10px;*/
}

.unit .txt {
  display: none;
  font-size: 1.4rem;
  text-align: left;
  padding: 117px 55px 0;
  height: 183px;
  width: 190px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.75);
}

body.magazines .unit .txt {
  height: 267px;
}

.unit a:hover .txt {
  z-index: 10;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

body.magazines .unit .txt .vol {
  font-size: 3.6rem;
}

body.magazines .unit .txt .vol span.sup {
  font-size: 1.5rem;
  font-weight: normal;
  padding: 0 2px;
  vertical-align: 1.5rem;
}

body.magazines .unit .txt .ettl {
  font-size: 2.6rem;
}


/*ブログ記事*/

.article {
  width: 650px;
  overflow: hidden;
}

.article .ttl_s {
  font-size: 2.5rem;
  line-height: 1.6em;
  letter-spacing: 1px;
  padding-bottom: 50px;
  padding-bottom: 10px;
}

.article .ttl_s p {
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.8em;
  margin-top: 10px;
}

.article_inner {
  font-size: 1.4rem;
  line-height: 2em;
  /*border-bottom: #000 solid 1px;*/
  margin-bottom: 30px;
}
/*DH0322*/
.article_inner h2{
font-size: 1.4em;
    line-height: 180%;
    padding: 20px 0 10px;
    font-weight: bold;
}

.article_inner h3{
font-size: 1.2em;
    line-height: 180%;
    padding: 20px 0 10px;
    font-weight: bold;
}

div.center {
text-align:center;
}

.article_inner h2 div.center,
.article_inner h3 div.center{
    font-weight: bold;
}

.article_inner ul {
  display: block;
  margin: 20px 0;
  width: 100%;
  clear: both;
}



.article_inner a {
  text-decoration: underline;
}

.article_inner p {
  padding-bottom: 24px;
}

.article_inner img {
  max-width: 100%;
  height: auto;
}

.article_inner img {
  /*    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
margin-bottom: 20px;*/
}

.article strong {
  font-weight: bold;
  /*font-size: 1.4rem;*/
}

.article em {
  font-weight: bold;
  /*font-size: 1.4rem;*/
  color: #c00;
  font-style: normal;
}

.article hr {
  border: 0;
  border-top: 1px #000 solid;
  padding-bottom: 24px;
}

.article_inner .wp-caption-text {
  font-size: 1.2rem;
  line-height: 1.6em;
  color: #555;
}


/*応募ボタン*/

.article .btn_entry {
  text-align: center;
  margin-top: 20px;
}

.article .btn_entry a {
  display: inline-block;
  background: #000;
  color: #fff;
  text-decoration: none;
  font-size: 1.6rem;
  padding: 10px 15px;
  letter-spacing: 0.5px;
  max-width: 21em;
  min-width: 150px;
}

.article .btn_entry a:hover {
  opacity: 0.7;
}

.article .sns {
  /*border-bottom: 1px solid #000;*/
  clear: both;
  margin-bottom: 30px;
  text-align: center;
}

.article .sns li {
  display: inline-block;
  margin: 0px 2px 30px;
}

.article .sns2 {
  width:100%;
display:block;
  position:relative;
}

.article .sns li.follow {
  display: inline-block;
  margin: 0;
  position:absolute;
  left:0;
  font-size:2.5rem;
}

.article .sns li a {
  display: block;
  line-height: 20px;
  padding: 10px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  letter-spacing: 1px;
  color: #fff;
}

.article .sns2 li a {
  display: block;
  line-height: 20px;
  padding: 3px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  letter-spacing: 1px;
  color: #fff;
}

.article .sns li a:hover {
  opacity: 0.7;
}

.article .sns2 li a:hover {
  opacity: 1;
}


/*fb*/

.article .sns li.fb a {
  display: block;
  background: #3c5997 url(img/icn_swsp_fb.png) 0 0 no-repeat;
  background-size: auto 60%;
  background-position: 5% 40%;
  line-height: 20px;
  padding: 10px;
  padding-left: 30px;
}


/*tw*/

.article .sns li.tw a {
  display: block;
  background: #01aced url(img/icn_swsp_tw.png) 0 0 no-repeat;
  background-size: auto 60%;
  background-position: 5% 40%;
  line-height: 20px;
  padding: 10px;
  padding-left: 30px;
}


/*yb*/

.article .sns li.yb a {
  display: block;
  background: #dd4b3a url(img/icn_sw_gp.png) 0 0 no-repeat;
  background-size: auto 60%;
  background-position: 5% 40%;
  line-height: 20px;
  padding: 10px;
  padding-left: 30px;
}


/*pn ピンターレスト*/

.article .sns li.pn a {
  display: block;
  background: #bb0f23 url(/farfetch/sns_pinterest.png) 0 0 no-repeat;
  background-size: auto 40%;
  background-position: 15% 50%;
  line-height: 20px;
  padding: 10px;
  padding-left: 30px;
}


/*ln ライン*/

.article .sns li.ln a {
  display: block;
  background: #1bb81f url(/farfetch/sns_line.png) 0 0 no-repeat;
  background-size: auto 40%;
  background-position: 15% 50%;
  line-height: 20px;
  padding: 10px;
  padding-left: 30px;
}

.article .ttl {
  font-size: 2.5rem;
  margin-bottom: 30px;
  line-height: 2.2rem;
  /*padding-top: 14px;*/
}

.article .ttl span.jp{
  font-size: 1.5rem;
  margin-bottom: 30px;
  line-height: 2.2rem;
  font-weight:bold;
  padding-left: 3rem;
  
}


/*商品紹介用など2段組記事*/

.article .items {
  font-size: 1.2rem;
  line-height: 1.8rem;
  width: 700px;
}

.article .item1 {
  width: 300px;
  float: left;
  padding-right: 50px;
  padding-bottom: 15px;
}

.article .item1 p {
  padding-bottom: 10px;
}


/*担当*/

.article .charge {
  font-size: 1.1rem;
  color: #999;
  line-height: 1.8rem;
  padding-bottom: 30px;
}


/*プロフィール*/

.article .profile {
/*  border-bottom: #000 solid 1px;*/
  margin-bottom: 30px;
  clear: both;
}

.article .juju {
  border-top: #000 solid 1px;
  border-bottom: none;
  padding-top: 30px;
}

time {
  font-size:1.1rem;
  margin-bottom: 20px;
  display: block;
}

.article .profile .ttl {}

.article .profile .ttl span {
  font-size: 1.4rem;
}

.article .profile_inner {
  /**/
  padding-bottom: 28px;
}

.article .profile .photo {
  width: 160px;
  float: left;
}

.article .profile .photo img {
  width: 100%;
}

.article .profile .txt {
  float: right;
  width: 440px;
}

.article .profile a {
  text-decoration: underline;
}

.article .profile_sub {
  clear: both;
  /*margin-top: 28px;*/
  padding: 28px 0 40px;
  border-top: #000 solid 1px;
}


/*対談用インデックス*/

.article .talktitle {
  font-size: 1.4rem;
  font-weight: bold;
  padding-top: 20px;
}

.article .link {
  padding-bottom: 30px;
}

.article .link a:before {
  content: "\25b6";
  font-size: 1.1rem;
  padding-right: 2px;
}

.article .link a {
  font-weight: bold;
  text-decoration: none;
  color: #000;
}


/*ページ送り*/

.pager {
  text-align: center;
  width: 650px;
  margin-bottom: 30px;
}

.pager a {
  color: #000;
  display: block;
}

.pager a {
  color: #000;
  display: block;
}

.extend .pager .pages {
  padding-bottom: 50px;
  border-bottom: #000 solid 1px;
  margin-bottom: 30px;
}

.pager .pages li {
  display: inline-block;
  width: 29px;
  height: 29px;
  line-height: 29px;
  font-size: 1.4rem;
  padding: 0 5px;
}

#list2 .pager .pages li span {
  background: #000;
  color: #fff;
  opacity: 1;
  /* for Opera,Firefox,Safari */
  filter: alpha(opacity=100);
  /* for IE */
  display: block;
}

#list2 .pager .pages li span.dots {
  display: none;
}

.pager .pages li.on a, .pager .pages li a:hover {
  background: #000;
  color: #fff;
  opacity: 1;
  /* for Opera,Firefox,Safari */
  filter: alpha(opacity=100);
  /* for IE */
}

.pager .pages li.on a.extend, .pager .pages li a.extend:hover {
  background: #fff;
  color: #000;
  opacity: 1;
  /* for Opera,Firefox,Safari */
  filter: alpha(opacity=100);
  /* for IE */
}


/*ページナビ*/

.pager .nav {
  /*border-top: #000 solid 1px;*/
  border-bottom: #000 solid 1px;
  margin-bottom: 40px;
}

.pager .nav li {
  float: left;
  width: 25%;
  padding: 0px 0 10px;
  font-size: 1.6rem;
}

.pager .nav li.gotop {
  width: 50%;
  text-align: center;
}

.pager .nav li.prev {
  float: right;
}

.pager .nav li a {
  /*	height: 50px;
		line-height: 50px;
		display: block;*/
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
}

.pager .nav .gotop a {
  display: inline;
}

.pager .nav .next a {
  background: url(img/arrow_k_prev.png) 0 center no-repeat;
  background-size: 16px 31px;
  padding-left: 30px;
  text-align: left;
}

.pager .nav .prev a {
  background: url(img/arrow_k_next.png) right center no-repeat;
  background-size: 16px 31px;
  padding-right: 30px;
  text-align: right;
}


/*Backnumber*/

.backnumber {
  font-size: 1.2rem;
  margin-bottom: 30px;
  /*border-bottom: 1px solid #000;*/
  width: 110%;
}

.backnumber .backnumber_unit {
  line-height: 2rem;
  margin-bottom: 20px;
}

.backnumber .backnumber_unit a {
  color: #000;
}

.backnumber .backnumber_unit p {
  font-weight: normal;
}


/*yahoo?*/

.article .sub {
  margin-bottom: 50px;
}


/*ボトム*/

.btm {
  width: 1000px;
  margin: 0px auto 50px;
  clear: both;
}

.bnr_mid {
  margin-bottom: 50px;
}

.bnr_mid img {
  width: 100%;
  height: auto;
}


/* Footer
------------------------------------------------------------*/

#ftr {
  clear: both;
  text-align: center;
  background: #000;
  color: #fff;
  line-height: 2.2em;
}

#ftr a {
  color: #fff;
}

#ftr_inner {
  width: 1000px;
  margin: 0px auto;
  padding: 40px 50px 40px;
  text-align: left;
}

#ftr_inner>ul {
  padding-bottom: 40px;
}

#ftr .logo_f {
  float: left;
  width: 100px;
}

#ftr .logo_f a {
  display: block;
  background: url(img/logo_w.png) no-repeat 0 0;
  background-size: 95px auto;
  text-indent: -3333px;
}

#ftr .list {
  float: right;
  width: 800px;
  text-align: left;
  padding-bottom: 50px;
  display: block;
}

#ftr .list li.column {
  display: block;
  float: left;
  height: 200px;
  text-align: left;
  width: 160px;
}

#ftr .list li.column2 {
  float: left;
  height: 200px;
  text-align: left;
  width: 320px;
}

#ftr li.cat_f {
  font-weight: bold;
  font-size: 1.5rem;
  /*list-style-type: disc;*/
  letter-spacing: 0.1rem;
}

#ftr li {
  font-weight: normal;
  letter-spacing: 0.08rem;
  font-size: 1.1rem;
}

#ftr .copy {
  font-style: normal;
  color: #ccc;
  font-size: 1.1rem;
}


/*================================

pagetop

================================*/

#pagetop {
  position: fixed;
  right: 0;
  bottom: -100px;
  *display: none;
  z-index: 999;
  width: 50px;
  padding-bottom: 50px;
}

#pagetop img {
  width: 100%;
}


/*コアントロー*/

div.cointreau_box {
  background-color: #e03c31;
  padding: 42px;
  width: 566px;
  overflow: hidden;
  margin-bottom: 20px;
}

div.cointreau_img {
  float: left;
  width: 175px;
  height: 300px;
}

div.cointreau_box_right {
  float: left;
  width: 390px;
  overflow: hidden;
  padding-top: 20px;
}

div.cointreau_txt {
  color: #fff;
  size: 13px;
  padding: 20px 0;
  line-height: 220%;
}


/*ティファニー*/

div.tiffany li:nth-child(even) {
  margin: 0 0 50px 0;
}

div.tiffany li:nth-child(odd) {
  margin: 0 50px 50px 0;
}

div.tiffany_box {
  background-color: #81d8d0;
  width: 650px;
  overflow: hidden;
  margin-bottom: 20px;
}

div.tiffany_img {}

div.tiffany_txt {
  color: #000;
  size: 13px;
  padding: 20px 30px 20px 30px;
  line-height: 220%;
}


/*================================
Media Screen 1100
================================*/

@media screen and (max-width: 1100px) {
  /* Contents
------------------------------------------------------------*/
  /*サムネール写真*/
  /*矢印PAD用*/
  .unit a:hover .txt span.pad {
    display: inline;
  }
  .unit a:hover .txt span.pad:after {
    content: "\0BB";
    /*\03Eだと'>'*/
    padding-left: 5px;
  }
}


/*================================
Media Screen 480
================================*/

@media screen and (max-width: 480px) {
  #wrapper {
    width: 100%;
  }
  .upper {
    background: #000;
    padding-top: 40px;
  }
  #content_wrapper {
    /*width: 94%;padding :0 3%;*/
    width: 100%;
    padding: 0;
  }
  /* Header
------------------------------------------------------------*/
  #hdr {
    margin: 10px auto 0px;
    position: absolute;
    /*height:100%;*/
    padding-top: 0px;
    z-index: 100;
    width: 100%;
  }
  #hdr_inner {
    margin: 0px auto 0;
    position: absolute;
    /*width: 100%;z-index:100;height:100%;*/
    top: 0px;
  }
  /*ロゴ*/
  #logo {
    background: #fff;
    padding: 10px 2%;
    /*width: 96%;*/
    border-bottom: 1px solid #000;
  }
  #logo a {
    height: 20px;
    margin: 0 auto 0px;
    width: 50%;
  }
  /*メニュー*/
  #menu {
    border-bottom: none;
    top: 40px;
  }
  #menu>ul.menu>li {
    display: block;
  }
  #menu .menu a {
    padding: 5px 22px;
    color: #fff;
    line-height: 24px;
  }
  #menu .menu a:hover {}
  #menu>ul.menu>li.on>ul {
    display: none;
  }
  #menu>ul.menu>li>a:hover, #menu>ul>li.on>a {}
  /*会員登録*/
  #hdr .member {
    position: static;
    padding-bottom: 60px;
  }
  #hdr .member li {
    float: none;
  }
  #hdr .member li a {
    display: block;
    width: auto;
    height: auto;
    border-left: none;
    padding: 5px 22px;
  }
  #hdr .member a:hover {
    color: #fff;
    opacity: 1;
    /* for Opera,Firefox,Safari */
    filter: alpha(opacity=100);
    /* for IE */
  }
  /* Contents
------------------------------------------------------------*/
  #content {
    width: 100%;
    margin: 0px;
  }
  /*サイド カレンダー*/
  .side {}
  #calender {
    display: none;
  }
  .side .ad {
    display: none;
  }
  .message {
    font-size: 1.5rem;
    margin-right: -10px;
  }
  /*メイン*/
  .main {
    width: 100%;
    /*width: 94%;padding :0 3%;*/
    overflow: hidden;
  }
  /*メインタイトル
------------------------------------------------------------*/
  .ttl_l {
    /*padding: 15px 5% 18px;*/
    padding: 15px 8% 18px;
    /*margin-top:-2rem;*/
  }
  .ttl_l .id {
    /*	font-size: 5rem;
		line-height: 5rem;
		padding-right: 10px;
		margin-top: 0rem;*/
    font-size: 5.8rem;
    line-height: 5rem;
    margin-top: 1rem;
    padding-right: 10px;
  }
  .ttl_l .cat2 {
    font-size: 2.4rem;
    line-height: 2.4rem;
    white-space: nowrap;
  }
  .unit_wrapper {
    /*width: 103%;*/
    width: 97%;
    padding: 0 3%;
    border-bottom: #000 solid 1px;
    margin-bottom: 10px;
  }
  .unit_wrapper ul {
    min-height: 260px;
  }
  .unit {
    float: left;
    width: 47%;
    /*height: 55%;*/
    height: 260px;
    margin: 0 3% 3% 0;
    background: #fff;
  }






  div.tiffany li:nth-child(even) {
    margin: 0 0 3% 0;
  }
  div.tiffany li:nth-child(odd) {
    margin: 0 3% 3% 0;
  }
  body.magazine .unit {
    height: 360px;
  }
  .unit a {
    color: #000;
  }
  .unit a:hover {}
  .unit.white a .cat, .unit.white a .txt {
    color: #000;
  }
  .unit .photo {
    position: relative;
  }
  .unit .photo img {
    width: 100%;
    height: auto;
  }
  .unit .number {
    white-space: nowrap;
  }
  .unit .id {
    bottom: 0%;
    padding-bottom: ;
    left: 3%;
    font-size: 5.8rem;
    letter-spacing: -1px;
    line-height: 5.8rem;
  }
  .white .id {
    color: #fff;
  }
  .unit .cat {
    position: static;
  font-size:1.8rem;
    padding: 1% 4%;
  }
  .unit .count {}
  .unit .txt {
    display: block;
    font-size: 1.1rem;
    line-height: 1.5rem;
    padding: 0 4% 12%;
    height: auto;
    width: 96%;
    color: #000;
    background-color: rgba(255, 255, 255, 1);
  }
  .unit .txt br {
    display: none;
  }
  body.magazines .unit .txt {
    display: none;
    height: auto;
    margin-top: 10px;
  }
  body.magazines .unit .txt .vol {
    font-size: 2rem;
  }
  body.magazines .unit .txt .vol span.sup {
    font-size: 1.5rem;
    font-weight: normal;
    padding: 0 2px;
    vertical-align: 0;
  }
  body.magazines .unit {
    /*    min-height: 280px;*/
    height: 220px!important;
  }
  body.magazines .unit .txt .ettl {
    font-size: 1.5rem;
  }
  .unit a:hover .txt {
    z-index: 1;
    position: static;
  }
  /*矢印PAD用*/
  .unit a:hover .txt span.pad {
    display: none;
  }
  /*ブログ記事
------------------------------------------------------------*/
  .article {
    width: 100%;
  }
  .article .ttl_s {
    font-size: 1.6rem;
    letter-spacing: 0;
    line-height: 1.6em;
    padding: 0 0 20px;
    width: 100%;
  }
  .article_inner {
    font-size: 1.5rem;
    line-height: 1.7em;
    margin-bottom: 20px;
    padding: 0 8% 20px;
    width: 84%;
  }
/*DH0322*/
.article_inner h2{
font-size: 1.1em;
    line-height: 180%;
    padding: 10px 0 10px;
    font-weight: bold;
}

.article_inner h3{
font-size: 1em;
    line-height: 180%;
    padding: 5px 0 5px;
    font-weight: bold;
}

div.center {
text-align:center;
}

.article_inner h2 div.center,
.article_inner h3 div.center{
    font-weight: bold;
}

  .article_inner p {
    padding-bottom: 17px;
    font-size: 1.5rem;
  }
  .article hr {
    padding-bottom: 17px;
  }
  .article .sns {
    margin-bottom: 12px;
  }

  .article .sns li {
    margin: 0px 2px 20px;
  }
.article .sns li.follow {
  display: block;
  margin: 0px 2px 10px;
  position:relative;
  left:auto;
  font-size:1.8rem;
  top:-3px;
}
  .article .ttl {
  font-size:1.8rem;
    text-align: center;
    margin-bottom: 20px;
    line-height: 1.4rem;
    padding-top: 10px;
  }
  
  .backnumber .unit h2.ttl{
font-size: 1.8rem;
    text-align: center;
    margin-bottom: 20px;
    line-height: 1.8rem;
    padding-top: 10px;
  }

  .backnumber .unit h2.ttl span.jp{
font-size: 1.5rem;
font-weight:bold;
  display:block;
  text-align:center;
  }


  /*商品紹介用など2段組記事
------------------------------------------------------------*/
  .article .items {
    width: 100%;
  }
  .article .item1 {
    width: 100%;
    float: none;
    padding-right: 0px;
    padding-bottom: 10px;
  }
  .article .item1 p {
    padding-bottom: 5px;
  }
  /*プロフィール
------------------------------------------------------------*/
  .article .profile {
    margin-bottom: 20px;
    line-height: 1.6em;
  }
  .article .profile .ttl {
    padding: 0 5% 0px;
  }
  .article .profile .ttl span {
    font-size: 1rem;
  }
  .article .profile_inner {
    /**/
    padding-bottom: 28px;
    width: 90%;
    padding: 0 5%;
  }
  .article .profile .photo {
    width: 100%;
    float: none;
    text-align: center;
    padding-bottom: 20px;
  }
  .article .profile .photo img {
    width: 36%;
    padding-bottom: 15px;
  }
  .article .profile .txt {
    float: none;
    width: 100%;
    padding-bottom: 18px;
  }
  .article .profile a {}
  .article .profile_sub {
    width: 90%;
    padding: 20px 5%;
  }
  /*対談用インデックス
------------------------------------------------------------*/
  .article .talktitle {
    width: 90%;
    padding: 10px 5% 5px;
  }
  .article .link {
    width: 90%;
    padding: 0px 5% 15px;
  }
  /*応募ボタン
------------------------------------------------------------*/
  .article .btn_entry {}
  .article .btn_entry a {
    font-size: 1.4rem;
    padding: 15px 0px;
    letter-spacing: 0px;
    width: 100%;
    max-width: 100%;
  }
  /*ページ送り
------------------------------------------------------------*/
  .pager {
    width: 100%;
  }
  /*ページナビ
------------------------------------------------------------*/
  .pager .nav {
    margin-bottom: 10px;
    width: 90%;
    padding: 0 5%;
  }
  .pager .nav li {
    display: block;
    float: left;
    width: 20%;
    padding: 0px 0 0px;
    font-size: 1.6rem;
    min-height: 10px;
  }
  .pager .nav li.gotop {
    font-size: 1.4rem;
    white-space: nowrap;
    width: 60%;
  }
  .pager .nav li a {
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
    padding: 0 10px;
    /*text-indent:-3333px;*/
  }
  .pager .nav .next a {
    background: url(img/arrow_k_prev.png) 0 center no-repeat;
    background-size: 14% auto;
    text-align: left;
    text-indent: -10000px;
  }
  .pager .nav .prev a {
    background: url(img/arrow_k_next.png) right center no-repeat;
    background-size: 14% auto;
    text-align: left;
    text-indent: -10000px;
  }
  /*Backnumber
------------------------------------------------------------*/
  .backnumber {
    width: 90%;
    padding: 0px 5% 10px;
    margin-bottom: 10px;
    font-size: 1.1rem;
  }
  .backnumber .backnumber_unit {
    line-height: 1.6rem;
    margin-bottom: 14px;
  }
  /*yahoo?
------------------------------------------------------------*/
  .article .sub {
    width: 90%;
    padding: 0 5% 12px;
    margin-bottom: 12px;
    /*	border-bottom: 1px solid #000;*/
  }
  /*ボトム
------------------------------------------------------------*/
  .btm {
    width: 100%;
    /*		width: 94%;
		padding : 0 3%;*/
	margin:0;
		
  }
  .bnr_mid {
    margin-bottom: 10px;
  }


  /* Footer
------------------------------------------------------------*/
  #ftr_inner {
    width: 100%;
    text-align: center;
    padding: 30px 0 20px;
    letter-spacing: 1px;
  }
  /*SNS*/
  #ftr .sns {}
  #ftr .sns li {
    display: inline-block;
    text-indent: -3333px;
    border-radius: 50%;
    background: #000;
    margin: 0 5px 15px;
  }
  #ftr .sns li a {
    display: block;
    width: 30px;
    height: 30px;
  }
  #ftr .sns li:hover {
    background: #777;
  }
  #ftr .sns li.line a {
    background: url(img/icn_sw_line.png) center center no-repeat;
    background-size: auto 90%;
  }
  #ftr .sns li.fb a {
    background: url(img/icn_sw_fb.png) center center no-repeat;
    background-size: auto 90%;
  }
  #ftr .sns li.tw a {
    background: url(img/icn_sw_tw.png) center center no-repeat;
    background-size: auto 90%;
  }
  #ftr .sns li.yb a {
    background: url(img/icn_sw_yb.png) center center no-repeat;
    background-size: auto 90%;
  }
  #ftr .sns li.insta a {
    background: url(img/icn_sw_insta.png) center center no-repeat;
    background-size: auto 90%;
  }
  #ftr .cat_f {
    padding-bottom: 34px;
  }
  #ftr .logo_f {
    width: 22%;
    margin: 0 auto 8px;
    float: none;
  }
  #ftr .logo_f a {
    background-size: contain;
  }
  #ftr .copy {
    font-size: 0.9rem;
  }
}


/*個別ページ対応
------------------------------------------------------------*/


/*カテゴリ一覧ページの時
------------------------------------------------------------*/


/*タイトル
------------------------------------------------------------*/

#list .ttl_l {}

#list .ttl_l .cat1 {
  font-size: 5rem;
  line-height: 5rem;
  padding-bottom: 0px;
}

@media screen and (max-width: 480px) {
  #list .ttl_l .cat1 {
    font-size: 2.6rem;
    line-height: 2.6rem;
    text-align: center;
  }
}

.blog .ttl_l {}

.blog .ttl_l .cat1 {
  font-size: 4rem;
  line-height: 4rem;
  padding-bottom: 0px;
}

@media screen and (max-width: 480px) {
  .blog .ttl_l .cat1 {
    font-size: 2.6rem;
    line-height: 2.6rem;
    text-align: center;
  }
}


/*サブカテゴリ一覧ページの時
------------------------------------------------------------*/


/*タイトル
------------------------------------------------------------*/

#list2 .ttl_l .cat1 {
  font-size: 1.6rem;
  line-height: 2.6rem;
  padding-bottom: 0px;
}

#list2 .ttl_l .cat2 {
  font-size: 4rem;
  line-height: 4rem;
  padding-bottom: 0px;
}

@media screen and (max-width: 480px) {
  #list2 .ttl_l .cat1 {
    text-align: center;
  }
  #list2 .ttl_l .cat2 {
    font-size: 2.6rem;
    line-height: 2.6rem;
    text-align: center;
  }
}


/*対談のとき
------------------------------------------------------------*/


/*プロフィール
------------------------------------------------------------*/

.serialtalk .article_inner {
  border-bottom: none;
}

.serialtalk .profile_inner {
  border: 1px #000 solid;
  padding: 20px;
  margin-bottom: 10px;
}

.serialtalk .article .profile .photo {
  width: 140px;
}

.serialtalk .article .profile .txt {
  font-size: 1.1rem;
  width: 450px;
}

@media screen and (max-width: 480px) {
  .serialtalk .profile_inner {
    border-left: none;
    border-right: none;
    border-bottom: none;
    padding: 20px;
    margin-bottom: 10px;
  }
  .serialtalk .article .profile .photo {
    width: 100%;
  }
  .serialtalk .article .profile .txt {
    width: 100%;
  }
}


/*フラワーアートのとき
------------------------------------------------------------*/


/*プロフィール
------------------------------------------------------------*/

.flowerart .article .profile a {
  font-weight: bold;
  color: #000;
}

.flowerart .article .profile .photo {
  float: right;
}

.flowerart .article .profile .txt {
  float: left;
}

@media screen and (max-width: 480px) {
  .flowerart .article .profile {
    display: none;
  }
}


/*ブログのとき
------------------------------------------------------------*/


/*サムネール写真
------------------------------------------------------------*/

.blog .unit {
  /*	width: 125px;
		height: auto;
		overflow: auto;
		margin: 0 50px 50px 0;
		position: static;
		font-size: 1.0rem;
		line-height: 1.4em;*/
  font-size: 1rem;
  /*    height: auto;*/
  height: 220px;
  line-height: 1.4em;
  margin: 0 25px 50px 0;
  overflow: auto;
  position: static;
  width: 150px;
}

.blog .unit .photo {
  padding-bottom: 12px;
}

.blog .unit .name {
  font-weight: bold;
  padding-bottom: 3px;
}

.blog .unit .name .role {
  display: none;
}

.blog .unit a:hover {
  opacity: 0.5;
  /* for Opera,Firefox,Safari */
  filter: alpha(opacity=50);
  /* for IE */
}


/*アーカイブページ　サムネール写真
------------------------------------------------------------*/

#list2.blog .unit {
  width: 300px;
  height: auto;
  font-size: 1.3rem;
  min-height: 550px;
}

#list2.blog .unit .photo {
  /*height: 300px;*/
  margin-bottom: 20px;
  overflow: hidden;
  padding-bottom: 20px;
  /*width: 300px;*/
  width:100%;
  height:auto;
  max-height:300px;
}

#list2.blog .unit .photo img {
  height: 100%;
  width: auto;
  display:block;
  clear:both;
}

#list2.blog .unit .ttl {
  font-size: 1.6rem;
  padding-bottom: 20px;
  font-weight: bold;
}

#list2.blog .unit .outline {
  padding-bottom: 20px;
}


/*プロフィール
------------------------------------------------------------*/

.blog .profile {
  border-bottom: #000 solid 1px;
  border-top: #000 solid 1px;
  margin-bottom: 50px;
  padding-top: 30px;
  clear: both;
  width: 650px;
  line-height: 1.5em;
}

.blog .profile .ttl {}

.blog .profile .ttl span {
  font-size: 1.4rem;
}

.blog .profile_inner {
  /**/
  padding-bottom: 28px;
}

.blog .profile .photo {
  width: 180px;
  float: left;
}

.blog .profile .photo img {
  width: 100%;
}

.blog .profile .txt {
  float: right;
  width: 440px;
}

.blog .profile a {
  text-decoration: underline;
}

.blog .profile_sub {
  clear: both;
  /*margin-top: 28px;*/
  padding: 28px 0 40px;
  border-top: #000 solid 1px;
}

.blog .ttl_l .id {
  display: none;
}


/*個別記事
------------------------------------------------------------*/

.blog .article_inner {
  font-size: 1.2rem;
}

.blog .article .post_date {
  border-top: 1px #000 solid;
  padding-top: 15px;
  padding-bottom: 30px;
}

.blog .article .ttl_s {
  font-size: 2rem;
}

#page.blog .profile {
  margin-bottom: 30px;
  border-top: none;
  padding-top: 0px;
}

@media screen and (max-width: 480px) {
  .blog .unit {
    width: 47%;
    height: 47%;
    margin: 0 3% 3% 0;
    line-height: 1.4em;
    letter-spacing: 0;
  }
  .blog .unit .name {
  font-size: 1.3rem;
  }
  .blog .unit .date {
    padding-bottom: 20px;
    margin-bottom: 3px;
  }
  .blog .article .ttl_s {
    font-size: 1.6rem;
    line-height: 1.6em;
  }
  .blog .article .post_date {
    padding-left: 5%;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .blog .article_inner p {}
  /*ブログ記事
------------------------------------------------------------*/
  /*プロフィール
------------------------------------------------------------*/
  .blog .profile {
    width: 100%;
    border-bottom: none;
    border-top: none;
    margin-bottom: 20px;
    line-height: 1.6em;
  }
  .blog .profile .ttl {
    padding: 0 5% 0px;
  }
  .blog .profile .ttl span {
    font-size: 1rem;
  }
  .blog .profile_inner {
    /**/
    padding-bottom: 28px;
    width: 90%;
    padding: 0 5%;
  }
  .blog .profile .photo {
    width: 100%;
    float: none;
    text-align: left;
    padding-bottom: 20px;
  }
  .blog .profile .photo img {
    width: 36%;
    padding-bottom: 15px;
  }
  .blog .profile .txt {
    float: none;
    width: 100%;
    padding-bottom: 18px;
    text-align: left;
  }
  .blog .profile a {}
  .blog .profile_sub {
    width: 90%;
    padding: 20px 5%;
  }
  /*アーカイブページ　サムネール写真
------------------------------------------------------------*/
  #list2.blog .unit_wrapper {
    width: 100%;
    padding: 0%;
  }
  #list2.blog .unit {
    width: 90%;
    padding: 5% 5% 0;
    border-top: 1px #000 solid;
  }
  #list2.blog .unit .date {
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  #list2.blog .profile {
    border-bottom: solid 1px #000;
    padding-top: 10px;
    margin-bottom: 10px;
  }
}


/*プレゼントのとき
------------------------------------------------------------*/

#page.present .ttl_l .id {
  display: none;
}

#page.present .ttl_l .cat1 {
  font-size: 5rem;
  line-height: 5rem;
  padding-bottom: 0px;
}

@media screen and (max-width: 480px) {
  #page.present .ttl_l .cat1 {
    font-size: 2.6rem;
    line-height: 2.6rem;
    text-align: center;
  }
}


/*投稿のタグ表示
------------------------------------------------------------*/

li.tag {
  font-size: 1.2rem;
/*  color: #fff;
  background-color: #000;*/
  color: #000;
  background-color: #eeeeee;

  margin-right: 8px;
  margin-bottom: 8px;
  display: inline-block;
}

li.yahoo, li.promotion, li.exclusive {
  display: none;
}

li.tag a {
  font-size: 1.2rem;
/*  color: #fff;*/
  color: #000;
  display: inline-block;
  text-decoration: none;
  /*white-space:nowrap;*/
  padding: 4px 14px;
}

li.tag a:hover {
  background-color: #666;
  text-decoration: underline;
  color:#fff;
}


/* ページ分割 */

div.link_page_navi {
  clear: both;
  overflow: hidden;
  width: 100%;
  padding: 30px 0;
  text-align: center;
}

span.page_navi {
  border: 1px solid #fff;
  background-color: #000;
  color: #fff;
  /*      display: block;
    float: left;
    height: 23px;
    margin-bottom: 4px;
    margin-right: 4px;
    margin-top: 4px;
    padding: 2px 10px;
    white-space: nowrap;
    min-width: 7px;*/
  font-family: 'Swiss721BT-Bold', sans-serif;
  display: inline-block;
  font-size: 1.4rem;
  height: 29px;
  line-height: 29px;
  /* padding: 0 5px;*/
  width: 29px;
}

div.link_page_navi a {
  text-decoration: none;
}

div.link_page_navi a span.page_navi {
  border: 1px solid #fff;
  background-color: #fff;
  color: #000;
  /*    display: block;
    float: left;
    height: 23px;
    margin-bottom: 4px;
    margin-right: 4px;
    margin-top: 4px;
    padding: 2px 10px;
    white-space: nowrap;
    min-width: 7px;*/
  font-family: 'Swiss721BT-Bold', sans-serif;
  display: inline-block;
  font-size: 1.4rem;
  height: 29px;
  line-height: 29px;
  /* padding: 0 5px;*/
  width: 29px;
}


/*サブメニュー出し分け*/

body.fashions li.fashions a {
  background-color: #000;
  color: #fff;
}

body.beauties li.beauties a {
  background-color: #000;
  color: #fff;
}

body.cultures li.cultures a {
  background-color: #000;
  color: #fff;
}

body.lifestyles li.lifestyles a {
  background-color: #000;
  color: #fff;
}

body.peoples li.peoples a {
  background-color: #000;
  color: #fff;
}

body.subscription li.magazine a {
  background-color: #000;
  color: #fff;
}

body.magazines li.magazine a {
  background-color: #000;
  color: #fff;
}


body.astrology li.astrology a {
  background-color: #000;
  color: #fff;
}

body.present li.presents a {
  background-color: #000;
  color: #fff;
}

body.special li.special a {
  background-color: #000;
  color: #fff;
}

body.tiffany li.tiffany a {
  background-color: #000;
  color: #fff;
}

body.cointreau li.cointreau a {
  background-color: #000;
  color: #fff;
}

body.news li.news a {
  background-color: #000;
  color: #fff;
}


/*サブメニュー出し分け*/

ul.fashions, ul.beauties, ul.cultures, ul.lifestyles, ul.peoples, ul.magazine, ul.astrology, ul.present, ul.special, ul.tiffany, ul.cointreau {
  width: 100%;
  display: none;
  padding-top: 5px;
  /*border-bottom: 1px solid #ddd;*/
}

body.fashions ul.fashions {
  display: block;
}

body.beauties ul.beauties {
  display: block;
}

body.cultures ul.cultures {
  display: block;
}

body.e3818ae682a9e381bfe382b9e3839ae382afe382bfe382afe383ab ul.cultures {
  display: block;
}



body.lifestyles ul.lifestyles {
  display: block;
}


body.usagirecipe ul.lifestyles {
  display: block;
}



body.peoples ul.peoples {
  display: block;
}

body.magazines ul.magazine {
  display: block;
}

body.subscription ul.magazine {
  display: block;
}

body.astrology ul.astrology {
  display: block;
}

body.present ul.present {
  display: block;
}

body.tiffany ul.tiffany {
  display: block;
}

body.cointreau ul.cointreau {
  display: block;
}

body.special ul.special {
  display: block;
}

ul.fashions li, ul.beauties li, ul.cultures li, ul.lifestyles li, ul.peoples li, ul.magazine li, ul.astrology li, ul.present li, ul.cointreau li, ul.special li, ul.tiffany li {
  display: inline-block;
}

ul.fashions li a, ul.beauties li a, ul.cultures li a, ul.lifestyles li a, ul.peoples li a, ul.magazine li a, ul.astrology li a, ul.present li a, ul.cointreau li a, ul.special li a, ul.tiffany li a {
  padding: 6px 11px;
  font-size: 1.3rem;
  letter-spacing: 0.05rem;
}

ul.fashions li a:hover, ul.beauties li a:hover, ul.cultures li a:hover, ul.lifestyles li a:hover, ul.peoples li a:hover, ul.magazine li a:hover, ul.astrology li a:hover, ul.present li a:hover, ul.cointreau li a:hover, ul.cointreau li a:hover {
  text-decoration: underline;
}


/*スマホ用リセット*/

@media screen and (max-width: 480px) {
  body.fashions ul.fashions {
    display: none;
  }
  body.beauties ul.beauties {
    display: none;
  }
  body.cultures ul.cultures {
    display: none;
  }
  body.lifestyles ul.lifestyles {
    display: none;
  }
  body.peoples ul.peoples {
    display: none;
  }
  body.magazines ul.magazine {
    display: none;
  }
  body.astrology ul.astrology {
    display: none;
  }
  body.present ul.present {
    display: none;
  }
  body.tiffany ul.tiffany {
    display: none;
  }
  body.cointreau ul.cointreau {
    display: none;
  }
  body.special ul.special {
    display: none;
  }
}


/* Top Only
------------------------------------------------------------*/


/*
#top #hdr{margin-top:60px;}
#top #logo a{margin: 0px auto 16px;}*/

#top #menu {
  border-bottom: none;
}

#top .upper {
  position: relative;
  max-width: 2550px;
  min-width: 1100px;
  overflow: hidden;
  width: 100%;
  height: 478px;
  margin: 0 auto;
}

#top #slider {
  margin: 0 auto;
  width: 850px;
  /**/
}

#top .flex-viewport {
  overflow: visible !important;
}

#top .slides {
  background: #000;
}

#top .slides li {
  opacity: 0.4;
  /* for Opera,Firefox,Safari */
  filter: alpha(opacity=40);
  /* for IE */
}

#top .slides li.flex-active-slide, #top .slides li a:hover {
  opacity: 1;
  /* for Opera,Firefox,Safari */
  filter: alpha(opacity=100);
  /* for IE */
}

#top .slides li img {
  width: 850px;
  height: 478px;
}


/*両脇サイド広告 PCのみ*/

#top #bg_side_bnr {
  position: relative;
  width: 1100px;
  margin: 0px auto;
}

#top #bg_side_bnr div {
  position: absolute;
}

#top #bg_side_bnr img {
  width: 300px;
}

#top #bnr_l {
  left: -300px;
  top: 0px;
}

#top #bnr_r {
  left: 1100px;
  top: 0px;
}


/* Contents
------------------------------------------------------------*/

#content {
  margin: 60px auto 0px;
}

#top .main {
  width: 1050px;
}


/*floatバナー*/

#top .side .bnr_a {
  margin-bottom: 50px;
}

#top .side .bnr_a img {
  /*padding-bottom: 50px;*/
}

#top .side .bnr_a embed {
  margin-bottom: 50px;
}


/*ボトム*/

#top .btm {
  margin-top: 0px;
}

#top .latest {
  margin-bottom: 50px;
}

#top .latest .cover {
  width: 234px;
  float: left;
  padding-right: 45px;
}

#top .latest .cover img {
  width: 100%;
  height: auto;
}

#top .latest .detail {
  line-height: 1;
  height: 300px;
}

#top .latest .date {
  padding-bottom: 5px;
  text-indent: 3px;
}

#top .latest .vol {
  font-size: 7.2rem;
  letter-spacing: -4px;
  height: 70px;
  text-indent: -3px;
  margin-top: 0rem;
}

#top .latest .vol .sup {
  padding: 0 2px;
  vertical-align: 3.3rem;
  font-size: 3.5rem;
  font-weight: normal;
}

#top .latest .month {
  font-size: 2.4rem;
  padding-bottom: 16px;
}

#top .latest .ttl_len {
  font-size: 4rem;
  padding-bottom: 3px;
}

#top .latest .feature {}

#top .latest .ttl_lja {
  padding-bottom: 20px;
  line-height: 1.8;
}

#top .latest .link {
  line-height: 1.6;
}

#top .latest .link a {
  color: #000;
  text-decoration: underline;
}

#top .present {}

#top .present li {
  position: relative;
  float: left;
  width: 235px;
  height: 300px;
  overflow: hidden;
  margin-right: 16px;
  border: solid #ccc 1px;
}

#top .present li .icn {
  position: absolute;
  top: 0;
  right: 0;
  width: 29%;
  z-index: 2;
}

#top .present li .icn img {
  width: 100%;
}

#top .present li .photo {
  text-indent: -9999px;
  display: inline-block;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-size: contain;
}


/*.present li .photo img{width:auto;height:auto;max-width: 100%;max-height:100%;position:absolute;top:50%;left:50%; }*/

@media screen and (max-width: 480px) {
  /* Top Only
------------------------------------------------------------*/
  #top #hdr {
    top: 0px;
  }
  #top #logo a {
    margin: 0px auto 0px;
  }
  #top .upper {
    /**/
    max-width: 100%;
    min-width: 100%;
    height: auto;
    border-bottom: none;
  }
  #top #slider {
    width: 100%;
  }
  #top .flex-viewport {
    overflow: hidden !important;
  }
  #top .slides {
    background: #fff;
  }
  #top .slides li img {
    width: 100%;
    height: auto;
  }
  #top .flex-direction-nav {
    display: none;
  }
  /* Contents
------------------------------------------------------------*/
  #top #content {
    margin: 0px;
  }
  /*サイド カレンダー*/
  #top .side {
    float: none;
    margin-bottom: 0px;
    width: 100%;
  }
  #top #calender {
    text-align: center;
    height: auto;
    margin: 50px 0 0px;
    display: block;
  }
  #top #calender .date {
    font-size: 10rem;
    line-height: 10.6rem;
    height: 9.6rem;
    letter-spacing: -5px;
  }
  #top #calender .week {
    font-size: 1.3rem;
    padding-bottom: 2px;
  }
  #top #calender .month {
    font-size: 1.6rem;
    padding-bottom: 30px;
  }
  #top #calender a {
    color: #000;
  }
  #top #calender a .message span {
    border-bottom: 1px solid #000;
  }
  #top #calender .icn {
    float: right;
    width: 30px;
    padding-left: 10px;
  }
  #top #calender .icn img {
    width: 100%;
  }
  #top #calender .name {
    padding-bottom: 7px;
  }
  #top .main {
    width: 100%;
    /*width: 94%;padding :0 3%;*/
  }
  .unit_wrapper {
    border-bottom: none;
  }
  /*ボトム*/
  #top .latest .ttl, .present .ttl {
    text-align: center;
    font-size: 1.6rem;
  }
  #top .latest {
    float: left;
    width: 30%;
    margin-bottom: 3%;
  }
  #top .latest .cover {
    width: 100%;
    padding-right: 0px;
    height: auto;
  }
  #top .present {
    float: right;
    width: 70%;
  }
  #top .present li {
    float: left;
    width: 46%;
    height: auto;
    margin-right: 0px;
    margin-left: 3%;
  }
}

.top_visual {
  width: 100%;
  overflow: hidden;
}

.top_visual img {
  width: 100%;
  height: auto;
}

.page_visual {
  width: 100%;
  overflow: hidden;
}

.page_visual img {
  width: 100%;
  height: auto;
}


/*メインタイトル*/

body.magazines .ttl_l .id {
  display: none;
}

body.magazines .ttl_l .cat {}

body.magazines .ttl_l .cat span {
  display: block;
}

body.magazines .ttl_l .cat1 {
  font-size: 2rem;
  line-height: 2.2rem;
}

body.magazines .ttl_l .cat2 {
  font-size: 4rem;
  line-height: 4rem;
  padding-top: 0.5rem;
}

body.magazines .ttl_l .pub_date {
  font-weight: normal;
}

body.magazines .article .ttl {
  margin-bottom: 20px;
}

body.magazines .article .ttl.en {}

body.magazines .article .ttl.ja {
  font-size: 1.8rem;
  line-height: 1rem;
  font-weight: normal;
}

body.magazines .article_inner {
  font-size: 1.4rem;
  line-height: 2em;
}

body.magazines .article_inner p {
  font-size: 1.4rem;
  line-height: 2em;
}

body.magazines .article .ttl2 {
  margin-bottom: 25px;
  font-size: 2.4rem;
}

body.magazines .paper {
  margin-bottom: 40px;
}

body.magazines .cover img {
  border: 1px #000 solid;
  max-width: 500px;
}

body.magazines .next_issue {
  background: #ededed;
  padding: 30px 30px 0px;
  margin-bottom: 10px;
}

body.magazines .next_issue h3 {
  font-weight: normal;
  padding-bottom: 30px;
  font-size: 1.4rem;
}

body.magazines .next_issue h4.en {
  font-size: 3rem;
  line-height: 3rem;
  padding-bottom: 10px;
}

body.magazines .next_issue h4.ja {
  font-size: 1.4rem;
  font-weight: bold;
  padding-bottom: 20px;
}

body.magazines .paper .buy {
  background: #000;
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  padding: 30px;
  white-space: nowrap;
}

body.magazines .paper .buy img {
  width: 20%;
  height: auto;
}

body.magazines .ttl3 {
  font-size: 1.4rem;
  padding-bottom: 30px;
}

body.magazines .digital {
  padding-bottom: 30px;
  border-bottom: 1px #000 solid;
  margin-bottom: 30px;
  font-size: 1.4rem;
}

body.magazines .digital .screen {
  float: right;
  padding-left: 30px;
}

body.magazines .digital .bnr {
  clear: both;
  width: 700px;
}

body.magazines .digital .bnr li {
  float: left;
  padding-right: 5px;
}

body.magazines .subscription {
  font-size: 1.4rem;
}

body.magazines .subscription .detail {
  margin-bottom: 30px;
}

@media screen and (max-width: 480px) {
  /*メインタイトル*/
  body.magazines .ttl_l .cat1 {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
  body.magazines .ttl_l .cat2 {
    font-size: 2.6rem;
    line-height: 3rem;
  }
  body.magazines .cover img {
    border: none;
    max-width: 100%;
  }
  body.magazines .article .ttl {
    margin-bottom: 5px;
    text-align: left;
    font-size: 1.8rem;
  }
  body.magazines .article .ttl2 {
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
  body.magazines .paper .buy img {
    width: 90%;
    height: auto;
    margin: 5px auto;
    white-space: normal;
    display: block;
  }
  body.magazines .article_inner {
    font-size: 1.5rem;
    line-height: 1.7em;
  }
  body.magazines .article_inner p {
    font-size: 1.5rem;
    line-height: 1.7em;
  }
  body.magazines .article .ttl.en {
    font-size: 1.8rem;
  }
  body.magazines .article .ttl.ja {
    font-size: 1.4rem;
    padding-bottom: 20px;
  }
  body.magazines .next_issue {
    background: #ededed;
    padding: 15px 15px;
    margin-bottom: 10px;
    font-size: 1.5rem;
    line-height: 1.7em;
  }
  body.magazines .next_issue h3 {
    font-weight: normal;
    padding-bottom: 30px;
    font-size: 1.4rem;
  }
  body.magazines .next_issue h4.en {
    font-size: 2.6rem;
    line-height: 3rem;
  }
  body.magazines .next_issue h4.ja {
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 2.2rem;
    padding-top: 0.5rem;
    padding-bottom: 20px;
  }
  body.magazines .digital .bnr {
    width: 102%;
  }
  body.magazines .digital .bnr li {
    padding-right: 1%;
    width: 32%;
    padding-bottom: 1%;
  }
  body.magazines .digital .bnr li img {
    width: 100%;
  }
}


/*メインタイトル*/

#magazine .ttl_l .id {
  display: none;
}

#magazine .ttl_l .cat {}

#magazine .ttl_l .cat span {
  display: block;
}

#magazine .ttl_l .cat1 {
  font-size: 2rem;
  line-height: 2.2rem;
}

#magazine .ttl_l .cat2 {
  font-size: 6rem;
  line-height: 7rem;
}

#magazine .ttl_l .pub_date {
  font-weight: normal;
}

#magazine .article .ttl {
  margin-bottom: 20px;
}

#magazine .article .ttl.en {}

#magazine .article .ttl.ja {
  font-size: 1.8rem;
  line-height: 1rem;
  font-weight: normal;
}

#magazine .article_inner {
  font-size: 1.2rem;
  line-height: 1.8em;
}

#magazine .article .ttl2 {
  margin-bottom: 25px;
  font-size: 2.4rem;
}

#magazine .paper {
  margin-bottom: 40px;
}

#magazine .cover img {
  border: 1px #000 solid;
  max-width: 500px;
}

#magazine .next_issue {
  background: #ededed;
  padding: 30px 30px 0px;
  margin-bottom: 10px;
}

#magazine .next_issue h3 {
  font-weight: normal;
  padding-bottom: 30px;
}

#magazine .next_issue h4.en {
  font-size: 1.4rem;
}

#magazine .next_issue h4.ja {
  font-size: 1.2rem;
}

#magazine .paper .buy {
  background: #000;
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  padding: 30px;
  white-space: nowrap;
}

#magazine .paper .buy img {
  width: 20%;
  height: auto;
}

#magazine .ttl3 {
  font-size: 1.4rem;
  padding-bottom: 30px;
}

#magazine .digital {
  padding-bottom: 30px;
  border-bottom: 1px #000 solid;
  margin-bottom: 30px;
  font-size: 1.4rem;
}

#magazine .digital .screen {
  float: right;
  padding-left: 30px;
  padding-bottom: 20px;
}

#magazine .digital .bnr {
  clear: both;
  width: 700px;
}

#magazine .digital .bnr li {
  float: left;
  padding-right: 5px;
}

#magazine .subscription {
  font-size: 1.4rem;
}

#magazine .subscription .detail {
  margin-bottom: 30px;
}

@media screen and (max-width: 480px) {
  /*メインタイトル*/
  #magazine .ttl_l .cat1 {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
  #magazine .ttl_l .cat2 {
    font-size: 2.6rem;
    line-height: 2.6rem;
  }
  #magazine .cover img {
    border: none;
    max-width: 100%;
  }
  #magazine .article .ttl {
    margin-bottom: 5px;
    text-align: left;
    font-size: 1.8rem;
  }
  #magazine .article .ttl2 {
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
  #magazine .paper .buy img {
    width: 90%;
    height: auto;
    margin: 5px auto;
    white-space: normal;
    display: block;
  }
  #magazine .article .ttl.en {
    font-size: 1.8rem;
  }
  #magazine .article .ttl.ja {
    font-size: 1.4rem;
    padding-bottom: 20px;
  }
  #magazine .digital .bnr {
    width: 102%;
  }
  #magazine .digital .bnr li {
    padding-right: 1%;
    width: 32%;
    padding-bottom: 1%;
  }
  #magazine .digital .bnr li img {
    width: 100%;
  }
}

div.sp_rectangle {
  margin: 20px auto 0;
  text-align: center;
}

div.top_visual {
  background-color: #000;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

div.top_visual img {
  width: 850px;
  height: auto;
}

div.page_visual {
  background-color: #000;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

div.page_visual img {
  width: 850px;
  height: auto;
}

@media screen and (max-width: 850px) {
  div.top_visual {
    background-color: #000;
    margin: 0;
    width: 100%;
    text-align: center;
  }
  div.top_visual img {
    width: 100%;
    height: auto;
  }
  div.page_visual {
    background-color: #000;
    margin: 0 auto 0 auto;
    width: 100%;
    text-align: center;
  }
  div.page_visual img {
    width: 100%;
    height: auto;
  }
}


/*==============hover キャプション=============*/

.hover-image {
  display: inline-block;
  margin: 10px auto 20px auto;
  text-align: left;
  opacity: .99;
  overflow: hidden;
  position: relative;
  /*  border-radius: 3px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);*/
}

.hover-image:before {
  content: '';
  width: 100%;
  height: 20%;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  background: #000;
}

.hover-image img {
  display: block;
  max-width: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}


/*

.hover-image .details {

  font-size: 16px;*/


/*  padding: 20px;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
 display:block;
}*/

.hover-image .details {
  bottom: 0;
  color: #fff;
  display: block;
  font-size: 16px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 3;
}

.hover-image .details span {
  /*  display: block;*/
  opacity: 0;
  position: relative;
  top: 100px;
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.hover-image .details .info {
  line-height: 1.2;
  margin-top: 5px;
  font-size: 12px;
  background-color: #000;
  display: block;
  padding: 20px;
}

.hover-image:hover:before, .hover-image:hover span {
  opacity: .75;
}

.hover-image:hover:before {
  bottom: 80%;
}

.hover-image:hover span {
  top: 0;
}

.hover-image:hover .info {}

.article_inner a:hover {
  opacity: 1;
}

@media screen and (max-width: 480px) {
  .hover-image:before, .hover-image span {
    opacity: .75;
  }
  .hover-image:before {
    bottom: 80%;
  }
  .hover-image span {
    top: 0;
  }
  .hover-image .info {}
  .article_inner a {
    opacity: 1;
  }
}

@media screen and (max-width: 480px) {
  div.cointreau_box {
    padding: 5%;
    width: 90%;
  }
  div.cointreau_img img {
    width: 20%;
    height: auto;
    text-align: center;
  }
  div.cointreau_img {
    width: 100%;
    overflow: hidden;
    text-align: center;
    height: 200px;
  }
  div.cointreau_box_right {
    width: 100%;
    overflow: hidden;
    padding-top: 20px;
  }
  div.cointreau_box_right img {
    width: 100%;
    height: auto;
  }
  div.cointreau_txt {
    color: #fff;
    size: 13px;
    padding: 20px 0;
    line-height: 180%;
  }
  div.tiffany_box {
    background-color: #81d8d0;
    overflow: hidden;
    padding: 0;
    width: 100%;
  }
  div.tiffany_img img {
    width: 100%;
    height: auto;
    text-align: center;
  }
  div.tiffany_img {
    width: 100%;
    overflow: hidden;
    text-align: center;
  }
  div.tiffany_box_right {
    width: 100%;
    overflow: hidden;
    padding-top: 20px;
  }
  div.tiffany_box_right img {
    width: 100%;
    height: auto;
  }
  div.tiffany_txt {
    color: #000;
    font-size: 13px;
    padding: 20px;
    line-height: 180%;
  }
}

select, input, textarea, button {
  vertical-align: middle;
  font-family: "ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif;
  position: relative;
  margin: 0 4px 2px 0;
  *margin-right: 3px;
  top: -1px;
}

input {
  height: 16px;
  line-height: 16px;
}

button, input[type="button"] {
  overflow: visible;
  height: 22px;
  padding: 0 3px;
}

select {
  height: 20px;
  line-height: 20px;
}

input[type="checkbox"], input[type="radio"] {
  border: none;
  top: -2px;
  top: 0\9;
  margin-right: 2px;
  margin-right: 0\9;
}

#searchsubmit {
  color: #fff;
  border-style: none;
  font-size: 11px;
  width: 30px;
  height: 30px;
  background: #eee url(img/src.png) 0 0 no-repeat;
  background-size: contain;
}

input#s {
  height: 28px!important;
  width: 230px!important;
}

.lifestyle h4 {
  font-size: 1.1rem;
  font-weight: bold;
}

.alert {
  display: none;
}


/*===========

index

===========*/

div.moonlee {
  width: 645px !important;
}


/*===========

今月の運勢

===========*/

.moonlee #mainTitle {
  width: 100% !important;
  background-size: contain !important;
}

.moonlee .controller h4 {
  background-position: center center !important;
  width: 100% !important;
}

.moonlee .controller {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.astrology .zodiacSigns .body .cntBox {
  margin-right: 10px !important;
}

.astrology .zodiacSigns .body .cntBox a {
  position: relative !important;
}

.astrology .zodiacSigns .body .cntBox .inner {
  position: absolute !important;
  width: 100% !important;
  color: black !important;
  bottom: 0 !important;
}

.moonlee .result .zodiacSigns .ttl_zodiacSign1, .moonlee .result .zodiacSigns .ttl_zodiacSign2, .moonlee .result .zodiacSigns .ttl_zodiacSign3, .moonlee .result .zodiacSigns .ttl_zodiacSign4, .moonlee .result .zodiacSigns .ttl_zodiacSign5, .moonlee .result .zodiacSigns .ttl_zodiacSign6, .moonlee .result .zodiacSigns .ttl_zodiacSign7, .moonlee .result .zodiacSigns .ttl_zodiacSign8, .moonlee .result .zodiacSigns .ttl_zodiacSign9, .moonlee .result .zodiacSigns .ttl_zodiacSign10, .moonlee .result .zodiacSigns .ttl_zodiacSign11, .moonlee .result .zodiacSigns .ttl_zodiacSign12 {
  background-position: bottom !important;
}

.moonlee .result .zodiacSigns .zodiacSignInfo {
  height: 265px !important;
}


/*===========

星のお告げ

===========*/

.moonlee_future #mainTitle {
  background-size: contain !important;
  width: 100% !important;
}

.astrology.moonlee_future {
  width: 665px !important;
}

.moonlee_future .description {
  background-position: left bottom !important;
  background-repeat: repeat-x !important;
}

.astrology .lead {
  width: 100% !important;
  padding: 10px 0 !important;
}

.astrology .backNavi {
  width: 100% !important;
}

.moonlee_future .result {
  padding: 50px 0 0 !important;
  width: 100% !important;
}

.page-link, .paginator {
  height: 25px !important;
}


/*===========

官能風水

===========*/

div.juno {
  width: 665px;
}

.astrology .juno .controller {
  padding: 30px 0 !important;
}

.juno #tabs ul.tab>li.ui-tabs-active {
  width: 331px !important;
}

.juno #tabs ul.tab>li {
  width: 332px !important;
}

div#tabs-1, div#tabs-2 {
  clear: left !important;
}


/*===========

心理テスト

===========*/

div.wakitanaoki {
  width: 665px;
  background-image: url('http://numero.jp/shared/css/images/h3_astrology_wakitanaoki.jpg') !important;
  padding-top: 250px !important;
  background-repeat: no-repeat !important;
}


/*===========

運命サイクル

===========*/

div.johnhayes {
  width: 665px;
}

.astrology .promotion {
  background: #fff !important;
  clear: both !important;
}

.astrology .promotion .description {
  margin-left: 0 !important;
}

.promotion .left {
  float: none !important;
}

.promotion .right {
  float: none !important;
  padding-top: 20px !important;
}


/*===========

エイリー占い

===========*/

div.stellakaoruko {
  width: 665px ;
}


/*===========

Present

===========*/

.presents#container {
  width: 665px !important;
}

.presents .otherPresent .cntBoxRow {
  clear: left !important;
  padding-top: 20px !important;
}

.presents .otherPresent .cntBox .summary h4 {
  line-height: 1.4 !important;
}


/*===========

Login

===========*/

.users.form {
  width: 665px !important;
}

.msgOrder {
  border: 1px solid #000 !important;
  background-color: #efefef !important;
}

input[type="email"] {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  -moz-box-sizing: border-box;
  background: none repeat scroll 0 0 #FFFFFF;
  border-color: #C0C0C0 #D9D9D9 #D9D9D9;
  border-radius: 1px 1px 1px 1px;
  border-right: 1px solid #D9D9D9;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  height: 25px;
  margin: 0;
  padding: 0 8px;
  width: 400px;
}


/*===========

Member

===========*/

form#UserSignupForm {
  margin-top: 30px;
}


/*占い非表示*/


/*
div.section ul.other li:nth-child(3),
div.section ul.other li:nth-child(4){
display:none;
}*/

.stellakaoruko .result>.right {
  float: right;
  width: 415px;
}

.johnhayes .head {
  display: block;
  overflow: hidden;
  padding: 25px 10px 10px;
  width: 100%;
}


/* Editor 非表示*/

div.editorsList {
  display: none;
}


/* Yahoo */

.organic-thumbnails-pc .video-title {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  font-size: 1.4rem;
  line-height: 1.8rem;
}


/*Yahoo*/

.trc_rbox_header_span {
  display: none;
}


/*Youtube*/

iframe {
  max-width: 100%;
}


/*body.celebration100*/

body.celebration100 {
  background-color: #000;
}

body.celebration100 .ttl_l .cat2 {
  position: relative;
  color: #b28146;
}

body.celebration100 .side, body.celebration100 .side a {
  color: #b28146!important;
}

body.celebration100 #calender .sns li.insta a {
  background: rgba(0, 0, 0, 0) url("img/icn_gdsp_insta.png") no-repeat scroll 0 0 / contain;
}

body.celebration100 #calender .sns li.yb a {
  background: rgba(0, 0, 0, 0) url("img/icn_gdsp_yb.png") no-repeat scroll 0 0 / contain;
}

body.celebration100 #calender .sns li.tw a {
  background: rgba(0, 0, 0, 0) url("img/icn_gdsp_tw.png") no-repeat scroll 0 0 / contain;
}

body.celebration100 #calender .sns li.fb a {
  background: rgba(0, 0, 0, 0) url("img/icn_gdsp_fb.png") no-repeat scroll 0 0 / contain;
}

body.celebration100 #logo a {
  background: rgba(0, 0, 0, 0) url("img/logo_gold.png") no-repeat scroll center 0 / contain;
}

body.celebration100 #hdr .sns li.search {
  background: rgba(0, 0, 0, 0) url("img/icn_gd_search.png") no-repeat scroll 0 0 / 93% 93%;
}

@media screen and (max-width: 767px) {
  body.celebration100 #logo a {
    background: rgba(0, 0, 0, 0) url("img/logo_k.png") no-repeat scroll center 0 / contain;
  }
  body.celebration100 .unit {
    background: #000 none repeat scroll 0 0;
    color: #b28146;
  }
  body.celebration100 .unit .txt {
    background-color: #000;
    color: #b28146;
  }
}

body.celebration100 #menu>ul.menu>li>a:hover, #menu>ul>li.on>a {
  background: #b28146;
  color: #000;
}

body.celebration100 #menu .menu a {
  color: #b28146;
}

body.celebration100 .unit a {
  color: #b28146;
}

body.celebration100 .unit {
  color: #b28146;
}

body.celebration100 li.celebration a {
  background-color: #b28146;
  color: #000!important;
}


/*body.tiffanybluebook*/

body.tiffanybluebook #logo a {
  background: rgba(0, 0, 0, 0) url("img/logo_ww.png") no-repeat scroll center 0 / contain;
}

body.tiffanybluebook {
  background-color: #000;
}

body.tiffanybluebook .ttl_l .cat2 {
  position: relative;
  color: #fff;
}

body.tiffanybluebook .side, body.tiffanybluebook .side a {
  color: #fff!important;
}

body.tiffanybluebook #calender .sns li.insta a {
  background: rgba(0, 0, 0, 0) url("img/icn_gdsp_insta.png") no-repeat scroll 0 0 / contain;
}

body.tiffanybluebook #calender .sns li.yb a {
  background: rgba(0, 0, 0, 0) url("img/icn_swsp_yb.png") no-repeat scroll 0 0 / contain;
}

body.tiffanybluebook #calender .sns li.tw a {
  background: rgba(0, 0, 0, 0) url("img/icn_gdsp_tw.png") no-repeat scroll 0 0 / contain;
}

body.tiffanybluebook #calender .sns li.fb a {
  background: rgba(0, 0, 0, 0) url("img/icn_gdsp_fb.png") no-repeat scroll 0 0 / contain;
}

body.tiffanybluebook #calender .sns li.line a {
  background: rgba(0, 0, 0, 0) url("img/icn_swsp_line.png") no-repeat scroll 0 0 / contain;
}

body.tiffanybluebook #logo a {
  background: rgba(0, 0, 0, 0) url("img/logo_ww.png") no-repeat scroll center 0 / contain;
}

body.tiffanybluebook #hdr .sns li.search {
  background: rgba(0, 0, 0, 0) url("img/icn_sw_search.png") no-repeat scroll 0 0 / 93% 93%;
}

@media screen and (max-width: 767px) {
  body.tiffanybluebook #logo a {
    background: rgba(0, 0, 0, 0) url("img/logo_k.png") no-repeat scroll center 0 / contain;
  }
  body.tiffanybluebook .unit {
    background: #000 none repeat scroll 0 0;
    color: #fff;
  }
  body.tiffanybluebook .unit .txt {
    background-color: #000;
    color: #fff;
  }
}

body.tiffanybluebook #menu>ul.menu>li>a:hover, #menu>ul>li.on>a {
  background: #fff;
  color: #000;
}

body.tiffanybluebook #menu .menu a {
  color: #fff;
}

body.tiffanybluebook .unit a {
  color: #fff;
}

body.tiffanybluebook .unit {
  color: #fff;
}

body.tiffanybluebook li.tiffany a {
  background-color: #fff;
  color: #000!important;
}


/*
ul.ferfecth
*/

ul.ferfecth a {
  min-width: 80px!important;
}

ul.ferfecth {
  display: block;
  overflow: hidden;
  min-width: 80px!important;
  margin-bottom: 40px;
}

ul.ferfecth li {
  display: block;
}


/*----------------------------------------------------------------------------

body.kenzo-with-choco

----------------------------------------------------------------------------*/

body.kenzo-with-choco {
  background: #000 url("img/line-bg.gif") center top repeat;
}

body.kenzo-with-choco .ttl_l .cat2 {
  position: relative;
  color: #fff;
}

body.kenzo-with-choco .side, body.kenzo-with-choco .side a {
  color: #fff!important;
}

body.kenzo-with-choco #calender .sns li.insta a {
  background: rgba(0, 0, 0, 0) url("img/icn_swsp_insta.png") no-repeat scroll 0 0 / contain;
}

body.kenzo-with-choco #calender .sns li.yb a {
  background: rgba(0, 0, 0, 0) url("img/icn_swsp_yb.png") no-repeat scroll 0 0 / contain;
}

body.kenzo-with-choco #calender .sns li.tw a {
  background: rgba(0, 0, 0, 0) url("img/icn_swsp_tw.png") no-repeat scroll 0 0 / contain;
}

body.kenzo-with-choco #calender .sns li.fb a {
  background: rgba(0, 0, 0, 0) url("img/icn_swsp_fb.png") no-repeat scroll 0 0 / contain;
}

body.kenzo-with-choco #calender .sns li.line a {
  background: rgba(0, 0, 0, 0) url("img/icn_swsp_line.png") no-repeat scroll 0 0 / contain;
}

body.kenzo-with-choco #logo a {
  background: rgba(0, 0, 0, 0) url("img/logo_ww.png") no-repeat scroll center 0 / contain;
}

body.kenzo-with-choco #hdr .sns li.search {
  background: rgba(0, 0, 0, 0) url("img/icn_sw_search.png") no-repeat scroll 0 0 / 93% 93%;
}

body.kenzo-with-choco .unit .txt {
  background: rgba(0, 0, 0, 0) url("img/line-overlay.png") no-repeat scroll center 0 / contain;
  color: #fff;
  height: 233px;
  padding-bottom: 0;
  padding-left: 55px;
  padding-right: 55px;
  padding-top: 67px;
  text-align: left;
  width: 190px;
}

body.kenzo-with-choco #menu>ul.menu>li>a:hover, #menu>ul>li.on>a {
  background: #fff;
  color: #000;
}

body.kenzo-with-choco #menu .menu a {
  color: #fff;
}

body.kenzo-with-choco .unit a {
  color: #fff;
}

body.kenzo-with-choco .unit {
  color: #fff;
}

body.kenzo-with-choco li.kenzo-with-choco a {
  background-color: #fff;
  color: #000!important;
}

body.kenzo-with-choco .unit a:hover .count.no_sp {
  display: block;
  background: url("img/green.png") left top no-repeat;
  background-size: 100% auto;
  color: #fff;
  text-align: left;
  text-indent: -10000px;
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  top: 0;
  right: 0;
  mix-blend-mode: darken;
}

div.line_box {
  padding: 40px;
  color: #fff;
  background: url("img/choco_bg.png") left bottom no-repeat;
  background-size: 100% auto;
}

div.line_box h3 {
  font-size: 4rem;
  line-height: 4rem;
}

div.line_box a {
  color: #fff;
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  div.line_box {
    padding: 20px;
    color: #fff;
    background: url("img/choco_bg.png") left bottom no-repeat;
    background-size: auto 100%;
  }
  div.line_box h3 {
    font-size: 2.4rem;
    line-height: 2.4rem;
    white-space: nowrap;
  }
  body.kenzo-with-choco {
    background: #000 url("img/line-spbg.gif") center top repeat;
    background-size: 100% auto;
  }
  body.kenzo-with-choco #logo a {
    background: rgba(0, 0, 0, 0) url("img/logo_k.png") no-repeat scroll center 0 / contain;
  }
  body.kenzo-with-choco .unit {
    background: transparent none repeat scroll 0 0;
    color: #fff;
  }
  body.kenzo-with-choco .unit a:hover .count.no_sp {
    display: block;
    background: url("img/green.png") left top no-repeat;
    background-size: 100% auto;
    color: #fff;
    text-align: left;
    text-indent: -10000px;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    top: 0;
    right: 0;
    mix-blend-mode: darken;
  }
  body.kenzo-with-choco .unit a:hover .txt {
    background: rgba(0, 0, 0, 0) url("img/line-spoverlay.png") no-repeat scroll center 0 / contain;
    mix-blend-mode: screen;
  }
  body.kenzo-with-choco .unit .txt {
    background: transparent;
    color: #fff;
    display: block;
    font-size: 1.1rem;
    height: auto;
    line-height: 1.5rem;
    padding-bottom: 12%;
    padding-left: 4%;
    padding-right: 4%;
    padding-top: 115%;
    width: 92%;
    position: absolute;
    top: 0;
  }
  body.kenzo-with-choco .unit .txt br {
    display: none;
  }
  body.kenzo-with-choco .unit.white a .cat, body.kenzo-with-choco .unit.white a .txt {
    color: #fff;
  }
}


.mm-menu div.sp_sns img{
margin-right:4px;
}

/*Adタグ用*/
.mm-listview div.ad img{
width:100%;
height:auto;
}

/*img alt キャプション*/
span.alt{
font-size:0.85rem;
color:#808080;
}

@media screen and (max-width: 767px) {
/*img alt キャプション*/
span.alt{
font-size:1rem;
color:#808080;
}

}




/*================================
Media Screen 1200 recommend
================================*/
@media screen and (min-width: 768px) {

.backnumber .unit {
  float: left;
  width: 300px;
  height: 370px;
  overflow: hidden;
  margin: 0 50px 10px 0;
  position: relative;
  /*background: #000;*/
}

.backnumber .unit a {
  color: #000;
  display: block;
  transition: 0.8s ;
}

.backnumber .unit a:hover {
  display: block;
  opacity: 0.5;
  /* for Opera,Firefox,Safari */
  filter: alpha(opacity=100);
  /* for IE */
}

.backnumber .unit .cat {
  position: absolute;
  bottom: 80px;
  left: 15px;
  font-size: 1.8rem;
  letter-spacing: 0.5px;
}

.backnumber .white .cat {
color:#fff;
}


.backnumber .unit a .txt {
  z-index: 10;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.backnumber .unit a:hover .txt {
  z-index: 10;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.backnumber .unit .txt {
  display: block;
  font-size: 1.4rem;
  text-align: left;
  padding: 310px 0 0 0;
  height:auto;
  width: 300px;
  color: #000;
  background-color: rgba(0, 0, 0, 0);
}

}


/*================================
Media Screen 480 recommend
================================*/

@media screen and (max-width: 480px) {


  .backnumber .unit {
    float: left;
    width: 47%;
    height: 240px;
    margin: 0 3% 3% 0;
    background: #fff;
  }

.article .backnumber .ttl {
  font-size:1.8rem;
  line-height:1.8rem;
   text-align:center;
  }

.article .backnumber .ttl span.jp{
    font-size:1.5rem;
    padding-left:0;
  display:block;
   text-align:center;
  }

.backnumber .unit a {
    color: #000;
  }
.backnumber .unit a:hover {}
.backnumber .unit.white a .cat, .unit.white a .txt {
    color: #000;
  }
.backnumber .unit .photo {
    position: relative;
  }
.backnumber .unit .photo img {
    width: 100%;
    height: auto;
  }
.backnumber .unit .number {
    white-space: nowrap;
  }


.backnumber .unit .cat {
    position: static;
    font-size: 1.8rem;
    padding: 1% 4%;
  }
.backnumber .unit .count {}
  .unit .txt {
    display: block;
    font-size: 1.1rem;
    line-height: 1.5rem;
    padding: 0 4% 12%;
    height: auto;
    width: 96%;
    color: #000;
    background-color: rgba(255, 255, 255, 1);
  }
.backnumber  .unit .txt br {
    display: none;
  }

.backnumber .unit a:hover .txt {
    z-index: 1;
    position: static;
  }
  /*矢印PAD用*/
.backnumber .unit a:hover .txt span.pad {
    display: none;
  }
}
/*Astrology*/
body.astrology div.index {
padding-right:3%;
}


body.astrology div.index img,
body.astrology_test div.index img{
width:100%;
height:auto;
padding-bottom:10px;
}

.main_title p{
    width: 100%;
    padding: 0;
    margin: 20px 0;
    display:block;
  }


@media screen and (max-width: 480px) {
  .main_title p{
    width: 94%;
    padding: 0 3%;
    margin: 10px 0;
    display:block;
  }
}

ul.constellation{
width:100%;
}

ul.constellation li{
float:left;
display:block;
margin:0;
padding:0;
width:25%;
text-align:center;
}

ul.constellation li img{
width:90%;
height:auto;
}

.article .profile {
/* border-bottom: #000 solid 1px; */
margin-bottom: 30px;
clear: both;
padding: 0!important;
background-color:#fff!important;
}

body.astrologyspecial li.astrology a {
  background-color: #000;
  color: #fff;
}

body.astrologyspecial ul.astrology {
  display: block;
}

body.juno_shindan li.astrology a {
  background-color: #000;
  color: #fff;
}


body.juno_shindan ul.astrology {
  display: block;
}

body.stellakaoruko li.astrology a {
  background-color: #000;
  color: #fff;
}


body.stellakaoruko ul.astrology {
  display: block;
}

body.johnhayes_message li.astrology a {
  background-color: #000;
  color: #fff;
}


body.johnhayes_message ul.astrology {
  display: block;
}



/*astrology_main*/

div.astrology_main{
width:650px;
font-size:1.4rem;
}

@media screen and (max-width: 480px) {
div.astrology_main{
width:100%;
font-size:1.5rem;
}
div.main_title {

font-size: 1.5rem;
    line-height: 1.7em;
    margin-bottom: 20px;
    padding: 20px 8% 20px;
    width: 84%;
}

div.main_title h5{
font-weight:bold;
font-size:1.5rem;
width: 94%;
padding: 0 3%;
}


}

div.johnhayes_message_area{
padding:0 3%;
/*border:1px solid #333;
background-color:#eee;*/
margin:20px auto;
}

div.astrology_main h2{
font-size:18px;
margin-top:20px;
/*text-align:center;*/
font-weight:bold;
padding:0;
}

@media screen and (max-width: 480px) {
div.astrology_main h2{
font-size:18px;
margin-top:20px;
/*text-align:center;*/
font-weight:bold;
padding:0 3%;
}
}

div#exp0 span{
display:block;
padding:5%;
/*:1px solid #333;
background-color:#fff;*/
font-size:18px;
text-align:center;
margin-bottom:5%;
font-weight:bold;
}




.cp_ipselect {
	overflow: hidden;
	width: 27%;
	margin: 1% auto;
	text-align: center;
	display:inline-block;
}
.cp_ipselect_fst {
	width: 40.5%;
}


.cp_ipselect select {
	width: 100%;
	height:32px!important;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;

}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl02 {
	position: relative;
	border: 1px solid #bbbbbb;
	border-radius: 2px;
	background: #bbbbbb;
}
.cp_ipselect.cp_sl02::before {
	position: absolute;
	top: 1.2em;
	right: 0.6em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #fff;
	pointer-events: none;
}
.cp_ipselect.cp_sl02:after {
	position: absolute;
	top: 0;
	right: 2em;
	bottom: 0;
	width: 1px;
	content: '';
	border-left: 1px solid #bbbbbb;
}
.cp_ipselect.cp_sl02 select {
	padding: 8px 38px 8px 8px;
	color: #fff;
}

div.astrology_main input#send{
display:block;
padding:0%;
padding:3% 5%;
color:#fff;
background-color:#000;
width:97.5%;
text-align:center;
border:1px solid #000;
margin-top:10px;
line-height: 2px;
}

@media screen and (max-width: 480px) {
div.astrology_main input#send{
display:block;
width:98%;
padding:6% 5%;
}
}


div.stella_box{
width:100%;
overflow:hidden;
}

div.left_box{
width:50%;
float:left;
text-align:center;

}

div.right_box{
padding:0;
width:50%;
float:left;
}




@media screen and (max-width: 480px) {
div.stella_box{
width:100%;
overflow:hidden;
}

div.left_box{
width:100%;
float:none;
text-align:center;

}

div.right_box{
width:100%;
float:none;
}

div.right_box div.spc{
padding-top:20px;
}

div.astrology .profile{
padding:0;
margin :20px auto;
}



div.astrology .promotion{
padding:0;
margin :20px auto;
}


body.astrology div.astrology .profile{
padding:20px 3%!important;
margin :20px auto;
}

div.astrology .profile h4 {
    width: 100%;
    height: 13px;
    margin-bottom: 20px;
    font-weight: bold;
    padding-left: 3%;
}

body.astrology div.astrology .profile h4 {

    /* background: url(/shared/css/images/h4_astrology_stellakaoruko_profile.gif) top center; */
    width: 100%;
    height: 13px;
    /* text-indent: -9999px; */
    margin-bottom: 20px;
    font-weight: bold;
    /*padding-left: 3%;*/
}

.promotion .right {
    padding:0 3%;
    float: none !important;
    padding-top: 20px !important;
}

.astrology .article .btn_entry {
padding:0;
}

.article .ast {
    padding-bottom: 28px;
    width: 100%;
    padding: 0;
}

}



.astrology .article .btn_entry a {
    display: inline-block;
    background: #000;
    color: #fff;
    text-decoration: none;
    font-size: 1.6rem;
    padding: 10px 15px;
    letter-spacing: 0.5px;
    max-width: 21em;
    min-width: 175px;
}

div.ct_main {
width:100%;
overflow:hidden;
margin-bottom:50px;
}

div.ct_main_img {
width:300px;
float:left;
overflow:hidden;
}

div.ct_main_txt {
width:300px;
padding-left:50px;
padding-top:80px;
float:left;
overflow:hidden;
}


.ttl_l .cat2 p{
font-size: 3.6rem;
line-height: 4rem;
    font-weight: bold!important;
}


@media screen and (max-width: 480px) {
div.ct_main {
width:100%;
overflow:hidden;
padding-bottom:10px;
}

div.ct_main_img {
width:100%;
float:none;
overflow:hidden;
}

div.ct_main_txt {
width:100%;
padding:0;
float:none;
overflow:hidden;
}

div.ct_main_txt h2{
font-size:1.5em!important;
text-align:center;
}

div.ct_main_txt br{
display:none;
}

div.ct_main_txt h2 span{
display:block;
font-size:0.8em!important;
}

.ttl_l .cat2 p {
    font-size: 2.0rem;
    line-height: 2.4rem;
    white-space: nowrap;
    font-weight: bold!important;
}

}

.ast div.txt{
width:100%!important;
}