@charset "utf-8";

/* 『THP』カスタマイズ CSS [baserCMS]&[tpl_1156]を v5に調整
-------------------------------------------------------------- */
/* 共通
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  margin: 0;
    margin-bottom: 0px;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
body{
font: 12px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#333;
}
.bs-main-contents{font-family: "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

/* フッターの下に余白を空けない */
body {margin-bottom: -20px;
	font: 12px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color: #333;
	-webkit-text-size-adjust: none;
	background: #f9f9f9;
}

div#Page {background: #f5f8ff;}

body div.bs-container {
	min-width:  1300px;		/* base.scssの値 */
	min-width:  initial;		/* 1300pxのリセット */
	min-width:  auto;		/* 1300pxのリセット */
}
.post{padding: 20px 20px 20px 20px;}


/* ヘッダー　
-------------*/
#header{
	overflow: hidden;
	background-color: #f9f9f9 !important;
	height: 100px;
}
#header .inner {
	margin: 0 auto;
	width: 880px;
}
#header h2 {
  clear: both;
  float: left;
  padding: 20px 5px 15px;
  color: #515151;
  font-size: 160%;
  font-weight: bold;
}

#header .inner h2 img{
	height: 40px;
	margin-top: 10px;
}

/* TEL、FAX、住所 */
#header .contact{
	margin-top: -8px;
	text-align:left;
  float: right;
  padding: 10px 0 0;
  color: #000;
  font-size: 90%;
}
#header .contact dt{
	border: 0;
	font-family: inherit;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

/*body#Info #header .contact{margin-top: 12px;}	 blogのみ位置補正 */

#header .contact dl#tel-address{width: 350px; margin-top: 14px;}
#header .contact #tel-address dt,#header .contact #tel-address .m_fax{
	float: left;
	width: 62px;
	padding: 2px 3px;
	margin-right: 6px;
	margin-bottom: 4px;
	font-size: 9.5px;
	color: #fff;
	text-align: center;
/*	background-color: #2c5caa; */
	background-color: #206ed0;
	border: 1px solid #d2d2d2;
	clear:left;
}
#header .contact #tel-address .m_tel  {margin-top: 3px;}
#header .contact .tel{margin-bottom: -6px;}
#header .contact #tel-address .m_fax  {float: none; margin-left: 10px; vertical-align: 20%; padding: 3px 4px;}
/*#header .contact #tel-address .address{margin-top: 10px;}*/
#header .contact #tel-address .address span{font-size: 110%; letter-spacing: 0.10em; margin-left: 7px;}
	
#header .contact p.address{
	margin: 5px 0 0 0;
	font-size: 110%;
	font-weight: bold;
}

/* メインコンテンツ
-------------*/
#Home .bs-container div.custom-main-contents{
	width: 880px;
	margin: 0 auto;
	padding: 22px 0 50px;
}
/* メイン左側 */
#Home .bs-container main.bs-main-contents{
	width: 72%;
	margin: 0;
	padding: 0;
}

/* メイン右側(widget-area) */
#Home .bs-container section.bs-sub-contents{
	width: 220px;
	margin: 0;
	padding: 0 !important;
}

/* メインは 880px */
#wrapper {
  margin: 0 auto;
  max-width: 880px;
}
#Default #Wrap .post {
  margin: 0 auto;
  margin-bottom: 20px;
  padding: 20px 20px 20px 20px;
  border: 1px solid #d5d5d5;
  background: #fff;
}

.bs-main-contents, .bge-contents, .cke_editable {color:#333;}

/* テーブル */
#Default .post table {
  border: 1px #ccc solid;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 10px 0 20px;
    margin-bottom: 20px;
}
#Default .post table th {
  font-weight: bold;
  background: #e1ecff;
  padding: 10px;
}
#Default .post table td {
  padding: 10px;
  border: 1px #ccc solid;
  border-width: 0 0 1px 1px;
  background: #fff;
}
#Default .post ul {
  margin: 0 0 10px 10px;
  list-style: none
}
#Default .post ul li {
  margin-bottom: 5px;
  padding-left: 15px;
  background: url(../img/bullet.png) no-repeat 0 8px;
  position: static;
}

/* リンク */
#ContentsBody  a:link, #SideBox a:visited, .contents-body a:link, .contents-body a:visited {
  color: #00a9c7 !important;
  font-weight: bold;
  text-decoration: none;
}
#ContentsBody  a:hover {border-bottom: solid 1px #8cbeff;}
.bs-main-contents ul li::before{background:none; }

/* [作成日][最終更新日]と、[前後ナビゲーション]は表示しない */
#wrapper .bc-update-info{display: none;}
#wrapper .bs-contents-navi{display: none;}


/* 404エラーで「Stack Trace」を表示させない */
div#content section#main-section div#ContentsBody ul.cake-stack-trace{display: none;}

/* タイトル　
-------------*/
.post h1 {
	padding: 5px 0 5px 15px;
	color: #2a5caa;
	border-bottom: 3px solid #2a5caa;
}
h2.title, h2.bs-widget-head, h2.bs-widget-list, #Default .bs-wrap h2, h2.bs-mail-title, .post h2 {
	padding: 8px 10px 7px 40px !important;
	font-size: 15px;
	color: #333333;
	border: 1px solid #d5d5d5;
	border-bottom: solid 2px #2a5caa;
	margin: 0;
	line-height: 1.2;
	letter-spacing: normal;

/* debug20180806 グラデーション*/
	background: url(../img/bg/tpl_577__heading1_1.png) no-repeat 2% 48%, #ffffff;	/* Old browsers */
	background: url(../img/bg/tpl_577__heading1_1.png) no-repeat 2% 48%, -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);	/* FF3.6-15 */
	background: url(../img/bg/tpl_577__heading1_1.png) no-repeat 2% 48%, -webkit-linear-gradient(top, #ffffff 0%,#f0f0f0 100%);	/* Chrome10-25,Safari5.1-6 */
	background: url(../img/bg/tpl_577__heading1_1.png) no-repeat 2% 48%, linear-gradient(to bottom, #ffffff 0%,#f0f0f0 100%);	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
/* .post h3{border-bottom: 1px solid #2a5caa;} */
.post h3{margin: 20px 0 10px;
  padding: 5px 10px;
  color: #333c;
}
.post h3, .post h4 {
    font-size: 120%;
    font-weight: bold;
    color: #2a5caa;
background: none;
border-radius: 0;
line-height: 21.6px;
overflow: visible;
}

.post h4{border-bottom: 1px dotted #000;}
.post h5 {
    font-size: 120%;
    font-weight: bold;
	border-bottom: 1px solid #000;
}
.post h6{padding: 5px 10px; margin: 0 0 10px; border-bottom: 1px dotted #000;}

/* 文字サイズと色　
-------------*/
.f-blue{color: #0000ff;}
.f-red {color: #ff0000;}
.f10  {font-size: 10px;}
.f10b {font-size: 10px; font-weight: bold;}
.f11  {font-size: 11px;}
.f11b {font-size: 11px; font-weight: bold;}
.f12  {font-size: 12px;}
.f12b {font-size: 12px; font-weight: bold;}
.f13  {font-size: 13px;}
.f13b {font-size: 13px; font-weight: bold;}
.f14  {font-size: 14px;}
.f14b {font-size: 14px; font-weight: bold;}
.f15  {font-size: 15px;}
.f15b {font-size: 15px; font-weight: bold;}
.f16  {font-size: 16px;}
.f16b {font-size: 16px; font-weight: bold;}
.f18  {font-size: 18px;}
.f18b {font-size: 18px; font-weight: bold;}
.f17  {font-size: 17px;}
.f17b {font-size: 17px; font-weight: bold;}
.f20  {font-size: 20px;}
.f20b {font-size: 20px; font-weight: bold;}
.f22  {font-size: 22px;}
.f22b {font-size: 22px; font-weight: bold;}
.f24  {font-size: 24px;}
.f24b {font-size: 24px; font-weight: bold;}
.f26  {font-size: 26px;}
.f26b {font-size: 26px; font-weight: bold;}
.f28  {font-size: 28px;}
.f28b {font-size: 28px; font-weight: bold;}
.f30  {font-size: 30px;}
.f30b {font-size: 30px; font-weight: bold;}


/* リンク　
-------------*/
#SideBox  a:link,
#News #ContentsBody .post a:link, 
#Info #ContentsBody .post a:link, 
.contents-body a:link {
	color:#3e85f7 !important;
}
#SideBox  a:visited,
#News #ContentsBody .post a:visited, 
#Info #ContentsBody .post a:visited, 
.contents-body a:visited {
	color:#6ebeff !important;
	color:#6496c8 !important;
	color:#6496dc !important;
}
#SideBox  a:hover,
#SideBox  a:active,
#SideBox  a:focus,
#News #ContentsBody .post a:hover, 
#News #ContentsBody .post a:active, 
#News #ContentsBody .post a:focus, 
#Info #ContentsBody .post a:hover, 
#Info #ContentsBody .post a:active, 
#Info #ContentsBody .post a:focus, 
.contents-body a:hover,
.contents-body a:active,
.contents-body a:focus {
	color:#8cbeff !important;
	border-bottom:solid 1px #8cbeff;
}
/* リンクに pdfアイコン */
a[href$=".pdf"]::before {
    padding-right: 6px;
    content: url(../img/link/pdficon_large_22.png);
    position: relative;
    top: 3px;
}


/* サイドバー　ウィジェット
*****************************************************/
.bs-sub-contents .bs-widget-area h2:nth-of-type(1){padding-top: 8px;}

/* ウィジェットのみズレるため対症療法 */
h2.bs-widget-head, h2.bs-widget-list{
	background: url(../img/bg/tpl_577__heading1_1.png) no-repeat 4% 48%, #ffffff;	/* Old browsers */
	background: url(../img/bg/tpl_577__heading1_1.png) no-repeat 4% 48%, -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);	/* FF3.6-15 */
	background: url(../img/bg/tpl_577__heading1_1.png) no-repeat 4% 48%, -webkit-linear-gradient(top, #ffffff 0%,#f0f0f0 100%);	/* Chrome10-25,Safari5.1-6 */
	background: url(../img/bg/tpl_577__heading1_1.png) no-repeat 4% 48%, linear-gradient(to bottom, #ffffff 0%,#f0f0f0 100%);	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


.bs-widget-area .bs-widget{margin-bottom: 20px;}


/* トップページ 営業カレンダー　*/
#Home .bs-sub-contents #eigyo-calendar{
	margin-top: -18px;
	background-color: #fff;
	text-align: center;

}
#Home .bs-sub-contents div.widget-holiday_calendar table{
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}
#Home .bs-sub-contents div.widget-holiday_calendar table td.cal_month{
	padding: 6px 0;
	font-size: 14px;
	font-weight: bold;
}
#Home .bs-sub-contents div.widget-holiday_calendar table td.cal_youbi{
	border-collapse: collapse;
	border: 1px #ccc solid;
	font-size: 11px;
	font-weight: normal;
	background-color: #f6f6f6;
	text-align: center;
}
#Home .bs-sub-contents div.widget-holiday_calendar table td.cal_youbi:first-child{color: #f00;}
#Home .bs-sub-contents div.widget-holiday_calendar table td.cal_youbi:last-child{color: #00f;}

#Home .bs-sub-contents div.widget-holiday_calendar table td{
	height: 23px;
	padding: 7px 0 0;
	border-collapse: collapse;
	border: 1px #ccc solid;
	font-size: 11px;
	max-width: 15%;
	text-align: center;
	vertical-align: top;
}
#Home .bs-sub-contents div.widget-holiday_calendar table td.cal_we{
	color:#dc0000; 
	background-color: #ffd6d6;
	height: 23px;
	padding: 7px 0 0;
}

/* サイト内検索　*/
.bs-widget-area div.bs-widget-form {
	background-color: #fff;
	border: 1px solid #d5d5d5;
}
.bs-widget-area div.bs-widget-form label{display: none;}
.bs-widget-area div.bs-widget-form select#f{display: none;}
.bs-widget-area div.bs-widget-form br{display: none;}
.bs-widget-area div.bs-widget-form form{padding: 0px 0px 20px 10px;}
.bs-widget-area div.bs-widget-form #q{
	margin: 14px 0;
	width: 124px;
}
input[type="submit"], input[type="reset"], input[type="button"]{
	padding: 3px 10px;
	background: #878787;
	background: -moz-linear-gradient(top, #878787 0%, #6f6f6f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#878787), color-stop(100%,#6f6f6f));
	background: -webkit-linear-gradient(top, #878787 0%,#6f6f6f 100%);
	background: -o-linear-gradient(top, #878787 0%,#6f6f6f 100%);
	background: linear-gradient(to bottom, #878787 0%,#6f6f6f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#878787', endColorstr='#6f6f6f',GradientType=0 );
	border: 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	line-height: 1.5;
	font-size: 120%;
	color: #fff;
}
.bs-widget-area div.bs-widget-form .bs-button-small:hover{color: #fff;}


/* リンク、お役立ち情報　*/
.bs-widget-area  div.cs-widget-txt {
	margin: 0 0 20px 0;
	padding: 20px 0;
	text-align: center;
	display: block;
	background-color: #fff;
	border: 1px solid #d5d5d5;
}
.bs-widget-area  div.cs-widget-txt img {
	max-width: 210px;
	height: auto;
	border: 0;
}


/* プライバシーポリシー　*/
.bs-widget-area div.privacy-link{
	padding: 18px 10px 20px; 
	font-size: 13px;
	text-align: left;
	color: #00a9c7 !important;
}
.bs-widget-area div.privacy-link a{text-decoration: none;}
.bs-widget-area div.privacy-link a:visited{color: #00a9c7 !important;}
.bs-widget-area div.privacy-link a:hover{border-bottom: solid 1px #8cbeff;}

/* 「サイトシール」へのリンク */
.bs-widget-area #side-siteseal {text-align: center;} /*imgのため*/
.bs-widget-area #side-siteseal .siteseal-message {margin-top: 3px; padding: 5px 10px; text-align: left}



/* フッター
*****************************************************/
div#Page footer#footer{
	border-top: solid 3px #2a5caa;
	background:none;
	background-image: linear-gradient(to top, #2a5caa 0%, #2a5caa 40%, #5c8edc 100%)!important;
}

div#Page footer#footer .inner{
	margin: 0 auto;
	width: 880px;
	text-align: center;
}
div#Page footer#footer .bs-global-menu{width: 100%; }
div#Page footer#footer .bs-global-menu a {font-size: 12px; }

div#Page footer#footer #menu{display: none;}
#footer li a{
	color: #fff;
}
#footer li a:hover{
	color: #8cbeff;
}
#copyright{
	color: #fff;
	clear: both;
	padding: 10px 0 37px;
	text-align: center;
	font-size: 10px;
	margin: 20px 10px;
}

/* 20210403「TOPページを背景イメージ等を変えられますか？」
------------------------------------------------------------*/
div#Page{background: #f5f8ff;}

#Home div.bs-wrap {
	width: 100%;
	background: url(../img/top/backgroundimg_upd240px.png) no-repeat center bottom;
	background-size: 100% auto;
	background-color: rgba(255,255,255,0.2);
	background-blend-mode: lighten;
}

div#Page footer#footer{border-top: solid 4px #2a5cd2;}


/* pageTop表示
------------------------------------------------------------*/
#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
#pageTop a {
  display: block;
  z-index: 999;
  padding: 10px 14px;
  background-color: #aad2ff;
  color: #777777;
  font-weight: bold;
  text-decoration: none;
  text-align: center;

	border-radius: 30px;  
	-webkit-border-radius: 30px;  
	-moz-border-radius: 30px;
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}


/* トップページ
*****************************************************/
/* レイアウト */



#Home div.flex-box #ContentsBody {
	padding:0;
}

/* content flex-box制御 */
/*#Home div.flex-box-container{justify-content: space-between;}*/	/* 水平両端揃え */
/*#Home #flex-box-left.flex-box {width: 72%;}
#Home #flex-box-right.flex-box{width: 220px;}*/

/* ヘッダー画像 */
#mainImg img{
	margin-top: 8px;
	box-shadow: 0px 8px 10px -2px #999;
	max-width: 880px;
}
#mainImg {
/* debug20180806 */
	display:block;
/*	max-height:412px;
	height:405px;*/
/*	background: url(../img/top/D_background2.jpg) no-repeat center 0;*/
	background: url(../img/top/backgroundimg.png) no-repeat center 0;
	background-size: 100% 100%;
	/*max-height:407px;*/
	text-align: center;
}

/* トップ画像のフェード 20180806 */


#top-mainImg {
    animation: mainImg-fadeIn 1s ease 0s 1 normal;
    -webkit-animation: mainImg-fadeIn 1s ease 0s 1 normal;
}

@keyframes mainImg-fadeIn {
    5% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes mainImg-fadeIn {
    5% {opacity: 0}
    100% {opacity: 1}
}


/* お知らせブログ記事一覧　「当社からのお知らせ」「商品情報」
-------------*/
#Home #ContentsBody #NewsList .post,
#Home #ContentsBody #InfoList .post{
	border-top: 0;
}
#Home #ContentsBody #NewsList{margin-top:50px;}
#Home #InfoList .post{padding: 0;}
#Home ul.bs-top-post    {list-style: none;} 
#Home ul.bs-top-post li {list-style: none; background:none; border-bottom: 1px dashed #dcdcdc;}
#Home ul.bs-top-post li.last{border-bottom: none;}

#Home #ContentsBody .bs-top-post{
	margin: 0 0 20px 0;
	padding: 0;
	border: 1px solid #d5d5d5;
	border-top: 0;
	background: #fff;
}

#Home #ContentsBody .bs-top-post__item{
	padding: 20px 10px !important;
}

/* 記事の[eye-catch]と[文章]は、[float]を止め[flex-box]制御とする */
#Home ul.bs-top-post li.flex-box-container1x2{
	display: flex;
	flex-direction: row;	/* 左から右に横並び */
	justify-content: flex-start;	/* 左揃え */
	align-items: flex-start;	/* 縦 上揃え */
	flex-wrap: nowrap;		/* 折り返しなし */
	align-content:flex-start;
}
#Home ul.bs-top-post #flex-box1x2-left{
	width:auto;
}
#Home ul.bs-top-post #flex-box1x2-right{
	width:100%;
	margin: 0 10px;
}

/* ブログ記事一覧 eye-catch */
#Home ul.bs-top-post .bs-top-post__item-eye-catch{float:none;}
#Home ul.bs-top-post .bs-top-post__item-eye-catch img{float:none; margin: 0 5px 10px 10px;}
#Home .post ul, #Home ul.post-list li{margin:0;}
#Home ul.bs-top-post .Blog-eyeCatch img {
	width: 100px;
	padding-right: 0;
	border: 1px solid #d5d5d5;
}
#Home .Blog-eyeCatch{
	/* float: left; */
	padding-right: 3px;
}
#Home .bs-top-post__item-eye-catch{margin-right: 0px !important;}

/* ブログ記事一覧 日付とカテゴリー */
#Home .bs-top-post__item-date{
	color: #333;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}
#Home .bs-top-post__item-category{
	color: #6496dc !important;
	border: 1px solid #a0a2a8;
}

/* ブログ記事一覧 タイトルh3 */
#Home .bs-top-post__item h3.blog-h3 {
	display: block;
	margin-left: -10px;
	padding-left: 34px;
	font-size: 14px;
	color: #00a9c7 !important;
	background: url(/BcThemeSampleCopy/img/bg/tpl_436_bg-h2-bullet.png) no-repeat 2% 45%;
}
#Home .bs-top-post__item h3.blog-h3 a{padding: 0; font-size: 14px;}
#Home .bs-top-post__item h3.blog-h3 a:link   {color: #00a9c7 !important;}
#Home .bs-top-post__item h3.blog-h3 a:hover  {color: #8cbeff !important; border-bottom: none;}
#Home .bs-top-post__item h3.blog-h3 a:visited{color: #00a9c7 !important;}
#Home .bs-top-post__item h3.blog-h3::after {
	display: block;
	content: "";
	margin-left: -22px;
	width: 100%;
	height: 4px;
	position: inherit;
	left: 0px;
	bottom: 0;
	background: linear-gradient(to right, #7ED1E6, rgba(255,255,255,0) 100%);
	border-bottom: none;
}

#Home .bs-top-post__item-detail p{
	font-size: 12px;
	color: #333333;
	margin: 20px 10px;
	line-height: 24px;
}

body#Home div#ContentsBody p.blog-summary{ 	/*20191224「サマリーは文字数制限しない」対応のため*/
	padding-bottom: 0px;
}


/*  製品情報　東芝ＬＥＤ商品のご案内 */
table#led_beforeafter-tbl {border-collapse: separate; border-spacing: 0; border:none;}
table#led_beforeafter-tbl #led_beforeafter th {
	padding:10px 5px 0;
	background: none; 
	text-align: center; 
	border:none;
}
table#led_beforeafter-tbl #led_img td {
	padding:0 5px 10px;
	text-align: center; 
	border:none;
}


/* トップページ 営業カレンダー */
#calendar_wrap table{margin:0 auto;width:90%;}
#calendar_wrap table caption{padding:10px 0;text-align:center;font-weight:bold;}
#calendar_wrap table th, #calendar_wrap table td{padding:3px;text-align:center;}
#calendar_wrap table th:nth-child(6),#calendar_wrap table td:nth-child(6){color:#0034af;}
#calendar_wrap table th:nth-child(7),#calendar_wrap table td:nth-child(7){color:#950000;}
#calendar_wrap table td#prev{text-align:left;}
#calendar_wrap table td#next{text-align:right;}
#calendar_wrap a{font-weight:bold;}

#calendar_wrap div.calendar-ym{
	font-size:120%;
	text-align:center;
	font-weight:bold;
}

#calendar_wrap {	/* debug */
height: 150px;
border:1px dotted #313131;
background:#d5d5d5;
margin: 0px 10px 20px 10px;
}

/* サブページ #Default
*****************************************************/
/* パンくず */
#Default .bs-crumbs{
	color: #6f6f6f;
	font-weight: bold;
}
#Default .bs-crumbs a:visited{color: #6f6f6f;}
#Default .bs-crumbs li:last-child{color: #333333;}
#Contact .bs-crumbs li:last-child{color: #333333;}

/* レイアウト */
#Default .bs-wrap{
	padding: 22px 0 50px;
	max-width: 880px;
}
#Default .bs-main-contents{
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 20px 10px 20px 20px;
	border: 1px solid #d5d5d5;
	background: #fff;
	float: none;
/*	max-width: 880px;*/
	max-width: 840px;
}



/*  製品情報
*****************************************************/
/*  製品情報　一覧
------------------------------------------------------------*/
#News .post,
#Info .post{padding: 20px 0px;}
#News .bs-main-contents,
#Info .bs-main-contents{width: 880px;}
#News #Wrap #SideBox,
#Info #Wrap #SideBox{padding: 0px 0px 0px 30px;}

#News article.post {margin: 0 0px 20px 0px;}
/*#News .img-eye-catch {border: 1px solid #e2e2e2;}*/
#News .post img {border: 1px solid #e2e2e2;}
#News .meta {
	font-weight: bold;
	color:#333;
}


/* 当社からのお知らせ
*****************************************************/
/* 当社からのお知らせ　一覧
------------------------------------------------------------*/
#Wrap .bs-main-contents{margin: 0;}

#Wrap #content{
	display: block;
	width: 880px;
	margin: 0 auto;
	padding: 22px 0 50px;
}

#Wrap div.flex-box-container {
	display: flex;
	flex-direction: row;		/* 左から右に横並び */
	justify-content: center;	/* 水平 中央揃え */
	align-items: flex-start;	/* 垂直 縦 上揃え */
	flex-wrap: wrap;			/* 子要素は横幅で折り返し */
	align-content:flex-start;	/* 複数行 左上に詰めて*/
	width: 880px;
}

#Wrap div#flex-box-left.post {
	margin: 0;
	padding: 0;
	border:none;
}
#Wrap #flex-box-left.flex-box{
	width:70%;
}

#Wrap #flex-box-right.flex-box{
	width:260px;
}
#Wrap div.flex-box #SideBox{
	padding:0 20px 0 10px;
}
#Wrap #flex-box-left .bs-blog-post {
	border: 1px solid #d5d5d5;
	border-top: 0;
	background-color: #fff;
}
#Wrap #flex-box-left .bs-blog-post__item{padding: 20px !important;}

#Wrap .bs-main-contents table{
	table-layout: auto;
	width: 100%;
}
#Wrap .post table th {
  font-weight: bold;
  background: #e1ecff;
  padding: 10px;
}

#Wrap article.post{
	margin:0 10px 20px 10px;
}
#Wrap .blog-description {
	margin-bottom: 10px;
	padding: 5px 10px;
}
#Wrap .bs-blog-post__item-date, 
#Wrap .bs-single-post__meta-date{
	color: #333;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}
#Wrap .bs-blog-post__item-category,
#Wrap .bs-single-post__meta-category{
	border: 1px solid #a0a2a8;
}

#Wrap .post h3.bs-blog-post-title{
	margin: 10px 0 10px !important;;
	padding: 3px 0 7px 30px !important;
 	font-size: 120% !important;
	color: #313131;
	font-weight: bold;
	background: #fff url(/BcThemeSampleCopy/img/bg/heading2Bg36608d.png) no-repeat 2% 35% !important;
	border-bottom: 1px solid #2a5caa;
}

#Wrap #blog-archives .post h3.bs-blog-category-title{
	font-size: 120% !important;
	font-weight: bold;
	color: #2a5caa;
	border-bottom: 1px solid #2a5caa;
}


#Wrap article h4{
	font-size: 18px;
	font-weight: bold;
	color: #2a5caa;
	margin: 0 0 10px 0px;
	padding: 5px 10px 0px 10px;
}
#Wrap h4 .bs-blog-post__item-title{	padding-bottom: 0;}


#Wrap .img-eye-catch {
	float:left;
	max-width: 200px;
	margin-right:20px;
	margin-bottom:20px;
	border: 1px solid #e2e2e2;
}
#Wrap .post img {border: 1px solid #e2e2e2;}

#Wrap .meta {
	clear: both;
	text-align: right;
	font-weight: bold;
	color:#333;
}
#Wrap .bs-blog-post .bs-top-post__item-detail{
	color: #333;
	font-size: 12px;
}

#Wrap #ContentsBody .post a:link, #SideBox a:visited, .contents-body a:link, .contents-body a:visited{
	color: #00a9c7 !important;
}
#Wrap .contents-navi{
	text-align: center;
}

/* widget */
#SideBox div.bs-widget {
  margin: 0 0 20px 0;
  padding: 10px 10px 10px 17px;
  padding: 0px 0px 0px 0px;
  border: 1px solid #d5d5d5;
  background: #fff;
}

/* ブログカレンダー　*/
#Wrap .bs-widget-blog-calendar {
	width: 228px;
}
#Wrap .bs-widget-blog-calendar table {
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
	width: 100%;
	border: none;
}
#Wrap .bs-widget-blog-calendar th {
	border-bottom:1px solid #e2e2e2;
}
#Wrap .bs-widget-blog-calendar th,
#Wrap .bs-widget-blog-calendar td {
	padding:2px 9px;
	font-size:14px;
	text-align: center;
	font-weight: normal;
}
#Wrap #SideBox .bs-widget-blog-calendar table th{
	background: #fff;
	border-left:none;
}
#Wrap #SideBox .bs-widget-blog-calendar table td{
	border-left:none;
}
#Wrap #SideBox .bs-widget-blog-calendar table td:first-child a{
	display: none;
}
#Wrap .bs-widget-blog-calendar .sunday {
	color:#ff6633;
}
#Wrap .bs-widget-blog-calendar .saturday {
	color:#3366FF;
}
#Wrap .bs-widget-blog-calendar .today {
  background-color: #e2e2e2;
}

#Wrap .bs-main-contents #SideBox ul {margin:0;}
#SideBox div.bs-widget li a {
	display: block;
	border-bottom: 1px dashed #dcdcdc;
}
#SideBox div.bs-widget li:last-child a {border-bottom: none;}


/* カテゴリー、月別アーカイブ、最近の投稿、 */
#Wrap #SideBox div.bs-widget li {padding: 0 0 0 10px;}
#Wrap #SideBox div.bs-widget li a {
	padding: 7px 0 7px 15px;
	background: url(../img/arrow.gif) no-repeat 5px 12px;
}
#Wrap #SideBox .bs-widget-blog-recent-entries li a{display: block;}
#Wrap #SideBox a:hover {
  color: #8cbee1 !important;
  text-decoration: underline;
}


/* 新着情報(当社からのお知らせ、商品情報)　詳細(個別ページ)
------------------------------------------------------------*/
#Wrap #blog-single #flex-box-left{
	border: 1px solid #d5d5d5;
	border-top:0;
	background-color: #fff;
}
#Wrap #blog-archives #flex-box-left .bs-blog-post{border-top: 1px solid #d5d5d5;}

#Info .bs-crumbs li:last-child,
#News .bs-crumbs li:last-child {color: #333333;}

#Wrap #blog-single {
	margin-bottom: 40px;
}
#Wrap #blog-single .bs-single-post{
	padding: 0px 20px 0px 20px;
}

#Wrap #blog-single .post{
	margin: 0;
	border:none;
}
#Wrap #blog-single #blog-single-contents h3{
	margin: 10px 0 10px;
	padding: 3px 0 7px 30px;
	font-size:120%;
	color:#313131;
	font-weight: bold;
	background: #fff url(../img/bg/heading2Bg36608d.png) no-repeat 2% 35%;
}

#Wrap #blog-single a.img-eye-catch{
	padding: 20px 0 0 10px;
}
#Wrap #blog-single .post-body p{
	font-size:14px;
	font-weight: bold;
	line-height: 24px;
}
#Wrap #blog-single #post-detail{
	font-size:12px;
	font-weight: normal;
	line-height: 22px;
}


#Wrap #blog-single .bs-blog-contents-navi{display: none;}
#Wrap #blog-single .bs-blog-related-posts{display: none;}


/* 会社案内
*****************************************************/
#about .about-tbl {width:100%; margin-bottom: 50px;}
#about .about-tbl #company th{width:7em;}
#about .about-tbl #company td,#about .about-tbl #yakuin td{letter-spacing: 0.3em;}
#about .about-tbl div.sub-t{text-align:right; font-weight: normal;}
#about #history-tbl.about-tbl div.sub-t,
#about #branch-tbl.about-tbl  div.sub-t{text-align:left;}
#about #history-tbl #history_1950-01 th{width:7em;}
#about .about-tbl #nounyuu th,
#about .about-tbl div.syymm{white-space: nowrap;}
#about .about-tbl #asahikawa th{white-space: nowrap; width:7em;}
#about .about-tbl .no-border{border-bottom:none; padding-bottom:5px;}
#about .about-tbl .no-border-e{padding-bottom:10px;}



/* 主要取扱製品
*****************************************************/
#syouhin div.syouhin-grp{margin-bottom: 40px;}
#syouhin div.syouhin-list {
	font-size: 15px;
	padding: 10px;
}
#syouhin div.flex-box-container {
	display: flex;
	flex-direction: row;	/* 右から左に横並び */
	justify-content: center;	/* 中央揃え */
	align-items: flex-start;	/* 縦 上揃え */
	flex-wrap: wrap;		/* 横幅で折り返し */
	align-content:flex-start;
}
#syouhin .flex-box{
	width:48%;

/*background-color: #faf0e6;*/	/*debug*/
}
#syouhin div.maker-list ul li{
	background: url(../img/bullet.png) no-repeat 0 5px;
}

/* 取扱いメーカー
*****************************************************/
#maker div.maker-index ul {
	width:100%;
	margin-top: 10px;
	list-style: none;
	display: inline-block;
}
#maker div.maker-index ul li{
	font-size: 16px;
	background:none;
	text-align: center;
	margin: 0 1.8%;
	display: inline-block;
}


#maker div.flex-box-container {
	display: flex;
	flex-direction: row;	/* 右から左に横並び */
	justify-content: center;	/* 中央揃え */
	align-items: flex-start;	/* 縦 上揃え */
	flex-wrap: wrap;		/* 横幅で折り返し */
	align-content:flex-start;
}
#maker .flex-box{
	width:48%;

/*background-color: #faf0e6;*/	/*debug*/
}

#maker div.maker-list ul {
	display: inline-block;
	list-style: none;
	margin: 15px 0px 30px;
}
#maker div.maker-list ul li{
	font-size:120%;
	font-weight: bold;
	padding: 5px 0px;
	background:none;
}


/* アクセス
*****************************************************/
/* クリッカブルマップ */
#access #honshiten-map{
	text-align: center;
	margin: 20px auto;
}
#access #honshiten-map img[usemap] {
	border: 1px solid #e2e2e2;
	max-width: 100%;
	height: auto;
}


#access div.flex-box-container {
    display: flex;
    flex-direction: row;
/*  justify-content: flex-start; */
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    align-content: flex-start;
}
#access div.flex-box-container{width: auto;}
#access #flex-box-left.flex-box {width: 60%; text-align:left;}
#access table.about-tbl{width:95%; margin: 0 20px 20px 0;}
#access table.about-tbl th{white-space: nowrap; width: 6em;}
#access #flex-box-right.flex-box {width: 250px; text-align:center;}
#access #flex-box-right.flex-box img{border: 1px solid #e2e2e2;}

#access h3{border-bottom: 1px solid #2a5caa;}

#access img.access-img {
  max-width: 100%;
  height: auto;
}

#access .access-gmap{
	margin: 15px 0 40px;
	width:99%;
	min-height: 250px;
	border: 1px solid #e2e2e2;
	
}
#access .gmap_iframe{
	position:relative;
	max-width:835px;
	width:100%;
	height:0;
	padding-top:215px;

	margin-top: 10px;
}
#access .gmap_iframe iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


/* よくある質問
*****************************************************/
#FAQ .FAQ-info{margin: 10px; font-size: 14px;}
#FAQ table tr#summer th{background: #fde9d9;}
#FAQ table tr#summer td, #FAQ table tr#winter td{line-height: 2.2em;}
#FAQ table tr#winter th{background: #ccffff;}
#FAQ #honsya-tel-tbl{width:68%; margin-bottom: 50px;}
#FAQ #summer-winter-tbl{width:68%;}
#FAQ table.about-tbl th{width: 8em;}


/* 採用情報
*****************************************************/
#saiyou table.about-tbl th{width: 7em;}


/* お問い合わせ
*****************************************************/
#Contact .bs-wrap{
	width: 880px;
	padding: 22px 0 50px;
}
#Contact .post {
	margin: 0 0 20px 0;
	border: 1px solid #d5d5d5;
	background: #fff;
}
#Contact #content .post h3.bs-mail-title-sub {
	border-bottom: 1px solid #2a5caa;
	margin: 20px 0 10px;
	padding: 5px 10px !important;
	font-size: 14.4px !important;
	line-height: 21.6px;
}
#Contact .mail-description p{
	padding-bottom: 15px;
	margin: 20px 10px;
}

#Contact .post table th{
	background: #e1ecff;
}
#Contact .bs-main-contents table tr td{
	padding: 15px 10px;
}
#Contact input[type="text"], textarea, #FieldMessageEmail1 input {
	margin: 2px;
	box-shadow: 0px 0px 5px #d4d4d7 inset;
	background: #fcfcfc;
	width :auto !important;
	max-width :95%;
}
#Contact #RowMessageZip th, #Contact #RowMessageMessage th{
	vertical-align: middle;
}


/* [必須] */
#Contact .required {
	color: #FFF;
	font-size: 9px;
	padding: 2px 3px;
	background-color: #c82832;
	font-weight: normal;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	white-space: nowrap;
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: middle;
}
/* [任意]は非表示 */
#Contact .col-head span.normal {display: none;}

/* 画像認証 */


#Contact .bs-mail-form-auth-captcha{
	margin-top: 20px;
	max-width: 450px;
	border: solid 1px #CCC;
	border-radius:5px;
}
#Contact .bs-mail-form-auth-captcha img{margin: 5px;}
#Contact .bs-mail-form-auth-captcha input{width: 8em !important; vertical-align: bottom;}


#Contact .error-message{ 
	clear: both;
	text-align: left;
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 5px 17px;
	color: #F00;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
}
/*baserCMS v5では未使用
#MailMessageIndexForm table,
#MailMessageConfirmForm table{width: 90%;}

#MailMessageIndexForm div.submit input,
#MailMessageConfirmForm div.submit input{
	margin: 20px;
}
#MailMessageIndexForm input[type="submit"]:hover,
#MailMessageConfirmForm input[type="submit"]:hover{
	border: solid 1px #94ddff;
	box-shadow: 0px 4px 28px 8px #94ddff;
}
#MailMessageIndexForm input[type="reset"]:hover,
#MailMessageConfirmForm input[type="reset"]:hover{
	border: solid 1px #be4c4c;
	box-shadow: 0px 4px 12px #be4c4c;
}
*/
/* レスポンシブ化のため「TABLE」ではなく「dt、dd」形式に変更 */
/*baserCMS v5では未使用
#Contact #MailMessageIndexForm dl dt,
#Contact #MailMessageConfirmForm dl dt,
#Contact #MailMessageSubmitForm dl dt{
	float: left;
	width: 160px;
	clear: both;
	font-size: 12px;
	padding: 10px 0px;
	text-align: right;
	border-top: solid 1px #CCC;
	margin: 0px;
}
#Contact #MailMessageIndexForm dl dd,
#Contact #MailMessageConfirmForm dl dd,
#Contact #MailMessageSubmitForm dl dd {
    border-top: solid 1px #CCC;
    margin: 0px;
    padding: 10px 5px 20px 170px;
    font-size: 12px;
    line-height: 1.5em;
    text-align: left;
}
*/

/*baserCMS v5では未使用

#Contact #MailMessageIndexForm .bgcolors,
#Contact #MailMessageConfirmForm .bgcolors,
#Contact #MailMessageSubmitForm .bgcolors{
	background-color: #e1ecff;
}

*/
	/* 文字点滅 */
/*baserCMS v5では未使用
	-webkit-animation: 0.5s linear 0s alternate none infinite running blink;
	-moz-animation: 0.5s linear 0s alternate none infinite running blink;
	animation: 0.5s linear 0s alternate none infinite running blink;
}
	@-webkit-keyframes blink {0% { opacity: 0; } 19.9% { opacity: 0; } 20% { opacity: 1; } 100% { opacity: 1; }}
	@-moz-keyframes blink    {0% { opacity: 0; } 19.9% { opacity: 0; } 20% { opacity: 1; } 100% { opacity: 1; }}
	@keyframes blink         {0% { opacity: 0; } 19.9% { opacity: 0; } 20% { opacity: 1; } 100% { opacity: 1; }}
*/



/* ボタン */
#Contact .submit{
	text-align: center;
	margin-top: 30px;
}
#Contact input[type="submit"], input[type="reset"], input[type="button"]{
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top, #ffffff 0%,#cccccc 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#cccccc 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );
	color:#333;
	border: solid 1px #CCC;

	padding:3px 10px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	line-height:1.5;
	font-size:120%;
}
#Contact input[type="submit"]{
	font-size: 18px;
	padding: 5px 10px;
}
#Contact input[type="reset"], #Contact #BtnMessageBack{
	float: left;
	font-size: 11px;
	padding: 2px 6px;
}

#Contact #BtnMessageSubmit:hover,
#Contact #BtnMessageConfirm:hover{
    border: solid 1px #94ddff;
    box-shadow: 0px 4px 28px 8px #94ddff;
}

/*#Contact #BtnMessageBack:hover,
#Contact #MailMessageSubmitForm input[type="reset"]:hover{
	border: solid 1px #be4c4c; 
	box-shadow: 0px 4px 12px #be4c4c;
}
*/
#Contact .bs-mail-form-submit input:first-child:hover {
	border: solid 1px #be4c4c;
	box-shadow: 0px 4px 12px #be4c4c;
}


#Contact input[type="submit"]:hover, #Contact input[type="reset"]:hover, #Contact input[type="button"]:hover{
	background: #ffffff;
	background: -moz-linear-gradient(top, #cccccc 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top, #cccccc 0%,#ffffff 100%);
	background: -o-linear-gradient(top, #cccccc 0%,#ffffff 100%);
	background: linear-gradient(to bottom, #cccccc 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=0 );
}

/* 確認画面 お名前・フリガナ欄の“[姓][名]”文字列は非表示 */
/*#MailMessageConfirmForm #FieldMessageName1 span.mail-before-attachment,
#MailMessageConfirmForm #FieldMessageName2 span.mail-before-attachment,
#MailMessageConfirmForm #FieldMessageNameKana1 span.mail-before-attachment,
#MailMessageConfirmForm #FieldMessageNameKana2 span.mail-before-attachment{display: none;}*/


/* 確認画面 フリガナ、電話番号、住所未入力時のレイアウト崩れ防止 */
#MailMessageConfirmForm #FieldMessageNameKana1{/*display: block;*/ min-height: 8px;}
#MailMessageConfirmForm #FieldMessageTel1     {/*display: block;*/ min-height: 8px;}
#MailMessageConfirmForm #FieldMessageAddress1 {/*display: block;*/ min-height: 8px;}



/* 「サイトシール」へのリンク */
#Contact #mail-siteseal {
	border: 1px solid #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-top: 60px;
	padding: 10px 10px;
}
#Contact #mail-siteseal form{float: left; padding: 5px 10px 10px;}
/*#Contact #mail-siteseal .siteseal-message{margin-top: -10px;}*/
#Contact #mail-siteseal .siteseal-message p{margin: 0; padding: 0; line-height: 18px;}


/* 「プライバシーポリシー」へのリンク */
#Contact #privacypolicy-link{margin: 80px 0 60px;}
#Contact #privacypolicy-link .privacy-link-info{font-size: 13px; padding: 5px;}
#Contact #privacypolicy-link h3{border-bottom: 1px solid #2a5caa;}
#Contact #privacypolicy-link .privacy-link-info a,
#Contact #privacypolicy-link .privacy-link-info a:visited
{color: #00a9c7;}


/* プライバシーポリシー
*****************************************************/
#privacy div.privacy-block{margin:20px 0 30px;}
#privacy div.privacy-block h3, 
#privacy div.privacy-block h4{letter-spacing: 0.1em;}
#privacy div.privacy-text{font-size: 13px; line-height: 1.8em; letter-spacing: 0.1em;}
#privacy div#teiji{padding: 20px;}
#privacy div#teiji h4{font-size: 110%;}



/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1025px){
	/** グローバルメニュー **/
	/* グローバルメニュー横幅(ページを追加した場合、下記を編集します) */	
	nav#mainNav ul li a {width: calc(852px/6);}
/*	nav#mainNav ul li a {width: calc(852px/7);}*/
/*	nav#mainNav ul li a {width: calc(852px/8);}*/


	nav#mainNav{
		background: #2a5caa; /* Old browsers */
		background: -moz-linear-gradient(top, #5075d7 0%, #2a5caa 45%, #2a5caa 55%, #6ea0e6 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #5075d7 0%,#2a5caa 45%,#2a5caa 55%,#6ea0e6 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #5075d7 0%,#2a5caa 45%,#2a5caa 55%,#6ea0e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5075d7', endColorstr='#6ea0e6',GradientType=0 ); /* IE6-9 */

		clear: both;
		position: relative;
		z-index: 200;
		width: 100%;
		height: 45px;
	}

	nav div.panel {
		display: block !important;
		float: left;
	}
	nav#mainNav .inner{
		border-left : 1px solid #5096ff;
		border-right: 1px solid #5096ff;
		margin: 0 auto;
		width: 880px;
		height: 45px;
	}
	nav .inner a#menu {display: none;}

	nav#mainNav ul {padding: 0;}
	nav#mainNav ul li {
		border-right:1px solid #5096ff;
		float: left;
		position: relative;
	}
	nav#mainNav ul li:last-child {border-right:none;}
	nav#mainNav ul li a {
		display: block;
		text-align: center;
		color: #fff;
		height: 35px;
		line-height: 45px;
		font-size: 110%;
		margin-right: 1px;
		padding: 10px 40px 0;
		padding: 0px 0px 10px;

		text-decoration: none;
		outline: 0;
		vertical-align: baseline;
		background: transparent;
	}
	nav#mainNav ul li a:hover {color: #a5cbf9;}

	nav#mainNav ul li li{
		background:#2a5caa;
		border-bottom:1px dotted #4182eb;
	}
	nav#mainNav ul li.current{
		background: #557df5; /* Old browsers */
		background: -moz-linear-gradient(top, #557df5 0%, #0064c8 50%, #0064c8 51%, #7db9e8 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #557df5 0%,#0064c8 50%,#0064c8 51%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #557df5 0%,#0064c8 50%,#0064c8 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#557df5', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

	}
}

/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
	nav#mainNav{
	background-color: #2a5caa;
	border:1px solid #e8e5e0;
	border-radius: 6px;
	margin: 0 auto;
	width: 95%;
	}

	nav#mainNav a.menu {
		width: 100%;
		display: block;
		height: 37px;
		line-height: 37px;
		font-weight: bold;
		text-align: left;
		background: url(../img/menuOpen.png) no-repeat 5px 8px;
		color: #fff;
	}
	nav#mainNav a.menuOpen {
		border-radius: 6px 6px 0 0;
		background: url(../img/menuOpen.png) no-repeat 5px -34px;
	}
	nav#mainNav span.burger {padding-left: 35px;}

	nav#mainNav div.nav-menu div.panel {
		display: block;
		float: none;
		width: 100%;
		background-color: #f3f7fc;
		position: relative;
		right: 0;
		top: 0;
		z-index: 1;
	}

	nav#mainNav div.panel .bs-global-menu-item {display: block;}
	nav#mainNav div.panel ul {padding: 0;}
	nav#mainNav div.panel ul li {
		float: none;
		width: 100%;
		height: auto;
		line-height: 1.2;
		border-bottom: 1px dashed #8cbeff;
	}

	nav#mainNav ul li a, nav#mainNav ul li.current-menu-item li a {
		background: #f0f8ff;
		border-bottom: 1px dashed #8cbeff;
		color: #3e85f7 !important;
		display: block;
		padding: 15px 10px;
		text-align: left;
	}
	nav#mainNav ul li a:visited, nav#mainNav ul li.current-menu-item li a:visited {
		color: #3e85f7 !important;
	}

#mainImg {
/* debug20180806 */
/*	height:45vw;*/
	}


	#Home div.bs-wrap .bs-sub-contents{
		float: none;
		margin: 0 auto;
	}

	#Home .bs-container main.bs-main-contents{
		width: 98%;
		margin: 0 auto;
		float: none;
	}

}


/* メインメニュー 960px以下からワンカラム
------------------------------------------------------------*/
@media only screen and (max-width:960px){

	#header .inner {width: 100%;}
	nav#mainNav {
		width: 95%;
		margin: 10px auto;
	}

	/* content flex-box制御 */
	#Home div.flex-box-container{justify-content: center;}	/* 水平中央揃え */
	#Home #flex-box-left.flex-box {width: 98%;}
	#Home #flex-box-right.flex-box{width: 230px;}

/* スマホでも background-image が見えるように */
	#mainImg img#top-mainImg {width:80%;}

/* 当社からのお知らせ、商品情報　詳細ページレイアウト調整 */
	#Home .bs-container div.custom-main-contents {width: 98%;}
	#Home .bs-container div.custom-main-contents {width: 98%;}


/* サブページ #Default メインコンテンツ
*****************************************************/
	#Default #content{
    margin: 0 auto;
    padding: 10px 0;
    width: 95%;
	clear: both;
    float: none;
	}
	#Default .bs-wrap{width: 95%; max-width: 95%;}
	#Wrap #content{width: 95%;}
	#Default #wrapper{width: 95%;}
	#Default .bs-main-contents{max-width: 95%;}

	#Info .bs-main-contents,
	#News .bs-main-contents {width: 100%;}
	#Info #Wrap div.flex-box-container,
	#News #Wrap div.flex-box-container{width: 100%; }
	#Info #Wrap #flex-box-left.flex-box,
	#News #Wrap #flex-box-left.flex-box{width: 100%; margin-bottom: 40px;}
}

/* お問い合わせ
*****************************************************/
	#Contact .bs-main-contents {width: 95%;}


/* 幅820px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 820px){

	#access div.flex-box-container {justify-content: center;}
	#access #flex-box-left.flex-box {width: 98%; text-align:center;}
	#access table.about-tbl{width:98%; margin: 0 0px 20px 0;}

	#FAQ #honsya-tel-tbl    .f22b{font-size:120%;}
	#FAQ #honsya-tel-tbl   {width:98%}
	#FAQ #summer-winter-tbl{width:98%}
	#FAQ #summer-winter-tbl .f16b{font-size:120%;}

	/*	主要取扱製品 取扱いメーカー微調整  */
	#syouhin div.flex-box-container {flex-direction: column;}

	/* お問い合わせ */
	#Contact #FieldMessageCompanyName input,
	#Contact #FieldMessageEmail1 input,
	#Contact #FieldMessageEmail2 input,
	#Contact #FieldMessageAddress2 input,
	#Contact #FieldMessageAddress3 input,
	#Contact #FieldMessageMessage input{width: 90%!important;}

	form#MailMessageIndexForm dl dt, 
	form#MailMessageConfirmForm dl dt{
	    float: none;
	    width: auto;
	    font-size: 12px;
	    padding: 5px;
	    text-align: left;
	}
	form#MailMessageIndexForm dl dd, 
	form#MailMessageConfirmForm dl dd {
	    clear: both;
	    border-top: none;
	    padding: 5px 15px;
	    font-size: 12px;
	    line-height: 1.5em;
	}

	div#Page div.bs-widget{margin-bottom: 20px;}

	div#Page footer#footer .inner{width: 100%;}
	footer#footer .bs-global-menu{
		display: flex;
		flex-wrap:wrap;
		justify-content: center;
		margin: 0 auto;
		text-align: center; 
	}
	footer#footer .bs-global-menu li{padding: 5px 16px;}
/*	footer#footer .bs-global-menu-item{display: flex; }*/
	footer#footer .bs-global-menu a{padding: 0px;}


}
/* 幅776px以下から ヘッダー[ロゴ、TEL、FAX、住所]等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 776px){
	#header h2{text-align: center; float: none;}
	#header .contact{display: none;}


/*	div#Page div.bs-widget{margin-bottom: 0;}*/

	/*	会社情報 TBL微調整  */
	#about .about-tbl #company th,
	#about #history-tbl #history_1950-01 th,
	#about .about-tbl #asahikawa th {width: auto;}
	#about .about-tbl div.sub-t{text-align: left;}

	/*	アクセス TBL微調整  */
	#access table.about-tbl th {width: auto;}

	/*	よくある質問 TBL微調整  */
	#FAQ table.about-tbl th {width: auto;}

	/*	採用情報 TBL微調整  */
	#saiyou table.about-tbl th {width: auto;}

	/* お問い合わせ */
	#Contact #BtnMessageConfirm{margin-top: 30px;}

	/* 商品情報、当社からのお知らせ(ブログ記事一覧) */
	#News #Wrap #SideBox,
	#Info #Wrap #SideBox{padding: 0;}
	#Wrap .bs-widget-blog-calendar{width: auto;}
	#News #SideBox .bs-widget-blog-calendar table tr th,
	#Info #SideBox .bs-widget-blog-calendar table tr th{
		display: table-cell;
		width: 18px;
		padding: 2px 8.4px;
	}
	#News #SideBox .bs-widget-blog-calendar table tr td,
	#Info #SideBox .bs-widget-blog-calendar table tr td{
		display: table-cell;
		width: 18px;
		padding: 2px 8.4px;
		border: none;
	}
	/* 対症療法 */
	#News #SideBox .bs-widget-blog-calendar table tr,
	#Info #SideBox .bs-widget-blog-calendar table tr{display: revert;}


/*debug
	#News #SideBox .bs-widget-blog-calendar table tr td{border: 1px solid #ccc;}
*/

}

/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){

	/* 商品情報、当社からのお知らせ(ブログ記事一覧) */
	#NewsList .Blog-eyeCatch,
	#InfoList .Blog-eyeCatch{
	float: none;
	padding-right: 0;
	}
	/* ブログ記事一覧 flex-box制御 */
	#Home ul.bs-top-post li.flex-box-container1x2{
		flex-wrap: wrap;		/* 左から右へ折り返し */
		justify-content: center;	/* 中央揃え */
	}

	/* 主要取扱製品
	*****************************************************/
	#syouhin .flex-box {width: 98%;}
	#syouhin div.maker-list ul{margin: 0;}

	/* 取扱いメーカー
	*****************************************************/
	#maker .flex-box {width: 98%;}
	#maker div.maker-list ul{margin: 0;}

	/* お問い合わせ
	*****************************************************/
	#Contact div#ContentsBody dl.mailform{
		width: 100%;
		margin-left: 0;
	}
	#Contact #FieldMessageName1,
	#Contact #FieldMessageNameKana1{display: block;} /*[姓][名]を縦2段表示*/
	/* 画像認証 */
	#Contact div.auth-captcha{width:auto;}

}