@charset "UTF-8";
/* CSS Document */
/* ---------------------------------------------------------------------- */
/*	Basic
/* ---------------------------------------------------------------------- */
/* Body
----------------------------------------------- */
html {
	overflow: auto;
}
body {
	color: #333;
	font-size: 16px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic",YuGothic,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	text-rendering: optimizeLegibility;
	background: #fafafa;
}
a {
	color: #00CCCD;
	text-decoration: underline;
	-webkit-transition: all .45s ease-out;
	-moz-transition: all .45s ease-out;
	-ms-transition: all .45s ease-out;
	-o-transition: all .45s ease-out;
	transition: all .45s ease-out;
}
a:hover {
	text-decoration: none;
}

::selection, ::-moz-selection {
 color: #fff;
 background: #6891c8;
}
.fa {
	color: #333;
	font-size: 0.85rem;
}
.white-wrap,
.comment-body {
	background: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
:focus {
    outline: none;
}

/* Header
----------------------------------------------- */
#header {
	background: #fff;
	box-shadow: 0 0.3rem 1.2rem rgba(0,0,0,0.05);
	position: fixed;
	height: 65px;
	z-index: 1000;
}
::placeholder{
	color: #333;
	font-size: 0.85rem;
}
/* Menu for Mobile */
.xs-menu-btn {
	float: right;
	cursor: pointer;
}
.xs-menu-btn .fa {
	color: #00CCCD;
	font-size: 32px;
	font-weight: bold;
}
.xs-menu-area {
	display: none;
	text-align: center;
}
.xs-menu-area li {
	line-height: 30px;
}
.xs-navigation {
	padding: 12px 0;
}
.xs-navigation li {
	text-align: center;
	margin: 8px auto;
}
.hot-keywords li {
	margin-right: 6px;
	display: inline;
}
.site-header {
	height: 100%;
}
.site-header .container {
	display: flex;
    align-items: center;
	justify-content: space-between;
	height: 100%;
} 
.site-logo {
	line-height: 0;
}
.site-logo img {
	width: 120px;
}
.main-navigation {
	margin: 28px 0 0 36px;
}
.main-navigation ul li {
	display: inline;
	position: relative;
}
.main-navigation ul li a {
	font-size: 85%;
	font-weight: bold;
	margin: 0 12px;
}
.main-navigation ul li a:last-child {
	border-right: none;
}
nav div.panel {
	display: block !important;
	float: left;
}
a#menu {
	display: none;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul,
.main-navigation ul.nav-menu.toggled-on {
	display: none;
}
.menu-toggle {
	display: none;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: inline-block !important;
	text-align: center;
	width: 100%;
	height: 50px;
}
.main-navigation li ul {
	display: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 100%;
	z-index: 100;
}
.main-navigation li ul ul {
	top: 0;
	left: 100%;
}
.main-navigation li ul li {
	background: #fff;
	background: rgba(255, 255, 255, 0.95);
}
.main-navigation li ul li:hover {
	background: #fafafa;
	background: rgba(248, 248, 248, 0.95);
}
.main-navigation li ul li a {
	width: 100px;
}
/* Social Icon Menu */
.social-icons {
	margin-top: 12px;
	padding: 18px 0;
	text-align: right;
}
.social-icons li {
	display: inline-block;
 *display: inline;
 *zoom: 1;
	margin: 0 0 0 12px;
	padding: 3px 0;
	position: relative;
}
.social-icons li a {
	font-size: 10px;
}
.social-icons li > .social-tooltip {
	font-size: 10px;
	color: #fff;
	background: #999;
	width: 60px;
	text-align: center;
	position: absolute;
	top: -20px;
	margin-left: -22px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-ms-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
.social-icons li:hover .social-tooltip {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
/* Sidebar
----------------------------------------------- */
#secondary .widget-left,
#secondary .widget-right {
	width: 48%;
	float: right;
	margin: 0 1% 30px !important;
}
#secondary .sidebar-ad-pc {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin: 0 0 40px;
	word-wrap: break-word;
}
#secondary .widget {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin: 0 0 40px;
	word-wrap: break-word;
}
#secondary .widget h4 {
	border-left: 2px solid #00CCCD;
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 4px 0 4px 12px;
	position: relative;
}
#secondary .widget h4:after,
.related h3:after,
.category-in-single h3:after,
.comments-title:after,
.archives-title:after {
	width: 95%;
	border-bottom: 1px solid #fafafa;
	content: "";
	position: absolute;
	left: 10px;
	bottom: -1px;
}
.related h3:after,
.category-in-single h3:after,
.comments-title:after,
.archives-title:after {
	width: 100%;
}
#secondary .widget p,
#secondary .widget li,
#secondary .widget .textwidget {
	line-height: 1.846153846;
	list-style: none;
}
#secondary .widget p:last-child,
#secondary .widget li:last-child,
#secondary .widget .textwidget:last-child {
	line-height: 1.846153846;
}
#secondary .widget_categories li a {
	border-bottom: 1px solid #fafafa;
	padding: 4px 3%;
	display: block;
}
#secondary .widget_archive li a {
	border-bottom: 1px solid #fafafa;
	padding: 4px 3%;
	display: block;
}
#secondary .widget_archive ul {
	overflow: hidden;
}
#secondary .widget_archive li {
	width: 42%;
	margin: 0 4%;
	float: left;
}
#secondary .widget_categories li ul li {
	font-size: 11px;
	padding-left: 5%;
}
#secondary .widget_categories li a {
	text-decoration: none;
}
#secondary .widget_archive li a {
	text-decoration: none;
}
#secondary .widget_categories li a:hover,
#secondary .widget_archive li a:hover {
	background: #f8f8f8;
	text-decoration: none;
}
#secondary .widget_categories li:last-child a {
	border-bottom: none;
}
#secondary .widget_archive li:last-child a,
#secondary .widget_archive li:nth-last-child(2) a {
	border-bottom: none;
}
#secondary .widget_categories li ul li:last-child a,
#secondary .widget_archive li ul li:last-child a {
	border-bottom: 1px solid #fafafa;
}
#secondary .widget p {
	margin-bottom: 24px;
}
#secondary .widget .textwidget ul {
	list-style: disc outside;
	margin: 0 0 24px;
}
#secondary .widget .textwidget li {
	margin-left: 36px;
}
#secondary .widget_search {
	background: none !important;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-align: center;
}
#secondary .widget_search #searchform {
	float: none;
	width: auto;
}
#secondary .widget #s {
	width: 75%;
 *width: 74.99%;
}
#secondary .tagcloud {
	overflow: hidden;
}
#secondary .tagcloud a {
	background: #fff;
	font-size: 11px !important;
	text-decoration: none;
	padding: 2px 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
 *display: inline;
 *zoom: 1;
	white-space: nowrap;
	border: 1px solid #f3f3f3;
	border: 1px solid rgba(225, 225, 225, 0.5);
	margin: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#secondary .tagcloud a:hover {
	background: #f8f8f8;
	text-decoration: none;
}
#ad1 {
	padding-bottom: 0 !important;
}
/* Footer
----------------------------------------------- */
#footer {
	font-size: 0.7rem;
	background: #f1f1f4;
}
.site-footer .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.footer-w-area .two {
	margin: 0 -1%;
}
.footer-w-area .two .widget-area-footer {
	text-align: left;
	float: left;
	margin: 0 1%;
	width: 48%;
}
.footer-w-area .three {
	margin: 0 -1.15%;
}
.footer-w-area .three .widget-area-footer {
	text-align: left;
	float: left;
	margin: 0 1.15%;
	width: 31%;
}
.footer-w-area .four {
	margin: 0 -1.5%;
}
.footer-w-area .four .widget-area-footer {
	text-align: left;
	float: left;
	margin: 0 1.5%;
	width: 22%;
}
.footer-w-area .two .widget-area-footer + .widget-area-footer,
.footer-w-area .three .widget-area-footer + .widget-area-footer + .widget-area-footer,
.footer-w-area .four .widget-area-footer + .widget-area-footer + .widget-area-footer + .widget-area-footer {
	margin-right: 0;
}
.footer-w-area .widget {
	border-left: 2px solid #fafafa;
	margin: 0 auto 30px;
	padding-left: 18px;
}
.footer-w-area .widget h4 {
	font-weight: normal;
	padding: 8px 32px 24px 8px;
	margin: 0 0 10px;
}
.footer-menu,
.copyright {
	margin: 25px 0;
}
.footer-menu li {
	display: inline-block;
}
.footer-menu li:first-child {
	line-height: 25px;
	display: inline;
	white-space: nowrap;
	margin-right: 8px;
}
.copyright {
	text-align: right;
	line-height: 25px;
}
.page-top a {
	cursor: pointer;
}
.xs-page-top a {
	background: #6891c8;
	-webkit-box-shadow: 0 -2px 0 0 #5385c6;
	-moz-box-shadow: 0 -2px 0 0 #5385c6;
	box-shadow: 0 -2px 0 0 #5385c6;
	color: #fff;
	font-weight: bold;
	text-align: center;
	display: block;
	padding: 18px 0;
	text-decoration: none;
}
/* ---------------------------------------------------------------------- */
/*	Main
/* ---------------------------------------------------------------------- */
#content {
	margin: 90px 0 70px;
}
.wrapper-width {
	width: 100vw;
	max-width: 65%;
	margin: 0 auto;
	height: 100%;
	overflow: hidden;
}
#primary {
	width: 100%;
    box-sizing: border-box;
}
.widget-area {
	width: 336px;
	max-width: 100%;
}
.one-column-wrapper {
	width: 750px;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.post-in-index article,
.post-in-single article {
	position: relative;
	background: #fafafa;
}
.entry-category {
	text-align: center;
}
.entry-category li {
	display: inline;
	list-style: none;
}
.entry-category a {
	color: #fff;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
 *display: inline;
 *zoom: 1;
	padding: 1px 10px;
	margin: 0 3px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.post-in-featured .entry-category li a {
	margin: 2px 4px;
}
.entry-category li a {
	background: #999;
}
/* Featured
----------------------------------------------- */
.post-in-featured-wrapper {
	margin-bottom: 60px;
}
.post-in-featured-cell {
	margin: 0 10px 20px;
}
.post-in-featured article {
	padding: 1px;
	position: relative;
}
.featured-icon {
	color: #00CCCD;
	font-size: 24px;
	position: absolute;
	background: #fff;
	padding: 4px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: 10000;
}
.post-in-featured .entry-wrapper {
	overflow: hidden;
}
.post-in-featured .post-edit {
	text-align: center;
}
.post-in-featured .entry-date {
	font-size: 90%;
	text-align: center;
	margin: 12px 4px 2px;
}
.post-in-featured .entry-title {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	margin: 10px 20px 24px;
}
.post-in-featured .entry-title a {
	color: #333;
	line-height: 1.5;
}
.post-in-featured .eyecatch {
	border: 5px solid #ececec;
	margin: 3%;
	line-height: 0;
	overflow: hidden;
}
.post-in-featured .eyecatch img {
	width: 100%;
	height: 110px;
	display: block;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-ms-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}
.post-in-featured .eyecatch:hover img {
	-webkit-transform: scale(1.2) rotate(5deg);
	transform: scale(1.2) rotate(5deg);
}
/* Magazine
----------------------------------------------- */
.post-in-magazine-wrapper {
	margin-bottom: 30px;
}
.post-in-magazine article {
	border-bottom: 1px solid #e8e8ed;
	
	position: relative;
}
.post-in-magazine .entry-wrapper {
	display: flex;
	align-items: center;
	overflow: hidden;
	padding: 40px 0;
	background: #fafafa;
}
.post-in-magazine:last-child .entry-wrapper {
	border-bottom: none;
}
.post-in-magazine .eyecatch {
	width: 28%;
	margin-right: 7%;
	line-height: 0;
	float: left;
	overflow: hidden;
}
.post-in-magazine .eyecatch img {
	width: 100%;
	display: block;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.post-in-magazine .eyecatch:hover img {
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
}
.entry-text {
	width: 65%;
}
.post-in-magazine .entry-title {
	font-size: 110%;
	font-weight: normal;
	margin: 0 0 6px;
}
.post-in-magazine .entry-title a {
	color: #333;
	font-weight: bold;
	line-height: 1.5;
}
.entry-summary {
	color: #777;
	font-size: 11px;
	margin-bottom: 12px;
}
.post-in-magazine .entry-date,
.post-in-magazine .entry-author,
.post-in-magazine .entry-category-magazine,
.post-in-magazine .entry-tag {
	font-size: 12px;
	display: inline-block;
 *display: inline;
 *zoom: 1;
}
.post-in-magazine .entry-category-magazine ul,
.post-in-magazine .entry-category-magazine li {
	display: inline;
}
/* Single
----------------------------------------------- */
.post-in-single {
	width: 70%;
    margin: 120px auto 0;
}
.post-in-single .entry-header {
	margin-bottom: 2.5rem;
}
.post-in-single .entry-title {
	font-size: 1.5rem;
	font-weight: bold;
	padding: 10px 0 0;
}
.post-in-single .entry-header .entry-meta {
	margin: 10px 0 0;
}
.post-in-single .entry-footer .entry-meta {
	margin: 36px 0 12px;
}
.post-in-single .entry-category,
.post-in-single .entry-author,
.post-in-single .entry-tag,
.post-in-single .entry-date,
.post-in-single .entry-wpp {
	font-size: 11px;
	display: inline-block;
 *display: inline;
 *zoom: 1;
}
.post-in-single .entry-category ul {
	display: inline;
}
.post-in-single .entry-category li {
	display: inline;
}
.post-in-single .eyecatch img {
	margin: 40px auto;
	display: block;
}
.post-in-single .entry-format {
	margin-top: 24px;
	font-weight: normal;
}
.comments-link {
	margin-top: 24px;
	line-height: 1.846153846;
}
.old-post {
    font-size: 11px;
    text-align: center;
    margin: 0 0 36px;
}
.old-post span {
    border-bottom: 1px dotted #333;
}
/* Article
----------------------------------------------- */
article.sticky .featured-post {
	border-top: 4px double #ededed;
	border-bottom: 4px double #ededed;
	color: #757575;
	line-height: 3.692307692;
	margin-bottom: 24px;
	text-align: center;
}
.entry-content,
.entry-summary,
.mu_register {
	line-height: 1.6;
}
.entry-content h2,
.comment-body h2,
.mu_register h2 {
	font-size: 1.3rem;
    line-height: 1;
    font-weight: 700;
    padding-bottom: 1rem;
	border-bottom: 1px solid #e8e8ed;
	margin: 5rem 0 2rem;
    position: relative;
}
.entry-content h2:before,
.comment-body h2:before,
.mu_register h2:before {
	position: absolute;
    bottom: -1px;
    left: 0;
    content: "";
    display: block;
    width: 4rem;
    height: 1px;
    background: #00CCCD;
}
.entry-content h3,
.comment-body h3 {
	font-size: 1.2rem;
	line-height: 1.6;
	margin: 3.5rem 0 1.2rem;
}
.entry-content p,
.comment-content p,
.mu_register p,
.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
	margin: 0 auto 1.3rem;
}
.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
	margin-bottom: 0;
}
.entry-content ul,
.comment-content ul,
.mu_register ul {
	margin-top: 2rem;
    margin-bottom: 2rem;
}
.entry-content ol,
.comment-content ol {
	list-style: none;
}
.entry-content li,
.comment-content li,
.mu_register li {
	font-weight: bold;
    padding-left: 1.5rem;
    line-height: 1.5;
    position: relative;
}

.entry-content ol li,
.comment-content ol li,
.mu_register ol li {
	counter-increment: number;
    padding-left: 1.5rem;
    position: relative;
}

.entry-content ol li:before,
.comment-content ol li:before,
.mu_register ol li:before {
	position: absolute;
	top:0;
    left: 0;
    content: counter(number) ".";
    margin-right: 0.6rem;
    color: #00cccd;
}

.entry-content ul li:before,
.comment-content ul li:before,
.mu_register ul li:before{
	position: absolute;
    top: 0.5rem;
    left: 0;
    content: "";
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: #00CCCD;
}
.entry-content li+li,
.comment-content li+li,
.mu_register li+li {
	margin-top: 1rem;
}
.entry-content .blue,
.comment-content .blue,
.mu_register .blue,
.entry-content .red,
.comment-content .red,
.mu_register .red,
.entry-content .green,
.comment-content .green,
.mu_register .green {
	margin: 30px auto;
	padding: 12px 12px 12px 42px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	position: relative;
}
.entry-content .blue:before,
.comment-content .blue:before,
.mu_register .blue:before,
.entry-content .red:before,
.comment-content .red:before,
.mu_register .red:before,
.entry-content .green:before,
.comment-content .green:before,
.mu_register .green:before {
	color: #fff;
	font-family: FontAwesome;
	content: "\f00c";
	line-height: 20px;
	text-align: center;
	position: absolute;
	left: 16px;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.entry-content .blue:before,
.comment-content .blue:before,
.mu_register .blue:before {
	background: #6891c8;
}
.entry-content .red:before,
.comment-content .red:before,
.mu_register .red:before {
	background: #ff8484;
}
.entry-content .green:before,
.comment-content .green:before,
.mu_register .green:before {
	background: #71c63e;
}
.entry-content .blue,
.comment-content .blue,
.mu_register .blue {
	border: 3px solid #cce5ff;
}
.entry-content .red,
.comment-content .red,
.mu_register .red {
	border: 3px solid #ffe0e0;
}
.entry-content .green,
.comment-content .green,
.mu_register .green {
	border: 3px solid #d2efbf;
}
.entry-content .marker,
.comment-content .marker,
.mu_register .marker {
	background: #ffeded;
	background: linear-gradient(transparent 70%, #FFBBBB 40%);
}
.entry-content blockquote,
.comment-content blockquote {
	font-family: 'Times New Roman', 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
	font-style: italic;
	background: #d5efd5;
	border-left: 2px solid #000;
	margin: 30px auto;
	padding: 60px 40px;
	position: relative;
}
.entry-content blockquote:before,
.entry-content blockquote:after {
	font-family: Arial, sans-serif;
	font-style: italic;
	font-size: 42px;
	font-weight: bold;
	width: 30px;
	height: 30px;
	position: absolute;
}
.entry-content blockquote:before {
	content: '"';
	line-height: 42px;
	top: 20px;
	left: 20px;
}
.entry-content blockquote:after {
	content: '"';
	text-align: left;
	line-height: 60px;
	bottom: 20px;
	right: 20px;
}
.entry-content code {
	line-height: 2;
}
.comment-content code {
	line-height: 2;
}
.entry-content pre,
.comment-content pre {
	color: #333;
	border: 1px solid #ededed;
	line-height: 1.714285714;
	margin: 24px 0;
	overflow: auto;
	padding: 24px;
}
.entry-content pre code,
.comment-content pre code {
	display: block;
}
.entry-content abbr,
.comment-content abbr,
.entry-content dfn,
.comment-content dfn,
.entry-content acronym,
.comment-content acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
.entry-content address,
.comment-content address {
	display: block;
	line-height: 1.714285714;
	margin: 0 0 24px;
}
img.alignleft,
.wp-caption.alignleft {
	max-width: 100%;
	margin: 12px 24px 12px 0;
}
img.alignright,
.wp-caption.alignright {
	max-width: 100%;
	margin: 12px 0 12px 24px;
}
img.aligncenter,
.wp-caption.aligncenter {
	max-width: 100%;
	clear: both;
	display: block;
	margin-top: 3rem;
	margin-bottom: 3rem;
	margin-left: auto;
	margin-right: auto;
}
.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
	margin-bottom: 24px;
}
.entry-content dl {
	clear: both;
	padding: 30px 0 0;
}
.comment-content dl {
	clear: both;
	padding: 30px 0 0;
}
.entry-content dt,
.comment-content dt {
	background: #eee;
	border: 1px solid #ccc;
	font-weight: bold;
	padding: 10px;
	text-align: center;
}
.entry-content dd,
.comment-content dd {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 0 0 20px;
	padding: 10px;
}
.entry-content table,
.comment-content table {
	border-collapse: collapse;
	border: 1px solid #ccc;
	color: #757575;
	line-height: 2;
	margin-bottom: 24px;
	width: 100%;
}
.entry-content table caption,
.comment-content table caption {
	font-size: 100%;
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.entry-content th,
.comment-content th {
	border: 1px solid #ccc;
	padding: 10px;
	text-align: left;
	width: 200px;
}
.entry-content td,
.comment-content td {
	border: 1px solid #ccc;
	padding: 10px;
	width: 400px;
}
#img-gallery {
	padding: 20px 0;
	overflow: hidden;
}
.page-links {
	clear: both;
	line-height: 1.714285714;
}
.single-author .entry-meta .by-author {
	display: none;
}
.mu_register h2 {
	color: #757575;
	font-weight: normal;
}
.no-results,
.not-found {
	text-align: center;
}

/* Archives
----------------------------------------------- */
.archives-header {
	margin-bottom: 20px;
}
.archives-title:after {
	width: 100%;
	border-bottom: 1px solid #fafafa;
	content: "";
	position: absolute;
	left: 10px;
	bottom: -1px;
}
.archives-title h3 {
	margin-top: 7rem;
}
.archives-title span {
	font-size: 1.4rem;
	font-weight: bold;
}
.archives-description {
	font-size: 0.9rem;
	margin-top: 1rem;
}
.category-in-single ul {
	padding: 12px;
}
.category-in-single h3 {
	margin: 0 0 10px;
}
.category-in-archive {
	padding: 18px 12px;
	margin: 3% auto 10%;
}
.category-in-archive h4 {
	margin-bottom: 18px;
	padding: 4px 12px;
}
.category-in-single li,
.category-in-archive li {
	display: inline-block;
 *display: inline;
 *zoom: 1;
	margin: 2px 12px 2px 0;
	white-space: nowrap;
}
.category-in-single li ul,
.category-in-archive li ul {
	display: inline-block;
 *display: inline;
 *zoom: 1;
	margin-left: 12px;
}
.category-in-single li a,
.category-in-archive li a {
	text-decoration: none;
}
#secondary .widget_categories h5 {
	margin-bottom: 20px;
}
#secondary .widget .category-parent {
	background: #ececec;
	font-weight: bold;
	text-align: center;
	padding: 12px 0;
	margin: 0 20px 18px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position: relative;
}
#secondary .widget .category-parent:after {
	border: medium solid rgba(0, 0, 0, 0);
	content: " ";
	height: 0;
	pointer-events: none;
	position: absolute;
	top: 100%;
	width: 0;
	border-color: #ececec rgba(234, 234, 234, 0) rgba(234, 234, 234, 0) rgba(234, 234, 234, 0);
	border-width: 8px;
	margin-left: -8px;
	left: 50%;
}
#secondary .widget .current-cat {
	color: #333;
	font-weight: bold;
}
#secondary .widget li .count {
	background: #ececec;
	color: #333;
	font-size: 11px;
	height: 23px;
	line-height: 23px;
	margin: 0 0 0 10px;
	padding: 0 10px;
	display: inline-block;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.category-in-single li .count,
.category-in-archive li .count {
	background: #ececec;
	color: #333;
	font-size: 11px;
	height: 23px;
	line-height: 23px;
	margin: 0 0 0 10px;
	padding: 0 10px;
	display: inline-block;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#secondary .widget li .count {
	float: right;
}
#secondary .widget .current-cat .count {
	color: #fff;
	background: #333;
}
#secondary .widget li .count:after {
	border: medium solid rgba(0, 0, 0, 0);
	content: " ";
	height: 0;
	pointer-events: none;
	position: absolute;
	right: 100%;
	width: 0;
}
.category-in-single li .count:after,
.category-in-archive li .count:after {
	border: medium solid rgba(0, 0, 0, 0);
	content: " ";
	height: 0;
	pointer-events: none;
	position: absolute;
	right: 100%;
	width: 0;
}
#secondary .widget li .count:after,
.category-in-single li .count:after,
.category-in-archive li .count:after {
	border-color: rgba(234, 234, 234, 0) #ececec rgba(234, 234, 234, 0) rgba(234, 234, 234, 0);
	border-width: 4px;
	margin-top: -4px;
	top: 50%;
}
#secondary .widget .current-cat .count:after {
	border-color: rgba(51, 51, 51, 0) #333333 rgba(51, 51, 51, 0) rgba(51, 51, 51, 0);
}
/* Single image attachment view
----------------------------------------------- */
.article.attachment {
	overflow: hidden;
}
.image-attachment div.attachment {
	margin: 60px auto;
	text-align: center;
}
#image-navigation {
	margin: 60px auto;
	overflow: hidden;
}
.previous-image,
.next-image {
	display: block;
}
.previous-image {
	float: left;
}
.next-image {
	float: right;
}
.image-attachment div.attachment p {
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
.image-attachment .entry-caption {
	margin-top: 8px;
}
/* Format
----------------------------------------------- */
.format-image .entry-content img,
.format-gallery .entry-content img,
.format-video .entry-content iframe {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	padding: 6px;
	margin: 18px 0;
	max-width: 90%;
}
.format-aside .entry-content,
.format-audio .entry-content,
.format-link .entry-content,
.format-quote .entry-content {
	border-left: 2px solid #000;
	margin: 30px auto;
	padding: 60px 40px;
	position: relative;
}
.format-aside .entry-content {
	background: #fafafa;
}
.format-audio .entry-content {
	background: #e8f2fc;
}
.format-link .entry-content {
	background: #fff2f6;
}
.format-quote .entry-content {
	font-family: 'Times New Roman', 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
	font-style: italic;
	background: #d5efd5;
}
.format-quote .entry-content:before,
.format-quote .entry-content:after {
	font-family: Arial, sans-serif;
	font-style: italic;
	font-size: 42px;
	font-weight: bold;
	width: 30px;
	height: 30px;
	position: absolute;
}
.format-quote .entry-content:before {
	content: '"';
	line-height: 42px;
	top: 20px;
	left: 20px;
}
.format-quote .entry-content:after {
	content: '"';
	text-align: left;
	line-height: 60px;
	bottom: 20px;
	right: 20px;
}
/* Comments
----------------------------------------------- */
/* Comment */
.commentlist {
	padding: 24px 0;
}
.thread-even {
	margin: 0 0 40px;
	overflow: hidden;
}
.comment-body {
	padding: 2%;
	margin: 0 0 24px;
}
.comment-author,
.comment-meta {
	display: inline-block;
 *display: inline;
 *zoom: 1;
	margin: 0 0 20px;
	overflow: hidden;
}
.comment-author {
	vertical-align: middle;
}
.comment-author .avatar {
	width: 60px;
	border: 3px solid #ececec;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.comment-meta {
	float: right;
}
.reply {
	text-align: right;
}
.no-comments {
	padding: 2% 0;
	text-align: center;
}
/* Comment form */
#respond {
	margin-top: 4%;
	padding: 2%;
}
#respond h3#reply-title {
	font-size: 100%;
	line-height: 1.5;
}
#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	font-weight: normal;
}
#respond form {
	margin: 24px 0;
}
#respond form p {
	margin: 11px 0;
}
#respond form p.logged-in-as {
	margin-bottom: 24px;
}
#respond form label {
	display: block;
	line-height: 1.714285714;
}
#respond form p.form-allowed-tags {
	display: none;
}
.required {
	color: red;
}
.comment-navigation {
	margin: 0 auto 40px;
	overflow: hidden;
}
.previous_comments a,
.next_comments a {
	display: block;
	padding: 12px 0;
	text-align: center;
}
/* Hidden-Text
----------------------------------------------- */
.assistive-text,
.site .screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}
.main-navigation .assistive-text:focus {
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100000;/* Above WP toolbar */
}
/* ---------------------------------------------------------------------- */
/*	Other
/* ---------------------------------------------------------------------- */
/* Adsence
----------------------------------------------- */
.adsence-above {
	margin: 60px 0;
	text-align: center;
}
.adsence-below {
	margin-top: 5rem;
	text-align: center;
}
/* SNS
----------------------------------------------- */
.social-btn ul {
	text-align: left;
	margin-top: 40px;
}
.social-btn li {
	display: inline-block;
 *display: inline;
 *zoom: 1;
}
.social-btn-home {
	text-align: right;
}
.social-btn-archive {
	text-align: left;
}
.social-btn-single {
	margin: 20px 0;
	text-align: center;
}
/* Structure
----------------------------------------------- */
/* Pagination */
.pagination {
	font-size: 11px;
	line-height: 14px;
	text-align: center;
	overflow: hidden;
	position: relative;
	clear: both;
}
.pagination span {
	display: inline-block;
 *display: inline;
 *zoom: 1;
	text-decoration: none;
}
.pagination a {
	display: inline-block;
 *display: inline;
 *zoom: 1;
	text-decoration: none;
	width: 30px;
    height: 30px;
    line-height: 30px;
	border: solid 1px #e8e8ed;
	box-sizing: border-box;
	margin: 0 2px;
}
.pagination .pagenation-all {
	margin: 0 5px;
}
.pagination .current {
	margin: 0 2px;
	width: 30px;
    height: 30px;
    line-height: 30px;
    background: #00cccd;
    color: #fff;
}
.pagination .pagenation-first,
.pagination .pagenation-prev,
.pagination .pagenation-next,
.pagination .pagenation-last {
	padding: 0;
	width: auto;
	color: #fff;
	border: none;
}
.pagination .pagenation-first a,
.pagination .pagenation-prev a,
.pagination .pagenation-next a,
.pagination .pagenation-last a {
	margin: 0;
	border: none;
}
.pagination .pagenation-prev {
	margin-right: 5px;
}
.pagination .pagenation-next {
	margin-left: 5px;
}
/* Related Posts*/
.related-wrap {
	overflow: hidden;
}
.related-wrap li.related-one {
	padding: 12px 0;
	border-bottom: 1px solid #fafafa;
	overflow: hidden;
}
.related-wrap li.related-one:last-child {
	border-bottom: none;
}
.related-image {
	float: left;
	margin-right: 24px;
}
.related-image img {
	width: 120px;
	max-width: 100%;
	height: 80px;
}
.related-title {
	font-size: 110%;
	font-weight: normal;
	margin-bottom: 8px;
}
.related-title a {
	color: #333;
}
.related-wrap li.related-one .entry-summary {
	font-size: 11px;
}
.related-wrap li.related-one span {
	font-size: 80%;
	margin-right: 12px;
}
.related-date {
	color: #333;
}
.related-category .post-categories {
	display: inline;
}
.related-category .post-categories li {
	display: inline;
}
.no-related {
	padding: 30px 0;
	text-align: center;
}
/* Previous and Next Post */
.nav-single {
	font-size: 11px;
	position: relative;
}
.nav-previous,
.nav-next {
	margin: 4px;
	position: relative;
}
.nav-previous:before,
.nav-next:before {
	position: absolute;
	top: 50%;
	margin-top: -20px;
}
.nav-previous:before {
	content: url(img/post_prev.png);
	left: 18px;
}
.nav-next:before {
	content: url(img/post_next.png);
	right: 18px;
}
.nav-previous a,
.nav-next a {
	cursor: pointer;
}
.nav-previous a,
.nav-previous span.nav-single-none {
	padding: 20px 0;
	display: block;
	text-align: center;
	overflow: hidden;
}
.nav-next a,
.nav-next span.nav-single-none {
	padding: 20px 0;
	display: block;
	text-align: center;
	overflow: hidden;
}
.nav-previous a:hover,
.nav-next a:hover {
	background: #fafafa;
	text-decoration: none;
}
.nav-previous a,
.nav-previous span.nav-single-none {
	padding-left: 60px;
}
.nav-next a,
.nav-next span.nav-single-none {
	padding-right: 60px;
}
.nav-previous span.nav-single-innner,
.nav-next span.nav-single-innner {
	line-height: 60px;
}
.nav-previous .nav-single-title,
.nav-next .nav-single-title {
	font-weight: bold;
	display: block;
	clear: both;
}
.nav-previous .nav-single-title h1,
.nav-next .nav-single-title h1 {
	padding: 0 18px;
	display: table-cell;
	vertical-align: middle;
}
.nav-previous .nav-single-thumbnail,
.nav-next .nav-single-thumbnail {
	width: 33.3%;
	float: right;
	height: auto;
}
.sns-single,
.related,
.category-in-single,
.above-comments,
.nav-single,
.comments-area {
	margin-bottom: 40px;
}
/* Sitemap
----------------------------------------------- */
#sitemap_list li {
	list-style: none;
	position: relative;
	margin-left: 12px;
}
#sitemap_list li:before {
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00CCCD;
	border-image: none;
	border-style: solid;
	border-width: 5px;
	padding-right: 8px;
	content: "";
	position: absolute;
	top: 7px;
	left: -16px;
}
#sitemap_list li ul li:before {
	display: none;
}
/* ---------------------------------------------------------------------- */
/*	Tab Area
/* ---------------------------------------------------------------------- */
.tab {
	list-style: none outside none !important;
	margin-bottom: 0 !important;
	padding: 0;
	text-align: center;
	overflow: hidden;
}
.tab ul {
	list-style: none outside none !important;
	margin-bottom: 0 !important;
	padding: 0;
	text-align: center;
	overflow: hidden;
}
.tab-menu li {
	font-size: 80%;
	line-height: 1.5;
	text-align: center;
	display: inline-block;
 *display: inline;
 *zoom: 1;
	padding: 6px 0;
	border: none !important;
	cursor: pointer;
	background: #ececec;
	-webkit-box-shadow: 0 2px 0 0 #e0e0e0;
	-moz-box-shadow: 0 2px 0 0 #e0e0e0;
	box-shadow: 0 2px 0 0 #e0e0e0;
}
.tab-menu li.active {
	color: #fff;
	background: #00CCCD;
	font-weight: bold;
}
.tab-menu-none li {
	background: none;
	width: 48%;
	text-align: center;
	display: inline-block;
 *display: inline;
 *zoom: 1;
	margin: 0 0 12px !important;
	padding: 24px 0 !important;
	border: none !important;
	cursor: pointer;
}
.tab-menu-none li.active {
	background: none;
	position: relative;
}
.tab-menu-none li.active:after {
	content: "";
	position: absolute;
	bottom: 18px;
	left: 50%;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 10px solid #000;
	margin-left: -10px;
}
.panel {
	display: none;
}
.show {
	display: block;
}
.wpp-list li {
	clear: both;
	display: block;
	float: none;
	overflow: auto;
}
.wpp-thumbnail {
	background: #fff;
	border: 1px solid #fafafa;
	padding: 1px;
	display: inline;
	margin: 0 5px 0 0;
	line-height: 0;
}
.wpp-thumbnail img {
	width: 80px;
	height: 60px;
}
.widget_popular-posts .wpp-thumbnail {
	display: none;
}
.wpp-views {
	font-size: 9px;
	font-weight: bold;
	margin-left: 8px;
}
/* Sidebar Tab Area */
.widget .tab-menu li {
	width: 30%;
 *width: 100px;
	margin: 0 0 12px !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.widget .tab-menu-none li.facebook:after {
	border: 10px solid transparent;
	border-top: 10px solid #4962a4;
}
.widget .tab-menu-none li.twitter:after {
	border: 10px solid transparent;
	border-top: 10px solid #55acef;
}
.sidebar-posts li {
	font-size: 90%;
	line-height: 1.84615;
	margin: 4px 0 0 !important;
	list-style: none !important;
	border-bottom: 1px dashed #fafafa;
	overflow: hidden;
	position: relative;
}
.new-posts li {
	padding: 0 0 4px;
}
.popular-posts li {
	padding: 0 0 4px 42px;
}
.sidebar-posts ul li:last-child {
	border-bottom: none;
}
.popular-posts {
	counter-reset: wpp-ranking;
}
.popular-posts li:before {
	content: "";
	position: absolute;
	top: 0;
	z-index: 10000;
}
.popular-posts li:nth-child(1):before,
.popular-posts li:nth-child(2):before,
.popular-posts li:nth-child(3):before {
	width: 40px;
	height: 30px;
	left: 0;
}
.popular-posts li:nth-child(1):before {
	background: url(img/no1.png) no-repeat center left;
	-webkit-background-size: contain;
	background-size: contain;
}
.popular-posts li:nth-child(2):before {
	background: url(img/no2.png) no-repeat center left;
	-webkit-background-size: contain;
	background-size: contain;
}
.popular-posts li:nth-child(3):before {
	background: url(img/no3.png) no-repeat center left;
	-webkit-background-size: contain;
	background-size: contain;
}
.popular-posts li:nth-child(4):before,
.popular-posts li:nth-child(5):before {
	width: 25px;
	height: 20px;
	left: 8px;
}
.popular-posts li:nth-child(4):before {
	background: url(img/no4.png) no-repeat center left;
	-webkit-background-size: contain;
	background-size: contain;
}
.popular-posts li:nth-child(5):before {
	background: url(img/no5.png) no-repeat center left;
	-webkit-background-size: contain;
	background-size: contain;
}
.popular-posts li:nth-child(6):before,
.popular-posts li:nth-child(7):before,
.popular-posts li:nth-child(8):before,
.popular-posts li:nth-child(9):before,
.popular-posts li:nth-child(10):before {
	width: 18px;
	height: 14px;
	left: 8px;
}
.popular-posts li:nth-child(6):before {
	background: url(img/no6.png) no-repeat center left;
	-webkit-background-size: contain;
	background-size: contain;
}
.popular-posts li:nth-child(7):before {
	background: url(img/no7.png) no-repeat center left;
	-webkit-background-size: contain;
	background-size: contain;
}
.popular-posts li:nth-child(8):before {
	background: url(img/no8.png) no-repeat center left;
	-webkit-background-size: contain;
	background-size: contain;
}
.popular-posts li:nth-child(9):before {
	background: url(img/no9.png) no-repeat center left;
	-webkit-background-size: contain;
	background-size: contain;
}
.popular-posts li:nth-child(10):before {
	background: url(img/no10.png) no-repeat center left;
	-webkit-background-size: contain;
	background-size: contain;
}
/* Category Tab Area */
.category-tab .tab-menu li {
	width: 30%;
	margin: 0 20px;
	padding: 12px 0;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
.category-tab .popular-posts ul {
	padding: 12px 24px;
}
.category-tab .popular-posts li {
	border-bottom: 1px dotted #ddd;
	padding: 0 0 12px 52px;
	margin: 12px 0 0;
	overflow: hidden;
	position: relative;
}
.category-tab .popular-posts li:last-child {
	border-bottom: none;
}
.category-tab .popular-posts li a {
	color: #333;
	font-size: 110%;
	font-weight: normal;
	margin: 0 0 12px;
}
.category-tab .popular-posts .wpp-thumbnail {
	width: 100px;
	height: 68px;
	border: 3px solid #ececec;
	margin: 0 3% 0 0;
	padding: 0;
	line-height: 0;
	float: left;
	overflow: hidden;
}
.category-tab .popular-posts li .wpp-views {
	display: block;
}



/* ---------------------------------------------------------------------- */
/*	Global Navigation
/* ---------------------------------------------------------------------- */

.prev-next-image{
width: 100%;
padding-bottom: 8px;
}

.prev-next-image img{
display: block;
margin-left: auto;
margin-right: auto;
width: 120px;
max-width: 100%;
height: 80px;
}


/* ---------------------------------------------------------------------- */
/*	Category Customize
/* ---------------------------------------------------------------------- */

/* ★★★ まずは指定の仕方の説明 ★★★

 カテゴリースラッグ → 「投稿」→「カテゴリー」にて任意のものを設定。英語でお願いします。
 カテゴリーID → 「投稿」→「カテゴリー」にて、カテゴリーにマウスを乗せると左下に出てくる
 カラーコード → 「http://www.huecode.com/」などのサイトで、色を決めてコードを指定
 Font　AwesomeのUnicode → 「http://fortawesome.github.io/Font-Awesome/icons/」で選んで、詳細ページを確認
 ----------------------------------------------- */

/* = Webフォント指定のため、ますはカテゴリーIDを指定 (Webフォントを使用したいカテゴリーすべて)
 ここで基本設定をしたら、いよいよこの下のセクションで、一つ一つ設定していきます。
 ----------------------------------------------- */
#secondary .widget_categories li.cat-item-290,
#secondary .widget_categories li.cat-item-6,
#secondary .widget_categories li.cat-item-4,
#secondary .widget_categories li.cat-item-2,
#secondary .widget_categories li.cat-item-261,
#secondary .widget_categories li.cat-item-501,
#secondary .widget_categories li.cat-item-3,
#secondary .widget_categories li.cat-item-1 {/* カテゴリーID */
	padding-left: 32px;
	position: relative;
}
#secondary .widget_categories li.cat-item-290:before,
#secondary .widget_categories li.cat-item-6:before,
#secondary .widget_categories li.cat-item-4:before,
#secondary .widget_categories li.cat-item-2:before,
#secondary .widget_categories li.cat-item-261:before,
#secondary .widget_categories li.cat-item-3:before,
#secondary .widget_categories li.cat-item-501:before,
#secondary .widget_categories li.cat-item-1:before {/* カテゴリーID */
	font-family: FontAwesome;
	font-size: 18px;
	color: #333;
	line-height: 20px;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 14px;
	margin-top: -10px;
	text-align: center;
	margin-left: -5px;
}
/* = 節約レシピ
----------------------------------------------- */
.setsuyaku-recipe {/* カテゴリースラッグ */
	background: #f39800 !important;/* カラーコード */
}
#secondary .widget_categories li.cat-item-501:before {
	color: #f39800;/* カラーコード */
	content: "\f0f5"; /*Font　AwesomeのUnicode */
}

/* = お得サービス
----------------------------------------------- */
.otoku-service {/* カテゴリースラッグ */
	background: #005fbf !important;/* カラーコード */
}
#secondary .widget_categories li.cat-item-290:before {/* カテゴリーID */
	color: #005fbf;/* カラーコード */
	content: "\f157";/* Font　AwesomeのUnicode */
}
/* = お得ニュース
----------------------------------------------- */
.setsuyaku-news {
	/* カテゴリースラッグ */
	background: #e30568 !important;/* カラーコード */
}
#secondary .widget_categories li.cat-item-6:before {
	color: #e30568;/* カラーコード */
	content: "\f080";/* Font　AwesomeのUnicode */
}
/* = お金コラム
----------------------------------------------- */
.money-column {/* カテゴリースラッグ */
	background: #95c946 !important;/* カラーコード */
}
#secondary .widget_categories li.cat-item-4:before {
	color: #95c946;/* カラーコード */
	content: "\f044";/* Font　AwesomeのUnicode */
}
/* = 家計簿
----------------------------------------------- */
.kakeibo {/* カテゴリースラッグ */
	background: #f15a2a !important;/* カラーコード */
}
#secondary .widget_categories li.cat-item-2:before {
	color: #f15a2a;/* カラーコード */
	content: "\f02d";/* Font　AwesomeのUnicode */
}
/* = 時短テク
----------------------------------------------- */
.zitan-tech {/* カテゴリースラッグ */
	background: #f2c100 !important;/* カラーコード */
}
#secondary .widget_categories li.cat-item-261:before {
	color: #f2c100;/* カラーコード */
	content: "\f017";/* Font　AwesomeのUnicode */
}
/* = 節約術
----------------------------------------------- */
.setsuyaku {/* カテゴリースラッグ */
	background: #7f0000 !important;/* カラーコード */
}
#secondary .widget_categories li.cat-item-3:before {
	color: #7f0000;/* カラーコード */
	content: "\f09d";/* Font　AwesomeのUnicode */
}
/* = 未分類
----------------------------------------------- */
.no-category {/* カテゴリースラッグ */
	background: #aaa !important;/* カラーコード */
}
#secondary .widget_categories li.cat-item-1:before {
	color: #aaa;/* カラーコード */
	content: "\f07b";/* Font　AwesomeのUnicode */
}

.app_banners{
	width: 300px;
	margin: 0 auto;
}

.app_banners li {
	float: left;
}

.app_banners li + li{
	margin-left: 10px;
}

.bnr01 a {
	background: url('img/btn_apple.png') 0 0 no-repeat;
	width: 145px;
	height: 44px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	background-size: cover;
}

.bnr02 a {
	background: url('img/btn_play.png') 0 0 no-repeat;
	background-size: 50%;
	width: 145px;
	height: 44px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	background-size: cover;
}

