@charset "UTF-8";

html {height: 100%; width:100%; font-size:100%;scroll-behavior: smooth;}
body,div,span,applet,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
	max-height: 999999px;
	margin:0;
	padding:0;
}

body
{
	font-size:14px;
	font-family: "ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","'MS PGothic',ＭＳ Ｐゴシック", Osaka, 'Hiragino Kaku Gothic Pro',  sans-serif;
	*font-size:small;
	*font:x-small;
	vertical-align: top;
	text-align: center;
	line-height: 1.7;
	color: #333;
	background-color:#fff;
	-webkit-text-size-adjust: 100%;
}

p,blockquote,q,pre,address,hr,code,samp,dl,ol,ul,form,table,fieldset,menu
{
	margin:0;
	padding:0;
	border:none;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
	font-size:inherit;
    font:100%;
}

a{
	color: #444;
	text-decoration: none;
}
a:hover
{
	color: #f60;
	text-decoration: none;
}

.normal
{
	font-weight: normal;
}

#wrap
{
	---background-image: url(images/bg001.gif);
	---background-repeat: repeat-x;
	---background-position: 0px 27px; 
}

#container
{
	width:1000px;
	margin:0px auto;
	--background-color:#fff;
	--border-left:1px solid #bbb;
	--border-right:1px solid #bbb;
}
#container_tab
{

	width:100%;
	max-width:1000px;
	min-width:768px;
	margin:0px auto;
	--background-color:#fff;
	--border-left:1px solid #bbb;
	--border-right:1px solid #bbb;
}

#container a:hover img
{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

img
{
	margin:0px 0px;
	padding:0px;
	display:inline;
	vertical-align:bottom;
}
.img{vertical-align:top;}
.top_img{margin-top:0px;}
h1,h2,h3,h4,h5,h6 {max-height: 999999px;}
h1
{
	font-size:12px;
	color:#888;
	font-weight: normal;
	text-align: left;
	margin:0px 0px;
	padding:0px;
}

h2
{
	font-size:14px;
	border-top:1px solid #0823bb;
	border-bottom:1px solid #0823bb
	border-left:1px solid #0823bb;
	border-right:1px solid #0823bb;
	text-align:left;
	padding:4px 14px;
	border-radius:3px;
	margin:0px;
	
	--background-image: url(images/h2bg.gif);
	--background-repeat: repeat-x;
	background-color:#0823bb;
	color:#fff;
}

h3
{
	font-size:14px;
	border-bottom:1px solid #AAA;
	text-align:left;
	margin:0px 0px 5px 0px;
}

h4
{
	background-color:#c6e2ff;
	padding:5px 1em;
	margin-top:25px;
	color:#333;
	border-radius:3px;
	border-bottom:1px dotted #68a4d9;
}

#header
{
	width:1000px;
	margin-top:4px;
	--padding:2px 10px 0 10px;
	--background-color:#ff5000;
	--border-top:4px solid #c33;
	--border-bottom:4px solid #c33;
	text-align: left;
}
#header_tab
{
	width:100%;
	max-width:1000px;
	margin-top:4px;
	--padding:2px 10px 0 10px;
	--background-color:#ff5000;
	--border-top:4px solid #c33;
	--border-bottom:4px solid #c33;
	text-align: left;
}
#header_flex
{
	display:block;
 	position: fixed; /* 要素の位置を固定する */
 	top: 0; /* 基準の位置を画面の一番下に指定する */
	width:1002px;
	margin-top:0px;
	--padding:2px 10px 0px 10px;
	text-align: left;
	background-color:#fff;
	z-index:1;
	margin-bottom:5px;
}

#footer
{
	background-color:#0823bb;
	color:#fff;
}
#footer a{color:#fff;}
#footer a:hover{color:#f80;}


#area
{
	background:url(images_top/area2.gif);
	width:120px;
	height:34px;
}
#area a{display:block;}
#area a:hover{background:none;}
#area a:hover img{visibility:hidden;}
#company
{
	background:url(images_top/company2.gif);
	width:107px;
	height:34px;
}
#company a{display:block;}
#company a:hover{background:none;}
#company a:hover img{visibility:hidden;}
#mail
{
	background:url(images_top/mail2.gif);
	width:148px;
	height:34px;
}
#mail a{display:block;}
#mail a:hover{background:none;}
#mail a:hover img{visibility:hidden;}

.orange{color:#f07700;}
.table03{
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #0823bb;
border-left: 1px solid #ccc;
border-bottom: 1px solid #0823bb;
border-right: 1px solid #0823bb;
margin-top:12px;
width:672px;
margin-left:0px;
}
.flexbox{
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    gap: 2px 2px;
}
.table03 th{
	width:25%;
	padding:4px 12px;
	text-align: left;
	vertical-align: top;
	color: #444;
	background-color: #def;
	border-left: 4px solid #0823bb;
	border-top: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.table03 td
{
	text-align:left;
	width:75%;
	padding:4px 20px;
	background-color: #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.table03_remo{
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #0823bb;
border-left: 1px solid #ccc;
border-bottom: 1px solid #0823bb;
border-right: 1px solid #0823bb;
margin-top:12px;
width:680px;
box-sizing: border-box;
margin-left:0px;
}

.table03_remo th{
	width:25%;
	padding:4px 12px;
	text-align: left;
	vertical-align: top;
	color: #444;
	background-color: #def;
	border-left: 4px solid #00f;
	border-top: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.table03_remo td
{
	text-align:left;
	width:75%;
	padding:4px 20px;
	background-color: #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.table03_remo_s{
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #0823bb;
border-left: 1px solid #ccc;
border-bottom: 1px solid #0823bb;
border-right: 1px solid #0823bb;
margin-top:12px;
width:630px;
box-sizing: border-box;
margin-left:0px;
}
#red
{
	color:#f44;
}

.bread
{
	text-align:left;
	font-size:12px;
	padding:0 12px;
	margin:0 0 8px 0;
}

.inp
{
	font-size:14px;
	text-align:left;
	ime-mode:disabled;
	border:1px #bbb solid;
	padding:1px;
}
.inpk
{
	font-size:14px;
	text-align:left;
	ime-mode:active;
	border:1px #bbb solid;
	padding:1px;
}

.button1
{
	font-weight:bold;
	background-color:#eee;
	color:#335;
	border:1px solid #46f;
	padding:1px;
	margin:2px;
	border-radius:3px;
}
.button1:hover
{
	font-weight:bold;
	background-color:#46f;
	color:#fff;
	border:1px solid #00a;
	padding:2px;
	margin:2px;
}

.pageTop { /* ページトップ */
background:url(https://mirize.co.jp/images/tophe2.png) no-repeat 0 0;
position: fixed;
right: 0;
bottom: 0px;
background-size:50px;
}

.pageTop a {
display: block;
height: 50px;
text-indent: -9999px;
width: 50px;
}

#table
{
	display:table;
	border-top:1px solid #58f;
	border-left:1px solid #58f;
}
#trow
{
	display:table-row;
	
}
#trow>div
{
	display:table-cell;
	padding:5px 8px 5px 8px;
	border-right:1px solid #58f;
	border-bottom:1px solid #58f;
}
#trow2
{
	display:table-row;
	
}
#trow2>div
{
	vertical-align:middle;
	display:table-cell;
	padding:2px 8px 0px 8px;
	border-right:1px solid #58f;
	border-bottom:1px solid #58f;
}
.snsb {
	--height:30px;
	overflow: hidden;
	list-style:none;
}
.snsb li {
	float: left;
	margin-right:12px;
}
.snsb iframe {
	margin: 0 !important;
}
iframe.twitter-share-button {
	width: 60px!important;
}

.right
{
	color:#333;
}

#suggest {
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #CCCCFF;
    font-size: 90%;
    width: 200px;
}
#suggest div {
    display: block;
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
}
#suggest div.select{ /* キー上下で選択した場合のスタイル */
    color: #FFFFFF;
    background-color: #3366FF;
}
#suggest div.over{ /* マウスオーバ時のスタイル */
    background-color: #99CCFF;
}

.marquee {
padding:0.5em 0;
overflow:hidden;
margin-bottom:10px;
position:relative;
}

.marquee p:after {
content:"";
white-space:nowrap;
padding-right:50px;
}

.marquee p {
margin:0;
padding-left:600px;
display:inline-block;
white-space:nowrap;
	-webkit-animation-name:marquee;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:10s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:10s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:10s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-timing-function:linear;
	-o-animation-duration:10s;
	-o-animation-iteration-count:infinite;
	animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:10s;
	animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}

#sikaku2{
    color:#000080;
    position: relative;
    font-size: 1.3em;
    font-weight: bold;
    margin: 0 0 0.2em;
    padding: 0.5em 0.3em 0em 2.0em;

    background-color:#ffffff;
}
 
#sikaku2:before{
    content: "□";
    font-size: 160%;
    position: absolute;
    color: #aeee3e;
    top: -0.3em;
    left: 0.4em;
    height: 12px;
    width: 12px;
}
 
#sikaku2:after{
    content: "□";
    font-size: 160%;
    position: absolute;
    color: #c3fb62;
    top: -0.1em;
    left: 0.1em;
    height: 12px;
    width: 12px;
}


.sekou_hyou{
	width:680px;
	}

.sekou_hyou br{
	clear:both;
	}
	
div.te1{
	display:block;
	float:left;
	margin:0 0 1px 1px;
	padding:4px;
	width:5em;
	border:1px solid #666;
	}

#gradient01 {
  background: -moz-linear-gradient(top, #68a4d9, #f49b3d 50%, #ef7d01 51%,#f07c01);
  background: -webkit-gradient(linear, left top, left bottom, from(#0068b7), color-stop(50%, #b2cbe4), color-stop(51%, #a2c2e6),to(#0068b7));
}

#ribon {
	position: relative;
	padding: .3em;
	background-color: #f0f0f0;
}
#ribon span {
	display: block;
	padding: .2em 1em;
	border: 1px dashed #ccc;
}
#ribon::before,
#ribon::after {
	content: '';
	position: absolute;
	border-style: solid;
	border-color: transparent;
}
#ribon::before {
	top: 100%;
	left: 0;
	border-width: 0 15px 15px 0;
	border-right-color: #ccc;
}
#ribon::after {
	top: -15px;
	right: 0;
	border-style: solid;
	border-width: 0 15px 15px 0;
	border-bottom-color: #ccc;
}

#ribon2 {
	position: relative;
	padding: .2em 1em;
	background-color: #f0f0f0;
}
#ribon2::before,
#ribon2::after {
	content: '';
	position: absolute;
	top: 100%;
	border-style: solid;
	border-color: transparent;
}
#ribon2::before {
	left: 0;
	border-width: 0 15px 15px 0;
	border-right-color: #ccc;
}
#ribon2::after {
	right: 0;
	border-style: solid;
	border-width: 15px 15px 0 0;
	border-top-color: #ccc;
}
.effect4
{
  position: relative;
}
.effect4:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}

.s_sale{
	margin-left:15px;
	margin-top:0px;
}

.s_sale01{
	margin-left:3px;
	background-color:#6495ed;
	color:#fff;
	padding:0px 5px 0px;
	
}

.s_sale02{
	margin-left:3px;
	background-color:#9acd32;
	color:#fff;
	padding:0px 5px 0px;
}

.s_sale03{
	margin-top:15px;
	margin-left:0px;
	font-size:17px;
	color:#666;
	font-weight:bold;
}

.s_sale04{
	margin-left:15px;
}

.s_sale05{
	font-size:15px;
	color:red;
}

.s_sale06{
	font-size:24px;
	color:red;
	font-weight:bold;
}

.s_sale07{
	background-color:red;
	padding:0px 5px 0px;
	color:#fff;
	margin-left:5px;
	vertical-align:7px;
	font-size:13px;
}

.s_sale_b{
	border-bottom:1px dotted #666;
	margin-top:-5px;
}

.s_sale_b2{
	border-bottom:1px dotted #666;
	margin-top:0px;
	margin-bottom:5px;
	clear:both;
}

.s_sale08{
	border-bottom:1px solid #666;
	border-top:1px solid #666;
	margin-top:30px;
}

.s_sale09{
	margin-right:5px;
	margin-top:15px;
}

.s_sale10{
	margin-top:10px;
	margin-left:0px;
	font-size:17px;
	color:#666;
	font-weight:bold;
}

.s_sale11{
	font-size:15px;
	color:red;margin-left:5px;
}

.s_sale12{
	margin-right:5px;
	margin-top:15px;
}

.s_sale13{
	margin-right:10px;
	margin-bottom:-3px;
}

.s_sale14{
	float:right;
}

.cb{clear:both;}
.eco_st{
	text-align:center;
	font-size:1.3rem;
	color:#fff;
	background-color:#409ecc;
}
.eco_tx{
	margin-top:10px;
	font-weight:bold;
}

.eco_att{
	border-top:1px dotted #666;
	font-size:0.7rem;
	padding:5px;
}


.kanta_waku{
	border:2px solid #ffa500;
	border-radius:7px;
	margin-top:15px;
	padding:10px;
}

.kanta_title{
	font-size:1.5rem;
	color:#ff8c00;
	line-height:110%;
	margin-top:15px;
}
/*基本*/
.lh-base{line-height:1em;}
.lh-base13{line-height:1.3em;}
.mt2{margin-top:2px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt60{margin-top:60px;}
.mt80{margin-top:80px;}
.mt100{margin-top:100px;}
.mt15_pc{margin-top:15px;}
.mt10_pc{margin-top:10px;}
.mt130_sp{margin-top:0px;}
.mb1{margin-bottom:1px;}
.mb2{margin-bottom:2px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mr3{margin-right:3px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.m_5{margin:5px;}
.cb{clear:both;}
.tc{text-align:center;}

.waku_black1{
	border:2px solid #333;
	padding:10px;
	margin-top:20px;
	background-color:#ffffe0;
	border-radius:5px;
}

.waku_black2{
	border:2px solid #333;
	padding:10px;
	margin-top:20px;
	background-color:#ffffe0;
	border-radius:5px;
}

.waku_black3{
	border:2px solid #333;
	padding:10px;
	background-color:#ffffe0;
	border-radius:5px;
}
.waku_black4{
	border:1px solid #333;
	padding:10px;
	margin-top:20px;
	background-color:#eee;
	border-radius:5px;
}

.sen_orange{
	border:1px solid #ffa500;
	margin-top:30px;
}
.dotb_orange{
	border-bottom:1px solid #ffa500;
}
.senyoudai{
	padding:30px;
	border:1px solid #999;
	text-align:center;
	valign:top;
	width:33%;
}
.sennyou_tx{
	font-size:0.7rem;
	text-align:left;
	margin-top:10px;
}
.kanta_course{
	padding:15px;
	float:left;
	width:20%;
}
.kanta_obi{
	background-color:#68a4d9;
	color:#fff;
	padding:5px;
	margin-top:25px;
}
.waku_stan{
	border:1px solid #68a4d9;
	padding:8px;
	margin-top:20px;
}
.stan_item{
	
	padding:1%;
	float:left;
	margin:4px;
	width:29.6%;
	border:1px solid #ccc;;
}
.stan_item_non{
	
	padding:0 1%;
	float:left;
	margin:4px;
	width:29.6%;
}

.stan_item_sp{
	border:1px solid #999;
	padding:1%;
	float:left;
	margin:4px;
	width:29.5%;
}

.stan_item_toku{
	border:2px solid #ff0000;
	padding:10px;
	float:left;
	margin:4px;
	width:28.5%;
	background-color:#fffacd;
}
.stan_item2{
	padding:10px;
	float:left;
	margin:4px;
	width:28.5%;
}
/*エコキュート用*/
.stan_item_eco{
	margin-top:5px;
	padding:3%;
	float:left;
	width:50%;
	border:1px solid #ccc;
	box-sizing: border-box;
}
.eco160{
	width:100%;
	height:auto;
}

.kakaku_kanta{
	font-size:1.3rem;
	color:#d70101;
	font-weight:bold;
	text-align:center;
	height:70px;
	padding-top:5px;
	background-color:#eee;
	margin-bottom:5px;
	line-height:1.25em;
}

.kakaku_kantatx{
	font-size:1rem;
	color:#d70101;
	font-weight:bold;
	text-align:center;
	padding-top:5px;
	border-radius:8px;
}

.kakaku_kantatx2{
	font-size:1rem;
	color:#fff;
	font-weight:bold;
	text-align:center;
	border-radius:8px;
}
.kakaku_kanta_dx{
	font-size:1.5rem;
	color:#ffff00;
	font-weight:bold;
	text-align:center;
	background-color:red;
	height:70px;
	padding-top:5px;
	border-radius:7px;
}

.zeikomi{
	font-size:0.8rem;
	color:#000;
	font-weight:normal;
}

.zeikomi_w{
	font-size:0.8rem;
	color:#fff;
	font-weight:normal;
}
.hyou_th{
	background-color:#eee;
	font-size:0.65rem;
	padding:0 3px;
	text-align:center;
}
.hyou_td{
	background-color:#fff;
	font-size:0.7rem;
	padding:3px 3px;
	text-align:center;
}
.hyou_waku{
	border:1px solid #ddd;
}

/* エコワン */
.eco_lineup{margin-top:0.9rem;}
.ecoone_auto{
	font-size:0.7rem;
	text-align:center;
}
.ecoone_type{
	background-color:#b1cbe6;
	color:#000;
	text-align:center;
	font-size:0.7rem;
}
.ecoone_type2{
	background-color:#b1cbe6;
	color:#000;
	text-align:center;
	font-size:0.9rem;
	padding-top:0.5%;
}
.ecoone_type_big{
	background-color:#68a4d9;
	color:#fff;
	text-align:center;
	font-size:0.9rem;
	height:2rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ecoone_type_big_non{
	background-color:#fff;
	color:#fff;
	text-align:center;
	font-size:0.9rem;
	height:2rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ecoone_type_big2{
	background-color:#57b2ad;
	color:#fff;
	text-align:center;
	font-size:0.9rem;
	height:2rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ecoone_type_big2_non{
	background-color:#fff;
	color:#fff;
	text-align:center;
	font-size:0.9rem;
	height:2rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ecoone_01{
	width:65%;
	text-align:center;
	background-color:#eee;
	margin-top:5px;
	margin-left:5px;
	float:left;
	font-size:14px;
	box-sizing: border-box;
}
.ecoone_05{
	width:64%;
	text-align:center;
	background-color:#eee;
	margin-top:5px;
	margin-left:5px;
	float:left;
	font-size:14px;
}

.ecoone_02{
	width:32%;
	text-align:center;
	background-color:#eee;
	margin-top:5px;
	margin-left:1%;
	float:left;
	font-size:14px;
	box-sizing: border-box;
}
.ecoone_03{
	width:100%;
	text-align:center;
	background-color:#eee;
	font-size:14px;
	box-sizing: border-box;
}
.ecoone_04{
	margin:10px 0 5px;
	text-align:center;
	font-size:0.9rem;
}
.ecoone_06{
	width:100%;
	text-align:center;
	background-color:#eee;
	font-size:14px;
	box-sizing: border-box;
}
.tc{text-align:center;}

.kounetuhi{
	background-color:#000;
	color:#ffff00;
	padding:0 3px 0;
	text-align:center;
	margin-bottom:5px;
}
.kounetuhi_num{
	font-size:1.4rem;
}
.lb_wrap{
	border:5px solid #89c12c;
	border-radius:10px;
	padding:8px;
	margin-top:50px;
}
.big_tx{
	font-size:1.5rem;
	border-bottom:1px dotted #666;
	color:#000;
	text-align:center;
}
.big_tx2{
	font-size:1.4rem;
	color:#000;
	text-align:center;
}
.eco_kakaku{
	background-color:#ddd;
	padding:5px 15px 5px;
	text-align:center;
	font-size:1.2rem;
	border:2px solid #ccc;
}
.midlle_tx{
	font-size:1.2rem;
}
.lease_wrap{
	background-color:#ffe699;
	padding:25px;
	margin-top:70px;
}
.table_pad{
	padding:5px;
}
.scroll table{
width:100%;
}
.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}

.waku_blue{
	border:2px solid #6495ed;
	margin-top:10px;
	border-radius:8px;
	padding:30px;
}
.waku_blue2{
	border:2px solid #6495ed;
	padding:30px;
}
.waku_blue3{
	border:2px dotted #6495ed;
	padding:5px;
	border-radius:0 0 5px 5px;
}


.main_left{
	float:left;
	width:300px;
}

.main_right{
	float:right;
	width:680px;
	text-align:left;
	margin-left:20px;
	font-weight:normal;
}

.wrap_jirei{
	padding:0 0px;
	text-align:center;
	width:680px;
	height:720px;
	margin-top:8px;
	font-size:12px;
	font-weight:bold;
}

.bunner_img{
	width:680px;
	height:180px;
}

#fixed {
	display:none;
}
#fixed_footer {
	display:none;
}

.footer_wrap{
	text-align:left;width:1000px;margin:0 auto;
}
.footer_tx{
	text-align:left;width:800px;float:left;
}
.footer_menu{
	float:left;margin-left:10px;width:600px;
	font-size:13px;
}
.sp_non{
	display:block;
}
.pc_non{
	display:none;
}
.tokutei{
	float:right;margin-right:28px;
}

.l-header2{
	display:none;
}
.maincontents{
	float:right;
	width:680px;
	text-align:left;
	margin-left:20px;
	font-weight:normal;
	margin-top:0px;
}
.maincontents_top{
	float:right;
	width:680px;
	text-align:left;
	margin-left:20px;
	font-weight:normal;
	margin-top:0px;
}
.right_menu{
	float:left;
	width:300px;
}
.right_menu_top{
	float:left;
	width:300px;
	margin-top:0px;
}
.search{
	width:120px;
}
.header_logo{
	width:240px;
	float:left;
}
.terop{
	float:left;
	text-align:left;
	padding-left:4px;
	color:#888;
	margin-top:2px;
}
.title{
	width:760px;float:left;
}
.nattoku{
	width:184px;
	height:52px;
	margin-right:4px;
}
.voice{
	width:98px;
	height:52px;
}
.header_obi{
	height:30px;
	background-color:#0823bb;
	color:#fff;
	padding-top:5px;
	padding-left:5px;
	font-size:1rem;
	text-align:center;
}

.map_img{
	border:1px solid #aaa;
	width:px;
	height:px;
	margin:18px 4px 4px 0;
}
.map_obi{
	background-color:#000080;
	color:#ffffff;
	margin-top:30px;
}
.gaswater{
	width:600px;
	height:300px;
	margin-top:20px;
}
.gaswater2{
	width:600px;
	height:468px;
}
.eco_img{
	width:500px;
	height:250px;
}
.lease_left{
	width:47%;
	float:left;
}
.lease_right{
	width:45%;
	float:right;
	padding:20px;
}
.lease{
	margin-top:20px;
	font-size:1.5rem;
	color:#fff;
	background-color:#6495ed;
	border-radius:5px 5px 0 0/5px 5px 0 0;
	padding-top:5px;
}
.guide_banner{
	width:338px;
	height:198px
}
.guide_wrap{
	border-bottom:0px solid #eef;
	float:left;
	width:340px;
	margin-top:16px;
	text-align:center;
}
.type_img{
	width:230px;
	float:left;
}
.guide_tx{
	margin:70px 0px;
}
.pribacy{
	width:800px;
	text-align:left;
	margin:12px 100px;
}
.bread2{

	text-align:left;
	padding-left:4px;
	color:#888;
	width:500px;
	float:left;
}
.remo_ki{
	float:left;
	width:430px;
	padding:10px;
}
.remo_p{
	width:680px;
	margin:0 auto;
}
.remo_p2{
	border:3px solid #fce2c4;
	padding:15px;
}
.remotx_big{
	clear:both;
	text-align:center;
	color:#666;
	font-size:1.7rem;
	margin-top:30px;
}
.trow_size, .trow_size_k{
	width:50px;
	text-align:center;
}
.trow_type{
	width:80px;
	text-align:center;
}
.trow_type_k{
	width:100px;
	text-align:center;
}
.trow_type_s{
	width:120px;
	text-align:center;
}
.trow_name{
	width:190px;
	display:inline-block;
}
.trow_name_k{
	width:170px;
	display:inline-block;
}

.trow_name_s{
	width:150px;
	display:inline-block;
}
.trow_teika{
	width:90px;
	text-align:right;
}
.trow_tx{
	width:100px;text-align:right;color:#f00;font-weight:bold;font-size:16px;
}
.trow_img{
	width:60px;
	text-align:center;
	color:#fff;
}
.trow_image{
	width:38px;
	height:20px;
	margin:0px 0 0 0;
}
.main_order{
	text-align:center;
	border:1px solid #0823bb;
	width:918px;
	margin-left:40px;
	margin-top:0px;
}
.order_p{
	width:600px;
	height:300px;
	margin-top:20px;
}
.order_con{
	text-align:left;
	background-color:#0823bb;
	color:#fff;
	text-weight:bold;
	padding:2px 12px;
	width:896px;
	margin-top:12px;
	margin-left:40px;
}
.wrap_order{
	margin-top:8px;
}
.order_t{
	text-align:left;
	background-color:#0823bb;
	color:#fff;
	text-weight:bold;
	padding:2px 12px;
	width:896px;
	margin-top:12px;
	margin-left:40px;
}
.order_guide{
	text-align:left;
	background-color:#0823bb;
	color:#fff;
	text-weight:bold;
	padding:2px 12px;
	width:896px;
	margin-top:12px;
	margin-left:40px;
}
.order_guide{
	text-align:left;
	padding:12px 12px;
	width:894px;
	margin:0 0 8px 40px;
	border:1px solid #0823bb;
}

.order_cus{
	text-align:left;
	background-color:#0823bb;
	color:#fff;
	text-weight:bold;
	padding:2px 12px;
	width:896px;
	margin-top:12px;
	margin-left:40px;
}
.order_cusform{
	margin-top:4px;
	width:920px;
	margin-left:40px;
}
.order_mail{
	width:400px;
}
.order_guide_t{
		text-align:left;
		background-color:#0823bb;
		color:#fff;
		text-weight:bold;
		padding:2px 12px;
		width:896px;
		margin-top:12px;
		margin-left:40px;
}
.order_guide_con{
	text-align:left;
	padding:12px 12px;
	width:894px;
	margin:0 0 8px 40px;
	border:1px solid #04f;
}
.order_contact{
	width:600px;
	border:1px solid #aaa;
}
.order_tel{
	width:200px;
}
.order_add{
	width:460px;
}
.order_maker{
	width:400px;
}
.done{
	margin-top:12px;
	width:940px;
}
.order_sub{
	width:200px;
	height:34px;
}
.nattoku_b{
	clear:both;
	margin-bottom:10px;
}
.nattoku_b1{
	width:184px;
	height:52px;
	margin-right:4px;
}
.nattoku_b3{
	width:184px;
	height:52px;
	margin-right:22px;
}
.nattoku_koe{
	width:80px;
	height:52px;
}
.telbanner{
	display:none;
}
.old_s{
	margin-left:180px;
	width:354px;
	display:block;
	box-sizing: border-box;
}
.302v{
	width:270px;
}
.box_brown{
	background-color:#4d4326;
	padding:2px 10px 2px;
	color:#fff;
	font-size:1rem;
	margin-left:5px;
}
.flexeco{
	display:flex;
	flex-diretion: row;
	flex-wrap:nowrap;
	justify-content: center;
	
}
.flexeco_cild{
	width:100%;
	text-align:center;
	border-left:1px solid #666;
	border-bottom:1px solid #666;
	padding:5px 0px 5px;
	color:#000;
	box-sizing: border-box;
}
.flexeco_cild:last-child{
	border-right:1px solid #666;
	box-sizing: border-box;
}


.opa{
	opacity:0.8;
}

.lineup{
	border:0px solid #666;
	margin-top:0px;
}
.lineup_head{
	border-left:1px solid #666;
	border-right:1px solid #666;
	border-top:1px solid #666;
	background-color:#222;
	color:#FFF;
	text-align:center;
	font-size:1.6rem;
}
.price_space{margin-bottom:-5px;}

.remocon_kinou{
	background-color:#fff3b8;
	padding:5px;
	color:#000;
	border-radius:5px;
	line-height:140%;
	margin-top:5px;
	height:155px;
}
.remocon_kinou2{
	background-color:#fff3b8;
	padding:5px;
	color:#000;
	border-radius:5px;
	line-height:140%;
	margin-top:5px;
	height:135px;
}
#blockkami {
    position: relative;
    padding: 5px 0px 5px 10px;;
    color: #50391b;
    background: #f2e5ba;
    font-weight:bold;
    margin-top:20px;
    border:1px solid #50391b;;
}
.basic_tx{
	margin-top:5px;
	margin-left:8px;
}

.locate{
	float:left;
	width:520px;
}
.locate_kabe{
	float:left;
	width:510px;
}
.locate_tes{
	float:left;
	width:360px;
}


.locate_p{
	float:left;
	width:150px;
	margin-right:10px;
}
.locate_p_tes{
	float:left;
	width:300px;
}

.tx_w{color:#fff;}
.tx_yellow{color:#ffff00;}
.tx_red{color:#d7000f;}
.tx_gray{color:#ccc;}
.tx_blue2{
	font-size:1rem;
	margin-left:20px;
}
.tx_blue3{color:#191970;}
.tx_ecoone{font-size:0.75rem;}
.tx_bl{color:#000;}
.tx_blue{font-size:1rem;color:#3366cc;}
.tx_var{font-size:0.7rem;}
.tx_small5{font-size:0.7rem;}
.tx_big{font-size:1.25rem;}
.tx_var2{font-size:1rem;}
.tx_mid{font-size:1.1rem;}
.tx_big15{font-size:1.5rem;}
.tx_bigbig{font-size:2rem;}
.tx_big3{font-size:3rem;}
.tx_big4{font-size:4rem;}
.tx_dred{color:#762f07;}
.tx_fs09{font-size:0.9rem;}
.tx_fs08{font-size:0.8rem;}
.mosgreen{color:#3a797e;}
.futi{

	  text-shadow    : 
       2px  2px 1px #fff,
      -2px  2px 1px #fff,
       2px -2px 1px #fff,
      -2px -2px 1px #fff,
       2px  0px 1px #fff,
       0px  2px 1px #fff,
      -2px  0px 1px #fff,
       0px -2px 1px #fff;        /* 文字の影 */
}
.small_tx{font-size:0.75rem;}
.small_tx2{font-size:0.67rem;}
.small_tx3{font-size:0.7rem;}

.fleft{float:left;}
.fleft_pc{float:left;}
.fright{float:right;}
.fright_pc{float:right;}
.w400{width:400px;}
.w680{width:680px;box-sizing: border-box;}
.w70_r{width:70%;box-sizing: border-box;}
.w30_r{width:30%;box-sizing: border-box;}
.w25_r{width:24%;box-sizing: border-box;}
.w20_r{width:20%;box-sizing: border-box;}
.w30{width:33%;box-sizing: border-box;}
.w50_sp{margin-right:10px;}
.w_auto_sp100{width:auto;box-sizing: border-box;margin-right:0px;}
.bg_beige{background-color:#eae1cf;box-sizing: border-box;}
.bg_beige:hover{
	box-sizing: border-box;
	background-color:#fff;
}
.bg_black{background-color:#000;}
.bg_yellow{background-color:#fff1cf;}
.bg_gray{background-color:#eee;}
.bg_gray2{background-color:#ccc;}
.bg_gray3{background-color:#bbb;}
.bg_gray4{background-color:#ddd;}
.bg_gray5{background-color:#666;}
.bg_blue{background-color:#d6e4e5;}
.bg_blue2{background-color:#68a4d9;}
.bg_blue_light{background-color:#cce4ff;}
.bg_green{background-color:#89c12c;}
.bg_bluegreen{background-color:#32a8c6;padding: 1em 1.5em;}
.bg_orange_light{background-color:#ff9400;}
.bg_stripe {
    padding: 1em 1.5em;
    margin: 10px 0;
   background: -webkit-repeating-linear-gradient(-45deg, #e8f1ff, #e8f1ff 3px, #d6e7ff 3px, #d6e7ff 6px);/*ストライプ*/
    background: repeating-linear-gradient(-45deg, #e8f1ff, #e8f1ff 3px, #d6e7ff 3px, #d6e7ff 6px);/*ストライプ*/
    color: #000000;/*文字色*/
}
.bg_stripe2 {
	border-radius:15px;
    padding: 1em 1.5em;
    margin: 10px 0;
   background: -webkit-repeating-linear-gradient(-45deg, #fffacd, #fffacd 3px, #fff 3px, #fff 6px);/*ストライプ*/
    background: repeating-linear-gradient(-45deg, #fffacd, #fffacd 3px, #fff 3px, #fff 6px);/*ストライプ*/
    color: #000000;/*文字色*/
}
.bg_stripe p {
    margin: 0; 
    padding: 0;
}

.ma_auto{margin:0 auto;}
.fb{font-weight:bold;}
.tl{text-align:left;}
.pd2{padding:2px;}
.pd5{padding:5px;}
.pd10{padding:10px;}
.pd10_r{padding:10px;}
.pd15{padding:15px;}
.pd20{padding:20px;}
.pd2_5{padding:0.5% 1.5% 0.3%;}

.ml3{margin-left:3px;}
.ml5{margin-left:5px;}
.ml5_pc{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;box-sizing: border-box;}
.ml8{margin-left:8px;}
.ml20_pc{margin-left:20px;}

.locate_tx{float:left;width:520px;}


.pd_left5{padding-left:5px;}
.pd_right5{pading-right:5px;}
.doted{border:1px dotted #666;}
.dot{border-bottom:1px dotted #999;}
.remo_s{
	width:107px;
	height:100px;
}


.button_css1 {
  font-family: "Yu Gothic", YuGothic, Verdana, 'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
  text-align: center;
  padding-top: 0px;
}
.btn-open {
  display: inline-block;
  padding: 0 3%;
  height:50px;
  text-align: center;
  background-color: #68a4d9;
  font-size: 1rem;
  line-height: 52px;
  color: #fff;
  text-decoration: none;
  border: 2px solid #b1cbe6;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.btn-open:after{
  width: 100%;
  height: 0;
  content:"";
  position: absolute;
  top: 50%;
  left: 50%;
  background : #FFF;
  opacity: 0;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transition: .2s;
  z-index: -1;
}
.btn-open:hover{
  color: #68a4d9;
}
.btn-open:hover:after{
  height: 600%;
  opacity: 1;
}
.btn-open:active:after{
  height: 340%;
  opacity: 1;
}
.bor_brown{border:1px solid #3d2222;}
.bor_blue{border:5px solid #89c4ff;box-sizing: border-box;}
.bor_blue_light{border:5px solid #b1cbe6;box-sizing: border-box;}
.bor_sp1{border-right:1px dotted #999;}
.bor_b{border-bottom:1px solid #ccc;}
.bor1{border:1px solid #666;}
.bor_lightgray{border:1px dotted #aaa;}
.bor_gray{border:1px solid #ccc;}
.bor_red{border:1px solid #a40000;box-sizing: border-box;}
.bor_green{border:1px solid #89c12c;box-sizing: border-box;}
.back_brown{
	background-color:#f2e5ba;
}
.flex-container {
	display: flex;
	justify-content: center;
	box-sizing: border-box;
}
.flex-container_s {
	display: flex;
	box-sizing: border-box;
}
.flex-container_sp100 {
	display: flex;
}
/*フレックスボックスの中身を均等にする、中身に設定*/
.flex1{flex: 1;}

/*画像の高さをそろえたい場合は↑の	align-items: flex-start; とる　	flex-wrap:nowrap;*/



.flex-item {
	box-sizing: border-box;
	width:100%;
	height:auto;
	flex: 1;
}
.flex-item50 {
	box-sizing: border-box;
	width:calc((100% - 20px)/2);
	height:auto;
}
.waku_green2{
	border:1px solid #99cc33;
	padding:3px 10px;
	color:#fff;
	border-radius:18px;
}
.waku_green{
	background-color:#9fc24d;
	font-size:0.7rem;
	color:#fff;
	margin:0 3px 3px;
	padding:2px 5px 2px;
	letter-spacing:0.23rem;
}
.waku_pink{
	background-color:#e29399;
	font-size:0.7rem;
	color:#fff;
	margin:0 3px 3px;
	padding:2px 5px 2px;
}

.rounded3{border-radius:3px;}
.round{border-radius:10px;}
.round5{border-radius:5px;}
/*画像にマウス載せると少し拡大するデザイン*/

.imgWrap img {
	
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.imgWrap img:hover {
	transform: scale(1.5);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}


.img_center {
	display: block;
	margin: 0 auto;
}
.area_title{
	border-bottom: solid 3px #cce4ff;
	position: relative;
}
.area_title:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #4182fa;
  bottom: -3px;
  width: 15%;
}
.area span{display: inline-block;}
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}


.img_50sp{width:90%;}
.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #77a9f5;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #77a9f5;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}

/*ブログ用URL吹き出し*/
.midasi_blue{border-left:7px solid #6495ed;padding-left:5px;font-size:1.2rem;}
.midasi_blue_s{border-left:7px solid #6495ed;padding-left:5px;font-size:1rem;}
.midasi_tx_blue{;color:#68a4d9;font-size:1.5rem;}
.midasi_dot{font-size:1.5rem;border-bottom:1px dotted #666;margin:80px 0 7px 0;color:#000;}

.balloon2 {
  position: relative;
  display: inline-block;
  margin-bottom: 1.5em;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 2px #555;
  border-radius:10px;
  padding:30px;
  box-sizing: border-box;
}

.balloon2:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

.balloon2:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #555;
  z-index: 1;
}

/*ナビタブ用ボタン*/
a.btn_02 {
	display:table-cell;
  background: #b2c6c7;
  border: 1px solid #b2c6c7;
  border-bottom: 1px solid #688182;
  box-sizing: border-box;
  width: 100%;
  height: 70px;
  padding: 2% 2% 1.5% 4%;
  color: #333;
  font-size: 1.1rem;
  line-height:140%;
  text-align: center;
  text-decoration: none;
  position: relative;
  transition-duration: 0.2s;
  white-space: pre;
  border-radius:5px;
}
a.btn_02:hover {
  background: #fff;
  color: #333;
}

a.btn_02:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 8px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  left: 6%;
  margin-top: -7px;
}
a.btn_02:hover:before {
  border-color: transparent transparent transparent #b2c6c7;
}



a.btn_02_dark {

  background: #8eabac;
  border: 1px solid #b2c6c7;
  border-bottom: 1px solid #688182;
  box-sizing: border-box;
  width: 100%;
  height: 70px;
  padding: 1.5% 2% 1.5% 4%;
  color: #333;
  font-size: 1.1rem;
  line-height:140%;
  text-align: center;
  text-decoration: none;
  position: relative;
  transition-duration: 0.2s;
  white-space: pre;
  border-radius:5px;
}
a.btn_02_dark:hover {
  background: #fff;
  color: #333;
}
a.btn_02_dark:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 8px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  left: 6%;
  margin-top: -7px;
}
a.btn_02_dark:hover:before {
  border-color: transparent transparent transparent #b2c6c7;
}





/*ナビタブ用ボタン*/
a.btn_03 {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #68a4d9;
  border: 1px solid #68a4d9;
  box-sizing: border-box;
  width: 100%;
  height: 70px;
  padding: 0 2% 0 4%;
  color: #fff;
  font-size: 0.9rem;
  text-align: left;
  text-decoration: none;
  position: relative;
  transition-duration: 0.2s;
  border-radius:5px;
  border-bottom:2px solid #b1cbe6;
}
a.btn_03:hover {
  background: #fff;
  color: #68a4d9
}
a.btn_03:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 8px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  left: 6%;
  margin-top: -7px;
}
a.btn_03:hover:before {
  border-color: transparent transparent transparent #6495ed;
}



/*タイトルタブ*/
.title_tab{background-color:#b2c6c7;color:#333;padding:8px 25px 0px;border-radius:5px 5px 0 0;font-size:1rem;}

/*タイトルタブ メーカー画像用*/
.title_tab_maker{background-color:#fff;border:2px solid #0823bb;padding:10px 10px 10px;border-radius:5px 5px 0 0;width:120px;height:40px;}

/*小見出し破線上下*/
.midashi_hasen{
	border-top:1px dotted #aaa;
	border-bottom:1px dotted #aaa;
	padding:3px 0px;
}

/*小見出しグレー*/
#midasi_gray{
  border-left: 10px solid #bbb;
  padding-left:10px;
  font-weight:bold;
}
/*小見出しバンザイ*/
.midashi_banzai {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.5rem;
	text-align: center;
	letter-spacing:0.3em;
	color:#444;
}

.midashi_banzai::before,
.midashi_banzai::after {
	content: '';
	width: 2px;
	height: 30px;
	background-color: #444;
}

.midashi_banzai::before {
	margin-right: 30px;
	transform: rotate(-35deg)
}
.midashi_banzai::after {
	margin-left: 30px;
	transform: rotate(35deg)
}

/*リモコン表示非表示*/
#F{
    display: none;
}
.F{
    display: inline-block;
    background: #ccc;
    color:#444;
    padding: 2px 10px;
    border-radius:5px;
    cursor: pointer;
    border-right:1px solid #666;
    border-bottom:1px solid #666;
}
.G{
    background: #fff;
    height: 1400px;
    display:none;
}
#F:checked+label+.G{
    display: block;
}
.marker_yellow{
  background:linear-gradient(transparent 60%, #c6e2ff 60%);	;/*linear-gradient(transparent ◯◯%, 使用する色 ◯◯%)*/
}
.marker_blue{
  background:linear-gradient(transparent 50%, #c6e2ff 60%);	;/*linear-gradient(transparent ◯◯%, 使用する色 ◯◯%)*/
}

.circle{
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #c6e2ff;
  text-align:center;
  line-height: 50px;
  font-size:2.5rem;
  font-family:Monotype Corsiva;
  margin-right:-3px;
}
.circle_big{
  display: inline-block;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #68a4d9;
  text-align:center;
  line-height: 70px;
  font-size:3.5rem;
  font-family:Monotype Corsiva;
  color:#fff;
}
.arrow{
	position: relative;
	display: inline-block;
	padding: 0 0 0 22px;
	vertical-align: middle;
	text-decoration: none;
}
.arrow::before,
.arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.sample4-6::before{
	box-sizing: border-box;
	width: 17px;
	height: 17px;
	border: 1px solid #fff;
	-webkit-border-radius: 25%;
	border-radius: 25%;
}
.sample4-6::after{
	left: 6px;
	box-sizing: border-box;
	width: 6px;
	height: 5px;
	border: 6px solid transparent;
	border-left: 6px solid #fff;
}
.required{
	background-color:#ff0000;
	padding:3px 6px 2px;
	border-radius:5px;
	color:#fff;
	font-size:0.9em;
}
.modoru a{
    cursor:pointer;
}
/* 購入 */
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.btn,
a.btn,
button.btn {
	box-sizing: border-box;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  width:100%;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0rem;
  padding:1em;
}
a.btn--orange {
  color: #fff;
  background-color: #ff9400;
  border-bottom: 2px solid #c27111;
}
a.btn--orange:hover {
  margin-top: 0px;
  color: #fff;
  background: #f56500;
  border-bottom: 2px solid #b84c00;
}
.maker_logo{
	width:120px;
}
.kinou_blue{
	font-size:13px;background-color:#6699cc;color:#fff;padding:1px 7px;font-weight:normal;margin-right:1px;
}

.kinou_yellow{
	font-size:15px;background-color:#ff9400;color:#fff;padding:2px 7px;font-weight:normal;margin-right:1px;
}
.kinou_nasi{
	font-size:13px;background-color:#fff;color:#fff;padding:1px 7px;font-weight:normal;margin-right:1px;
}
/*リボン付タイトル*/
.title_ribon {
    position: relative;
    display: inline-block;
    height: 40px;
    line-height: 42px;
    padding: 0 20px 0 10px;
    background-color: #C1DDE1;
    color: #353535;
    font-size: 0.9rem;
    font-weight: bold;
    text-align: center;
    width:100%;
    margin-bottom:2px;
}
.title_ribon::before {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 0px;
    height: 0px;
    border: none;
    border-top: 10px solid transparent;
    border-right: 20px solid #999;
    content: '';
}
.table{
	display:table;
}
.table-cell {
	display:table-cell;
  }
.nowrap{white-space: nowrap;}
.plugimg{
	background-image: url(images/pluginmodel_x5_s.png);
	background-repeat: no-repeat;
	background-size:80px 80px;
}

/* 表示非表示切替 */
.clicktxt {
	color:#000;
	background-color: #ccc;
	padding:5px 20px;
	border-radius: 0px;
	border:0px solid #666;
}

.clicktxt_s {
	color:#666;
	font-weight:bold;
	background-color: #ccc;
	padding:0px 4px;
	border-radius: 5px;
	border:0px solid #666;
}


.switchdsp input {
	display: none;
}

.switchdsp .dsp {
	padding: 0px 10px 0px 10px;
	height: 0;
	overflow: hidden;
	transition: 0.9s;
	opacity: 0;
}

.switchdsp input:checked ~ .dsp {
	padding: 0px 0px 0px 0px;
	height: auto;
	opacity: 1;
}

.switchdsp_2 input {
	
}

.switchdsp_2 .dsp {
	padding: 0px 10px 0px 10px;
	height: 0;
	overflow: hidden;
	transition: 0.9s;
	opacity: 0;
}

.switchdsp_2 input:checked ~ .dsp {
	padding: 0px 0px 0px 0px;
	height: auto;
	opacity: 1;
}
.makerlogo{
	width:300px;
	height:44px;
}
.search_banner{
	width:300px;
	height:100px;
}

.col4{
	width:160px;
	float:left;
	margin-right:10px;
}
.col4_end{
	width:160px;
	float:left;
}
.col4_mr0{
	width:170px;
	float:left;
}
.form_photo{
	margin-top:20px;
}
/* 表示非表示切替ここまで */
.form_input::file-selector-button{
	color:#fff;
	font-size:1.2rem;
	margin-bottom:20px;
	background-color:#ff9400;
	 border: 0;
	 padding: 8px 16px;
	 border-radius: 5px;
}
.op_left{
	width:220px
}
.head_tx{
	font-size:0.8rem;
}
.head_p1{margin-top:5px;}
.qa_q::before{
	content:"Q ";
	color:red;
}
.qa_a::before{
	content:"A ";
	color:red;
}
@media screen and (max-width:960px){
.head_tx{font-size:0.6rem;}
.head_p1{margin-top:-4px;}
}

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


.op_left{
	width:130px;
}
.w100_r{width:100%;}
.form_photo{
	width:50%;
}

.col4{
	margin-top:20px;
	width:47%;
	float:left;
	margin-right:2%;
}
.col4_end{
	margin-top:20px;
	width:47%;
	float:left;
}
.col4_mr0{
	margin-top:20px;
	width:47%;
	float:left;}
.right_banner{
	width:90%;
	height:auto;
}
.makerlogo{
	width:90%;
	height:auto;
}
.banner01{
	width:100%;
	height:auto;
}
.plugimg{
	background-image: url(images/pluginmodel_x5_s.png);
	background-repeat: no-repeat;
	background-size:40px 40px;
}
/*リボン付タイトル*/
.title_ribon {
    position: relative;
    display: inline-block;
    height: 43px;
    line-height: 18px;
    padding: 0 20px 0 10px;
    background-color: #C1DDE1;
    color: #353535;
    font-size: 0.75rem;
    font-weight: bold;
    text-align: center;
    width:100%;
    margin-bottom:2px;
    padding-top:5px;
}
/* エコワン */
.eco_lineup{margin-top:1.8rem;}
.ecoone_type_big{
	background-color:#68a4d9;
	color:#fff;
	text-align:center;
	font-size:0.7rem;
	height:2rem;
	line-height:110%;
	vertical-align: middle;
}
.ecoone_type_big_non{
	background-color:#fff;
	color:#fff;
	text-align:center;
	font-size:0.6rem;
	height:30px;
}
.ecoone_type_big2{
	background-color:#57b2ad;
	color:#fff;
	text-align:center;
	font-size:0.7rem;
	height:2rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ecoone_type_big2_non{
	background-color:#fff;
	color:#fff;
	text-align:center;
	font-size:0.7rem;
	height:2rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.tx_var{font-size:0.5rem!important;}
.tx_var2{font-size:0.6rem;}
.btn-open {
  font-size: 0.8rem;
}

/* ページトップ */
.pageTop {
background:url(https://mirize.co.jp/images/tophe.png) no-repeat 0 0;
position: fixed;
right: 0;
bottom: 140px;
background-size:40px;
}

.w680{width:100%;}
.flex-item50 {
	box-sizing: border-box;
	width:100%;
	height:auto;
}
.adjust{display: block;padding-top:105px;margin-top:-105px;}
/*リモコン表示非表示*/
.G{
    background: #fff;
    height: 1600px;
    display:none;
}

.ml5_pc{margin-left:0px;}
.ml20_pc{margin-left:0px;}

/*ナビタブ用ボタン*/
a.btn_02 {
	line-height:120%;
    font-size: 0.8rem;
    padding: 6% 2% 5% 4%;
}
a.btn_02_dark {
	line-height:120%;
    font-size: 0.8rem;
    padding: 5% 2% 5% 4%;
}
.ecoone_auto{
	font-size:0.7rem;
	text-align:center;

}
.ecoone_04{
	margin:10px 0 5px;
	text-align:center;
	font-size:0.7rem;
}
.hyou_td{
	background-color:#fff;
	font-size:0.6rem;
	padding:0 0px;
	text-align:center;
}
.mt130_sp{margin-top:130px;}
.img_50sp{width:50%;}
.paypayjumbo{margin-top:-20px;}
.mt15_pc{margin-top:0px;}
.mt10_pc{margin-top:1px;}
.tx_ecoone{font-size:0.5rem;}
.small_tx2{font-size:0.63rem;}
.small_tx3{font-size:0.63rem;}
.small_tx4{font-size:0.7rem;}
.tx_bigbig{font-size:1.5rem;}
.tx_small5{font-size:2.8vw;}
.bor_sp1{border-left:1px dotted #999;border-right:1px dotted #999;}
.w50_sp{width:50%;box-sizing: border-box;margin-right:0px;}
.w_auto_sp100{width:100%;box-sizing: border-box;margin-right:0px;}
.w70_r{width:100%;box-sizing: border-box;}
.w30_r{width:100%;box-sizing: border-box;}
.w25_r{width:100%;box-sizing: border-box;}
.w20_r{width:100%;box-sizing: border-box;}
.w30{width:30%;}
.pd10_r{padding:5px;}
.flex-container {
	display: flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	 -ms-flex-wrap:wrap;
	justify-content: space-between;
}
.flex-container_sp100 {
	display: block;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	 -ms-flex-wrap:wrap;
	justify-content: space-between;
}

.flex-item {
	box-sizing: border-box;
	height:auto;

}




#footer{
	margin-bottom:80px;
}
#fixed {
	display:block;
 	position: fixed; /* 要素の位置を固定する */
 	top: 0; /* 基準の位置を画面の一番下に指定する */
 	width: 100%; /* 幅を指定する */
 	left: 0; /* 基準の位置を画面の一番右に指定する */
 	margin-left:0;
 	z-index:100;
 	background-color:#fff;
 	height:110px;
 	border-bottom:1px solid #192f60;
 	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
 	padding:5px;
}

#fixed_footer {
	display:block;
 	position: fixed; /* 要素の位置を固定する */
 	bottom: 0; /* 基準の位置を画面の一番下に指定する */
 	width: 100%; /* 幅を指定する */
 	left: 0; /* 基準の位置を画面の一番右に指定する */
 	margin-left:0;
 	z-index:100;
 	background-color:#bc1b21;
 	height:115px;
 	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
 	padding:5px 5px 1px;
 	border-top:6px solid #fff;
}

#lowboy{
	margin-top:-120px;
	padding-top:120px;
}

.waku_stan{
	border:1px solid #68a4d9;
	padding:2px;
	margin-top:20px;
}

.flex{
  padding: 2.5% 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.remo_s{
	width:50%;
	height:auto;
}
.zeikomi_w{
	font-size:0.6rem;
	color:#fff;
	font-weight:normal;
	line-height:100%;
}
.locate_kabe{
	float:none;
	width:100%;
}
.locate_tx{float:none;width:100%;}
.fleft_pc{float:none;}
.locate_p{
	width:45%;
	margin-right:10px;
}
.locate{
	width:50%;
}
.small_tx{font-size:0.7rem;}
.remocon_kinou{
	padding:3px;
	line-height:160%;
	font-size:0.6rem;
	height:auto;
}
.stan_item{
	border:1px solid #999;
	padding:0.5%;
	float:left;
	margin:4px;
	width:28%;
}
.stan_item_eco{
	padding:2%;
	float:left;
	width:50%;
	border:1px solid #ccc;
	box-sizing: border-box;
}
.stan_item_sp{
	border:1px solid #999;
	padding:1%;
	float:none;
	margin:4px;
	width:100%;
}
.kakaku_kanta{
	font-size:1.3rem;
	color:#d70101;
	font-weight:bold;
	text-align:center;
	height:60px;
	padding-top:4%;
	background-color:#eee;
	border-radius:10px;
	margin-bottom:5px;
	line-height:110%;
}
.kakaku_kantatx2{
	font-size:0.75rem;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.price_space{margin-bottom:0px;}
.kakaku_kanta_dx{
	font-size:0.8rem;
	color:#ffff00;
	font-weight:bold;
	text-align:center;
	background-color:red;
	height:60px;
	padding-top:2%;
	line-height:110%;
}
#ecoone50{
	margin-top:-120px;
	padding-top:120px;
}
#ecoone100{
	margin-top:-120px;
	padding-top:120px;
}
#ecoone160{
	margin-top:-120px;
	padding-top:120px;
}
.eco_kakaku{
	display:inline-block;
	background-color:#ddd;
	padding:5px 15px 5px;
	text-align:center;
	font-size:1.2rem;
	border:2px solid #ccc;
	width:90%;
}

.fixed_wrap{
	margin-top:5px;
	text-align:left;
	width:100%;
}
h1
{
	font-size:12px;
	color:#3f1911;
}
.302v{
	width:100px;;
}
.old_s{
	margin-left:0px;
	width:100%;
	display:block;
}
.fix1{
	font-size:0.68rem;
	vertical-align:top;
	color:#3f1911;
}
.fix2{
	font-size:0.65rem;
	vertical-align:top;
	color:#3f1911;
}
.fix3{
	font-size:0.65rem;
	vertical-align:top;
	color:#3f1911;
}
.fix5{
	font-size:0.6rem;
	vertical-align:top;
	color:#3f1911;
}
.fix4{
	width:93px;
	margin-left:5px;
	margin-top:4px;
}
.telbanner{
	display:block;
	
	padding:10px;
	margin-top:0px;
}
.telbanner_top{
	display:block;
	padding:0 13px 0px;
}
.hidden_box input {
    display: none;
}
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
.hidden_box .hidden_show2 {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}
.hidden_box input:checked ~ .hidden_show2 {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}
.hidden_show li{
	margin-left:0;
	list-style: none;
	line-height:200%;
}
.hidden_show2 li{
	margin-left:0;
	list-style: none;
	line-height:200%;
}
.hidden_show2 li{
	margin-left:0rem;
	list-style: none;
}
.hidden_show a {
	padding-left:1em;
}
.menu_child{
	margin-left:10px;
	list-style: none;
}
.nattoku_b1{
	width:25%;
	height:auto;
	margin-right:4px;
}
.nattoku_b3{
	width:25%;
	height:auto;
	margin-right:22px;
}
.nattoku_koe{
	width:15%;
	height:auto;
}
.nattoku_b{
	width:100%;	
}
.head_logow{
	float:right;
	margin-top:3%;
	margin-right:52px;
}
.warr_img1{
	width:20%;
}
.order_sub{
	margin-top:30px;
}
.button1a
{
	font-size:1.3rem;
	width:300px;
	height:50px;
}
.button1a:hover
{
	font-weight:bold;
	background-color:#46f;
	color:#fff;
	border:1px solid #00a;
	padding:2px;
	margin:2px;
	margin-top:20px;
}
.order_maker{
	width:90%;
}
.order_cusform{
	margin-top:4px;
	width:100%;
	margin-left:0px;
}
.table03{
	border-collapse: separate;
	border-spacing: 0px;
	border-top: 1px solid #0227b6;
	border-left: 1px solid #0227b6;
	border-bottom: 1px solid #0227b6;
	border-right: 1px solid #0227b6;
	margin-top:12px;
	width:100%;
	margin-left:0px;
	box-sizing: border-box;
}



.table03 th{
	display:block;
	width:100%;
	padding:4px 5px;
	text-align: left;
	vertical-align: top;
	color: #444;
	background-color: #def;
	border-left: 4px solid #0227b6;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.table03 td
{
	display:block;
	text-align:left;
	width:100%;
	padding:20px 5px;
	background-color: #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.table03_remo{
	border-collapse: separate;
	border-spacing: 0px;
	border-top: 1px solid #04F;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #04F;
	border-right: 1px solid #04F;
	margin-top:12px;
	width:98%;
	margin-left:0px;
	box-sizing: border-box;

}

.table03_remo th{
	display:table-cell;
	width:33%;
	padding:4px 5px;
	text-align: left;
	vertical-align: top;
	color: #444;
	background-color: #def;
	border-left: 4px solid #00f;
	border-top: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.table03_remo td
{
	display:table-cell;
	text-align:left;
	width:33%;
	padding:20px 5px;
	background-color: #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.order_add{
	width:90%;
}
.order_tel{
	width:100%;
}
.order_contact{
	width:100%;
	border:1px solid #aaa;
}

.order_mail{
	width:90%;
}
.order_cus{
	text-align:left;
	background-color:#04f;
	color:#fff;
	text-weight:bold;
	padding:2px 2px;
	width:100%;
	margin-top:12px;
	margin-left:0px;
	font-size:1rem;
}

.order_guide_t{
	text-align:left;
	background-color:#04f;
	color:#fff;
	text-weight:bold;
	padding:2px 5px;
	width:95%;
	margin:12px auto 0;
	font-size:1rem;
	box-sizing: border-box;
}
.order_guide_con{
	text-align:left;
	padding:12px 2px;
	width:95%;
	margin:0 auto 8px;
	border:1px solid #04f;
	box-sizing: border-box;

}
.order_t{
	padding:2px 2px;
	width:98%;
	margin:12px auto 0;
	font-size:1rem;
}
.main_order{
	text-align:center;
	border:1px solid #04f;
	width:95%;
	margin:0 auto;
}
.wrap_order{
	margin:0 auto;
	width:95%;
	
}
.order_con{
	text-align:left;
	background-color:#04f;
	color:#fff;
	text-weight:bold;
	padding:2px 12px;
	width:100%;
	margin-top:12px;
	margin-left:0px;
}
.order_p{
	width:100%;
	height:auto;
	margin-top:20px;
}
.trow_tx{
	width:100%;
	text-align:center;
	color:#f00;
	font-weight:bold;
	font-size:14px;
	float:left;
}
.trow_teika{
	width:100%;
	text-align:left;
	float:left;
	margin-left:10px;
}
.trow_price{
	font-size:1.3rem;
}
.trow_teikanum{
	float:left;
}
.trow_size , .trow_size_k{
	width:40%;
	margin-left:5%;
	text-align:center;
	float:left;
	background-color:#99cc33;
	color:#fff;
	font-weight:bold;
}
.trow_type, .trow_type_s , .trow_type_k{
	width:40%;
	text-align:center;
	float:left;
	background-color:#89c4ff;;
	color:#fff;
	font-weight:bold;
}
.trow_name, .trow_name_s, .trow_name_k{
	width:96%;
	font-size:1.2rem;
	text-align:center;
	border-top:1px solid #58f;
}
#table
{
	display:block;
	border-top:1px solid #58f;
	border-left:1px solid #58f;
	border-right:1px solid #58f;
	border-bottom:1px solid #58f;
}
#trow
{
	display:block;
}
#trow2
{
	display:none;
	
}
#trow>div
{
	vertical-align:middle;
	display:block;
	padding:2px 8px 0px 8px;
	border-right:0px solid #58f;
	border-bottom:0px solid #58f;
}
.remo_number{
	width:20px;
	margin-bottom:5px;
}
.apuri_p{
	width:150px;
}
.remotx_big{
	clear:both;
	text-align:center;
	color:#666;
	font-size:1.2rem;
	margin-top:30px;
}
.remo_p{
	width:100%;
	margin:0 auto;
}
.remo_p figure{
	margin:0;
	padding:0;
}
.remo_p2{
	border:3px solid #fce2c4;
	padding:5px;
}
.remo_ki{
	float:none;
	width:95%;
	padding:10px;
}
.bread{
	margin:130 0 8px 0;
	font-size:0.8rem;
}
.pribacy{
	width:90%;
	text-align:left;
	margin:12px 00px;
}
.bread2{
	float:none;
	margin-top:130px;
	width:100%;
}
.guide_tx{
	margin:0px 0px;
}
.type_img{
	width:70%;
	float:none;
}
.guide_num{
	width:50px;
	float:left;
}
.guide4_rogo{
	width:70%;
}
.guide_wrap{
	border-bottom:0px solid #eef;
	float:none;
	width:100%;
	margin-top:16px;
	text-align:center;
}
.guide_banner{
	width:80%;
	height:auto
}
.zeikomi{
	font-size:0.6rem;
	color:#000;
	font-weight:normal;
	line-height:80%
}

.kakaku_kanta{
	font-size:0.8rem;
	color:red;
	font-weight:bold;
	text-align:center;
	height:60px;
	padding-top:0.8em;
	background-color:#ffedab;
	border-radius:5px;
	margin-bottom:5px;
}
.kakaku_kantatx{
	font-size:0.7rem;
	color:red;
	font-weight:bold;
	text-align:center;
	padding-top:0px;
	line-height:120%;
}
.lease{
	margin-top:20px;
	font-size:1.1rem;
	color:#fff;
	background-color:#6495ed;
	border-radius:5px 5px 0 0/5px 5px 0 0;
	padding-top:5px;
}
.lease_left{
	width:100%;
	float:none;
}
.lease_right{
	width:100%;
	float:none;
	padding:0px;
}
.eco160{
	width:100%;
	height:auto;
}
.eco_img{
	width:100%;
	height:auto;
}
.gaswater{
	width:100%;
	height:auto;
}

.map_img{
	border:1px solid #aaa;
	width:50%;
	height:auto;
}
.map_obi{
	background-color:#000080;
	color:#ffffff;
	margin-top:50px;
}
.map{
	text-align:center;
}

.table_res tr td{
	display:block;
    float:left;
    clear:both;
    width: 100%;
    box-sizing:border-box;
}
.l-header2{
	display:block;
}
div.fixed_wrap ul li{
	display: inline-block;
	margin-right:7px;
}

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

#container
{
	width:100%;
	margin:0px auto;
	--background-color:#fff;
	--border-left:1px solid #bbb;
	--border-right:1px solid #bbb;
	text-align:center;padding:4px 3px;
}
#container_tab
{
	width:100%;
	max-width:100%;
	min-width:100px;
	margin:0px auto;
	--background-color:#fff;
	--border-left:1px solid #bbb;
	--border-right:1px solid #bbb;
	text-align:center;padding:4px 3px;
}
#header
{
	display:none;
}
#header_tab
{
	display:none;
	max-width:100%;
}
.top_img{
	display:none;
}
.header_obi{
	display:none;
}
.sub_t{
	line-height:150%;
	font-size:0.7rem;
	height:1.6rem;
	color:#666;
}
.sp_norap{
	
}
.head_1{
	width:81px;
	
}
.head_2{
	width:42px;
	text-align:center;
}
.foot_fix1{
	width:32%;
	padding-top:5%;
	padding-bottom:5%;
}
.foot_fix2{
	width:32%;
	padding-top:5%;
	padding-bottom:5%;
}
.foot_fix3{
	width:32%;
	padding-top:5%;
	padding-bottom:5%;
}
.footer_wrap{
	text-align:left;width:100%;margin:0 auto;
}
.footer_tx{
	text-align:center;width:90%;float:left;
}
.footer_menu{
	float:none;margin:auto;width:100%;text-align:center;
}
.sp_non{
	display:none;
}
.pc_non{
	display:block;
}
.tokutei{
	float:none;margin:auto;text-align:center;
	
}


/*ヘッダー*/
.l-header {
	display:block;

  width: 100%;
  height: 100px;
  position: fixed;
  top: 0;
  left: 0;
  z-index:200;

}

/*ドロワー*/
.l-drawer {
  position: relative;
}
.l-drawer__checkbox {
  display: none;
}
.l-drawer__icon {
  cursor: pointer;
  display: block;
  width: 42px;
  height: 42px;
  position: fixed;
  right: 5px;
  top:54px;
}
.l-drawer__icon-parts, .l-drawer__icon-parts:before, .l-drawer__icon-parts:after {
  background-color: #000;
  display: block;
  width: 26px;
  height: 2px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
.l-drawer__icon-parts:before, .l-drawer__icon-parts:after {
  content: " ";
}
.l-drawer__icon-parts:before {
  top: 16px;
}
.l-drawer__icon-parts:after {
  top: -16px;
}
.l-drawer__overlay {
  background: #000;
  opacity: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
}
.l-drawer__menu {
  background: #fff;
  color: #000;
  max-width: 100%;
  width: 250px;
  height: 90vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top: 0;
  right: -270px;
  text-align:left;
  padding:10px;
}
.l-drawer__icon {
  z-index: 1000;
}
.l-drawer__menu {
  z-index: 900;
}
.l-drawer__menu li{
	list-style:none;
}
.l-drawer__overlay {
  z-index: 800;
}
.l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts {
  background: transparent;
}
.l-drawer__checkbox:checked ~ .l-drawer__icon .kesu {
  background: transparent;
  
  top:-100px;
}
.l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 0;
}
.l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0;
}
.l-drawer__checkbox:checked ~ .l-drawer__overlay {
  opacity: 0.3;
  pointer-events: auto;
}
.l-drawer__checkbox:checked ~ .l-drawer__menu {
  right: 0;
}
.
.l-drawer__icon-parts, .l-drawer__icon-parts:after, .l-drawer__icon-parts:before, .l-drawer__overlay, .l-drawer__menu {
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
}
.menu_box{
	background-color:#68a4d9;
	color:#fff;
	border-radius:5px;
	padding:5px 10px;
	margin-bottom:8px;
	height:22px;
}
.menu_box_orange{
	background-color:#f7b543;
	color:#fff;
	border-radius:5px;
	padding:5px 10px;
	margin-bottom:8px;
	height:22px;
}
.menu_t{
	border:1px dotted #b0998b;
	background-color:#f4f9ff;
	padding-left:1em;
	border-radius:5px;
}
.menu_tx{
	color:#3f1911;
	padding:5px;
}
.menu_tx a{
	color:#3f1911;
}
.maincontents{
	float:none;
	width:90%;
	text-align:left;
	margin:0 auto;
	font-weight:normal;
	margin-top:30px;
}
.maincontents_top{
	float:none;
	width:90%;
	text-align:left;
	margin:0 auto;
	font-weight:normal;
	margin-top:0px;
}

.right_menu{
	float:none;
	width:100%;
	margin:0 auto;
	margin-top:30px;
}
.right_menu_top{
	float:none;
	width:100%;
	margin:0 auto;
}
.search{
	width:100%;
}
.header_logo{
	width:400px;
	float:left;
}
.sp_logo{
	float:left;
	width:90px;
	height:auto;
	margin-top:10px;
}
.terop{
	float:left;
	text-align:left;
	padding-left:4px;
	color:#888;
	margin-top:130px;
	font-size:0.8rem;
}
.title_h1{
	width:100%;
	float:none;
	font-size:0.6rem;
}
.nattoku{
	width:25%;
	height:auto;
	margin-right:4px;
}
.voice{
	width:50px;
	height:auto;
}


}


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

}


@media screen and (max-width:375px){
.w50_sp{width:50%;box-sizing: border-box;}

.sp_logo{
	float:left;
	width:100px;
	height:auto;
	margin-top:10px;
}
.head_1{
	width:78px;
}
.head_2{
	width:40px;
}
.l-drawer__icon {
  cursor: pointer;
  display: block;
  width: 41px;
  height: 41px;
  position: fixed;
  right: 5px;
  top:63px;
}
.head_logow{
	float:right;
	margin-top:5.5%;
	margin-right:50px;
}



}


@media screen and (max-width:360px){
.w50_sp{width:50%;box-sizing: border-box;}

.sp_logo{
	float:left;
	width:100px;
	height:auto;
	margin-top:10px;
}
.head_1{
	width:67px;
}
.head_2{
	width:35px;
}
.l-drawer__icon {
  cursor: pointer;
  display: block;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 5px;
  top:62px;
}
.head_logow{
	float:right;
	margin-top:5.5%;
	margin-right:50px;
}
.kakaku_kantatx2{
	font-size:0.35rem;
	color:#fff;
	font-weight:bold;
	text-align:center;
}


}


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


.sp_logo{
	float:left;
	width:80px;
	height:auto;
	margin-top:10px;
}
.head_1{
	width:67px;
}
.head_2{
	width:35px;
}
.l-drawer__icon {
  cursor: pointer;
  display: block;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 5px;
  top:60px;
}
.head_logow{
	float:right;
	margin-top:5.5%;
	margin-right:37px;
}
.kakaku_kantatx{
	font-size:0.6rem;
	color:red;
	font-weight:bold;
	text-align:center;
	padding-top:0px;
	line-height:120%;
}
.kakaku_kanta{
	font-size:0.7rem;
	color:red;
	font-weight:bold;
	text-align:center;
	height:70px;
	padding-top:5px;
	background-color:#ffedab;
	border-radius:5px;
	margin-bottom:5px;
}
.kakaku_kanta_dx{
	font-size:0.6rem;
	color:#ffff00;
	font-weight:bold;
	text-align:center;
	background-color:red;
	height:70px;
	padding-top:5px;
	line-height:120%;
}

}