@charset "utf-8";

/* ----------------------------------
 common
---------------------------------- */
.pcOnly {
	display: block !important;
}
.spOnly {
	display: none !important;
}

@media (max-width: 599px) {
	.spOnly {
		display: block !important;
	}
	.pcOnly {
		display: none !important;
	}

	.detail .content-box-body img {
		max-width: 100%;
		height: auto;
	}
}

.list-reset {
	list-style: none;
	margin: 0;
	padding: 0;
}

.page-title {
	font-weight: normal;
	font-size: 200%;
}

@media screen and (max-width:599px){
	.page-title {
		font-size: 150%;
		padding: 0 10px;
	}
}

.lead-text {
	margin-top: 0;
}

/* article-list */
.article-list .article {
	border-top: 1px solid #E6E6E6;
	margin-top: 15px;
	padding-top: 15px;
	overflow: hidden;
}

.category .article-list .article:first-child {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}

.article-list .article figure {
	float: left;
	margin-right: 15px;
}

.article-list .article .body {
	overflow: hidden;
}

.article-list .article .title {
	margin: 0;
	font-size: 117%;
}

.article-list .article a {
	color: inherit;
	text-decoration: none;
}

.article-list .article a:hover {
	text-decoration: underline;
}

.article-list .article p {
	margin-top: 6px;
}


/* article-title-list */
.article-title-list li {
	margin-bottom: 6px;
}

.article-title-list li figure {
	float: left;
	margin-right: 1em;
}

.article-title-list li span {
	overflow: hidden;
	display: block;
}

.article-title-list li a {
	color: #646464;
	text-decoration: none;
	display: block;
	overflow: hidden;
}

.article-title-list li a:hover {
	text-decoration: underline;
}


/* ----------------------------------
 common aside
---------------------------------- */
.section-header-block .section-title {
	font-size: 125%;
}

.tips .content-box-body-light {
	padding-top: 15px;
	padding-bottom: 20px;
}

@media screen and (max-width:599px){
	.tips .content-box-body-light {
		padding-bottom: 15px;
	}
}

/* aside-button */
.aside-button {
	margin-bottom: 15px;
}

.aside-button p {
	margin-top: 0;
}

.aside-button .button {
	font-size: 13px;
	line-height: 1.3;
	padding-top: 6px;
	padding-bottom: 6px;
	border-radius: 18px;
}

/* link-list */
.link-list > li.current {
	background: url(../img/icon_link_02.png) 0 0.5em no-repeat;
}

.link-list > li.current strong {
	font-weight: normal;
}


/* social-box */
.social-box .timeline {
	border-top: 1px dotted #c8c8c8;
	margin-top: 20px;
	padding-top: 20px;
	margin-bottom: 20px;
}

.social-box .social-button {
	border-top: 1px dotted #c8c8c8;
	padding-top: 20px;
}

@media screen and (max-width:599px){
	.social-box .fb-box {
		width: 264px;
		margin: 0 auto;
	}

	.social-box .social-button li {
		float: right;
		width: 48%;
	}

	.social-box .social-button li:first-child {
		float: left;
	}

	.social-box .social-button li img {
		width: 100%;
		height: auto;
	}
}


/* ----------------------------------
 tips index page
---------------------------------- */
/* latest-article */
.latest-article {
	margin-top: 24px;
}

.latest-article .layout-box .col-1of3 {
	width: 207px;
	padding-right: 1px;
}

.latest-article .layout-box .col-1of3.last {
	padding-right: 0;
}

.latest-article .layout-box .col-1of3:first-child img {
	border-radius: 4px 0 0 0;
}

.latest-article .layout-box .col-1of3.last img {
	border-radius: 0 4px 0 0;
}

.latest-article .inner {
	padding: 10px 10px 15px;
}

.tips .latest-article .inner > a,
.tips .latest-article .inner > a:visited {
	color: inherit;
	text-decoration: none;
}

.tips .latest-article .inner > a:hover,
.tips .latest-article .inner > a:active {
	text-decoration: underline;
}

.latest-article .title {
	margin: 0;
	font-size: 117%;
}

.latest-article .title a {
	color: inherit;
	text-decoration: none;
}

.latest-article .title a:hover {
	text-decoration: underline;
}

.latest-article .button {
	padding-top: 9px;
	padding-bottom: 9px;
	border-radius: 20px;
	font-size: 13px;
}

@media screen and (max-width:599px){
	.latest-article .layout-box .col-1of3 {
		width: auto;
		padding-right: 0;
	}

	.latest-article .layout-box .col-1of3:first-child {
		padding-top: 20px;
	}

	.latest-article .layout-box .col-1of3:first-child img,
	.latest-article .layout-box .col-1of3.last img {
		border-radius: 0;
	}

	.latest-article .button {
		padding-top: 6px;
		padding-bottom: 6px;
		border-radius: 17px;
	}
}

/* article list */
.category-section {
	margin-top: 25px;
}

.category-title {
	margin: 0 0 -5px;
	line-height: 1.2;
}


/* ----------------------------------
 category page
---------------------------------- */
/* category-pickup */
.category-pickup {
	margin-top: 12px;
}

.category-pickup .main-image {
	margin: -24px -30px 20px;
}

.category-pickup .title {
	margin: 0;
}

.category-pickup .title a {
	color: inherit;
	text-decoration: none;
}

.category-pickup .title a:hover {
	text-decoration: underline;
}

.category-pickup .text {
	margin-top: 10px;
}

.category-pickup .section-footer-block {
	border-top: 1px solid #E6E6E6;
	padding: 0 30px 10px;
	overflow: hidden;
}

.category-pickup .section-footer-block .date {
	float: left;
}

.category-pickup .section-footer-block .more {
	float: right;
}

.category-pickup .content-box-body > a,
.category-pickup .content-box-body > a:visited {
	color: inherit;
	text-decoration: none;
}
.category-pickup .content-box-body > a:hover,
.category-pickup .content-box-body > a:active {
	text-decoration: underline;
}

@media screen and (max-width:599px){
	.category-pickup .main-image {
		margin: -24px -10px 15px;
	}

	.category-pickup .content-box-body {
		padding-bottom: 15px;
	}

	.category-pickup .section-footer-block {
		padding-left: 10px;
		padding-right: 10px;
	}
}

/* aside-button */
.category .aside-button {
	margin-top: 6px;
}



/* ----------------------------------
 detail page
---------------------------------- */
/* article-info */
.article-info {
	background: #F4F4F4;
	border-radius: 5px;
	padding: 15px 20px;
	margin-bottom: 15px;
	overflow: hidden;
}

.article-info dl {
	overflow: hidden;
	margin: 0;
}

.article-info dt,
.article-info dd {
	float: left;
	margin: 0;
	line-height: 1.3;
}

.article-info .category {
	float: left;
}

.article-info .date {
	float: right;
}

@media screen and (max-width:599px){
	.article-info {
		padding: 12px 15px;
		margin-bottom: 10px;
	}

	.article-info .category {
		float: none;
		margin-bottom: 3px;
	}

	.article-info .date {
		float: none;
	}
}

/* article-box */
.article-box .content-box-body {
	padding-top: 0;
}

.article-box .main-image {
	margin: 0 -30px 20px;
}

.article-box .main-image img {
	border-radius: 4px 4px 0 0;
	width: 626px!important;
	height: 410px!important;
}
@media (max-width: 599px) {
	.article-box .main-image img {
		width: auto!important;
		height: auto!important;
	}
}

.article-box .layout-box {
	margin-top: 30px;
}

.article-box .layout-box .image-right {
	float: right;
	margin-left: 20px;
}

.article-box .layout-box .image-left {
	float: left;
	margin-right: 20px;
}

.article-box .layout-box .text {
	overflow: hidden;
}

@media screen and (max-width:599px){
	.article-box .main-image {
		margin: 0 -10px 10px;
	}

	.article-box .layout-box {
		margin-top: 20px;
	}

	.article-box .sub-title {
		font-size: 125%;
		margin-bottom: 10px;
	}

	.article-box .layout-box .image-right,
	.article-box .layout-box .image-left {
		float: none;
		margin: 0 0 15px;
	}
}

/* article social */
.article-box .share-box {
	background: #F4F4F4;
	border-radius: 5px;
	padding: 13px;
	margin-top: 15px;
	margin-bottom: 20px;
	height: 108px;
}

.article-box .social-button {
	overflow: hidden;
	margin-top: 40px;
}

.article-box .social-button li {
	float: right;
}

.article-box .social-button li:first-child {
	float: left;
}

@media screen and (max-width:599px){
	.article-box .social-button {
		margin-top: 20px;
	}

	.article-box .social-button li {
		width: 48%;
	}

	.article-box .social-button li img {
		width: 100%;
		height: auto;
	}
}

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

 [ul]—v‘f

******************************/
/* ƒXƒ}ƒz */
ul.social-button-syncer {
	width: 238px ;
	margin: 24px auto ;
	padding: 0 ;
	border: none ;
	list-style-type: none ;
}

/* ƒfƒXƒNƒgƒbƒv */
@media screen and ( min-width:480px ) {
	ul.social-button-syncer {
		width: 414px ;
	}
}


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

 [li]—v‘f

******************************/
ul.social-button-syncer li {
	float: left ;
	text-align: center ;
	height: 71px ;
	margin: 0 8px ;
	padding:0 ;
}


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

 ŠeŽíƒ{ƒ^ƒ“

******************************/
/* [Twitter] */
.sc-tw {
	width: 71px ;
}

.sc-tw svg {
	width: 30px ;
	height: 30px ;
 }

.sc-tw a {
	height: 56px ;
	margin: 0 auto ;
	padding-top: 6px ;
	display: block ;
	background: #1B95E0 ;
	font-size: 12px ;
	color: #fff ;
	font-weight: 700 ;
	text-decoration: none ;
	letter-spacing: .5px ;
	border-radius: 2px ;
}

.sc-tw a:hover {
	color: #fff ;
	background: #0c7abf ;
}

.sc-tw span:before {
	white-space: pre ;
	content: '\A' ;
}

/* [Facebook] */
.sc-fb {
	z-index: 99 ;
	width: 69px ;
}

.sc-li-img {
	border: none ;
	margin: 0 auto ;
	padding:0 ;
	width: 36px ;
	height: 60px ;
}

.alignleft {
	float: left;
	margin-right: 20px;
	width: 210px;
	height: auto;
	display: block;
}
@media (max-width: 599px) {
	.alignleft {
		float: none;
		margin: 0 auto;
		width: 150px;
	}
}

.alignright {
	float: right;
	margin-left: 20px;
	width: 210px;
	height: auto;
	display: block;
}
@media (max-width: 599px) {
	.alignright {
		float: none;
		margin: 0 auto;
		width: 150px;
	}
}

.alignnone {
	width: 565px;
	height: auto;
}
@media (max-width: 599px) {
	.alignnone {
		width: 100%;
	}
}

.page-title span {
	font-size: 15px;
}

.topSubTtl {
	margin-top: 20px;
	margin-bottom: 5px;
	display: block;
}
@media (max-width: 599px) {
	.topSubTtl {
		margin-top: 10px;
		margin-left: 10px;
	}
}

.mt0 {
	margin-top: 0;
}

.detail h2 {
	margin: 30px 0 0;
	font-size: 22px;
}

.detail h3 {
	margin: 15px 0 0;
	font-size: 16px;
}

.detail .content-box-body p {
	margin-top: 5px;
	clear: both;
}

.detail .content-box-body span {
	font-weight: bold;
}

.path ol:before,
.path ol:after {
    content: " ";
    display: table;
}

.path ol:after {
    clear: both;
}

.path ol {
    margin: 0;
    padding: 12px 0;
    list-style-type: none;
    color: #8c8c8c;
    font-size: 83.34%;
    line-height: 1.5;
    *zoom: 1;
}
@media (max-width: 599px) {
	.path ol {
	    padding: 12px 10px;
	}
}

.blogCate {
	margin: 0 0 5px;
	background: #DDD;
	display: inline-block;
	padding: 5px 10px 3px;
	font-size: 11px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}

.ml12 {
	margin-left: 12px;
}

.txtBlack,
.txtBlack:visited {
	color: #646464;
	text-decoration: none;
}

.txtBlack:hover {
	text-decoration: underline;
}