@charset "UTF-8";

/*
#HTML5 Reset

html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
	margin : 0;
	padding : 0;
	outline : 0;
	border : 0;
	background : transparent;
	vertical-align : baseline;
	font-size : 100%;
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
	display : block;
}

nav ul {
	list-style : none;
}

blockquote,
q {
	quotes : none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content : "";
	content : none;
}

a {
	margin : 0;
	padding : 0;
	border : 0;
	background : transparent;
	vertical-align : baseline;
}

ins {
	background-color : #FFFF99;
	color : #000000;
	text-decoration : none;
}

mark {
	background-color : #FFFF99;
	color : #000000;
	font-weight : bold;
	font-style : italic;
}

del {
	text-decoration : line-through;
}

abbr[title],
dfn[title] {
	border-bottom : 1px dotted #000000;
	cursor : help;
}

table {
	border-spacing : 0;
	border-collapse : collapse;
}

hr {
	display : block;
	margin : 1em 0;
	padding : 0;
	height : 1px;
	border : 0;
	border-top : 1px solid #CCCCCC;
}

input,
select {
	vertical-align : middle;
}

img {
	outline : 0;
	border : 0;
	vertical-align : bottom;
}

/*
#共通設定
===================================
## 全体
===================================*/

html {
	height : 100%;
	font-size : 62.5%;
}

body {
	position : relative;
	color : #333333;
	text-align : center;
	font-size : 15px;
	font-size : 1.5rem;
	font-family : Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	line-height : 1.3;

	-webkit-text-size-adjust : 100%;
}

a {
	color : #0066CC;
	text-decoration : none;
}

a,
a img {
	box-shadow : #000000 0 0 0;
	-webkit-transition : opacity 0.3s ease-out;
	   -moz-transition : opacity 0.3s ease-out;
	     -o-transition : opacity 0.3s ease-out;
	        transition : opacity 0.3s ease-out;

	backface-visibility : hidden;
}

/*IE11 only*/

img {
	max-width : 100%;
}

/*===================================
## ヘッダ
===================================*/

a#top {
	position : absolute;
	top : 0;
	left : 0;
}

header {
	position : relative;
	border-top : 3px solid #0A63B0;
	text-align : left;

	*zoom : 1;
}

header:after {
	display : block;
	visibility : hidden;
	clear : both;
	height : 0;
	content : "\0020";
}

#siteId {
	float : left;
	margin : 4px 0 0 10px;
	width : 145px;
	height : 39px;
	background : url("../images/id-sp.png") no-repeat 0 0;
	-webkit-background-size : 145px 39px;
	   -moz-background-size : 145px 39px;
	     -o-background-size : 145px 39px;
	        background-size : 145px 39px;
	text-indent : -9999px;
}

#siteId a {
	display : block;
	height : 100%;
}

#headMenu {
	float : right;
	width : 110px;
	height : 48px;
}

/* SNSボタン -----*/

#headSns {
	display : block;
	float : left;
	width : 70px;
}

#headSns li {
	display : block;
	float : left;
	margin : 0;
	padding : 0;
	width : 35px;
	height : 48px;
}

#headSns a {
	display : block;
	overflow : hidden;
	width : 100%;
	height : 100%;
}

#headSns span {
	display : block;
	margin : 7px 0;
}

.fbBtn a {
	background-color : #537BBD;
}

.fbBtn a span {
	width : 35px;
	height : 35px;
	background : url("../images/btn-fb-sp.png") no-repeat 0 0;
	-webkit-background-size : 35px 35px;
	   -moz-background-size : 35px 35px;
	     -o-background-size : 35px 35px;
	        background-size : 35px 35px;
	text-indent : -9999px;
}

.tweetBtn a {
	background : #83C9ED;
}

.tweetBtn a span {
	width : 35px;
	height : 35px;
	background : url("../images/btn-tw-sp.png") no-repeat 0 0;
	-webkit-background-size : 35px 35px;
	   -moz-background-size : 35px 35px;
	     -o-background-size : 35px 35px;
	        background-size : 35px 35px;
	text-indent : -9999px;
}

/* プルダウンまわり -----*/

#nav {
	float : left;
	width : 40px;
	height : 48px;
}

#catPullDown {
	display : block;
	overflow : hidden;
	width : 100%;
	height : 100%;
	background : #2B93DE;
	text-align : center;
	text-indent : -9999px;
}

#catPullDown span {
	display : block;
	margin : 7px auto;
	width : 35px;
	height : 35px;
	background : url("../images/btn-search-sp.png") no-repeat 0 0;
	-webkit-background-size : 35px 35px;
	   -moz-background-size : 35px 35px;
	     -o-background-size : 35px 35px;
	        background-size : 35px 35px;
	text-indent : -9999px;
}

ul#navPullDown {
	position : absolute;
	top : 48px;
	left : 0;
	z-index : 1000;
	display : none;
	overflow : hidden;
	width : 100%;
	border-top : 1px solid #CCCCCC;
}

ul#navPullDown li {
	border : 1px solid #CCCCCC;
	border-top : none;
	background : #FFFFFF;
	list-style-type : none;
	text-align : left;
}

ul#navPullDown li.current a {
	background : #EDEDED;
}

ul#navPullDown li a {
	display : block;
	padding : 0.6em 0 0.6em 15px;
	color : #333333;
	text-decoration : none;
	line-height : 1.1;
}

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

#mv {
	margin : 0 0 10px;
}

/* bx-slider
----------------*/

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */

/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position : relative;
	margin : 0 auto 60px;
	padding : 0;

	*zoom : 1;
}

.bx-wrapper img {
	display : block;
	max-width : 100%;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform : translatez(0);
	   -moz-transform : translatez(0);
	    -ms-transform : translatez(0);
	     -o-transform : translatez(0);
	        transform : translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position : absolute;
	width : 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	position : absolute;
	top : 0;
	left : 0;
	z-index : 2000;
	min-height : 50px;
	width : 100%;
	height : 100%;
	background : url("../images/loader.gif") center center no-repeat #FFFFFF;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align : center;
	font-weight : bold;
	font-size : 0.85em;
	font-family : Arial;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display : inline-block;

	*display : inline;
	*zoom : 1;
}

.bx-pager a {
	display : block;
	margin : 0 5px;
	width : 18px;
	height : 18px;
	outline : 0;
	-webkit-border-radius : 55%;
	   -moz-border-radius : 55%;
	        border-radius : 55%;
	background : #C9C9C9;
	box-shadow : none;
	text-indent : -9999px;
}

.bx-pager a:hover,
.bx-pager a.active {
	-webkit-border-radius : 55%;
	   -moz-border-radius : 55%;
	        border-radius : 55%;
	background : #0A63B0;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position : absolute;
	bottom : 0;
	left : 0;
	width : 100%;
	background : #666666 \9;
	background : rgba(80, 80, 80, 0.75);
}

.bx-wrapper .bx-caption span {
	display : block;
	padding : 10px;
	color : #FFFFFF;
	font-size : 0.85em;
	font-family : Arial;
}

/*
------------------------
bx-slider END
*/

#mv .bx-wrapper {
	margin : 0;
	text-align : center;
	zoom : 1;
}

#mvImgsWrap {
	padding : 0 0 35px;
}

#mvImgs img {
	width : 100%;
}

.bx-pager {
	padding : 15px 0 0;
	border : 1px solid #FFFFFF;
}

.bx-pager a:hover {
	background : #0A63B0;
}

.bx-controls-direction {
	display : none;
}

/*===================================
## セクション
===================================*/

section {
	margin : 0 15px 10px;
	text-align : left;
}

.sectionTit {
	margin : 0 0 8px;
	padding-top : 10px;
	color : #035AA1;
	text-align : center;
	font-weight : normal;
	font-size : 20px;
	font-size : 2rem;
	font-family : "Lato", sans-serif;
}

.sectionTit span {
	margin : 0 0 0 5px;
	color : #333333;
	vertical-align : middle;
	font-size : 11px;
	font-size : 1.1rem;
	font-family : Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

/*===================================
## メイン,
===================================*/

#contents {
	margin : 0 0 20px;
}

/* 人気のキーワード -----*/

.popular li,
.keywords li {
	display : inline;
	margin : 0 0.8em 0 0;
	padding : 0;
	list-style-type : none;
	white-space : nowrap;
	font-size : 13px;
	font-size : 1.3rem;
	line-height : 1.75;
}

.popular li a,
.keywords li a {
	color : #333333;
}

.popular {
	margin-bottom : 20px;
	padding : 10px;
	-webkit-border-radius : 4px;
	-webkit-border-radius : 4px;
	   -moz-border-radius : 4px;
	   -moz-border-radius : 4px;
	        border-radius : 4px;
	        border-radius : 4px;
	background : #FFF489;
}

.popular dt {
	margin : 0 0 5px;
	padding : 0 0 0 20px;
	background : url(../images/ico-popular.png) no-repeat 0 50%;
	background-size : 15px auto;
	font-weight : bold;
	font-size : 14px;
	font-size : 1.4rem;
}

/*
###　ポスト一覧
-----------------------------------------*/

.postList {
	margin : 0 10px 20px;
}

.articles {
	*zoom : 1;
}

.articles:after {
	display : block;
	visibility : hidden;
	clear : both;
	height : 0;
	content : "\0020";
}

.postWrapper {
	float : left;
	box-sizing : border-box;
	margin : 0 0 10px;
	padding : 0 5px;
	width : 50%;
}

a.postInner {
	position : relative;
	display : block;
	overflow : hidden;
	padding : 2px;
	border : 2px solid #6DBAE2;
	-webkit-border-radius : 4px;
	   -moz-border-radius : 4px;
	        border-radius : 4px;
	color : #333333;
	opacity : 1;
	zoom : 1;
}

a.postInner .postExcerpt {
	display : block;
	font-size : 12px;
	font-size : 1.2rem;
	line-height : 1.5;
}

a.postInner .thumb {
	position : relative;
	overflow : hidden;
	padding-top : 60.14492%;
	height : 0;
}

a.postInner .thumb img {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
}

.js-tile {
	display : block;
	zoom : 1;
}

.thumb {
	display : block;
}

.newPost {
	position : absolute;
	top : -24px;
	right : 10px;
	display : block;
	margin-top : 60%;
	width : 30px;
	height : 30px;
	background : url("../images/ico-new-sp.png") no-repeat 0 0;
	-webkit-background-size : 30px 30px;
	   -moz-background-size : 30px 30px;
	     -o-background-size : 30px 30px;
	        background-size : 30px 30px;
	text-indent : -9999px;
}

.postDetail {
	display : block;
	padding : 10px 10px 15px;
}

.postCategory {
	display : block;
	color : #0A63B0;
	font-size : 11px;
	font-size : 1.1rem;
}

.postDate {
	display : block;
	color : #666666;
	font-size : 11px;
	font-size : 1.1rem;
}

.postTitle {
	display : block;
	clear : both;
	margin : 12px 0 12px;
	padding : 12px 0 0;
	border-top : 1px dotted #CCCCCC;
	font-weight : bold;
	font-size : 14px;
	font-size : 1.4rem;
}

.btntoPost {
	display : block;
	margin : 12px 0 0;
	padding : 0.5em 0;
	background : #2B93DE;
	color : #FFFFFF;
	text-align : center;
	font-size : 12px;
	font-size : 1.2rem;
	line-height : 1.1;
}

.btnMore {
	clear : both;
	margin : 10px 0 0;
}

.btnMore a {
	display : block;
	padding : 0.8em 0;
	background : #EEEEEE;
	color : #333333;
	text-align : center;
	font-weight : bold;
	font-size : 10px;
	font-size : 1rem;
}

.ico {
	margin : 0 0.5em;
	color : #0A63B0;
}

/*
###　サイド
-----------------------------------------*/

/* おすすめ、下層人気の記事 -----*/

/* バナー -----*/

#banners ul {
	margin : 25px 0 0;
}

#banners ul li {
	margin : 0 0 10px;
	list-style-type : none;
}

#banners ul li img {
	width : 100%;
}

/* Facebook -----*/

/*===================================
##フッタ
===================================*/

footer {
	clear : both;
	margin-top : 50px;
	background : #CCEFFF;
}

#footId {
	padding : 22px 0 20px;
	text-align : left;
}

#footId a {
	display : block;
	margin : 0 0 0 15px;
	width : 145px;
	height : 39px;
	background : url("../images/id-foot-sp.png") no-repeat 0 0;
	-webkit-background-size : 145px 39px;
	   -moz-background-size : 145px 39px;
	     -o-background-size : 145px 39px;
	        background-size : 145px 39px;
	text-indent : -9999px;
}

footer p {
	padding : 5px 0;
	background : #0A63B0;
	color : #FFFFFF;
	text-align : center;
	font-size : 10px;
	font-size : 1rem;
}

/* トップへ戻るボタン -----*/

#btnPagetop {
	position : absolute;
	right : 15px;
	bottom : 40px;
}

#btnPagetop a {
	display : block;
	width : 50px;
	height : 50px;
	background : url("../images/pagetop-sp.png") no-repeat 0 0;
	-webkit-background-size : 50px 50px;
	   -moz-background-size : 50px 50px;
	     -o-background-size : 50px 50px;
	        background-size : 50px 50px;
	text-indent : -9999px;
}

/*===================================
## 下層
===================================*/

#bread {
	display : none;
}

.singlePost {
	background : url(../images/ajax-loader.gif) no-repeat center 10px;
	background-size : 20px 20px;
}

.singlePost:first-child {
	background : none;
}

.singlePost + .singlePost {
	margin-top : 30px;
}

.singlePost + .singlePost .inner {
	padding-top : 30px;
	border-top : 4px solid #0A63B0;
	background : #FFFFFF;
	opacity : 0;
}

.autoload {
	display : none;
}

.postOutline {
	position : relative;
	margin : 0 0 15px 0;
	border : 1px solid #C9C9C9;
}

.postOutline .postMeta {
	margin : 0 -1px;
	background-color : #2B93DE;
	vertical-align : middle;
	text-align : left;
}

.postOutline .postCategory {
	float : right;
	box-sizing : border-box;
	margin : 0;
	padding : 0.4em 0 0.4em 15px;
	width : 70%;
	border-left : 1px dotted #FFFFFF;
	color : #FFFFFF;
	font-size : 12px;
	font-size : 1.2rem;
}

.postOutline .postDate {
	float : none;
	padding : 0.4em 0;
	color : #FFFFFF;
	text-align : center;
	font-size : 12px;
	font-size : 1.2rem;
}

.postOutline .postTitle {
	margin : 0 -1px;
	padding : 0;
	border-top : none;
	background-color : #0B2C75;
}

.postOutline .postTitle span {
	display : block;
	padding : 10px 15px;
	color : #FFFFFF;
	font-size : 18px;
	font-size : 1.8rem;
	line-height : 1.4;
}

.tweet iframe {
	overflow : hidden;
	margin : 0 !important;
	width : 90px !important;
}

.like .iframe {
	margin : 0 !important;
}

/* SNSボタン -----*/

.snsBtns {
	position : relative;
	margin : 0 auto 30px;
	width : 250px;
	text-align : center;
}

.snsBtns ul {
	margin-bottom : -14px;
}

.snsBtns li {
	display : inline-block;
	margin-bottom : 14px;
	height : 66px;
	list-style-type : none;
	vertical-align : top;
}

.snsBtns li.fb a {
	display : block;
	overflow : hidden;
	width : 62px;
	height : 62px;
	background : url(../images/btn-fb-share.png) no-repeat;
	text-indent : 100%;
	white-space : nowrap;
}

.snsBtns li + li {
	margin-left : 5px;
}

.clmTitle {
	margin : 0 0 10px;
	padding : 0 0 5px 25px;
	border-bottom : 1px solid #0A63B0;
	background : url("../images/ico-tit-sp.png") no-repeat 0 30%;
	background-size : 20px auto;
	font-size : 16px;
	font-size : 1.6rem;
	line-height : 1.24;
}

#postBody {
	margin-bottom : 30px;
	padding : 0 15px;
	text-align : left;
	font-size : 14px;
	font-size : 1.4rem;
	line-height : 1.7;
}

.clmNoImg,
.clmImgLeft,
.clmImgRight,
.clmImgCenter {
	margin : 30px 0 0;

	*zoom : 1;
}

.clmNoImg:after,
.clmImgLeft:after,
.clmImgRight:after,
.clmImgCenter:after {
	display : block;
	visibility : hidden;
	clear : both;
	height : 0;
	content : "\0020";
}

.clmImgLeft img,
.imageLeft {
	margin-bottom : 15px;
}

.clmImgRight img,
.imageRight {
	margin-bottom : 15px;
}

.clmImgCenter img,
.imageCenter {
	display : block;
	margin-bottom : 15px;
}

.banner {
	margin : 25px 15px;
}

.banner img {
	width : 100%;
}

.toOfficialBan {
	display : block;
	margin : -15px 10px 30px;
}

.toOfficialBan a {
	max-width : 100%;
}

.keywords {
	margin : 25px 0 15px;
	padding : 10px 15px;
	background : #FFF489;
	text-align : left;
}

.keywords li {
	font-size : 14px;
	font-size : 1.4rem;
}

.topics {
	margin : 0 15px;
	padding : 10px;
	border : 1px solid #CCCCCC;
	text-align : left;
}

.topics h2 {
	margin : 0 0 18px;
	padding : 0;
	font-size : 15px;
	font-size : 1.5rem;
}

.topics h2 span {
	display : block;
}

.topics li {
	border-top : 1px dotted #CCCCCC;
	list-style-type : none;
}

.topics li a {
	display : table;
	padding : 15px 0;
	width : 100%;
	color : #333333;

	*zoom : 1;
}

.topics li a:after {
	display : block;
	visibility : hidden;
	clear : both;
	height : 0;
	content : "\0020";
}

.topics .thumb {
	display : table-cell;
	padding : 0 10px 0 0;
	width : 70px;
}

.topics .thumb img {
	width : 100%;
}

.topics .postDetail {
	display : table-cell;
	padding : 0;
	border-top : none;
	vertical-align : middle;
}

.topics .postTitle {
	display : inline;
	border-top : none;
	font-weight : bold;
	font-size : 13px;
	font-size : 1.3rem;
	line-height : 1.7;
}

.topics .postExcerpt {
	display : inline;
	font-size : 12px;
	font-size : 1.2rem;
	line-height : 1.1;
}

@media screen and (min-width: 768px) {
	body {
		min-width : 960px;
	}

	a:hover {
		color : #0099FF;
	}

	a:hover img {
		opacity : 0.8;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	}

	header {
		position : fixed;
		top : 0;
		left : 0;
		z-index : 1000;
		width : 100%;
		height : 112px;
		border-bottom : none;
		background : #FFFFFF;
		-webkit-box-shadow : 0 2px 2px 0 rgba(0, 0, 0, 0.1);
		   -moz-box-shadow : 0 2px 2px 0 rgba(0, 0, 0, 0.1);
		        box-shadow : 0 2px 2px 0 rgba(0, 0, 0, 0.1);
		text-align : center;
		filter: progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC, direction=180, strength=1);
		zoom : 1;
	}

	header.scroll {
		height : 80px;
	}

	header #headerInner {
		margin : 0 auto;
		width : 960px;
	}

	#siteId {
		margin : 18px 0 0;
		width : 264px;
		height : 74px;
		background : url("../images/id-pc.png") no-repeat 0 0;
		background-size : auto;
		text-indent : -9999px;
	}

	#header.scroll #siteId {
		margin-top : 16px;
		width : 225px;
		height : 55px;
		background-size : contain;
	}

	#header.scroll #headSns {
		display : none;
	}

	#header.scroll #nav {
		padding-top : 22px;
	}

	#header.scroll #nav ul {
		top : 62px;
	}

	#headMenu {
		width : 275px;
	}

	#headSns {
		float : right;
		width : 64px;
	}

	#headSns li {
		width : 32px;
		height : 32px;
	}

	#headSns a:hover {
		opacity : 0.8;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	}

	#headSns span {
		margin : 0;
	}

	.fbBtn a span {
		width : 32px;
		height : 31px;
		background : url("../images/btn-fb-pc.png") no-repeat 0 0;
		background-size : auto;
		text-indent : -9999px;
	}

	.tweetBtn a span {
		width : 32px;
		height : 31px;
		background : url("../images/btn-tw-pc.png") no-repeat 0 0;
		background-size : auto;
		text-indent : -9999px;
	}

	#nav {
		position : relative;
		float : none;
		clear : both;
		padding : 15px 0 0;
		width : 100%;
	}

	#catPullDown {
		position : relative;
		width : 273px;
		height : auto;
		border : 1px solid #CCCCCC;
		background : url(../images/ico-select.png) no-repeat 16px 10px;
		text-align : left;
	}

	#catPullDown span {
		display : block;
		margin : 0;
		padding : 10px 0 10px 40px;
		width : auto;
		height : auto;
		background : none;
		color : #333333;
		text-indent : 0;
		font-weight : bold;
		font-size : 16px;
		font-size : 1.6rem;
	}

	#catPullDown span:after {
		position : absolute;
		top : 0;
		right : 0;
		display : block;
		width : 32px;
		height : 100%;
		background : #2B93DE url(../images/ico-select-arrow.png) no-repeat 50% 50%;
		content : " ";
	}

	#catPullDown span.isOpen:after {
		background-image : url(../images/ico-select-arrow-open.png);
	}

	ul#navPullDown {
		top : 57px;
		border-top : none;
	}

	ul#navPullDown li a:hover {
		background : #E4F6FF;
	}

	#mvImgs img {
		width : auto;
	}

	#mv {
		overflow-x : hidden;
		width : 100%;
	}

	#mvImgsWrap {
		position : relative;
		margin : 0 auto;
		padding : 0 0 40px;
		width : 960px;
		height : 350px;
	}

	#mvImgs {
		position : absolute;
		width : 100%;
		height : 100%;
	}

	#mvImgs .bx-wrapper {
		left : 50%;
		margin-left : -1440px;
		max-width : 2880px !important;
		width : 2880px !important;
	}

	#mvImgs ul {
		overflow : hidden;
	}

	#mvImgs li {
		width : 960px !important;
	}

	#mvImgs li a {
		display : block;
		background : none;
	}

	#mvImgs li a img {
		background : none;
	}

	#mvImgs .bx-viewport li {
		opacity : 0.5;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	}

	#mvImgs .bx-viewport li a {
		cursor : default;
	}

	#mvImgs .bx-viewport li.active {
		opacity : 1;
		filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	}

	#mvImgs .bx-viewport li.active a {
		cursor : pointer;
	}

	.bx-viewport {
		overflow : visible !important;
		margin-left : 960px;
	}

	.bx-controls-direction {
		position : relative;
		top : -195px;
		display : block;
		margin : 0 auto;
		width : 960px;
	}

	.bx-controls-direction a {
		position : absolute;
		width : 40px;
		height : 40px;
		text-indent : -9999px;
	}

	.bx-prev {
		left : -20px;
		background : url(../images/index/mv-arrow-prev.png) no-repeat 0 0;
	}

	.bx-next {
		right : -20px;
		background : url(../images/index/mv-arrow-next.png) no-repeat 0 0;
	}

	.bx-pager {
		background : #FFFFFF;
		-webkit-box-shadow : 0 -2px 2px 0 rgba(0, 0, 0, 0.1);
		   -moz-box-shadow : 0 -2px 2px 0 rgba(0, 0, 0, 0.1);
		        box-shadow : 0 -2px 2px 0 rgba(0, 0, 0, 0.1);
		filter: progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC, direction=0, strength=3, enabled=true);
	}

	section {
		margin : 0 0 40px;
	}

	.sectionTit {
		padding-top : 0;
		text-align : left;
		font-size : 25px;
		font-size : 2.5rem;
	}

	.sectionTit span {
		font-size : 12px;
		font-size : 1.2rem;
	}

	main {
		display : block;
		padding-top : 112px;
	}

	body.scroll main {
		padding-top : 80px;
	}

	#main {
		margin : 0 auto;
		padding-top : 20px;
		min-height : 100%;
		width : 960px;

		*zoom : 1;
	}

	#main:after {
		display : block;
		visibility : hidden;
		clear : both;
		height : 0;
		content : "\0020";
	}

	#contents {
		float : left;
		margin : 0;
		width : 715px;
		text-align : left;
	}

	#contents.pageWidthAll {
		margin : 0;
		width : 100%;
		text-align : left;
	}

	.popular li a:hover,
	.keywords li a:hover {
		color : #0099FF;
	}

	.popular dt {
		padding : 0 0 0 32px;
		background : url(../images/ico-popular-pc.png) no-repeat 0 50%;
		background-size : auto;
		font-size : 16px;
		font-size : 1.6rem;
	}

	.popular li {
		font-size : 14px;
		font-size : 1.4rem;
	}

	.postList {
		margin : 0 -20px 40px 0;
		width : 735px;
	}

	.postWrapper {
		margin : 0 20px 20px 0;
		padding : 0;
		width : 225px;
	}

	a.postInner {
		-webkit-transition : all 0.5s ease-out;
		   -moz-transition : all 0.5s ease-out;
		     -o-transition : all 0.5s ease-out;
		        transition : all 0.5s ease-out;
	}

	a.postInner:hover {
		background : #FFFFCE;
		color : #333333;
		opacity : 1;
	}

	a.postInner .postExcerpt {
		font-size : 13px;
		font-size : 1.3rem;
	}

	.newPost {
		top : 107px;
		margin-top : 0;
		width : 40px;
		height : 40px;
		background : url("../images/ico-new-pc.png") no-repeat 0 0;
		background-size : auto;
		text-indent : -9999px;
	}

	.postDetail {
		padding : 15px;
	}

	.postCategory {
		float : left;
		font-size : 12px;
		font-size : 1.2rem;
	}

	.postDate {
		float : right;
		margin : 0 0 3px;
		font-size : 12px;
		font-size : 1.2rem;
	}

	.postTitle {
		font-size : 15px;
		font-size : 1.5rem;
	}

	.btntoPost {
		margin-top : 30px;
		padding : 0.2em 0;
		font-size : 13px;
		font-size : 1.3rem;
	}

	.postList a:hover .btntoPost,
	.btntoPost a:hover {
		color : #FFFFFF;
		opacity : 0.8;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	}

	.btnMore a:hover {
		color : #0099FF;
	}

	.btnMore {
		margin : 35px 20px 40px 0;
	}

	.btnMore a {
		font-size : 14px;
		font-size : 1.4rem;
	}

	aside {
		float : right;
		width : 225px;
	}

	aside section {
		margin-bottom : 25px;
	}

	.sidePostList .sectionTit {
		letter-spacing : -1px;
		font-size : 22px;
		font-size : 2.2rem;
	}

	.sidePostList .sectionTit span {
		letter-spacing : normal;
		font-size : 12px;
		font-size : 1.2rem;
	}

	.sidePostList .postList {
		margin : 0 0 25px;
		width : 100%;
	}

	.sidePostList li {
		box-sizing : border-box;
		margin : 0 0 10px;
		padding : 2px;
		width : 100%;
		border : 2px solid #6DBAE2;
		-webkit-border-radius : 4px;
		   -moz-border-radius : 4px;
		        border-radius : 4px;
		list-style-type : none;
	}

	.sidePostList li a {
		display : block;
		padding : 0 0 15px;
		color : #333333;
		-webkit-transition : all 0.5s ease-out;
		   -moz-transition : all 0.5s ease-out;
		     -o-transition : all 0.5s ease-out;
		        transition : all 0.5s ease-out;
	}

	.sidePostList li a:hover {
		background : #FFFFCE;
		color : #333333;
		opacity : 1;
	}

	.sidePostList .postTitle {
		display : block;
		margin : 15px 10px;
		padding : 0;
		border-style : none;
	}

	.sidePostList .btntoPost {
		margin : 15px 10px 0;
		background-color : #2B93DE;
	}

	#footId {
		display : block;
		margin : 0 auto;
		padding : 25px 0 20px;
		width : 960px;
		text-align : right;
	}

	#footId a {
		display : inline-block;
		overflow : hidden;
		width : 184px;
		height : 50px;
		background : url("../images/id-foot.png") no-repeat 0 0;
		background-size : auto;
		text-align : left;
		text-indent : -9999px;
	}

	#footId p {
		margin : 10px 0 20px;
	}

	#btnPagetop {
		position : fixed;
		right : 30px;
		bottom : 30px;
	}

	#btnPagetop.stop {
		position : absolute;
		bottom : 143px;
		opacity : 1;
		/*変更した場合JSも変更*/
	}

	#btnPagetop a {
		width : 50px;
		height : 50px;
		background : url("../images/pagetop-pc.png") no-repeat 0 0;
		background-size : auto;
		text-indent : -9999px;
		opacity : 0;
	}

	#bread {
		display : block;
		margin : 0 0 10px;
		background : #F2F2F2;
	}

	#bread ul {
		margin : 0 auto;
		padding : 0.6em 0;
		width : 960px;
		text-align : left;
		font-size : 14px;
	}

	#bread li {
		display : inline;
		line-height : 1.1;
	}

	#bread a {
		margin : 0 0 1em;
		padding : 0 16px 0 0;
		background : url(../images/ico-arrow-pc.png) no-repeat 100% 50%;
	}
	#bread li:last-child a { padding-right : 0; background : none; color : #777;}

	.singlePost {
		background-position : center 15px;
		background-size : 30px 30px;
	}

	.singlePost + .singlePost {
		margin-top : 50px;
	}

	.singlePost + .singlePost .inner {
		padding-top : 50px;
	}

	.postOutline .postMeta {
		position : absolute;
		bottom : 0;
		left : -1px;
		margin : 0;
		width : 169px;
		height : 95px;
		background-color : rgba(43, 147, 222, 0.8);
		text-align : center;
		-ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#CB2E9FC9,EndColorStr=#CB2E9FC9);
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#CB2E9FC9,EndColorStr=#CB2E9FC9);
	}

	.postOutline .postMeta:not(:target),
	.postOutline .postTitle:not(:target) {
		-ms-filter : none;
		    filter : none;
	}

	.postOutline .postCategory {
		float : none;
		margin : 0 12px;
		padding : 22px 0 9px;
		width : auto;
		border-bottom : 1px dotted #FFFFFF;
		border-left : none;
		font-weight : bold;
		font-size : 13px;
		font-size : 1.3rem;
	}

	.postOutline .postDate {
		float : none;
		color : #FFFFFF;
		text-align : center;
		font-size : 13px;
		font-size : 1.3rem;
	}

	.postOutline .postTitle {
		position : absolute;
		right : -1px;
		bottom : 0;
		display : table;
		margin : 0;
		margin : 0;
		padding : 0;
		width : 546px;
		height : 95px;
		background-color : rgba(11, 44, 117, 0.8);
		-ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#80000000,EndColorStr=#80000000);
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#80000000,EndColorStr=#80000000);
	}

	.postOutline .postTitle span {
		display : table-cell;
		padding : 0 20px;
		vertical-align : middle;
		font-weight : bold;
		font-size : 26px;
		font-size : 2.6rem;
	}

	.snsBtns li.fb a:hover {
		opacity : 0.8;
	}

	.snsBtns {
		margin : 0 0 45px;
		width : auto;
	}

	.snsBtnTop {
		margin-bottom : 35px;
	}

	.snsBtnTop ul {
		text-align : right;
	}

	.clmTitle {
		margin : 40px 0 20px;
		padding : 0 0 6px 31px;
		background : url("../images/ico-tit-pc.png") no-repeat 0 0;
		font-weight : bold;
		font-size : 21px;
		font-size : 2.1rem;
	}

	#postBody {
		margin-bottom : 35px;
		padding : 0;
		font-size : 14px;
		font-size : 1.4rem;
	}

	.clmNoImg,
	.clmImgLeft,
	.clmImgRight,
	.clmImgCenter {
		margin : 40px 0 0;
	}

	.clmImgLeft img,
	.imageLeft {
		float : left;
		margin : 0.3em 20px 20px 0;
		width : 340px;
	}

	.clmImgRight img,
	.imageRight {
		float : right;
		margin : 0.3em 0 20px 20px;
		width : 340px;
	}

	.clmImgCenter img,
	.imageCenter {
		margin : 0 auto 20px;
	}

	.banner {
		margin : 40px 0;
	}

	.keywords {
		margin : 40px 0 25px;
		padding : 20px 18px;
	}

	.keywords li {
		font-size : 14px;
		font-size : 1.4rem;
	}

	.topics {
		margin : 0;
		padding : 20px 25px;
	}

	.topics h2 {
		font-size : 18px;
		font-size : 1.8rem;
	}

	.topics h2 span {
		display : inline;
	}

	.topics .thumb {
		padding : 0 12px 0 0;
		width : 110px;
	}

	.topics .postTitle {
		font-size : 15px;
		font-size : 1.5rem;
	}

	.topics .postExcerpt {
		font-size : 13px;
		font-size : 1.3rem;
		line-height : 1.5;
	}
}

@media screen and (max-width: 767px) {
	html {
		overflow-x : hidden;
	}

	img {
		height : auto;
	}

	#mv {
		overflow : hidden;
		width : 100%;
	}

	.bx-viewport {
		height : auto !important;
	}

	#mv li {
		width : 320px\9 !important;
	}

	.sidePostList ul {
		margin : 0;
		padding : 0 10px;
		-webkit-border-radius : 4px;
		   -moz-border-radius : 4px;
		        border-radius : 4px;
		background : #B9E8FF;
	}

	.sidePostList li {
		border-bottom : 1px dotted #2B93DE;
		list-style-type : none;
	}

	.sidePostList li:last-child {
		border-bottom : none;
	}

	.sidePostList li a {
		display : block;
		padding : 1em 0 1em 10px;
		background : url(../images/ico-arrow-sp.png) no-repeat 0 1.4em;
		background-size : 4px 8px;
		color : #333333;
	}

	.sidePostList .thumb,
	.sidePostList .btntoPost {
		display : none;
	}

	.sidePostList .postTitle {
		display : inline;
		border-style : none;
		font-size : 14px;
		font-size : 1.4rem;
	}

	#likebox {
		display : none;
	}
}

@media all and (-ms-high-contrast: none) {
	a,
	a img {
		-webkit-transition : none 1s;
		   -moz-transition : none 1s;
		     -o-transition : none 1s;
		        transition : none 1s;
	}
}