@charset "utf-8";
/*++++++++++++++++++++++++++++++
+++++++++++++++
++++++

==下層ページのスタイル設定ファイル==



■サイドコンテンツ
sideContent



+++++++
+++++++++++++++
++++++++++++++++++++++++++++++*/

#content {
	padding:40px 0 100px 0;}
#globalFoot .foot {
	padding:20px 0;}



/* =============================================================================
   汎用スタイル
   ========================================================================== */

/* #topicpath */
#topicpath {
	margin-bottom:40px;}
#topicpath ul {
	padding:0;
	margin:0;
	list-style:none;}
#topicpath li {
	float:left;}
#topicpath li:after{
	content: '\f105';
	color:#6C6C6C;
	font-family: FontAwesome;
    top:-1px;
    padding-left: 10px;
	margin-right:5px;
    position: relative;}
#topicpath li:last-child:after{
	content:'';}






/* =============================================================================
   レイアウトスタイル
   ========================================================================== */

#mainContent {
	width:100%;}
#mainContent article {}
#sideWrap{
	display:none;}







/* =============================================================================
   maincontent スタイル
   ========================================================================== */

article header {
	margin-bottom:50px;}
article header h1 {
	margin:0 0 40px 0;}
article header figure {
	float: left;
	width: 64%;}
article header .text {
	float: right;
	width: 32%;}
article header nav.topic {
	border:1px solid #CCC;}
article header nav.topic h4 {
	margin:0;
	border-left:5px solid #b12525;
	padding:5px 15px;}
article header nav.topic ol,
article header nav.topic ul {
	margin:0 25px 5px 25px;}
article header nav.topic ul.categoryUl {}
article header nav.topic ul.categoryUl li {
	float:left;
	width:32%;}

article header nav.info {
	border:1px solid #CCC;
	background:#FFFCF0;
	padding:10px 15px;}
article header nav.info ul {
    list-style:none;
    margin: 0;
    padding: 0;}
article header nav.info ul li {}
article header nav.info ul li::before {
    font-family: FontAwesome;
    margin-right: 5px;}
article header nav.info ul li.date {
	margin-top: 15px;}
article header nav.info ul li.date::before {
	content: "\f133";}
article header nav.info ul li.open::before {
	content: "\f073";}
article header nav.info ul li.cate::before {
	content: "\f02b";}
article header nav.info ul li.subcate::before {
	content: "\f02c";}
article header nav.info ul li.tag::before {
	content: "\f115";}
article header nav.info ul li.open span {
	margin-right:5px;
	vertical-align:1px;
	border-radius:3px;
	white-space:nowrap;
	font-size:0.8em;
	padding:3px 5px;
	color:#FFF;}
article header nav.info ul li.open span.entry {
	background:#ff3a68;}
article header nav.info ul li.open span.end {
	background:#929091;}

article header nav.sns {}
article header nav.sns.servicesns {
	border-top:1px solid #DDD;}
article header nav.sns ul {
    list-style:none;
    margin: 0;
    padding: 0;}
article header nav.sns ul li {
	float: left;
	padding: 0;
	border:1px solid #DDD;
	border-right:none;
	border-top: none;
	line-height:1;
    color: #666;
	width: 33.3%;
	box-sizing: border-box;
    text-align:center;
    letter-spacing: normal;}
article header nav.sns ul li:last-child{
	width: 33.4%;
	border-right:1px solid #DDD;}
article header nav.sns ul li a{
	text-decoration:none;
    color:#FFF;
    padding:10px 0;
    display:block;}
article header nav.sns ul li.twitter a{ color:#33ccff;}
article header nav.sns ul li.twitter a:hover{ color:#FFF; background-color:#33ccff;}
article header nav.sns ul li.facebook a{ color:#3b5998;}
article header nav.sns ul li.facebook a:hover{ color:#FFF; background-color:#3b5998;}
article header nav.sns ul li.googleplus a{ color:#da4c36;}
article header nav.sns ul li.googleplus a:hover{ color:#FFF; background-color:#da4c36;}
article header nav.sns ul li.pocket a{ color:#c0392b;}
article header nav.sns ul li.pocket a:hover{ color:#FFF; background-color:#c0392b;}
article header nav.sns ul li.hatebu a{ color:#008fde;}
article header nav.sns ul li.hatebu a:hover{ color:#FFF; background-color:#008fde;}
article header nav.sns ul li.line a{ color:#25af00;}
article header nav.sns ul li.line a:hover{ color:#FFF; background-color:#25af00;}
article header nav.sns ul li.rss a{ color:#ffb53c;}
article header nav.sns ul li.rss a:hover{ color:#FFF; background-color:#ffb53c;}
article header nav.sns ul li.feedly a{ color:#87c040;}
article header nav.sns ul li.feedly a:hover{ color:#FFF; background-color:#87c040;}
article header nav.sns ul li a i{
	display:block;
	font-style:normal;
	font-size:1.5em;
	margin-bottom:3px;}
article header nav.sns ul li a span{
	color:#2d3135;}
article header nav.sns ul li a:hover span{
	color:#FFF;}
article header nav.sns ul li.hatebu a i:before{
	line-height:1;
	content: "B!";
	font-family:Verdana;
	font-weight:bold;}

article section {
	margin-bottom:50px;}

article section section section {
	margin-bottom:30px;}

article ul li,article ol li { padding:0.25em 0; list-style-position: outside;}

article nav.btn {}
article nav.btn a {
	display:block;
	text-align:center;
	font-weight:bold;
	background:#007fe0;
	padding:15px 0;
	border-radius:10px;
	color:#FFF;
	text-decoration:none;}
article nav.btn a:before {
	font-family: FontAwesome;
	font-size:1.3em;
	font-weight:normal;
	vertical-align:-1px;
	content:"\f138";
	margin-right:10px;}
article nav.btn a:hover {
	background:#005a9f;}
@media only screen and (max-width: 1099px) {
}
@media only screen and (max-width: 769px) {
	article header figure {
		float: none;
		width: 100%;}
	article header .text {
		float: none;
		width: 100%;}
}
@media only screen and (max-width: 700px) {
}




/* =============================================================================
   postnews 関連 スタイル
   ========================================================================== */

article.postnews {
	background: #FFF;
	padding: 20px;}

/* listBox */
article.postnews .listBox {
	margin-bottom: 0;}
article.postnews .listBox ul {
	margin: 0;
	padding: 0;
	list-style: none;}
article.postnews .listBox ul li {
	float: left;
	box-sizing: border-box;
	width: 33.33%;
	margin-bottom: 15px;
	padding: 0 10px;}
article.postnews .listBox ul li a {
	display: block;
	text-decoration: none;
	border: 1px solid #EFEFEF;
	padding: 10px 10px 20px 10px;
	background: #FFF;
	text-align: center;
	color: #120f0f;}
article.postnews .listBox ul li a:hover {
	background: #EFEFEF;}
article.postnews .listBox ul li h4 {
	margin: 0;
	font-size: 1.1em;
	padding: 5px 0 10px 0;}
article.postnews .listBox ul li figure {
	margin-bottom: 10px;}
article.postnews .listBox ul li table {
	margin: 0;
	margin-bottom: 15px;
	text-align: left;}
article.postnews .listBox ul li table th,
article.postnews .listBox ul li table td {
	background: none;
	padding: 5px 0;
	border: none;}
article.postnews .listBox ul li nav {
	background: #b12525;
	padding: 10px 0;
	color: #FFF;
	font-weight: bold;}
@media only screen and (max-width: 1099px) {
}
@media only screen and (max-width: 769px) {
	article.postnews .listBox ul li {
		float: none;
		width: 100%;
		padding: 0;
		margin-bottom: 20px;}
	article.postnews .listBox ul li a {
		padding: 20px;}
}
@media only screen and (max-width: 700px) {
}




/* =============================================================================
   single 関連 スタイル
   ========================================================================== */

main.single {
	background: url(img/common/bg_0002.jpg) repeat center center;}
main.single h3.title {
	display:table;
	padding:0 10%;
    border-top: 1px solid #ddd;
    margin:0 auto 20px auto;
    text-align:center;}
main.single h3.title span {
    position: relative;
    top: -16px;
    padding: 0 20px;
	background: url(img/common/bg_0002.jpg) repeat center center;}
article.news {
	background: #FFF;
	padding: 20px;}
article.news header {
	margin-bottom: 20px;}
article.news header h1 {
	float: left;
	margin-bottom: 0;}
article.news header nav.sns {
	float: right;
	width: 25%;}
article.news header nav.sns ul {
    list-style:none;
    margin: 0;
    padding: 0;}
article.news header nav.sns ul li {
	float: left;
	padding: 0;
	border:1px solid #DDD;
	border-right:none;
	line-height:1;
    color: #666;
	width: 33.3%;
	box-sizing: border-box;
    text-align:center;
    letter-spacing: normal;}
article.news header nav.sns ul li:last-child{
	width: 33.4%;
	border-right:1px solid #DDD;}
article.news header nav.sns ul li a{
	text-decoration:none;
    color:#FFF;
    padding:10px 0;
    display:block;}
article.news header nav.sns ul li.twitter a{ color:#33ccff;}
article.news header nav.sns ul li.twitter a:hover{ color:#FFF; background-color:#33ccff;}
article.news header nav.sns ul li.facebook a{ color:#3b5998;}
article.news header nav.sns ul li.facebook a:hover{ color:#FFF; background-color:#3b5998;}
article.news header nav.sns ul li.googleplus a{ color:#da4c36;}
article.news header nav.sns ul li.googleplus a:hover{ color:#FFF; background-color:#da4c36;}
article.news header nav.sns ul li.pocket a{ color:#c0392b;}
article.news header nav.sns ul li.pocket a:hover{ color:#FFF; background-color:#c0392b;}
article.news header nav.sns ul li.hatebu a{ color:#008fde;}
article.news header nav.sns ul li.hatebu a:hover{ color:#FFF; background-color:#008fde;}
article.news header nav.sns ul li.line a{ color:#25af00;}
article.news header nav.sns ul li.line a:hover{ color:#FFF; background-color:#25af00;}
article.news header nav.sns ul li.rss a{ color:#ffb53c;}
article.news header nav.sns ul li.rss a:hover{ color:#FFF; background-color:#ffb53c;}
article.news header nav.sns ul li.feedly a{ color:#87c040;}
article.news header nav.sns ul li.feedly a:hover{ color:#FFF; background-color:#87c040;}
article.news header nav.sns ul li a i{
	font-style:normal;
	font-size:1.5em;
	vertical-align: -2px;
	margin-right:5px;}
article.news header nav.sns ul li a span{
	font-size: 0.9em;}
article.news header nav.sns ul li a:hover span{
	color:#FFF;}
article.news header nav.sns ul li.hatebu a i:before{
	line-height:1;
	content: "B!";
	font-family:Verdana;
	font-weight:bold;}

article.news .left {
	float: left;
	width: 48%;}
article.news .left .tag {
	margin-bottom: 20px;}
article.news .left .tag::before {
    font-family: FontAwesome;
    margin-right: 5px;
	content: "\f115";}
article.news .left figure {
	margin-bottom: 20px;
	position: relative;
	text-align: center;}
article.news .left figure figcaption {
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #FFF;
	font-size: 0.8em;}
article.news .right {
	float: right;
	width: 48%;}
article.news .right table {
	margin: 0;}
@media only screen and (max-width: 769px) {
	article.news header nav.sns {
		width: 32%;}
	article.news .left {
		float: none;
		margin-bottom: 30px;
		width: 100%;}
	article.news .right {
		float: none;
		width: 100%;}
}
@media only screen and (max-width: 700px) {
	article.news header h1 {
		float: none;
		margin-bottom: 15px;}
	article.news header nav.sns {
		float: none;
		width: 100%;}
}











/* =============================================================================
   entry-content スタイル
   ========================================================================== */

#content .entry-content{}

#content .entry-content img{}
#content .entry-content h1,#content .entry-content h2,#content .entry-content h3 {
	margin:0.4em 0 0.7em 0;}
#content .entry-content h4,#content .entry-content h5,#content .entry-content h6 {
	margin:1em 0 0.2em 0;}
#content .entry-content h1,#content .entry-content h2,#content .entry-content h3 {
	border-left:5px solid #b12525;
	padding:0.2em 0 0.2em 0.6em;}
#content .entry-content h5 {
	color:#b12525;}
#content .entry-content a {
	padding-left:4px;
	padding-right:4px;}

/*ページリンク*/
#content .entry-content .page-links{
	text-align:center;
	clear:both;
	padding:5% 0;}
#content .entry-content .page-links em{
	font-weight:bold;
	font-style:normal;}
#content .entry-content .page-links span{
	padding:5px 10px;
	margin:0 5px;
	background:#f2f2f2;}
#content .entry-content .page-links a{
	padding:5px 10px;
	margin:0 5px;
	color:#FFF;
	background:#1b2d65;}
#content .entry-content .page-links a span{
	padding:0;
	margin:0;
	background:none;}

#content .entry-content embed,
#content .entry-content iframe,
#content .entry-content object,
#content .entry-content video{
	width: 100%;}
#content .entry-content .iframeWrapper{
	position: relative;
	width: 100%;
	padding-top: 75%;
	margin-bottom:20px;}
#content .entry-content .iframeWrapper embed,
#content .entry-content .iframeWrapper iframe,
#content .entry-content .iframeWrapper object,
#content .entry-content .iframeWrapper video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;}

#content .entry-content blockquote {
	background-color:#f8f3ec;
	margin-left:3%;
	margin-right:3%;
	padding:3% 5%;
	margin-bottom: 1em;}
#content .entry-content strong {
	font-weight:bold;}
#content .entry-content .aligncenter{
    display: block;
	margin:1em auto 2em auto;}
#content .entry-content .alignleft {
	width:35%;
    float: left;
	margin:0 2em 2em 0;}
#content .entry-content .alignright {
	width:35%;
    float: right;
	margin:0 0 2em 2em;}

/*
#content .entry-content nav.btn {
	margin-top:5px;
	position:relative;
	text-align:center;}
#content .entry-content nav.btn a {
	display:inline-block;
	font-weight:bold;
	background:#FFF;
	border:2px solid #d1d1d1;
	border-radius:10px;
	background:#098dea;
	color:#FFF;
	padding:7px;
	padding-left:30px;
	padding-right:30px;}
#content .entry-content nav.btn a:before {
	position:relative;
	top:1px;
	left:0;
	margin-right:10px;
	font-size:1.25em;
	font-weight:normal;
	content: '\f138';
	font-family: FontAwesome;}
#content .entry-content nav.btn a:hover {
	background:#005a9a;
	color:#FFF;
	text-decoration:none;}
*/

#content .entry-content nav.contactBtn {
	margin-top:15px;
	position:relative;
	text-align:center;}
#content .entry-content nav.contactBtn a {
	display:inline-block;
	font-weight:bold;
	background:#FFF;
	background:#ed9a16;
	border:2px solid #d1d1d1;
	border-radius:10px;
	color:#FFF;
	padding:7px;
	padding-left:30px;
	padding-right:30px;}
#content .entry-content nav.contactBtn a span {
	font-weight:normal;
	font-size:90%;}
#content .entry-content nav.contactBtn a:before {
	position:relative;
	top:1px;
	left:0;
	margin-right:10px;
	font-size:1.25em;
	font-weight:normal;
	content: '\f138';
	font-family: FontAwesome;}
#content .entry-content nav.contactBtn a:hover {
	background:#a46400;
	color:#E5E5E5;
	text-decoration:none;}

@media only screen and (max-width: 559px) {
	#content .entry-content .aligncenter{
		display: block;
		margin:0 auto 2em auto;}
	#content .entry-content .alignleft {
		width:auto;
		display: block;
		float:none;
		margin:0 auto 2em auto;}
	#content .entry-content .alignright {
		width:auto;
		display: block;
		float:none;
		margin:0 auto 2em auto;}
}




/*li　defalut */
#content .entry-content ul {
	padding-left:6%;}

/*li　listfloat5 */
#content .entry-content ul.listfloat5 {
	padding:0;
	margin:0;
	list-style:none;}
#content .entry-content ul.listfloat5 li {
	float:left;
	width:18%;
	margin-right:2.5%;}
#content .entry-content ul.listfloat5 li:last-child {
	margin-right:0;}

/*li　チェックアイコン */
#content .entry-content ul.liststyle01 {
	padding-left:2%;
	list-style:none;}
#content .entry-content ul.liststyle01 li {
	padding-left:1.4em;}
#content .entry-content ul.liststyle01 li:before {
    font-family: FontAwesome;
	content: "\f00c";
	color:#b12525;
	margin-left:-1.4em;
    margin-right: 0.4em;}

/*li　バツアイコン */
#content .entry-content ul.liststyle02 {
	padding-left:2%;
	list-style:none;}
#content .entry-content ul.liststyle02 li {
	padding-left:1.4em;}
#content .entry-content ul.liststyle02 li:before {
    font-family: FontAwesome;
	content: "\f00d";
	color:#ff005a;
	margin-left:-1.4em;
    margin-right: 0.4em;}

/*li　星アイコン */
#content .entry-content ul.liststyle03 {
	padding-left:2%;
	list-style:none;}
#content .entry-content ul.liststyle03 li {
	padding-left:1.4em;}
#content .entry-content ul.liststyle03 li:before {
    font-family: FontAwesome;
	content: "\f005";
	color:#FFAE00;
	margin-left:-1.4em;
    margin-right: 0.4em;}

/*li　注意アイコン */
#content .entry-content ul.liststyle04 {
	padding-left:2%;
	list-style:none;}
#content .entry-content ul.liststyle04 li {
	padding-left:1.4em;}
#content .entry-content ul.liststyle04 li:before {
    font-family: FontAwesome;
	content: "\f071";
	color:#FFAE00;
	margin-left:-1.4em;
    margin-right: 0.4em;}

/*li　矢印アイコン */
#content .entry-content ul.liststyle05 {
	padding-left:2%;
	list-style:none;}
#content .entry-content ul.liststyle05 li {
	padding-left:1.4em;}
#content .entry-content ul.liststyle05 li:before {
    font-family: FontAwesome;
	content: "\f138";
	color:#007fe0;
	margin-left:-1.4em;
    margin-right: 0.4em;}

/*li　チェックアイコン2 */
#content .entry-content ul.liststyle06 {
	padding-left:2%;
	list-style:none;}
#content .entry-content ul.liststyle06 li {
	padding-left:1.4em;}
#content .entry-content ul.liststyle06 li:before {
    font-family: FontAwesome;
	content: "\f00c";
	color:#c16d00;
	margin-left:-1.4em;
    margin-right: 0.4em;}

/*dl　星アイコン */
#content .entry-content dl.dlstyle01 {}
#content .entry-content dl.dlstyle01 dt {
	font-size: 1em;
	margin-bottom: 0;}
#content .entry-content dl.dlstyle01 dt {
	padding-left:1.4em;
	border: none;}
#content .entry-content dl.dlstyle01 dt:before {
    font-family: FontAwesome;
	content: "\f005";
	font-weight: normal;
	color:#FFAE00;
	margin-left:-1.4em;
    margin-right: 0.4em;}

/* 2列リスト */
#content .entry-content ul.column2 {
	list-style:none;}
#content .entry-content ul.column2 li {
	width:50%;
	padding:0 3%;
	box-sizing:border-box;
	float:left;
	text-align:center;}

/* li style no */
#content .entry-content ul.ulstyleno {
	list-style:none;}
#content .entry-content ul.ulstyleno li {
	margin:0;
	padding:0;}