/*
Theme Name: Alpha
Theme URI: http://alpha-wp.com/
Description: Multi-Purpose WordPress Theme
Author: Yoshida Design Inc.
Author URI: http://yoshide.com/
Version: 2.0.20
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
*/

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

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

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

.header-navigation a:before {
	content: "\f0da";
	font-family: FontAwesome;
	margin-right: .5em;
	opacity: .8;
}

/* icons */

.header-navigation a.icon-law:before         { content: "\f15c";}
.header-navigation a.icon-facebook:before    { content: "\f230";}
.header-navigation a.icon-twitter:before     { content: "\f099";}
.header-navigation a.icon-instagram:before   { content: "\f16d";}
.header-navigation a.icon-google-plus:before { content: "\f0d5";}
.header-navigation a.icon-email:before       { content: "\f0e0";}
.header-navigation a.icon-profile:before     { content: "\f007";}
.header-navigation a.icon-sitemap:before     { content: "\f0e8";}
.header-navigation a.icon-rss:before         { content: "\f09e";}

.header-navigation li a:hover {
	text-decoration: none;
}

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

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

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

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

@media(max-width: 640px) {
	.navigation--fixed {
		position: static;
	}
}

/* ==========================================================================
	 メインビジュアル
	 ========================================================================== */

.main-visual {
	margin: 0 auto ;
	text-align: center;
	line-height: 0;
}

.main-visual img {
	max-width: 100%;
}

.main-visual-inner.main-visual--wide.l-site {
	padding-right: 0;
	padding-left: 0;
	max-width: none;
	width: 100%;
}

.main-visual-inner.main-visual--wide.l-site img {
	width: 100%;
}

@media(max-width: 640px) {
	.main-visual-inner.l-site {
		padding-right: 0;
		padding-left: 0;
		max-width: none;
		width: 100%;
	}
}

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

.content-area {
	padding-top: 30px;
}

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

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

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

.myd-social-button__wrapper {
	margin: 1em 0 0;
}

.myd-social-button {
	width: 104.5%;
}
.myd-social-button {
	margin:0 auto;
	text-align: center;
}
.myd-social-button:before,.myd-social-button:after { content: ""; display: table; }
.myd-social-button:after { clear: both; }

.myd-social-button__item {
	float:left;
	margin: 0 1.5% 1.5% 0;
	width: 31%;
}
.myd-social-button__item a {
	position: relative;
	display: block;
	padding: 10px;
	border-radius:  2px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-size: 80%;
}
.myd-social-button__item a:before,
.myd-social-button__item a i {
	margin-right: 0.1em;
	font-size: 1.1em;
}
.myd-social-button__item a i {
	margin-right: 0.4em;
}
.myd-social-button__item a:hover {
	color: rgba(255,255,255,.8);
	box-shadow: none;
	transition: .1s;
	-webkit-transform: translate3d(0px, 2px, 1px);
	   -moz-transform: translate3d(0px, 2px, 1px);
	        transform: translate3d(0px, 2px, 1px);
}
.myd-social-button__item a .text{
	font-weight: bold;
}
.myd-social-button__item a .count{
	margin-left: 2px;
	font-size: 10px;
}

@media(max-width: 800px) {
	.myd-social-button {
		width: 102%;
	}
	.myd-social-button__item {
		width: 48%;
		margin: 0 2% 2% 0;
	}
}

/* Twitter */
.myd-social-button__item.twitter a {
	background: #00acee;
	box-shadow: 0 2px 0 #0092ca;
}
.myd-social-button__item.twitter a:hover {
	background: #0092ca;
}

/* Facebook */
.myd-social-button__item.facebook a {
	background: #3B5998;
	box-shadow: 0 2px 0 #2c4373;
}
.myd-social-button__item.facebook a:hover {
	background: #2c4373;
}

/* Google+ */
.myd-social-button__item.googleplus a {
	background: #DB4A39;
	box-shadow: 0 2px 0 #AD3A2D;
}
.myd-social-button__item.googleplus a:hover {
	background: #ad3a2d;
}

/* hatebu */
.myd-social-button__item.hatebu a {
	background: #5D8AC1;
	box-shadow: 0 2px 0 #43638b;
}
.myd-social-button__item.hatebu a:hover {
	background: #43638b;
}
.myd-social-button__item.hatebu a:before{
	content:'B!';
	font-weight:bold;
	line-height: 1.055;
} 

/* Pocket */
.myd-social-button__item.pocket a {
	background: #F03E51;
	box-shadow: 0 2px 0 #C0392B;
}
.myd-social-button__item.pocket a:hover {
	background: #c0392b;
}

/* RSS */
.myd-social-button__item.rss a {
	background: #ffb53c;
	box-shadow: 0 2px 0 #e09900;
}
.myd-social-button__item.rss a:hover {
	background: #e09900;
}

/* Feedly */
.myd-social-button__item.feedly a {
	background: #87c040;
	box-shadow: 0 2px 0 #74a436;
}
.myd-social-button__item.feedly a:hover {
	background: #74a436;
}

/* LINE */
.myd-social-button__item.line a {
	background: #31AE36;
	box-shadow: 0 2px 0 #219900;
}
.myd-social-button__item.line a:hover {
	background: #219900;
}

	.myd-social-button__item.line {
		display: none;
	}
@media(max-width: 800px) {
	.myd-social-button__item.line {
		display: block;
	}
}

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

.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 .banners-title {
	font-weight: bold;
	font-size: 110%;
}

.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;
	line-height: 1.618;
}

.sub .banners_myd .unit {
	float: none;
	margin-bottom: 15px;
}
	.sub .banners_myd .unit:last-child {
		margin-bottom: 0;
	}

.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_recent_entries_myd ul li.widget-item div:not(.entry-title) a,
.widget_recent_entries_myd ul li.widget-item .entry-date a {
	padding-left: 0;
}

.widget_recent_entries_myd ul li.widget-item div:not(.entry-title) a:first-child:before,
.widget_recent_entries_myd ul li .entry-date a:first-child:before {
	content: none;
}

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

.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_category_posts_myd ul li.widget-item div:not(.entry-title) a,
.widget_category_posts_myd ul li.widget-item .entry-date a {
	padding-left: 0;
}

.widget_category_posts_myd ul li.widget-item div:not(.entry-title) a:first-child:before,
.widget_category_posts_myd ul li .entry-date a:first-child:before {
	content: none;
}

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

.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;
}

/* ==========================================================================
	 ウィジェット：カテゴリー一覧と最新記事５件
	 ========================================================================== */

.widget_categories_5posts_myd .show-posts {
	font-size: 9px;
	color: rgba(0,0,0,.2);
	cursor: pointer;
	padding: 3px 1em;
	line-height: 1;
}
/* ==========================================================================
	 スクロール追尾ウィジェットエリア
	 ========================================================================== */

.fixed-sidebar-padding {
	padding-top: 60px;
	padding-bottom: 30px;
}

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

.sitemap_myd .entry-content h2 {
	color: inherit;
	padding: 0;
	border: none;
	border-radius: 0;
	background: none;
	text-align: left;
}
.sitemap_myd .entry-content h2:before,
.sitemap_myd .entry-content h2:after {
	content: none;
}

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

.sitemap_myd .entry-content ul {
	padding-left: 0;
	margin-bottom: 1em;
	list-style-type: none;
	/*font-weight: bold;*/
}

.sitemap_myd .entry-content > ul li {
	margin: 0;
	font-size: 16px;
	font-size: 1.6rem;
}

.sitemap_myd .entry-content > ul > li {
	margin: 0 0 1em;
}

.sitemap_myd .entry-content > ul > li > a {
	display: block;
	margin: .75em 0;
	padding-top: .8em;
	padding-left: .6em;
	border-top: 1px solid #ddd;
	line-height: 1;
}

.sitemap_myd .entry-content > ul > li > a:before {
	content: "\f0da";
	font-family: FontAwesome;
	margin-right: .5em;
	color: #ccc;
}

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

.sitemap_myd .entry-content li a:hover {
	text-decoration: none;
}

.sitemap_myd .entry-content ul.sub {
	padding-left: 1em;
}

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

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

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

.illust-bubble:before,.illust-bubble:after { content: ""; display: table; }
.illust-bubble:after { clear: both; }
.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__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: #e5f5ef; }
.illust-bubble--left .background-color--light-blue:after   { border-right-color: #eaeff5; }
.illust-bubble--left .background-color--light-gray:after   { border-right-color: #efefef; }
.illust-bubble--left .background-color--light-purple:after { border-right-color: #f5eaef; }
.illust-bubble--left .background-color--light-red:after    { border-right-color: #faeaea; }
.illust-bubble--left .background-color--light-yellow:after { border-right-color: #fff5e5; }

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

/* イラスト */

.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: #e5f5ef; }
.illust-bubble--right .background-color--light-blue:after   { border-left-color: #eaeff5; }
.illust-bubble--right .background-color--light-gray:after   { border-left-color: #efefef; }
.illust-bubble--right .background-color--light-purple:after { border-left-color: #f5eaef; }
.illust-bubble--right .background-color--light-red:after    { border-left-color: #faeaea; }
.illust-bubble--right .background-color--light-yellow:after { border-left-color: #fff5e5; }


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

/* イラスト */

.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: #e5f5ef; }
.sub .illust-bubble .background-color--light-blue:after   { border-top-color: #eaeff5; }
.sub .illust-bubble .background-color--light-gray:after   { border-top-color: #efefef; }
.sub .illust-bubble .background-color--light-purple:after { border-top-color: #f5eaef; }
.sub .illust-bubble .background-color--light-red:after    { border-top-color: #faeaea; }
.sub .illust-bubble .background-color--light-yellow:after { border-top-color: #fff5e5; }

@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: #e5f5ef; }
	.illust-bubble .background-color--light-blue:after   { border-left-color: transparent; border-right-color: transparent; border-top-color: #eaeff5; }
	.illust-bubble .background-color--light-gray:after   { border-left-color: transparent; border-right-color: transparent; border-top-color: #efefef; }
	.illust-bubble .background-color--light-purple:after { border-left-color: transparent; border-right-color: transparent; border-top-color: #f5eaef; }
	.illust-bubble .background-color--light-red:after    { border-left-color: transparent; border-right-color: transparent; border-top-color: #faeaea; }
	.illust-bubble .background-color--light-yellow:after { border-left-color: transparent; border-right-color: transparent; border-top-color: #fff5e5; }
}

@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: #e5f5ef; }
	.illust-bubble .color-border-background-box.border-color--light-blue:after   { border-left-color: transparent; border-right-color: transparent; border-top-color: #eaeff5; }
	.illust-bubble .color-border-background-box.border-color--light-gray:after   { border-left-color: transparent; border-right-color: transparent; border-top-color: #efefef; }
	.illust-bubble .color-border-background-box.border-color--light-purple:after { border-left-color: transparent; border-right-color: transparent; border-top-color: #f5eaef; }
	.illust-bubble .color-border-background-box.border-color--light-red:after    { border-left-color: transparent; border-right-color: transparent; border-top-color: #faeaea; }
	.illust-bubble .color-border-background-box.border-color--light-yellow:after { border-left-color: transparent; border-right-color: transparent; border-top-color: #fff5e5; }
}

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

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

.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 .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;
}

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