@charset "UTF-8";
body {


}

/*==================================================
 汎用クラス
================================================== */
/* 整列
-------------------------------------------------- */
.align-right {
	text-align: right;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

/* フォント
-------------------------------------------------- */
.weight-bold {
	font-weight: bold;
}

/* クリア
-------------------------------------------------- */
.clear {
	clear: both;
}

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
}


.article-thumbs{
	float: right;
	padding-left: 50px;
}
.article-thumbs img{
	width: 80px;
	height: auto;
}

.article-body{
	float: left;
}
/*==================================================
 タグ
================================================== */
/* img
-------------------------------------------------- */
img {
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
}
.ork-content img{}

/* a
-------------------------------------------------- */
/*a {
	color: #54a2dc;
	text-decoration: none;
	transition: All 0.4s ease;
}

a:hover {
	color: #26b99a;
	text-decoration: underline;
}
*/
a img {
	transition: All 0.4s ease;
}

a:hover img {
	opacity: .8;
}


/*==================================================
 テーブル
================================================== */
/* スタイル1
-------------------------------------------------- */
.styled-table01 {
	width: 100%;
	margin: 20px 0;
	line-height: 1.7;
}

.styled-table01:first-child {
	margin-top: 0;
}

.styled-table01 th,
.styled-table01 td {
	padding: 12px;
	vertical-align: top;
	border: 1px solid #ddd;
	background: #fff;
}

.styled-table01 th {
	width: 35%;
	font-weight: normal;
	background: #f7f7f7;
}

.styled-table01 thead th {
	background: #e6e6e6;
}

.styled-table01 caption {
	text-align: center;
	font-size: 20px;
}

/* その他オプション
-------------------------------------------------- */
/* セルの横幅を均等にする
------------------------- */
.cell-width-fix {
	table-layout: fixed;
}

.cell-width-fix th,
.cell-width-fix td {
	width: auto;
}


/* セルの横幅を指定しない
------------------------- */
.cell-width-fazzy th,
.cell-width-fazzy td {
	width: auto;
}


/* 縦向き
------------------------- */
.direction-vertical,
.direction-vertical thead,
.direction-vertical tbody,
.direction-vertical tfoot,
.direction-vertical tr,
.direction-vertical th,
.direction-vertical td {
	width: auto;
	display: block;
}


/* 大きいサイズのテーブルはスマホではスクロールさせる
------------------------- */
@media screen and (max-width: 768px) {
	.scroll-table-wrap {
		overflow-x: scroll;
	}

	.scroll-table-wrap table {
		width: 700px;
		margin: 0;
	}
}

/*==================================================
 dl
================================================== */
.styled-dl01 {
	margin: 0 0 20px;
	padding: 15px;
	border-radius: 3px;
	background: #f4f4f4;
}

.styled-dl01:last-child {
	margin-bottom: 0;
}

.styled-dl01 dt {
	margin: 0 0 10px;
	font-size: 20px;
}

/*==================================================
 パンくずリスト
================================================== */
.breadcrumbs-list {
	height: 25px;
	line-height: 25px;
	margin: 0 0 16px;
	font-size: 0;
	letter-spacing: 0;
	overflow: hidden;
	white-space: nowrap;
}

.breadcrumbs-list li {
	font-size: 14px;
	display: inline;
}

.breadcrumbs-list a {
	background: url(../images/common/icon_arrow03.png) right center no-repeat;
	margin: 0 7px 0 0;
	padding: 0 10px 0 0;
}

/*==================================================
 ページネーション
================================================== */
.pagenation {
	margin: 0 0 20px;
	text-align: center;
	color: #999;
	font-size: 0;
	letter-spacing: 0;
}

.pagenation li {
	width: 26px;
	margin: 0 2px;
	line-height: 30px;
	color: #999;
	font-size: 13px !important;
	background: #aaa;
	display: inline-block;
	font-weight: bold;
}

.pagenation li > * {
	color: #fff;
	text-decoration: none;
	display: block;
	font-size: 13px !important;
}

.pagenation li:hover,
.pagenation li.current {
	background: #54a2dc;
}

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

/* ナビ
-------------------------------------------------- */
.header-nav {
	text-align: center;
	font-size: 0;
	letter-spacing: 0;
	border-bottom: 5px solid #54a2dc;
}

.header-nav ul {
	margin: 0 0 -5px;
}

.header-nav li {
	width: 240px;
	display: inline-block;
	vertical-align: top;
}

.header-nav a {
	line-height: 56px;
	color: #fff;
	font-size: 14px;
	border-right: 1px solid rgba(255,255,255,.4);
	background: #54a2dc;
	display: block;
}

.header-nav a:hover {
	text-decoration: none;
	background: #222;
}

/* ビジュアル
-------------------------------------------------- */
.header-visual-wrap {
	padding: 32px 0;
	background: #222;
}

/* メインビジュアル
------------------------- */
.main-visual {
	width: 1100px;
	height: 500px;
	margin: 0 auto;
	overflow: hidden;
}

/*==================================================
 フッター
================================================== */
.page-footer {
	color: #fff;
	font-size: 12px;
	background: #54a2dc;
}

.page-footer a {
	color: inherit;
}

.footer-inner {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

/* ナビ
-------------------------------------------------- */
.footer-nav {
	line-height: 55px;
	float: left;
	overflow: hidden;
}

.footer-nav li {
	float: left;
}

.footer-nav li:after {
	content: '|';
	margin: 0 8px;
}

.footer-nav li:last-child:after {
	display: none;
}

/* コピーライト
-------------------------------------------------- */
.footer-copyright {
	line-height: 55px;
	float: right;
}

/*==================================================
 サイドバー
================================================== */
.page-body-sidebar {
	width: 335px;
	float: right;
}

/* セクション
-------------------------------------------------- */
.side-section {
	margin: 0 0 50px;
}

.side-section-title {
	/*color: #54a2dc;*/
	font-size: 20px;
	border: 2px solid #5C4320;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*==================================================
 コンテンツ
================================================== */
.page-body {
	width: 1200px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 30px;
}

.page-body-main {
	width: 800px;
	float: left;
}
@media screen and (max-width: 767px) {
	.page-body {
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	}
	.page-body-main {
	width: 100%;
	float: none;
}

.page-body-sidebar {
	width: 100%;
	float: none;
}
}
/* セクション
-------------------------------------------------- */
.section {
	width: 95%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
}

.section-content:after {
	content: " ";
	display: block;
	clear: both;
}
footer.section-footer {
	padding: 24px 0 0;
	clear: both;
	background-color: #FFFFFF;
}
ul.share-btn-list{}
footer.section-footer a{
	color: #999;
}
.sub-tt,
article.block{
	background-image: url(../images/line_blog.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom: 20px;
	padding-bottom: 20px;
}


.news-thumb{
	float: left;
	height: 150px;
	width: 150px;
}
.news-thumb img{
	height: 100px;
	width: 100px;
}

.news-conte{
	float: left;
}
/* 見出し
------------------------- */
.styled-title01 {
	font-size: 20px;
	box-shadow: 0 1px 2px #f7f7f7;
	/*color: #E55285;*/
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.8em;
	margin-left: 0;
	padding-top: 0.5em;
	padding-right: 0.9em;
	padding-bottom: 0.5em;
	padding-left: 0em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #963;
	width: 100%;
}

.styled-title02 {
	margin: 0 0 1.3em;
	padding: .8em 0.9em .7em;
	font-size: 22px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

/* 記事アイキャッチ
------------------------- */
.section-eyecatch-right {
	max-width: 40%;
	margin: 0 0 20px 20px;
	float: right;
}

.section-eyecatch-left {
	max-width: 40%;
	margin: 0 20px 20px 0;
	float: left;
}

.section-eyecatch-center {
	margin: 0 auto 20px;
	display: block;
}

/* 記事情報
------------------------- */
.post-info-wrap {
	margin: 0 0 16px;
	overflow: hidden;
}

.post-info-wrap .post-info-item {
	margin: 0 15px 0 0;
	padding: 0 0 0 20px;
	background: left top 4px no-repeat;
	float: left;
}

.post-info-wrap .post-info-item-date {
	background-image: url(../images/common/icon_calendar.png);
}

.post-info-wrap .post-info-item-tag {
	background-image: url(../images/common/icon_tag.png);
}

/* タグリスト */
.post-tag-list {
	overflow: hidden;
}

.post-tag-list li {
	margin: 0 5px 0 0;
	float: left;
}

.post-tag-list li:not(:last-child):after {
	content: ',';
}

/* SNSシェアボタン
------------------------- */
.share-btn-list {
	margin: 0 0 16px;
	text-align: right;
	font-size: 0;
	letter-spacing: 0;
	overflow: hidden;
}

.share-btn-list li {
	margin: 0 0 0 8px;
	vertical-align: top;
	display: inline-block;
}

/* 詳細ページ用　前後の記事
------------------------- */
.prev-next-post {
	overflow: hidden;
}

.prev-next-post .prev-post,
.prev-next-post .next-post {
	width: calc(50% - 4px);
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	float: left;
}

.prev-next-post .next-post {
	float: right;
}

.prev-next-post .next-post {
	float: right;
}

.prev-next-post a {
	padding: 0 20px;
	line-height: 96px;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	overflow: hidden;
}

.prev-next-post .prev-post a {
	padding-left: 47px;
	background: url(../images/common/icon_arrow02.png) left 20px center no-repeat;
}

.prev-next-post .next-post a {
	padding-right: 47px;
	background: url(../images/common/icon_arrow01.png) right 20px center no-repeat;
}

.prev-next-post a:hover {
	text-decoration: none;
	background-color: #fafafa;
}

/* その他
-------------------------------------------------- */
/* 投稿日 */
.post-date {
	margin: 0 0 15px;
	padding: 1px 0 0 12px;
	font-size: 13px;
	background: url(../images/common/icon_arrow03.png) left center no-repeat;
	display: block;
}

/* テキストボタン */
.text-btn {
	width: 200px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	background: url(../images/common/icon_arrow01_white.png) right 16px center no-repeat #54a2dc;
	display: inline-block;
}

.text-btn:hover {
	color: #fff;
	text-decoration: none;
	background-color: #26b99a;
}


/*==================================================
 記事リスト
================================================== */
/* 01
-------------------------------------------------- */
.styled-post-list01 ul li{

}

.styled-post-list01 .item {
	width: calc((100% - 48px) / 4);
	margin: 0 16px 16px 0;
	float: left;
}

.styled-post-list01 .item:nth-child(4n) {
	margin-right: 0;
}


.styled-post-list01 .thumb {
	margin: 0 0 8px;
	display: block;
}

.styled-post-list01 .info {
	width: 300px;
	padding-bottom: 20px;
}

.styled-post-list01 .info a{
	color: #333;
}
.styled-post-list01 .info a:hover{
	color: #E2A438;
}
.side-archive-list a{color: #333;}
.side-archive-list a:hover{color: #E2A438;}

/* 02
-------------------------------------------------- */
.styled-post-list02 .item {
	width: calc((100% - 48px) / 4);
	margin: 0 16px 16px 0;
	float: left;
}

.styled-post-list02 .item:nth-child(4n) {
	margin-right: 0;
}


.styled-post-list02 .thumb {
	margin: 0 0 8px;
	display: block;
}

.styled-post-list02 .title {
	margin: 0 0 8px;
}

.styled-post-list02 .price-num {
	margin-right: .2em;
	color: #f00;
	font-size: 1.2em;
	font-weight: bold;
}



/* 詳細情報リスト
------------------------- */
.styled-post-list02 .detail {
	margin: .5em;
	font-size: 80%;
	line-height: 1.2;
	border-bottom: 1px solid #e6e6e6;
	overflow: hidden;
}

.styled-post-list02 .detail dt {
	width: 45px;
	max-height: 2em;
	margin: 0 0 .5em;
	font-weight: bold;
	float: left;
	clear: right;
	overflow: hidden;
}

.styled-post-list02 .detail dd {
	width: calc(100% - 45px);
	max-height: 2em;
	margin: 0 0 .5em;
	float: left;
}

/*==================================================
 サイトマップ
================================================== */
.sitemap-list li {
	padding: 0 0 0 20px;
	line-height: 45px;
	border-bottom: 1px solid #aaa;
	background: url(../images/common/icon_arrow01.png) left 5px center no-repeat;
}

.sitemap-list a {
	color: inherit;
}


#menu_block{
	position: relative;
}

.instaLink{
	position: absolute;
	right: -65px;
	top:22px
}