/************************************

  CSS for PFU Direct (for Custom Page)
   
  Theme color         : #262680
  Theme color Lighter : #3737BB

*************************************/


/************************************
  共通部品スタイル
*************************************/

.pdf:before {
  content: '\f1c1'; /* FontAwesome char code inside the '' */
  font-family: FontAwesome; /* FontAwesome or whatever */
  display: inline-block;
  width: 1.2em; /* same as padding-left set on li */
  margin-left: 0em; /* same as padding-left set on li */
}

.dl:before {
  content: '\f019'; /* FontAwesome char code inside the '' */
  font-family: FontAwesome; /* FontAwesome or whatever */
  display: inline-block;
  width: 1.2em; /* same as padding-left set on li */
  margin-left: 0em; /* same as padding-left set on li */
}

.notice {
	color:#CC0000;
}

span.img_l {
	float:left;
	margin-right:10px;
}

/************************************
  トップページスタイル
*************************************/

#whats_hot h3.title {
	margin:10px 0 5px!important;
	font-size:15px;
	font-weight:bold;
}

#top_info ul {
	list-style:none;
	padding-left:2em;
	font-size:0.9em;
	margin-bottom:0;
}

#top_info ul>li {
	margin-bottom:10px;
}

#top_info ul>li:before {
  content: '\f0da'; /* FontAwesome char code inside the '' */
  font-family: FontAwesome; /* FontAwesome or whatever */
  display: inline-block;
  width: 1.2em; /* same as padding-left set on li */
  margin-left: -1.2em; /* same as padding-left set on li */
}

#top_column .media-list > li.media {
	border-bottom:1px #CCC dotted; 
	padding-bottom:5px;
}

#top_column h4.media-heading {
font-size: 15px;
font-weight: bold;
}

/************************************
  商品一覧ページスタイル
*************************************/

#line_up h3 {
	font-size:13px;
	font-weight:bold;
	padding:0;
	min-height: 2.2em
}

#line_up h3 span {
	display:inline-block;
}

#line_up h3.title {
	margin:10px 0 5px!important;
	font-size:18px;
	font-weight:bold;
}

#product_list h4
 {
	font-size:15px;
	font-weight:bold;
}


#product_list p.caption
 {
	min-height:4em;
}

#product_list p.text-right {
	padding-left:0;
	padding-right:0;
}

.model_list {
	background:#EEE;
	font-size:18px;
	text-align:center;
	padding:5px 10px;
	font-family: 'Josefin Slab', serif!important;
	font-weight:700!important;
}


/************************************
  商品詳細ページスタイル
*************************************/
.container.product_detail {
	border-top:2px #262680 solid;
	padding:15px;
}

.container.product_detail p.lead {
	padding-left:10px;
	font-size:18px;
	margin-bottom:15px;
}

.container.product_detail p.product_caption {
	padding-left:10px;
	color:#888;
	font-size:12px;
}

.container.product_detail h2 {
	font-size:1.8em;
	margin:15px 0;
	padding:0 0 0 5px;
}

.container.product_detail h2:before {
  color:#262680;
  content: '\f0a3'; /* FontAwesome char code inside the '' */
  font-family: FontAwesome; /* FontAwesome or whatever */
  display: inline-block;
  width: 1.2em; /* same as padding-left set on li */
  margin-left: 0em; /* same as padding-left set on li */
}


.container.product_detail h3 {
	font-size:20px;
	padding:10px 15px;
	margin:25px 0 15px;
	background:#EEE;
	border-top:1px #CCC solid;
	border-bottom:1px #CCC solid;
	}

.container.product_detail h3:before {
  content: '\f14A'; /* FontAwesome char code inside the '' */
  font-family: FontAwesome; /* FontAwesome or whatever */
  display: inline-block;
  width: 1.2em; /* same as padding-left set on li */
  margin-left: 0em; /* same as padding-left set on li */
}

.product_labels {
	position:absolute;
	left:5px;
	top:5px;
}

#rel_product h4
 {
	font-size:14px;
	font-weight:bold;
}

#rel_product .media img {
	width:100px;
}

#rel_product .media {
	border-bottom:1px #CCC dotted;
}


/************************************
  固定ページスタイル
*************************************/

.fixed-page  {
	margin-top:10px;
	padding:0 20px;
}
.fixed-page h1 {
}

.fixed-page h2 {
	border-bottom:2px #CCC solid;
}

.fixed-page h3:before {
  content: '\f14A'; /* FontAwesome char code inside the '' */
  font-family: FontAwesome; /* FontAwesome or whatever */
  display: inline-block;
  width: 1.2em; /* same as padding-left set on li */
  margin-left: 0em; /* same as padding-left set on li */
}