@charset "utf-8";
<style>
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=M+PLUS+Rounded+1c&display=swap');
</style>

/* =Reset default browser CSS.
-------------------------------------------------------------- */
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%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html{ font-size: 62.5% } /*初期値16pxの62.5%でルートが10px*/
body{
	line-height: 1.5;
	font-size:90%;
	font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#000;
 -webkit-text-size-adjust: 100%;
 background:#000;
}
body#home{
 background:#fff url("../image/index/back2.jpg") no-repeat; background-size: cover; background-attachment: fixed; 
}



/*全てをクリア*/
.clear {clear: both;} 

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* リンク設定
------------------------------------------------------------*/
a,a:visited{
margin:0;
padding:0;
text-decoration:underline;
outline:0;
vertical-align:baseline;
background:transparent;
 color: #2895d5;}

a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline: none;
color:#930;}

 a:hover img{opacity:.7; }
/**** Clearfix ****/



/* レイアウト
------------------------------------------------------------*/
.inner{
margin:0 auto;
max-width:1100px; width:95%;
}

.inner2{margin:0 auto;
max-width:900px ; width:95%;
}
.inner3{margin:0 auto;
max-width:1020px ;width:95%;
}
#wrapper{
margin:0 auto 0px;font-size: 16px; font-size: 1.6rem;
background:#fff;
padding:0 0 0px; overflow: hidden; 
}
#home #wrapper{
background:none;
} 

.googlefont{ font-family: 'Noto Sans JP', sans-serif;
font-family: 'Lato', sans-serif;font-family: 'M PLUS Rounded 1c', sans-serif; }

footer{
clear:both;
}
.white{ background:#fff;}

/* チェンジボタン
----------------------------------*/

 
#briquet #change{ background:rgba(230,0,18,0.9);}

header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: black;
  -moz-transition: height 0.3s;
  -o-transition: height 0.3s;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
  z-index: 1000;
}

header#glovalheader{ background: rgba(0,0,0,1); padding:30px 0 9px; margin: 0;}
header.smaller#glovalheader{ background:rgba(0,0,0,0.7);padding:20px 0 9px;}

#glovalheader h1{  padding:0 0 0px 10px; text-align:left;}
#glovalheader img,#glovalheader nav{ display:inline-block; vertical-align:top; }
#glovalheader img{  margin:0 0 0 0px}
#glovalheader nav{  margin:-10px 0 0 0px; text-align: center;}
#glovalheader nav a.newstopibtn { display: block; margin: 0 0 15px auto; width:200px; font-size: 14px; font-size: 1.4rem; text-align: right; color: #fff;  text-decoration: none; }
#glovalheader nav a.newstopibtn::before{ 
font-family: "Font Awesome 5 Free";
  font-weight: 900;  
  content: "\f105"; 
  margin: 0 0 0  ; padding-right:3px;
}
#glovalheader nav a:hover{ color: #D6210E;}
#glovalheader nav ul{ text-align: center; }
#glovalheader nav li{ display:inline-block; font-size: 16px; font-size: 1.6rem; margin:0 30px 0 0;}

header.smaller#glovalheader img{  height:40px; width: auto;}
header.smaller#glovalheader nav{  margin:-10px 0 0 0px;}
header.smaller#glovalheader nav a.newstopibtn {  margin: 0 0 5px auto; }

#glovalheader nav li a {
  position: relative; color: #fff; 
  display: inline-block;
  text-decoration: none;
}
#glovalheader nav li a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 3px;
  background: #D6210E;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
}
#glovalheader nav li a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}

#home  nav li.headhome a,#gomennasai  nav li.headabout a,#showroom  nav li.headshowroom a,#staff nav li.headstaff a,#briquet  nav li.headbriquet a,#contact  nav li.headcontact a,#support  nav li.headprice a,#asobe  nav li.headasobe a{ border-bottom:3px solid #D6210E;}
 a.moblogo,#menuList{ display:none; }
 


/* フッター
*****************************************************/

.foot dl { text-align: center;  }
.foot dl dt,.foot dl dd{  display: inline-block; vertical-align: top; text-align: left;  }
.foot dl dd{ font-size: 14px; font-size: 1.4rem;  margin-left: 1em;}
#home .foot ul{  display: none;}
.sub .foot { background:url("../image/common/suwariinu.png") 0% 100% no-repeat; background-size: 77px auto; padding: 80px 0 0 80px; margin: 0 auto 20px; width:90%; max-width: 950px;}
.sub .foot dl dt,.sub .foot dl dd { border-top:2px solid #000; margin: 0; padding: 0.5em; }
.sub .foot ul { margin: 5px auto; width:95%; background: #f0f0f0; text-align: center;}
.sub .foot li {  display: inline-block; vertical-align: middle; margin:8px 15px;}
.sub .foot li::before{ 
font-family: "Font Awesome 5 Free";
  font-weight: 900;  
  content: "\f105"; 
  margin: 0 0 0  ; padding-right:3px;
}
#footer{  background:#000;  color:#fff;font-size: 14px; font-size: 1.4rem; padding:20px 0 60px; margin:0  auto; text-align: center;  }
#footer .calender,#footer div{ display:inline-block; vertical-align:top; text-align:left; }
#footer .calender h3{ font-size: 16px; font-size: 1.6rem; margin:0px 0 10px; ; text-align: center; }
#footer .calender iframe{ padding:1px 0 10px 4px; background:#fff; text-align:center;}
#footer div{ margin:0 0 0 30px; }
#footer  a{ text-decoration:none; color:#fff;}
#footer  a:hover{ text-decoration:underline;  color:#fdde8d;}
#footer  hr { height: 1px; text-align:left; border: none;
border-top: 1px #fff solid;}
#footer  ul {  display: inline-block;  vertical-align: top;  margin-right: 4em }
#footer  ul:last-child { margin-right: 0  }
#footer  ul li{ position: relative; margin: 0 0 1em; padding-left: 20px;font-size: 12px; font-size: 1.2rem;}
#footer  ul li::after {
     position: absolute;
     top: 0.7em;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 15px;
     height:1px;
     background-color: #fff;
}
#footer  ul li.line2{ margin: 2em 0 ;}

#footer  dl{ border-top:1px solid #fff; margin: 1em 0 0;}
#footer  dl dt,#footer  dl dd{ display:inline-block; vertical-align:top; margin: 1em 0.5em 0;}
#footer  dl dd h3{ font-size: 16px; font-size: 1.6rem; margin: 3px 0 0;}
#footer  dl dd{ font-size: 12px; font-size: 1.2rem;}
#footer  dl dd span{ margin-left: 1em;}

#footer ol.showroom a{ color:#fff; border:none;font-size: 12px; font-size: 1.2rem;}
#footer ol.showroom li { width:45%; display: inline-block; vertical-align:top; font-size: 10px; font-size: 1.0rem; margin: 10px 0 0 0;}
#footer ol.showroom li:last-child { width:54%; }
#footer ol.showroom li img{ float:left; margin:5px; }
#footer ol.showroom li h3{ font-size: 16px; font-size: 1.6rem;}

p.address{ padding:10px; text-align:right; color:#fff; margin:15px auto 5px; }
p.address small{ font-size: 12px; font-size: 1.2rem; }


#page-top1{
  display: block;
  position: fixed;
  z-index: 9999;
  bottom: -0px;
  right: 40px;
  width: 50px;
  height:50px;
  text-align: center;
  text-decoration: none;
  transition: .5s;
	vertical-align:middle;}
a#page-top1 {  color:#fff !important;}
#page-top1 span {display: block; margin:10px auto 0;  font-size: 20px; font-size: 2.0rem; }

.alignleft{ float:left;}
.alignright{ float:right;}
.center{ text-align:center;}

.copy{ padding:10px; text-align:center; font-size:90%; color:#fff;}

/* フッターの固定 */
div#footer-fixed{ position: fixed;            /* フッターの固定 */
    bottom: 0px;                /* 位置(下0px) */
    left: 0px;                  /* 位置(左0px) */
    width: 100%;                /* 横幅100%　*/
	 background: #222B4C; color: #fff; 
}
 
.foottel{padding: 0px 0;margin: auto;text-align: center;}
.foottel img,.foottel div.tel{ display: inline-block; vertical-align: middle;  margin: 5px; }
.foottel img{ width:70px;  height: auto; }
.foottel div.tel{ text-align: left;font-size: 18px; line-height: 1.2 }
.foottel .tel span,.foottel .tel b,.foottel .tel u{  display:  inline-block; vertical-align:middle; }
.foottel .tel u{font-size: 16px; text-decoration: none;  }
.foottel .tel b{  font-size:30px;font-family: 'Lato', sans-serif;margin:0 8px 0 0; padding: 0 0 2px; }
.foottel p{ font-size: 14px; margin-left: 180px  }

/*home*/
#vegas { width: 100vw;  height: 95vh;  text-align: center; color: #fff; background: #000;  }
#vegas h1{ margin: 250px auto 0; }
#vegas h1 img{ width:95%; height: auto; max-width:650px; }
#vegas h2{ margin: 30px auto 20px; }
#vegas h2 img{  height: auto; width:70px; }
#vegas h3{ margin:2em auto 20px;max-width:600px; width: 90%;  }
#vegas h3 img{  height: auto; width:100%; }
#vegas p{ font-weight: bold;  margin: 2em 0 1em; line-height: 1.8;font-size: 20px; font-size: 2.0rem; text-shadow: 
 black 1px 1px 10px, black -1px 1px 10px,
    black 1px -1px 10px, black -1px -1px 10px;
}
#vegas p.ss{ font-size: 22px; font-size:2.2rem; }

#vegas span{  display: block; margin:60px 0 0; 　position: absolute;/*絶対配置*/ bottom: 10px; }
#vegas span img{  width:80px; height: auto; }

.doga { margin: 60px auto 20px; width:95%; max-width:1100px; text-align: center;}
.doga  h3 img { width:90%; max-width: 400px; height: auto; display: block; margin: 0 auto 20px; }
.doga ul.movie{ text-align: center; width: 100%; }
.doga ul.movie li{ display: inline-block;  vertical-align: top; width: calc( 50% - 43px );　margin: 0 20px; }
.doga .movie li p{  　margin:0; font-size: 14px;}
.doga .movie a{  display:block; text-align: center; padding: 10px 0 15px; }
.doga .movie li .movie1{ position: relative;
  width: 100%;
  padding-top: 56.25%;}
.doga .movie li .movie1 iframe {
   position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.doga ul.movie2 li{ display: inline-block;  vertical-align: top; width: calc( 100% / 3 - 23px );　margin: 0 10px; }
.doga .movie2 li p{  　margin:0; font-size: 14px;}
.doga .movie2 a{  display:block; text-align: center; padding: 10px 0 15px; }
.doga .movie2 li .movie1{ position: relative;
  width: 100%;
  padding-top: 56.25%;}
.doga .movie2 li .movie1 iframe {
   position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.doga a.topdiy {  display: block; text-align: center;}
.doga a.topdiy img {  display: block; margin: 0 auto;  width:100%; height: auto; max-width: 500px;}

.movie-top{  background: rgba(255,255,255,0.9); padding: 30px 0 40px; text-align: center; }
.movie-top .movie,.movie-top p{  display:  inline-block; vertical-align: top; margin: 0 8px;}
.movie-top p{  text-align: left; line-height: 1.7; max-width:400px;}
.movie-top p b{   display: block; font-weight: bold; margin-bottom: 1em;}
.movie-top .movie a{  display: block; }
.movie-top p span{ font-size: 14px;}
.movie-top .movie{ width:90%; max-width: 500px; height: 290px; }
.movie-top .movie iframe {
    width: 100%;
    height: 100%;
}


.top2{  margin: 0; background: url("../image/index/back1-2.jpg") 50% 0 no-repeat; background-size: cover; padding: 25px 0;}
.top2 h2 {  margin: 0 auto 15px ; width:50%; max-width:550px; border-bottom: 2px solid #D6210E;}
.top2 h2 span {  text-align: left; display: block;font-family: 'M PLUS Rounded 1c', sans-serif; }
.top2 h2 img{ width:98%; height: auto;display: block; margin: 0 auto; }
.top2 h2 span  img{ width:90%; height: auto;max-width: 330px; margin: 0 0 5px 0; padding: 0; display: block;  }

.top2 ul li{ background: #232323; display:inline-block;  width:28%; height: auto; text-align: center;  vertical-align: top; }
.top2 ul li a {  color:#fff; text-decoration: none;  }
.top2 ul li h3{font-size: 20px; font-size: 2.0rem; border-bottom: 1px solid #fff; line-height: 1.2; text-align: left;  }
.top2 ul li h3 span{font-family: 'Lato', sans-serif; font-weight:bold;font-size: 50px; font-size: 5.0rem; font-style: italic; margin-right:5px; }
.top2 ul li h3 span,.top2 ul li h3 b{ display: inline-block; vertical-align:baseline; }
.top2 ul li h4{  background: #fff; border-radius: 50%; color: #000; height:90px; width: 90px; text-align: center; padding: 7px; line-height: 1.2;font-size:14px; font-size:1.4rem; }
.top2 ul li h4 b{ font-size:40px; font-size:4.0rem; color: #D6210E;  display: block; text-align: center; margin: 0; }
.top2 ul li h4 span{ display: block; }
.top2 ul li p{font-size:14px; font-size:1.4rem; text-align: left;}

.top2 ul li:first-child{ border-radius:60%  50%  60%  50%  / 60%   60%   40%  40%; 
	-webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
     -ms-transform: rotate(-8deg);
      -o-transform: rotate(-8deg); 
padding: 20px;}
.top2 ul li:first-child a{ display: block;
	-webkit-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
     -ms-transform: rotate(8deg);
      -o-transform: rotate(8deg); }
.top2 ul li:first-child h3{ margin: 30px 20px 0 20px;}
.top2 ul li:first-child h4 span{ margin: 5px 0 0;}
.top2 ul li:first-child h4 { float: right;  margin: -30px 15px 0 5px;}
.top2 ul li:first-child p { margin: 15px 0 0 10px;}
.top2 ul li:first-child  img{  display: inline-block; vertical-align: middle;margin:0px 5px;}
.top2 ul li:first-child  img.inu{  width:155px; height: auto;}
.top2 ul li:nth-child(1) b.gas { margin: 10px 0 0 10px ;text-align: left;display: block; }

.top2 ul li b.iro { color: #FFF8B0;}

.top2 ul li:nth-child(2){ border-radius:100%  80%  80%  100%  / 100%   80%   80%  80%; padding: 20px 15px 20px 0; width:30%; margin: 0 20px 0;   }
.top2 ul li:nth-child(2) h3{ margin: 30px 20px 0 40px;}
.top2 ul li:nth-child(2) h4 { float: right;  margin: -80px 0 0 90px;}
.top2 ul li:nth-child(2) h4 span{ margin: 15px 0 0;}
.top2 ul li:nth-child(2)  h4 b{font-family: 'Lato', sans-serif; font-weight:bold;font-size:50px; font-size:5.0rem;margin: -10px 0 0;}
.top2 ul li:nth-child(2)  h4 b u{ text-decoration: none;font-size:30px; font-size:3.0rem; }
.top2 ul li:nth-child(2) img.inu{   float:left; margin: 15px 0 0 0;}
.top2 ul li:nth-child(2) p { margin: 15px 0 0 120px;}
.top2 ul li:nth-child(2) b.gas { margin: 15px 0 0 150px;text-align: left;display: block; }
.top2 ul li:nth-child(2) img.more{   display: block;  margin: 15px 0 0 180px;}


.top2 ul li:nth-child(3){ border-radius:60%  80%  80%  70%  / 80% 30% 80%  40%;  margin: 15px 0 0 0; padding: 20px;  }
.top2 ul li:nth-child(3) h3{ margin: 30px 0px 0 30px;}
.top2 ul li:nth-child(3) h4 { float: right;  margin: -90px 0 0 0px;}
.top2 ul li:nth-child(3) h4 span{ margin: 5px 0 0;}
.top2 ul li:nth-child(3) p { margin: 15px 0 0 20px;}
.top2 ul li:nth-child(3) b.gas { margin: 15px 0 0 20px;text-align: left;display: block; }
.top2 ul li:nth-child(3) img.inu,.top2 ul li:nth-child(3) img.more{ display: inline-block; vertical-align: middle;margin:0px 5px;}

.voice{ margin: 0; background: #fff; padding: 0 0 20px; }
.voice h2 .voiceback{ width:100%; height: auto; }
.voice h2{ position: relative; overflow: hidden; height: 500px;}
.voice h2 img.moji{  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  color: rgba(255, 255, 255, 0.6); max-width: 500px; height: auto; width:90%; margin: 20px auto !important;  display: block; background: rgba(255,255,255,0.8); border-radius: 15px; padding: 15px;}

.voice h3{  text-align: center; font-size:18px; font-size:1.8rem; font-weight: bold;margin: 20px 0 0; }

.voice  ul { margin: 10px auto 20px; width:95%; max-width: 1000px; text-align: left;}
.voice  ul li { display: inline-block; vertical-align: top; width:calc( 50% - 20px); text-align: left; margin: 0 3px 15px;  border-radius:  5px;font-size:14px; font-size:1.4rem; }
.voice  ul li  h3{font-size:16px; font-size:1.6rem; font-weight: bold;margin:0; text-align: left; }
.voice  ul li img{ float: left; width:150px; height: auto;  margin: 0 10px; }
.voice  ul li a {  text-decoration: none; color: #000;  cursor:pointer; display: block;
  transition:all 0.2s ease-out; padding: 15px 10px; background:#FFFFE0; }
.voice  ul li a:hover{transform: scale(1.05);  box-shadow:0 5px 20px #999;}
.voice  ul li .hito{font-size:13px; font-size:1.3rem; margin-bottom: 0.5em }
.voice  ul li  span{ display: block;  font-family: 'Lato', sans-serif; margin: 5px 1.8em 0 auto; width:4em;  text-align: center; border: 1px solid #000; padding: 1px 3px;font-size:12px; font-size:1.2rem;}
.voice  ul li  span::before{ 
font-family: "Font Awesome 5 Free";
  font-weight: 900;  
  content: "\f105"; 
  margin: 0 0 0  ; padding-right:3px;
}
.voice  ul li a:hover span{ background: #EA1C20; color: #fff; border: 1px solid #EA1C20; }
.voice  ul li:last-child{ display: block; margin: 0 auto;}
.voice  ul li div{  text-align: center;font-size:16px; font-size:1.6rem; font-family: 'M PLUS Rounded 1c', sans-serif; background: #f0f0f0; border-radius: 50%; padding: 30px; margin:30px auto 0;}
	
.top4{  background: url("../image/index/soda.jpg") no-repeat; background-size:cover; padding: 40px 0; text-align: center; color: #fff;  }
.top4 h3{ font-size:24px; font-size:2.4rem; font-weight: bold;  text-shadow: 2px 4px 3px rgba(0,0,0,0.3);  }
.top4 div{border-radius: 20px;  border:1px solid #fff; padding: 20px 0;}
.top4 h4{ font-size:25px; font-size:2.5rem; font-weight: bold;   margin: 10px;   }
.top4 ol{ margin: 0; padding: 0; text-align: center;}
.top4 ol li { display: inline-block; 
	margin: 0 10px;
	padding-top: 0; /* 要素の上の余白調整 */
	width: 150px; /* 四角形の幅 */
	height: 130px; 
	background: rgba(255,255,255,0.8);
	position: relative;
	border-radius: 15px; 
	color: #000; vertical-align: top;
	text-align: center;
    font-size:13px; position: relative;
} 

.top4 ol li:after {
	border-left: 15px solid #fff; /* 右向きの三角形を作るため左のボーダーに色を付ける */
	border-top: 20px solid transparent; /* 上のボーダーを透過に指定 */
	border-bottom: 20px solid transparent; /* 下のボーダーを透過に指定 */
	content: "";
	position: absolute;
	left: 50%; /* 一旦中央へ寄せる */
	top:40px;
	margin-left:77px; /* 四角形の幅の半分右へ移動する */
}
.top4 ol li:last-child:after { display: none;}
.top4 ol li h3{ line-height: 1.2; padding: 0 0 0 !important ; margin:1em 0 0.5em!important; text-shadow: none; }

.top4 ol li b{  padding: 15px 0 ; font-family: 'Lato', sans-serif; font-weight:bold;font-size:18px; font-size:1.8rem;}
.top4 ol li p{ text-align: left; margin: 0 10px;  line-height: 1.2;}
.top4 ol li p span{  display: block; color: #D60014; font-weight:bold;font-size:16px; font-size:1.6rem; }

.topm { padding: 20px 0 0; background: #fff;  }
.topm img{ float: left; width:140px; height:auto; margin: 0 30px 0 0;  display: block; }
.topm h2{font-weight:bold;font-size:24px; font-size:2.4rem;}
.topm h2 span{ color: #D60014; }
.topm h3{font-weight:bold;font-size:30px; font-size:3.0rem; color: #D60014; margin: 0;  }
.topm a { display: block; margin: 15px 0 0;  text-align: right; cursor: pointer  }
.topm a span,.topm a b{ display:inline-block; }
.topm a span{font-size:14px; font-size:1.4rem;  color: #000;}
.topm a b {
	margin: 0 auto 50px;
	padding-top: 10px; /* 要素の上の余白調整 */
	width: 200px; /* 四角形の幅 */
	height: 33px; /* 四角形の高さ */
	background: #D60014;
	position: relative;text-align: center;  color:#fff; 

}

.topm a b:after {
	border-left: 20px solid #D60014; /* 右向きの三角形を作るため左のボーダーに色を付ける */
	border-top: 22px solid transparent; /* 上のボーダーを透過に指定 */
	border-bottom: 21px solid transparent; /* 下のボーダーを透過に指定 */
	content: "";
	position: absolute;
	left: 50%; /* 一旦中央へ寄せる */
	top: 0;
	margin-left: 100px; /* 四角形の幅の半分右へ移動する */
}
.topm a:hover b{background: #3B5992;}
.topm a:hover b:after{border-left: 20px solid #3B5992;}

.top6 {  padding: 160px 0; text-align: center;  }
.top6 ul{ margin:0 auto; max-width:1100px; text-align: right;}
.top6 li { display: block; 	margin: 25px 0 25px auto; background: #fff; border-radius: 20px; text-align: left; max-width:280px;   }
.top6 li img,.top6 li b{display: inline-block; 	margin: 0 5px; vertical-align: middle;}
.top6 li b{ width: 10em; text-align: left;padding: 6px 0 4px; }
.top6 li img{ border-radius: 20px;padding: 4px 0; }

.top7 { padding: 20px 0; text-align: center; background: #fff; }
.top7 li { display: inline-block; 	margin: 0 0px; vertical-align: top; width:300px;    }
.top7 li:nth-child(2) { 	margin: 0 40px;  }

.top7 li p,.top7 li h3{  text-align: left;}
.top7 li p{font-size:14px; font-size:1.4rem;font-family: 'Lato', sans-serif;    min-height:7em; }
.top8 { padding: 20px 0 120px; background: url("../image/index/newsback.jpg") 50% 50% no-repeat; background-size: cover; text-align: center;  }
.top8 .news,.top8 iframe{display:inline-block; vertical-align: middle;  }
.top8 .news{  background:rgba(255,255,255,0.7); transform: rotate(-5deg); text-align: left; padding: 50px 40px ;margin: 0px 20px 0 0;}
.top8 .news li{  margin:10px auto; border-bottom: 1px dotted #999; padding: 0 0 5px;}
.top8 .news li a,.top8 .news li a:visited{   color:#000; text-decoration: none;}
.top8 .news li a:hover, .top8 .news li a:active{
color:#930;}
.top8 .news h3{ font-size:18px; font-size:1.8rem; margin: 8px 0;font-weight:bold; }
.top8 .news  a.newsbtn::before{ 
font-family: "Font Awesome 5 Free";
  font-weight: 900;  
  content: "\f105"; 
  margin: 0 0 0  ; padding-right:3px;
}
.top8 .news  a.newsbtn{  display: block; margin: 0 0 0 auto; width:15em; text-align: right; color: #000; }
.top8 .news  a.newsbtn:hover, .top8 .news  a.newsbtn:active{color:#930;}

#home .foot {  background: rgba(0,0,0,0.6); padding: 20px 0; height: 50px; margin: -90px 0 0 0; color: #fff; }
.campaign { background: #fff; }
.campaign ul { padding: 20px 0;  margin: 0 auto; max-width: 1100px; text-align: center;}
.campaign li { width: 45%; display: inline-block; vertical-align: middle; margin: 5px;}
.campaign li img { width: 100%; height: auto; }

/*201911追加*/
.top9{ padding: 20px 0 20px;  background: #f0f0f0;text-align: center;  }
.top9 .news{ float:left; background:rgba(255,255,255,0.7); text-align: left; padding: 0px 0px ;margin: 0px auto; width:44%; }
.top9 .news ul{ margin:0 10px;text-align:center;}
.top9 .news li{  margin:10px auto ;  padding: 0 0 5px; display:inline-block; width:48%;  text-align:center; vertical-align: top; }
.top9 .news li img{ width:85%; height:auto; display:block; margin:0 auto;  }
.top9 .news li a,.top9 .news li a:visited{   color:#000; text-decoration: none; display: block;}
.top9 .news li a:hover, .top9 .news li a:active{
color:#930;}
.top9 .news h3{ font-size:18px; font-size:1.8rem; margin: 15px auto 2em;font-weight:bold;text-align: center;
position: relative; width:10em; }
.top9 .news h3:before{content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: black;
  border-radius: 2px;
}
.top9 .news h4{ font-size:14px; font-size:1.4rem; margin: 8px auto; width:85%;  text-align: left; line-height: 1.3; }
.top9 .news  a.newsbtn::before{ 
font-family: "Font Awesome 5 Free";
  font-weight: 900;  
  content: "\f105"; 
  margin: 0 0 0  ; padding-right:3px;
}
.top9 .news .data{ font-size:14px;}
.top9 .news  a.newsbtn{  display: block; margin: 0.5em auto 1em; width:15em; text-align: center; color: #000; }
.top9 .news  a.newsbtn:hover, .top9 .news  a.newsbtn:active{color:#930;}
.top9 iframe{ width:32%; text-align: center; display: block;float: left; margin: 0 1%; }

/*24/03*/
.top9 .line{  float: right;position: relative;text-align: center; display: block; width:22%; 
background: url("../image/index/lineback.png") 50% 30% no-repeat; background-size: 100% auto;}
.top9 .line p{ margin: 1em auto 0; text-align: left; width:80%;}
.top9 .line p b{ color: #00d04a; font-family: 'Lato', sans-serif; font-weight:bold;font-size:18px; font-size:1.8rem;}
.top9 .line p span{  display: block; margin: 0.5em auto 0; text-align: center;}
.top9 .line h3 img{  width:100%; height: auto;}
.top9 .line img.qr{display: block; margin:0 auto; text-align: center;width:100%;  height: auto; max-width:110px; }


/*ここまで 24/03*/

.insta { padding: 20px 20px 100px;  background: #f0f0f0;text-align: center;  }
.insta  h3{ font-size:20px; font-size:2.0rem; margin: 8px auto; font-family: 'Lato', sans-serif; font-weight:bold;}
.insta  h3 .fab{ font-size:22px; font-size:2.2rem; margin: 8px auto;  margin-right: 0.5em;}
.insta  iframe{width:95%; max-width:1000px; height:auto; min-height:350px;}


/*sub*/
.red{  color: #d1210e; }
.sub #contents{ margin:140px 0 50px 0;}
.sub #contents header{ text-align: center; background: #ddd; height: 230px;position: relative;/*相対配置*/  z-index: 0;  }

.sub #contents header h1{ position: absolute; width:100%; 
  top: 55%;
  left: 50%; 
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;}
.sub #contents header h1 img{  height: auto; width: 95%;}
.sub .contents  h2 {  text-align: center; margin: 40px auto; }
.sub .contents  h2 img{  height: auto; width: 90%;}

.subnav { background:#333; text-align: center; margin: 0 0 50px; }
.subnav li{  display: inline-block; vertical-align: middle; width:32%; max-width:365px; border-right:2px solid #fff; text-align: center; padding: 0; margin: 0;  }
.subnav li:last-child{border:none;}
.subnav li a.fukidasi {
  position: relative;
  display:inline-block;
  margin:0 0 0 -5px;
  padding: 7px 0 0;
  min-width: 120px;
  width: 100%;
  color: #555;
  font-size: 16px; text-align: center;
}
.subnav li a.fukidasi img{ width:95%; height: auto; max-width: 206px; }
.subnav li a.fukidasi:hover{ background: #000;}
.subnav li a.fukidasi:hover:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #000;
}
.subnav li a.fukidasi:hover img{opacity:1; }
.nisinomiya .subnav li.nisinomiya a.fukidasi,.kobe .subnav li.kobe a.fukidasi,.sannomiya .subnav li.sannomiya a.fukidasi,.briquet1.subnav li.briquet1 a.fukidasi,#company .subnav li.company a.fukidasi,#about .subnav li.about a.fukidasi,#access .subnav li.access a.fukidasi,.price .subnav li.price  a.fukidasi,.page-template-page-briquet2 .subnav li.briquet2 a.fukidasi,.briquet1 .subnav li.briquet2 a.fukidasi{ background: #000;}
.nisinomiya .subnav li.nisinomiya a.fukidasi::before,.kobe .subnav li.kobe a.fukidasi::before,.sannomiya .subnav li.sannomiya a.fukidasi::before ,.briquet1 .subnav li.briquet1 a.fukidasi::before,#company .subnav li.company a.fukidasi::before,#about .subnav li.about a.fukidasi::before,#access .subnav li.access a.fukidasi::before,.price .subnav li.price  a.fukidasi::before,.briquet2 .subnav li.briquet2 a.fukidasi::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #000;
}


/*ごめんなさい*/
#gomennasai #contents header{  background:url("../image/contact/header.jpg") 50% 0% no-repeat; background-size: cover; }
#gomennasai #contents header h1 img{ max-width: 453px; }
#gomennasai .contents  h2 img {  max-width: 386px;}
#gomennasai .contents  p {  margin: 0 auto; max-width: 680px; }
#gomennasai .contents  p img { float: left; width:95px; height: auto; margin: -20px 20px 20px 0;}
#gomennasai #contents ul.item {  text-align: center; margin: 30px auto;}
#gomennasai #contents ul.item li{ display: inline-block; vertical-align: top; background: #eae5e5; border:1px solid #000; border-radius: 18px;  margin: 5px; padding: 10px; width:45%; max-width:200px; text-align: left;}
#gomennasai #contents ul.item li h3{  margin: 0px 0; padding: 0;}
#gomennasai #contents ul.item li h3 span,#gomennasai #contents ul.item li h3 b{  display: inline-block; vertical-align: baseline;}
#gomennasai #contents ul.item li h3 span{font-family: 'Lato', sans-serif; font-weight:bold; font-size:50px;font-size:5.0rem; color:#666;}
#gomennasai #contents ul.item li h3 b{ font-size:22px;font-size:2.2rem;}

#gomennasai #contents ul.item li p{border-top:1px solid #000;  font-size:14px;font-size:1.4rem; margin: -10px auto;  padding: 10px;}
#gomennasai #contents .no02{  text-align: center; margin: 30px auto 0;  }
#gomennasai #contents .no02 h4 {  margin: 20px auto;  }
#gomennasai #contents .no02 h4 img{ width:95%; height: auto; max-width:539px; }
#gomennasai #contents .no02  li img{ width:95%; height: auto; max-width:343px; }
#gomennasai #contents .no02  li a{  display: block;   transition: .3s;
  -webkit-transform: scale(1);
  transform: scale(1); }

#gomennasai #contents .no02  li:last-child { margin:30px 0 0;}
#gomennasai #contents .no02  li a:hover{  -webkit-transform: scale(1.1);transform: scale(1.1);}
#gomennasai #contents .no02  li a:hover img{opacity:1; }

/*showroom*/
#showroom #contents  .subnav li{ width:32%; max-width:365px;}
#showroom #contents header{  background:url("../image/showroom/header.jpg") 50% 0% no-repeat; background-size: cover; }
#showroom #contents  header h1 img{ max-width: 301px; }
#showroom #contents .contents{ text-align: center; }
#showroom #contents .mainphoto,#showroom #contents .setumei,#showroom #contents .mainphotom{ display: inline-block; vertical-align: top; }
#showroom #contents .mainphoto,#showroom #contents .mainphotom{ width:95%; height: auto; max-width:435px; margin: 0 auto 40px;    }
#showroom #contents .setumei{width:95%; margin: 0 auto 40px;  max-width:530px; text-align: left;margin-left: 30px;   }
#showroom #contents .setumei h2{  text-align: left; margin: 0 0 30px; padding: 0;  }
#showroom #contents .setumei h2 span{  display: block;  margin: 0 0 5px;font-size:18px;font-size:1.8rem;  }
#showroom #contents .setumei p{ font-size:14px;font-size:1.4rem; line-height: 1.6;  }
#showroom #contents .setumei h3{ margin: 1em 0; padding-left: 1.3em;  font-weight: bold; position: relative;}
#showroom #contents .setumei h3::before{ 
font-family: "Font Awesome 5 Free";
  font-weight: 900;  color: #df370d; 
  content: "\f45c"; 
  position: absolute; left:0;
}
#showroom #contents .setumei dl{ margin: 0 0 2em auto; width:70%; border-left:3px solid #000; padding: 0 0 0 8px; }
#showroom #contents .setumei dl dt{ margin: 1em 0 0; font-weight: bold;}
#showroom #contents .setumei dl dd{ font-size:14px;font-size:1.4rem;  }
#showroom #contents .contents ul.inner3 li{ display: inline-block; vertical-align: top; width:50%; }
#showroom #contents .contents ul li img{  width:98%; height: auto; display: block; margin: 5px auto;  }

#showroom #contents .contents .gray{ background: #eae5e5; padding: 15px; border-radius:10px; max-width:970px; margin: 50px auto 20px;  }
#showroom #contents .contents .gray li{ display: inline-block; vertical-align: top; }
.nisinomiya #contents .contents .gray li{width:20%; }
.kobe #contents .contents .gray li{width:33%; }
#showroom #contents .contents .gray div{ display: inline-block; vertical-align: top; margin: 20px auto 0;font-size:14px;font-size:1.4rem; }
.nisinomiya #contents .contents .gray div img{ height: 185px; width: auto; margin: 5px; }
.kobe #contents .contents .gray div img{ height: 452px; width: auto; margin: 0 5px; }
#showroom #contents .contents img.end{ height: auto; width: 95%;  display: block; max-width: 1000px; margin: 40px auto 20px; }
.iframe-responsive { margin: 0; padding:5px 0 0 0;}
.movie-wrap1 { background: #eae5e5; padding:40px; border-radius:10px; max-width:930px; margin: 0px auto 20px; width: 80%;  }
.movie-wrap1 h3{ margin:0 0 1em 0; font-weight: bold;}
.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.movie-wrap1 h3 .fab{ margin-right:0.5em;}
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}





.sub #contents .contents a.yoyakubtn{  color: #000; font-size:22px;font-size:2.2rem; font-weight:bold; text-decoration: none;  -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;  text-align: center; display: block;  }
.sub  #contents .contents a.yoyakubtn span{ display: block;  margin: 40px auto 8px;  background:#000;  border-radius: 50%; width:120px;  height: 120px; text-align: center;position:relative;  -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}
.sub #contents .contents a.yoyakubtn img{ width:60px; height: auto; position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%); }

.sub #contents .contents a.yoyakubtn:hover{  color:  #D6210E;}
.sub  #contents .contents a.yoyakubtn:hover span{  background:  #D6210E;}
.sub #contents .contents a.yoyakubtn:hover img{opacity:1; }


/*スタッフ紹介*/
#staff #contents header{  background:url("../image/staff/header.jpg") 50% 0% no-repeat; background-size: cover; }
#staff #contents  header h1 img{ max-width: 303px; }
#staff #contents  .contents { padding: 30px 0 0 0;}
#staff #contents  .contents  article{ background: #eae5e5; padding: 15px; border-radius:10px; max-width:970px; margin: 40px auto 0;  }
#staff #contents  .contents  div{ display: inline-block; vertical-align: top; margin-left: 20px;max-width: 700px; width:auto; }
#staff #contents  .contents  div img{ width:214px; height: auto; float:left;  }
#staff #contents  .contents  div dl,#staff #contents  .contents  div h4{ margin: 0 0 0 250px; max-width: 480px; }
#staff #contents  .contents  div h4{font-size: 18px; font-size:1.8rem;}

#staff #contents  .contents  div dl.uranai dd  { border: 2px solid #6d563a; padding: 10px; font-size:14px;font-size:1.4rem;}
#staff #contents  .contents  div dl.uranai dt{ margin: 20px 0 0; width:230px; background: #6d563a; border-radius: 5px 5px 0 0; color: #fff;  font-size:12px; padding: 3px 0 0 1em; }
#staff #contents  .contents  div dl.uranai dt b{ margin-left: 1em; font-size:16px; font-size:1.6rem;}
#staff #contents  .contents  div dl.uranai li{  margin: 0.1em 0 0 1em }
#staff #contents  .contents  div dl.uranai li:before{ content:"・"; margin: 0 0 0 -1em }

/*ブリケット*/
#briquet #contents header{  background:url("../image/briquet/header.jpg") 50% 50% no-repeat; background-size: cover; }
#briquet #contents  header h1 img{ max-width: 156px; }
#briquet #contents .subnav li{  width:49%; max-width:550px; }
#briquet #contents .subnav li a.fukidasi img{  max-width: 324px;  width:95%; height: auto; }
#briquet #contents .subnav li a.fukidasi {  margin:0 0 0;}
#briquet #contents .contents h2 img{ height: 26px; width: auto; }
#briquet #contents .contents .no1 h3{ font-size:20px; font-size:2.0rem; font-weight: bold; margin-bottom: 1em}
#briquet #contents .contents img.alignright{ margin: 0 0 1em 1em;}
#briquet #contents .contents img.alignleft{ margin: 0 1em 1em 0;}
#briquet #contents .contents .no2{ margin: -50px 0 0 ;}
#briquet #contents .contents .no2 h4{font-size:20px; font-size:2.0rem; margin: 30px 0 0 300px;}
#briquet #contents .contents .no2 h4 b{font-weight: bold; border-bottom: 3px solid #d1210e;}
#briquet #contents .contents .no2 dl{ margin: 30px 0 0 300px;}
#briquet #contents .contents .no2 dl dt{ margin:0; width:5em; background: #000; border-radius: 5px 5px 0 0; color: #fff;  font-size:18px;  text-align: center; padding: 5px 0 0;  }
#briquet #contents .contents .no2 dl dd{  border:1px solid #000; padding: 15px;}

ol.no{
	counter-reset:li;   
}
 
ol.no li{
	position:relative;
	display: block;
	padding:15px 0px 0px 30px; 
	margin-left:0px !important; font-size:14px; font-size:1.4rem;
}
ol.no li:after{
	counter-increment: li;
	content: counter(li) ;
	position: absolute;	
	display: block;
	text-align: center;
	left: 0px;
	top: -1px;
	font-size: 30px;
	font-family:'Lato', sans-serif;
}
#briquet #contents .contents .no2 dl dd ol li b{ font-weight:bold; font-size:16px; font-size:1.6rem;  color:#d1210e;}
#briquet #contents .contents p.chui{ font-size:14px; font-size:1.4rem; margin: 0 0 0 1em;}
#briquet #contents .contents p.chui:before{ content:"※"; margin: 0 0 0 -1em;}

#briquet #contents .contents .no2 dl dd p.chui{color:#d1210e; text-align: right;}
#briquet #contents .contents #bri2 { padding: 50px 0;}
#briquet #contents .contents #bri2 h3{font-size:20px; font-size:2.0rem;font-weight:bold; }
#briquet #contents .contents #bri2 h4,#briquet #contents .contents #bri2 ol{  display: inline-block; vertical-align: middle;}
#briquet #contents .contents #bri2 ol{  margin-left: 20px;}

.uservoice{  background: url("../image/briquet/b04.jpg") 50% 0 no-repeat; background-size:  cover;  padding: 20px; margin: 30px auto; text-align: center; }
.uservoice div{ background:rgba(255,255,255,0.9); padding: 30px 20px;}
.uservoice h4{font-size:20px; font-size:2.0rem;font-weight:bold; }
.uservoice li{  display: inline-block; width:31%; margin:5px 10px; padding: 0;  background:#fff; border-radius:10px; position: relative; height: 100px; }
.uservoice li span{ display: block; position: absolute; text-align: left; font-weight:bold;
  top: 50%;
  left: 50%; 
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;}

#briquet #contents .contents .uservoice p.chui{color:#d1210e; margin: 0 0 0 30%; text-align: left;}
#briquet #contents .contents #bri3 h2,#briquet #contents .contents #bri4 h2{font-size:20px; font-size:2.0rem;font-weight:bold; }
#briquet #contents .contents #bri3 h3{font-size:14px; font-size:1.4rem;}
#briquet #contents .contents #bri3 h3 b{font-weight:bold;font-size:18px; font-size:1.8rem;  display: block;}
#briquet #contents .contents #bri3 ul{text-align: center; }
#briquet #contents .contents #bri3 ul li.koro,#briquet #contents .contents #bri3 ul li.chao {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    margin:0  10px 10px;
    box-shadow: 0 0 12px rgba(0, 0, 0, .3);
    padding: 20px;
    text-align: center;
     width:35%; 
}

.chao{ position: relative; }
.chao img.icon{ position: absolute; right:10px;top:6em; width:120px; height: auto;}
#briquet #contents .contents #bri3 ul li img{ margin: 20px auto; display: block;}
#briquet #contents .contents #bri3 ul li  dl{  text-align:left; }
#briquet #contents .contents #bri3 ul li  dt,#briquet #contents .contents #bri3 ul li  dd{ display: inline-block; vertical-align: middle;}
#briquet #contents .contents #bri3 ul li  dl.price { margin: 15px auto; width:95%; border-bottom: 1px solid #000; font-size:14px; font-size:1.4rem;}

#briquet #contents .contents #bri3 ul li  dl.price dt{ width:68%!important;}
#briquet #contents .contents #bri3 ul li  dl.price dd{ width:30% !important; text-align: right; padding: 0; margin: 0;font-size:12px; font-size:1.2rem;}
#briquet #contents .contents #bri3 ul li  dl.price dd b{ font-family:'Lato', sans-serif; font-size:18px; font-size:1.80rem;font-weight:bold; }

#briquet #contents .contents #bri3 ul li  dl.shosai {margin: 5px auto; width:70%; min-width:300px;  font-size:14px; font-size:1.4rem;}
#briquet #contents .contents #bri3 ul li  dl.shosai dt{ width:30%;}
#briquet #contents .contents #bri3 ul li  dl.shosai dd{ width:65%;padding: 0; margin: 0;}

#briquet #contents .contents #bri3 ul li  h5{ text-align: left; margin: 10px auto 0; width:90%;}
#briquet #contents .contents #bri3 ul li  ol{  margin: 10px 0 0 -1em; text-align: left; width:95%;  font-size:14px; font-size:1.4rem;}
#briquet #contents .contents #bri3 ul li  ol li{  margin: 0px auto; padding: 5px; }
#briquet #contents .contents #bri3 ul li  ol li:nth-child(odd){   background: #eae5e5;  }
#briquet #contents .contents #bri4 h2 span{ font-size:16px; font-size:1.6rem;}
#briquet #contents .contents #bri4{ text-align: center;} 
#briquet #contents .contents #bri4 .gray{background: #eae5e5; padding:15px 15px 0; display: inline-block; vertical-align: top; text-align: center;position: relative; margin: 0 10px 10px; }

#briquet #contents .contents #bri4 .gray .chao1,#briquet #contents .contents #bri4 .gray .chao2{display: inline-block; vertical-align: top; text-align: left; width:330px; margin: 0 5px }

#briquet #contents .contents #bri4 .gray a{ display: block; position: absolute; }
#briquet #contents .contents #bri4 .gray h3{font-size:18px; font-size:1.8rem;font-weight:bold;  text-align: center; margin-bottom: 10px; }
#briquet #contents .contents #bri4 .gray h4{font-weight:bold; background: #000; color: #fff; padding:3px 8px; }
#briquet #contents .contents #bri4 .gray h5{font-size:14px; font-size:1.4rem; text-align: left; line-height: 1.3; margin-bottom: 10px; }
#briquet #contents .contents #bri4 .gray h5 b {font-family:'Lato', sans-serif; font-size:20px; font-size:2.0rem;font-weight:bold; }
#briquet #contents .contents #bri4 .gray  h5 u { text-decoration: none; border-bottom: 2px solid #000; font-size:12px; font-size:1.2rem; }
#briquet #contents .contents #bri4 .gray  h5 u span { font-size:14px; font-size:1.4rem;  margin-right: 0.5em; }

#briquet #contents .contents #bri4 .gray table{ border-collapse: collapse;font-size:14px; font-size:1.4rem; border-bottom: 1px solid #000; margin: 0px auto 10px;  }
#briquet #contents .contents #bri4 .gray .chao1 table,#briquet #contents .contents #bri4 .gray .chao2 table{ margin:0px auto 10px;  }
#briquet #contents .contents #bri4 .gray .chao1 tr:first-child td:last-child,#briquet #contents .contents #bri4 .gray .chao2 tr:first-child td:last-child{ background: #000; color: #fff; padding:3px 8px; }

#briquet #contents .contents #bri4 .gray table tr:first-child{border-bottom: 1px solid #000;   }
#briquet #contents .contents #bri4 .gray table th,#briquet #contents .contents #bri4 .gray table td{ padding: 5px ;  }
#briquet #contents .contents #bri4 .gray table td:last-child,#briquet #contents .contents #bri4 .gray .chao1 table td:nth-of-type(2),#briquet #contents .contents #bri4 .gray .chao2 table td:nth-of-type(2){  text-align: right; }
#briquet #contents .contents #bri4 .gray .chao2 table td:last-child b{color: #d1210e; margin-right: 3px; }
#briquet #contents .contents #bri4 .gray .chao1 table td:last-child,#briquet #contents .contents #bri4 .gray .chao2 table td:last-child{border-left:1px solid #000; }
#briquet #contents .contents #bri4 p.point{ background: #d1210e;  color:#fff; display: block; position: absolute; text-align: center; font-weight:bold; border-radius: 50%;
  top: -30px; padding: 10px 30px;
  right: 10px; }


#briquet #contents .contents #bri5{ background: #eae5e5; padding: 10px 0; margin: 30px auto; text-align: center; }
#briquet #contents .contents #bri5 h2 img{ width:95%; max-width:256px; height: auto;}
#briquet #contents .contents #bri5 ol.how{margin: -30px auto 0;}
#briquet #contents .contents #bri5 li{  display: inline-block; width:28%; vertical-align: top; background: #fbd21d;  border-radius: 10px; position: relative; padding: 10px 0; margin: 30px 15px 40px;  text-align: left; }
#briquet #contents .contents #bri5 li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #fbd21d;
}
#briquet #contents .contents #bri5 li:last-child:before { display: none;}
#briquet #contents .contents #bri5 li img{   width:90%; height: auto; display: block; border-radius: 10px; margin: 5px auto;  }
#briquet #contents .contents #bri5 li .inu {
  position: absolute;
  top: -60px;
  left: -15px;
}
#briquet #contents .contents #bri5 li .inu img{ width:232px; height: auto; }
#briquet #contents .contents #bri5 li u,#briquet #contents .contents #bri5 li p{display: inline-block; vertical-align: middle; }
#briquet #contents .contents #bri5 li u{ font-family:'Lato', sans-serif; font-size:30px; font-size:3.0rem;font-weight:bold; color: #fff; background:#d1210e;   border-radius: 50%; width:1.3em; height: 1.3em;  line-height:1.2; text-decoration: none; text-align: center; margin: 5px 5px 0 15px;   }
#briquet #contents .contents #bri5 li p{  width:70%; font-size:14px; font-size:1.4rem; padding: 5px 0 0; line-height:1.2; }

.briquetform article#bri6 { margin: 50px auto 0px; }
#briquet #contents .contents.briquetform article#bri6 h2 img,#briquet #contents .contents.briquetform article#bri8 h2 img{ width:95%; max-width:150px !important; height: auto;}
.briquetform article#bri6 p{ text-align: center;}
.briquetform article#bri7,.briquetform article#bri8 { margin: 0px auto 50px; }
.briquetform #bri6 dl,.briquetform #bri8 dl{ background:#fff; margin:10px auto; width:90%;border-bottom:1px solid #000; }
.briquetform #bri6 dt,.briquetform #bri8 dt{background: #eae5e5; text-align:left; }
.briquetform #bri6 dt,.briquetform #bri6 dd,.briquetform #bri8 dt,.briquetform #bri8 dd{ display:inline-block; margin:0;  padding:8px 15px; border-top:1px solid #000; font-weight:bold; width:45%; vertical-align:top;}
.briquetform #bri6 dt span{ font-size:90%; display:block; font-weight:normal; }
.briquetform #bri6 ul{ margin:10px 0 0;}
.briquetform #bri6 li{ display:inline-block; vertical-align:top; margin:0 5px;}
.briquetform #bri8{ text-align: center !important; margin:80px auto!important;  }
.briquetform #bri8 p{ text-align: center;}
.briquetform #bri8 dl{ max-width: 300px;}
.briquetform #bri8 dl,.briquetform #bri8 img.track{ display: inline-block; vertical-align: baseline;}
.briquetform #bri8 dt,.briquetform #bri8 dd{ display: inline-block;text-align: right; width:calc( 50% - 30px );}
.briquetform #bri8 img.track{ width:200px; height: auto; margin: 0 0 0 20px; }
.briquetform #bri8 ul{ text-align: left; margin: 20px auto; width:90%; max-width: 450px; background: #f0f0f0; padding: 1em;}
.briquetform #bri8 ul li{ text-align: left;  padding: 0 0 0 1.2em; position: relative;}
.briquetform #bri8 ul li:before{  content:"※";position: absolute; left:0; top:0}

.briquetform #bri6 h2 img,.briquetform #bri8 h2 img{ height: auto; width: auto; max-width: 144px ; }

.briquetform #bri7 p,.briquetform #bri6 p{ text-align:center; }
#briquet #contents .briquetform #bri7 p.chui { display: block;
    margin: 0px auto !important; text-align:left; padding-left: 1em;
    color: #902903;width: 90%; position: relative;
}

#briquet #contents .briquetform #bri7 p.chui :before{ content:"※"; margin: 0 0 0; }

.briquetform h4{ margin: 2em auto 0; width:90%;}
.briquetform #bri7 h3 {font-size:18px; font-size:1.8rem;  padding: 0 ; margin: 50px 0 ; font-weight:bold; text-align: center;}
.briquetform #bri7 h3:before {
margin-right: 1rem;
}
.briquetform #bri7 h3:after {
margin-left: 1rem;
}

#maincontents .briquetform  ul.ss {
    margin: 30px 0 0 80px;
   font-size:12px; font-size:1.2rem; 
}
#maincontents .briquetform  ul.ss li:before {
    content: "※ ";
    margin: 0 0 0 -15px;
}
.briquetform #bri7 ol {
    margin: 0 0 0 10em;
}
.briquetform #bri7 ol li {
    margin: 0 0 0;
}

.briquetform #bri7 ol li:first-child {
    color: #900;
    font-weight: bold;
}


briquetform #guide { text-align:center;}
.briquetform #guide  h3 { background:#333; color:#fff; padding:5px 15px 3px ;	margin: 0px 0 10px;font-size:120%; font-weight: bold; text-align:left;}
	
.briquetform #guide dl { margin:0; display:inline-block; vertical-align:top; width:49%;text-align:left; }
.briquetform #guide dl dt{ border-bottom:1px dotted #333; font-weight:bold; font-size:110%; margin:10px 20px ; }
.briquetform #guide dl dd{ margin:0 30px 30px !important;padding:0;}
.briquetform #guide h4{font-weight:bold; font-size:100%; }
.briquetform #guide dl dd p{margin:0 0 1em; padding:0;}
.briquetform #guide dl dd div{ margin:20px auto;  padding:10px; border:1px solid #bf1616;}
.briquetform #guide dl dd div h5{color:#bf1616; margin:5px 0;font-size:110%; }
.briquetform #guide dl dd div ul{ margin:0 0 0 10px;}
.briquetform #guide dl dd div li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
position:relative;
	padding-left:20px;
}
.briquetform #guide dl dd div  li:before{
	content:''; 
	display:block; 
	position:absolute; 
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
	top:3px; 
	left:2px; 
	height:0; 
	width:0; 
	border-top: 6px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 9px solid #aaa;
}
.briquetform #guide dl dd div h6{color:#bf1616; margin:10px 0 0;font-size:100%; border-top: 1px solid #ddd; padding:10px; }
.briquetform #guide dl dd div p.chui{ margin:0px 0; padding:0 10px; }
.briquetform #guide p span{ font-size:80%;}
.briquetform #guide .privacy{ text-align:right; }

.briquetform #guide ul { font-size:90%; margin:1em 0 0 1em;}
.briquetform #guide ul li { margin:0 0 5px 1em;}
.briquetform #guide ul li.kyocho { color:rgba(219,84,86,1.00);}
.briquetform #guide ul li:before { content:"＊"; color:rgba(219,84,86,1.00); margin:0 0 0 -1em; }


.briquetform #maincontents ul.ss{ margin:30px 0 0 80px; font-size:90%;}
.briquetform #maincontents ul.ss li:before{ content:"※ "; margin: 0 0 0 -15px;}
.briquetform .placecheck{ text-align: center;}


.radio-b{
  display: flex;
  justify-content: center;
  margin-block: 50px;
  gap: 20px;
}
.radio-b input[type="radio"]{
  position: absolute;
  white-space: nowrap;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
}
.radio-b label{
  position: relative;
  cursor: pointer;
 padding: 1em 2.5em;  border: 1px solid #ddd;  vertical-align: middle;}
.radio-b label::before,
.radio-b label::after{
  content: "";
  display: inline-block;
  aspect-ratio: 1 / 1;
  width: 20px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transition: .1s;
}
.radio-b label::before{
  transform: translateY(-50%);
  border: 2px solid #ddd; margin-left: 10px;
}
.radio-b label::after{
  transform: translateY(-50%) scale(0);
  background-color: #77ee01;
  border: 2px solid #77ee01; margin-left: 10px;
}
.radio-b input[type="radio"]:checked + label::before{
  border-color: #77ee01;
}
.radio-b input[type="radio"]:checked + label::after{
  transform: translateY(-50%) scale(0.5);
  opacity: 1;
}

@media (hover: hover){
  .radio-b label:hover::after{
    transform: translateY(-50%) scale(0.5);
    opacity: 0.5;
  }
}

@media (hover: hover){
  .radio-a li:hover label{
    border-color: #f9920c;
  }
}
/* AOBE 2025/08追加
------------------------------------------------------------*/
.asobe{ background: #000; color: #ffd966;font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal; padding:100px 0 60px;}

.asobe h1{width:80%; max-width: 600px; margin: 0 auto 80px;}
.asobe article{ text-align: center; margin: 40px auto ;}
.asobe  .gray{  background: #ddd; padding: 2em; color: #000; margin: 25px auto; border-radius:1.5em; }

.asobe article.no01 p.read{ font-size:26px; font-size:2.6rem;font-weight:bold; line-height: 1.8; }
.asobe article.no01 p{ font-size:20px; font-size:2.0rem;font-weight:bold; line-height: 1.8; }
.asobe article.no01 img{ width:90%; max-width: 500px; height: auto; margin: 60px auto; display: block;}
.asobe article.no02 h2{ font-size:34px; font-size:3.4rem;font-weight:bold; margin: 80px 0 0;}
.asobe article.no02 img{ width:90%; max-width: 500px; height: auto; margin: 0px auto; display: block;}
.asobe article.no02 h3{ font-size:26px; font-size:2.6rem; margin: 0; padding: 0;}
.asobe article.no02 h4{ font-size:26px; font-size:2.6rem;font-weight:bold; margin: 30px 0 0;}
.asobe article.no02 ul{text-align: left;}
.asobe article.no02 ul li{ margin: 0.5em;  position: relative; padding: 0 0 0 1em}
.asobe article.no02 ul li:before{ 
font-family: "Font Awesome 5 Free"; 
  font-weight: 900;   font-size: 10px;
  content: "\f45c";   transform: rotate(45deg); /* rotateZ(45deg) と等価 */
  position: absolute; left:0;top:4px;
}
.asobe article h5{ font-size:24px; font-size:2.4rem;font-weight:bold; margin: 1em 0 0;  }
.asobe article h3 span,.asobe article h5 span{font-size: 0.8em;}
.asobe article .contact p{ margin:  0; padding: 0}
.asobe article .contact p span{ display: block;}
.asobe article .contact p b{  font-size:30px;font-family: 'Lato', sans-serif; display: inline-block; vertical-align: middle; margin-left:0.5em;}
.asobe article .contact p u{  text-decoration: none; display: inline-block; vertical-align: middle; text-align: left;}
.asobe article .contact p u.time{ line-height: 1.2;font-size:14px; font-size:1.4rem;}
.asobe article .contact img{  text-decoration: none; display: inline-block; vertical-align: middle;width:35%; height: auto;}
.asobe article .contact img:nth-child(2){  width:25%; height: auto; margin: 0 0 0 10%;}


.asobe article.no03 h3{ margin: 90%; max-width: 500px; margin: 1em auto;}
.asobe article.no03 .img1,.asobe article.no03 .img2 { display: inline-block; vertical-align: middle;  padding: 0; margin: 0;}
.asobe article.no03 .img1{  width:35%;}
.asobe article.no03 .img2 {  width:50%;}
.asobe article.no03 .img1 img{ width:80%; height: auto; display: block; margin: 0 auto;}
.asobe article.no03 .img1 img:nth-child(2){ width:60%; height: auto; display: block; margin: 10px auto;}
.asobe article.no03 .img2 img{ width:95%; height: auto;}
.asobe article.no03 .red{ color: #DF1115}
.asobe article.no03 ul{display: flex;
    justify-content: space-between; 
    flex-wrap: wrap; width:100%; max-width:700px; margin: 2em auto 0;  padding: 0;}
.asobe article.no03 li{width:45%; text-align: left;position: relative; padding: 0 0 0 1em; margin: 0;}

.asobe article.no03 li img{ margin: 10px auto; width:100%; height: auto;}
.asobe article.no03 li:first-child:after{ 
font-family: "Font Awesome 5 Free"; 
  font-weight: 900;   font-size: 50px;
  content: "\f061";  color: #DF1115;
  position: absolute; right:-15% ; top:50%; transform: rotateY(-50%);
}
/* DIYE 2025/10追加
------------------------------------------------------------*/
.diy article{ font-weight: 400;  font-style: normal; padding: 60px 0 30px !important; max-width: 800px; width:95%; margin: 0 auto;}
.diy article .diycontact{ margin:2em auto; border:4px solid #db0000; padding: 1em 2em; width:calc( 95% - 4em ); max-width: calc( 600px - 4em );text-align: center; }
.diy article .diycontact h4{ font-weight: 600; font-size: 20px; margin: 0 auto 0.5em;  }
.diy article .diycontact a{ display: block; margin: 0.5em auto; font-weight: 600; font-size: 18px;   }
.diy article .diycontact b{ display: block; font-weight: 600; font-size: 18px; margin: .5em auto 0;  }
.diy article h3{font-size:30px; font-size:3.0rem;font-weight:bold; margin: 1em 0;  text-align: center; }
.diy article.no01 h2 { margin: 1em 0 0; padding: 0; }
.diy article.no01 h2 img{ width:100%; height: auto; max-width: 800px;  }
.diyread{ text-align: center;  margin-bottom: 1.5em;line-height:1.8;font-size:24px; font-size:2.4rem;}
.diy article.no01 h3{color: #db0000; margin: 1em 0 0;   }

.diy article.no01 img{ display: block; margin: 0 auto; width:95%; max-width:600px; height: auto;}
.diy article img.image{display: block; margin: 0 auto; width:100%;  height: auto;}
.diy article.gray{  background: #ddd;  padding:1.5em  0!important; color: #000; margin: 0 auto;  position: relative; text-align: center; }
.diy article.gray p,.diy article.gray ol{   margin: 0.5em auto; width:90%;  text-align: left;}
.diy article.gray ol,
.diy article.gray ol li {
  padding: 0;
  box-sizing: border-box;
}
.diy article.gray ol {
  counter-reset: ol-step-counter;
  list-style: none;
  padding-left: 32px;
  margin: 1em auto 2em;
  position: relative;
}
.diy article.gray ol>li {
  margin-bottom: 8px;  margin: 0 0 1em;
  counter-increment: ol-step-counter;
}
.diy article.gray ol>li::before {
  position: absolute;
  left: 0;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  content: counter(ol-step-counter);
  font-size: .75em;
  height: 20px;
  justify-content: center;
  margin: 0;
  width: 20px;
  background: #5f6368;
  border-radius: 50%;
  color: #fff;
}
.diy article.gray ol>li b{color: #db0000; font-size: 1.1em; display: inline-block; margin-left: 0.5em;}
.diy article.gray p.chui{ margin: 0.3em 0 ;position: relative; padding-left: 1.2em;}
.diy article.gray p.chui:before{ content:"※"; position: absolute; left:0; top:0;}
.diy article.gray img{ width:auto; height: auto;}
.diy article.gray img.img2{ width:40%; height: auto; margin: 1.5em 1em 0;  display:inline-block; vertical-align: baseline; max-width: 350px}
.diy article.gray img.img3{ width:25%; height: auto; right: 1.8em; top:27%; position: absolute;  display: block; }
.diy article.gray img.img4{ width:40%; height: auto; display:inline-block; vertical-align: baseline;max-width: 350px}
.diy article.gray b.last{ display: block;  font-size: 1.5em;  text-align: center; margin: 1em auto ;color: #db0000;}
.diy article.backphoto{  padding:1.5em  0!important; color: #000; margin: 0 auto; border-radius:1em; position: relative; text-align: center;}
.diy article.backphoto img{  width:100%; height: auto;}

.diy article.backphoto div{ position: absolute;left:50%; transform: translateX(-50%);  width:90%; max-width: 700px;}
.diy article.backphoto div.plan{ top:15%;  border: 3px solid #FBBA06; padding: 1em;background: #f0f0f0;}
.diy article.backphoto div.plan li{ text-align: left; margin: 0.5em 0 0; padding-left: 1.5em; position: relative;}
.diy article.backphoto div.plan li:before{ 
font-family: "Font Awesome 5 Free"; 
  font-weight: 900;   font-size: 10px;
  content: "\f45c";   transform: rotate(45deg); /* rotateZ(45deg) と等価 */
  position: absolute; left:0;top:4px;
}
.diy article.backphoto h3{font-size:20px; font-size:2.0rem;margin: 0 0;  }
.diy article.backphoto div.price{ bottom:10%; }
.diy article.backphoto div.price li{ display: inline-block; vertical-align: middle; border: 3px solid #FBBA06; padding: 1em;background: #f0f0f0;}
.diy article.backphoto div.price ul{ margin: 0 !important;padding: 0 !important;}

.diy article.backphoto div.price li{ display: inline-block; vertical-align: middle; border: 3px solid #FBBA06; padding: 1em;background: #f0f0f0; position: relative; }
.diy article.backphoto div.price li:first-child{ font-size: 0.9em; margin-right: 3em }
.diy article.backphoto div.price li:first-child b{ display: block; font-size: 20px;}
.diy article.backphoto div.price li:last-child{ font-size: 1.2em }
.diy article.backphoto div.price li:last-child b{color: #db0000; font-size: 1.2em; display: block; margin: 0.2em 0; border-bottom: double 3px;;}
.diy article.backphoto div.price li:first-child:after{ 
font-family: "Font Awesome 5 Free"; 
  font-weight: 900;   font-size: 40px;
  content: "\f061";  color:  #db0000;
  position: absolute; right:-1.1em !important;top:20%!important; 
}


/* 会社概要
------------------------------------------------------------*/
#company #contents header,#no404 #contents header{  background:url("../image/about/header.jpg") 50% 50% no-repeat; background-size: cover; }
#company #contents  header h1 img{ max-width: 203px; }
#company #contents .subnav li{  width:32%; max-width:365px;}
#company #contents .subnav li a.fukidasi img{  max-width: 256px;  width:95%; height: auto; }
#company #contents  .contents  h2 img {  max-width:87px;}
#company  #gaiyo dl {
	display: table;
	border-top: solid 1px #bbb8b1;
	margin:20px auto 30px;
	width: 90%; max-width:700px; 
}

#company  #gaiyo dl > dd span{  display: block; margin: 0 auto; width:95%;}
#company  #gaiyo dl > dd h3{ border-left:3px solid #000; padding-left: 5px;}
#company  #gaiyo dl > dd div{ margin: 0em 1em 1em;}

#company  #gaiyo dl > dt, #company  #gaiyo dl > dd { display:inline-block;  vertical-align: top; padding: 20px 0;  }
#company  #gaiyo dl > dt {width: 20%;
	background-color: #f0f0f0;
	text-align: center;
	border-bottom: solid 1px #bbb8b1;
}
#company  #gaiyo dl > dd { width:80%; border-bottom: solid 1px #bbb8b1;}

/* 西宮ストーブについて
------------------------------------------------------------*/
#about #contents header{  background:url("../image/gomen/header.jpg") 50% 50% no-repeat; background-size: cover; }
#about #contents  header h1 img{ max-width: 306px; }
#about #contents .subnav li{  width:32%; max-width:365px;}
#about #contents .subnav li a.fukidasi img{  max-width: 256px;  width:95%; height: auto; }
#about #contents   .contents  h2 img {  max-width:311px;}
#about #contents   .contents  p {  margin: 1em 0; text-align: center; line-height: 1.8}
#about #contents   .contents  h3{ font-size:20px; font-size:2.0rem;font-weight:bold;text-align: center;  margin: 3em 0;}
#about #contents   .contents  p.sign{ margin: 2em auto ; width:90%; max-width: 600px;}
#about #contents   .contents  p.sign span,#about #contents   .contents  p.sign img{  display: inline-block; vertical-align: middle; margin: 8px 15px;}
#about #contents   .contents  p.sign b{ display: block;  font-size:20px; font-size:2.0rem;font-weight:bold}
#about #contents   .contents  p.sign span{  text-align: right;}
#about #contents   .contents  dl{  text-align: center; margin: 0px auto; width:90%; max-width: 600px; }
#about #contents   .contents  dl dt,#about #contents   .contents  dl dd{   display: inline-block; vertical-align:top; margin: 8px 15px;}
#about #contents   .contents  dl dt{  width:30%; }
#about #contents   .contents  dl dt img{  width:100%; height: auto;  }
#about #contents   .contents  dl dd{width:60%; text-align: left;font-size:14px; font-size:1.4rem; }
#about #contents   .contents  dl dd u{ display: block; text-decoration:none;  font-size:18px; font-size:1.8rem;}

/* アクセス
------------------------------------------------------------*/
#access #contents header{   background:url("../image/about/header.jpg") 50% 50% no-repeat; background-size: cover; }
#access #contents  header h1 img{ max-width: 194px; }
#access #contents .subnav li{  width:32%; max-width:365px;}
#access #contents .subnav li a.fukidasi img{  max-width: 256px;  width:95%; height: auto; }
#access #contents   .contents  h2 img {  max-width:95px;}
#access #contents   .contents  article { margin: 20px auto 50px; background:#ede9e9 ;  padding: 20px;}
#access #contents   .contents  article img,#access #contents   .contents  article  div{ display: inline-block; vertical-align: top; }
#access #contents   .contents  article  div{ width:50%;}
#access #contents   .contents  article img{ width:45%; height: auto; margin-right: 15px; }
#access #contents   .contents  article{ padding: 30px auto; }
#access #contents   .contents  article  h3{ margin: 20px 0 30px;}
#access #contents   .contents  article  h3 img{width: 100%; max-width: 370px; margin: 0 auto 15px; display:block; }
#access #contents   .contents  article  div  dl{  border-bottom:1px dotted #666;  }
#access #contents   .contents  article  div  dt,#access #contents   .contents  article  div dd{ display: inline-block; vertical-align: top; border-top:1px dotted #666; padding: 8px 0;  }
#access #contents   .contents  article  div  dt{width:35%; }
#access #contents   .contents  article  div dd{ width:65%; }
#access #contents   .contents  article  div h5{ margin: 1em 0 0;}
#access #contents   .contents  article  div p{ font-size:14px; font-size:1.4rem; margin: 10px;}
#access #contents   .contents  article iframe{ padding:0;  display: block; margin: 20px auto; text-align:center; width:100%;  height: 300px;}
#access #contents   .contents  article li h3{ margin: 20px 0 10px; font-size:18px; font-size:1.8rem;}
#access #contents   .contents  article li h4,#access #contents   .contents  article li p {  display: inline-block; vertical-align: top; padding: 0 0 ; margin-bottom:15px; }
#access #contents   .contents  article li h4{ margin: 0px 0 15px 1.5em; font-size:16px; font-size:1.6rem; width:25%; border-left:  3px solid #000; padding-left: 6px; }

#access #contents   .contents  article  ul{ margin: 10px auto; width:90%; max-width:800px; }

#access #contents   .contents  article li p{ margin: 0px 0 15px;  width:70%;}


/*サービス*/
#support #contents  .subnav li{ width:49%; max-width:550px;}
#support #contents  .subnav li a.fukidasi img{ width:95%; height: auto; max-width: 465px; }
#support #contents  .subnav li:last-child a{ color:#fff; text-decoration: none;  font-size:18px; font-size:1.8rem; display: inline-block;  padding:5px 30px; vertical-align: middle; margin: 0; }
#support #contents  .subnav li:last-child a:hover{  background: #000;}
#support #contents  .subnav li:last-child .fas{ margin-right: 0.5em;}
.ansin #contents li:last-child a.ansin,.loan #contents li:last-child a.loan { background: #000;}

#support #contents header{  background:url("../image/sarvice/header.jpg") 50% 0% no-repeat; background-size: cover; }
#support #contents  header h1 img{ max-width: 343px; }



.price #contents   .contents  h2 img {  max-width:368px;}
#support #contents   .header-nav,.sub #contents   .footer-nav   { text-align: center; text-align: center; background: #000;   }
#support #contents   .header-nav {  margin: 0px auto 50px;   }
.sub #contents   .footer-nav {  margin: 50px auto 0px;   }
#support #contents   .header-nav  li,.sub #contents   .footer-nav  li  { display: inline-block; vertical-align: middle; margin: 10px 10px 6px;}
#support #contents   .header-nav  li::before,.sub #contents   .footer-nav  li::before{ 
font-family: "Font Awesome 5 Free";
  font-weight: 900;  color: #df370d; 
  content: "\f105"; 
  margin: 0 0 0  ; padding-right:8px;
}
#support #contents   .header-nav a,.sub #contents   .footer-nav  a{   color:#fff; text-decoration: none; }

#support #contents   .header-nav  li:hover::before{ 
font-family: "Font Awesome 5 Free";
  font-weight: 900;  color: #fff; 
  content: "\f107"; 
  margin: 0 0 0  ; padding-right:8px;
}
.sub #contents   .footer-nav  li:hover::before{ 
font-family: "Font Awesome 5 Free";
  font-weight: 900;  color: #fff; 
  content: "\f106"; 
  margin: 0 0 0  ; padding-right:8px;
}
.price #contents   .contents  .gray{background: #eae5e5; padding:15px 15px; border-radius: 10px; margin: 0px 0 80px; }
.price #contents   .contents   h3{ margin: -80px 0 10px 20px; padding: 100px 0 0 0; font-size:18px; font-size:1.8rem; font-weight:bold;}
.price #contents   .contents   h4{ margin: 20px 0 10px 20px;  font-weight:bold;}

.price #contents   .contents .no01 .uchiwake li  {display: inline-block; vertical-align: top;  margin:0 20px; text-align: center; }
.price #contents   .contents .no01 .uchiwake li img  { float: left; width:60px; height: auto; margin-left: -10px }
.price #contents   .contents .no01 .uchiwake li span  { position: relative; border:1px solid #d1210e; display: block; vertical-align: middle; padding:15px 15px 10px;  background: #fff;   margin: 0 0 10px; }
.price #contents   .contents .no01 .uchiwake li  span:before {
  content: "+";
  position: absolute;
  top: 20px;
  right: -20px;
}
.price #contents .contents .no01 .uchiwake li:nth-child(3) span::before{ 
font-family: "Font Awesome 5 Free";
  font-weight: 900;  
  content: "\f0da"; font-size:20px; font-size:2.0rem;
  right: -30px; 
}
.price #contents   .contents .no01 .uchiwake li:last-child {color: #d1210e;  font-weight:bold; border:3px solid #d1210e;  background: #fff; padding: 10px;  }
.price #contents   .contents .no01 .uchiwake li:last-child b { font-size:18px; font-size:1.8rem;}




.price #contents   .contents  .chui {  margin: 1em 0 0 auto; max-width: 30em; width:auto; }
.price #contents   .contents .chui li{ font-size:14px; font-size:1.4rem; margin: 0 0 0 1em;}
.price #contents   .contents   .chui li:before{ content:"※"; margin: 0 0 0 -1em;}
.price #contents   .contents  .chui2 {  margin: 1em 0 0 2em;  width:auto; }

.price #contents   .contents   dt,.price #contents .contents  dd { display:  inline-block; vertical-align: middle;margin: 0.5em  0 0.5em  1.5em;}
.price #contents   .contents  dt {   border-left:  3px solid #000;  padding-left: 6px; }
.price #contents   .contents .no02 dt {   width:25%; }
.price #contents   .contents .no02  dd { width:65%; }
.price #contents   .contents .no02  dd b {font-size:18px; font-size:1.8rem; color:#d1210e;}
.price #contents   .contents .no03 dt {   width:10%; }
.price #contents   .contents .no03 dd { width:40%; }
.price #contents   .contents .no04 .ren li:before{ content:"・"; }
.price #contents   .contents .no04 ul.ren{ margin: 1em 0 0 1em;  width:auto; }

.price #contents .setumei{ margin:40px auto 0; width:90%; max-width: 800px;}
.price #contents .setumei h4 {font-size:18px; font-size:1.8rem;  padding: 0 ;}
.price #contents .setumei h4.main {display: flex; margin: 50px 0 30px ;
align-items:center;}

.price #contents .setumei h4.main:after {
border-top: 1px solid;
content: "";
flex-grow: 1;margin-left: 1rem;
}
.price #contents .setumei h4.main:before {
margin-right: 1rem;
}


.price #contents .setumei h4.sagyo { position: relative;
  padding: .5em .75em; color: #fff; 
  background-color: #1b68a6;
  border-radius: 6px;margin: 50px 0 2.0px ;
}
.price #contents .setumei h4.sagyo:after {
  position: absolute;
  top: 100%;
  left: 30px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #1b68a6;
}

.price #contents .setumei p{ margin: 1em;}
.price #contents .setumei h5 {font-size:18px; font-size:1.8rem; margin:2em 1em 1em ; font-weight:bold;  }
.price #contents .setumei .check {margin: 0 0 0 2em ;}
 .price #contents .setumei .check li::before{ 
font-family: "Font Awesome 5 Free";
  font-weight: 900; 
  content: "\f06a"; 
  margin: 0 0 0  ; padding-right:8px;
}

.price #contents .setumei .check {margin: 0 0 0 2em ;}
.price #contents .setumei .chui2{font-size:14px; font-size:1.4rem; margin: 0 0 0 5em;} 
 .price #contents .entotu .setumei  .chui2:before { content: "注意：";  margin-left: -3em; }
.price #contents .setumei .photo { text-align: center; margin: 30px auto; width:auto; }
.price #contents .setumei .photo li {  display: inline-block; vertical-align: top;}
.price #contents .setumei  h3 {
  display: block; margin: 0px auto 40px !important; padding: 0; 
font-size:20px; font-size:2.0rem;   text-align: center;}


.price #contents .setumei  h3 span{font-size:16px; font-size:1.6rem; display: block;  font-weight: normal; text-align: center;}
.price #contents .setumei  h4 span{font-size:14px; font-size:1.4rem;font-weight: normal; }
.price #contents .setumei  ol.no {  margin: 0 1em;} 
.price #contents   .contents .hanbai dt {   width:20%; }
.price #contents   .contents .hanbai .s dd { width:45%; }
.price #contents   .contents .hanbai .s { margin: 0;}
.price #contents   .contents .hanbai  .chui {  margin:0 0 0 auto; max-width: 30em; width:auto; }
.price #contents   .contents .hanbai dt {   width:20%; }
.price #contents   .contents .hanbai dd { width:65%; }
.price #contents   .contents .no07 .chui {  margin: 1em 0 0 2em;  width:auto; padding: 0;  }
.price #contents   .contents .no07 strong { font-size:18px; font-size:1.8rem;  font-weight:bold;  }
.price #contents  .contents .entotu  dl.tokuten{background: #d1210e; margin: 20px auto 0 25px; width:90%; max-width: 700px; color: #fff; padding: 15px 15px;}
.price #contents  .contents .entotu  dl.tokuten dt,.price #contents  .contents .entotu  dl.tokuten dd{ display: block; width:90%; margin: 0; padding: 0 ;}
.price #contents  .contents .entotu  dl.tokuten dt{ border: none; font-size:18px; font-size:1.8rem;  }
.price #contents  .contents .entotu  dl.tokuten dt img{ width:90%; max-width: 350px; }
.price #contents  .contents .entotu  dl.tokuten dt img,.price #contents  .contents .entotu  dl.tokuten dt  span{ display:  inline-block; vertical-align: bottom;}
.price #contents  .contents .entotu  dl.tokuten dd {  margin: 5px 0 0 0.5em; font-size:20px; font-size:2.0rem;}
.price #contents  .contents .entotu  dl.tokuten dd span{  margin-left: 0.5em; font-size:16px; font-size:1.6rem;}
.price #contents   .contents .entotu .balloon1 {width:100px;
  position: relative;
  display: inline-block;
  margin: 1.5em 15px 1.5em 1.5em;
  padding: 7px 10px;
  min-width: 100px;
  color: #fff;
  font-size: 16px;
  background: #000;
}
.price #contents   .contents .entotu .balloon1:before {
content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -10px;
  border: 10px solid transparent;
  border-left: 10px solid #000;
}


/* =ansin
----------------------------------------------- */
.ansin #contents   .contents  h2 img {  max-width:88px;}
.ansin #contents   .contents  .gray{background: #eae5e5; padding:30px 15px; border-radius: 10px; margin: 0px 0 80px; }
.ansin #contents   .contents   h3.top{ font-size:20px; font-size:2.0rem; font-weight: bold; margin-bottom: 1em}
.ansin #contents   .contents   h3{ margin: 10px 0 10px 20px; font-size:18px; font-size:1.8rem; font-weight:bold;}

.ansin #contents   .contents .gray p{ margin: 0 1.5em}
.ansin article h3 b {
	color: #912a04;
	margin: 0 0 0 1.5em;
}
.ansin article h3 span {
	background: #eed8d0;
	margin: 1em 0 0 1.5em;
	padding: 3px 0;
}
.ansin article h4 {
	color: #912a04;
	margin: 0 0 20px 1.5em;
	font-weight: bold;
	font-size:18px; font-size:1.8rem; 
}
.ansin article dl.hosho {
	margin: 20px auto; width:90%;
	padding: 20px 0;
}
.ansin article dl.hosho dt {
	background: #eed8d0;
	padding: 5px 8px;
	font-weight: bold;
	font-size:18px; font-size:1.8rem; 
}
.ansin article dl.hosho dd { margin: 20px; }
.ansin article dl.hosho dd p { margin: 20px 0 !important; }
.ansin article dl.hosho dd h5 {color: #912a04;
	 font-size:18px; font-size: 1.8rem; font-weight:bold; text-align:left;
}
.ansin article dl.hosho dd ul {
	margin: 10px 0 20px; padding:0 0 20px;
	text-align: center; 
	border-bottom:1px solid #999;
}
.ansin article dl.hosho dd ul li {
	display: inline-block;
	width:30%; text-align: center;
	vertical-align: top;
	margin: 0 10px;
}

.ansin article dl.hosho dd ul li p {
	margi: 0  auto; width:90%;
	text-align: left; font-size:14px; font-size: 1.4rem;
}
.ansin article dl.hosho2 {
	margin: 0 auto 30px;
	width: 300px;
	padding: 10px 0 0;
}
.ansin article dl.hosho2 dt, .ansin article dl.hosho2 dd {
	float: left;margin: 0 ; padding:5px 10px;
	text-align: center;
	 border-bottom:1px dotted #999;
}
.ansin article dl.hosho2 dt {
	clear: both;
	margin: 0 10px 5px 20px;
}
.ansin article  .chui {  margin: 1em auto; width: 90%;}
.ansin article  .chui li{ font-size:14px; font-size:1.4rem; margin: 0 0 0 1em;}
.ansin article  .chui li:before{ content:"※"; margin: 0 0 0 -1em;}


/* =loan
----------------------------------------------- */
.loan  #contents   .contents  h2 img {  max-width:199px;}
.loan n #contents   .contents  .gray{background: #eae5e5; padding:30px 15px; border-radius: 10px; margin: 0px 0 80px; }

.loan article h3{ margin:20px auto; max-width:500px; font-size:20px; font-size:2.0rem; font-weight: bold; margin-bottom: 1em}

.loan article  img.loan {  max-width:700px; height:auto; width:90%; }
.loan article .suport { margin:30px auto 0 !important;max-width:600px; text-align:right;}
.loan article .suport img { margin: 0 0 10px;}
.loan article.newloan .pdf{ font-size:14px; font-size:1.4rem; margin: 0 0 0 1em;}
.loan article.newloan .pdf::before{ 
font-family: "Font Awesome 5 Free";
  font-weight: 900;  color: #df370d; 
  content: "\f1c1"; font-size:16px; font-size:1.6rem;
  margin: 0 0 0  ; padding-right:5px;
}

.loan article.newloan  dl { margin:0px auto; width:90%; max-width:450px;}
.loan article.newloan  dl dt {  font-weight:bold; margin:0 0 30px;}
.loan article.newloan  dl dt,.loan article.newloan  dl dd { display:inline-block; vertical-align:top;}
.loan article.newloan  dl dt b { color:#912a04;}
.loan article.newloan  dl dd {  margin:0px 0 40px 0px; width:60%;} 
.loan article.newloan  dl dd ul li {margin:0 0 5px; }
.loan article.newloan  dl dd ul li:before { content: "● "; }
.loan article.newloan  dl dd{  margin:0px 0 30px 10px ; font-weight:bold;}
.loan article.newloan  dl dd span{ margin:0 0 0 4em; color:#912a04;}
.loan article.newloan  p.last{ margin:0 auto; max-width:500px; text-align:center;}


.tuika dl dt,.tuika dl dd { border-top:2px solid #000; margin: 0; padding: 0.5em; }
.tuika ul { margin: 5px auto; width:95%; background: #f0f0f0; text-align: center;}
.tuika li {  display: inline-block; vertical-align: middle; margin:8px 15px;}
.tuika li::before{ 
font-family: "Font Awesome 5 Free";
  font-weight: 900;  
  content: "\f105"; 
  margin: 0 0 0  ; padding-right:3px;
}



/*ブリケットwordpress*/
.page-template #contents,.single-news #contents,.post-type-archive #contents{ margin:90px 0 50px 0;}
.page-template #contents header,.single-news #contents header,.post-type-archive #contents header{ text-align: center; background: #ddd; height: 230px;position: relative;/*相対配置*/  z-index: 0;  }
.page-template #contents header h1,.single-news  #contents header h1,.post-type-archive  #contents header h1{ position: absolute; width:100%; 
  top: 55%;
  left: 50%; 
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;}
.page-template #contents header h1 img,.single-news #contents header h1 img,.post-type-archive #contents header h1 img{  height: auto; width: 95%;}
.page-template .contents  h2,.single-news #contents h2,.post-type-archive #contents h2 {  text-align: center; margin: 40px auto; }
.page-template .contents  h2 img,.single-news #contents h2 img,.post-type-archive #contents h2 img{  height: auto; width: 90%;}
.page-template  .foot,.single-news   .foot,.post-type-archive  .foot { background:url("../image/common/suwariinu.png") 0% 100% no-repeat; background-size: 77px auto; padding: 80px 0 0 80px; margin: 0 auto 20px; width:90%; max-width: 950px;}
.page-template  .foot dl dt,.page-template .foot dl dd,.single-news .foot dl dt,.single-news .foot dl dd,.post-type-archive .foot dl dt,.post-type-archive .foot dl dd { border-top:2px solid #000; margin: 0; padding: 0.5em; }




.page-template-page-briquet2 #contents header{  background:url("../image/briquet/header.jpg") 50% 50% no-repeat; background-size: cover; }
.page-template-page-briquet2 #contents  header h1 img{ max-width: 156px; }
.page-template-page-briquet2 #contents .subnav li{  width:49%; max-width:550px; }
.page-template-page-briquet2 #contents .subnav li a.fukidasi img{  max-width: 324px;  width:95%; height: auto; }
.page-template-page-briquet2 #contents .subnav li a.fukidasi {  margin:0 0 0;}

.page-template-page-briquet2 #contents .contents .no1 h3{ font-size:20px; font-size:2.0rem; font-weight: bold; margin-bottom: 1em}
.page-template-page-briquet2 #contents .contents img.alignright{ margin: 0 0 1em 1em;}
.page-template-page-briquet2 #contents .contents img.alignleft{ margin: 0 1em 1em 0;}
.page-template-page-briquet2 #contents .contents .no2{ margin: -50px 0 0 ;}
.page-template-page-briquet2 #contents .contents .no2 h4{font-size:20px; font-size:2.0rem; margin: 30px 0 0 300px;}
.page-template-page-briquet2 #contents .contents .no2 h4 b{font-weight: bold; border-bottom: 3px solid #d1210e;}
.page-template-page-briquet2 #contents .contents .no2 dl{ margin: 30px 0 0 300px;}
.page-template-page-briquet2 #contents .contents .no2 dl dt{ margin:0; width:5em; background: #000; border-radius: 5px 5px 0 0; color: #fff;  font-size:18px;  text-align: center; padding: 5px 0 0;  }
.page-template-page-briquet2 #contents .contents .no2 dl dd{  border:1px solid #000; padding: 15px;}
.page-template-page-briquet2  #contents  #bri3 .zaiko{  color:#bf1616; margin:-1em 0 0 2em; padding:0; text-align:left; }
.page-template-page-briquet2  #contents  #bri3 .zaiko:before{ content:"※ "}

.page-template-page-briquet2  #contents  #bri3 ul li{background:#fff; margin:10px 3px 20px; box-shadow: 0 0 12px rgba(0,0,0,.3); padding:30px; text-align:left;  }
.page-template-page-briquet2  #contents  #bri3 ul li .left{ float:left; background:none; width:250px;margin:5px 10px; text-align:center;}
.page-template-page-briquet2  #contents  #bri3 ul li .right{float:right; width:520px; margin:0 0px 0 0; }
.page-template-page-briquet2  #contents  #bri3 p.top{ text-align:center;  color:#bf1616; font-size:120%;}
.page-template-page-briquet2  #contents  #bri3 p.soryo{ margin:-0.5em 0 0 0;  text-align:right; }
.page-template-page-briquet2  #contents  #bri3 p.soryo span{ font-size:80%;}
.page-template-page-briquet2  #contents  #bri3 ul li h3{ background:none; padding:0; margin:0px 0 0 0; border-bottom:1px solid #999; font-size:120%; }
.page-template-page-briquet2  #contents  #bri3 ul li h3 span{margin: 0 1em 0 0;font-size:80%; font-weight:normal;}

.page-template-page-briquet2  #contents  h3::after { display:none; }

.page-template-page-briquet2  #contents  #bri3 ul li dt,.page-template-page-briquet2  #contents  #bri3 ul li dd{  vertical-align:middle; text-align:left; padding:5px;font-size:90%;}
.page-template-page-briquet2  #contents  #bri3 ul li dt:nth-of-type(2),.page-template-page-briquet2  #contents  #bri3 ul li dd:nth-of-type(2){background:#f0f0f0;}
.page-template-page-briquet2  #contents  #bri3 ul li dl{margin:10px 0 0 0; text-align:left;}
.page-template-page-briquet2  #contents  #bri3 ul li dl dt:after{ content:" :";}
.page-template-page-briquet2  #contents  #bri3 ul li dt{width:65px; clear:both; float:left;}
.page-template-page-briquet2  #contents  #bri3 ul li dd{margin:0 0 0 70px;}

.page-template-page-briquet2  #contents  #bri3 ul li h4{  padding:3px 8px; margin:10px auto 0 0; background:#42170a; color:#fff; font-weight:normal;  width:4em; text-align:center; letter-spacing:0.5em;}
.page-template-page-briquet2  #contents  #bri3 ul li h5{  padding:0; margin:10px 0 ; text-align:right; border-bottom:1px solid  #808080;  } 
.page-template-page-briquet2  #contents  #bri3 ul li h5 strong{ font-size:150%; color:#bf1616; font-family:Verdana, Geneva, sans-serif; font-weight:bold; }


.page-template-page-briquet2  #contents  #bri3 .tokucho { margin:10px; }
.page-template-page-briquet2  #contents  #bri3 .tokucho b{color:#bf1616;}
.page-template-page-briquet2  #contents  #bri3 .comment{ padding:5px 10px;font-size:80%;}

.page-template-page-briquet2  #contents  #bri3 .order{ text-align:center; margin:30px auto; max-width:500px; border-bottom:1px solid #999; padding:0 0 30px;}
.page-template-page-briquet2  #contents  #bri3 .order h3{margin:15px 0 0; text-align:left;}
.page-template-page-briquet2  #contents  #bri3 .order h3:before{ content:"■ "}
.page-template-page-briquet2  #contents  #bri3 .order h5{ border:none; text-align:right; margin:-1.7em 0 1.7em 0; font-weight:normal;}
.page-template-page-briquet2  #contents  #bri3 .order h5 strong{font-size:120%; color:#bf1616; font-family:Verdana, Geneva, sans-serif;font-weight:bold; }
.page-template-page-briquet2  #contents  #bri3 .order th, .order td{ font-weight:normal; padding:5px ; text-align:left;  }


.page-template-page-briquet2  #contents  #bri3 .order table { margin:0px 0 10px 20px; width:200px; float:left;}
.cartjs_box div.cartjs_cart_in input { float:right;
	display: inline-block;
	width: 200px;
	height: 54px;
	text-decoration: none;
	line-height: 54px;
	outline: none; 
	 margin:0px 0;
	 font-size:110%; 
	background:#ad3e15  url(/image/briquet/cart.png) 35px 50% no-repeat;
	padding:0 0 0 35px;
	border: 2px solid #ad3e15;
	color: #fff !important;
	line-height: 50px; border-radius:5px; 
}
.cartjs_box div.cartjs_cart_in input::before,
.cartjs_box div.cartjs_cart_in input::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.cartjs_box div.cartjs_cart_in input,
.cartjs_box div.cartjs_cart_in input::before,
.cartjs_box div.cartjs_cart_in input::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
	
.cartjs_box div.cartjs_cart_in input:hover {
	background-color: #fff;
	border-color: #ad3e15;
	color: #ad3e15  !important;
}


.order-btn-text{ background:url(/image/briquet/cart.png) no-repeat; padding:5px 0 5px 30px;}
.init-list__detail-num{ width:3em;}
.page-template-page-briquet2  .inner2 article#bri6 { margin: 50px auto 0px; }
.page-template-page-briquet2  .inner2 article#bri7,.page-template-page-briquet2  .inner2 article#bri8 { margin: 0px auto 50px; }
.page-template-page-briquet2  #contents #bri6 dl,.page-template-page-briquet2  #contents #bri8 dl{ background:#fff; margin:10px auto; width:90%;border-bottom:1px solid #000; }
.page-template-page-briquet2  #contents #bri6 dt,.page-template-page-briquet2  #contents #bri8 dt{background: #eae5e5; text-align:left; }
.page-template-page-briquet2  #contents #bri6 dt,.page-template-page-briquet2  #contents #bri6 dd,.page-template-page-briquet2  #contents #bri8 dt,.page-template-page-briquet2  #contents #bri8 dd{ display:inline-block; margin:0;  padding:8px 15px; border-top:1px solid #000; font-weight:bold; width:45%; vertical-align:top;}
.page-template-page-briquet2  #contents #bri6 dt span{ font-size:90%; display:block; font-weight:normal; }
.page-template-page-briquet2  #contents #bri6 ul{ margin:10px 0 0;}
.page-template-page-briquet2  #contents #bri6 li{ display:inline-block; vertical-align:top; margin:0 5px;}
.page-template-page-briquet2  #contents #bri8{ text-align: center !important; margin:80px auto!important;  }
.page-template-page-briquet2  #contents #bri8 p{ text-align: center;}
.page-template-page-briquet2  #contents #bri8 dl{ max-width: 300px;}
.page-template-page-briquet2  #contents #bri8 dl,.page-template-page-briquet2  #contents #bri8 img.track{ display: inline-block; vertical-align: baseline;}
.page-template-page-briquet2  #contents #bri8 dt,.page-template-page-briquet2  #contents #bri8 dd{ display: inline-block;text-align: right; width:calc( 50% - 30px );}
.page-template-page-briquet2  #contents #bri8 img.track{ width:200px; height: auto; margin: 0 0 0 20px; }
.page-template-page-briquet2  #contents #bri8 ul{ text-align: left; margin: 20px auto; width:90%; max-width: 450px; background: #f0f0f0; padding: 1em;}
.page-template-page-briquet2  #contents #bri8 ul li{ text-align: left;  padding: 0 0 0 1.2em; position: relative;}
.page-template-page-briquet2  #contents #bri8 ul li:before{  content:"※";position: absolute; left:0; top:0}

.page-template-page-briquet2  #contents #guide { text-align:center;}
.page-template-page-briquet2  #contents #guide  h3 { background:#333; color:#fff; padding:5px 15px 3px ;	margin: 0px 0 10px;font-size:120%; font-weight: bold; text-align:left;}
	
.page-template-page-briquet2  #contents #guide dl { margin:0; display:inline-block; vertical-align:top; width:49%;text-align:left; }
.page-template-page-briquet2  #contents #guide dl dt{ border-bottom:1px dotted #333; font-weight:bold; font-size:110%; margin:10px 20px ; }
.page-template-page-briquet2  #contents #guide dl dd{ margin:0 30px 30px !important;padding:0;}
.page-template-page-briquet2  #contents #guide h4{font-weight:bold; font-size:100%; }
.page-template-page-briquet2  #contents #guide dl dd p{margin:0 0 1em; padding:0;}
.page-template-page-briquet2  #contents #guide dl dd div{ margin:20px auto;  padding:10px; border:1px solid #bf1616;}
.page-template-page-briquet2  #contents #guide dl dd div h5{color:#bf1616; margin:5px 0;font-size:110%; }
.page-template-page-briquet2  #contents #guide dl dd div ul{ margin:0 0 0 10px;}
.page-template-page-briquet2  #contents #guide dl dd div li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
position:relative;
	padding-left:20px;
}
.page-template-page-briquet2  #contents #guide dl dd div  li:before{
	content:''; 
	display:block; 
	position:absolute; 
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
	top:3px; 
	left:2px; 
	height:0; 
	width:0; 
	border-top: 6px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 9px solid #aaa;
}
.page-template-page-briquet2  #contents #guide dl dd div h6{color:#bf1616; margin:10px 0 0;font-size:100%; border-top: 1px solid #ddd; padding:10px; }
.page-template-page-briquet2  #contents #guide dl dd div p.chui{ margin:0px 0; padding:0 10px; }
.page-template-page-briquet2  #contents #guide p span{ font-size:80%;}
.page-template-page-briquet2  #contents #guide .privacy{ text-align:right; }

.page-template-page-briquet2  #contents #guide ul { font-size:90%; margin:1em 0 0 1em;}
.page-template-page-briquet2  #contents #guide ul li { margin:0 0 5px 1em;}
.page-template-page-briquet2  #contents #guide ul li.kyocho { color:rgba(219,84,86,1.00);}
.page-template-page-briquet2  #contents #guide ul li:before { content:"＊"; color:rgba(219,84,86,1.00); margin:0 0 0 -1em; }


.page-template-page-briquet2  #maincontents ul.ss{ margin:30px 0 0 80px; font-size:90%;}
.page-template-page-briquet2  #maincontents ul.ss li:before{ content:"※ "; margin: 0 0 0 -15px;}


#hyo table { margin:20px auto; width:100%; background:#fff; border-collapse:collapse; font-size:90%; }
#hyo table th,#hyo table  td { padding:10px; border:1px solid #999; text-align:center;white-space: nowrap;}
#hyo table tr:first-child { background:#42170a; color:#fff; border-bottom:1px solid #42170a;}
#hyo table tr:nth-child(2) { background:#42170a; color:#fff;  border-bottom:1px solid #42170a;}

.price #maincontents{ background:none; padding:20px}
.price #maincontents .center{ text-align:center; margin:20px;}

.page-template-page-briquet2  #contents #bri6 h2 img,.page-template-page-briquet2  #contents #bri8 h2 img{ height: auto; width: auto; max-width: 144px ; }



hr.style14 {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}
.page-template-page-briquet2  #contents #bri7 p,.page-template-page-briquet2  #contents #bri6 p{ text-align:center; }
.page-template-page-briquet2   #contents #bri7 p.chui {
    margin: 0px auto 40px 40px; text-align:left;
    color: #902903;
    width: 90%;
}

.page-template-page-briquet2 #contents #bri7 h3 {font-size:18px; font-size:1.8rem;  padding: 0 ; margin: 50px 0 ; font-weight:bold; text-align: center;}

.page-template-page-briquet2  #contents #bri7 h3:before {
margin-right: 1rem;
}
.page-template-page-briquet2 #contents #bri7 h3:after {
margin-left: 1rem;
}



.page-template-page-briquet2  #maincontents ul.ss {
    margin: 30px 0 0 80px;
   font-size:12px; font-size:1.2rem; 
}

.page-template-page-briquet2  #maincontents ul.ss li:before {
    content: "※ ";
    margin: 0 0 0 -15px;
}


.page-template-page-briquet2  #contents #bri7 ol {
    margin: 0 0 0 10em;
}

.page-template-page-briquet2  #contents #bri7 ol li {
    margin: 0 0 0;
}

.page-template-page-briquet2  #contents #bri7 ol li:first-child {
    color: #900;
    font-weight: bold;
}

hr.style14 {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}
.page-template-page-briquet2  #contents #bri7 p.chui {
    margin: 0px auto 40px 40px;
    color: #902903;
    width: 90%;
}


/*ニュース*/
.page-template-page-newstest #contents header,.single-news #contents header,.post-type-archive-news #contents header{  background:url("../image/about/header.jpg") 50% 50% no-repeat; background-size: cover; }

.page-template-page-newstest #contents  header h1 img,.single-news #contents header h1 img,.post-type-archive-news #contents  header h1 img{  max-width: 210px; }
.page-template-page-newstest #maincontents,.single-news #maincontents,.post-type-archive-news #maincontents{  max-width:1100px; margin: 0 auto; padding: 0; }

.page-template-page-newstest .contents h2 img,.single-news .contents h2 img,.post-type-archive-news .contents h2 img{  max-width: 100px; }
.page-template-page-newstest #contents article h2,.single-news #contents article h2,.post-type-archive-news #contents article h2{ text-align: left;  margin: 0; }
.post-type-archive-news h2.arctitle{ margin: 0px auto 40px; font-size:20px; font-size: 2.0rem; font-weight:bold; color:#333; text-align:center; position: relative;}
.post-type-archive-news h2.arctitle span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 4em;
	padding: 0 1em;
	background-color: #fff;
	text-align: center;
}
.post-type-archive-news h2.arctitle::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #ccc;
	background: -webkit-linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
	background: linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
}
.page-template-page-newstest #content,.single-news  #content,.post-type-archive-news #content{ width:65%; float:right; }
.single-news nav#sidenav,.page-template-page-newstest nav#sidenav,.post-type-archive-news nav#sidenav{  width:30%; float:left; margin:0px 0 0;  box-shadow: 5px 5px 5px rgba(200, 200, 200, 0.5);}
.single-news #maincontents article .comment,.page-template-page-newstest #maincontents li .comment,.post-type-archive-news  .comment{ margin:20px 0px 0 30px;}
.single-news #maincontents article .comment img,.page-template-page-newstest #maincontents li .comment img,.post-type-archive-news .comment img{ float:right; margin:0 0 15px 15px; padding:0;}
.single-news  .subphoto ,.page-template-page-newstest  .subphoto ,.post-type-archive-news  .subphoto  { margin:30px 0px 0 30px; text-align:center;}
.single-news .subphoto li{
	display:inline-block; border:none; vertical-align:top; border:none; margin:5px; padding:0;}

.page-template-page-newstest #maincontents ul#main li .subphoto li,.post-type-archive-news  .subphoto li{
	background:3333; display:inline-block; border:none !important; vertical-align:top; border:none; margin:5px; padding:0;}
.page-template-page-newstest  .subphoto li  img,.single-news .subphoto li img,.post-type-archive-news .subphoto li img{ max-width:90%; height:auto;}


.page-template-page-newstest #maincontents ul#main li,.page-template-page-newstest-php #maincontents ul#main li,.post-type-archive-news #maincontents ul#main li{  margin:0px 0 40px;padding:0 0 40px; border-bottom:1px #CCCCCC dotted; }
.page-template-page-newstest #maincontents ul#main li:last-child,.page-template-page-newstest-php #maincontents ul#main li:last-child,.post-type-archive-news #maincontents ul#main li:last-child{  border:none;  margin:0px 0 0px;padding:0 0 0px;}

.single-news #maincontents article .file,.page-template-page-newstest #maincontents li .file,.page-template-page-newstest-php #maincontents li .file,.post-type-archive-news #maincontents li .file{ margin:20px 0 0; text-align:right; font-size:90%; font-weight:bold;}
.single-news #maincontents article .file a,.page-template-page-newstest #maincontents li .file  a,.page-template-page-newstest-php #maincontents li .file  a,.post-type-archive-news #maincontents li .file  a{ background:url(../image/05/dw.gif)100% 50% no-repeat; padding:10px 55px 15px 0 ;}
.post-type-archive-news  article{ margin:20px auto 30px;}

.single-news nav#sidenav ul,.page-template-page-newstest nav#sidenav ul,.post-type-archive-news nav#sidenav ul{
	margin: 0px 10px 20px;
    padding: 0.5em;
  position: relative;
  margin-top: 2em;
}

.page-template-page-newstest nav#sidenav ul li,.single-news nav#sidenav ul li, .post-type-archive-news nav#sidenav ul li{
    line-height: 1.5;
    padding: 0.5em 0 0.5em 1.4em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}
.page-template-page-newstest nav#sidenav ul li:last-of-type,.single-news nav#sidenav ul li:last-of-type,.post-type-archive-news nav#sidenav ul li:last-of-type{
  border-bottom: none;
}
.page-template-page-newstest nav#sidenav ul li:before,.single-news nav#sidenav ul li:before ,.post-type-archive-news  nav#sidenav ul li:before {/*リスト内のアイコン*/
  	font-family: FontAwesome;
  	content: "\f138";/*アイコン種類*/
  	position: absolute;
  	left : 0.5em; /*左端からのアイコンまで*/
  	color: #ffb03f; /*アイコン色*/
}
  

.page-template-page-newstest #maincontents ul li h2,.single-news #maincontents article h2,.post-type-archive-news #maincontents article h2 {  font-size:18px; font-size: 1.8rem; font-weight:bold; }

.page-template-page-newstest #maincontents .link,.page-template-page-newstest-php #maincontents .link,.single-news #maincontents .link,.post-type-archive-news #maincontents .link{margin:0px 0 0 40px;padding:0;border:none !important;}
.page-template-page-newstest #maincontents .link li,.page-template-page-newstest-php #maincontents .link li,.single-newsp #maincontents .link li,.post-type-archive-news #maincontents .link li{margin:0px 0 5px 0!important;padding:0!important;border:none !important;}
.page-template-page-newstest #maincontents .link li:first-child,.page-template-page-newstest-php #maincontents .link li:first-child,.single-news #maincontents .link li:first-child{ margin:30px 0 0 0!important;}
.page-template-page-newstest #maincontents .link li a:after,.single-news #maincontents .link li a:after,.page-template-page-newstest-php #maincontents .link li a:after{ content:" ▷";}

.tablenav {
	color: #000;
	background:white;
	margin: 1em auto;
	line-height:2em;
	text-align:center;
}

a.page-numbers, .tablenav .current {
	color: #000;
	padding: 2px .4em;
	border:solid 1px #ccc;
	text-decoration:none;
	font-size:smaller;
}

a.page-numbers:hover {
	color:white;
	background: #328ab2;
}

.tablenav .current {
	color: white;
	background: #000;
	border-color: #000;
	font-weight:bold;
}

.tablenav .next, .tablenav .prev {
	border:0 none;
	background:transparent;
	text-decoration:underline;
	font-size:smaller;
	font-weight:bold;
}
/*404*/
#no404 #contents  header h1 img{ max-width: 416px; }
#no404  #contents   .contents  h2 img { max-width: 696px; }
#no404  #contents .contents{margin:0 auto;
max-width:900px ; width:95%;}
#no404  #contents .contents nav li{ display: inline-block; vertical-align: top; margin: 15px;}
#no404  #contents .contents nav li::before{ 
font-family: "Font Awesome 5 Free";
  font-weight: 900;  color: #df370d; 
  content: "\f105"; 
  margin: 0 0 0  ; padding-right:8px;
}

/*お問合せ*/
#contact #contents header{  background:url("../image/contact/header.jpg") 50% 0% no-repeat; background-size: cover; }
#contact #contents  header h1 img{ max-width: 196px; }
#contact #contents   .contents  h2 img {  max-width:99px;}
.subje{ background:#FFF7D4; padding: 20px; margin:20px auto 50px; width:95%; max-width: 650px;}
.subject{ text-align: center;   margin:20px auto ; }
.subject li{  display: inline-block; vertical-align: middle;}
.text {
  display: none;
}
.text01 {
  display: block;
}

/* 高さが低い場合のトップ
------------------------------------------------------------*/
@media only screen and (max-height: 1000px){#vegas span{  display: block; margin: 50px 0 0; 　position: absolute;/*絶対配置*/ bottom: 10px; } }
@media only screen and (max-height: 800px){#vegas span{  display: block; margin: 80px 0 0; 　position: absolute;/*絶対配置*/ bottom: 10px; }
	#vegas p{  line-height: 1.6;font-size: 18px; font-size: 1.8rem;
}
#vegas { height:100vh;   }
#vegas h1 img{ width:80%; height: auto; max-width:400px; }
#vegas h2{ margin:20px auto 20px; }
#vegas h2 img{  height: auto; width:40px; }
	.movie-wrap1 { padding:10px;  width: 80%;  }
}

/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1200px){#glovalheader nav li{ margin:0 0 0 25px;}}
@media only screen and (max-width:1100px){#glovalheader nav{  margin:10px 0 0 15px;}
#glovalheader img,#change img{width:150px; height: auto;}
	.gomen{ width:35%;}
.top3 ol{ width:60%; }
	.balloon-line {
  width: 90%; /* 幅 */
}
	.top4 ol { margin: 0 auto;  width:85%;}
.top4 ol li { margin: 0 15px 10px;} 
	.top2 ul { text-align: center;}
	.top2 ul li{ width:40%; }
	.top2 ul li:first-child h3{ margin-left:60px }
	.top2 ul li:nth-child(2){width:40%;}
	.top2 ul li:nth-child(2) h3 br { display: none;}
	.top2 ul li:nth-child(3){ display: block; margin: 10px auto;width:40%;}
	.top2 ul li:first-child h4 {  margin: -40px 15px 0 5px;}
	.top2 ul li:first-child p { margin: 15px 0 0 60px;}
	.top2 ul li:nth-child(1) b.gas { margin: 10px 0 0 60px;}
}
@media only screen and (max-width:1060px){.top9 iframe{ width:39%; }
.top9 .news{  width:36%; }
.top9 .news ul{ margin:0 auto;text-align:center;}
    
.foot dl { text-align:left;  }
}
@media only screen and (max-width:1050px){#glovalheader nav{  margin:20px auto 0; text-align: center;}
#glovalheader nav{ display:block; }
#glovalheader nav li{ margin:0 10px;}
    
#footer  dl dd span{ display: block; margin-left: 0;}
#footer  dl { width:700px;}	
#briquet #contents header{  background:url("../image/briquet/header.jpg") 100% 50% no-repeat; background-size: cover; }
.page-template-page-briquet2 #contents header{  background:url("../image/briquet/header.jpg") 100% 50% no-repeat; background-size: cover; }

}
@media only screen and (max-width:1000px){
#footer  dl { width:600px;}
	/*showroom*/

#showroom #contents .setumei{width:48%;margin-left: 10px; }
#showroom #contents .mainphoto{ width:45%; }
	
.kobe #contents .contents .gray div img{ height: 400px; width: auto; margin: 0 5px; }
#briquet #contents .contents .no2 dl{ margin: 30px auto 0; width:90%;}
.uservoice div{ padding: 20px 10px;}
#briquet #contents .contents .uservoice p.chui{ margin: 0 auto; width:95%; }
#briquet #contents .contents #bri3 ul li.koro,#briquet #contents .contents #bri3 ul li.chao { width:40%; }

.top7 li:nth-child(2) { 	margin: 0 20px;  }
	#briquet #contents header{  background:url("../image/briquet/header2.jpg") 0% 50% no-repeat; background-size: cover; }
	.page-template-page-briquet2 #contents header{  background:url("../image/briquet/header2.jpg") 0% 50% no-repeat; background-size: cover; }

	#showroom #contents .contents ul.inner3 li{ display:block; vertical-align: top; width:90%; max-width: 560px; text-align: center;margin:10px auto;  }
	#showroom #contents .contents ul.inner3 li img{ display:block;  width:100%;  height: auto; margin: auto;  }
	  .iframe-responsive {
    position: relative;
    width: 100%;
    padding: calc(315 / 560 * 100%) 0 0;
  }
  .iframe-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width:950px){
.voice  ul li {margin: 0 auto 15px !important;  display: block; width:90%; max-width: 600px; }
.voice  ul	 {margin: 0 auto 0 !important;  padding: 0; }

.movie-top p{  padding: 40px 0 0}
	
.price #contents   .contents .no01 .uchiwake li  { margin:0 20px 20px;}
.price #contents   .contents .no01 .uchiwake li span  {  margin: 0 0 5px; }	
.diy article.gray img.img2,.diy article.gray img.img3,.diy article.gray img.img4{ width:calc( 100% / 3 - 1em ); height: auto; margin: 1.5em  0.1em 0;  display:inline-block; vertical-align: middle;position:static;  }


}
@media only screen and (max-width:900px){#glovalheader nav,#change nav{  margin:10px auto 0 !important; text-align: center;}
#footer  dl { width:500px;}#footer  dl dd span{ display:inline-block; margin-left: 1em;}
#footer ol.showroom li { width:95%; display: block; }
#footer ol.showroom li:last-child {width:95%; }
#briquet #contents .contents #bri2 img.alignright{  display: none;}
.uservoice li span br{  display: none;}
.uservoice li{  display: inline-block; width:45%;  height: 100px; }
.top3 ol li{ width:95%; margin: 5px auto; display: block; }
	.top4 h2 img{ width:90%; height: auto; max-width: 800px;margin: 0 auto; }
	.top6 li b{ width: 10em; text-align: center;  padding: 6px 0 4px; }
.top7 li { display: inline-block; 	margin:20px 10px ;  vertical-align: top; width:45%;    }
.top7 li:nth-child(2) { margin:20px 10px ; }
.top7 li iframe{ width:100%; height: 300px; display: block; margin: 0px auto 10px; }
	.top7 li img { 	margin:10px auto; display: block; width:100%; height: auto; max-width:400px;   }


#staff #contents  .contents  div img{ width:214px; height: auto; float:none; margin: 0 auto 1em; display: block;   }
#staff #contents  .contents  div dl,#staff #contents  .contents  div h4{ margin: 0 auto; }
#staff #contents  .contents  div h4{ text-align: center;}

}


@media only screen and (max-width:870px){ /*201911追加*/
.top9 .news{  float:none; background:rgba(255,255,255,0.7); text-align: left; margin: 0px auto; width:100%; padding: 20px 0;  }
.top9 .news li{  display:inline-block; width:45%;  text-align:center; max-width:200px; }
    .top9 iframe,.top9 .line{ display: inline-block; vertical-align: top; float:none;  margin: 20px 10px}
.top9 iframe{max-width:330px; width:95%;  }
.top9 .line{ width:250px;    }
    

}



@media only screen and (min-width:800px){   div.mobile{ display:none;}
	header#glovalheader{ text-align: center;}
}

@media only screen and (max-width:800px){#glovalheader .inner{ display:none;  }
div.mobile{  margin: -10px 0 0 10px;}
	header.smaller#glovalheader div.mobile img{  height: auto; width: 150px;}
.sub #contents{ margin:60px 0 50px 0;}
	#footer .calender,#footer div{ display:block;  text-align:center; }
	#footer .calender iframe{ padding:1px 0 10px 4px; background:#fff; display: block; margin: 0 auto; text-align:center; width:95%; max-width: 220px;}
	#footer div{ margin:30px auto; text-align: left;  width:95%;}
	#footer  ul li{  margin: 1em; } #footer  ul li.line2{ margin: 2em 1em ;}
	#footer  dl,#footer ol.showroom  { margin:0  auto; text-align: left;  width:95%;}
	
	#showroom #contents .mainphoto{ width:100%; height: auto; display: block;  margin: 0 auto 30px; }
#showroom #contents .setumei{width:95%; display: block; margin: 0 auto 15px;}
.kobe #contents .contents .gray div img{ height: 300px; width: auto; margin: 0 5px; }
    .top2 h2 {  width:95%; max-width: 490px;margin: 0px auto 15px;  }.top2 ul{ padding: 0 ; margin: 0;}
	.top2 ul li{ display:block;  width:95%;  margin: 10px auto !important; max-width:400px;}
	.top2 ul li:nth-child(2){width:95%;  margin: 10px auto; max-width:400px;}
	.top2 ul li:nth-child(3){ margin: 10px auto; width:95%;}
	.top2 ul li:first-child{ padding: 20px;margin: 0px auto 0 ;}
	#footer  ul { width:45%; margin: 0 auto;  }
	#footer  ul li {  font-size:16px; }
	
	.page-template-page-newstest #content,.single-news  #content,.post-type-archive-news #content{ width:95%; float:none; margin: 0 auto; }
.single-news nav#sidenav,.page-template-page-newstest nav#sidenav,.post-type-archive-news nav#sidenav{  width:95%; float:none; margin: 0 auto; }
	
	/*201911追加*/

.movie-top .movie{ margin: 15px auto 0; display: block; padding: 0 0 10px;}
.doga .movie {  padding-bottom: 30px;}
.asobe article{ text-align: left; margin: 20px auto ;}
.asobe{  padding:40px 0 60px;}
    
.asobe article figure,.asobe article.no03 { text-align: center; }
 .diy article{padding: 1px 0 30px !important;}
      
}


@media only screen and (max-width:790px){.voice h2 .voiceback{ width:auto; height: 100%; }	
	body#home{
 background:#fff url("../image/index/back2.jpg") 50%  0 no-repeat; background-size: cover; background-attachment: fixed; 
}
	#vegas h1 img{  display: block; margin: 0 auto; width:90%;}
	#briquet #contents .contents .no2 h3{ width:65%; margin-left: 250px;}
	#briquet #contents .contents .no2 h3 img{width:100%; height: auto;}
	#briquet #contents .contents .no2 h4{ clear:right;  font-size:20px; font-size:2.0rem; margin: 30px 0 0 250px;}
	#briquet #contents .contents #bri3 ul li.koro,#briquet #contents .contents #bri3 ul li.chao { display: block;  width:90%; margin: 10px auto; }#briquet #contents .contents #bri5 li{   width:40%; }
	#access #contents   .contents  article img,#access #contents   .contents  article  div{ display:block; width:95%; margin: 0 auto 10px; }
	#access #contents   .contents  article img{max-width:400px; height: auto;margin: 0 auto 30px;}
	#access #contents   .contents  article li h4,#access #contents   .contents  article li p {  display:block; width:95%;  }
	#access #contents   .contents  article li p { margin: 0px 0 15px 1.5em; }
	#home .foot { padding: 15px 10px; height: 70px; margin: -110px 0 0 0; color: #fff; }
	.ansin article dl.hosho dd ul li {width:45%; text-align: center;}
	
	#support #contents  .subnav li:last-child a{ color:#fff; text-decoration: none;  font-size:18px; font-size:1.8rem; display: inline-block;  padding:5px 10px; vertical-align: middle; margin: 0; }

.movie-wrap1 {  padding:20px;  margin: 0px auto 20px; width: 80%;  }

.page-template-page-briquet2  #contents #bri6 dt,.page-template-page-briquet2  #contents #bri6 dd{ display:block; margin:0 auto;   border:none; font-weight:bold; width:95%; }
.page-template-page-briquet2  #contents #bri6 dt,.page-template-page-briquet2  #contents #bri8 dt{  border-top:1px solid #000; }
.page-template-page-briquet2  #contents #bri7 p,.page-template-page-briquet2  #contents #bri6 p{ text-align:left;margin:0 auto;width:90%;   }
.page-template-page-briquet2  #contents #bri8 dl,.page-template-page-briquet2  #contents #bri8 img.track{ display: block; }
.page-template-page-briquet2  #contents #bri8 img.track{  margin: 20px auto; }
    
.asobe article.no03 ul{display: block; width:90%; margin: 2em auto 0;  padding: 0;}
.asobe article.no03 li{width:95%; margin: 0.5em auto 2em ; max-width:350px; font-size:0.8em;}
 .asobe article.no03 li:first-child:after{ 
font-family: "Font Awesome 5 Free"; 
  font-weight: 900;   font-size: 40px;
  content: "\f063";  color: #DF1115;
  position: absolute; right:auto; left:50%; top:calc(100% - 25px);  transform: translateY(0% );transform: translateX(-50%);
}  
    
.diyread{ text-align: left; line-height: 1.8;font-size:22px; font-size:2.2rem;}



.diy article.backphoto div.price li:first-child b{ font-size: 18px;}
.diy article.backphoto div.price li:last-child{ font-size: 1.1em }
.diy article.backphoto div.price li:last-child b{font-size: 1.1em; }
.diy article.backphoto div.price li:first-child:after{   font-size: 30px;}

  
}

@media only screen and (min-width: 700px){
#staff #contents  .contents h3 {
  position: relative;
  display: inline-block;
  margin: 0 15px 1.5em 0;
  padding: 0 5px;
  width: 180px;
  height: 180px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  background: #1a1311;
  border-radius: 50%;
  box-sizing: border-box;font-size:26px;font-size:2.6rem; vertical-align: top;
}
#staff #contents  .contents h3 b{  display: block; font-size:30px;font-size:3.0rem;}
#staff #contents  .contents h3:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -50px;
  margin-top: -30px;
  border: 30px solid transparent;
  border-left: 30px solid #1a1311;
  z-index: 0;
}
#staff #contents  .contents h3 span{  display: block; margin: 50px auto 0;}

}


@media only screen and (max-width: 700px){

.sub .foot dl dt{display: block; width:90%; text-align: left;padding:  0 0.5em 0 0; margin: 0 auto 0 0;  }
.sub .foot dl dd {display: block; width:80%;  text-align: left; border:none;padding: 0 0.5em;margin: 0 10px 0 0; }
.gomen,.top3 ol{ display:block; vertical-align: top; width:95%;  margin: 0 auto;  }
.top3 ol li{  display: inline-block; vertical-align: top; background:#000; padding:0; color: #fff; width:47%; margin: 5px; }
.topm a { display: block;  margin:20px auto; clear: both; width:90%; text-align: left; }
	
#staff #contents  .contents h3 {
  position: relative;
  display: inline-block;
  margin: 0 auto 1.5em;
  padding: 0 5px;
  width: 95%;
  height: 40px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  background: #1a1311;
  border-radius:10px;

}
#staff #contents  .contents h3 b{  display: inline-block; font-size:26px;font-size:2.6rem; margin-left: 0.5em;}
#staff #contents  .contents h3:before {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #1a1311;
  z-index: 0;
}
#staff #contents  .contents  div h4{ text-align: left;}
#staff #contents  .contents  div{ display: block;margin:0 auto ;max-width: 700px; width:auto; }

.foottel .tel u{ display: block;  }
.foottel p{ font-size: 14px; margin-left: 0px  }
    
.diy article h3{font-size:26px; font-size:2.6rem; text-align:center !important;margin: 0 1em;}
.diyread{ margin-bottom: 1.5em;line-height:1.6;font-size:20px; font-size:2.0rem;text-align:center !important;}


    
    .diy article.backphoto h3{font-size:18px; font-size:1.8rem; }

.diy article.backphoto div.price li{ display: block; padding: 1em; margin: 0 !important;}
.diy article.backphoto div.price li:first-child{ margin: 0em auto 3em!important;}
.diy article.backphoto div.price li:first-child:after{ transform: rotate(90deg);right:50% !important;top:105%!important; 
}
.diy article.backphoto div{ width:80%; }

    
    
}


/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/


@media only screen and (max-width: 644px){#vegas p{  line-height: 1.6; text-align: left; margin:1em;font-size: 16px; font-size:1.6rem; }
	#vegas h1{ margin: 150px auto 0; }
	
	#vegas p.ss{ font-size: 20px; font-size:2.0rem; }
	#vegas span{  display: none }
	#footer  ul {  display: block;  margin: 0 auto !important; width:95%; padding: 0 !important;  }
	#footer  ul li{  display: inline-block; vertical-align: middle; padding: 10px 0; margin: 0; width:50%; font-size:16px;font-size:1.6rem; border-top: 1px solid #ddd; }
	#footer  ul li.line2{ margin:0 ;}
	#footer  ul li::after { display: none;}
	#footer  ul li a{ margin-left: 0.5em;}
	#footer  ul li a::before{ 
font-family: "Font Awesome 5 Free";
  font-weight: 900; 
  content: "\f0da"; font-size: 16px;
  margin: 0 0 0  ; padding-right:3px;
}
	#showroom #contents .setumei dl{ margin: 0  auto 2em; width:95%; }
	.nisinomiya #contents .contents .gray li{ width:30%; }
	.kobe  #contents .contents .gray li{ width:95%; max-width:350px;  }
	#showroom #contents .contents .gray div img{ height: auto; width:95%; margin: 5px auto; display: block; max-width:350px; }
			
	#briquet #contents .contents .no2{ margin: 0px 0 0 ;}
	#briquet #contents .contents .no2 img.alignleft,#briquet #contents .contents .no2 h3{  display: inline-block; vertical-align: middle;}
	#briquet #contents .contents .no2 img.alignleft{ float:none;  width:35%; height: auto; }
#briquet #contents .contents .no2 h3{ width:60%; margin-left: 0%;}
	#briquet #contents .contents .no2 h4{  clear: both;  margin: 30px 10px 0;}
	
	#briquet #contents .contents #bri2 h4,#briquet #contents .contents #bri2 ol{  display: block;}
#briquet #contents .contents #bri2 ol{  margin-left: 150px;}
	#briquet #contents .contents #bri2 h4{ float:left; }
	#briquet #contents .contents #bri2 .uservoice h4{float:none;}
	.uservoice li{  display:block; width:90%; margin:10px auto;    }
#briquet #contents .contents #bri4 h2 span{  display: block;}
	#briquet #contents .contents #bri4 .gray{margin: 20px auto; }
	#briquet #contents .contents #bri5 li{   width:90%; max-width: 400px; margin: 30px auto 40px; }
	#briquet #contents .contents #bri5 li:before {
  top: 104%;
  left: 50%; margin-left: -15px;
 	border-top: 15px solid #fbd21d;
		 border-left: 15px solid #eae5e5;
		
}
.insta  iframe{height:700px;}
.insta { padding: 20px 20px 150px;  }
#company  #gaiyo dl > dt, #company  #gaiyo dl > dd { display:block;  margin: 0 auto; width:100%;  }
#company  #gaiyo dl > dt { border:none; }
#about #contents   .contents  p {  margin: 1em auto; text-align: left; width:90%;}
	#about #contents   .contents  p.sign img{ width:25%; height:auto; }
	#about #contents   .contents  p.sign span{ width:60%; height:auto; text-align: left; }
#about #contents   .contents  p.sign b{ font-size:18px; font-size:1.8rem;}
.top4{  background: url("../image/index/soda.jpg") 50% 0 no-repeat ; background-size:auto 100%; padding: 40px 0; text-align: center; color: #fff;  }
	.top4 h3{ font-size:20px; font-size:2.0rem;  }
	.top4 ol li h3{ line-height: 1.2; padding: 15px 0 12px ; text-shadow: none; }
.top4 ol li:nth-child(4) h3,.top4 ol li:last-child h3{  padding: 15px 0; }
.top4 ol li:nth-child(5) h3{  padding: 15px 0 8px ; }
.top4 ol li h3 br{  display: none; text-align: center;}
	.top8 .news{  transform: rotate(-3deg);  padding: 50px 40px ;margin: 0px 0 20px;}
.loan article.newloan  dl dt,.loan article.newloan  dl dd { display:block; vertical-align:top; width:auto; }
	.ansin article dl.hosho dd ul li {width:95%; text-align: center; display: block;}
.top6 ul{ margin:0 auto; max-width:300px; text-align: center;}
.top6 li {margin: 25px auto 25px; max-width:280px;   }
.top7 { margin: -10px 0 0 0; }.top7 li { display: block; 	margin:20px auto; width:90%;    }
.top7 li:nth-child(2) { 	margin:20px auto;  }
	.top7 li p{  min-height: auto; margin:0 auto 10px; }
	
#support #contents  .subnav li:last-child a{font-size:14px; font-size:1.4rem; }
.price #contents .setumei  h3 {width:90%;  text-align: left;}
.price #contents   .contents .hanbai img.alignright { float:none; display: block; margin: 10px auto; width:auto; max-width: 90%; height: auto; }

.price #contents   .contents .entotu dd.balloon2 {width:auto;}
.price #contents  .contents .entotu  dl.tokuten dd span{  margin-left: 0em; display:block; }
.price #contents  .contents .entotu  dl.tokuten{ width: calc( 100% - 60px );padding: 15px 10px;}
    


.doga ul.movie li,.doga ul.movie2 li{ display: block;  vertical-align: top; width: 100%!important; 　margin: 0 auto 20px!important;  max-width: 500px!important;  }
.sub .foot ul { margin: 5px auto !important; width:90% !important; background: #f0f0f0; text-align: center; padding: 0 !important}
.sub .foot li {  display: inline-block; vertical-align: middle; margin:8px 15px !important;}
.diy article h3{font-size:20px; font-size:2.0rem;font-weight:bold; margin: 1em 0;  text-align: center !important; }
.diyread{ lfont-size:15px; font-size:1.5rem;text-align:left !important;}
.diy article .diycontact h4{ font-size: 18px; margin: 0 auto 0.5em;  }
.diy article .diycontact b{ font-size: 16px; }
}

@media only screen and (min-width: 530px){.top9 .line .line-it-button{ display: none;}}

@media only screen and (max-width: 530px){

.voice h2{ position: relative; overflow: hidden; height: 300px;}
.voice h2 img.moji{   height: auto; width:70%; margin: 0px auto !important; }
.subject li{  text-align: left; display: block; margin: 0 0 5px 0;}
	
.movie-wrap1 h3{   text-align: left; width:90%; margin: 0 auto; }
.diy article .diycontact h4 span{display: block;}
    
.diy article.backphoto div.plan{ top:10%; }
}

@media only screen and (max-width: 475px){ 
	#footer  ul li{  display: block;  margin: 0 auto; width:100%;  }
	#briquet #contents .contents #bri4 .gray{margin: 20px auto 40px; }
	#briquet #contents .contents #bri4 p.point{top: -50px; right: 0px;}
#about #contents   .contents  p.sign img{ width:20%; height:auto; }
.voice  ul li div{ font-size:14px; font-size:1.4rem; }
	
	
	.top3 ol li{  display:block;  width:95%; margin: 5px auto;padding:0 0 10px; }
.top4 h3{ font-size:20px; font-size:2.0rem;  }
.top4 ol { margin: 0 auto;  width:100%;}
.top4 ol li { margin: 0 auto 30px; width:80%;}
	
.top4 ol li:after {
	content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #fff;
	}.top4 ol li br{  display: none;  }
	.top4 ol li p{  margin: 0  auto; width:905; max-width: 250px; }
	.loan article.newloan  p.last{ text-align:left;}
	.price #contents   .contents .no01 .uchiwake li  {display: block;   margin:0 auto 20px; text-align: center; width:90%; }
	.price #contents   .contents .hanbai dt { display: block;   width:95%; }
.price #contents   .contents .hanbai dd,.price #contents   .contents .hanbai .s dd {display: block;   width:90%; margin-left: 3em;  }
	.sub .foot { background:none; padding: 80px 0; margin: 0 auto 20px; width:90%; }
.foot dl dt,.foot dl dd{display: block; vertical-align: top; text-align: left;  }
.foot dl dd{ font-size: 14px; font-size: 1.4rem;  margin:0.5em 1em;}

.top9 .news li{  display:inline-block; width:45%;  text-align:center; max-width:200px; }
#page-top1{right: 5px;}
	.foottel img{ display: none; }
.page-template-page-briquet2  #contents #bri8 p{ text-align:left;margin:0 auto 1em;width:90%;   }
    
.asobe  .gray{   padding: 1em; color: #000; margin: 25px auto; border-radius:1em; }

.asobe article.no01 p.read{ font-size:22px; font-size:2.2rem; }
.asobe article.no01 p.read span{display: block; }
.asobe article.no01 p.read br{display:none; }
.asobe article.no01 p{ font-size:16px; font-size:1.6rem; }
.asobe article.no02 h2{ font-size:26px; font-size:2.6rem;font-weight:bold; margin: 80px 0 0;}
.asobe article.no02 h3{ font-size:22px; font-size:2.2rem; margin: 0; padding: 0;}
.asobe article.no02 h4{ font-size:22px; font-size:2.2rem;margin: 15px 0 0;}
.asobe article h5{ font-size:20px; font-size:2.0rem;  }
.asobe article.no02 ul{padding: 0;}
.asobe article h3 span,.asobe article h5 span{font-size: 0.6em;}
.asobe article .contact p u.time{ font-size:12px; font-size:1.2rem;margin: 0 0 1.5em; display:block;}
.asobe article.no03 { text-align:  left; }  
.asobe article.no03 .img1,.asobe article.no03 .img2 { display:block; margin: 0 auto;}
.asobe article.no03 .img1{  width:80%;}
.asobe article.no03 .img2 { width:80%;}
.asobe article .contact img{ width:80%;display:block; margin: 0 auto;}
.asobe article .contact img:nth-child(2){ width:80%;}
.diy article.backphoto div.plan li{  font-size: 14px;margin: 0.2em 0 0;padding-left: 0em;}
.diy article.backphoto div.plan li:before{ left:-1.5em; }
    .diy article.backphoto div.plan ul{ margin: 0;}
    .diy article.backphoto div.price li:first-child:after{ top:100%!important;  font-size: 25px;
}
.diy article.backphoto div.price li:first-child{ margin: 0em auto 2em!important;}
.diy article.backphoto div.price{ bottom:7%; }
.diy article h3{font-size:16px; font-size:1.6rem; text-align: center; }
.diyread{ line-height:1.4;font-size:14px; font-size:1.4rem;}
.diy article .diycontact h4{ font-size:16px; font-size:1.6rem; }
.diy article .diycontact b{ font-size:14px; }
.diy article .diycontact{ font-size:14px;  padding: 1em 0; width: calc( 95%  ); }
.diy article.gray{font-size:14px;  padding: 1em 0; width: calc( 95%  );  }
.diy article.gray b.last{  font-size:16px; font-size:1.6rem;}
}
		

@media only screen and (max-width: 430px){ 
    

    
    #about #contents .contents  p.sign img{  display: none;  }
	#about #contents .contents  p.sign span{ width:95%; height:auto; text-align: left; display: block; }
 #about #contents   .contents  p.sign u{ display: inline-block; margin-left: 1em;}
	.top2 ul li:first-child h3{ margin-left:30px }
	.top2 ul li:first-child p { margin: 15px 0 0 30px;}
	.top2 ul li:nth-child(1) b.gas { margin: 10px 0 0 30px;}

	.top8 .news{  transform: rotate(0deg); }
	.topm img{  display: none;  }

.price #contents  .contents .entotu  dl.tokuten dt{ font-size:16px; font-size:1.6rem;  }
.price #contents  .contents .entotu  dl.tokuten dt img{ width:100%;}

.price #contents  .contents .entotu  dl.tokuten dd { font-size:16px; font-size:1.6rem;}
.price #contents  .contents .entotu  dl.tokuten dd span{  font-size:14px; font-size:1.4rem;}
.price #contents   .contents .entotu .balloon1 {width: calc( 100%  - 20px); margin: 1.5em 0 0;}
.price #contents   .contents .entotu .balloon1:before {
content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #000;
}
.price #contents  .contents .entotu  dl.tokuten{width: calc( 100%  - 20px); margin: 20px auto 0; }
	.foottel{ 
	width:95%;
	margin: auto;              /* 中央揃え */
	text-align: left;
}
.foottel img{ display: none;}.foottel p.tel{  font-size: 16px; }
.foottel p{  margin-left:0; font-size: 12px; }.foottel p.tel b{  font-size:26px;width:auto; }
.foottel div.tel{ font-size: 16px; }
.foottel .tel u{font-size: 14px; text-decoration: none;  }
.foottel .tel b{  font-size:22px; }
.asobe article.no02 h2{ font-size:22px; font-size:2.2rem;font-weight:bold; margin: 80px 0 0;}
.asobe article.no02 h3{ font-size:20px; font-size:2.0rem; margin: 0; padding: 0;}
.asobe article.no02 h4{ font-size:20px; font-size:2.0rem; }
.foot dl {padding: 0;    }
     .foot dl dt, .foot dl dd{padding: 0.3em 0 !important; width:100%!important; margin: 0!important;   }
.sub .foot ul {  width:100% !important; text-align: left; }
.sub .foot li {  margin:0.5em; font-size:0.8em;}


.diy article.backphoto div.plan{ top:8%; }.diy article.backphoto div.price li:last-child{ font-size: 1em }
}
@media only screen and (max-width: 380px){ .doga a.topdiy img { width:100%; height: auto; max-width: 400px;}
.top2 ul li:nth-child(2) h4 { float: right;  margin: -110px 0 0 90px;}}

@media only screen and (max-height: 1000px){#vegas p{  line-height: 1.6;　font-size: 16px; font-size:1.6rem; }}