/*
Theme Name: Refine Selection: Clean
Theme URI: http: //www.3m-refine.com/selection15ss/
Description: 3M produced affiliate site theme for WordPress
Author: Yoshida Design Inc.
Author URI: http: //yoshide.com/
Version: 1.1.1
License: GNU/GPL Version 2 or later.
License URI: http: //www.gnu.org/licenses/gpl.html
Tags: theme-options, threaded-comments, one-column, two-columns, right-sidebar, three-columns, custom-menu, custom-background, custom-header, custom-menu, microformats
*/

@charset "utf-8";
@import url("css/basic.css");
@import url("css/wpbasic.css");
@import url("css/module.css");
@import url("css/tweak.css");

/* ==========================================================================
	 ヘッダー
	 ========================================================================== */

/* ヘッダーナビゲーション
	 ========================================================================== */

.header-navigation li {
	color: #ededed;
	text-align: right;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
}

.header-navigation a {
	padding-left: 16px;
	background-image: url("img/icon-arrow1.png");
	background-position: left center;
	background-repeat: no-repeat;
}

/* icons */

.header-navigation .icon-law         { background-image: url("img/icon-law.png"); }
.header-navigation .icon-facebook    { background-image: url("img/icon-facebook.png"); }
.header-navigation .icon-twitter     { background-image: url("img/icon-twitter.png"); }
.header-navigation .icon-google-plus { background-image: url("img/icon-g-plus.png"); }
.header-navigation .icon-email       { background-image: url("img/icon-email.png"); }
.header-navigation .icon-profile     { background-image: url("img/icon-profile.png"); }
.header-navigation .icon-sitemap     { background-image: url("img/icon-sitemap.png"); }
.header-navigation .icon-rss         { background-image: url("img/icon-rss.png"); }

/* FontAwesome避け */

.header-navigation [class^="icon-"]::before,
.header-navigation [class*=" icon-"]::before {
	content: none
}

/* スマホ用ヘッダー
	 ========================================================================== */
.header.small-screen {
	font-size: 0;
}

/* ==========================================================================
	 グローバルナビゲーション
	 ========================================================================== */

/* グローバルメニューをスクロール時にトップに固定 */

.navigation--fixed {
	position: fixed;
	top: 0;
	z-index: 10000;
	max-width: 100%;
	width: 100%;
}

/* ==========================================================================
	 コンテンツ
	 ========================================================================== */

/* カテゴリー説明
	 ========================================================================== */

.category-description > *:first-child {
	margin-top: 0;
}

/* ソーシャルボタン
	 ========================================================================== */

.social-buttons:before,.social-buttons:after { content: ""; display: table }
.social-buttons:after { clear: both }
.social-buttons {
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 0;
	line-height: 1;
}

.sb-button {
	float: left;
	margin-right: 5px;
}

/* ==========================================================================
	 サイドバー折りたたみボタン
	 ========================================================================== */

.subcontents-open-close-button {
	display: block;
	margin: 20px auto;
	padding: .75em 1em;
	border: 1px solid #bbb;
	border-radius: 5px;
	background: #f0f0f0;
	background: -webkit-linear-gradient       (top, #fff 0%, #e6e6e6 100%);
	background:         linear-gradient( to bottom, #fff 0%, #e6e6e6 100%);

	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: #666;
	text-shadow: 0 -1px 0 #fff;
	text-decoration: none;
	font-size: 12px;
	cursor: pointer;
	text-align: center;
}

.subcontents-open-close-button:hover {
	background: #f0f0f0;
	background: -webkit-linear-gradient       (top, #fff 0%, #ededed 100%);
	background:         linear-gradient( to bottom, #fff 0%, #ededed 100%);
	color: #555;
	cursor: pointer;
}

.subcontents-open-close-button:active {
	position: relative;
	top: 1px;
	box-shadow: 0 2px 2px rgba(000, 000, 000, .3) inset;
}

/* ボタンを隠す */
.subcontents-open-close-button {
	display: none;
}

@media(max-width: 640px) {
	/* l-sidebarを隠す */
	.hide-sidebar .l-sidebar {
		display: none;
	}
	/* ボタンを出す */
	.subcontents-open-close-button {
		display: block;
	}
}

/* （クリックでクラスを付与して）l-sidebarを出す */
.hide-sidebar .subcontents-open-close-button--open {
	display: block;
}

/* ==========================================================================
	 ウィジェット：広告リンク 2015.3.12
	 ========================================================================== */

/* メイン
	 ========================================================================== */

.banners_myd {
	text-align: left;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.618;
}

.banners_myd .unit {
	float: left;
}

.banners_myd .image {
	overflow: hidden;
	margin-bottom: 5px;
	text-align: left;
}

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

/* 1 */

.banners_myd.c1 .unit {
	width: 100%;
}

/* 2 */

.banners_myd.c2 .unit {
	width: 50%;
}

.banners_myd.c2 .unit1 {
	margin-right: 10px;
}

.banners_myd.c2 .unit2 {
	margin-left: 10px;
}

/* 3 */

.banners_myd.c3 .unit {
	width: 33.333333%;
}

.banners_myd.c3 .unit1 {
	margin-right: 10px;
}

.banners_myd.c3 .unit2 {
	margin-right: 5px;
	margin-left: 5px;
}

.banners_myd.c3 .unit3 {
	margin-left: 10px;
}

/* サブ
	 ========================================================================== */

.sub .banners_myd {
	margin-bottom: -5px;
	text-align: left;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.618;
}

.sub .banners_myd .unit {
	float: none;
	margin-bottom: 5px;
}

.sub .banners_myd.c1 .unit, 
.sub .banners_myd.c1 .unit, 
.sub .banners_myd.c2 .unit, 
.sub .banners_myd.c2 .unit, 
.sub .banners_myd.c3 .unit, 
.sub .banners_myd.c3 .unit {
	width: auto;
}

.sub .banners_myd.c1 .unit2, 
.sub .banners_myd.c2 .unit1, 
.sub .banners_myd.c2 .unit2, 
.sub .banners_myd.c3 .unit1, 
.sub .banners_myd.c3 .unit2, 
.sub .banners_myd.c3 .unit3 {
	margin-right: 0;
	margin-left: 0;
}

.sub .banners_myd .image {
	margin-bottom: 5px;
}

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

@media(max-width: 640px) {
	.banners_myd {
		margin-bottom: -5px;
		text-align: left;
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.618;
	}

	.banners_myd .unit {
		float: none;
		margin-bottom: 5px;
	}

	.banners_myd.c1 .unit, 
	.banners_myd.c1 .unit, 
	.banners_myd.c2 .unit, 
	.banners_myd.c2 .unit, 
	.banners_myd.c3 .unit, 
	.banners_myd.c3 .unit {
		width: auto;
	}

	.banners_myd.c1 .unit2, 
	.banners_myd.c2 .unit1, 
	.banners_myd.c2 .unit2, 
	.banners_myd.c3 .unit1, 
	.banners_myd.c3 .unit2, 
	.banners_myd.c3 .unit3 {
		margin-right: 0;
		margin-left: 0;
	}

	.banners_myd .image {
		margin-bottom: 5px;
	}

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

/* ==========================================================================
	 ウィジェット：最新情報
	 ========================================================================== */

.widget_recent_entries_myd p {
	margin-bottom: 0;
}

.main .widget_recent_entries_myd p {
	color: #777;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.618;
}

.sub .widget_recent_entries_myd p {
	color: #777;
	font-size: 11px;
	font-size: 1.1rem;
}

/* ==========================================================================
	 ウィジェット：カテゴリー別記事一覧
	 ========================================================================== */

.widget_category_posts_myd p {
	margin-bottom: 0;
}

.main .widget_category_posts_myd p {
	color: #777;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.618;
}

.sub .widget_category_posts_myd p {
	color: #777;
	font-size: 11px;
	font-size: 1.1rem;
}

/* ==========================================================================
	 ウィジェット：ピックアップカテゴリ
	 ========================================================================== */

.widget_pickup_category_myd p {
	margin-bottom: 0;
}

.main .widget_pickup_category_myd p {
	color: #444;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.618;
}

.sub .widget_pickup_category_myd p {
	color: #999;
	font-size: 11px;
	font-size: 1.1rem;
}

/* ==========================================================================
	 ウィジェット：テキスト（枠無し）
	 ========================================================================== */

.widget_text_noframe_myd {
	padding: 0 !important;
	border: none !important;
	border-radius: none !important;
	background: none !important;
	box-shadow: none !important;
	text-align: center;
	font-size: 14;
	line-height: 1;
}

.main .widget_text_noframe_myd p {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 2;
}

.sub .widget_text_noframe_myd p{
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.618;
}

@media(max-width: 640px) {
	.main .widget_text_noframe_myd p {
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 1.618;
	}
}

/* ==========================================================================
	 カテゴリー一覧と最新記事５件
	 ========================================================================== */

.widget_categories_5posts_myd {

}

.widget_categories_5posts_myd .show-posts {
	font-size: 9px;
	color: rgba(0,0,0,.2);
	cursor: pointer;
	padding: 3px 1em;
	line-height: 1;
}

/* ==========================================================================
	 固定ページテンプレート：サイトマップ
	 ========================================================================== */

.sitemap_myd .main h2 {
	margin-bottom: 9px;
}

.sitemap_myd .main p {
	color: #888;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.618;
}

.sitemap_myd .main ul {
	padding-left: 9px;
	list-style-type: none;
}

.sitemap_myd .main li {
	margin: 0;
	padding: .25em 0 .25em 24px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAACvAQMAAAAhY6e8AAAABlBMVEXMzMz////TjRV2AAAAAnRSTlP/AOW3MEoAAAAXSURBVHgBY6xvaKQBHsUMDAy0tWMUAwDW6wW/2vRUSQAAAABJRU5ErkJggg==") left center no-repeat;
	font-size: 13px;
	font-size: 1.3rem;
}

.sitemap_myd .main li:last-child {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAACvCAAAAAA+xmojAAAAAnRSTlMA/1uRIrUAAAApSURBVEjH7coxEQAACMSw968NT7CDBNIx11SvQggh5J3s0uchhBBCjgxIU3+Cr0JClgAAAABJRU5ErkJggg==") left center no-repeat;
}

.sitemap_myd .main li a {
	color: inherit;
	text-decoration: none;
}

.sitemap_myd .main li a:hover {
	text-decoration: underline;
}

/* ==========================================================================
	 部品：イラスト＋吹き出し
	 ========================================================================== */

.illust-bubble:before,.illust-bubble:after { content: ""; display: table; }
.illust-bubble:after { clear: both; }
.illust-bubble { *zoom: 1; }
.illust-bubble {
	position: relative;
}

/* イラスト */

.illust-bubble__illust {
	margin-bottom: 20px;
	font-size: 0;
}

/* 吹き出し */

.illust-bubble__bubble:before,.illust-bubble__bubble:after { content: ""; display: table; }
.illust-bubble__bubble:after { clear: both; }
.illust-bubble__bubble { *zoom: 1; }

/* 見出し */

.illust-bubble__title {
	position: relative;
	margin: 1em auto .8em;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.33;
}

/* 見出し - バッジ */

.illust-bubble__title:before {
	position: absolute;
	top: -10px;
	width: 84px;
	height: 44px;
	background-repeat: no-repeat;
	content: "";
}

.illust-bubble__title.check:before     { background-image: url("img/ill-badge-check.png") }
.illust-bubble__title.point:before     { background-image: url("img/ill-badge-point.png") }
.illust-bubble__title.kensho:before    { background-image: url("img/ill-badge-kensho.png") }
.illust-bubble__title.kuchikomi:before { background-image: url("img/ill-badge-kuchikomi.png") }
.illust-bubble__title.chumoku:before   { background-image: url("img/ill-badge-chumoku.png") }
.illust-bubble__title.riyuu:before     { background-image: url("img/ill-badge-riyuu.png") }
.illust-bubble__title.naze:before      { background-image: url("img/ill-badge-naze.png") }
.illust-bubble__title.gimon:before     { background-image: url("img/ill-badge-gimon.png") }

.illust-bubble__illust img {
	width: 140px;
}

.illust-bubble__title.check,
.illust-bubble__title.point,
.illust-bubble__title.kensho,
.illust-bubble__title.kuchikomi,
.illust-bubble__title.chumoku,
.illust-bubble__title.riyuu,
.illust-bubble__title.naze,
.illust-bubble__title.gimon { padding-left: 80px; } /* バッジがある時だけpaddingが適用される */

.illust-bubble__title.check:before,
.illust-bubble__title.point:before,
.illust-bubble__title.kensho:before,
.illust-bubble__title.kuchikomi:before,
.illust-bubble__title.chumoku:before,
.illust-bubble__title.riyuu:before,
.illust-bubble__title.naze:before,
.illust-bubble__title.gimon:before { left: -10px; }

/* イラストが左、吹き出しが右
	 ========================================================================== */

/* イラスト */

.illust-bubble--left .illust-bubble__illust {
	position: absolute;
	left: 0;
	top: 0;
}

/* 吹き出し */

.illust-bubble--left .illust-bubble__bubble {
	margin-left: 160px;
}

.illust-bubble--left [class*="background-color--"] {
	position: relative;
}

.illust-bubble--left [class*="background-color--"]:after {
	position: absolute;
	top: 18px;
	right: 100%;
	width: 0;
	height: 0;
	border: 18px solid transparent;
	border-left-width: 19px;
	border-left-style: solid;
	content: "";
}

/* 矢印の色 */

.illust-bubble--left .background-color--light-green:after  { border-right-color: #F3FAF7; }
.illust-bubble--left .background-color--light-blue:after   { border-right-color: #F3F5F7; }
.illust-bubble--left .background-color--light-gray:after   { border-right-color: #F4F4F4; }
.illust-bubble--left .background-color--light-purple:after { border-right-color: #F7F2F4; }
.illust-bubble--left .background-color--light-red:after    { border-right-color: #FBF1F1; }
.illust-bubble--left .background-color--light-yellow:after { border-right-color: #FCF6EE; }

/* イラストが右、吹き出しが左
	 ========================================================================== */

/* イラスト */

.illust-bubble--right .illust-bubble__illust {
	position: absolute;
	right: 0;
	top: 0;
}

/* 吹き出し */

.illust-bubble--right .illust-bubble__bubble {
	margin-right: 160px;
}

.illust-bubble--right [class*="background-color--"] {
	position: relative;
}

.illust-bubble--right [class*="background-color--"]:after {
	position: absolute;
	top: 18px;
	left: 100%;
	width: 0;
	height: 0;
	border: 18px solid transparent;
	border-left-width: 19px;
	border-left-style: solid;
	content: "";
}

.illust-bubble--right .background-color--light-green:after  { border-left-color: #F3FAF7; }
.illust-bubble--right .background-color--light-blue:after   { border-left-color: #F3F5F7; }
.illust-bubble--right .background-color--light-gray:after   { border-left-color: #F4F4F4; }
.illust-bubble--right .background-color--light-purple:after { border-left-color: #F7F2F4; }
.illust-bubble--right .background-color--light-red:after    { border-left-color: #FBF1F1; }
.illust-bubble--right .background-color--light-yellow:after { border-left-color: #FCF6EE; }


/* サブエリア（吹き出しが上、イラストが下になる）
	 ========================================================================== */

/* イラスト */

.sub .illust-bubble--left  .illust-bubble__illust,
.sub .illust-bubble--right .illust-bubble__illust {
	position: static;
	text-align: center;
}

/* 吹き出し */

.sub .illust-bubble--left .illust-bubble__bubble,
.sub .illust-bubble--right .illust-bubble__bubble{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}

.sub .illust-bubble [class*="background-color--"]:after { /* サイドバーの時は吹き出しの三角が下に出る */
	position: absolute; 
	top: 100%;
	left: 50%;
	width: 0; 
	height: 0;
	border: 18px solid transparent;
	content: "";
	margin-left: -18px;
}

.sub .illust-bubble .background-color--light-green:after  { border-top-color: #F3FAF7; }
.sub .illust-bubble .background-color--light-blue:after   { border-top-color: #F3F5F7; }
.sub .illust-bubble .background-color--light-gray:after   { border-top-color: #F4F4F4; }
.sub .illust-bubble .background-color--light-purple:after { border-top-color: #F7F2F4; }
.sub .illust-bubble .background-color--light-red:after    { border-top-color: #FBF1F1; }
.sub .illust-bubble .background-color--light-yellow:after { border-top-color: #FCF6EE; }

@media(max-width: 640px) {

	/* イラスト */

	.illust-bubble--left  .illust-bubble__illust,
	.illust-bubble--right .illust-bubble__illust {
		position: static;
		text-align: center;
	}

	/* 吹き出し */

	.illust-bubble--left .illust-bubble__bubble,
	.illust-bubble--right .illust-bubble__bubble{
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0;
	}

	.illust-bubble [class*="background-color--"]:after {
		position: absolute; 
		top: 100%;
		left: 50%;
		width: 0; 
		height: 0;
		border: 18px solid transparent;
		content: "";
		margin-left: -18px;
	}

	.illust-bubble .background-color--light-green:after  { border-left-color: transparent; border-right-color: transparent; border-top-color: #F3FAF7; }
	.illust-bubble .background-color--light-blue:after   { border-left-color: transparent; border-right-color: transparent; border-top-color: #F3F5F7; }
	.illust-bubble .background-color--light-gray:after   { border-left-color: transparent; border-right-color: transparent; border-top-color: #F4F4F4; }
	.illust-bubble .background-color--light-purple:after { border-left-color: transparent; border-right-color: transparent; border-top-color: #F7F2F4; }
	.illust-bubble .background-color--light-red:after    { border-left-color: transparent; border-right-color: transparent; border-top-color: #FBF1F1; }
	.illust-bubble .background-color--light-yellow:after { border-left-color: transparent; border-right-color: transparent; border-top-color: #FCF6EE; }
}

@media(max-width: 640px) {

	/* イラスト */

	.illust-bubble--left  .illust-bubble__illust,
	.illust-bubble--right .illust-bubble__illust {
		position: static;
		text-align: center;
	}

	/* 吹き出し */

	.illust-bubble--left .illust-bubble__bubble,
	.illust-bubble--right .illust-bubble__bubble{
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0;
	}

	.illust-bubble .color-border-background-box:after {
		position: absolute; 
		top: 100%;
		left: 50%;
		width: 0; 
		height: 0;
		border: 18px solid transparent;
		content: "";
		margin-left: -18px;
	}

	.illust-bubble .color-border-background-box.border-color--light-green:after  { border-left-color: transparent; border-right-color: transparent; border-top-color: #abddcd; }
	.illust-bubble .color-border-background-box.border-color--light-blue:after   { border-left-color: transparent; border-right-color: transparent; border-top-color: #bccddd; }
	.illust-bubble .color-border-background-box.border-color--light-gray:after   { border-left-color: transparent; border-right-color: transparent; border-top-color: #cdcdcd; }
	.illust-bubble .color-border-background-box.border-color--light-purple:after { border-left-color: transparent; border-right-color: transparent; border-top-color: #ddbccd; }
	.illust-bubble .color-border-background-box.border-color--light-red:after    { border-left-color: transparent; border-right-color: transparent; border-top-color: #eebcbc; }
	.illust-bubble .color-border-background-box.border-color--light-yellow:after { border-left-color: transparent; border-right-color: transparent; border-top-color: #ffddab; }
}

/* ==========================================================================
	 部品：セレクション共通
	 ========================================================================== */

/* メッセージ
	 ========================================================================== */

.alert {
	margin: 12px auto;
	padding: 12px 15px;
	border: 1px solid #EBCCD1;
	border-radius: 3px;
	background-color: #F2DEDE;
	color: #A94442;
	line-height: 1.333;
}
.alert:before {
	display: inline-block;
	margin-right: 3px;
	content: "\f06a";
	vertical-align: middle;
	font-size: 124%;
	font-family: FontAwesome;
}
.alert.noimage:before {
	content: none;
}

.accept {
	margin: 12px auto;
	padding: 12px 15px;
	border: 1px solid #D6E9C6;
	border-radius: 3px;
	background-color: #DFF0D8;
	color: #3C763D;
	line-height: 1.333;
}
.accept:before {
	display: inline-block;
	margin-right: 3px;
	content: "\f058";
	vertical-align: middle;
	font-size: 124%;
	font-family: FontAwesome;
}
.accept.noimage:before {
	content: none;
}

.attention {
	margin: 12px auto;
	padding: 12px 15px;
	border: 1px solid #FAEBCC;
	border-radius: 3px;
	background-color: #FCF8E3;
	color: #8A6D3B;
	line-height: 1.333;
}
.attention:before {
	display: inline-block;
	margin-right: 3px;
	content: "\f071";
	vertical-align: middle;
	font-size: 124%;
	font-family: FontAwesome;
}
.attention.noimage:before {
	content: none;
}

.hint {
	margin: 12px auto;
	padding: 12px 15px;
	border: 1px solid #BCE8F1;
	border-radius: 3px;
	background-color: #D9EDF7;
	color: #31708F;
	line-height: 1.333;
}
.hint:before {
	display: inline-block;
	margin-right: 3px;
	content: "\f0eb";
	vertical-align: middle;
	font-size: 124%;
	font-family: FontAwesome;
}
.hint.noimage:before {
	content: none;
}

/* ユーザーの声
	 ========================================================================== */

.myd-customer-feedback--small {

}

.myd-customer-feedback--small .customer-feedback__image {
	float: left;
	margin-right: 21px;
}

.myd-customer-feedback--small .customer-feedback__text {
	overflow: auto;
}


/* Q & A
	 ========================================================================== */

.faq-1__q {
	display: block;
	background: transparent url("img/faq-1__q.png") no-repeat 0 0;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	padding-left: 51px;
	padding-top: 9px;
	margin-bottom: 12px;
}

.faq-2__q {
	display: block;
	background: transparent url("img/faq-2__q.png") no-repeat 0 0;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	padding-left: 51px;
	padding-top: 9px;
	padding-bottom: 12px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 12px;
}

.faq-2__a {
	display: block;
	background: transparent url("img/faq-2__a.png") no-repeat 0 0;
	font-size: 15px;
	font-size: 1.5rem;
	padding-left: 51px;
	padding-top: 9px;
	margin-bottom: 12px;
}

/* 矢印
	 ========================================================================== */

*[class*="arrow-bullet--"] {
	margin: 6px 0;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 30px;
	background-position: 0px 6px;
	background-repeat: no-repeat;
}

.arrow-bullet--orange { background-image: url("img/arrow-bullet--orange.png") }
.arrow-bullet--black  { background-image: url("img/arrow-bullet--black.png") }
.arrow-bullet--blue   { background-image: url("img/arrow-bullet--blue.png") }
.arrow-bullet--red    { background-image: url("img/arrow-bullet--red.png") }

/* 区切り線
	 ========================================================================== */

hr[class*="horizontal-rule--"] {
	margin: 12px auto;
	border: 0;
	background: transparent;
}

hr.horizontal-rule--gray {
	border-bottom: 1px solid #999;
}

hr.horizontal-rule--red {
	border-bottom: 1px solid #D9534F;
}

hr.horizontal-rule--blue {
	border-bottom: 1px solid #337AB7;
}

hr.horizontal-rule--gray--dooted {
	border-bottom: 1px dotted #999;
}

hr.horizontal-rule--gray--dotted--heavy {
	border-bottom: 2px dotted #999;
}

/* ==========================================================================
	 カスタマイズ用のコード
	 ========================================================================== */