/*
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;
}

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

@charset "UTF-8";

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

	 Selection Crean

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

body {
	background: #fff;
	background-image: url("skin/img/body-background.png");
	background-attachment: fixed;
	background-repeat: no-repeat;
}

body.custom-background {
	background-color: transparent;
}

a,
a:hover {
	color: #539CD4;
}

a,
a:hover {
	color: #5f5eea;
}

p {
	text-align: justify;
	text-justify: inter-ideograph;
}


/* ==========================================================================
	 色
	 ========================================================================== */

/* 文字色 */

[class*="text-color--"] { color: #aaaaaa; }
.text-color--green      { color: #50B481; }
.text-color--blue       { color: #539CD4; }
.text-color--gray       { color: #8C8C8C; }
.text-color--purple     { color: #AF87A2; }
.text-color--red        { color: #C08A93; }
.text-color--yellow     { color: #C19370; }

.text-color--option     { color: #539CD4; }
.text-color--option1    { color: #539CD4; }
.text-color--option2    { color: #93D05A; }

/* 枠線色 */

[class*="border-color--"]   { border-color: #aaaaaa !important; }
.border-color--green        { border-color: #50B481 !important; }
.border-color--blue         { border-color: #539CD4 !important; }
.border-color--gray         { border-color: #8C8C8C !important; }
.border-color--purple       { border-color: #AF87A2 !important; }
.border-color--red          { border-color: #C08A93 !important; }
.border-color--yellow       { border-color: #C19370 !important; }
.border-color--black        { border-color: #000000 !important; }

.border-color--light-green  { border-color: #8ACDAB !important; } /*66%*/
.border-color--light-blue   { border-color: #8CBDE2 !important; }
.border-color--light-gray   { border-color: #B2B2B2 !important; }
.border-color--light-purple { border-color: #C9AFC1 !important; }
.border-color--light-red    { border-color: #D5B1B7 !important; }
.border-color--light-yellow { border-color: #D5B79F !important; }
.border-color--silver       { border-color: #dddddd !important; }

.border-color--option       { border-color: #539CD4 !important; }
.border-color--option1      { border-color: #539CD4 !important; }
.border-color--option2      { border-color: #93D05A !important; }

/* 背景色 */

[class*="background-color--"]   { background-color: #aaaaaa !important; }
.background-color--green        { background-color: #50B481 !important; }
.background-color--blue         { background-color: #539CD4 !important; }
.background-color--gray         { background-color: #8C8C8C !important; }
.background-color--purple       { background-color: #AF87A2 !important; }
.background-color--red          { background-color: #C08A93 !important; }
.background-color--yellow       { background-color: #C19370 !important; }
.background-color--black        { background-color: #333333 !important; }

.background-color--light-green  { background-color: #EEF8F3 !important; } /*10%*/
.background-color--light-blue   { background-color: #EEF5FB !important; }
.background-color--light-gray   { background-color: #F4F4F4 !important; }
.background-color--light-purple { background-color: #F7F3F6 !important; }
.background-color--light-red    { background-color: #F9F4F4 !important; }
.background-color--light-yellow { background-color: #F9F4F1 !important; }
.background-color--silver       { background-color: #eeeeee !important; }

.background-color--option       { background-color: #539CD4 !important; }
.background-color--option1      { background-color: #539CD4 !important; }
.background-color--option2      { background-color: #93D05A !important; }

.background-color--option  , .background-color--option  > * { color: #fff !important; }
.background-color--option1 , .background-color--option1 > * { color: #fff !important; }
.background-color--option2 , .background-color--option2 > * { color: #fff !important; }

/* ボックスの背景に薄く色をつける場合 */

.myd-box-background-pale-color { background: #93D05A url("img/fff90.png"); }

/* 吹き出しの矢印の色 */

.illust-bubble--left .background-color--light-green:after  { border-right-color: #EEF8F3 !important; }
.illust-bubble--left .background-color--light-blue:after   { border-right-color: #EEF5FB !important; }
.illust-bubble--left .background-color--light-gray:after   { border-right-color: #F4F4F4 !important; }
.illust-bubble--left .background-color--light-purple:after { border-right-color: #F7F3F6 !important; }
.illust-bubble--left .background-color--light-red:after    { border-right-color: #F9F4F4 !important; }
.illust-bubble--left .background-color--light-yellow:after { border-right-color: #F9F4F1 !important; }

.illust-bubble--right .background-color--light-green:after  { border-left-color: #EEF8F3 !important; }
.illust-bubble--right .background-color--light-blue:after   { border-left-color: #EEF5FB !important; }
.illust-bubble--right .background-color--light-gray:after   { border-left-color: #F4F4F4 !important; }
.illust-bubble--right .background-color--light-purple:after { border-left-color: #F7F3F6 !important; }
.illust-bubble--right .background-color--light-red:after    { border-left-color: #F9F4F4 !important; }
.illust-bubble--right .background-color--light-yellow:after { border-left-color: #F9F4F1 !important; }

.sub .illust-bubble .background-color--light-green:after  { border-top-color: #EEF8F3 !important; }
.sub .illust-bubble .background-color--light-blue:after   { border-top-color: #EEF5FB !important; }
.sub .illust-bubble .background-color--light-gray:after   { border-top-color: #F4F4F4 !important; }
.sub .illust-bubble .background-color--light-purple:after { border-top-color: #F7F3F6 !important; }
.sub .illust-bubble .background-color--light-red:after    { border-top-color: #F9F4F4 !important; }
.sub .illust-bubble .background-color--light-yellow:after { border-top-color: #F9F4F1 !important; }

/* 区切り線 */

hr.horizontal-rule--red  { border-bottom-color: #C08A93;}
hr.horizontal-rule--blue { border-bottom-color: #539CD4;}

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

.header-navigation {
	background-color: rgba(255,255,255,.5);
	border-bottom: 1px solid #539CD4;
}

.header-navigation li,
.header-navigation a {
	color: #333;
}

.header-navigation a:hover {
	color: #999;
}

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

.header {
	background-color: transparent;
}

.header-main-inner {
}

.site-title,
.site-title a,
.site-title a:visited {
	color: #333;
	font-size: 30px;
	font-size: 3.0rem;
}

.site-title a:hover {
	-moz-opacity: .666;
	opacity: .666;
}

.site-description {
	font-size: 15px;
	font-size: 1.5rem;
	color: #666;
}

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

.global-navigation {
	background-color: #539CD4;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.16);
}

body .l-site.global-navigation {
	width: 100%;
	max-width: 100%;
}

.global-navigation-inner {
	background: transparent url("skin/img/global-navigation-inner-background.png") repeat-x center top;
}

/* 第一階層
	 ========================================================================== */

.global-navigation > ul:first-child {
	border-left: 1px solid rgba(255,255,255,.2);
}

.global-navigation > ul > li {
	border-right: 1px solid rgba(255,255,255,.2);
	font-size: 15px;
	font-size: 1.5rem;
}

.global-navigation > ul > li img {
		vertical-align: middle;
}

.global-navigation > ul > li:hover,
.global-navigation > ul > li.current_page_item,
.global-navigation > ul > li.current_page_ancestor,
.global-navigation > ul > li.current-menu-item,
.global-navigation > ul > li.current-menu-ancestor {
	background: rgba(0,0,0,.0333);
}

/* リンク */

.global-navigation > ul > li > a,
.global-navigation > ul > li > a:visited {
	font-weight: bold;
}

.global-navigation > ul > li > a:before {
	display: inline-block;
	margin-right: 6px;
	content: url("skin/img/global-navigation-bullet.png");
	vertical-align: middle;
}

/* リンク横の矢印 */

.global-navigation ul li.menu-item-has-children > a:after,
.global-navigation ul li.submenu > a:after {
	border-top-color: rgba(0,0,0,.333);
}

/* 第二階層
	 ========================================================================== */

.global-navigation ul li ul li a:hover {
	background-color: #539CD4;
}

/* Responsive
	 ========================================================================== */

@media(max-width: 640px) {

	/* 「MENU」ボタン
		 ========================================================================== */

	div.global-navigation-btn {
		background-color: #539CD4;
	}

	.global-navigation ul li ul li a:hover {
		color: inherit;
		background-color: transparent;
	}

}

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

.content-area-inner {
	margin-top: 47px; /* 30 + 17(レースの飾りの分) */
}

/* ==========================================================================
	 パンくずリスト
	 ========================================================================== */

.breadcrumb {
}

.breadcrumb ol {
}

.breadcrumb li { /*そのページの投稿タイトル*/
	color: #999;
}

.breadcrumb a { /* リンク。カテゴリとかホームとか */
	color: #777;
}

.breadcrumb a:after { /* つなぐ記号 */
	color: #bbb;
	content: ">";
}

.breadcrumb li:hover a {
	color: #999;
}

/* ==========================================================================
	 アーカイブページのタイトル
	 ========================================================================== */

 .page-title {
	display: none;
}

.search-results .page-title {
	display: block;
	font-size: 21px;
}

@media(max-width: 640px) {
	.page-title {
		display: none;
	}
}

/* ==========================================================================
	 メインコンテンツ
	 ========================================================================== */

.main {
}

/* ==========================================================================
	 メイン：エントリ + ウィジェット
	 ========================================================================== */

.hentry,
.main > div > .widget {
	margin-bottom: 30px;
	padding: 20px;
	border: none;
	border-radius: 6px;
	background-color: rgba(255,255,255,.8);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.16);
}

@media(max-width: 640px) {
	.hentry,
	.main > div > .widget {
		margin-bottom: 1em;
	}
}

/* タイトル
	 ========================================================================== */

/* ホーム */

.hentry .entry-title,
.main > div > .widget .widget-title {
	margin: -20px -20px 20px;
	border-radius: 6px 6px 0 0;
	background-color: #539CD4;
	background-image: url("skin/img/entry-title-background.png");
	background-position: right top;
	background-repeat: no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 24px;
	font-size: 2.4rem;
}

.hentry .entry-title .entry-title-inner,
.main > div > .widget .widget-title .widget-title-inner {
	display: block;
	padding: 15px;
}

/* タイポグラフィー
	 ========================================================================== */

.entry-content {
	line-height: 1.9;
}

.hentry.card-summary .entry-content,
.hentry.card-title .entry-content {
	margin: 15px;
}

.entry-content a,
.entry-content a:hover {
}

.textwidget > h2,
.entry-content > h2,
.entry-content .widget h2 {
	margin: 40px auto 30px;
	padding: 15px 15px 9px 15px;
	border-radius: 6px;
	color: #fff;
	font-size: 21px;
	font-size: 2.1rem;
	background: #539CD4 url("skin/img/h2-background.png") no-repeat right top;
}
.textwidget > h2:before,
.entry-content > h2:before,
.entry-content .widget h2:before {
	display: inline-block;
	margin-right: 6px;
	content: url("skin/img/h2-decoration.png");
	vertical-align: middle;
}

.textwidget > h3,
.entry-content > h3,
.entry-content .widget h3,
.hentry .widget h1.widget-title,
.yarpp-related h3 /* Yet Another Related Posts */,
.yarpp-related-widget h3 /* Yet Another Related Posts */ {
	margin: 24px auto 21px;
	padding: 12px 12px 9px 12px;
	border-radius: 6px;
	background: #539CD4 url("img/fff70.png");
	text-align: left;
	font-size: 18px;
	font-size: 1.8rem;
	color: #333;
	line-height: 1.75;
}
.textwidget > h3:before,
.entry-content > h3:before,
.entry-content .widget h3:before,
.hentry .widget h1.widget-title:before,
.yarpp-related h3:before,
.yarpp-related-widget h3:before {
	display: inline-block;
	margin-right: 6px;
	content: url("skin/img/h3-decoration.png");
	vertical-align: middle;
}

.textwidget > h4,
.entry-content > h4,
.textwidget > h4 {
	position: relative;
	padding: 6px 0 9px 24px;
	border-bottom: 1px solid #539CD4;
	background: transparent url("skin/img/h4-decoration.png") no-repeat 0 9px;
	font-size: 18px;
	font-size: 1.8rem;
}

.h5,
.entry-content > h5,
.textwidget > h5 {
	padding: 0 0 0 21px;
	background: transparent url("skin/img/h5-decoration.png") no-repeat 3px 8px;
	font-size: 16px;
	font-size: 1.6rem;
}

.h6,
.entry-content > h6,
.textwidget > h6 {
	font-size: 16px;
	font-size: 1.6rem;
	color: #539CD4;
}

.textwidget table,
.widget_text_noframe_myd table,
.entry-content table {
}

.entry-content tr:nth-child(2n-1) td {
}

.textwidget table th,
.textwidget table td,
.widget_text_noframe_myd table th,
.widget_text_noframe_myd table td,
.entry-content table th,
.entry-content table td {
}

.textwidget table th,
.widget_text_noframe_myd table th,
.entry-content table th {
}

.textwidget table a,
.widget_text_noframe_myd table a,
.entry-content table a {
}

.textwidget table a:hover,
.widget_text_noframe_myd table a:hover,
.entry-content table a:hover {
	text-decoration: none;
}

/* 部品
	 ========================================================================== */

/* リスト */

.list-decoration {

}

.list-decoration li {

}

/* ランキング */

.ranking-wrapper {
	line-height: 1.333;
}

.ranking {
	display: block;
	padding: 30px 0 9px 69px;
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 27px;
	font-size: 2.7rem;
	color: #539CD4;
}

.ranking--1 { background-image: url("skin/img/ranking1.png"); }
.ranking--2 { background-image: url("skin/img/ranking2.png"); }
.ranking--3 { background-image: url("skin/img/ranking3.png"); }
.ranking--4 { background-image: url("skin/img/ranking4.png"); }
.ranking--5 { background-image: url("skin/img/ranking5.png"); }

/* ポイント */

.point-wrapper {
	line-height: 1.333;
}

.point {
	display: block;
	padding: 15px 0 12px 63px;
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 21px;
	font-size: 2.1rem;
	color: #539CD4;
}

.point--1  { background-image: url("skin/img/point1.png"); }
.point--2  { background-image: url("skin/img/point2.png"); }
.point--3  { background-image: url("skin/img/point3.png"); }
.point--4  { background-image: url("skin/img/point4.png"); }
.point--5  { background-image: url("skin/img/point5.png"); }
.point--6  { background-image: url("skin/img/point6.png"); }
.point--7  { background-image: url("skin/img/point7.png"); }
.point--8  { background-image: url("skin/img/point8.png"); }
.point--9  { background-image: url("skin/img/point9.png"); }
.point--10 { background-image: url("skin/img/point10.png");}

/* ==========================================================================
	 メイン：エントリ
	 ========================================================================== */

/* カード型 */

.hentry.card-summary,
.hentry.card-title {
	margin-bottom: 20px;
	padding: 0;
}

/* タイトル
	 ========================================================================== */

.hentry .entry-title {
	position: relative;
}

.hentry .entry-title:before {
	position: absolute;
	top: -9px;
	left: 12px;
	content: url("skin/img/entry-title-decoration.png");
}

.hentry .entry-title .entry-title-inner {
	padding-left: 72px;
}


.home .hentry .entry-title a:hover {
	-moz-opacity: .666;
	opacity: .666;
}

/* カード型 */

.hentry.card-summary .entry-title,
.hentry.card-title .entry-title {
	margin: 0 0 0;
	border: none;
	background-color: transparent;
	background-image: none;
	color:  #523032;
	font-size: 24px;
	font-size: 2.4rem;
}

.hentry.card-summary .entry-title .entry-title-inner,
.hentry.card-title .entry-title .entry-title-inner {
	display: inline;
	background: none;
	margin-bottom: 0;
	padding: 0;
}

.hentry.card-summary .entry-title:before,
.hentry.card-title .entry-title:before {
	content: none;
}

/* カード型（概要） */

.hentry.card-summary .entry-title {
	overflow: hidden;
	margin-bottom: 15px;
	height: 2.618em;
	font-size: 18px;
}

.hentry.card-summary .entry-summary {
	overflow: hidden;
	height: 6em;
}

.hentry.card-summary .entry-meta-item {
	/*display: block;*/
	overflow: hidden;
	height: 1.618em;
	font-size: 11px;
}

/* カード型（タイトル） */

.hentry.card-title .entry-title {
	overflow: hidden;
	height: 2.618em;
	font-size: 15px;
}

/* アイキャッチ
	 ========================================================================== */

.l-card .entry-img {
	border-radius: 6px 6px 0 0;
	background-color: #539CD4;
}

/* エントリーメタ
	 ========================================================================== */

footer.entry-meta {
	background: transparent url("skin/img/entry-meta-background.png") repeat-x left top;
	border-top: none;
	padding-top: 20px;
}

.entry-meta a,
.entry-meta a:visited {
	color: #5f5eea;
	border-bottom: 1px solid transparent;
}

.entry-meta a:hover {
	border-bottom: 1px solid #5f5eea;
	text-decoration: none;
}

/* カード型 */

.hentry.card-summary footer.entry-meta,
.hentry.card-title footer.entry-meta {
	margin: 15px;
}

/* 投稿、固定ページ */

.single footer.entry-meta {
	margin: 2em 0 0;
	padding: 2em 0 0;
	border-top: 1px solid rgba(0,0,0,0.1);
	background: transparent;
}


/* ==========================================================================
	 メイン：ウィジェット
	 ========================================================================== */

/* ウィジェットタイトル
	 ========================================================================== */

/* リスト
	 ========================================================================== */

.main .widget ul {
	font-size: 14px;
	font-size: 1.4rem;
}

.main .widget_myd ul,
.main .widget_archive ul,
.main .widget_categories ul,
.main .widget_links ul,
.main .widget_meta ul,
.main .widget_nav_menu ul,
.main .widget_pages ul,
.main .widget_recent_comments ul,
.main .widget_recent_entries ul,
.main .widget_rss ul,
.main .widget_nav_menu ul,
.main .widget_recent_entries_myd ul,
.main .widget_pickup_entries_myd ul,
.main .widget_pickup_category_myd ul,
.main .widget_meta_myd ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

/* 第一階層 */

.main .widget_myd ul,
.main .widget_archive ul,
.main .widget_categories ul,
.main .widget_links ul,
.main .widget_meta ul,
.main .widget_nav_menu ul,
.main .widget_pages ul,
.main .widget_recent_comments ul,
.main .widget_recent_entries ul,
.main .widget_rss ul,
.main .widget_nav_menu ul,
.main .widget_recent_entries_myd ul,
.main .widget_pickup_entries_myd ul,
.main .widget_pickup_category_myd ul,
.main .widget_meta_myd ul
{
	border-top: 1px solid rgba(0,0,0,.1);
}

.main .widget_myd ul li,
.main .widget_archive ul li,
.main .widget_categories ul li,
.main .widget_links ul li,
.main .widget_meta ul li,
.main .widget_nav_menu ul li,
.main .widget_pages ul li,
.main .widget_recent_comments ul li,
.main .widget_recent_entries ul li,
.main .widget_rss ul li,
.main .widget_nav_menu ul li,
.main .widget_recent_entries_myd ul li,
.main .widget_pickup_entries_myd ul li,
.main .widget_pickup_entries_myd ul li,
.main .widget_pickup_category_myd ul li,
.main .widget_meta_myd ul li
{
	border-bottom: 1px solid rgba(51, 51, 51, 0.1);
	padding-top: .75em;
	padding-bottom: .75em;
}

/* 第一階層 リンク色 */

.main .widget_myd ul li a,
.main .widget_archive ul li a,
.main .widget_categories ul li a,
.main .widget_links ul li a,
.main .widget_meta ul li a,
.main .widget_nav_menu ul li a,
.main .widget_pages ul li a,
.main .widget_recent_comments ul li a,
.main .widget_recent_entries ul li a,
.main .widget_rss ul li a,
.main .widget_nav_menu ul li a,
.main #wp-calendar ul li a,
.main .widget_meta_myd ul li a
{
	color: #333;
}

.main .widget_myd ul li a:hover,
.main .widget_archive ul li a:hover,
.main .widget_categories ul li a:hover,
.main .widget_links ul li a:hover,
.main .widget_meta ul li a:hover,
.main .widget_nav_menu ul li a:hover,
.main .widget_pages ul li a:hover,
.main .widget_recent_comments ul li a:hover,
.main .widget_recent_entries ul li a:hover,
.main .widget_rss ul li a:hover,
.main .widget_nav_menu ul li a:hover,
.main #wp-calendar ul li a:hover,
.main .widget_meta_myd ul li a:hover
{
	text-decoration: none;
}

/* 第一階層 行頭約物 */

.main .widget_myd ul li a:first-child,
.main .widget_archive ul li a:first-child,
.main .widget_categories ul li a:first-child,
.main .widget_links ul li a:first-child,
.main .widget_meta ul li a:first-child,
.main .widget_pages ul li a:first-child,
.main .widget_recent_comments ul li a:first-child,
.main .widget_recent_entries ul li a:first-child,
.main .widget_rss ul li a:first-child,
.main .widget_nav_menu ul li a:first-child,
.main .widget_recent_entries_myd ul li a:first-child,
.main .widget_pickup_entries_myd ul li a:first-child,
.main .widget_pickup_category_myd ul li a:first-child,
.main .widget_meta_myd ul li a:first-child
{
	position: relative;
	display: block;
	padding-left: 18px;
}

.main .widget ul li .entry-img a:first-child {
	padding-left: 0;
}

.main .widget_myd ul li a:first-child:before,
.main .widget_archive ul li a:first-child:before,
.main .widget_categories ul li a:first-child:before,
.main .widget_links ul li a:first-child:before,
.main .widget_meta ul li a:first-child:before,
.main .widget_pages ul li a:first-child:before,
.main .widget_recent_comments ul li a:first-child:before,
.main .widget_recent_entries ul li a:first-child:before,
.main .widget_rss ul li a:first-child:before,
.main .widget_nav_menu ul li a:first-child:before,
.main .widget_recent_entries_myd ul li a:first-child:before,
.main .widget_pickup_entries_myd ul li a:first-child:before,
.main .widget_pickup_category_myd ul li a:first-child:before,
.main .widget_meta_myd ul li a:first-child:before
{
	position: absolute;
	top: 0;
	left: 0;
	color: #93D05A;
	content: "\f10c";
	font-family: FontAwesome;
}

.main .widget_recent_comments ul li .comment-author-link a:before,
.main .widget ul li .entry-img a:before {
	content: none ;
}

/* 第二階層 */

.main .widget ul ul {
	margin-top: .25em;
	margin-bottom: .25em;
	padding-left: 1em;
	border: none;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.75;
}

.main .widget li li,
.main .widget li li li {
	border: none;
	padding: 0;
}

/* 第二階層：リンク色 */

.main .widget ul ul a {
	color: #787878;
}

/* 第二階層：行頭約物 */

.main .widget_myd li li > a:first-child:before,
.main .widget_archive li li > a:first-child:before,
.main .widget_categories li li > a:first-child:before,
.main .widget_links li li > a:first-child:before,
.main .widget_meta li li > a:first-child:before,
.main .widget_nav_menu li li > a:first-child:before,
.main .widget_pages li li > a:first-child:before,
.main .widget_recent_comments li li > a:first-child:before,
.main .widget_recent_entries li li > a:first-child:before,
.main .widget_nav_menu li li > a:first-child:before
{
	display: inline-block;
	margin-right: 2px;
	margin-left: 4px;
	border: 4px solid transparent;
	border-left-color: #666;
	content: "";
}


/* ==========================================================================
	 サイドバー
	 ========================================================================== */

/* ==========================================================================
	 ウィジェット
	 ========================================================================== */

.sub .widget {
	position: relative;
	margin-bottom: 30px;
	padding: 20px;
	border: none;
	border-radius: 6px;
	background-color: rgba(255,255,255,.8);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.16);
}

@media(max-width: 640px) {
	.sub .widget {
		margin-bottom: 1em;
	}
}

/* タイトル
	 ========================================================================== */

.sub .widget-title {
	margin: -20px -20px 20px;
	color: #333;
	border-bottom: 1px solid #539CD4;
}

	.c3 .sub .widget-title {
		font-size: 14px;
		font-size: 1.4rem;
	}

	.c2r .sub .widget-title,
	.c2l .sub .widget-title {
		font-size: 18px;
		font-size: 1.8rem;
	}

.sub .widget-title-inner {
	display: block;
	padding: 15px 15px 12px;
}

.sub .widget-title-inner:before {
}

/* リスト
	 ========================================================================== */

.sub .widget li {
	font-size: 15px;
	font-size: 1.5rem;
}

.sub .widget_myd ul,
.sub .widget_archive ul,
.sub .widget_categories ul,
.sub .widget_links ul,
.sub .widget_meta ul,
.sub .widget_nav_menu ul,
.sub .widget_pages ul,
.sub .widget_recent_comments ul,
.sub .widget_recent_entries ul,
.sub .widget_rss ul,
.sub .widget_nav_menu ul,
.sub .widget_recent_entries_myd ul,
.sub .widget_pickup_entries_myd ul,
.sub .widget_pickup_category_myd ul,
.sub .widget_countperday_widget ul,
.sub .widget_meta_myd ul
{
	margin: 21px;
	padding: 0;
	list-style: none;
}

/* 第一階層 */

.sub .widget_myd ul,
.sub .widget_archive ul,
.sub .widget_categories ul,
.sub .widget_links ul,
.sub .widget_meta ul,
.sub .widget_nav_menu ul,
.sub .widget_pages ul,
.sub .widget_recent_comments ul,
.sub .widget_recent_entries ul,
.sub .widget_rss ul,
.sub .widget_nav_menu ul,
.sub .widget_recent_entries_myd ul,
.sub .widget_pickup_entries_myd ul,
.sub .widget_pickup_category_myd ul,
.sub .widget_countperday_widget ul,
.sub .widget_meta_myd ul
{
	margin: -21px 0;
}

.sub .widget_myd ul li,
.sub .widget_archive ul li,
.sub .widget_categories ul li,
.sub .widget_links ul li,
.sub .widget_meta ul li,
.sub .widget_nav_menu ul li,
.sub .widget_pages ul li,
.sub .widget_recent_comments ul li,
.sub .widget_recent_entries ul li,
.sub .widget_rss ul li,
.sub .widget_nav_menu ul li,
.sub .widget_recent_entries_myd ul li,
.sub .widget_pickup_entries_myd ul li,
.sub .widget_pickup_category_myd ul li,
.sub .widget_countperday_widget ul li,
.sub .widget_meta_myd ul li
{
	padding: 14px 0 10px;
	border-bottom: 1px solid rgba(0,0,0,.05);
}

	.sub .widget_myd ul li:last-child,
	.sub .widget_archive ul li:last-child,
	.sub .widget_categories ul li:last-child,
	.sub .widget_li ul li:last-child,
	.sub .widget_meta ul li:last-child,
	.sub .widget_nav_menu ul li:last-child,
	.sub .widget_pages ul li:last-child,
	.sub .widget_recent_comments ul li:last-child,
	.sub .widget_recent_entries ul li:last-child,
	.sub .widget_rss ul li:last-child,
	.sub .widget_nav_menu ul li:last-child,
	.sub .widget_recent_entries_myd ul li:last-child,
	.sub .widget_pickup_entries_myd ul li:last-child,
	.sub .widget_pickup_category_myd ul li:last-child,
	.sub .widget_countperday_widget ul li:last-child,
	.sub .widget_meta_myd ul li:last-child
	{
		border-bottom: none;
	}

.sub .widget_myd ul li a,
.sub .widget_archive ul li a,
.sub .widget_categories ul li a,
.sub .widget_links ul li a,
.sub .widget_meta ul li a,
.sub .widget_nav_menu ul li a,
.sub .widget_pages ul li a,
.sub .widget_recent_comments ul li a,
.sub .widget_recent_entries ul li a,
.sub .widget_rss ul li a,
.sub .widget_nav_menu ul li a,
.sub #wp-calendar ul li a,
.sub .widget_meta_myd ul li a
{
	color: #333;
}

.sub .widget_myd ul li a:hover,
.sub .widget_archive ul li a:hover,
.sub .widget_categories ul li a:hover,
.sub .widget_links ul li a:hover,
.sub .widget_meta ul li a:hover,
.sub .widget_nav_menu ul li a:hover,
.sub .widget_pages ul li a:hover,
.sub .widget_recent_comments ul li a:hover,
.sub .widget_recent_entries ul li a:hover,
.sub .widget_rss ul li a:hover,
.sub .widget_nav_menu ul li a:hover,
.sub #wp-calendar ul li a:hover,
.sub .widget_meta_myd ul li a:hover
{
	text-decoration: none;
}

/* 第一階層：行頭約物 */

.sub .widget_myd ul li a:first-child,
.sub .widget_archive ul li a:first-child,
.sub .widget_categories ul li a:first-child,
.sub .widget_links ul li a:first-child,
.sub .widget_meta ul li a:first-child,
.sub .widget_pages ul li a:first-child,
.sub .widget_recent_comments ul li a:first-child,
.sub .widget_recent_entries ul li a:first-child,
.sub .widget_rss ul li a:first-child,
.sub .widget_nav_menu ul li a:first-child,
.sub .widget_recent_entries_myd ul li a:first-child,
.sub .widget_pickup_entries_myd ul li a:first-child,
.sub .widget_pickup_category_myd ul li a:first-child,
.sub .widget_meta_myd ul li a:first-child
{
	position: relative;
	display: block;
	padding-left: 18px;
}

.sub .widget ul li .entry-img a:first-child {
	padding-left: 0;
}

.sub .widget_myd ul li a:first-child:before,
.sub .widget_archive ul li a:first-child:before,
.sub .widget_categories ul li a:first-child:before,
.sub .widget_links ul li a:first-child:before,
.sub .widget_meta ul li a:first-child:before,
.sub .widget_pages ul li a:first-child:before,
.sub .widget_recent_comments ul li a:first-child:before,
.sub .widget_recent_entries ul li a:first-child:before,
.sub .widget_rss ul li a:first-child:before,
.sub .widget_nav_menu ul li a:first-child:before,
.sub .widget_recent_entries_myd ul li a:first-child:before,
.sub .widget_pickup_entries_myd ul li a:first-child:before,
.sub .widget_pickup_category_myd ul li a:first-child:before,
.sub .widget_meta_myd ul li a:first-child:before
{
	position: absolute;
	top: 0;
	left: 0;
	color: #93D05A;
	content: "\f10c";
	font-family: FontAwesome;
}

.sub .widget_recent_comments ul li .comment-author-link a:before,
.sub .widget ul li .entry-img a:before {
	content: none ;
}

/* 第二階層 */

.sub .widget ul ul {
	margin: 0;
	margin-top: .25em;
	margin-bottom: .25em;
	padding-left: 1em;
	border: none;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.75;
}

	.sub .widget ul ul:last-child
	{
		margin-bottom: 0;
	}
.sub .widget li li,
.sub .widget li li li {
	border: none;
	background: none;
	padding: 0;
}

/* 第二階層：リンク色 */

.sub .widget ul ul a {
	color: #787878;
}

/* 第二階層：行頭約物 */

.sub .widget_myd li li > a:first-child:before,
.sub .widget_archive li li > a:first-child:before,
.sub .widget_categories li li > a:first-child:before,
.sub .widget_links li li > a:first-child:before,
.sub .widget_meta li li > a:first-child:before,
.sub .widget_nav_menu li li > a:first-child:before,
.sub .widget_pages li li > a:first-child:before,
.sub .widget_recent_comments li li > a:first-child:before,
.sub .widget_recent_entries li li > a:first-child:before,
.sub .widget_nav_menu li li > a:first-child:before
{
	display: inline-block;
	margin-right: 2px;
	margin-left: 4px;
	width: auto;
	height: auto;
	border: 4px solid transparent;
	border-left-color: #666;
	background: none;
	content: "";
}

/* ==========================================================================
	 ウィジェット：検索
	 ========================================================================== */

.search-form input[type=submit] {
	background-color: #539CD4;
}


/* ==========================================================================
	 フッター
	 ========================================================================== */

.footer {
	background-color: transparent;
}

/* site-info-footer-navigation
	 ========================================================================== */

.site-info-footer-navigation {
	background-color: transparent;
	border-top: 1px solid rgba(0,0,0,.05);
}

.site-info-footer-navigation {
}

.site-info-footer-navigation a,
.site-info-footer-navigation a:visited {
	color: inherit;
}

.site-info-footer-navigation a:hover {
}

.footer-navigation li {
}


/* ==========================================================================
	 ショートコード：デザイン囲み
	 ========================================================================== */

.myd-image-bg--design-1 {
	background: -webkit-linear-gradient       (top, transparent, #E4EED5);
	background:         linear-gradient( to bottom, transparent, #E4EED5);
	color: #333;
}
.myd-image-bg--design-1 > div {
	padding: 40px 40px;
	background: url("skin/img/image-bg--design-1.png") no-repeat right  bottom;
}

.myd-image-bg--design-2 {
	margin: 0 auto 20px;
	padding: 2em;
	background: #fff url("skin/img/image-bg--design-2.png") center center;
	text-shadow: 0 1px 0 #fff;
}

.myd-image-bg--design-3 {
	margin: 0 auto 20px;
	padding: 2em;
	background: #539BD3 url("skin/img/image-bg--design-3.png") center center;
	color: #fff;
}

.myd-image-bg--design-1 *:first-child,
.myd-image-bg--design-2 *:first-child,
.myd-image-bg--design-3 *:first-child {
	margin-top: 0;
}
.myd-image-bg--design-1 *:last-child,
.myd-image-bg--design-2 *:last-child,
.myd-image-bg--design-3 *:last-child {
	margin-bottom: 0;
}