/*
Theme Name: Chip1StopSP
Theme URI: http://fasterthemes.com/wordpress-themes/mywiki
Description: MyWiki is simple, lightweight and fast loading WordPress Theme for individuals and companies to manage their Knowledge-base or Support or Wiki or Frequently Asked Questions (FAQs) through a WordPress website. It is powered by Ajax search. It is a mobile responsive theme based on Twitter bootstrap framework. It is a translation ready theme and hence can be translated to any LTR language. Step by step documentation and tutorial is available for free here: https://fasterthemes.com/documentation/mywiki/
Author: FasterThemes
Author URI: http://fasterthemes.com/
Tags: custom-background, custom-menu, full-width-template, theme-options, right-sidebar, featured-images, post-formats, sticky-post, editor-style , translation-ready
Template: mywiki
version: 3.0.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
This theme, like WordPress, is licensed under the FasterThemes.
Use it to make something cool, have fun, and share what you've learned with others.
Text Domain: mywiki
*/
/*
■■■■■■■■■■■■ ▼ CSS目次 ▼ ■■■■■■■■■■■■■
?Reset
...リセットCSS
?Base
...サイト全体にかかる基礎CSS
━━━━━━━━━━━ ?layout ━━━━━━━━━━━
?Header
...ヘッダー部分CSS
?Footer
...フッター部分CSS
?Search
...検索バー部分CSS
?Info
...緊急のお知らせページ部分CSS
?Interview
...インタビュー記事ページ部分CSS
?SP
...SP(LP)ページ基礎レイアウトCSS
━━━━━━━━ ?Compornent ━━━━━━━━━━
ボタン・テキストなど細かい部分のCSS
━━━━━━━━━━ ?Utility ━━━━━━━━━━━
...flexやmarginなどのCSS
*/
/* =======================================================================
?Reset
======================================================================= */
html{color:#222;background:#fff}blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}ul li{display:list-item;color:inherit}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;color:inherit}q:after,q:before{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}#content img{margin-bottom:0}
.post_content{
	padding: 0!important;
}
/* =======================================================================
?Base 2
======================================================================= */
html{
	font-size: 14px;
	font-feature-settings : "palt" 1;
}
*{
	box-sizing: border-box;
}
.container {
	padding-top: 100px;
}

@media screen and (max-width: 768px){
	.container {
		padding-top: 60px;
	}
	#content.row{
		padding-bottom: 0;
	}
}
img{
	width: 100%;
}
a{
	font-weight: 700;
	font-family: inherit;
	text-decoration: none;
}
a:hover{
	color: initial;
	text-decoration: underline!important;
}
a>img:hover{
	opacity: 0.7;
}
small{
	font-size: 0.7em;
}
section{
	margin-bottom: 30px;
}
:root{
	--maker-color:#00468C;
}
input[type="radio"], input[type="checkbox"]{
	margin: 0;
}
label{
	font-weight: 500;
	margin-bottom: 0;
}
sup {
	top: 0.3em;
	font-size: 0.7em;
}
.l-innerSection{
	margin: 15px 0;
}
.div#trust-form.contact-form table th{
	text-transform: inherit!important;
}
.veu_contentAddSection{
	display: none!important;
}
/*?layout*/
/* ?Header(ヘッダー) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.l-header{
	width: 100%;
	position: fixed;
	z-index: 100;
}
.l-header_top{
	width: 100%;
	background-color: #00468C;
	font-size: 12px;
	line-height: 1;
	padding: 0.5em 0;
}
.l-header_top--nexty{
	width: 100%;
	background-color: #d7000f;
	font-size: 12px;
	line-height: 1;
	padding: 0.5em 0;
}
.l-header_inner{
	width: 100%;
	max-width: 1200px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 10px;
	margin: 0 auto;
}
.l-header_siteName{
	color: #fff;
}
.l-header_gNav{
	display: flex;
}
.l-header_gNav-item::before{
	content: "";
	display: inline-block;
	width: 1px;
	height: 0.8em;
	background-color: #fff;
	margin: 0 1em;
}
.l-header_gNav-item:first-child:before{
	display: none;;
}
.l-header_gNav-item a{
	font-weight: normal;
	color: #fff!important;
}
.l-header_gNav-item a:hover{
	color: #fff!important;
}
.l-header_main{
	display: flex;
	align-items: center;
	height: 75px;
	background-color: #fff;
	padding: 9px 0 9px;
	/* box-shadow: 0px 7px 10px #00000020; */
	border-bottom: solid 1px #ddd;
	position: relative;
}
.l-header_logo{
	width: 180px;
}
.l-header_logo--nexty{
	width: 190px;
}
.l-header_logo img{
  width: auto;
  height: 50px;
}
.l-header_logo--nexty img{
	width: 100%;
}
.l-header_spNav{
	display: none;
	position: absolute;
	z-index: 100;
}
.l-header_spNav--nexty{
  display: none;
	position: absolute;
	z-index: 100;
}
.l-header_spNav-btn{
	display: none;
}
.l-header_spNav-btn--nexty{
	display: none;
}
@media screen and (max-width: 768px) {
	.l-header_top{
		display: none;
  }
  .l-header_top--nexty{
		display: none;
	}
	.l-header_main{
		height: 60px;
		background-color: #fff;
		padding: 5px 0 5px;
		/* box-shadow: 0px 7px 10px #00000020; */
		border-bottom: solid 1px #ddd;
		position: relative;
	}
	.l-header_logo{
    width: auto;
		margin: 0 auto;
	}
	.l-header_logo img{
    width: auto;
    height: 40px;
		margin: 0 auto;
  }
  .l-header_logo--nexty{
		width: 150px;
		margin: 0 auto -7px;
	}
	.l-header_spNav{
		display: block;
		width: 100%;
		background-color: #00468C;
  }
  .l-header_spNav--nexty{
    display: block;
		width: 100%;
    background-color: #d7000f;
  }
	.l-header_spNav-item a{
		width: 100%;
		display: inline-block;
		color: #fff;
		text-decoration: none;
		text-align: center;
		padding: 10px 0;
	}
	.l-header_spNav-item::after{
		content: "";
		display: block;
		width: 80%;
		height: 1px;
		background-color: #fff;
		margin: 0 auto;
	}
	.l-header_spNav-item:last-child:after{
		display: none;
	}
	.l-header_spNav-btn{
		display: block;
		width: 30px;
		height: 30px;
		background-color: #00468C;
		border-radius: 5px;
		text-align: center;
		position: absolute;
		top: 15px;
		left: 10px;
  }
  .l-header_spNav-btn--nexty{
		display: block;
		width: 30px;
		height: 30px;
		background-color: #d7000f;
		border-radius: 5px;
		text-align: center;
		position: absolute;
		top: 15px;
		left: 10px;
	}
	.l-header_spNav-btn a{
		color: #fff!important;
		font-size: 20px;
		vertical-align: middle;
		line-height: 1.6;
  }
  .l-header_spNav-btn a i{
    margin-top: 0.25em;
  }
  .l-header_spNav-btn--nexty a{
		color: #fff!important;
		font-size: 20px;
		vertical-align: middle;
		line-height: 1.6;
  }
  .l-header_spNav-btn--nexty a i{
		margin-top: 0.25em;
	}
}
/* ?Footer(フッター) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.l-footer{
	background-color: #fff;
	border-top: solid 3px #ddd;
}
.l-footer_top::after{
	content: "";
	display: block;
	width: 80%;
	max-width: 1000px;
	height: 1px;
	background-color: #ddd;
	margin: 0 auto;
}
.l-footer_gNav{
	display: flex;
	justify-content: center;
}
.l-footer_gNav-item{
	font-size: 15px;
	padding: 10px 20px;
}
.l-footer_gNav-item--nexty{
	font-size: 15px;
	padding: 10px 20px;
}
.l-footer_gNav-item a{
	color: #00468C;
	text-decoration: none;
	font-weight: normal;
}
.l-footer_gNav-item--nexty a{
	color: #d7000f;
	text-decoration: none;
}
.l-footer_main{
	padding: 40px 10px;
}
.l-footer_main--nexty{
  padding: 40px 10px;
  background-color: #d7000f;
}
.l-footer_textArea{
  font-size: 11px;
	text-align: center;
	color: #333;
}
.l-footer_textArea--nexty{
  font-size: 11px;
	text-align: center;
	color: #fff;
}
.l-footer_attr{
	font-size: 13px;
}
@media screen and (max-width: 768px) {
	.l-footer_top{
		padding-top: 10px;
	}
	.l-footer_top::after{
		display: none;
	}
	.l-footer_gNav{
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 0;
	}
	.l-footer_gNav-item{
		font-size: 16px;
		padding: 0;
	}
	.l-footer_gNav-item a{
		display: block;
		border-bottom: solid 1px #ddd;
		margin: 5px 20px;
	}
	.l-footer_main{
		padding: 15px;
		margin-bottom: 10px;
	}
}
/* ?Sidebar(サイドバー) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.l-sideBar{
  width: 280px;
  min-height: 100vh;
  flex-shrink: 0;
  font-size: 14px;
  background-color: #00468C;
  color: #fff;
  padding: 20px 0;
}
.l-sideBar_search{
  width: 250px;
  margin: 0 auto;
}
.l-sideBar_search-heading{
  font-size: 16px;
  margin-bottom: 0.25em;
}
.l-sideBar_search .p-searchForm{
	width: 100%;
}
.l-sideBar_cat{
  padding: 10px 0;
}
.l-sideBar_cat-heading{
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 5px;
}
.l-sideBar_cat-list{
  border-top: solid 1px #fff;
}
.l-sideBar_cat-list a{
  color: #fff!important;
  font-weight: 400;
}
.l-sideBar_cat-list>li{
  border-bottom: solid 1px #fff;
}
.l-sideBar_cat-list>li>p{
	line-height: 1.5;
  padding: 0.45em 0.8em;
}
.l-sideBar_subcat-list{
  width: 340px;
  font-size: 14px;
  background-color: #fff;
  padding: 10px;
  border-style: solid;
  border-width: 4px;
  top: -5px;
  left: 75%;
  box-shadow: 1px 2px 1px 2px #00000056;
}
.l-sideBar_subcat-list>li{
  font-size: 16px;
  padding: 0.2em 0;
}
.l-sideBar_subcat-list a{
  color: #1440a7!important;
  font-size: 14px;
  font-weight: 700;
}
.l-sideBar_ask{
	padding: 0 10px;
}
.l-sideBar_ask-btn{
	text-align: center;
	background-color: #fff;
	border-radius: 5px;
	transition: 0.1s;
}
.l-sideBar_ask-btn:hover{
	background-color: #fff6cd;
}
.l-sideBar_ask-btn>a{
	font-size: 1.1em;
	line-height: 1.5;
	display: block;
	color: #1440a7!important;
	text-decoration: none;
	padding: 0.5em 1.5em;
}
@media screen and (max-width: 768px){
  .l-sideBar{
    width: 100%;
    min-height: auto;
    padding: 15px 0;
  }
  .l-sideBar_search{
    width: 80%;
    max-width: 500px;
    margin: 0 auto;
  }
  .l-sideBar_search-heading{
    font-size: 16px;
    text-align: center;
  }
  .l-sideBar_cat{
    padding: 10px 0;
  }
  .l-sideBar_cat-heading{
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0.5em;
  }
  .l-sideBar_cat-heading:before{
    content: 'â–¼';
    display: inline-block;
  }
  .l-sideBar_cat-heading:after{
    content: 'â–¼';
    display: inline-block;
  }
  .l-sideBar_subcat-list{
    width: 100%;
    font-size: 14px;
    padding: 5px 10px;
    border: none;
    box-shadow: none;
  }
  .l-sideBar_subcat-list::after{
    content: '';
    display: block;
    clear: both;
  }
  .l-sideBar_subcat-list>li{
    width: 100%;
    float: left;
    padding: 0 5px;
    margin: 5px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
/* ?Breadcrumb(パンくずリスト) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.l-breadcrumb{
  margin-bottom: 5px;
}
.l-breadcrumb>li{
  font-size: 13px;
  font-weight: 700;
  display: inline-block;
}
.l-breadcrumb>li::after{
  content: ">";
  display: inline-block;
  margin-left: 0.25em;
}
.l-breadcrumb>li:last-child::after{
  display: none;
}
.l-breadcrumb>li>br{
	display: none;
}
@media screen and (max-width: 768px){
  .l-breadcrumb>li{
    font-size: 11px;
  }
}
/* ?SearchResult(検索結果画面) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.l-searchResult{
  width: 100%;
  max-width: 750px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}
.l-searchResult_heading{
	padding: 10px 15px 9px;
	font-size: 1.5em;
  font-weight: 700;
  margin-top: 40px;
}
.l-searchResult_contents{
	padding: 9px 15px 8px;
	font-size: 1.1em;
	font-weight: 700;
}
.l-searchResult .type-post{
	border-bottom: solid 1px #ccc;
}
.blog article, .archive article {
	margin-bottom: 0;
}
@media screen and (max-width: 768px){
  .l-searchResult_heading{
    padding: 9px 13px 8px;
    font-size: 1.3em;
    margin-top: 0;
  }
}
/* ?Knowledge(エンジニアの知恵袋) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.l-knowledge{
  width: 100%;
  max-width: 970px;
  color: #3a3a3a;
  padding: 0 5px;
  margin: 0 auto;
}
.l-knowledge_heading{
  font-size: 1.5em;
  font-weight: 700;
  padding: 0.4em 0.3em;
  border-left: solid 0.7em #008bc2;
  border-bottom: solid 1px #ccc;
}
.l-knowledge_desc{
  padding: 10px;
}
.l-knowledge_container{
  padding: 10px;
  margin-bottom: 15px;
}
.l-knowledge_secTitle{
  font-size: 1.2em;
  padding-bottom: 5px;
}
.l-knowledge_container-heading--ub{
  font-size: 1.2em;
  border-bottom: solid 1px #333;
}
.l-knowledge img{
  width: auto;
}
.l-knowledge_table{
  width: 100%;
  font-size: 13px;
  table-layout: fixed;
  word-break: break-word;
}
.l-knowledge_table th{
  background-color: #d0cabe;
  border: solid 1px #555;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}
.l-knowledge_table td{
  background-color: #f4f0d6;
  border: solid 1px #555;
}
.l-knowledge_table caption{
  caption-side: bottom;
  font-size: 13px;
  padding: 5px 0;
}
/* ?Info(緊急のお知らせ) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.l-info{
	max-width: 960px;
	margin: 50px auto 20px;
}
.l-info_heading{
	color: #fff;
	line-height: 1;
	font-size: 1em;
	font-weight: 700;
	padding: 10px 15px;
}
.l-info_post{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.7;
}
.l-info_post p{
	margin-top: 1em;
}
/* ?Interview(インタビュー記事) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.l-interview{
	max-width: 960px;
	margin: 20px auto;
}
.l-interview_top{
	display: flex;
	align-items: center;
	padding: 10px 0;
	margin-bottom: 20px;
	/* border: dotted 5px #aaa; */
}
.l-interview_top-image{
	width: 100px;
}
.l-interview_top-image img{
	margin-bottom: 0;
}
.l-interview_desc{
	margin-left: 20px;
}
.l-interview_desc-head{
	font-size: 1.3em;
	font-weight: 700;
	margin-bottom: 5px;
}
.l-interview_desc-body{
	font-size: 1em;
	line-height: 1.5;
}
.l-interview_title{
	background-color: #fff;
	margin: 30px 0 15px;
	padding: 8px 5px 8px 10px;
	border-left: solid 15px #007714;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
}
.l-interview .l-flex{
	margin: 15px 0;
}
.l-interview .l-flex_inner small{
	line-height: 1em;
}
.l-articleInt_head{
	display: flex;
}
.l-articleInt_head-image{
	flex-shrink: 0;
	width: 450px;
	line-height: 0;
}
.l-articleInt_head-text{
	flex-grow: 1;
	padding: 0 1em;
	font-size: 0.9em;
	line-height: 1.7;
}
.l-articleInt_head-text>p{
	margin-bottom: 1em;
}
.l-articleInt_body p{
	margin-bottom: 0.5em;
}
.l-articleInt_body h1{
	background-color: #fff;
	margin: 30px 0;
	padding: 8px 5px 8px 10px;
	border-left: solid 15px #007714;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
}
.l-articleInt_body h2{
	background-color: #fff;
	margin: 30px 0 10px 0;
	padding: 8px 5px 8px 10px;
	border-left: solid 15px #00468C;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
}
.l-articleInt_section{
	margin-bottom: 30px;
}
.l-articleInt_section-caption{
	margin-top: 0.5em;
	font-size: 0.9em;
}
.l-articleInt_section .name{
	color: #36F;
	font-weight: 700;
}
.l-articleInt_footer{
	margin-top: 15px;
	border-top: dotted 2px #aaa;
	padding-top: 15px;
}
@media screen and (max-width: 768px) {
	.l-interview{
		margin: 10px auto;
	}
	.l-interview_top{
		flex-direction: column;
		min-height: 0%;
	}
	.l-interview_top-image{
		margin-bottom: 10px;
	}
	.l-interview_desc{
		margin: 0 10px;
	}
	.l-interview_desc-head{
		text-align: center;
	}
	.l-interview_desc-body{
		font-size: 1em;
		line-height: 1.5;
	}
	.l-articleInt_head{
		flex-direction: column;
		min-height: 0%;
		align-items: center;
	}
	.l-articleInt_head-image{
		width: 90%;
		max-width: 450px;
		margin-bottom: 15px;
	}
	.l-articleInt_section p{
		padding: 0 5px;
	}
}
/* ?Sp(プロモーションページなど) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.l-sp{
	width: 100%;
	max-width: 960px;
	/* max-width: 1140px; */
	margin: 0 auto;
	position: relative;
}
.l-sp_head{
	margin-bottom: 30px;
}
.l-sp_foot{
	margin-top: 30px;
}
.l-sp_body-desc{
	padding: 0 5px;
}
.l-sp_head-image{
	text-align: center;
	line-height: 0;
	margin-bottom: 10px;
}
.l-sp_head-text{
	margin: 15px 0;
}
.l-sp_head-desc{
	line-height: 1.7em;
	margin: 1.3em 0;
}
.l-sp_nav-list{
	width: 100%;
	display: flex;
}
.l-sp_nav-item{
	width: 100%;
	background-color: #bbb;
	text-align: center;
	line-height: 1.3;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 3px;
}
.l-sp_nav-item:last-child{
	margin-right: 0;
}
.l-sp_nav-item[aria-current="true"]{
	background-color: #aaa;
	padding: 0.5em 0;
}
.l-sp_nav-item:hover{
	opacity: 0.7;
}
.l-sp_nav-item[aria-current="true"]:hover{
	opacity: 1;
}
.l-sp_nav-item a{
	display: block;
	width: 100%;
	height: auto;
	padding: 0.5em 0;
}
.l-sp_nav-item a{
	display: block;
	width: 100%;
	height: auto;
	padding: 0.5em 0;
}
.l-sp_foot-image{
	text-align: center;
	line-height: 0;
	margin-top: 30px;
}
@media screen and (max-width: 768px) {
	.l-sp_nav-list{
		flex-direction: column;
		align-items: center;
	}
	.l-sp_nav-item{
		width: 80%;
		max-width: 500px;
		background-color: #bbb;
		text-align: center;
		margin: 0.7em 0;
		border-radius: 10px;
	}
}
.l-sp_menu{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.l-sp_MakerMenu{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.l-sp_MakerMenu-item{
	width: 10%;
	min-width: 90px;
	margin: 10px 5%;
	text-align: center;
}
.l-spGuide_heading{
  font-size: 1.3em;
  font-weight: 700;
}
/* =======================================================================
単純なレイアウト
======================================================================= */
.l-flex{
	display: flex;
}
.l-flex--re{
	display: flex;
	flex-direction: row-reverse;
}
.l-flex--c{
	display: flex;
	justify-content: center;
	align-items: center;
}
.l-flex_inner{
	width: 100%;
	height: auto;
	padding-right: 1em;
	padding-left: 1em;
}
@media screen and (max-width: 768px) {
	.l-flex{
		flex-direction: column;
	}
	.l-flex--re{
		flex-direction: column;
	}
	.l-flex--c{
		flex-direction: column;
	}
}
/* =======================================================================
ドロップダウンメニュー
======================================================================= */
.l-dropdownMenu{
	position: relative;
	padding-bottom: 3em;
}
.l-dropdownMenu_list{
	width: 100%;
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.l-dropdownMenu_item{
	width: 100%;
	position: relative;
}
.l-dropdownMenu_item-name{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	line-height: 1.2;
	background-color: #bbb;
	min-height: 3em;
}
.l-dropdownMenu_submenu li{
	text-align: center;
	background-color: #ccc;
	border-bottom: solid 1px #aaa;
}
.l-dropdownMenu_submenu li a{
	display: block;
	padding: 10px 0;
}
@media screen and (max-width: 768px) {
	.l-dropdownMenu{
		padding-bottom: 0;
	}
	.l-dropdownMenu_list{
		position: relative;
		flex-direction: column;
	}
	.l-dropdownMenu_item{
		margin: 0.1em 0;
	}
}
/* =======================================================================
?Compornent
======================================================================= */
/*セクション文章系*/
.c-secHeading{
	line-height: 1.2;
	font-size: 1.6em;
	margin-bottom: 10px;
	padding: 0 5px;
}
.c-innerHeading{
	line-height: 1.2;
	font-size: 1.3em;
	margin-bottom: 5px;
	padding: 0 5px;
}
.c-secDesc{
	margin: 0.5em 0;
}
.c-innerDesc{
  font-size: 1em;
  line-height: 1.6;
  margin: 10px 0;
}
/*リスト*/
.c-textList{
  list-style: disc;
  list-style-position: outside;
  padding-left: 1.25em;
}
.c-deciList{
  list-style-type: decimal;
  list-style-position: outside;
  padding-left: 1.25em;
}
.c-alphaList{
  list-style-type: upper-alpha;
  list-style-position: outside;
  padding-left: 1.25em;
}
/*pdf*/
.c-pdfText{
  line-height: 1.2;
}
.c-pdfText::after{
  content: '';
  display: inline-block;
  background-image: url('http://sp.chip1stop.com/sp/wp-content/uploads/2015/09/ct003_3.gif');
  background-size: contain;
  background-repeat: no-repeat;
  width: 1.2em;
  height: 1.6em;
  margin-left: 0.25em;
  margin-bottom: -0.4em;
}
.c-pdfImage{
  text-align: center;
}
.c-pdfImage img{
  width: 4em;
  vertical-align: middle;
}
/*ボタン*/
.c-menuBtn,
.c-purchaseBtn{
	line-height: 1;
	text-align: center;
	font-weight: 700;
	border-radius: 5px;
	align-self: center;
}
.c-menuBtn{
	background-color: var(--maker-color);
}
.c-purchaseBtn{
	background-color: #f60;
}
.c-menuBtn a,
.c-purchaseBtn a{
	font-size: 1.2em;
	line-height: 1.5;
	display: block;
	color: #fff!important;
	text-decoration: none;
	padding: 0.5em 1.5em;
}
.c-menuBtn:hover,
.c-purchaseBtn:hover{
	opacity: 0.7;
}
.c-mBtn{
  text-align: center;
}
.c-mBtn>a{
  display: inline-block;
  background-color: #0071b5!important;
  color: #fff!important;
  padding: 0.3em 1em;
  border-radius: 1em;
  transition: 0.2s;
}
.c-mBtn>a:hover{
  opacity: 0.7;
  text-decoration: none!important;
}
.c-iconCart {
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	background-image: url(https://www.chip1stop.com/images/common/icon-product-tbl-cart.png);
	background-size: contain;
	transform: translateY(-0.1em);
	margin-bottom: -0.35em;
	margin-right: 0.25em;
}
.c-iconMail{
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	background-image: url(https://www.chip1stop.com/sp/wp-content/uploads/icon-product-mail.png);
	background-size: contain;
	transform: translateY(-0.1em);
	margin-bottom: -0.35em;
	margin-right: 0.25em;
}
.c-iconDoc{
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	background-image: url(https://www.chip1stop.com/sp/wp-content/uploads/icon-product-syorui.png);
	background-size: contain;
	transform: translateY(-0.1em);
	margin-bottom: -0.35em;
	margin-right: 0.25em;
}
.c-iconDownload{
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	background-image: url(https://www.chip1stop.com/sp/wp-content/uploads/icon-product-download.png);
	background-size: contain;
	transform: translateY(-0.1em);
	margin-bottom: -0.35em;
	margin-right: 0.25em;
}

/*文章系*/
.c-new{
	color: red;
	font-weight: 700;
}
.c-alert{
	color: red;
	font-weight: 700;
}
.c-highLight{
	background-color: #ffef97;
	font-weight: 700;
}
.c-backToTop{
	padding: 0.5em;
	text-align: end;
}
.c-backTopBtn{
	position: absolute;
	right: 0px;
	bottom: 0px;
	text-align: center;
	z-index: 2;
}
.c-backTopBtn_inner{
	width: 8em;
	height: 1em;
	font-size: 0.9em;
	padding: 0.5em 0;
	display: table-cell;
	vertical-align: middle;
	background-color: #bbb;
}
.c-caption{
  font-size: 0.9em;
  color: #888;
}
/*画像系*/
.c-image-fill img{
  width: 100%;
}
.c-image-border{
  border: solid 1px #bbb;
}
.c-image-center{
  text-align: center;
}
.c-image-left{
  text-align: left;
}
.c-image-right{
  text-align: right;
}
.c-image-center>img,
.c-image-left>img,
.c-image-right>img{
  width: auto;
}
@media screen and (max-width: 768px){
  .c-image-center>img,
  .c-image-left>img,
  .c-image-right>img{
    width: 100%;
  }
}
/*文節*/
.c-textnode{
	display: inline-block;
	margin-bottom: 5px;
}
.c-textnode:first-child{
	margin-top: 5px;
}
@media screen and (max-width: 768px){
	.c-textnode{
		margin-bottom: 1em;
	}
	.c-textnode:first-child{
		margin-top: 1em;
	}
}
/*定義リスト*/
.c-datalist-s,
.c-datalist-m,
.c-datalist-l{
  display: flex;
}
.c-datalist-s>dt{ /*7文字まで*/
  width: 7em;
  flex-shrink: 0;
}
.c-datalist-m>dt{ /*10文字まで*/
  width: 10em;
  flex-shrink: 0;
}
.c-datalist-l>dt{ /*幅40まで*/
  width: 40%;
  flex-shrink: 0;
}
.c-datalist-s>dt,
.c-datalist-m>dt,
.c-datalist-l>dt{
  font-weight: 700;
}
.c-datalist-s>dd,
.c-datalist-m>dd,
.c-datalist-l>dd{
  flex-grow: 1;
}
@media screen and (max-width: 768px){
  .c-datalist-s,
  .c-datalist-m,
  .c-datalist-l{
    display: block;
  }
}
/*テーブル*/
.c-specTable{
	width: 100%;
	min-width: 768px;
	table-layout: fixed;
}
.c-specTable th{
	background-color: #eee;
	vertical-align: middle;
}
.c-specTable td{
	background-color: #fff;
	vertical-align: middle;
} 
/*独立したリンク*/
.c-linkbox{
	display: inline-block;
	width: 100%;
	padding: 5px 10px;
	border: solid 2px #ddd;
	border-radius: 5px;
}
/*入力関連*/
.c-checkbox{
  font-size: inherit;
  line-height: 1;
}
.c-checkbox>input[type="radio"],
.c-checkbox>input[type="checkbox"]{
  width: 1em;
  height: 1em;
  vertical-align: middle;
  margin-left: 0.25em;
  margin-right: -1.75em;
  position: relative;
  z-index: 1;
}
.c-checkbox>input[type="radio"]+label,
.c-checkbox>input[type="checkbox"]+label{
  display: inline-block;
  width: 100%;
  padding: 3px 1.75em;
}
.c-checkbox>input[type="radio"]:focus,
.c-checkbox>input[type="checkbox"]:focus{
  outline: none;
}
.c-checkbox>input[type="radio"]:focus+label,
.c-checkbox>input[type="checkbox"]:focus+label{
  background-color: #fff9e6;
}
.c-checkbox>input[type="radio"]:checked+label,
.c-checkbox>input[type="checkbox"]:checked+label{
  background-color: #daf1ff;
}
.c-input>input[type="text"],
.c-input>input[type="email"],
.c-input>input[type="date"],
.c-input>input[type="month"],
.c-input>input[type="week"],
.c-input>input[type="time"],
.c-input>input[type="number"]{
  height: 1.75em;
  width: 100%;
  padding: 0 5px;
}
.c-input-span{
  display: flex;
  align-items: center;
}
.c-input-span>span{
  padding: 0 0.1em;
}
.c-input-span>input[type="number"]{
  height: 1.75em;
  width: 100%;
  text-align: right;
  padding: 0 5px;
}
.c-actionBtn{
  background-color: #398ddb;
  border-radius: 50px;
  transition: 0.1s;
}
.c-actionBtn:hover{
  opacity: 0.7;
}
.c-actionBtn>a{
  display: inline-block;
  min-width: 150px;
  font-size: 1.2em;
  text-align: center;
  color: #fff;
  padding: 0.4em 1em;
  border-radius: 50px;
}
.c-actionBtn>a:hover,
.c-actionBtn>a:active,
.c-actionBtn>a:visited,
.c-actionBtn>a:link{
  color: #fff!important;
  text-decoration: none!important;
}
.c-toggleArrow{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(0.5em * 1.6) 0.5em 0 0.5em;
	border-color: #333 transparent transparent transparent;
	margin-left: auto;
	transition: 0.1s;
}
.is-active .c-toggleArrow{
	transform: translateY(-50%) rotate(180deg);
}
/* =======================================================================
?Search(検索バー)
======================================================================= */
.p-searchForm{
  position: relative;
  width: 80%;
	font-size: 14px;
	margin: 0 auto;
}
.p-searchForm>input{
  width: 100%;
  height: 2.5em;
  color: #444;
  padding: 0.75em 0.5em;
  border: solid 2px #ccc;
  border-right: none;
  border-radius: 5px;
}
.p-searchForm>button {
  position: absolute;
  top: 0;
  right: 0;
  width: 3em;
  height: 2.5em;
  background: #ff9600;
  color: #FFF;
  border: solid 2px #ccc;
  border-left: none;
  padding: 0 0.5em;
  border-radius: 0 5px 5px 0;
  outline: 0;
  margin-left: 0;
}
/* =======================================================================
?UserGuide ご利用ガイド
======================================================================= */
.p-userGuide_wrap{
  width: 100%;
  background-color: #fafafa;
}
.p-userGuide{
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  max-width: 1080px;
  min-height: calc( 100vh - 260px );
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.7em;
  background-color: #fff;
  color: #444;
  margin: 0 auto;
}
.p-userGuide--archive{
  position: relative;
  width: 100%;
  max-width: 1200px;
  min-height: calc( 100vh - 260px );
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.7em;
  background-color: #fff;
  color: #444;
  margin: 0 auto;
}
.p-userGuide_btn{
	margin-top: 15px;
	margin-bottom: 15px;
}
.p-userGuide_inner{
  width: calc(100% - 310px );
  max-width: 600px;
	min-height: calc( 100vh - 260px );
	padding: 0;
  margin: 0 auto;
}
.p-userGuide_top{
  position: relative;
  width: 100%;
  padding: 100px 0 90px;
}
.p-userGuide_top::before{
  content: '';
  display: block;
  position: absolute;
  bottom: 15px;
  width: 100%;
  height: 1px;
  border-top: dashed 4px #fff;
}
.p-userGuide_top-heading{
  font-size: 40px;
  text-align: center;
}
.p-userGuide_top-search{
  width: calc( 100% - 20px );
  max-width: 620px;
  margin: 15px auto 0;
}
.p-userGuide_top-comment{
  font-size: 20px;
  text-align: center;
  line-height: 1.7;
  margin-top: 15px;
}
.p-userGuide_catNav{
  width: 100%;
  padding-top: 40px;
}
.p-userGuide_section-heading{
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}
.p-userGuide_section-caption{
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}
.p-userGuide_catNav-menu{
  width: 100%;
  max-width: 1000px;
  display: flex;
  flex-wrap: wrap;
  padding: 0 10px;
  margin: 0 auto;
}
.p-userGuide_catNav-menu>li{
  width: calc( 33.33% - 30px );
  padding: 0 0 15px;
  margin: 0 15px;
}
.p-userGuide_catNav-menu-heading{
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  padding: 7px 0;
  text-align: center;
}
.p-userGuide_catList{
  display: flex;
	flex-wrap: wrap;
	font-size: 16px;
  padding: 10px 0;
}
.p-userGuide_catList>li{
  width: 100%;
  border-bottom: solid 1px #ddd;
  margin: 0 5px;
}
.p-userGuide_catList>li a{
	display: inline-block;
	padding: 3px;
}
.is-catList-opened::after{
  transform: rotate(180deg);
}
.p-userGuide_askNav{
  padding-top: 25px;
}
.p-userGuide_askNav-menu{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1000px;
  font-size: 15px;
  text-align: center;
  padding: 0 10px;
  margin: 0 auto;
}
.p-userGuide_askNav-menu>li{
  width: 30%;
  margin: 0 auto 15px;
}
.p-userGuide_askNav-menu>li>a{
  display: inline-block;
  width: 100%;
  padding: 5px;
  border-radius: 2em;
  transition: 0.1s;
}
.p-userGuide_askNav-menu>li>a:hover{
  color: #fff!important;
  text-decoration: none!important;
  opacity: 0.7;
}
.p-userGuide_heading{
  font-size: 1.5em;
  font-weight: 700;
  padding-bottom: 0.1em;
  border-bottom: solid 1px #444;
  margin-top: 60px;
}
.p-userGuide_heading--search{
  font-size: 1.5em;
  font-weight: 700;
  padding-bottom: 0.1em;
	border-bottom: solid 5px #eee;
	margin-top: 60px;
}
.p-userGuide_contents{
  margin-top: 30px;
  margin-bottom: 45px;
}
.p-userGuide_contents:last-child{
	margin-bottom: 0;
}
.p-userGuide_contents>*{
	margin-bottom: 10px;
}
.p-userGuide_contents>*:last-child{
	margin-bottom: 0;
}
.p-userGuide_title{
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1.3;
	padding-top: 108px;
  padding-bottom: 0.1em;
  border-bottom: dotted 5px #e0e0e0;
	margin-top: -108px;
  margin-bottom: 15px;
}
.p-userGuide_feed{
  margin-top: 40px;
  padding: 20px 0;
  border-top: solid 1px #ddd;
}
.p-userGuide_feed-heading{
  font-size: 1.3em;
  color: #888;
  text-align: center;
  margin-bottom: 5px;
}
.p-userGuide_feed-list{
  display: flex;
  justify-content: space-between;
}
.p-userGuide_feed-list li{
  font-size: 14px;
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
}
.p-userGuide_feed-list li:first-child{
  text-align: left;
}
.p-userGuide_feed-list li:last-child{
  text-align: right;
}
.p-userGuide_searchResult{
  width: 100%;
  margin-top: 0;
  padding: 0!important;
  border-bottom: solid 1px #eee;
}
.p-userGuide_searchResult>a{
  display: block;
  font-weight: 400;
  text-decoration: none!important;
  padding: 0.7em 0.3em;
}
.p-userGuide_searchResult:hover{
  background-color: #fffadc;
}
.p-userGuide_searchResult-title{
  font-size: 1.2em;
  margin-bottom: 0.2em;
}
.p-userGuide_searchResult-desc{
  font-size: 14px;
  line-height: 1.5;
  color: #666;
}
.p-userGuide_sameCatMenu{
  margin-top: 45px;
  border-top: solid 1px #ccc;
  padding-top: 30px;
}
.p-userGuide_sameCatMenu-heading{
  font-size: 1.2em;
  color: #777;
  margin-bottom: 15px;
}
.p-userGuide_sameCatMenu-list{
  display: flex;
  flex-wrap: wrap;
}
.p-userGuide_sameCatMenu-list li{
  width: calc( 50% - 1em );
  font-size: 15px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 1em;
  margin-bottom: 0.3em;
}
.p-userGuide_category{
	display: flex;
	align-items: center;
	margin-top: 6px;
}
.p-userGuide_category-title{
	flex-shrink: 0;
	font-size: 15px;
	font-weight: 500;
	margin-right: 6px;
}
.p-userGuide_category-list{
	font-size: 14px;
	display: flex;
	flex-wrap: wrap;
}
.p-userGuide_category-list a{
	font-weight: 500;
}
.p-userGuide_category-list>li:not(:last-child)::after{
	content: '、';
}
.p-userGuide_sidebar-topLink{
	display: flex;
	align-items: center;
	font-size: 22px;
	color: #fff!important;
	transition: 0.1s;
	padding: 6px;
	border-radius: 6px;
}
.p-userGuide_sidebar-topLink:hover{
	color: #fff!important;
	text-decoration: none!important;
	background-color: rgba(255, 255, 255, 0.2);
}
.p-userGuide_sidebar-topLink-icon{
	width: 42.5px;
	flex-shrink: 0;
}
.p-userGuide_sidebar-topLink-text{
	display: inline-block;
	margin: 0 auto;
}
@media screen and (max-width: 768px){
  .p-userGuide{
    flex-direction: column;
    width: 100%;
    min-height: 0;
    font-size: 14px;
    line-height: 1.4em;
	}
	.p-userGuide_btn{
		margin-top: 10px;
		margin-bottom: 10px;
	}
  .p-userGuide_top{
    position: fixed;
    top: 58px;
    padding: 10px 0;
    border-bottom: solid 1px #fff;
    z-index: 1;
  }
  .p-userGuide_top::before{
    display: none;
  }
  .p-userGuide_top-heading{
    font-size: 19px;
    font-weight: 700;
    text-align: center;
  }
  .p-userGuide_top-search{
    width: 80%;
    max-width: 500px;
    min-width: 290px;
    margin: 8px auto 0;
  }
  .p-userGuide_top-comment{
    display: none;
  }
  .p-userGuide_catNav{
    padding-top: 140px;
  }
  .p-userGuide_section-heading{
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
  }
  .p-userGuide_section-caption {
    text-align: center;
    font-size: 15px;
    font-weight: 700;
  }
  .p-userGuide_catNav-menu-heading{
    position: relative;
  }
  .p-userGuide_catNav-menu-heading::after{
    position: absolute;
    top: 7px;
    right: 10px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17px 10px 0 10px;
    border-color: #fff transparent transparent transparent;
    transition: 0.2s;
  }
  .p-userGuide_catNav-menu{
    flex-direction: column;
    padding: 0 8px;
  }
  .p-userGuide_catNav-menu>li{
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding-bottom: 6px;
  }
  .p-userGuide_catNav-menu-heading{
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    padding: 5px 0;
    text-align: center;
  }
  .p-userGuide_catList{
    display: none;
  }
  .p-userGuide_catList>li{
    width: calc( 100% - 10px );
    font-size: 16px;
    padding: 5px 0;
  }
  .p-userGuide_catList>li a{
		display: inline-block;
		padding: 3px;
  }
  .p-userGuide_askNav-menu{
    font-size: 14px;
  }
  .p-userGuide_askNav-menu>li{
    width: 100%;
    max-width: 340px;
    margin: 0 auto 15px;
  }
  .p-userGuide_askNav-menu>li>a{
    display: inline-block;
    width: 100%;
    padding: 5px;
    border-radius: 2em;
    transition: 0.1s;
  }
  .p-userGuide_askNav-menu>li>a:hover{
    color: #fff!important;
    text-decoration: none!important;
    opacity: 0.7;
  }
  .p-userGuide_inner{
    width: calc(100% - 10px );
    max-width: 600px;
    min-height: calc( 100vh - 260px );
    margin: 0 auto;
  }
  .p-userGuide_heading{
    font-size: 20px;
    padding-bottom: 0.2em;
    text-align: center;
    margin-top: 30px;
	}
	.p-userGuide_heading--search{
		font-size: 20px;
		margin-top: 0px;
	}
  .p-userGuide_contents{
    margin-top: 10px;
    margin-bottom: 45px;
  }
  .p-userGuide_text br{
    display: none;
  }
  .p-userGuide_searchResult{
    width: 100%;
    font-size: 14px;
  }
  .p-userGuide_searchResult>a{
    display: block;
    font-weight: 400;
    text-decoration: none!important;
    padding: 0.8em 0.5em 0.7em;
  }
  .p-userGuide_searchResult-title{
    font-size: 1.1em;
    margin-bottom: 0;
  }
  .p-userGuide_searchResult-desc{
    display: none;
  }
  .p-userGuide_sameCatMenu{
    margin-top: 30px;
    border-top: solid 1px #ccc;
    padding-top: 15px;
  }
  .p-userGuide_sameCatMenu-heading{
    text-align: center;
  }
  .p-userGuide_sameCatMenu-list{
    display: flex;
    flex-wrap: wrap;
  }
  .p-userGuide_sameCatMenu-list li{
    font-size: 14px;
  }
	.p-userGuide_category{
		margin-top: 4px;
		align-items: flex-start;
	}
	.p-userGuide_category-title{
		font-size: 12px;
		margin-right: 3px;
	}
	.p-userGuide_category-list{
		font-size: 12px;
	}
}
.p-toAskBtn{
  width: 230px;
  background-color: #fff;
  font-size: 16px;
  text-align: center;
  margin: 20px auto 0;
  border-radius: 100px;
  transition: 0.1s;
}
.p-toAskBtn:hover{
  opacity: 0.7;
}
.p-toAskBtn>a>span{
  display: inline-block;
  width: 100%;
  padding: 0.5em;
}
@media screen and (max-width: 768px){
  .p-toAskBtn{
    width: 230px;
    background-color: #fff;
    font-size: 15px;
    text-align: center;
    margin: 10px auto 0;
    border-radius: 100px;
    transition: 0s;
  }
  .p-toAskBtn:hover{
    opacity: 1;
  }
  .p-toAskBtn:active{
    background-color: #ffff00;
  }
  .p-toAskBtn>a>span{
    display: inline-block;
    width: 100%;
    padding: 0.3em;
  }
}
/* ━━━ 入力フォーム ━━━ */
.p-inputForm{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
	max-width: 100%;
}
.p-inputForm #trust-form th{
	width: 50%;
	max-width: 360px;
	text-transform: initial!important;
}
.p-inputForm #trust-form ul{
	display: flex;
	flex-wrap: wrap;
}
.p-inputForm #trust-form li{
	width: auto;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
}
.p-inputForm input[type=text],
.p-inputForm textarea,
.p-inputForm select{
	width: 100%;
	min-width: 300px;
	padding: 3px;
}
.p-inputForm textarea{
	min-height: 4em;
}
.p-inputForm select{
	outline: none;
	border-radius: 3px;
	border: #cfcfcf solid 1px;
	height: 32px;
}
.p-inputForm #trust-form li label{
	display: flex;
	line-height: 1.3;
}
.p-inputForm #trust-form li label:hover{
	background-color: #d6e6f3;
	border-radius: 3px;
}
.p-inputForm #trust-form li input[type=checkbox],
.p-inputForm #trust-form li input[type=radio]{
	flex-shrink: 0;
	width: 1.2em;
	height: 1.2em;
	vertical-align: middle;
}
.p-inputForm #trust-form input[type=submit]{
	width: 270px;
	min-width: 200px;
	height: auto;
	background-color: #1db75b;
	color: #fff!important;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	padding: 12px 10px;
	border: none;
	border-radius: 4px;
}
.p-inputForm #trust-form input[type=submit]:hover{
	opacity: 0.7;
}
.p-inputForm #trust-form input[name=return-to-input]{
	background-color: #cc0000;
}
.p-inputForm #trust-form input[readonly]{
	background-color: #eaeaea;
}
@media screen and (max-width: 768px){
	.p-inputForm #trust-form th {
		width: 100%;
		max-width: 768px;
		text-transform: initial!important;
	}
}
/* =======================================================================
SBCカテゴリページ
======================================================================= */
.p-sbcCat{
	max-width: 960px;
	margin: 0 auto;
}
.p-sbcCat_head-flex{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff1e0;
}
.p-sbcCat_head-desc{
	flex-grow: 1;
	font-size: 14px;
	padding: 0 15px;
	text-align: center;
}
.p-sbcCat_head-info{
	min-width: 450px;
	line-height: 0.6;
}
.p-sbcCat_body{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 30px 0 0;
}
.p-sbcCat_body-link{
	width: 310px;
	margin: 5px;
}
.p-sbcCat_body-link--en{
	width: 460px;
	margin: 10px;
}
.p-sbcCat_foot-desc{
	font-size: 14px;
	padding: 0 15px;
	text-align: center;
	line-height: 1.7;
	padding: 30px 0;
}
.p-sbcCat_menu{
	background-color: #eee;
}
.p-sbcCat_menu-title--1{
	line-height: 1;
	font-size: 1.3em;
	font-weight: 700;
	color: #fff;
	background-image: url(https://www.chip1stop.com/sp/wp-content/uploads/2016/03/cTitle_img001.gif);
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #333;
	padding: 15px 0px 13px 130px;
}
.p-sbcCat_menu-title--2{
	line-height: 1;
	font-size: 1.3em;
	font-weight: 700;
	color: #fff;
	background-image: url(https://www.chip1stop.com/sp/wp-content/uploads/2016/03/cTitle_img003.gif);
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #333;
	padding: 15px 0px 13px 130px;
}
.p-sbcCat_menu-title--3{
	line-height: 1;
	font-size: 1.3em;
	font-weight: 700;
	color: #fff;
	background-image: url(https://www.chip1stop.com/sp/wp-content/uploads/2016/03/cTitle_img002.gif);
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #333;
	padding: 15px 0px 13px 130px;
}
.p-sbcCat_menu-title--4{
	line-height: 1;
	font-size: 1.3em;
	font-weight: 700;
	color: #fff;
	background-image: url(https://www.chip1stop.com/sp/wp-content/uploads/2016/03/cTitle_img004.gif);
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #333;
	padding: 15px 0px 13px 130px;
}
.p-sbcCat_menu-title--5{
	line-height: 1;
	font-size: 1.3em;
	font-weight: 700;
	color: #fff;
	background-image: url(https://www.chip1stop.com/sp/wp-content/uploads/2016/03/cTitle_img006.gif);
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #333;
	padding: 15px 0px 13px 130px;
}
.p-sbcCat_menu-title--6{
	line-height: 1;
	font-size: 1.3em;
	font-weight: 700;
	color: #fff;
	background-image: url(https://www.chip1stop.com/sp/wp-content/uploads/2016/05/cTitle_img005.gif);
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #333;
	padding: 15px 0px 13px 130px;
}
.p-sbcCat_menu-list{
	display: flex;
	flex-wrap: wrap;
	padding: 15px 20px;
}
.p-sbcCat_menu-item{
	width: 33%;
	min-width: 225px;
	padding: 5px 0 5px 15px;
	background: url(https://www.chip1stop.com/images/Linear_shop_icon.gif) no-repeat 0 -35px;
}
.p-sbcCat_menu-item a{
	font-weight: 700;
	text-decoration: none;
}
.p-sbcCat_menu-box{
	width: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 30px;
	margin: 20px 0;
}
.p-sbcCat_menu-box-name{
	font-size: 1.2em;
	font-weight: 700;
	margin-bottom: 5px;
}
.p-sbcCat_menu-box-tag a{
	font-weight: 700;
	text-decoration: none;
	margin-bottom: 5px;
}
.p-sbcCat_menu-box-desc{
	max-width: 300px;
	font-size: 0.9em;
}
.p-sbcCat_menu-movie{
	width: 46%;
	margin: 0 2%;
}
.p-sbcCat_menu-movie iframe{
	width: 100%;
}
@media screen and (max-width: 768px) {
	.p-sbcCat_head-image img{
		width: 100%;
	}
	.p-sbcCat_head-flex{
		flex-direction: column;
		background-color: transparent;
	}
	.p-sbcCat_head-desc{
		margin: 10px 0 15px;
	}
	.p-sbcCat_head-info{
		min-width: 320px;
	}
	.p-sbcCat_head-info img{
		width: 100%;
	}
	.p-sbcCat_body{
		margin: 20px 0;
	}
	.p-sbcCat_foot-desc{
		margin: 0 15px;
	}
	.p-sbcCat_menu-title--1{
		text-align: right;
		font-size: 1.2em;
		padding: 8px 10px;
	}
	.p-sbcCat_menu-title--2{
		text-align: right;
		font-size: 1.2em;
		padding: 8px 10px;
	}
	.p-sbcCat_menu-title--3{
		text-align: right;
		font-size: 1.2em;
		padding: 8px 10px;
	}
	.p-sbcCat_menu-title--4{
		text-align: right;
		font-size: 1.2em;
		padding: 8px 10px;
	}
	.p-sbcCat_menu-title--5{
		text-align: right;
		font-size: 1.2em;
		padding: 8px 10px;
	}
	.p-sbcCat_menu-title--6{
		text-align: right;
		font-size: 1.2em;
		padding: 8px 10px;
	}
	.p-sbcCat_menu-box{
		width: 100%;
		max-width: 450px;
		padding: 0;
		margin: 30px auto;
	}
	.p-sbcCat_menu-movie{
		width: 96%;
		margin: 0 2%;
	}
}
/* =======================================================================
product(製品紹介レイアウト)
======================================================================= */
.p-product{
	display: flex;
}
.p-product_left{
	width: 40%;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 0%;
	justify-content: center;
	border: solid 1px #aaa;
	padding: 15px;
}
.p-product_left>*{
	min-height: 0%;
}
.p-product_right{
	width: 58%;
	margin-left: 2%;
	display: flex;
	flex-direction: column;
	min-height: 0%;
	justify-content: center;
}
.p-product_name{
	font-size: 1.2em;
	font-weight: 700;
}
.p-product_image{
	width: 80%;
}
.p-product_data a{
	color: #00468C;
}
.p-product_data img{
	display: inline-block;
	vertical-align: middle;
	width: 1.5em;
	margin-left: 0.5em;
}
.p-product_desc{
	margin: 1em 0;
}
.p-product_btn{
	display: flex;
	justify-content: center;
	align-items: center;
}
.p-product_btn > div{
	margin-left: 5px;
	margin-right: 5px;
}
@media screen and (max-width: 768px) {
	.p-product{
		flex-direction: column;
		min-height: 0%;
		align-items: center;
	}
	.p-product_left{
		width: 100%;
		border: none;
		padding: 15px;
	}
	.p-product_right{
		width: 95%;
		margin-left: 0;
	}
	.p-product_name{
		text-align: center;
	}
	.p-product_image{
		width: 80%;
		max-width: 320px;
	}
	.p-product_data img{
		display: inline-block;
		vertical-align: middle;
		width: 25px;
		margin-left: 0.5em;
	}
}
/* =======================================================================
spec(製品の仕様・性能説明)
======================================================================= */
.p-spec_title{
	font-size: 1.2em;
	border-bottom: solid 1px #000;
	margin-bottom: 10px;
}
.p-spec_list{
	list-style-type: square;
	display: flex;
	flex-wrap: wrap;
}
.p-spec_item{
	width: 45%;
	margin: 0 0 0.25em 2em;
}
.p-spec_table{
	width: 100%;
	margin: 0 auto;
	border-bottom: 1px solid #ededed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
	line-height: 2;
}
.p-spec_table{
	width: 100%;
	margin: 0 auto;
	border-bottom: 1px solid #ededed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
	line-height: 1.5;
}
.p-spec_table th{
	background-color: #aaa;
	border: solid 1px #bbb;
	text-align: center;
	color: #fff;
	font-weight: 700;
	font-size: 1.2em;
}
.p-spec_table td{
	border: solid 1px #bbb;
	padding: 5px;
}
.p-spec_table .p-spec_table-item{
	font-weight: 700;
	text-align: center;
}
.p-spec_table div{
	margin: 5px;
}
@media screen and (max-width: 768px) {
	.p-spec_title{
		text-align: center;
	}
	.p-spec_item{
		width: 80%;
		margin: 0.25em 0;
		margin-left: 2em;
	}
}
/* =======================================================================
menu(製品の仕様・性能説明)
======================================================================= */
.p-menu{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.p-menu_item{
	width: 22%;
	min-width: 200px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
					flex-direction: column;
					min-height: 0%;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 15px;
	margin: 0 1%;
}
.p-menu_item-head{
	text-align: center;
}
.p-menu_item-model{
	font-size: 0.9em;
}
.p-menu_item-name{
	font-size: 1.2em;
	font-weight: 700;
}
.p-blockList_item{
	display: flex;
	align-items: center;
	padding: 0.5em 0;
	border-top: solid 1px #aaa;
}
.p-blockList_item-image{
	flex-shrink: 0;
	margin: 0 15px;
	}
/* =======================================================================
?Pagenation(ページネーション)
======================================================================= */
.p-pageNation{
	background-color: #eee;
	padding: 8px 15px;
}
.p-pageNation_inner{
	max-width: 350px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
.p-pageNation .page-numbers{
	display: inline-block;
	background-color: #fff;
	border-radius: 15px;
	width: 2em;
	height: 2em;
	padding: 5px;
}
.p-pageNation .prev{
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	background-image: #ddd;
	width: 60px;
	padding: 5px;
}
.p-pageNation .next{
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	background-image: #ddd;
	width: 60px;
	padding: 5px;
}
/*現行*/
.p-pageNations{
  font-size: 15px;
  line-height: 1;
  background-color: #eee;
  padding: 0.7em;
}
.p-pageNations a{
  font-weight: 400;
}
.p-pageNations_inner {
  max-width: 230px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align: center;
  margin: 0 auto;
}
.p-pageNations .prev {
  position: absolute;
  right: 100%;
  display: inline-block;
  width: max-content;
}
.p-pageNations .next {
  position: absolute;
  left: 100%;
  display: inline-block;
  width: max-content;
}
.p-pageNations .page-numbers{
  display: inline-block;
  padding: 0 0.2em;
}
.p-pageNations .page-numbers.current{
  line-height: 0.85;
}
/* =======================================================================
?searchFilter(検索フィルタ)
======================================================================= */
.p-searchFilter{
  font-size: 15px;
  line-height: 1.3;
  background-color: #f0f1f2;
  padding: 25px 20px;
}
.p-searchFilter_list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: -15px;
}
.p-searchFilter_list::after{
  content: '';
  width: calc( 33.33% - 11px );
}
.p-searchFilter_item{
  width: calc( 33.33% - 10px );
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border: solid 1px #ccc;
  margin-bottom: 15px;
}
.p-searchFilter_item-heading{
  font-size: 1.2em;
  font-weight: 700;
  text-align: center;
  background-color: #9a9a9c;
  color: #fff;
  padding: 0.3em 0;
}
.p-searchFilter_item-scroll{
  height: 110px;
  overflow-y: scroll;
  padding: 5px 0;
}
.p-searchFilter_item-clear{
  display: block;
  font-size: 1em;
  font-weight: 700;
  text-align: center;
  background-color: #ccc;
  color: #fff!important;
  padding: 0.3em 0 0.2em;
}
.p-searchFilter_item-clear:hover{
  color: #fff!important;
  text-decoration: none!important;
  opacity: 0.7;
}
.p-searchFilter_item-clear:visited{
  color: #fff!important;
}
.p-searchFilter_result{
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 15px;
}
.p-searchFilter_result-length{
  width: 14em;
  background-color: #ccc;
  padding: 5px 15px;
  border-radius: 15px;
}
.p-searchFilter_result-alert{
  margin-left: auto;
  padding: 5px 15px;
}
.p-searchFilter_result-alert.is-alert{
  color: #ff2600;
  font-weight: 700;
}
.p-searchResult{
  height: 500px;
  padding: 10px;
  border: solid 2px #f0f0f0;
  overflow-y: scroll;
}
@media screen and (max-width: 768px){
  .p-searchFilter{
    font-size: 14px;
  }
  .p-searchFilter_item{
    width: calc( 50% - 5px );
  }
  .p-searchFilter_result{
    display: block;
  }
  .p-searchFilter_result-length{
    width: 100%;
    border-radius: 15px 15px 0 0;
  }
  .p-searchFilter_result-alert{
    font-size: 13px;
  }
  .p-searchResult{
    height: 300px;
    border: solid 15px #f0f0f0;
  }
}
@media screen and (max-width: 450px){
  .p-searchFilter_item{
    width: 100%;
  }
}
/* =======================================================================
?listmenu(横並びリストメニュー)
======================================================================= */
.p-listmenu{
  display: flex;
  margin-right: -5px;
}
.p-listmenu>li{
  width: 100%;
  text-align: center;
  margin-right: 5px;
  background-color: #fff;
}
.p-listmenu>li>a{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 35px;
  background-color: #00468C;
  color: #fff!important;
  text-decoration: none!important;
  transition: 0.05s;
}
.p-listmenu>li>a:hover{
  opacity: 0.7;
}
@media screen and (max-width: 768px){
  .p-listmenu{
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 0.9em;
    padding: 0 10px;
    margin-right: 0;
  }
  .p-listmenu>li{
    width: calc( 50% - 5px ) ;
    text-align: center;
    margin-right: 0;
    margin-bottom: 5px;
    background-color: #fff;
  }
}
@media screen and (max-width: 450px){
  .p-listmenu{
    font-size: 0.8em;
    padding: 0 5px;
  }
  .p-listmenu>li{
    width: calc( 50% - 2.5px ) ;
    text-align: center;
    margin-right: 0;
    margin-bottom: 5px;
    background-color: #fff;
  }
}

/* =======================================================================
表系
======================================================================= */
/*通常テーブル*/
.p-specTable{
	width: 100%;
	min-width: 768px;
	table-layout: fixed;
}
.p-specTable th{
	vertical-align: middle;
}
.p-specTable td{
	vertical-align: middle;
}
/*レスポンシブ時変形するテーブル*/
.p-spTable{
	width: 100%;
	table-layout: fixed;
}
.p-spTable .p-spTable_spTh{
	display: none;
}
.p-spTable th{
	color: #fff;
	background-color: #999;
	text-align: center;
}
.p-spTable td{
	color: #333;
	background-color: #fafafa;
}
@media screen and (max-width: 768px){
	.p-spTable{
		max-width: 500px;
		margin: 0 auto;
		border: none;
	}
	.p-spTable thead{
		display: none;
	}
	.p-spTable .p-spTable_spTh{
		display: block;
		text-align: center;
		color: #fff;
		background-color: #999;
		padding: 5px 0;
		margin-bottom: 5px;
	}
	.p-spTable tr{
		display: block;
		border: solid 3px #999;
		margin-bottom: 15px;
	}
	.p-spTable td{
		display: block;
		padding: 0 0 8px;
		border: none;
	}
	.p-spTable .p-spTable_tableArea{
		display: flex;
		align-items: center;
		justify-content: center;
	}
}
/* =======================================================================
?Utility(単純なプロパティやレイアウトを整えるためのものはここに作る)
======================================================================= */
.u-twoLine{ /*一行のコンテンツが複数行になる場合用*/
	line-height: 1.3;
}
.u-ib{ /*レスポンシブ時の改行位置調整用*/
	display: inline-block;
}
.u-makercolor{
	background-color: #00468C;
}
.u-isolate{ /*複数個ある要素が言語などによって一つになってしまった時用*/
	padding: 30px 0;
	margin: 0 auto;
}

.u-btnlayout { /*ボタン配置用クラス*/
	display: flex;
	justify-content: center;
}
.u-btnLayout {
	display: flex;
	justify-content: center;
	align-items: center;
}
.u-btnLayout>* {
	margin-left: 0.5em;
}
.u-btnLayout>*:first-child {
	margin-left: 0;
}
.u-hr::after{
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
  margin: 0.5em 0;
}
@media screen and (max-width: 768px) {
	.u-btnLayout {
		display: block;
	}
	.u-btnLayout>* {
		margin-left: 0;
		margin-top: 5px;
	}
	.u-btnLayout>*:first-child {
		margin-top: 0;
	}
	.u-tableWrapper{
		width: 100%;
		overflow-x: scroll;
	}
	.u-tableWrapper>table{
    min-width: 768px;
  }
}
/* u-flex --- flex系統 --- */
.u-flex{
  display: flex;
}
.u-flex--justify-c{ /*左右中央配置*/
  display: flex;
  justify-content: center;
}
.u-flex--align-c{ /*上下中央配置*/
  display: flex;
  align-items: center;
}
.u-flex--c{ /*上下左右中央配置*/
  display: flex;
  justify-content: center;
  align-items: center;
}
.u-flex--re{ /*逆順*/
  display: flex;
  flex-direction: row-reverse;
}
.u-flex--eq{ /*均等配置*/
  display: flex;
}
.u-flex--eq > *{
  width: 100%;
}
.u-flex--wrap{
	display: flex;
	flex-wrap: wrap;
}
.u-flex--sp{ /*SPでもフレックス有効*/
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 768px){
  .u-flex,.u-flex--justify-c,.u-flex--align-c,.u-flex--c,.u-flex--re,.u-flex--eq{
    flex-direction: column;
  }
  .u-flex--justify-c > *{
    margin-left: auto;
    margin-right: auto;
  }
}
.u-floatBox > *{ /*左端から陳列(33.3 - 25 - 20)*/
  float: left;
  width: 25%;
}
.u-floatBox::after{
  content: '';
  display: block;
  clear: both;
}
@media screen and (max-width: 768px){
  .u-floatBox > *{ /*左端から陳列(デフォルトで三列)*/
    float: left;
    width: 50%;
  }
}

/* widthç³» */
.u-w-100{
  width: 100%;
  flex-shrink: 0;
}
.u-w-75{
  width: 75%;
  flex-shrink: 0;
}
.u-w-70{
	width: 70%;
	flex-shrink: 0;
}
.u-w-66{
  width: 66%;
	flex-shrink: 0;
}
.u-w-50{
  width: 50%;
  flex-shrink: 0;
}
.u-w-33{
	width: 33%;
	flex-shrink: 0;
}
.u-w-30{
  width: 30%;
  flex-shrink: 0;
}
.u-w-25{
  width: 25%;
  flex-shrink: 0;
}
@media screen and (max-width: 768px){
  .u-sp-w-100{
		width: 100%;
		flex-shrink: 0;
  }
}
/* 色系 c1s */
.u-cl-main{
  background-color: #024287;
  color: #fff;
}
.u-text-cl-main{
	color: #024287;
}
.u-border-cl-main{
	border-color: #024287;
}
/* 色系 アラート */
.u-text-cl-red{
	color: #d7000f;
}
/* ============================== New styles added ============================== */
/* --------------- layout --------------- */
.l-temp{
	width: 100%;
	max-width: 960px;
	font-size: 15px;
	line-height: 1.7;
	color: #333;
	margin-left: auto;
	margin-right: auto;
}
/* 展示会関係 start */
.l-exhi{
	font-size: 14px;
	line-height: 1.6;
}
.l-exhiHeader{
	margin-bottom: 30px;
}
.l-exhiHeader_head{
	display: flex;
	align-items: center;
	padding: 0 24px;
	border-bottom: solid 1px #ccc;
	margin-bottom: 15px;
}
.l-exhiHeader_body{
	line-height: 1.5;
}
.l-exhiHeader_logo{
	flex-shrink: 0;
	width: 160px;
	padding: 12px 0;
	margin-right: 24px;
}
.l-exhiHeader_title{
	flex-grow: 1;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
}
.l-exhiFooter{
	text-align: center;
	padding-top: 18px;
	border-top: solid 1px #ccc;
	margin-top: 30px;
}
.l-exhiFooter address{
	line-height: inherit;
	margin-bottom: 0;
}
.l-exhiFooter_companyName{
	font-size: 18px;
	font-weight: 700;
}
@media screen and (max-width: 768px){
	.l-exhi{
		margin-top: -15px;
	}
	.l-exhi .l-breadcrumb{
		display: none;
	}
	.l-exhiHeader{
		padding: 0 6px;
	}
	.l-exhiHeader_head{
		display: block;
	}
	.l-exhiHeader_logo{
		margin: 0 auto;
		padding: 6px 0;
	}
	.l-exhiHeader_title{
		font-size: 16px;
	}
	.l-exhiFooter{
		margin-left: 6px;
		margin-right: 6px;
	}
	.l-exhiFooter_companyName{
		font-size: 15px;
	}
}
/* 展示会関係 end */
.l-lp{
	font-size: 15px;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, sans-serif;
	line-height: 1.7;
	padding-top: 6px;
	margin-top: -15px;
	margin-bottom: -50px;
}
@media screen and (max-width: 768px){
	.l-lp{
		font-size: 14px;
	}
}
/* ============================== メーカ発信情報関連 ============================== */
.mfn{
  max-width: 1080px;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.7;
  color: #444;
  margin-left: auto;
  margin-right: auto;
}
.mfn_header{
  padding: 12px 0 9px;
  border-bottom: solid 1px #ccc;
  margin-bottom: 18px;
}
.mfn_header-inner{
  display: flex;
  align-items: center;
}
.mfn_header-copy{
  font-size: 1em;
  text-align: center;
  margin: 0 auto;
}
.mfn_logo{
  width: 300px;
  height: 55px;
  padding: 0 30px;
}
.mfn_logo path{
  fill: #888;
  transition: 0.2s;
}
.mfn_logo:hover path{
  fill: #aaa;
}
.mfn_body{
  display: flex;
  flex-direction: row-reverse;
}
.mfn_body-container{
  width: 100%;
  margin: 0 18px;
}
.mfn_sideBar{
  flex-shrink: 0;
  width: 270px;
  background-color: #eee;
  padding: 12px;
  border-radius: 6px;
}
.mfn_sideBar-search{
  margin-bottom: 15px;
}
.mfn_sideList{
  margin: 9px 0;
}
.mfn_sideList-heading{
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  color: #888;
  margin-bottom: 3px;
}
.mfn_sideList-contents{
  margin: 0 -12px;
}
.mfn_sideList-contents-item:not(:last-child){
  border-bottom: solid 1px #ccc;
}
.mfn_sideList-contents-item>a{
  display: block;
  background-color: #eee;
  padding: 3px 12px;
}
.mfn_sideList-contents-item>a:hover{
  text-decoration: none!important;
  background-color: #fafafa;
}
.mfn_topList{
  width: 750px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto -15px;
}
.mfn_topList::after{
  content: '';
  display: block;
  width: 240px;
}
.mfn_topList-item{
  position: relative;
  width: 240px;
  background-color: #f3f3f3;
  padding: 9px 9px 30px;
  border-radius: 6px;
  margin-bottom: 15px;
  overflow: hidden;
}
.mfn_topList-item-image{
  position: relative;
  width: 240px;
  height: 180px;
  margin: -9px -9px 9px;
  overflow: hidden;
  background-color: #fafafa;
}
.mfn_topList-item-image a img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate( -50%, -50%);
  display: block;
  width: auto;
  max-width: none!important;
  max-height: 180px;
  transition: 0.05s;
}
.mfn_topList-item-title{
  line-height: 1.2;
  font-family: Arial, Helvetica, sans-serif;
}
.mfn_topList-item-title a{
  font-weight: 500;
  color: #00468C;
  text-decoration: none!important;
}
.mfn_topList-item-title a:hover{
  color: #eb7100!important;
}
.mfn_topList-item-dataList{
  position: absolute;
  left: 0;
  bottom: 9px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #888;
  line-height: 1;
  padding: 0 9px;
  margin-top: 9px;
}
.mfn_topList-item-dataList-item{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mfn_topList-item-dataList-time{
  flex-shrink: 0;
}
.mfn_footer{
  margin-top: 18px;
}
.mfn_footer-bnrArea{
  display: flex;
  margin-left: -15px;
}
.mfn_footer-bnrArea>li{
  padding-left: 15px;
}
.mfn_article-header{
  padding: 12px 9px;
  border-bottom: dashed 1px #aaa;
  margin-bottom: 15px;
}
.mfn_article-title{
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 3px;
}
.mfn_article-dataList{
  font-size: 14px;
  display: flex;
  color: #888;
  line-height: 1;
}
.mfn_article-dataList-item{
  margin-right: 1em;
}
.mfn_article-dataList-time{
  margin-left: auto;
}
.mfn_article-eyeCatch{
  text-align: center;
  margin-bottom: 15px;
}
.mfn_article-eyeCatch img{
  width: auto;
  max-height: 250px;
}
.mfn_article-text{
  margin: 15px 0;
}
.mfn_article-text>*{
  margin-bottom: 1em;
}
.mfn_article-text blockquote{
  font-size: inherit;
  color: #777;
  background-color: #f7f7f7;
  padding: 1em;
  border: none;
}
.mfn_article-text em{
  font-weight: 700;
}
.mfn_article-text ul{
  list-style-type: disc;
  padding-left: 1.15em;
}
.mfn_article-btn{
  display: flex;
  justify-content: center;
}
.mfn_article-btn .c-btn{
  width: 350px;
}
.mfn_article-footer{
  padding-top: 3px;
  border-top: dashed 1px #ccc;
  margin-top: 15px;
  margin-bottom: -12px;
}
.mfn_article-footer-box{
  margin: 12px 0;
}
.mfn_article-footer-heading{
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  color: #888;
  margin-bottom: 6px;
}
.mfn_article-footer-articleList-item{
  padding: 12px;
  background-color: #eee;
  border-radius: 6px;
  margin-bottom: 9px;
}
.mfn_article-footer-articleList-item a{
  font-weight: 500;
}
.mfn_article-footer-articleList-item .mfn_article-title{
  font-size: 16px;
}
.mfn_searchTitle{
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 15px;
  border-bottom: solid 1px #ccc;
}
.mfn_pn{
  width: calc( 100% + 45px );
  padding-left: 27px;
  padding-right: 18px;
  margin-top: 15px;
  margin-left: -27px;
  background-color: #eee;
  border-radius: 6px;
  overflow: hidden;
}
/* ============================== ページネーション ============================== */
.pageNations{
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1;
  color: #333;
  background-color: #eee;
  padding: 9px;
}
.pageNations a{
  font-weight: 500;
}
.pageNations_inner{
  display: flex;
  justify-content: center;
  align-items: center;
}
.pageNations_inner .page-numbers{
  display: inline-block;
  width: 15px;
  text-align: center;
  margin: 0 3px;
}
.pageNations_inner .prev,
.pageNations_inner .next{
  width: 50px;
  margin: 0 2em;
}
/* タブレット表示 */
@media screen and (max-width: 1279px){
  .mfn_body{
    display: block;
  }
  .mfn_body-container{
    margin: 0 0 15px;
  }
  .mfn_topList{
    width: 100%;
  }
  .mfn_sideBar{
    width: 100%;
    min-height: 0;
  }
  .mfn_article-footer-box{
    margin: 18px 0;
  }
  .mfn_article-footer-articleList{
    margin-top: -6px;
  }
  .mfn_article-footer-articleList-item{
    background-color: #fff;
    padding: 9px 0;
    border-radius: 0;
    margin-bottom: 0;
  }
  .mfn_article-footer-articleList-item .mfn_article-title{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mfn_article-footer-articleList-item:not(:last-child){
    border-bottom: solid 1px #ccc;
  }
  .mfn_article-footer{
    margin-bottom: 15px;
  }
  .mfn_pn{
    width: 100%;
    padding: 0;
    margin-top: 9px;
    margin-left: 0;
    overflow: hidden;
  }
}
/* スマートフォン表示 */
@media screen and (max-width: 767px){
  .mfn{
    font-size: 14px;
    margin-bottom: -50px;
  }
  .mfn .l-breadcrumb{
    display: none;
  }
  .mfn_header{
    padding: 12px 12px 9px;
  }
  .mfn_header-inner{
    display: block;
  }
  .mfn_logo{
    margin: 12px auto 12px;
  }
  .mfn_body-container{
    padding: 0 12px;
    margin-bottom: 15px;
  }
  .mfn_sideBar{
    border-radius: 0;
  }
  .mfn_footer{
    margin-top: 0;
    padding-bottom: 18px;
    background-color: #eee;
  }
  .mfn_footer-bnrArea{
    padding: 0 12px;
  }
  .mfn_topList{
    display: block;
    padding: 0 15px;
    margin-bottom: 0;
  }
  .mfn_topList-item{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .mfn_topList-item-image{
    width: calc( 100% + 18px );
    height: calc( 75vw - 24px )!important;
  }
  .mfn_topList-item-image a img{
    width: auto;
    max-width: none!important;
    height: calc( 75vw - 24px )!important;
    max-height: none;
    transition: 0.05s;
  }
  .mfn_footer-bnrArea{
    display: block;
  }
  .mfn_footer-bnrArea>li:not(:last-child){
    margin-bottom: 12px;
  }
  .mfn_article-header{
    padding: 12px 0;
  }
  .mfn_article-dataList{
    flex-wrap: wrap;
  }
  .mfn_article-dataList-item{
    width: 100%;
    padding-right: 75px;
    margin: 3px 0;
  }
  .mfn_article-dataList-time{
    margin-top: -16px;
  }
  .mfn_pn{
    margin-top: -9px;
  }
}
/* --------------- Button start --------------- */
.c-btn,
.c-btn--round,
.c-btn--small,
.c-btn--border{
	display: inline-block;
	font-weight: 700;
	text-align: center;
	line-height: 1;
	transition: 0.1s;
}
.c-btn:hover,
.c-btn--round:hover,
.c-btn--small:hover,
.c-btn--border:hover{
	opacity: 0.7;
	text-decoration: none!important;
}
.c-btn:hover,
.c-btn--round:hover,
.c-btn--small:hover,
.c-btn:focus,
.c-btn--round:focus,
.c-btn--small:focus{
	color: #fff!important;
}
.c-btn{
	min-width: 200px;
	background-color: #aaa;
	color: #fff!important;
	font-size: 16px;
	padding: 12px 10px;
	border: none;
	border-radius: 4px;
}
.c-btn--border{
	min-width: 200px;
	box-sizing: border-box;
	background-color: transparent;
	color: #aaa!important;
	font-size: 16px;
	padding: 10px 10px;
	border: 2px #ccc solid;
	border-radius: 4px;
}
.c-btn--round{
	min-width: 150px;
	background-color: #aaa;
	color: #fff!important;
	font-size: 14px;
	padding: 0.5em 1.5em;
	border: none;
	border-radius: 28px;
}
.c-btn--small{
	min-width: 160px;
	background-color: #aaa;
	color: #fff!important;
	font-size: 14px;
	padding: 5px 1.5em;
	border: none;
	border-radius: 4px;
}
@media screen and (max-width: 768px){
	.c-btn,
	.c-btn--border{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}
.c-table{
	line-height: 1.4;
	overflow-x: auto;
}
.c-table>table{
	width: 100%;
	table-layout: fixed;
}
/* --------------- Button end --------------- */
/* --------------- GoogleMap start --------------- */
.p-map{
	font-size: 14px;
	line-height: 1.5;
}
.p-map_heading{
	font-size: 1.2em;
	font-weight: 700;
	padding-bottom: 0.5em;
}
.p-map_inner{
	display: flex;
}
.p-map_contents{
	flex-shrink: 0;
	width: 100%;
	max-width: 570px;
	height: 420px;
	border: solid 1px #ccc;
}
.p-map_contents>iframe{
	font-size: 0;
	line-height: 0;
	width: 100%;
	height: 100%;
}
.p-map_contents-spBtn{
	display: none;
}
.p-map_text{
	flex-grow: 1;
	padding-left: 0.5em;
}
.p-map_text>table{
	width: 100%;
	font-size: 14px;
	color: #333;
}
.p-map_text>table th{
	background-color: #eee;
	vertical-align: top;
}
.p-map_text>table td{
	background-color: #fff;
	vertical-align: top;
}
@media screen and (max-width: 991px){
	.p-map_inner{
		display: block;
	}
	.p-map_contents{
		max-width: 750px;
		margin-bottom: 10px;
	}
	.p-map_text{
		padding-left: 0;
	}
}
@media screen and (max-width: 768px){
	.p-map_contents{
		height: auto;
		border: none;
	}
	.p-map_contents>iframe{
		display: none;
	}
	.p-map_contents-spBtn{
		display: block;
	}
}
/* 検索結果画面関係 */
.p-searchHeader{
	padding-bottom: 15px;
	border-bottom: solid 1px #ccc;
	margin-bottom: 9px;
}
.p-searchTitle{
	font-size: 21px;
	font-weight: 700;
	margin-bottom: 9px;
}
.p-searchItem{
	background-color: #fff;
	padding: 9px;
}
.p-searchItem:hover{
	background-color: #f8f8f8;
}
/* --------------- GoogleMap end --------------- */
.u-youtube{ /*youtube用iframeを画面幅に合わせて比率を変えずに調整するクラス*/
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.u-youtube iframe,
.u-youtube video{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%!important;
	height: 100%!important;
}
/* --------------- liststyle start --------------- */
.u-listWrap{
	overflow: hidden;
}
.u-pcl-c2,
.u-pcl-c3,
.u-pcl-c4,
.u-pcl-c5{
	display: flex;
	flex-wrap: wrap;
}
.u-pcl-c2>*,
.u-pcl-c3>*,
.u-pcl-c4>*,
.u-pcl-c5>*{
	display: block;
}
.u-pcl-c2>*{
	width: 50%;
}
.u-pcl-c3>*{
	width: 33.333%;
}
.u-pcl-c4>*{
	width: 25%;
}
.u-pcl-c5>*{
	width: 20%;
}
@media screen and (max-width: 991px){
	.u-tbl-c1{
		display: block;
	}
	.u-tbl-c1>*{
		width: 100%;
	}
	.u-tbl-c2,
	.u-tbl-c3,
	.u-tbl-c4,
	.u-tbl-c5{
		display: flex;
		flex-wrap: wrap;
	}
	.u-tbl-c2>*,
	.u-tbl-c3>*,
	.u-tbl-c4>*,
	.u-tbl-c5>*{
		display: block;
	}
	.u-tbl-c2>*{
		width: 50%;
	}
	.u-tbl-c3>*{
		width: 33.333%;
	}
	.u-tbl-c4>*{
		width: 25%;
	}
	.u-tbl-c5>*{
		width: 20%;
	}
}
@media screen and (max-width: 768px){
	.u-spl-c1{
		display: block;
	}
	.u-spl-c1>*{
		width: 100%;
	}
	.u-spl-c2,
	.u-spl-c3,
	.u-spl-c4,
	.u-spl-c5{
		display: flex;
		flex-wrap: wrap;
	}
	.u-spl-c2>*,
	.u-spl-c3>*,
	.u-spl-c4>*,
	.u-spl-c5>*{
		display: block;
	}
	.u-spl-c2>*{
		width: 50%;
	}
	.u-spl-c3>*{
		width: 33.333%;
	}
	.u-spl-c4>*{
		width: 25%;
	}
	.u-spl-c5>*{
		width: 20%;
	}
}
.u-lm-3xs{
	margin-right: -3px;
	margin-bottom: -3px;
}
.u-lm-3xs>*{
	padding-right: 3px;
	padding-bottom: 3px;
}
.u-lm-2xs{
	margin-right: -6px;
	margin-bottom: -6px;
}
.u-lm-2xs>*{
	padding-right: 6px;
	padding-bottom: 6px;
}
.u-lm-xs{
	margin-right: -9px;
	margin-bottom: -9px;
}
.u-lm-xs>*{
	padding-right: 9px;
	padding-bottom: 9px;
}
.u-lm-s{
	margin-right: -12px;
	margin-bottom: -12px;
}
.u-lm-s>*{
	padding-right: 12px;
	padding-bottom: 12px;
}
.u-lm-m{
	margin-right: -15px;
	margin-bottom: -15px;
}
.u-lm-m>*{
	padding-right: 15px;
	padding-bottom: 15px;
}
.u-lm-l{
	margin-right: -18px;
	margin-bottom: -18px;
}
.u-lm-l>*{
	padding-right: 18px;
	padding-bottom: 18px;
}
.u-lm-xl{
	margin-right: -30px;
	margin-bottom: -30px;
}
.u-lm-xl>*{
	padding-right: 30px;
	padding-bottom: 30px;
}
.u-twoCol,
.u-twoCol--al,
.u-twoCol--re,
.u-twoCol--al--re{
	display: flex;
}
.u-twoCol--al,
.u-twoCol--al--re{
  align-items: center;
}
.u-twoCol--re,
.u-twoCol--al--re{
  flex-direction: row-reverse;
  margin-left: -15px;
}
.u-twoCol,
.u-twoCol--al{
  margin-right: -15px;
}
.u-twoCol_main{
  flex-shrink: 0;
}
.u-twoCol_sub{
	flex-grow: 1;
  padding: 0 15px;
}
@media screen and (max-width: 768px){
  .u-twoCol,
  .u-twoCol--al,
  .u-twoCol--re,
  .u-twoCol--al--re{
		display: block;
		margin-left: 0;
		margin-right: 0;
  }
  .u-twoCol_main{
		max-width: 100%;
		text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .u-twoCol_sub{
		padding-top: 0.9em;
  }
}
/* --------------- liststyle end --------------- */
/* テキスト系 */
.u-text-left{
	text-align: left;
}
.u-text-center{
	text-align: center;
}
.u-text-right{
	text-align: right;
}
.u-text-bold{
	font-weight: 700;
}
.u-text-alert{
	color: #c00000;
}
/* --------------- margin padding style start --------------- */
/* marginç³» */
.u-m-xl{
  margin: 80px;
}
.u-m-l{
  margin: 40px;
}
.u-m-m{
  margin: 20px;
}
.u-m-s{
  margin: 10px;
}
.u-m-xs{
  margin: 5px;
}
.u-m-a{
  margin-left: auto;
  margin-right: auto;
}
.u-mb-xl{
	margin-bottom: 80px;
}
.u-mb-l{
	margin-bottom: 40px;
}
.u-mb-m{
  margin-bottom: 20px;
}
.u-mb-s{
  margin-bottom: 10px;
}
.u-mb-xs{
  margin-bottom: 5px;
}
.u-mt-xl{
	margin-top: 80px;
}
.u-mt-l{
  margin-top: 40px;
}
.u-mt-m{
  margin-top: 20px;
}
.u-mt-s{
  margin-top: 10px;
}
.u-mt-xs{
  margin-top: 5px;
}
/* paddingç³» */
.u-p-xl{
  padding: 80px;
}
.u-p-l{
  padding: 40px;
}
.u-p-m{
  padding: 20px;
}
.u-p-s{
  padding: 10px;
}
.u-p-xs{
  padding: 5px;
}
.u-pb-xl{
	padding-bottom: 80px;
}
.u-pb-l{
	padding-bottom: 40px;
}
.u-pb-m{
  padding-bottom: 20px;
}
.u-pb-s{
  padding-bottom: 10px;
}
.u-pb-xs{
  padding-bottom: 5px;
}
.u-pt-xl{
	padding-top: 80px;
}
.u-pt-l{
  padding-top: 40px;
}
.u-pt-m{
  padding-top: 20px;
}
.u-pt-s{
  padding-top: 10px;
}
.u-pt-xs{
  padding-top: 5px;
}
/* --------------- margin padding style end --------------- */
/* --------------- Out line Color start --------------- */
.ol-maker,
.ol-maker:hover,
.ol-maker:visited,
.ol-maker:focus{
	border-color: #0071b5;
	color: #0071b5!important;
}
.ol-rd,
.ol-rd:hover,
.ol-rd:visited,
.ol-rd:focus{
	border-color: #d7000f;
	color: #d7000f!important;
}
.ol-or,
.ol-or:hover,
.ol-or:visited,
.ol-or:focus{
	border-color: #ff9600;
	color: #ff9600!important;
}
.ol-yl,
.ol-yl:hover,
.ol-yl:visited,
.ol-yl:focus{
	border-color: #ffc400;
	color: #ffc400!important;
}
.ol-bl,
.ol-bl:hover,
.ol-bl:visited,
.ol-bl:focus{
	border-color: #0071b5;
	color: #0071b5!important;
}
.ol-gr,
.ol-gr:hover,
.ol-gr:visited,
.ol-gr:focus{
	border-color: #1db75b;
	color: #1db75b!important;
}
.ol-gy,
.ol-gy:hover,
.ol-gy:visited,
.ol-gy:focus{
	border-color: #8ea1b4;
	color: #8ea1b4!important;
}
.ol-alert,
.ol-alert:hover,
.ol-alert:visited,
.ol-alert:focus{
	border-color: #cc0000;
	color: #cc0000!important;
}
/* --------------- Out line Color end --------------- */
/* --------------- Background Color start --------------- */
.bg-maker{
	background-color: #00468C;
}
.bg-rd{
	background-color: #d7000f;
}
.bg-or{
	background-color: #ff9600;
}
.bg-yl{
	background-color: #ffc400;
}
.bg-bl{
	background-color: #0071b5;
}
.bg-gr{
	background-color: #1db75b;
}
.bg-gy{
	background-color: #8ea1b4;
}
.bg-lgy{
	background-color: #f5f7f8;
}
.bg-lbl{
	background-color: #d9e2e8;
}
/* --------------- Background Color end --------------- */
/* --------------- Use Js styles start --------------- */
.js-dropdownMenu-output{
	display: none;
}
.js-tooltips-wrapper{
  position: relative;
}
.js-tooltips{
  display: none;
  position: absolute;
  bottom: 100%;
  background-color: #eee;
  padding: 0.25em;
  border: solid 1px #ccc;
}
.js-tooltips--plane{
  display: none;
}
.js-tooltips-bottom{
  display: none;
  position: absolute;
  top: 100%;
  background-color: #eee;
  padding: 0.25em;
  border: solid 1px #ccc;
}
.js-tooltips-image{
  display: none;
  position: absolute;
  width: 200px;
  height: 200px;
  left: 100%;
  border: solid 1px #ccc;
}
.js-tooltips-image img{
  width: 100%;
}
.js-tooltips-balloon{
  display: none;
  position: absolute;
  width: auto;
  bottom: calc(100% + 10px);
  right: 0;
  background-color: #eee;
  padding: 12px;
  border: solid 1px #ccc;
  border-radius: 10px;
  z-index: 1;
  box-shadow: 5px 5px 10px #00000062;
}
.js-tooltips-balloon::after{
  content: '';
  display: block;
  position: absolute;
  bottom: -11px;
  right: 2em;
  width: 20px;
  height: 20px;
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #eee;
  box-shadow: 6px 6px 10px #00000062;
}
.js-sideList{
  display: none;
  position: absolute;
  z-index: 1;
}
.js-sideList-wrap{
  position: relative;
}
@media screen and (max-width: 768px){
  .js-sideList{
    position: static;
  }
}
/* --------------- Use Js styles end --------------- */
/* --------------- extraordinary --------------- */
.popupForm textarea{
	width: 100%;
	min-height: 5em;
}
.headAdarea img{
	width: 100px!important;
}