/*========= 共通css =========*/

.center{
  text-align:center;
}


/*topイメージ全幅 */
.width_expand {
　max-width:100%;
  height: auto;
  position: relative;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  margin-top:0 !important;
  padding-top:0 !important;
}

/*topイメージ全幅  暗くしないとき*/
.width_expand_no_color {
　max-width:100%;
  height: auto;
  position: relative;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}


.width_expand .bg {
    line-height: 0;
}

/*背景少し暗く*/
.width_expand::before{
	 content: ' ';
	 background-color: rgba(0,0,0,.5);
 	position: absolute;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	left: 0;
}

/*topイメージ内ロゴ*/
.top-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 10% 20%;
}

/*スマホ用画像PC時非表示*/
.mobileHidden { display:none;}

@media only screen and (max-width: 740px) {
/*トップ画像上ロゴ*/
 .top-logo {
        width: 100%;
		padding: 10% 20%;
		position: absolute;
    }   
}

@media only screen and (max-width: 480px) {
　.top-logo {
        width: 100%;
		padding: 10% 20%;
		position: absolute;
    }  
/*スマホ画像切り替え*/
.desktopHidden { display:none;}
.mobileHidden { display:inline;}
 
    /*スマホtop背景イメージ暗く*/	
	.width_expand::before{
	 content: ' ';
	 background-color: rgba(0,0,0,.5);
 	position: absolute;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	left: 0;
	}
}
 

/*項目間ボーダー*/
.border{
	border-bottom: thin solid #000;
	margin:40px 0;
}

/*ボタン*/
.button{
   display: inline-block;
    text-decoration:none;
    padding: 1em 4em 1em 4em;
    color:#000;
    border: solid 2px #000;
  	transition: .4s;
    border-radius: 3px;
    font-weight:bold;
    text-align:center; 
    width:300px; 
	font-size:14px; 
}
.button:hover
{
    background:#000;
    color:#fff !important;
}
 
.button:visited,
.button:link
{
 	color:#000;
}

@media screen and (max-width: 650px){	
.button{
  width:200px;
  font-size:10px;
}
}


/* レスポンシブ改行 */
@media screen and (min-width: 650px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 650px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}

/*機種スペックテーブル*/
.table_machine h3{
  text-align:left;
  font-weight:lighter;
  margin-bottom:20px;
}


.table_machine th  { 
width: 40%; 
text-align: left;
font-size: 13px;
}


.table_machine td, .table_machine th {
    border-bottom: 1px solid #ededed;
}
.table_machine {
    border-collapse: collapse;
}

 
@media only screen and (max-width:480px){
    .table_machine th,
    .table_machine td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .table_machine tr:first-child th { 
		border-top: 1px solid #ededed; }
}

.table_machine td {
 border-bottom: 1px solid #ededed;
 border-top: 1px solid #ededed;
}

.table_machine ul {
padding: 0;
margin: 0;
}

.table_machine li {
margin: 0;
padding: 0;
list-style-position:outside;
}




/*----製品ラインナップ----*/
.product h3{
	font-size:20px;
	line-height:1.5em;
    font-weight:bolder;
    color:#000;
}


/*ホバー時イメージ透過*/
.product img:hover {
			opacity: 0.5 ;
		}


.product ul,.reason ul{
   text-align: center;
}

.product ul h4,.reason ul h4{
   text-align: center;
}

.product li,.reason li {
  display: -moz-inline-box;
  display: inline-block;
	/display: inline;
  /zoom: 1;
  }


/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓トップページ追加 ここから↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

/* BRAND PV */
#custom_html-19{
  margin-bottom:200px ;
}

@media screen and (max-width: 768px) {
#custom_html-19{
  margin-bottom:50px ;
}
}


/*カタログ*/
.catalog {margin:2em 0 4em; padding: 40px 60px; background: #f2f2f2;}
.catalog h2{font-size: 22px;text-align: left; line-height: 1.3;}
.catalog dl{display:-webkit-box; display:-ms-flexbox; display:flex;}
.catalog dl dt{margin-right: 3em;}
.catalog dl dd {margin-top: 2em;position: relative;}
.catalog dl p{text-align: left;padding: 1em 0;}
.catalog dl>dd a.btn{background:#0b4d99; color:#fff;padding: 10px; display:block; width:100%; position: absolute; bottom: 0;}
.catalog dl>dd a.btn:hover{border:1px solid #0b4d99;color: #0b4d99;background:#fff;}

@media screen and (max-width: 768px) {
    .catalog{padding: 2em 5%;}
    .catalog dl{display: inline-block;}
    .catalog dl dt{margin-right: auto;}
    .catalog dl dd{padding: 0 0 4.5em; margin:1em 0 0;}
    .catalog dl>dd a.btn{padding: 10px 20px;}
    }

/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑トップページ追加 ここまで↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/






/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ SYNESSOページ ここから↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

/*トップイメージ全幅（各機種ページとカスタムページも）*/
#pg-8444-0,#pg-8586-0,#pg-8635-0,#pg-8650-0,#pg-8685-0,#pg-8727-0,#pg-10155-0,#pg-10171-0,#pg-10177-0{
  margin-top:0;
	margin-right:-50%;
	margin-left:-50%;
}

/*topイメージ内ロゴ*/
#pg-8444-0 h1,#pg-8586-0 h1,#pg-8635-0 h1,#pg-8650-0 h1,#pg-8685-0 h1,#pg-8727-0 h1,#pg-10155-0 h1,#pg-10171-0 h1,#pg-10177-0 h1{
	margin:0 30%;
}

/*トップ字間など*/
.synesso_top{
	font-size:14px;
	line-height:1.5em;
}



/*クリックボタン装飾*/
.catalog_synesso{
	display: inline-block;
  	text-decoration:none;
    padding: 1em;
    color:rgb(89, 89, 89);
    border: solid 2px rgb(89, 89, 89);
  	transition: .4s;
    border-radius: 3px;
  	font-weight:bold;   
}


.catalog_synesso:hover
{
    background:rgb(89, 89, 89);
    color:#fff !important;
}
 
.catalog_synesso:visited,.inquiry_loring:visited,
.catalog_synesso:link,.inquiry_loring:link
{
 	color:rgb(89, 89, 89);
}

/*メーカーサイトリンクボタン　margin*/
.catalog_synesso span{
 margin:0 25px;
}

/*ボタン位置　全体中央*/
.synesso_button{
	text-align:center;
}


/*項目間ボーダー*/
.synesso_border{
	border-bottom: thin solid #595959;
  padding:10px;
}

/*イメージ透過*/
.synesso_product img:hover,.synesso_product h4:hover {
			opacity: 0.5 ;
		}


/*商品画像配置*/
.synesso_product ul,.synesso_reason ul{
   text-align: center;
}

/*商品名中央ぞろえ*/
.synesso_product ul h3,.synesso_reason ul h3{
   text-align: center;
   color:black;
}

/*more info 装飾*/
.synesso_product ul li h4,.synesso_reason ul li h4{
  text-align: center;
  background-color:black;
  color:white;
  padding:5px;
  font-weight:bolder;
}


.synesso_product li,.synesso_reason li {
  display: -moz-inline-box;
  display: inline-block;
	/display: inline;
  /zoom: 1;
  }

/*HYDRA specボタン　装飾*/
.synesso_product2{
   text-align: center;
}

.synesso_product2 li{
  display: -moz-inline-box;
  display: inline-block;
	/display: inline;
  /zoom: 1;
  }

.synesso_product2 ul li h4{
  text-align: center;
  background-color:black;
  color:white;
  padding:10px 40px 10px 40px ;
  font-weight:bolder;
}

/*ホバー時装飾*/
.synesso_product2 ul li h4:hover {
    background: silver;
    color:black;
    opacity: 0.5 ;
    transition: 0.5s;
}



/*custom デザインカテゴリ*/
/*イメージ全幅*/
#pg-8685-4,#pg-8727-4,#pg-8444-5{
  margin-top:0;
	margin-right:-50%;
	margin-left:-50%;
}

/*一番下footerにぴったりくっつける*/
#pg-8685-4,#pg-8727-4{
  margin-bottom:0;  !important
}


.synesso-custom{
 height:300px;
}
.synesso-custom h2{
 color:white;
 padding:30px;
}
.synesso-custom p{
 color:white;
 padding:10px 30px;
}
#pg-8685-3 .sow-slider-image-wrapper,#pg-8685-4 .sow-slider-image-wrapper,
#pg-8727-4 .sow-slider-image-wrapper,#pg-8444-5 .sow-slider-image-wrapper{
 width:50%;
}

/*HISTORY*/
.synesso_top{
	font-size:14px;
	line-height:1.5em;
}


/*//各機種//*/

/*スペックテーブル*/
.table_synesso th  { width: 40%; text-align: left;
font-size: 13px;}
 
@media only screen and (max-width:480px){
    .table_synesso th,
    .table_synesso td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .table_synesso tr:first-child th { 
		border-top: 1px solid #ddd; }
}

.table_synesso td {
 border-bottom: 1px solid #ededed;
 border-top: 1px solid #ededed;
}


.hidden_box {
    margin: 2em 0;
    padding: 0;
}

/*スペックボタン装飾*/
.hidden_box_synesso label {
    padding: 15px;
    background: #000;
    color:white;
    cursor :pointer;
    /*transition: .5s;*/
  	transition: 1s;
  	width:100%;
}

.hidden_box_synesso label:before {
    display: inline-block;
    content: url(https://dcservice.co.jp/wp/wp-content/uploads/2018/12/bd8d66dc62c2e178915f64dbd57e1d30.png);
    padding-right: 20px;
    transition: 0.2s;
}
/*ボタンホバー時*/
.hidden_box_synesso label:hover {
    background: silver;
    color:black;
}

/*アイコンを切り替え*/
.hidden_box_synesso input:checked + label:before {
     content:url(https://dcservice.co.jp/wp/wp-content/uploads/2018/12/2bc2b10a809493229d1fc09238317b73.png);
     -ms-transform: rotate(360deg);
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
     color: #fff;
}

/*チェックは見えなくする*/
.hidden_box_synesso input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box_synesso .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box_synesso input:checked + label + .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}


/*強み*/
.synesso_strength{
 text-align:center;
}
.synesso_strength h4{
 padding-top:5px;
 color:black;
}




/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑SYNESSO　ここまで↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
	

/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ thermoplanページ ここから↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
/*トップイメージ全幅（各機種ページも）*/
#pg-9474-0,#pg-9595-0,#pg-9559-0,#pg-9624-0,#pg-9633-0,#pg-9643-0,#pg-9661-0,#pg-9672-0,#pg-9684-0,#pg-10732-0,#pg-10937-0,#pg-10822-0,#pg-10944-0{
  margin-top:0;
	margin-right:-50%;
	margin-left:-50%;
}

/*topイメージ内ロゴ*/
#pg-9474-0 h1,#pg-9595-0 h1,#pg-9559-0 h1,#pg-9624-0 h1,#pg-9633-0 h1,#pg-9643-0 h1,#pg-9661-0 h1,#pg-9672-0 h1,#pg-9684-0 h1,#pg-10732-0 h1,#pg-10937-0 h1,
#pg-10822-0 h1,#pg-10944-0 h1{
	margin:0 30%;
}


.tp_top{
	font-size:14px;
	line-height:1.5em;
}

/*イメージ透過*/
.tp_product img:hover {
			opacity: 0.5 ;
		}
		

/*各機種整列*/
.tp_product ul{
   text-align: center;
}

.tp_product ul h4{
   text-align: center;
}

.tp_product li {
  display: -moz-inline-box;
  display: inline-block;
	/display: inline;
  /zoom: 1;
  }


/*カタログDLボタン*/
.catalog_tp{
	display: inline-block;
  	text-decoration:none;
    padding: 1em;
    color:rgb(89, 89, 89);
    border: solid 2px rgb(89, 89, 89);
  	transition: .4s;
    border-radius: 3px;
  	font-weight:bold;   
}

.catalog_tp:hover
{
    background:rgb(89, 89, 89);
    color:#fff !important;
}
 
.catalog_tp:visited,
.catalog_tp:link
{
 	color:rgb(89, 89, 89);
}

.tp_button{
	text-align:center;
}
/*メーカーサイトリンクボタン　margin*/
.catalog_tp span{
 margin:0 25px;
}

/*more info 装飾*/
.tp_product ul li h4{
  text-align: center;
  background-color:black;
  color:white;
  padding:5px;
  font-weight:bolder;
}

/*項目間ボーダー*/
.tp_border{
	border-bottom: thin solid #595959;
  padding:3% 0;
}

 /*スペックテーブル*/
.table_tp th  { width: 40%; text-align: left;
font-size: 13px;}
 
@media only screen and (max-width:480px){
    .table_tp th,
    .table_tp td{
    width: 80%;
    display: block;
    border-top: none;
    }
  .table_tp tr:first-child th { 
		border-top: 1px solid #ddd; }
}

.table_tp td {
 border-bottom: 1px solid #ededed;
 border-top: 1px solid #ededed;
}

.table_tp ul {
padding: 0;
margin: 0;
}

.table_tp li {
margin: 0;
padding: 0;
list-style-position:outside;
}

/*問合せボタン*/
.inquiry_tp{
		display: inline-block;
 		text-decoration:none;
    padding: 1em 4em 1em 4em;
  	color:rgb(89, 89, 89);
    border: solid 2px rgb(89, 89, 89);
  	transition: .4s;
    border-radius: 3px;
  	font-weight:bold;
}

.inquiry_tp:hover
{
    background:rgb(89, 89, 89);
    color:#fff !important;
}
 
.inquiry_tp:visited,
.inquiry_tp:link
{
 	color:rgb(89, 89, 89);
}


/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑thermoplan　ここまで↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/


/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ VBMページ ここから↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

/*topイメージ全幅*/
#pg-9785-0,#pg-9797-0,#pg-9816-0,#pg-9845-0,#pg-9856-0{
  margin-top:0;
	margin-right:-50%;
	margin-left:-50%;
	margin-bottom:40px;
}
/*topイメージ内ロゴ*/	
#pg-9698-00 h1,#pg-9785-0 h1,#pg-9797-0 h1,#pg-9816-0 h1,#pg-9845-0 h1,#pg-9856-0 h1{
	margin:0 -50%;
} 



/*クリックボタン装飾*/
.catalog_vbm{
		display: inline-block;
  	text-decoration:none;
    padding: 1em;
    color:rgb(89, 89, 89);
    border: solid 2px rgb(89, 89, 89);
  	transition: .4s;
    border-radius: 3px;
  	font-weight:bold;   
}

.catalog_vbm:hover
{
    background:rgb(89, 89, 89);
    color:#fff !important;
}
 
.catalog_vbm:visited,
.catalog_vbm:link
{
 	color:rgb(89, 89, 89);
}

/*メーカーサイトリンクボタン　margin*/
.catalog_vbm span{
 margin:0 25px;
}

/*項目間ボーダー*/
.vbm_border{
	border-bottom: thin solid #595959;
  padding:10px;
}

/*イメージ透過*/
.vbm_product img:hover,.vbm_product h4:hover {
			opacity: 0.5 ;
		}


/*商品画像、選ばれる理由　配置*/
.vbm_product,.vbm_product ul,.vbm_reason ul{
   text-align: center;
}

/*商品名中央ぞろえ*/
.vbm_product ul h3{
   text-align: center;
   color:black;
}

/*more info 装飾*/
.vbm_product ul li h4{
  text-align: center;
  background-color:black;
  color:white;
  padding:5px;
  font-weight:bolder;
}


.vbm_product li, .vbm_reason li {
  display: -moz-inline-box;
  display: inline-block;
	/display: inline;
  /zoom: 1;
  }


.vbm_reason ul h4{
   text-align: center;
}


/*キャプション装飾*/
.vbm_caption h3{
 text-align:left;
 color:black;
 font-size:1.5em;
 line-height:1.5em;
 padding-bottom:2%;
}

/*//各機種//*/

/*スペックテーブル*/
.table_vbm th  { width: 40%; text-align: left;
font-size: 13px;}
 
@media only screen and (max-width:480px){
    .table_vbm th,
    .table_vbm td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .table_vbm tr:first-child th { 
		border-top: 1px solid #ddd; }
}

.table_vbm td {
 border-bottom: 1px solid #ededed;
 border-top: 1px solid #ededed;
}


.hidden_box {
    margin: 2em 0;
    padding: 0;
}

/*ボタン装飾*/
.hidden_box_vbm label {
    padding: 15px;
    background: #000;
    color:white;
    cursor :pointer;
    /*transition: .5s;*/
  	transition: 1s;
  	width:100%;
}

.hidden_box_vbm label:before {
    display: inline-block;
    content: url(https://dcservice.co.jp/wp/wp-content/uploads/2018/12/bd8d66dc62c2e178915f64dbd57e1d30.png);
    padding-right: 20px;
    transition: 0.2s;
}
/*ボタンホバー時*/
.hidden_box_vbm label:hover {
    background: silver;
    color:black;
}

/*アイコンを切り替え*/
.hidden_box_vbm input:checked + label:before {
     content:url(https://dcservice.co.jp/wp/wp-content/uploads/2018/12/2bc2b10a809493229d1fc09238317b73.png);
     -ms-transform: rotate(360deg);
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
     color: #fff;
}

/*チェックは見えなくする*/
.hidden_box_vbm input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box_vbm .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box_vbm input:checked + label + .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}



/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑VBM　ここまで↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/


/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ STORMページ ここから↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

/*topイメージ全幅*/
#pg-10953-0,#pg-11158-0{
  margin-top:0;
	margin-right:-50%;
	margin-left:-50%;
	margin-bottom:40px;
}
/*topイメージ内ロゴ*/	
#pg-10953-0 h1,#pg-11158-0 h1{
	margin:0 -50%;
} 

/*クリックボタン装飾*/
.catalog_storm{
	display: inline-block;
  	text-decoration:none;
    padding: 1em;
    color:rgb(89, 89, 89);
    border: solid 2px rgb(89, 89, 89);
  	transition: .4s;
    border-radius: 3px;
  	font-weight:bold;   
}

.catalog_storm:hover
{
    background:rgb(89, 89, 89);
    color:#fff !important;
}
 
.catalog_storm:visited,
.catalog_storm:link
{
 	color:rgb(89, 89, 89);
}

/*動画レスポンシブ*/
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
  height: 0;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

/*イメージ透過*/
.storm_product img:hover,.storm_product h4:hover {
			opacity: 0.5 ;
		}


/*商品画像配置*/
.storm_product ul,.storm_reason ul{
   text-align: center;
}

/*商品名中央ぞろえ*/
.storm_product ul h3,.storm_reason ul h3{
   text-align: center;
   color:black;
}

/*more info 装飾*/
.storm_product ul li h4,.storm_reason ul li h4{
  text-align: center;
  background-color:black;
  color:white;
  padding:5px;
  font-weight:bolder;
}


.storm_product li,.storm_reason li {
  display: -moz-inline-box;
  display: inline-block;
	/display: inline;
  /zoom: 1;
  }

 /*スペックテーブル*/
.table_storm th  { width: 40%; text-align: left;
font-size: 13px;}
 
@media only screen and (max-width:480px){
    .table_storm th,
    .table_storm td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .table_storm tr:first-child th { 
		border-top: 1px solid #ddd; }
}

.table_storm td {
 border-bottom: 1px solid #ededed;
 border-top: 1px solid #ededed;
}



/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑STORM　ここまで↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/


/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ Turbochefページ ここから↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
/*topイメージ全幅*/
#pg-9888-0,#pg-9909-0,#pg-10612-0,#pg-10640-0,#pg-10663-0{
	margin-right:-50%;
	margin-left:-50%;
	margin-bottom:20px;
}
/*topイメージ内ロゴ全横幅*/
#pg-9888-0 p,#pg-9909-0 p,#pg-10612-0 p,#pg-10640-0 p,#pg-10663-0 p{
	margin:0 20%;
}

/*クリックボタン装飾*/
.catalog_turbo{
		display: inline-block;
  	text-decoration:none;
    padding: 1em;
    color:rgb(89, 89, 89);
    border: solid 2px rgb(89, 89, 89);
  	transition: .4s;
    border-radius: 3px;
  	font-weight:bold;   
}

.catalog_turbo:hover
{
    background:rgb(89, 89, 89);
    color:#fff !important;
}
 
.catalog_turbo:visited,
.catalog_turbo:link
{
 	color:rgb(89, 89, 89);
}

/*メーカーサイトリンクボタン　margin*/
.catalog_turbo span{
 margin:0 25px;
}

/*項目間ボーダー*/
.turbo_border{
	border-bottom: thin solid #595959;
  padding:10px;
}

/*イメージ透過*/
.turbo_product img:hover,.turbo_product h4:hover {
			opacity: 0.5 ;
		}


/*商品画像、選ばれる理由　配置*/
.turbo_product,.turbo_product ul{
   text-align: center;
}

/*商品名中央ぞろえ*/
.turbo_product ul h3{
   text-align: center;
   color:black;
}

/*more info 装飾*/
.turbo_product ul,.turbo_reason ul{
   text-align: center;
}

.turbo_product ul li h4,.turbo_reason ul h4{
  text-align: center;
  background-color:black;
  color:white;
  padding:5px;
  font-weight:bolder;
}


.turbo_product li,.turbo_reason li {
  display: -moz-inline-box;
  display: inline-block;
	/display: inline;
  /zoom: 1;
  }

/*キャプション装飾*/
.turbo_caption h3{
 text-align:left;
 color:black;
 font-size:1.5em;
 line-height:1.5em;
 padding-bottom:2%;
}

/*スペックテーブル*/
.table_turbo th  { width: 40%; text-align: left;
font-size: 13px;}
 
@media only screen and (max-width:480px){
    .table_turbo th,
    .table_turbo td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .table_turbo tr:first-child th { 
		border-top: 1px solid #ddd; }
}

.table_turbo td {
 border-bottom: 1px solid #ededed;
 border-top: 1px solid #ededed;
}

/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑Turbochef　ここまで↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/


/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ BUNNページ ここから↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
/*topイメージ全幅*/

#pg-13818-0,#pg-13823-0{
	margin-right:-50%;
	margin-left:-50%;
	margin-bottom:20px; 
}


/*topイメージ内ロゴ全横幅*/
#pg-13818-0 h1,#pg-13823-0 h1{
	margin:0 30%;
}

/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑BUNNここまで↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/


/*各タイトル*/
.title {
	text-align:center;
	letter-spacing:0.2em;
	color:#0b4d99;
	margin-top:50px;
	margin-bottom:5px;
	}

/*会社概要表*/
section table { width: 100%;
border-bottom: 1px solid #ededed;}
section th, section td  { padding: 10px; border: 1px solid #ddd; }
section th  { background: #f4f4f4; }
 
.table_company th  { width: 20%; text-align: left;
font-size: 13px;}
 
@media only screen and (max-width:480px){
    .table_company th,
    .table_company td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .table_company tr:first-child th { 
		border-top: 1px solid #ddd; }
}

.table_company td {
 border-bottom: 1px solid #ededed;
 border-top: 1px solid #ededed;
 font-size: 12px;
}

.table_company li{
margin:0px;
padding:0px;
}


/*会社概要その他*/
#ceo-greeting {
  position: relative;
  }

#ceo-greeting p{
  font-size:140%;
	font-weight:bold;
	letter-spacing: 0.1em;
	color:#fff;
	position: absolute;
  top: 50%;
  left: 40%;
  -ms-transform: translate(-50%,-40%);
  -webkit-transform: translate(-50%,-40%);
  transform: translate(-50%,-40%);
  margin:0;
  padding:0;
  }


	/*マウスオーバーで透過機能追加
	 * (トップメッセージ、沿革、理念）*/
#ceo-greeting img:hover {
			opacity: 0.5 ;
		}


/*会社概要マップ*/
#map h4{
	color:#0b4d99;
	font-size:20px;
	font-weight:bold;
	text-align: center;}

#map p{
	text-align: center;}


#map .ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#map{
	margin-bottom:50px;
}
/*沿革ページ*/
.history{
	margin-bottom:50px;
}



/*SBSC*/
#sbsc h2{
	text-align:center;
	color:#0b4d99;
	letter-spacing:0.05em;
	line-height:1.2em;
}
#sbsc p{
text-align:center;
line-height:1.5em;}


.step1 h3,.step2 h3,.step3 h3,.step4 h3,.step5 h3,.step6 h3{
	font-size:16px;
}
.step1 h3,.step1 p,.step2 h3,.step2 p,.step3 h3,.step3 p,.step4 h3,.step4 p,.step5 h3,.step5 p,.step6 h3,.step6 p{
	color:#0b4d99;
	text-align:center;
}


/*SBSC対応機種と連絡先*/
.machines-tel{
	border:solid 1px #0b4d99;
	padding:20px;
	margin-bottom:20px;
}

.tel-address {
	font-size:16px;
	line-height:1.5em;
}

.tel-address .tel{
	font-size:30px;
}

.tel-address li {
margin: 0;
padding: 0;
list-style-position:outside;
}

.tel-address table{ width: 100%;
}
.tel-address th, .tel-address td { padding: 10px; 
border-style:none;}
 
.tel-address th { 
	color:#0b4d99;
	width: 20%; text-align: left;
	font-size: 1em;}


@media only screen and (max-width:480px){
    .tel-address { 
			margin: 0 -10px; }
    .tel-address th,
    .tel-address td{
    width: 100%;
    display: block;
    }
}

/* SBSCコンタクトフォーム */
.form-width { max-width: 100%;}
	

	
.maintenance-form{
	padding:20px;
	border:solid 1px #0b4d99;
	margin-bottom:50px;
}

.maintenance-form h3{
	color:#0b4d99;
	text-align:center;
	margin-bottom:30px;
}


/* 必須マーク */
.must {
	background: #FF1A00;
}
/* 任意マーク */
.free,
a.jump-btn{
	background: #999;
}


.must,
.free,
a.jump-btn{
	color: #FFF;
	border-radius: 3px;
	font-size: 12px;
	margin-right: 10px;
	padding: 5px 10px;
	letter-spacing: 0.2em;
}

/* フォーム入力項目 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea,
.wpcf7 select,
.wpcf7 input[type="date"]{
	 width: 100%;
	 padding: 8px 15px;
	 margin-right: 10px;
	 margin-top: 10px;
	 border: 1px solid #ddd;
	 border-radius: 3px;
}

.wpcf7 input[type="file"]
 {
	 width: 100%;
	 padding: 8px 15px;
	 margin-right: 10px;
	 margin-top: 10px;	 
}


.wpcf7 input[type="checkbox"]
 {
	 margin-top: 20px;	 
}

/* 送信ボタン */
.wpcf7 input.sub-btn {
	width: 100px;
	height: 60px;
	background: #0b4d99;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #0b4d99;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
	padding:5px;
	text-align:center;
}

/* 送信ボタンホバー */
.wpcf7 input.sub-btn:hover{
	background: #FFF;
	color: #0b4d99;  
}

/*個人情報注意書*/
.policy ul {
margin: 0;
padding:0;
}

.policy{
	background-color:#dcdddd;
	padding:20px;
	font-size:12px;
	line-height:1.5em;
}

/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓　採用情報　ここから↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
/*横幅全画面*/
#pg-554-0,#pg-7865-0,#pg-3376-0,#pg-8146-0,#pg-8160-0,#pg-8386-0,#pg-10387-0,#pg-11728-0,#pg-8956-0,#pg-12061-0, #pg-15034-0,{
	margin:0 -50%;
} 

#pg-7989-0 h1,#pg-8160-0 h1,#pg-8386-0 h1,#pg-10387-0 h1,#pg-11728-0 h1,#pg-8956-0 h1,#pg-12061-0 h1{  
  margin:0 30%;
}

/*  採用情報ページ ヘッダー　*/


#recruit h1{  
  letter-spacing:0.1em;
	line-height:1.5em;
  font-size: 3rem;
}

/*  採用情報ページ 導入コメント　*/
.recruit-text p{
	letter-spacing:0.1em;
	text-align:center;
}

/*  「正社員・契約社員」 Widget　*/
.recruit-position h2{
	letter-spacing:0.2em;
	font-weight:bold;
	color: #0b4d99;  
}


/*  募集ポジション リスト Widget　リセットされたため使用中止　*/

.position img, .position_shain img{
	clip-path: circle(150px at top);
}

.position_margin{
 margin-left:25%;
 margin-right:25%;
}

.position_shain ul{
   text-align: center;
}

.position_shain h3{
  text-align: center;
  color:#0b4d99;
  font-weight:bolder;
  margin-top:10px;
}


.position_shain li {
 float:left;
  }


	/*マウスオーバーで透過機能追加
	 * (募集職種と先輩の声）*/
.position img:hover,.voice-detail img:hover,.atmosphere img:hover {
  opacity: 0.5 ;
}

.position .widget-title{
font-size:16px;
margin-top:10px;
}

/*.position{
margin-bottom:40px;
}*/



/*　　　　職種別　採用情報　ここから　　　　*/

/*募集要項*/
.recruit-detail{
  max-width:100%;
	margin-bottom:30px;
	margin-top:30px;
	text-align:center;
}
.recruit-detail h2{
	color:#0b4d99;
	margin-bottom:30px;
}
.recruit-detail p{
	line-height: 30px;
}

.recruit-detail h4 {
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 0;
}

/*FIELD求人*/
.recruit-detail-field{
	margin-bottom:30px;
	margin-top:20px;
	text-align:center;
}
.recruit-detail-field h2{
	color:#0b4d99;
	margin-bottom:30px;
}

.field_recruit_title{
	line-height:1.5em;
}

.field_recruit_title br {
  display: none;
}

@media only screen and (max-width: 480px) {
  .field_recruit_title br {
    display: inline;
  }
}

 /*募集要項テーブル*/
.table_recruit th  { 
  width: 20%; 
  text-align: left;
  font-size: 13px;
}
 
@media only screen and (max-width:480px){
  
  .table_recruit th,
  .table_recruit td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .table_recruit tr:first-child th { 
		border-top: 1px solid #ddd; 
  }
}

.table_recruit td {
 border-bottom: 1px solid #ededed;
 border-top: 1px solid #ededed;
}

.table_recruit ul {
padding: 0;
margin: 0;
}

.table_recruit li {
margin: 0;
padding: 0;
list-style-position:outside;
}



.voice{
	margin-bottom:100px;
}

.voice .widget-title{
	font-size:16px;
	margin-top:10px;
}

.voice-detail h4,.voice-detail h3{
	font-weight:bold;
	line-height:0.7em;
  margin-top:10px;
  text-align:left;
}

.voice-detail p{
	font-size:1em;
	line-height:1.2em;
	color:#79A2D3;
	padding-right:10px;
}

.atmosphere p{
	margin:10px;
	font-size:0.9em;
}

/*一番下応募ボタンの欄*/
.recruit-bottom{
	text-align:center;
}


/*先輩の声ページ*/
.voice-nav p{
	font-size:1em;
	line-height:2em;
	text-align:center;
}

/*動画紹介ページ*/
.movie{
	margin:50px;
}
.movie-contents{
	margin-bottom:50px;
}

/*採用応募フォーム*/
.recruit-form{
	margin:0 auto;
  width:80%;
  text-align:center;
}

.recruit-form h1{
	color:#0b4d99;
	text-align:center;
	margin-bottom:40px;
}



/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑　採用情報　ここまで　↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/



/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓　採用Q&amp;A ここから　↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
/*全体*/
.hidden_box {
    margin: 2em 0;
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 15px;
    font-weight: bold;
    background: #efefef;
    border-radius: 5px;
    cursor :pointer;
    transition: .5s;
  	width:100%;
}

.hidden_box label:before {
    display: inline-block;
    content: url(https://dcservice.co.jp/wp/wp-content/uploads/2018/12/bd8d66dc62c2e178915f64dbd57e1d30.png);
    font-family: 'FontAwesome';
    padding-right: 5px;
    transition: 0.2s;
}
/*ボタンホバー時*/
.hidden_box label:hover {
    background: silver;
}

/*アイコンを切り替え*/
.hidden_box input:checked + label:before {
     content:url(https://dcservice.co.jp/wp/wp-content/uploads/2018/12/2bc2b10a809493229d1fc09238317b73.png);
     -ms-transform: rotate(360deg);
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
     color: #668ad8;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked + label + .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑　採用Q&amp;A ここまで　↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/


/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓　会社概要　ここから↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

/*会社概要ダウンロードボタン*/
.company_dl{
		display: inline-block;
 		text-decoration:none;
    padding: 1em 4em 1em 4em;
  	color:rgb(89, 89, 89);
    border: solid 2px rgb(89, 89, 89);
  	transition: .4s;
    border-radius: 3px;
  	font-weight:bold;
}

.company_dl:hover
{
    background:rgb(89, 89, 89);
    color:#fff !important;
}
 
.company_dl:visited,
.company_dl:link
{
 	color:rgb(89, 89, 89);
}

.company_dl_button{
	text-align:center;
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑　会社概要 ここまで　↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/

/*一般問合せフォーム*/
.contact-others p{
	text-align:center;
}
.contact{
	margin-bottom:50px;
}
.contact-header{
	margin-top:50px;
}


/*ブランドページ*/
.brand{
	margin:50px 0;
}

.brand img{
	border-radius:50%;
}

/*PC表示横ならび応急処置。中央ぞろえにしたい*/
.brand-paragraph h4{
	font-weight:bold;
}
.brand-paragraph p, li{
	line-height:1.7em;
	font-size:0.9em
}
	
	

 
    /* サイドバーの幅 */
    #main #container #sideTower {
        width: 25%;
    }


/*カタログDLとメーカーページリンクボタン*/

.btn{
  font-size: 1em;
}


.catalog_button{
		display: inline-block;
  	text-decoration:none;
    padding: 1em;
    color:rgb(89, 89, 89);
    border: solid 2px rgb(89, 89, 89);
  	transition: .4s;
    border-radius: 3px;
  	font-weight:bold;   
}

.catalog_button:hover
{
    background:rgb(89, 89, 89);
    color:#fff !important;
}
 
.catalog_button:visited,
.catalog_button:link
{
 	color:rgb(89, 89, 89);
}

.catalog_button span{
 margin:0 25px;
}

.green_button{
background-color:#9ACD32;
color:#FFF!important;
border:none !important;
}

.mazzer_button_color{
background-color:#9ACD32;
color:#FFF!important;
border:none !important;
}


/*ONLINE STOREで購入ボタン*/
.wrap-brand .btn.espstore{
  border: 1px solid #284155; 
  color: #fff; 
  background: #284155;
  font-size: 1em;
}

.wrap-brand .btn.espstore:hover{
  color: #284155!important;
  background: #fff;
}



/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓　for PROFESSONAL ここから　↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

.pro_header img{
margin-right:auto;
margin-left:auto;
}

.pro_arrow02{
margin-left:45%;
}

.machine-choose-priority{
border: 3px solid #000;
padding:5% ;
textalign:center;
}




@media only screen and (max-width:480px){
#esp-machine-chart img{
 width:100%;
}
}

table.machine_guide{
  width:80%;
 margin-right:auto;
 margin-left:auto;
 border-collapse: collapse;
}
table.machine_guide th, table.machine_guide td{
  padding:10px 20px;
  border: solid 1px black;
}
table.machine_guide th {
 width:10%;
}
table.machine_guide td {
 width:45%;
}
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓　for PROFESSONAL ここまで　↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/


.mazzer_product ul li{
text-align:center;
}

/*プライシーポリシー*/
.privacypolicy{
  font-size:0.8em ;
  color:#696969;
  padding :5% 8% 2% 5%;
  background-color:#F0F0F0;
  margin-bottom:20px;
}