@charset "Shift_JIS";
@import url("/defaultMall/css/common/default.css");
@import url("/defaultMall/css/common/layout.css");
@import url("/defaultMall/css/common/parts-ct.css");
@import url("/defaultMall/css/ht5/common/headfoot.css");

/* ■■ 01.汎用class */

/* ■□ 01-01.clearfix(回り込み解除) */
#Rank11Over ol,
#HistoryKeyword ul {
	zoom:1;
}
#Rank11Over ol:after,
#HistoryKeyword ul:after {
	content:".";
	clear:both;
	height:0;
	display:block;	visibility:hidden;
}

/* ■□ 01-02.one-line(角丸灰色ボックス) */
/* 灰色背景の角丸ボックスです。 */
#Article dl.one-line {
	margin:10px auto 0;
	padding:10px;
	background:#f3f1ec;
	zoom:1;
  border-radius: 6px;
}
#Article dl.one-line dt {
	float:left;
	margin:-10px 0 0 -10px;	_margin-left:-5px;
	padding:10px 0 0 10px;
	width:140px;
}
#Article dl.one-line dd {
	margin:-10px -10px 00 140px;
	padding:10px 10px 0 0;
	width:580px;
	white-space: normal;
}
#Article dl.one-line dt span {
	display:block;
	margin-right:10px;
	padding:2px 10px 2px 0;
	background:url("https://img.dinos.co.jp/defaultMall/images/template/common/line_vertical_dotted_505050.gif") repeat-y right top;
	white-space: normal;
}
#Article dl.one-line dd * {
	display:inline;
}
#Article dl.one-line li {
	padding:0 8px 0 5px;	*padding:0 5px 0 8px;
	border-right:1px solid #505050;
}
#Article dl.one-line li.first {
	padding-left:0;
}
#Article dl.one-line li.end {
	padding-right:0;
	border-right:none;
}
#Article dl.one-line li.now {
	font-weight:bold;
}
#Article dl.one-line li a,
#Article dl.one-line li.now span {
	white-space:nowrap;
}

/* ■□ 01-03.round-box(角丸ボックス) */
/* #Article内、widthが730px用の角丸ボックス化class。
　 上側の角丸をおくための.topと、下側の角丸をおくための.bottomを指定して使用する。 */
.round-box {
	background:url("https://img.dinos.co.jp/defaultMall/images/template/common/bg_round-box_w750.gif") repeat-y left top;
}
.round-box .top,
.round-box .bottom {
	zoom:1;
}
.round-box .top {
	background:url("https://img.dinos.co.jp/defaultMall/images/template/common/bg_round-box_top_w750.gif") no-repeat center top;
}
.round-box .bottom {
	background:url("https://img.dinos.co.jp/defaultMall/images/template/common/bg_round-box_bottom_w750.gif") no-repeat center bottom!important;
}


/* ■■ 02.レイアウト */
/* [div#Contents] - 大外
　 [div#Contents div#ContentHeader] - ページ見出し
　 [div#Contents div#Content] - コンテンツ中身
　 [div#Contents div#Content div#Article] - コンテンツ本文
　 [div#Contents div#LocalNav] - ローカルナビ */
#Content {
	float:none;
	width:100%;
}
#Article {
	float:left;
	width:750px;
}
#Aside {
	float:right;
	width:180px;
}

/* ■□ 02-01.Article(コンテンツ本文) */
#Article .section {
	margin:20px 0 0;
}
#Article h2 span {
	padding-left:5px;
	border-left:3px solid #78ba1d;
	font-size:117%;
}
#Article .round-box .bottom {
	padding-bottom:15px;
}
#Article .round-box .top {
	padding:15px 30px 0;
}
#Article .round-box li {
	padding:5px 25px;
	background:url("https://img.dinos.co.jp/defaultMall/images/template/kyw_cmk/icon_ranking_out.gif") no-repeat left center;
}
#Article .round-box li.no01 {
	background-image:url("https://img.dinos.co.jp/defaultMall/images/template/kyw_cmk/icon_ranking_no01.gif");
}
#Article .round-box li.no02 {
	background-image:url("https://img.dinos.co.jp/defaultMall/images/template/kyw_cmk/icon_ranking_no02.gif");
}
#Article .round-box li.no03 {
	background-image:url("https://img.dinos.co.jp/defaultMall/images/template/kyw_cmk/icon_ranking_no03.gif");
}
#Article .round-box li span {
	margin-right:10px;
	font-family:"ＭＳ ゴシック";
	font-weight:bold;
}
#Rank11Over ol {
	margin-bottom:20px;
}
#Rank11Over li {
	float:left;
	width:33%;
}
#Rank11Over li span {
	margin-right:10px;
	font-family:"ＭＳ ゴシック";
	font-weight:bold;
}
#HistoryKeyword ul {
	margin-bottom:20px;
}
#HistoryKeyword li {
	float:left;
	width:24%;
}
#HistoryNav {
	margin-top:40px;
}

/* ■□ 02-02.Aside(コンテンツ関連情報) */
#Aside dt {
	padding-bottom:2px;
	margin-bottom:10px;
	border-bottom:2px solid #867f71;
}
#Aside dt img {
	vertical-align:text-bottom;
}
#Aside dd {
	padding-bottom:5px;
	border-bottom:1px solid #867f71;
}
#Aside .ad dd {
	padding-bottom:0;
}
#Aside .ad li {
	margin:10px 0;
}

/* SP */
@media screen and (max-width: 767px) {
  body#BedBedclothes {
    background-color: #FFF;
  }
  #Contents, #Article, #Aside, .return-to-top,
  #Article dl.one-line dt, #Article dl.one-line dd {
    width: auto !important;
    font-size: 3.5vw;
  }
  #Contents {
    margin: 15px !important;
  }
  #Article .round-box li span,
  #Rank11Over li span {
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }
  #ContentHeader {
    padding: 0;
    margin: 10px 0 15px;
  }
  #ContentHeader p.read, #Article ul.ColorSize {
    color: #333;
    font-size: 100%;
  }
  .header .header-sp-tab ul li span {
    padding-bottom: 0.7vh;
  }
  #Article .section {
    margin: 15px 0 0;
  }
  .round-box,
  .round-box .top,
  .round-box .bottom {
    background: none !important;
  }
  #Article .round-box .top {
    padding: 0;
  }
  #Article,#Aside,
  #Article dl.one-line dt,
  #Article dl.one-line dd {
    float: none;
  }
  #Rank11Over ol {
    margin-bottom: 0;
  }
  #Rank11Over ol li {
    width: 100%;
    margin-bottom: 0.5em;
  }
  #Article dl.one-line {
    margin: 0 0 1em;
    padding: 0.5em 0.5em 0;
  }
  #Article dl.one-line:last-child {
    margin: 0;
  }
  #Article dl.one-line dt {
    margin: 0 0 0.5em;
    padding: 0;
  }
  #Article dl.one-line dd {
    margin: 0;
    padding: 0;
  }
  #Article dl.one-line dt span {
    background: none;
  }
  #Article dl.one-line li {
    display: inline-block;
    margin-bottom: 0.5em;
    border-right: 1px solid #505050;
  
  }
  #Article .round-box .bottom {
    background-color: #FFF !important;
    padding: 0.5em;
    border: 1px solid #CCC;
    border-radius: 6px;
  }
  #Aside {
    margin-top: 20px;
  }
  #Aside dd {
    border-bottom: none;
  }
  #HistoryKeyword ul {
    margin-bottom: 0;
  }
  #HistoryKeyword li {
    width: 100%;
    margin-bottom: 0.5em;
  }
}