/* =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: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 500;
	color:#fff;
	 -webkit-text-size-adjust: 100%;
	background:#000;
}

body,html {
 width: 100%;
 height: 100%;
 margin: 0;
 padding: 0;
}


/*全てをクリア*/
.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 */


.left{ float:left}
.right{ float:right; }
/* リンク設定
------------------------------------------------------------*/
a,a:visited{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
 color: #2E75AA; }

a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline: none;
color:rgba(194,9,12,1.00);}

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

.button {
  display: inline-block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.lato{font-family: 'Lato', sans-serif;}
.love{ font-family: 'Love Ya Like A Sister', cursive;}
.plus{ font-family: 'M PLUS Rounded 1c', sans-serif;}
b, strong, .bold{ font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",sans-serif;}

/* レイアウト
------------------------------------------------------------*/
.inner{margin:0 auto; max-width:1200px; width:98%;}
.wrapper .inner{max-width:980px;}
.ayumi .wrapper .inner{max-width:1200px;}
.wrapper{font-size: 16px; font-size: 1.6rem;　padding:0 0 40px; background:#fff; color:#000; overflow: hidden;  width:100%; }
.alignleft{ float:left;}
.alignright{ float:right;}
.center{ text-align:center;}
section{ clear:both; }

/* header
----------------------------------*/

/* header
----------------------------------*/
.sticky {
position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 150px; 
  z-index: 1000; background: rgba(255,255,255,1);
  transition: .3s; 
}
#sidefloatingmenu li.coupon{  display: none;}
.is-animation {
 background: rgba(255,255,255,1); border-bottom: 1px solid #ddd;
}
.sticky .inner{  padding:5px 0;  }
.sticky h1{ max-width:215px; margin:5px 0 0;  float: left;  }
.sticky h1 img{width:100%; height: auto;  }

.sticky h2 {  float: right; font-size:12px; font-size:1.2rem; color:#000;   text-align: right; margin: 20px 0 0; line-height: 1.3;  max-width: 920px; width:75%; }
.sticky h2 span{  display: block; font-family: 'Love Ya Like A Sister', cursive;font-size:20px; font-size:2.0rem; margin: 4px 0 0; }

.sticky nav{ clear: both;  margin:0 auto 0; text-align: center; background: #000; padding: 10px 0;  }
.sticky nav li{ display: inline-block; vertical-align: middle; font-size: 18px; font-size: 1.8rem;   margin: 0px 40px; padding: 0px;  }
.sticky nav li a{ display: inline-block; vertical-align: middle; color: #fff;  padding: 10px 0;  }
.sticky nav li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.sticky nav li a::after {
  position: absolute;
  bottom: -8px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
.sticky nav li a:hover::after {
  bottom: -1px;
  opacity: 1;
  visibility: visible;
}

.about .sticky nav li.headabout a::after,.qurality .sticky nav li.headquality a::after,.shop .sticky nav li.headshop a::after,.online .sticky nav li.headonline a::after{
  bottom: -1px;
  opacity: 1;
  visibility: visible;
}
.privacy .sticky nav li.headshop a::after{
  bottom: -1px;
  opacity: 1;
  visibility:hidden; 
}

         /*ハンバーガーメニューのエフェクト*/
        .slicknav_icon,
        .slicknav_icon span {
            display: inline-block;
            transition: all .4s;
            box-sizing: border-box;
        }
        .slicknav_icon {
            position: relative;
            width: 50px;
            height: 44px;
        }
        .slicknav_menu .slicknav_icon-bar{
            position: absolute;
            left: 0;
        }
        .slicknav_icon span:nth-of-type(1) {
            top: 0;
        }
        .slicknav_icon span:nth-of-type(2) {
            top: 3px;
        }
        .slicknav_icon span:nth-of-type(3) {
            bottom: 0;
        }
        .active .slicknav_icon-bar:nth-of-type(1) {
            -webkit-transform: translateY(6px) rotate(-45deg);
            transform: translateY(6px) rotate(-45deg);
        }
        .active .slicknav_icon-bar:nth-of-type(2) {
            opacity: 0;
        }
        .active .slicknav_icon-bar:nth-of-type(3) {
            -webkit-transform: translateY(-6px) rotate(45deg);
            transform: translateY(-6px) rotate(45deg);
        }
       /*最低限*/
        .slicknav_menu {
            display:none;

        }
      



/* フッター
*****************************************************/
ul.fppterphoto { max-height: 400px; overflow: hidden; }
ul.fppterphoto li{  display: inline-block; vertical-align: middle; width:50%; margin: 0; padding: 0;}
ul.fppterphoto li img{ width:100%; height: auto; }
footer#footer ul{  display: inline-block; vertical-align: top; margin: 20px 35px 0;   }
footer#footer ul.online{  display: inline-block; vertical-align: top; margin: 20px 0 0 35px;   }

footer#footer ul ul{  display: block; margin: 0px 0 0 2em;  }
footer#footer ul li{ margin: 8px 0;  }

footer#footer li a {color:#fff; font-size:14px; fontsize:1.4rem; 
  position: relative;
  display: inline-block;
  text-decoration: none;
}
footer#footer ul li a span{  font-size:12px; fontsize:1.2rem; margin-right: 0.5em; }
footer#footer li a::after {
  position: absolute;
  bottom: -2px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: rgba(194,9,12,1.00);
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
footer#footer li a:hover::after {
  transform: scale(1, 1);
}


footer#footer li a::before{ 
font-family: "Font Awesome 5 Free";
  font-weight: 900; 
  content: "\f105"; 
 padding-right:3px;
}
footer#footer li.home a::before{ 
font-family: "Font Awesome 5 Free";
  font-weight: 900; 
  content: "\f015"; 
 padding-right:3px;
}
footer#footer li li a::before{ 
font-family: "Font Awesome 5 Free";
  font-weight: 900; 
  content: "\f0da"; 
 padding-right:3px;
}


footer#footer ul li.saiyobtn{ margin: 2em 0 0;  border:1px solid rgba(194,9,12,1.00); padding: 0 0em ; }
footer#footer ul li.saiyobtn a {font-size:16px; fontsize:1.6rem;display: block;  margin: 0 0 0 ; padding:  0 0 0 0.5em}
footer#footer ul li.saiyobtn a:hover::after {
  transform: scale(1, 1);
}

footer#footer ul li.saiyobtn a::after {
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(194,9,12,1.00);
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;z-index: -1;
}


footer#footer ul.onlinebtn li b{font-weight: normal;font-size:12px; fontsize:1.2rem; margin: -3em 0 0 0; display: block; }
footer#footer ul.onlinebtn li:first-child a.mobile{ line-height: 1.2; }
footer#footer ul.onlinebtn li:first-child a.mobile::before{ 
font-family: "Font Awesome 5 Free";
  font-weight: 900; 
  content: "\f3cd"; 
 margin:0 0.1em 0 -0.8em;font-size:30px; fontsize:3.0rem;
}





footer#footer ul.privacybtn{  display: block; margin: 20px auto 0 0; text-align: right;   }
footer#footer ul.privacybtn li{  display: inline-block; vertical-align: middle; margin: 0 0 0 2em;   }


footer dl{ border-top:1px solid #fff;border-bottom:1px solid #fff;  margin: 5px auto 0;  padding: 10px 0; font-size:12px; fontsize:1.2rem;    }
footer dl dt,footer dl dd{  display:  inline-block; vertical-align: middle; margin: 10px;}
footer dl dd  div,footer dl dd a{ display: inline-block; vertical-align: baseline;}
footer dl dd h3{font-size:16px; fontsize:1.6rem;  word-spacing: 1em;  margin-bottom: 0px; }
footer dl dd h3{font-size:16px; fontsize:1.6rem;  word-spacing: 1em;  margin-bottom: 0px; }
footer dl dd img{margin:0 1em  0 0; }
footer dl dd a,footer dl dd a:visited { color: #fff; margin-left: 1em;font-size:26px; fontsize:2.6rem; }
footer dl dd a span { font-size:14px; fontsize:1.4rem; margin-right: 0.5em; }
footer dl dd a:hover { color: rgba(194,9,12,1.00);}

footer dl dd span.tel::before{ 
font-family: "Font Awesome 5 Free";
  font-weight: 900; 
  content: "\f098"; 
 padding-right:5px; font-size:18px; font-size:1.8rem;
}

footer dl dd span.tel{ font-size:26px; font-size:2.6rem; margin-right: 1em; 
font-family: 'Lato', sans-serif;}
.address{ padding:10px; text-align:center;  margin: 0 0 5px 0; font-size:10px; font-size:1.0rem; display:block; word-spacing: 0.5em;  }
span.coro{color: #d35757; display: block;  }

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



/* トップ
*****************************************************/
.swiper-container {
        width: 100%;
        height:600px;
      }
      
      .swiper-container h1 { text-align: center;}
      .swiper-container h1 img {  width:100%; max-width: 450px;  height: auto;}



.index  nav.topbtn{  text-align: center; }
.index nav.topbtn li{ width:33%; display:  inline-block; margin:1px; position: relative;/*相対配置*/ }
.index nav.topbtn li img{ width:100%; height: auto;
	-webkit-transition: all 1s;
      -moz-transition: all 1s;
      -ms-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
      opacity: 1;}

.index nav.topbtn li:hover img { opacity: 0; }
.index nav.topbtn li h3{ background: rgba(0,0,0,0.4);  position: absolute;/*絶対配置*/ color: #fff; font-size:26px; font-size:2.6em;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0; width: 300px;
text-shadow: 1px 1px 0 #000,
             -1px 1px 0 #000,
             1px -1px 0 #000,
             -1px -1px 0 #000,;
border: 1px solid #fff; height: 60px; line-height: 60px;overflow: hidden;}

.index nav.topbtn li:last-child  { background:  url("../image/index/btn1.jpg") 0 0  no-repeat; background-size: 100% auto; }
.index nav.topbtn li { background:  url("../image/index/btn2.jpg") 0 0  no-repeat; background-size: 100% auto; }
.index nav.topbtn li:nth-child(2){ background:  url("../image/index/btn32.jpg") 0 0  no-repeat; background-size: 100% auto; }
.index nav.topbtn li:nth-child(2) .caption { display: block; 
	font-size:20px; font-size:2.0em;
	margin: 0 auto; width:80%;
 text-align: left;  color: #F0D26D; position: absolute;/*絶対配置*/
	top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  padding:0;
}
.index nav.topbtn li:nth-child(2) .mask {
	width:			100%;
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0; text-align: center;
	background-color:	rgba(0,0,0,0.8);
	-webkit-transition:	all 0.4s ease;
	transition:		all 0.4s ease;
	-webkit-transform:	scale(0);	/* 大きさを０にして表示しない */
	transform:		scale(0);
}
.index nav.topbtn li:nth-child(2):hover .mask {
	-webkit-transform:	scale(1);	/* 大きさを１にして表示する */
	transform:		scale(1);
}
.index nav.topbtn li:nth-child(2):hover h3 {  display: none; }
.index nav.topbtn li:nth-child(2) .fas{  display: block; font-size:2.6rem;font-size:26px; text-align: center; }
/*案内*/
.index .annai{ font-size:16px; font-size:1.6rem;  background:#fff;  padding: 30px 0; color: #000; text-align: center;}
.index .annai h2{font-size:22px; font-size:2.2rem;margin-bottom: 10px; }
.index .annai p{ margin: 1em auto 0; width:90%; max-width:700px; text-align: left;}
.index .annai p span{ border-bottom: 1px solid #d35757; }
.index .annai dl{ margin: 1em auto 0; width:85%; max-width:calc(700px - 3em);text-align: left;  }
.index .annai dl dt,.index .annai dl dd{ display: inline-block; vertical-align: middle; border-bottom: 1px solid #d35757;  padding: 0.3em 0;}
.index .annai dl dt{ width:4.5em; padding-left: 0.5em}
.index .annai dl dd{ width:calc(100% - 7em); padding-left: 0.5em;  }
.index .annai dl dd:before{  content: ":"; display: inline-block; margin:0 0.5em 0 -0.5em;}


/*new*/
.index nav.topbtnnew{  text-align: center;  padding: 30px 0 0;}
.index nav.topbtnnew h2{font-size:28px; font-size:2.8em; color: #d35757; margin-bottom: 10px; }
.index nav.topbtnnew li{ width:33%; display:  inline-block; margin:1px; position: relative;/*相対配置*/ overflow: hidden; height: 250px;}
.index nav.topbtnnew li img{ width:auto; height: 100%;
	-webkit-transition: all 1s;
      -moz-transition: all 1s;
      -ms-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
      opacity: 1;}
.index nav.topbtnnew li:hover img { transform: scale(1.1, 1.1);}
.index nav.topbtnnew li div{ background: rgba(255,255,255,0.8);  position: absolute;/*絶対配置*/
  top: 0%;
  left: 40%;
  margin:0;
  padding:0;  width: 60%;
text-shadow: 1px 1px 0 #000,
             -1px 1px 0 #000,
             1px -1px 0 #000,
             -1px -1px 0 #000,; height:100%; margin: 0;  color: #074198; }
.index nav.topbtnnew li h3{ color: #d35757;   font-size:26px; font-size:2.6rem; font-weight: bold;  text-align: left; position: absolute;/*絶対配置*/top: 20%; left: 10%; border-bottom: 1px solid #d35757;  }
.index nav.topbtnnew li p{  color: #074198; font-size:20px; font-size:2.0em; text-align: left; position: absolute;/*絶対配置*/top:40%; left: 10%;  margin-right: 10px; }
.index nav.topbtnnew li div img.icon{position: absolute;/*絶対配置*/bottom: 5%; right:5%;   width:20%; height: auto;  }



.topq{ width:100%; max-width: 1150px;  background:#000 url( "../image/index/back.png") 100% 0%  no-repeat; padding: 40px 0; margin: 0 auto; position: relative;/*相対配置*/ }
.topq p.tuiki{color:#fff; font-size:16px; font-size:1.6rem; margin: 15px auto 20px 0; width:80%;  }
.topq h2 img{ max-width:408px; height: auto; width:90%;}
.topq h2 img:nth-child(2){ max-width:211px; height: auto;width:70%;}
.topq h3{ margin: 10px 0; }
.topq h3 img{max-width:270px; height: auto; width:95%;}
.topq h3 img,.topq h3 a{ display:  inline-block; vertical-align: middle;}
.topq h3 a{ border: 1px solid #fff; margin: 0 1em 0; padding: 0 0.5em; font-size:16px;  }
.topq h3 a .fas{ margin: 0 0.2em 0 0;  }

.topq h4{ position: absolute;/*絶対配置*/ top:40px; right: 20px;}
.topq div{  display: inline-block; vertical-align:  top; position: relative;/*相対配置*/ }
.topq div p{font-size:16px; font-size:1.6rem; margin: 8px 10px 0 0; }
.topq  a{ color: #fff; display: inline-block;
  transition: .3s;
  -webkit-transform: scale(1);
  transform: scale(1);}
.topq  a .fas{ margin-left: 0.5em; }
.topq a:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.topq a:hover img{opacity:1; }
.shiminuki{max-width:600px; height: auto; width:47%;margin: 50px 0 0 0px; float: left; }
.shiminuki h5{ position: absolute;/*絶対配置*/ top:20px; left: 20px;}
.shiminuki figure,.kibami figure{height: 200px; overflow: hidden;  width:100%; margin: 0;   }
.shiminuki img{width:100%; height: auto; }
.shiminuki h5 img{width:100%; height: auto; max-width:396px ;}

.kibami{max-width:600px; height: auto; width:47%; margin: 180px 0 0; float: right; }
.kibami h5{ position: absolute;/*絶対配置*/ top:20px; right: 20px;}
.kibami img{width:100%; height: auto;}
.kibami h5 img{width:100%; height: auto; max-width:290px;}

.iro{ max-width:850px; height: auto; width:70%; margin: -30px auto 0;  clear: both; text-align: center; }
.iro img.photo{width:45%;  height: auto; max-width:358px; margin-right: 15px; }
.iro .yoko{ max-width:420px; wwidth:45%;  margin: 50px auto 0; }
.iro img.photo,.iro .yoko{ display: inline-block; vertical-align: top; }
.iro h5 img{width:100%; height: auto; }
.iro h5{ max-width:420px; width:95%; margin: 0px auto;}
.iro .yoko p{ margin: 8px 10px 0 ; }

.kabi{ max-width:600px; height: auto; width:47%;margin: 50px 0 0 0px; float: left; }
.kabi h5{ position: absolute;/*絶対配置*/ top:80px; left: 20px;}
.kabi img{width:100%; height: auto;}
.kabi h5 img{width:100%; height: auto; max-width:267px ;}
.kabi figure{height: 200px; overflow: hidden;margin: 0;  }
.kabi p{ vertical-align: middle; }

.kosei{max-width:600px; height: auto; width:47%; margin: 100px 0 20px; float: right; }
.kosei h5{ margin:0px 0 10px 0px;}
.kosei img{width:100%; height: auto;}
.kosei h5 img{width:100%; height: auto; max-width:344px ;}
.kosei figure{height: 200px; overflow: hidden; margin: 0;}
.kosei .yoko{ max-width:580px; width:100%; margin: 10px auto; }
.moreclear{  display:block; width:300px; font-size:16px!important; padding: 8px; border: 1px solid #fff; margin: 20px auto; color: #fff !important; text-align: center; }
.tosiminuki{ margin: 0; padding: 50px 0; background:#f0f0f0;  text-align:center;   }
.tosiminuki a{ color:#fff;   display:block; background:#000; width:95%; padding:15px 5px; margin:0px auto; font-size:22px; font-size:2.2rem; max-width:800px; -webkit-transition: 4s;
            -moz-transition: 4s;
            -o-transition: 4s;
            -ms-transition: 4s;
            transition: 4s; }
.tosiminuki a h5,.tosiminuki a div{  display:inline-block; vertical-align: middle;  }
.tosiminuki a h5 img{ max-width:250px;  height:auto; margin:10px auto 12px; display:block; width:90%;  }
.tosiminuki a h5{ width:35%;  }
.tosiminuki a div{ text-align:left;width:60%;  font-size:20px; font-size:2.0rem;  }
.tosiminuki a div li{ font-size:16px; font-size:1.6rem;margin:0 0 0 1.5em;}
.tosiminuki a div li:before{  content:"※"; margin:0 0.5em 0 -1em; }
.tosiminuki a:hover{background:#999;}


.tosiminuki2{ margin: 0; padding: 50px 0; background:#f0f0f0;  text-align:center;   }
.tosiminuki2 a{ color:#fff; display: inline-block; vertical-align: top;  width: calc( 100% / 2 - 40px); padding:15px 5px; margin:0px 10px; font-size:22px; font-size:2.2rem; max-width: 550px;  -webkit-transition: 4s;
            -moz-transition: 4s;
            -o-transition: 4s;
            -ms-transition: 4s;
            transition: 4s; }
.tosiminuki2 a.simi{ background:#000; }
.tosiminuki2 a.simi h5,.tosiminuki2 a.simi div{  display:inline-block; vertical-align: middle;  }
.tosiminuki2 a.simi h5 img{ max-width:250px;  height:auto; margin:10px auto 12px; display:block; width:90%;  }
.tosiminuki2 a.simi h5{ width:35%; font-size: 16px;  }
.tosiminuki2 a.simi div{ text-align:left;width:60%;  font-size:20px; font-size:2.0rem;  }
.tosiminuki2 a.simi div li{ font-size:16px; font-size:1.6rem;margin:0 0 0 1.5em;}
.tosiminuki2 a.simi div li:before{  content:"※"; margin:0 0.5em 0 -1em; }
.tosiminuki2 a.simi:hover{background:#999;}

.tosiminuki2 a.taku{ background: url("../image/index/i03.jpg") 50% 50% no-repeat;  background-size: cover;  border:1px solid #ed8435;}
.tosiminuki2 a.taku .img1{  display: block; width:95%; margin: 0 auto;  }
.tosiminuki2 a.taku .img2,.tosiminuki2 a.taku div{  display: inline-block; vertical-align: top; }
.tosiminuki2 a.taku .img2{  width:55%; height: auto;  }
.tosiminuki2 a.taku div{   margin-left: 10px; width: calc( 40% - 15px); color: #000; text-align: left; font-size: 15px; }


.topkodawari{ margin: 0; padding: 50px; background: #fff; }
.topkodawari h2{ float: left; }
.topkodawari h3{  padding: 50px 0 0 180px; color: #000;  font-size:26px; font-size:2.6rem; }
.topkodawari ul{  padding: 50px 0 0 180px; color: #000; }
.topkodawari ul li{ display:inline-block; vertical-align: top; width:30%; text-align: left; margin: 0 1%;font-size:14px; font-size:1.4rem;  color: #000;  position: relative; transition: all .3s; }
.topkodawari ul li img {width:100%; height: auto; border: 1px solid #999; }
.topkodawari ul li h4{  text-align: center; font-size:18px; font-size:1.8rem; margin: 8px 0; }
.topkodawari ul li p{ margin: 0 auto; width:90%; height:4em; display: block; }
.topkodawari ul li a{color: #000;  }
.topkodawari ul li::before,
.topkodawari ul li::after {
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  z-index: 2;
  content: '';
  transition: all .3s;
}
.topkodawari ul li::before {
  border-top: 2px solid #999;
  border-bottom: 2px solid #999;
  transform: scale(0, 1);
}
.topkodawari ul li::after {
  border-right: 2px solid #999;
  border-left: 2px solid #999;
  transform: scale(1, 0);
}
.topkodawari ul li:hover {
  color: #999; cursor: pointer; 
}
.topkodawari ul li:hover::after,
.topkodawari ul li:hover::before {
  transform: scale(1);
}
.topkodawari ul li span{  display: block; background: #000; color: #fff; margin: 0  0 0 auto; width:5em; text-align: center; }
.topkodawari ul li span .fas{ margin-right:0.5em; }
.topabout{  text-align: center; padding: 30px 0;  }
.topabout h2{ margin: 0px auto 30px; text-align: center; color: #fff;font-size:26px; font-size:2.6rem;  }
.topabout ul li{ display:inline-block; vertical-align: top; width:48%; text-align: left; margin: 0 2%;font-size:14px; font-size:1.4rem;  color: #000;  transition: all .3s; max-width:345px; color: #fff; }
.topabout ul li img{width:100%; height: auto; }
.topabout ul li h3{width:100%; height: auto; text-align: center; font-size:16px; font-size:1.6rem;  margin: 0 0 10px; }
.topabout ul li a{ color: #fff; display: block;  position: relative;}
.topabout ul li a span{  display:block; color: #fff; margin: 10px 0 0 auto;  text-align: right; width: 16em;  }
.topabout ul li a span::after {
  position: absolute;
  bottom: -2px;
  left: 45%;
  content: '';
  width: 55%;
  height: 1px;
  background: rgba(194,9,12,1.00);
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
.topabout ul li a:hover span:after  {
  transform: scale(1, 1);
}

.index .insta{ background:#999; padding:30px 0 40px;}
.index .insta h3{  text-align: center; font-size: 30px; font-size: 3.0rem; font-family: 'Lato', sans-serif; color: #fff; margin-bottom: 20px;}
.index .insta h3 a{ color: #fff; }
.index .insta h3 .fab{ margin-right:0.5em;}
.index .insta div { width:95%; max-width: 1000px; margin: 0px auto 0; }
.index .topsaiyo{ background:#ddd; padding:30px 0;}
.index .topsaiyo a{ background: #000;  border: 1px solid #000;  display: block; margin: 0 auto; text-align: center;  padding: 0.5em; width:18em;  font-size: 18px; font-size:1.8rem; color: #fff;  border-radius: 10px;}
.index .topsaiyo a:hover{background: rgba(194,9,12,1.00);}

.index .line{ background:#fff; padding:30px 0 40px; color: #000; }
.index .line p{  text-align: left;font-size: 18px; font-size: 1.8rem; margin: 20px auto 0; width:90%; max-width:700px; }
.index .line h3{  text-align: center; font-size: 30px; font-size: 3.0rem; font-family: 'Lato', sans-serif; margin-bottom: 20px;}
.index .line h3 .fab{font-size: 40px; font-size: 4.0rem; margin-right: 0.3em }
.index .line ul{  text-align: center;margin: 20px auto 0; width:95%; max-width:800px;}
.index .line  li { display:  inline-block; vertical-align: top; width:43%; margin: 0 5px; border-left: 2px solid #999; padding: 5px 0 0 10px; text-align: left; }
.index .line li p,.index .line  li img,.index .line li a{text-align: left;  display:inline-block; vertical-align:top;  }
.index .line li p,.index .line li.pc p{ width:65%; font-size: 14px; font-size: 1.4rem; margin: 0px 0 0 !important;  padding: 0 !important;  }
.index .line  li p span{  display: block;  font-size: 12px; font-size: 1.2rem; margin: 0 0 0 1em;  }
.index .line  li p span:before{   content:"※";  margin: 0 0 0 -1em;  }


.index .line h4{  text-align: left; font-size: 20px; font-size: 2.0rem;}
.index .line .pc img{ width:80px; height: auto; }
.index .newstop {border-bottom: 1px dotted #000;}
.index .newstop h2{ margin: 0px auto 30px; text-align: center; font-size:26px; font-size:2.6rem;  }
.index .newstop div{  text-align: left;margin: 20px auto 0; width:95%; max-width:700px;font-size:16px; font-size:1.6rem; }
.index .newstop ul li{ margin: 0 0 1.5em; padding: 0 0 1em;  border-bottom: 1px dotted #000; }
.index .newstop{ background:#fff; padding:30px 0 40px; color: #000; }

.index .newstop span{ font-size:14px;font-family: 'Lato', sans-serif;  margin-left: 1em;  }
.index .newstop h3{font-size:18px; font-size:1.8rem; margin-bottom: 0.5em; }
.index .newstop h3 span,.index .newstop h3 b,.index .newstop h3 span{ display: inline-block; vertical-align: middle;}
.index .newstop h3 span{ font-family: 'Lato', sans-serif;font-size:14px;font-size:1.4rem;}
.index .newstop h3 span.cam{ font-size:12px;font-size:1.2rem; background: #2E75AA;color: #fff; padding: 3px 0; width:7em; text-align: center; }
.index .newstop h3 span.sale{ font-size:12px;font-size:1.2rem;  background: #BB1108; color: #fff;padding: 3px 0; width:7em; text-align: center; }
.index .newstop h3 span.info{ font-size:12px;font-size:1.2rem; ;background:#458C14; color: #fff; padding: 3px 0; width:7em; text-align: center; }


.index .newstop p{margin: 0 0 0 1.5em;  }
.index .newstop a.more{ transition: transform .3s;display: block; padding: 0.5em 1em; background: #000; color: #fff; margin: 1em auto; width:10em; text-align: center;font-size:16px; font-size:1.6rem; }
.index .newstop a.more:hover{background: rgba(194,9,12,1.00);transition: transform .3s;}
.index .newstop a.more2{ transition: transform .3s;display: block; padding: 0.2em 1em; margin: 5px 0 0 auto; width:10em; text-align: center;font-size:14px; font-size:1.4rem; }
.index .newstop a.more2:hover{color: rgba(194,9,12,1.00);transition: transform .3s;}


/* sub
*****************************************************/
#contents {  margin: 150px 0 0; }
header.content {  text-align: center; padding: 30px 0 0;border: none;   }
header.content h1{ font-size:30px; font-size:3.0rem; margin: 40px auto 10px; text-align: center; }
header.content nav li{  display: inline-block; vertical-align: middle; border-right:1px solid #000; margin: 0; padding: 0; font-size: 14px; font-size: 1.4rem; }
header.content nav li:last-child{  border:none;   }
header.content nav li a{ display: block; padding: 0 20px;margin:0 0; }
.menu header.content nav li.submenu a,.price header.content nav li.subprice a,.members header.content nav li.submembers a,.yoyaku header.content nav li.subyoyaku a,.service2 header.content nav li.subservice a,.ayumi header.content nav li.subabout a,.logo header.content nav li.sublogo a,.company header.content nav li.subcompany a,.greeting header.content nav li.subgreeting a{ color:rgba(194,9,12,1.00); text-decoration: underline;}

header.content .maingazo{ width: 100%; max-height:400px; overflow: hidden;margin: 10px 0;   }
header.content .maingazo img{ width: 100%;  height: auto;  }

.wrapper h2{ font-size:26px;font-size:2.6rem; margin: 20px 0 0;   }
.subfooter {  text-align: center; font-size: 18px;font-size: 1.8rem; width:100%;   }
.subfooter nav li{  display: inline-block; }
.subfooter li{  padding: 5px; border-radius: 10px 10px 0 0; transition: .3s;  transition: 1s;
  -webkit-transition: 1s; margin: 0 1px}

.subfooter li:hover{transform: scale(1.2); cursor: pointer;   }

.about .subfooter{ border-bottom:4px solid #ccc;}
.about .subfooter li{ background:#ccc url( "../image/about/btn.png") -10px -10px no-repeat; background-size: 90px auto;  width:250px; padding: 5px 0 0; border-radius: 10px 10px 0 0;}
.about .subfooter li a{ color: #000;   }
.about .subfooter li:hover{background:#999 url( "../image/about/btn.png") -10px -10px no-repeat; background-size: 90px auto; }
.about .subfooter li:hover a{color: #fff; }

.qurality .subfooter{ border-bottom:4px solid #000;}
.qurality .subfooter li{ background: #000 url( "../image/about/btn.png") -10px -10px no-repeat; background-size: 90px auto;  width:250px; padding: 5px 0 0; border-radius: 10px 10px 0 0;}
.qurality .subfooter li a{ color: #fff;   }
.qurality  .subfooter li:hover{background:#333 url( "../image/about/btn.png") -10px -10px no-repeat; background-size: 90px auto; }
.qurality  .subfooter li:hover a{color: #fff; }


.shop .subfooter{ border-bottom:4px solid #2E75AA;}
.shop .subfooter li{ background:#2E75AA url( "../image/about/btn.png") -10px -10px no-repeat; background-size: 90px auto;  width:195px; padding: 5px 0 0; border-radius: 10px 10px 0 0;}
.shop .subfooter li a{ color: #fff;   }

.shop .subfooter li:last-child{ background:#ED8435 url( "../image/about/btn.png") -10px -10px no-repeat; background-size: 90px auto; }
.shop .subfooter li:hover{background:#245F84 url( "../image/about/btn.png") -10px -10px no-repeat; background-size: 90px auto; }
.shop .subfooter li:hover a{color: #fff; }
.shop .subfooter li:last-child:hover{ background:#B75F25 url( "../image/about/btn.png") -10px -10px no-repeat; background-size: 90px auto; }



/*about*/
.about #contents {  background:#fff url("../image/about/backlogo.png") 110% 330px no-repeat;}

.about header.content{  background:#ddd;}
.about #contents .line{ font-size: 14px; font-size: 1.4rem;  }

.about #contents .line h3{ background:#000; color:#fff; border-radius:50%; width:82px; height: 67px; text-align: center;  clear: both;   line-height:1;   display: block; padding: 15px 0 0;  }
.about #contents .line h3 b,.about #contents .line h3 u{ text-decoration: none; font-size: 26px; font-size: 2.6rem; font-weight: bold;font-family: 'Lato', sans-serif;}
.about #contents .line h3 b{ display: block;}


 /*あゆみ*/.ayumi .wrapper h2{ margin: 20px auto 0;   max-width:980px}

.about #contents .first{ background: url("../image/about/line.svg") 15px 15px no-repeat; margin: 40px 0 0 130px  }
.about #contents .first h3,.about #contents .first .bunsho,.about #contents .second .bunsho{ float: left;}
.about #contents .second h3{   float:right;  }
.about #contents .first .box{  max-width:950px; }
.about #contents .first .box:first-child {  margin: 0 0;}
.about #contents .first .box:nth-child(2) {margin: 10px 0 0 100px;}
.about #contents .first .box:nth-child(3) {margin: 10px 0 0 200px;}
.about #contents .first .box:nth-child(4) {margin: 10px 0 0 300px;}
.about #contents .first .box:nth-child(5) {margin: 30px 0 0 510px;}
.about #contents .first .box:nth-child(6) {margin: 10px 0 0 610px;}

.about #contents .first .bunsho {max-width:850px; margin: 15px 0 0 1.5em;}
.about #contents .first .box:first-child .bunsho,.about #contents .first .box:nth-child(2) .bunsho {margin: 20px 0 0 1.5em;}
.about #contents .first .box:nth-child(4) .bunsho {margin: 0px 0 0 1.5em; }
.about #contents .first .bunsho ul{ margin: 0 0 0 6em; }
.ayumi .wrapper p.greet{ clear: both; margin:0px auto 50px; max-width:27em; width:calc(95% - 4em); padding: 0 0 60px; font-size: 14px; font-size: 1.4rem; background: #ebecfc; padding: 1.5em;  }
.ayumi .wrapper p.end{ clear: both;margin: 0px auto; padding: 0 0 60px; text-align:  center}
.about #contents .second{ background: url("../image/about/line.svg") 150px 0px no-repeat; margin: -100px 0 200px 0px  }
.about #contents .second .bunsho{ float: left;}

.about #contents .second .box:first-child{width:260px; margin: -350px 0 0 0px }
.about #contents .second .box:first-child h3{margin: -310px 0 0 0px }
.about #contents .second .box:first-child .bunsho{ margin: -300px 0 0 0px;  }

.about #contents .second .box:nth-child(2){width:340px; margin: -220px 0 0 40px }
.about #contents .second .box:nth-child(2) h3{margin: -220px 0 0 0px }
.about #contents .second .box:nth-child(2) .bunsho{ margin: -190px 0 0 0px; width:250px; }

.about #contents .second .box:nth-child(3){width:320px; margin: -120px 0 0 170px }
.about #contents .second .box:nth-child(3) h3{margin: -120px 0 0 0px }
.about #contents .second .box:nth-child(3) .bunsho{ margin: -80px 0 0 0px; width:220px; text-align: right}

.about #contents .second .box:nth-child(4){width:280px; margin: -20px 0 0 330px }
.about #contents .second .box:nth-child(4) h3{margin: -20px 0 0 0px }
.about #contents .second .box:nth-child(4) .bunsho{ margin: 20px 0 0 0px; width:180px; text-align: right}


.about #contents .second .box:nth-child(5){max-width:500px; margin: 30px 0 0 220px }
.about #contents .second .box:nth-child(5) h3{margin: -10px 0 0 0px }
.about #contents .second .box:nth-child(5) .bunsho{ margin: 10px 0 0 0px; max-width:410px;  }
.about #contents .second .box:nth-child(5) .bunsho p{ margin:1em;}

/*safari ayumi*/
_::-webkit-full-page-media, _:future, :root .about #contents .first{ background: url("../image/about/line.svg") 15px 30px no-repeat; margin: 40px 0 0 130px  }


_::-webkit-full-page-media, _:future, :root .about #contents .second{ clear:both;  background: url("../image/about/line.svg") 180px 0px no-repeat;  margin: -500px 0 80px 0px  }
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:first-child{width:260px; margin:180px 0 0 0px }
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:first-child h3{margin: 0px 0 0 0px }
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:first-child .bunsho{ margin: 20px 0 0 0px;  }
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(2){width:340px; margin: 0px 0 0 30px }
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(2) h3{margin: 0px 0 0 0px }
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(2) .bunsho{ margin: 20px 0 0 0px; width:250px; }
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(3){width:320px; margin: 0px 0 0 130px }
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(3) h3{margin: 0px 0 0 0px }
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(3) .bunsho{ margin: 40px 0 0 0px; width:220px; text-align: right}
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(4){width:280px; margin: 0px 0 0 260px }
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(4) h3{margin: 0px 0 0 0px }
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(4) .bunsho{ margin: 40px 0 0 0px; width:180px; text-align: right}
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(5){max-width:500px; margin: 30px 0 0 180px }
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(5) h3{margin: 0px 0 0 0px }
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(5) .bunsho{ margin: 20px 0 0 0px; max-width:410px;  }
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(5) .bunsho p{ margin:1em;}



/*綿貫*/
.logo #contents {  background:#000 url("../image/about/backlogo2.png") 110% 330px no-repeat; }
.logo #contents .inner {  color: #fff;}
.logo #contents article{ margin: 40px 0 80px;}
.logo #contents article h3 { font-size:22px;font-size:2.2rem; margin-bottom: 30px;}
.logo #contents article.no01 h3,.logo #contents article.no03 h3 { align-items: left;}

.logo #contents article.no01 p{ margin: 1em 0 ; max-width:700px;}
.logo #contents article.no01 p.sign{ text-align: right;font-size:18px;font-size:1.8rem;}
.logo #contents article.no02{position: relative; } 
.logo #contents article.no02 h3{ margin: 0px 0 0px 45%;  }
.logo #contents article.no02 .watanuki{ margin: -150px 0 150px; width:40%;font-size:14px;font-size:1.4rem; text-align: right; }
.logo #contents article.no02 .watanuki img{  width:100%;height: auto; background: #000;}

.logo #contents article.no02  .profile{ left:50%; top:50px; width:45%; position: absolute;}
.logo #contents article.no02  dl dt b{font-family: 'Lato', sans-serif;font-size:24px;font-size:2.4rem; font-style: italic;  margin: 0 0.5em 0 0; }

.logo #contents article.no02  p{margin: 2em 0 ;  border-left:2px solid #fff; padding: 0 0 0 15px;}
.logo #contents article.no02  dl dt,.logo #contents article.no02  dl dd{ display: inline-block; vertical-align: middle; color: #fff; }
.logo #contents article.no02  dl dd{ margin-left:1em; font-size:20px;font-size:2.0rem; }
.logo #contents article.no02  dl a:hover dd{color:rgba(194,9,12,1.00); }
.logo #contents article.no02  dl.history dt,.logo #contents article.no02  dl.history dd{  vertical-align: top; }
.logo #contents article.no02  dl.history dt { width:20%; }
.logo #contents article.no02  dl.history dd { width:75%; font-size:16px;font-size:1.6rem; padding: 8px 0 0 ; }

.logo #contents article.no03{ position: static; clear: both; }
.logo #contents article.no03 h4{ font-weight:bold;font-size:18px;font-size:1.8rem; text-align: left; margin: 40px 0 20px 20px;
}
.logo #contents article.no03 ul{ margin-left: 20px; }
.logo #contents article.no03 li{ display: inline-block; vertical-align: middle; }
.logo #contents article.no03 li img{  width:95%; height: auto; margin: 0 auto 10px;}

.logo #contents article.no03 .gaikan li{ width:46%;}
.logo #contents article.no03 .gaikan li:first-child{width:94%; margin-bottom: 20px;}
.logo #contents article.no03 .gaikan li img{border:1px solid #fff;}
.logo #contents article.no03 .logo li{ display: inline-block; vertical-align: middle; width:28%;}
.logo #contents article.no03 .card li{ display: inline-block; vertical-align: middle; width:33%;}

.logo #contents article.no03 .furosiki li{ display: inline-block; vertical-align: middle; width:46%;}
.logo #contents article.no03 .bag li{ width:46%;}
.logo #contents article.no03 div.furosiki ul{ text-align: left; margin-left: 15px;}

/*挨拶*/
.greeting #contents article.no01{ margin:  0 0 80px;}
.greeting #contents article.no01 ul{ margin: 2em 0 2em 100px; } 
.greeting #contents article.no01 p{ margin: 20px 0 0 100px;} 
.greeting #contents article.no01 ul li{ margin: 0.5em 0 0 1em;}
.greeting #contents article.no01 ul li::before{ 
font-family: "Font Awesome 5 Free";
  font-weight: 900; font-size: 10px;  font-size: 1.0rem; 
  content: "\f45c";  color: #2E75AA;
 padding-right:3px; margin-left: -1em;
}
.greeting #contents article.no01 .shomei{ margin: 3em 0 0 auto;  text-align: left; width:350px;}
.greeting #contents article.no01 .shomei img,.greeting #contents article.no01 .shomei b{ display:inline-block; vertical-align: middle; margin: 0 0 0 0.5em;  }
.greeting #contents article.no01 .shomei b{ width:calc( 100% - 75px); margin-left: 5px; font-weight: normal; }
.greeting #contents article.no01 .shomei img{  width:60px; height: auto;  }
.greeting #contents article.no01 .shomei span{  margin-left: 1em;font-size:18px;  }

.greeting #contents article.no01  .read { font-size:20px; line-height: 2; background: #fdf5e6; padding: 10px 20px 10px 40px; margin: 40px 0 0 100px; width:90%; max-width: 600px;} 
.greeting #contents article.no01  .read p {  text-align: right;  font-size:18px; margin-right: 1em }


/*会社概要*/
.company #contents article.no01{ margin:  0 0 80px;}
.company #contents article.no02{  background:#f0f0f0;padding:20px 0 30px; margin: 80px 0 0;}
.company #contents article.no01 p{ margin: 20px 0 0 60px; width:90%;} 

.company #contents article.no01 dl{ margin: 30px auto 5px; width:90%; max-width: 400px; background: #fff; border-top:1px solid #000;}
.company #contents article.no01 dl dt,.company #contents article.no01 dl dd{ display:inline-block; vertical-align: middle; padding: 8px 0;border-bottom:1px solid #000;}
.company #contents article.no01 dl dt{ width:20%; background: #ddd;}
.company #contents article.no01 dl dd{  width:80%;}
.company #contents article.no01 dl dt span{ padding:0 0 0 10px;}
.company #contents article.no01 dl dd span{ padding:0 0 0 20px;}

.company #contents article iframe{  display: block; border:1px solid #000; margin: 30px auto; width:95%; max-width: 895px; height: 400px; }
.company #contents article.no02 dl{margin: 30px auto; width:95%; max-width: 895px;}
.company #contents article.no02 dl dt,.company #contents article.no02 dl dd{ display:inline-block; vertical-align: middle; padding: 8px 0;}
.company #contents article.no02 dl dt{ font-weight:bold;font-size:18px;font-size:1.8rem; width:35%; text-align: right; }
.company #contents article.no02 dl dt b{ font-family: 'Lato', sans-serif;font-size:24px;font-size:2.4rem; display: block; ; }
.company #contents article.no02 dl dd{ width:60%; margin-left: 1em;  }
.company #contents article.no02 dl dd span{  border: 1px solid #000; padding: 2px 0 1px 3px; margin-left: 0.5em;}
.company #contents article.no02 dl dd b{font-weight:normal; }
.company #contents article.no01 a{  display: block; margin: 10px auto 30px; width:90%; max-width: 400px;  text-align: right;font-size:14px;font-size:1.4rem; text-decoration: underline;  }

/*品質*/
.gray{background:#f0f0f0;padding:20px 0 30px;}
.qurality #contents article h2{ font-size:24px;font-size:2.4rem;  }
.qurality #contents {  background:#fff url("../image/about/backlogo.png") 110% 330px no-repeat;}
.qurality header.content{  background:#fff;}
.qurality #contents  p{  margin: 1em 0; }
.qurality #contents article#facility{ margin: 80px 0 0;}
.qurality #contents article#technical {  margin: 80px 0 0;}
.qurality #contents article#technical h3 { font-size:20px;font-size:2.0rem; font-weight: bold; display: block;    }
.qurality #contents article#technical h3 b{ font-size:40px;font-size:4.0rem;font-family: 'Lato', sans-serif; margin-right: 0.5em; color:  #3399FF;}
.qurality #contents article#technical h3 b,.qurality #contents article#technical h3 u{  float:left;  }
.qurality #contents article#technical h3 u{ padding: 20px 0 0 0; text-decoration: none; }
.qurality #contents article#technical p{ margin:1em 0; clear: both;  }
.qurality #contents article#technical ul  { text-align: center;}
.qurality #contents article#technical .no01 li{ display: inline-block; vertical-align: top;   margin: 10px 0.3%; width:21%;  height: 400px;  overflow: hidden;  }
.qurality #contents article#technical .no01 img{  text-align: center; width:auto; height: 400px;  }
.qurality #contents article#technical .no01 li:nth-child(2){height: 374px; width:50%; }
.qurality #contents article#technical .no01 li:nth-child(2),
.qurality #contents article#technical .no02 li div {border: 3px solid #3399FF; text-align: left; padding:10px 20px; }

.qurality #contents article#technical .no02 li{ width:48%;  display: inline-block; vertical-align: top; margin: 10px 0.5%; }
.qurality #contents article#technical .no02 img{  text-align: center;  height: auto;  width:100%; margin: 15px 0 0;   }

.qurality #contents article#solvent{margin: 0px 0 0; padding: 20px 0; background: url("../image/quality/back.jpg") 50% 0 no-repeat; background-size: cover; }
.qurality #contents article#solvent div.white{ background: rgba(255,255,255,0.6); padding: 20px 40px; margin: 15px 0; }
.qurality #contents article#solvent div.white h3{font-size: 20px;  font-size: 2.0rem; margin-bottom: 1em; font-weight: bold;  }
.qurality #contents article#solvent div.white h4{ margin-bottom: 1em; font-weight: bold; border-left: 3px solid #000; padding: 0 0 0 8px;  }
.qurality #contents article#solvent div.white h5{  font-weight: bold; margin: 0 0 0 8px;  }
.qurality #contents article#solvent div.no02 p{  padding: 0 0 0 8px;  }
.qurality #contents article#solvent div.white ul{  margin: 1em 0 0 8px; width:80%;  }
.qurality #contents article#solvent div.white ul li{ border-bottom: 2px solid #2E75AA; padding: 5px 0 0 1em; }
.qurality #contents article#solvent div.white ul li::before{ 
font-family: "Font Awesome 5 Free";
  font-weight: 900; font-size: 10px;  font-size: 1.0rem; 
  content: "\f45c";  color: #2E75AA;
 padding-right:3px; margin-left: -1em;
}
.qurality #contents article#water{ margin: 80px 0;}
.qurality #contents article#water img{  float: left; margin: 30px 0 0 0; }
.qurality #contents article#water h3{font-size: 20px;  font-size: 2.0rem;margin: 30px 0 0 150px; font-weight: bold;  }
.qurality #contents article#water p{margin: 30px 150px 0 ; }

.qurality #contents article#facility ul{  text-align: center;  margin: 20px 0 ;}
.qurality #contents article#facility li{   display: inline-block; vertical-align: top; margin: 5px 0 ; font-size: 14px;  font-size: 1.4rem;    }
.qurality #contents article#facility li img{ width:310px; height: auto;margin: 8px 6px 3px; }
.qurality #contents article#facility li:last-child{ width:100%;}


/*店舗*/

.shop .wrapper h2{ color: #2E75AA;  }
.shop .wrapper h3 { margin:30px 0 0; 
display: flex;font-size: 20px;font-size: 2.0rem;
align-items: center;
}
.shop .wrapper article{ max-width:975px; margin: 0 auto 80px;  }
.shop .wrapper h3:before,
.shop .wrapper h3:after {
border-top: 1px solid;
content: "";
flex-grow: 1;
}
.shop .wrapper h3:before {
margin-right: 1rem;
}
.shop  .wrapper h3:after {
margin-left: 1rem;
}

.shop div.homon{ background:url("../image/shop/back.jpg") 50% 50% no-repeat; background-size: cover; width:100%; padding: 20px 0; margin: 0 0 15px; text-align: center;  }
.shop  div.homon h3{color: #2E75AA; margin:0px 0 20px; 
display: block;font-size:26px;font-size:2.6rem;
 }
.shop div.homon h3:before{  display: none; }
.shop div.homon  dl{ background:#fff; border: 1px solid #2E75AA; margin:10px auto; width:95%; max-width: 600px; padding:0; }
.shop div.homon  dl dt,.shop div.homon  dl dd{ display: inline-block; vertical-align: middle;}

.shop div.homon  dl dt{ margin:10px auto;  padding:0;font-size: 20px;font-size: 2.0rem; }
.shop div.homon  dl dd{  margin:10px auto;  padding:0;font-family: 'Lato', sans-serif;font-size:26px;font-size:2.6rem; font-weight: bold; }
.shop div.homon  dl dd a{ color: #2E75AA; margin: 0 0 0 1em; }
.shop div.homon  dl dd a:hover{ color:rgba(194,9,12,1.00); }


.menu .wrapper h4.fukidasi {
  position: relative;
  display: inline-block; text-align: center;
  margin: 30px auto 0;
  padding: 7px 0px;
  width: 100%;
  color: #fff; font-weight:normal; 
  font-size: 24px;font-size: 2.4rem;
  background: #9C7846;
}

.menu .wrapper h4.fukidasi:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #9C7846;
}

.menu .wrapper article ul.menulist{  text-align: center; margin: 30px auto;  }
.menu .wrapper article .menulist li{  display:block; vertical-align: middle; width:90%; text-align: center; margin: 20px auto 20px; background: #fff url("../image/shop/back2.jpg")  100% 100% no-repeat ; box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 4px 1px;  padding: 30px 20px; max-width: 600px; }
.menu .wrapper article li h5  {color:#9C7846; border-bottom: #9C7846 1px solid; padding: 0 0 3px; font-size: 26px;font-size: 2.6rem; margin: 0 0 1em;}
.menu .wrapper article li strong { display: block;  color:#2E75AA; font-size: 32px;font-size: 3.2rem; margin: 0 0 5px; font-weight:bold; }
.menu .wrapper article li strong u { text-decoration: none;  border-bottom: #2E75AA 2px solid;  padding: 0;}
.menu .wrapper article li span{ display: block; }
.menu .wrapper article li h6  {color:#9C7846;  text-align: left; margin: 20px auto 0; width:95%;}
.menu .wrapper article li p  { text-align: left; margin: 20px auto 0; width:95%;}
.menu .wrapper article .menulist li ul li{background: none; text-align: left;  box-shadow: none; padding: 0; text-align: left;  margin: 0 0 0 1em; width:95%;max-width:auto; min-height: auto; }
.menu .wrapper article .menulist li ul li:nth-child(even){ background:  none ; text-align: left ;  margin: 0 0 0 1em; padding: 0 !important; width:95%;max-width:auto; min-height: auto; }
.menu .wrapper article .menulist li li:before{ content:"・"; margin-left: -1em;}
.menu .wrapper h4.kotei{  color: #2E75AA;font-size: 26px;font-size: 2.6rem; text-align: center; margin: 70px 0 0 0;  }

.menu .wrapper article .hoka { margin: 40px auto 80px; width:80%; }
.menu .wrapper article .hoka li{ text-align: center; margin: 20px; background: #fff  ; box-shadow:rgba(0, 0, 0, 0.4) 0px 2px 6px 0px;padding: 20px  ; }
.menu .wrapper article .hoka li div,.menu .wrapper article .hoka li img{ display:  inline-block; vertical-align: middle; margin: 10px ; }
.menu .wrapper article .hoka li div{ width:55%; margin: 10px 0 0 0 ;}
.menu .wrapper article .hoka li img{ width:40%; height: auto; margin: 10px 0 0 10px ;}
	
.menu .wrapper article .hoka li h5  { text-align:left;}
.menu .wrapper article .azukari { margin: 40px auto; width:95%; text-align: center;  }
.menu .wrapper article .azukari li{ text-align: center; display: inline-block; width:45%;  margin:0 8px;}
.menu .wrapper article .azukari h4{ color:#9C7846;font-size: 26px;font-size: 2.6rem; text-align: left; }
.menu .wrapper article .azukari li img{  width:100%; height: auto;  }
.menu .wrapper article .azukari li p.chui{ margin:0; text-align: left;  font-size:12px;font-size: 1.2rem; position: relative; padding-left: 1em;}
.menu .wrapper article .azukari li p.chui:before{  content:"※"; position: absolute; top:-1px; left:0;}

.menu .wrapper article  table {  text-align: center;   margin: 20px auto  80px; }
.menu .wrapper article  table tr { padding: 0;  margin: 0;  }
.menu table th{width:15%; padding: 0;  margin: 0;  position: relative;   } 
.menu table tr.first-child th{ width:auto; } 
.menu table th b {  display: block; text-align: center;
  margin: 0 0 0;
  padding: 7px 10px;
  width: 90%;
  color: #fff; font-weight:normal; 
  font-size: 18px;font-size: 1.8rem;
  background: #2E75AA;
}
.menu table th u {  display: block;  position: absolute;  text-decoration:none; 
  padding: 1em; top:-4em; right:0; 
  width: 4em; height: 4em;
  color: #fff; font-weight:normal; 
  font-size: 11px;font-size: 1.1rem;
  background: #BB1108; border-radius: 50%; transform:rotate(5deg); 
}
.menu table td{width:20%;  } 
.menu table td b {
  position: relative;
  display: inline-block; text-align: center;
  margin: 10px 0 0;
  padding: 7px 10px 7px;
  min-width: 120px;
  width: 90%;
  color: #555; font-weight:normal; 
  font-size: 18px;font-size: 1.8rem;
  background: #D5EEF7;
}

.menu table td b:before {
  content: "";
  position: absolute;
  top: 110%;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
  border-top: 8px solid #2E75AA;
}
.menu table .last  td  b:before { display:none;} 
.menu table th span {
  position: relative;
  display:block;
  margin: -5px 0 0;
  padding: 7px 10px;
  width: 80%;
  color: #fff; 
  font-size: 14px;font-size: 1.4rem;
  background: #2E75AA;
}
.menu table th span:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -8px;
  border: 8px solid transparent;
  border-left: 8px solid #2E75AA;
}
/*メニューページこだわり*/

.menukodawari{  background:#D5EEF7; width:100%;padding:30px 0; }
.menukodawari article{  margin: 0 auto; text-align: center;  }
.menukodawari article .box2{  display: inline-block;  width: calc(100% / 2 - 15px); background:#fff  url("../n-clean/img/airon.jpg") 110% 0 no-repeat; background-size: auto  100%; vertical-align: top;margin:10px 10px 10px 0; font-size:14px; padding-bottom: 15px; text-align: left;}
.menukodawari article .box2:nth-child(2){background:#fff url("../n-clean/img/shatu.jpg") 110% 0 no-repeat; background-size: auto  100%; }
.menukodawari article .box2:nth-child(3){background:#fff  url("../n-clean/img/mizus.jpg") 110% 0 no-repeat; background-size: auto  100%; }
.menukodawari article .box2:nth-child(4){background:#fff  url("../n-clean/img/eco.jpg") 110% 0 no-repeat; background-size: auto  100%; }
.menukodawari article .box2:nth-child(even){ margin:10px 0 10px 10px; }
.menukodawari article .box2 h4{ color:#0a2d87; padding: 0; margin:20px 0px 0 20px; font-size:20px; text-align: left;}
.menukodawari article .box2 p{  padding: 0; margin:1em 0px 0 20px;}
.menukodawari article .box2 ul{ padding: 0; margin:0px 0px 10px 20px; width:95%;border-top: 1px dotted #999; }
.menukodawari article .box2 ul li{ border-bottom: 1px dotted #999; padding: 5px;}
 a.tocleaning{ display: block; margin: 0px auto 100px; max-width:20em; text-align: center; 
	 padding: 8px;  border:2px solid #ED8435; color: #ED8435; font-family: 'M PLUS Rounded 1c', sans-serif; font-weight: normal;font-size: 26px;  -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;  border-radius: 8px;}



.price article {  text-align: left; } 
.price article div{  display: inline-block; vertical-align: top; width:100%; margin:20px 0;}
.price article div ul{ border-top:1px solid #2E75AA;border-bottom:1px solid #2E75AA;width:100%; margin: 0 auto; }
.price article div li{ padding: 6px 2% 4px; text-align: left; display: inline-block; vertical-align: top; width:45%;background: #F0F0F0; }
.price article div li:nth-child(2),.price article div li:nth-child(3),.price article div li:nth-child(6),.price article div li:nth-child(7),.price article div li:nth-child(10),.price article div li:nth-child(11),.price article div li:nth-child(14),.price article div li:nth-child(15),.price article div li:nth-child(18),.price article div li:nth-child(19){ background: #fff; }



.price article div li h5,.price article div li span {  display: inline-block; vertical-align: middle;  }
.price article div li h5{ width:70%; padding-left: 1em; }
.price article div li span{width:20%;  text-align: right;padding-right: 1em; }
.price article div li span b{font-family: 'Lato', sans-serif;font-size: 20px;font-size: 2.0rem;}
.price article div h4  {color:#9C7846; border-bottom: #9C7846 1px solid; padding: 0 0 5px; font-size: 26px;font-size: 2.6rem; margin: 0 auto 1em; text-align: center;width:85%;}
.price article  ol{ margin: 0 0 0  auto;width:27em; font-size: 14px;font-size: 1.4rem;  text-align: left;}
.price article  ol li:before{ content: "※"; }

.price article p{ margin: 20px auto; text-align: center; }


.members .wrapper article  ul{  text-align: center; }
.members .wrapper article  ul  li{ display: inline-block; vertical-align: middle; width:45%; text-align: center; margin: 20px 10px ; background: #fff 0 100% no-repeat ; box-shadow:rgba(0, 0, 0, 0.4) 0px 2px 6px 0px;  padding: 30px 10px 10px; }

.members .wrapper article  ul  li.bd{  width:95%; text-align: center; margin: 20px auto ;}
.members .wrapper article  ul  li.bd p {  width:95%; text-align: left; max-width: 32em; margin: 0.5em auto 0; padding-left: 1em; }
.members .wrapper article  ul  li.bd p:before {content: "※"; margin-left: -1em; }


.members .wrapper article li h4  {color:#9C7846; border-bottom: #9C7846 1px solid; padding: 0 0 5px; font-size: 26px;font-size: 2.6rem; margin: 0 0 1em;}
.members .wrapper article li h5 { margin: 0 1em; font-weight: bold; text-align: left; font-size: 18px;font-size: 1.8rem;}
.members .wrapper article li dl dt {display: inline-block; vertical-align: middle; width:47%; margin: 5px 0; }
.members .wrapper article  dl dd {display: inline-block; vertical-align: middle; width:45%; margin: 5px 0; }
.members .wrapper article li dl dt{font-size: 18px;font-size: 1.8rem; text-align: right;  }
.members .wrapper article li dl  dd {font-family: 'Lato', sans-serif; font-size: 26px;font-size: 2.6rem; color: #931627; font-weight: bold;}
.members .wrapper article li dl  dd u { text-decoration: none; font-size: 20px;font-size: 2.0rem;  }
.members .wrapper article li dl  dd span{ background: #931627; color: #fff; border-radius: 50%; padding: 8px;}
.members .wrapper article li p{font-size: 14px;font-size: 1.4rem; margin: 15px 0 0;}
.members .wrapper article li:last-child p{ text-align: right; }
.members .wrapper article li:nth-child(2){background: #fff ; }
.members .wrapper article li:nth-child(2) p{font-size: 16px;font-size: 1.6rem; margin: 15px 15px 0; text-align: left;}
.members .wrapper article li p span{ background: #931627; color: #fff; border-radius: 50%; padding:10px 15px 5px; margin: 0 1em; font-size: 18px;font-size: 1.8rem; }
.members .wrapper article li p b{font-family: 'Lato', sans-serif; font-size: 26px;font-size: 2.6rem; font-weight: bold;}
.members .wrapper article li p.kome {margin-left: 2em; }
.members .wrapper article li p.kome:before {content: "※"; margin-left: -1em; }
.members .wrapper article li p.line{width:90%;  margin: 1em 0 1em 2em ; border-left:3px solid #931627;  padding: 0 0 0 10px}


.members .wrapper article  ol { margin:10px 0 0 10px; line-height: 1.2;}
.members .wrapper article  ol li{ display:block; background: none;  width:90%; text-align: left; margin: 0 ; border-left:3px solid #931627;  box-shadow:none;  padding:0 0 0 10px;font-size: 14px;font-size: 1.4rem; margin: 12px 0 ; }
.members .wrapper article  ol li:nth-child(2){  background: none; }
.members .wrapper article  ol li u{text-decoration: none;   color: #931627; }
.members .wrapper article  ol li b{text-decoration: none; font-size: 16px;font-size: 1.6rem;  font-weight: bold;}

.members .wrapper article div { background: #FFEEC2;  border-radius: 50%; text-align: center; padding: 20px; margin: 20px auto; width:80%;}
.members .wrapper article div h5 { margin:0;  font-size: 26px;font-size: 2.6rem;}
.members .wrapper article div p.blue { margin:0;  color: #2E75AA;  font-size: 22px;font-size: 2.2rem;}

.members .wrapper article div.line{ background:#f0f0f0; margin:0 auto;  font-size: 18px;font-size: 1.8rem;  padding:10px 2px; width:95%; text-align: center; }
.members .wrapper article div.line h5{ font-size:16px; text-align: center; }
.members .wrapper article div.line  img{ display: block;  width:100px !important; height: auto; margin: 0 auto;}
.members .wrapper article div.line  span img{ display: block;  width:70px !important; height: auto; margin: 0 auto;}
.members .wrapper article div.line  span { display: block; font-size:12px;}
.members .wrapper article div.line b{  display:  inline-block; vertical-align: top; width:45%; max-width: 160px; margin: 5px 2%;  text-align: center; font-size:14px; 
font-weight:normal; }
.members .wrapper article div.line b a{ display: block;  margin:0px 0 0 0; text-align: left;font-size:12px; }


.service  .wrapper article { max-width:975px;  margin: 80px auto;}
.service  .wrapper p.top,.members  .wrapper p.top,.members  .wrapper p.center{margin: 15px auto  0 ; max-width:975px; }
.service  .wrapper article dl  { text-align: center; max-width: 700px; margin: 30px auto;  }
.service  .wrapper article.tuite dl dt,.service  .wrapper article.tuite dl dd {  display:  inline-block; text-align: left;  vertical-align: top; padding: 10px 2% 0; margin: 0 0 15px; }
.service  .wrapper article.tuite dl dt{  width:20%; border-bottom: 1px solid #000;  font-weight:bold; }
.service  .wrapper article.tuite dl dd { width:70%;}
.service  .wrapper article.tuite dl dd b{font-family: 'Lato', sans-serif; font-size: 21px;font-size: 2.1rem; font-weight: bold;}

.service  .wrapper article.flow ol { text-align: center;  margin: 30px 0 30px 50px;  }
.service  .wrapper article.flow ol li{display: inline-block; width:200px;  vertical-align: top;
	padding:20px 20px 20px 60px;  margin: 0 0 0 -53px; text-align: left; background: url("../image/shop/back2.svg")  100% 50% no-repeat;  background-size:  cover; 
}
.service  .wrapper article.flow ol li:last-child{background: url("../image/shop/back.svg")  100% 50% no-repeat;  background-size:  cover; 
}
.service  .wrapper article.flow ol li:first-child{border-left: solid 2px #5c9ee7;padding:20px 30px 20px 20px;  width:230px; }

.service  .wrapper article.flow ol li h4 b{float:left;  border-right:1px solid  #961424;  color: #961424;font-family: 'Lato', sans-serif; font-size: 30px;font-size: 3.0rem; font-weight: bold; padding: 0 5px 0 0; }
.service  .wrapper article.flow ol li h4 span{display: block;  margin:0 0 0 50px; }
.service  .wrapper article.flow ol li p{font-size: 14px;font-size:1.4rem; margin: 10px 0px 0 0 ;  }

.service  .wrapper article.chui  h4{   text-align: center; font-size: 18px;font-size: 1.8rem;  font-weight: bold; margin: 30px 0px 0 0 ; }

.service  .wrapper article.chui  div{background:#FFF7DE; padding: 10px; margin:30px auto; max-width: 550px; }

.defaultlist{ max-width: 550px;}
.defaultlist
,.defaultlist li{
	padding:0px;
	margin:0px auto;
}
 
.defaultlist li{ line-height: 1.2;
	list-style-type:none !important;
	list-style-image:none !important;position:relative;
	margin: 20px 0px !important; border-bottom: 1px solid #000; padding: 0 0 15px 50px;
}
 
.list3-maru:after{
	content:''; 
	display:block; 
	position:absolute; 
	top:5px; 
	left:3px; 
	border-radius:30px;
	height:30px; 
	width:30px; 
	border:3px solid #2E75AA;
}
 
.list3-batu:before, .list3-batu:after{
	content:''; 
	display:block; 
	position:absolute; 
	top:20px; 
	left:3px;
	height:4px; 
	width:35px; 
	background:#2E75AA; 
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}
.list3-batu:after{
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}
.service  .wrapper  .btn a{ display: block; margin: 0 auto 30px; width:200px; padding: 15px; text-align: center;   background:#ED8435 url( "../image/about/btn.png") -10px -10px no-repeat; background-size: 90px auto; color: #fff; border-radius: 10px; font-size: 20px;font-size: 2.0rem;   }
.service  .wrapper  .btn a:hover{ background:#B75F25 url( "../image/about/btn.png") -10px -10px no-repeat; background-size: 90px auto; }

/*集配*/
.service  .wrapper   .todokemasu {  text-align:center; margin:30px auto; }
.service  .wrapper   .todokemasu li { display:inline-block;  text-align:left;  border:1px solid rgba(156,120,77,1); background: rgba(156,120,77,0.1); padding:15px; width:40%; margin:0 10px; vertical-align:middle;  }

.service  .wrapper   .todokemasu li:first-child {
	position: relative;
	background-color: #fff;
	border: 1px solid rgba(156,120,77,1);
}
.service  .wrapper   .todokemasu li:first-child::before,
.service  .wrapper   .todokemasu li:first-child::after {
	position: absolute;
	top: 100%;
	left: 50%;
	content: '';
	height: 0;
	width: 0;
	border: 10px solid transparent;
}
.service  .wrapper   .todokemasu li:first-child::before {
	border-top: 15px solid rgba(156,120,77,1);
}
.service  .wrapper   .todokemasu li:first-child::after {
	margin-top: -2px;
	border-top: 15px solid #fff;
}

.service  .wrapper  .todokemasu li strong{ display: block; text-align: center;  color:#990000;  font-size:20px; font-size:2.0rem; font-weight:bold; text-align:center;}
.yoyaku  .wrapper  h4{ padding: 4px 0;
	border-top: 3px double #999;
	border-bottom: 3px double #999;
	text-align: center;font-size:22px; font-size:2.2rem; }
.yoyaku .wrapper  #form  p{ text-align:center; margin:30px auto;}
.yoyaku .wrapper p.ed{ margin: 50px auto 80px; width:90%; }


.privacy  .wrapper p {margin:15px auto 0px;  text-align:left;  }
.privacy  .wrapper dl, .privacy  .wrapper article.contact {margin:30px auto 30px;  text-align:left; max-width:800px;}

.privacy  .wrapper dt{font-size:20px; font-size:2.0rem; margin:10px auto 0;}
.privacy  .wrapper dt{
	padding: .5em .75em;
	background-color: #f6f6f6;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.privacy  .wrapper dd{ margin:10px 0 30px 20px;}
.privacy  .wrapper dd ul li{ margin: 0 0 0 1em; }
.privacy  .wrapper dd ul li:before{ content:"・"; margin: 0 0 0 -1em; }

.privacy  .wrapper dd ol {
  counter-reset: my-counter;
  list-style: none;
  padding: 0; margin: 10px 0 0 0;
}
.privacy  .wrapper dd ol li {
  margin-bottom: 10px;
  padding-left: 30px;
  position: relative;
}
.privacy  .wrapper dd ol li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #222;
  color: #fff;
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;
}
.privacy  .wrapper .contact dl{margin:0px  0 100px auto;  text-align:left; max-width:600px; border: 1px solid #ccc; padding: 0 15px;}
.privacy  .wrapper .contact dl dt,.privacy  .wrapper .contact dl dd{  display: inline-block; vertical-align: top; }
.privacy  .wrapper .contact dl dt{
	padding: 0;
	background: none;
	border: none; width:25%; font-size: 18px;font-size: 1.8rem;  font-weight: bold;
	
}
.privacy  .wrapper .contact dl dd{ margin:10px 10px; width:70%;}
.privacy  .wrapper .contact dl  h3:before, .privacy  .wrapper .contact dl h3:after{  display: none;}
.privacy  .wrapper .contact dl h3{  text-align: left; margin: 0; padding: 0;font-size: 18px;font-size: 1.8rem;  }
a.close {  display: block;  text-align: center; margin: 20px auto; }

/*賠償基準について*/
.standard .wrapper .inner3{ margin: 0 auto; max-width: 800px;width:98%!important; }
.standard .wrapper article{ padding: 30px 0 30px; }
.standard .wrapper article.standard01  p{  margin:0 0 1em;  }
.standard .wrapper article.standard01  a{  display: block; margin:0.5em 0 0 auto; max-width:34em;  }
.standard .wrapper article.standard01  a::before{ 
font-family: "Font Awesome 5 Free";
  font-weight: 900; 
  content: "\f0c1";  
 padding-right:3px; margin-left: -1em; 
}
.standard .wrapper article h3{color: #003399; margin-bottom: 0.5em; }
.standard .wrapper article.standard02 ul{ margin: 10px 0; background: #f0f0f0; padding: 10px; text-align: center;}
.standard .wrapper article.standard02 li {  display:inline-block; vertical-align: middle; width: 40%; position: relative;  padding:8px 5px; border: 1px solid #666; background: rgba(255,255,255,0.5);  text-align: left; margin: 0;  }
.standard .wrapper article.standard02 li:first-child{  width:10%;background: none; padding: 0px 8px 0 0; border: none;  }
.standard .wrapper article.standard02 li:first-child:after{ 
content: "="; margin-left: 2px;
}
.standard .wrapper article.standard02 li:nth-child(2){ margin: 0 20px 0 5px;}
.standard .wrapper article.standard02 li:nth-child(2):after{ 
content: "＋";  position: absolute; top:40%;
  right:-18px;

}
.standard .wrapper article.standard02 dl{margin: 10px 0; background: #f0f0f0; padding: 10px; }
.standard .wrapper article.standard02 dt,.standard .wrapper article.standard02 dd {  display:  inline-block; vertical-align: middle;  margin:0.5em 0.2em; }
.standard .wrapper article.standard02 dt {  width:35%;}
.standard .wrapper article.standard02 dd {  width:60%;  }
.standard .wrapper article.standard02 dd:before {  content: "：";}
.standard .wrapper article table{ border-collapse: collapse; margin: 20px auto; border: 1px solid #ddd; font-size: 14px; }
.standard .wrapper article table th,.standard .wrapper article table td{  padding: 6px;  border: 1px solid #999}
.standard .wrapper article table tr:first-child th{ background:#ddd;}
.standard .wrapper article table th{ background:#f0f0f0;}
.standard .wrapper article table  caption { display: none;}
.standard .wrapper article table.nensu  td:last-child { text-align: center;}
.standard .wrapper article .scroll{ margin:60px auto 0; }
.standard .wrapper article .scroll table{  font-size: 12px; }
.standard .wrapper article .scroll table tr:first-child th,.standard .wrapper article .scroll table tr:nth-child(2) th{ text-align: center;}
.standard .wrapper article .scroll th{ vertical-align: middle;}
.standard .wrapper article.standard03 .last{ margin: 0 0 30px; background:none; padding: 0;}
.standard .wrapper article.standard03 .last dt,.standard .wrapper article.standard03 .last dd {  display: block; width:100%;  margin:0;  font-size: 14px;}
.standard .wrapper article.standard03 .last dd:before {   display: none;}
.standard .wrapper article.standard03 .last dd ol{ margin-bottom: 0.5em;}
.standard .wrapper article.standard03 .last dd ol li{ margin: 0.2em 0 0.1em 4em;}
.standard .wrapper article.standard03 .last dd ol li::before{ margin-left: -3em;}
.standard .wrapper article.standard03 .last dd ol li:first-child:before{content:"A級："}
.standard .wrapper article.standard03 .last dd ol li:nth-child(2):before{content:"B級："}
.standard .wrapper article.standard03 .last dd ol li:last-child:before{content:"C級："}
.standard .wrapper article.standard03 .last dd ul { margin: 0 0 0 1em;}
.standard .wrapper article.standard03 .last dd ul li { margin: 0 0 0 1em;}
.standard .wrapper article.standard03 .last dd ul li::before{content:"・";margin-left: -1em;}
.standard .wrapper article.standard03 h4 {color: #003399; margin:2em 0 0.5em; font-size: 18px; }
.standard .wrapper article .scroll  table {
  display: block;
  overflow-x: scroll;
  white-space: nowrap; border: none;
  -webkit-overflow-scrolling: touch;
}

/*@media */
@media only screen and (min-width: 1400px){
.index nav.topbtnnew li img{ width:100%; height:auto ;}
}
@media only screen and (max-width: 1270px){ .sticky nav li{ margin: 0px 30px; }}

@media only screen and (max-width: 1180px){ /* footer ul{  display: inline-block; vertical-align: top; margin: 20px 25px 0;  }*/
footer#footer ul{ margin: 20px 40px 0 35px;   }
footer#footer ul.online{ margin: 20px 0 0 35px;   }
}
@media only screen and (max-width: 1100px){ 
	 footer ul{  display: inline-block; vertical-align: top; margin: 20px 15px 0; }
.menu table th b { font-size: 16px;font-size: 1.6rem;
}

.menu table td b {font-size: 16px;font-size: 1.6rem;  margin: 10px 0;
}.menu table th{width:15%; padding: 0;  margin: 0;    } 
}




@media only screen and (max-width: 1155px){ .about #contents .first .box:nth-child(5) .bunsho { width:350px;  }.about #contents .first .bunsho ul{ font-size:12px;}
}
@media only screen and (max-width: 1145px){ .sticky nav li{ margin: 0px 20px; }}
@media only screen and (max-width: 1120px){.about #contents .first .box:nth-child(4) .bunsho { width:500px;  }
.about #contents .first .box:nth-child(5) .bunsho { width:200px;  }.about #contents .first .box:nth-child(6) .bunsho { width:180px;  }.about #contents .first .box:nth-child(6) .bunsho br {  display: none; }
.topq{ width:95%; }

}

@media only screen and (max-width: 1120px){.about #contents .first .box:nth-child(4) .bunsho { width:500px;  }
.about #contents .first .box:nth-child(5) .bunsho { width:200px;  }.about #contents .first .box:nth-child(6) .bunsho { width:180px;  }.about #contents .first .box:nth-child(6) .bunsho br {  display: none; }

	.about #contents .first .box:nth-child(4) .bunsho { width:500px;  }
	
}
@media only screen and (max-width: 1110px){.about #contents .first{  margin: 40px 0 0 10px  }
.qurality .subfooter li{   width:200px; }
.shop .subfooter li{   width:auto; padding: 5px 20px 0; }
	
.service  .wrapper article.flow ol li{display: inline-block; width:180px;  vertical-align: top;
	padding:20px 20px 20px 60px;  margin: 0 0 0 -53px; text-align: left; background: url("../image/shop/back2.svg")  100% 50% no-repeat;  background-size:  cover; 
}
.service  .wrapper article.flow ol li:last-child{background: url("../image/shop/back.svg")  100% 50% no-repeat;  background-size:  cover; 
}
.service  .wrapper article.flow ol li:first-child{border-left: solid 2px #5c9ee7;padding:20px 30px 20px 10px;  width:210px; }
.service  .wrapper article.flow ol li h4 b{font-size: 20px;font-size: 2.0rem; }.service  .wrapper article.flow ol li h4 span{display: block;  margin:0 0 0 40px; }

}

@media only screen and (min-width: 1100px){
 .menu-btn,　.pushy{ display:none; }
}

@media only screen and (max-width: 1060px){ .sticky nav li{ margin: 0px 10px; }
.index nav.topbtnnew li div{  left: 30%;width: 70%;}
.index nav.topbtnnew li h3{  color: #074198; font-size:18px; font-size:1.8em; text-align: left; position: absolute;/*絶対配置*/top: 25%; left: 10%; line-height: 1.2; }
}

 @media only screen and (max-width: 1000px){
		 footer ul{  display: inline-block; vertical-align: top; margin: 20px 8px 0;  }	
	
	 .logo #contents article.no02  dl.history dt { width:25%; }
.logo #contents article.no02  dl.history dd { width:70%; }
.menu .wrapper article .menulist  li{  padding: 30px 10px; }
	.menu .wrapper article li strong {  font-size: 28px;font-size: 2.8rem;}
	
}


@media only screen and (max-width: 950px){.sticky nav li{ margin: 0px 10px; font-size: 16px; font-size:1.6rem; }
	.about #contents .first{ background: url("../image/about/line2.svg") 15px 15px no-repeat; margin: 40px 0 0 10px  }
.about #contents .first .box{  max-width:950px; }
.about #contents .first .box:first-child {  margin: 0 0;}
.about #contents .first .box:nth-child(2) {margin: 10px 0 0 30px;}
.about #contents .first .box:nth-child(3) {margin: 10px 0 0 65px;}
.about #contents .first .box:nth-child(4) {margin: 10px 0 0 100px;}
.about #contents .first .box:nth-child(5) {margin: 30px 0 0 180px;}
.about #contents .first .box:nth-child(6) {margin: 10px 0 0 220px;}
.about #contents .first .box:nth-child(5) .bunsho { width:400px;  }
.about #contents .first .box:nth-child(6) .bunsho { width:400px;  }
	
	
.about #contents .second{ background: url("../image/about/line2.svg") 15px 0px no-repeat;  margin: 0px 0 10px 10px  }
.about #contents .second h3{ float: left;}
	

.about #contents .second .box:first-child{ width:auto; margin:0px 0 0 0px; max-width:950px; }
.about #contents .second .box:first-child h3{margin: 0px 0 0 0px }
.about #contents .second .box:first-child .bunsho{  margin: 15px 0 0 1.5em;}

.about #contents .second .box:nth-child(2){ width:auto;  margin: 10px 0 0 30px;; max-width:950px; }
.about #contents .second .box:nth-child(2) h3{margin: 00px 0 0 0px }
.about #contents .second .box:nth-child(2) .bunsho{ margin: 15px 0 0 1.5em;}

.about #contents .second .box:nth-child(3){ width:auto;  margin: 10px 0 0 65px; max-width:950px; }
.about #contents .second .box:nth-child(3) h3{margin: 00px 0 0 0px }
.about #contents .second .box:nth-child(3) .bunsho{  margin: 15px 0 0 1.5em; text-align: left;}

.about #contents .second .box:nth-child(4){margin: 10px 0 0 110px;}
.about #contents .second .box:nth-child(4) h3{margin: -00px 0 0 0px }
.about #contents .second .box:nth-child(4) .bunsho{ margin: 15px 0 0 1.5em; width:auto; text-align: left;}


.about #contents .second .box:nth-child(5){ width:auto;  margin: 10px 0 0 150px; max-width:950px; }
.about #contents .second .box:nth-child(5) h3{margin: 0px 0 0 0px }
.about #contents .second .box:nth-child(5) .bunsho{  margin: 15px 0 0 1.5em; max-width:400px;  }
.about #contents .second .box:nth-child(5) .bunsho p{ margin:1em;}	
	
/*safari ayumi*/
_::-webkit-full-page-media, _:future, :root .about #contents .first{ background: url("../image/about/line2.svg") 15px 15px no-repeat; margin: 40px 0 0 10px  }

_::-webkit-full-page-media, _:future, :root .about #contents .second{ background: url("../image/about/line2.svg") 15px 0px no-repeat;  margin: 0px 0 10px 10px  }
_::-webkit-full-page-media, _:future, :root .about #contents .second h3{ float: left;}
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:first-child{ width:auto; margin:0px 0 0 0px; max-width:950px; }
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:first-child h3{margin: 0px 0 0 0px }
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:first-child .bunsho{  margin: 15px 0 0 1.5em;}
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(2){ width:auto;  margin: 10px 0 0 30px;; max-width:950px; }
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(2) h3{margin: 00px 0 0 0px }
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(2) .bunsho{ margin: 15px 0 0 1.5em;}
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(3){ width:auto;  margin: 10px 0 0 65px; max-width:950px; }
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(3) h3{margin: 00px 0 0 0px }
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(3) .bunsho{  margin: 15px 0 0 1.5em; text-align: left;}
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(4){margin: 10px 0 0 110px;}
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(4) h3{margin: -00px 0 0 0px }
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(4) .bunsho{ margin: 15px 0 0 1.5em; width:auto; text-align: left;}
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(5){ width:auto;  margin: 10px 0 0 150px; max-width:950px; }
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(5) h3{margin: 0px 0 0 0px }
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(5) .bunsho{  margin: 15px 0 0 1.5em; max-width:400px;  }
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(5) .bunsho p{ margin:1em;}	


.logo #contents article.no02 .watanuki{width:30%; margin: -150px 0 250px }
.logo #contents article.no02 h3{ margin: 0px 0 0px 35%;  }
.logo #contents article.no02  .profile{ left:35%;width:65%;}
.subfooter { font-size: 16px;font-size: 1.6rem;  padding: 0;  }
.subfooter nav ul{  margin: 0; padding: 0; width:100%; }
.about .subfooter li{   width:200px; }
.qurality .subfooter li{   width:150px; }
.qurality #contents article#solvent div.white ul{ width:90%;  }
.price article div li h5{ width:60%; padding-left: 1em; }
.price article div li span{width:30%;  text-align: right;padding-right: 1em; }



.index nav.topbtn li h3{ padding:0; width: 90%;}

.iro{width:95%; margin: 10px auto 0px; }
.iro .yoko{ max-width:420px; width:45%; margin: 0px auto; float: left;}
.topq h4{ position: absolute;/*絶対配置*/ top:40px; right: 0px;}
.topq h2 img{ display: block;}
	
footer ul{   margin: 20px 0px; width: calc( 100% / 3 - 80px);  padding: 0;   }	
footer ul ul{  display: block; margin: 10px 0 0 2em;  width: calc(100% - 2em); padding: 0;   }}

@media only screen and (max-width: 900px){
footer#footer ul.privacybtn{  display: block; margin: 20px auto 0; width:95%;   }
footer ul ul{  display: block; margin: 10px 0 0 2em;  width: calc(100% - 2em);  }
.subfooter { font-size: 16px;font-size: 1.6rem; }
.company #contents article.no02 dl dt{   display: block; text-align: left; width:95%; }
.company #contents article.no02 dl dd{ display: block; text-align: left; margin: 0; width:95%;}
.qurality #contents article#water p{margin: 30px 0px 0 150px ; }
.menu table td b ,.menu table th b{font-size: 14px;font-size: 1.4rem; }

.members .wrapper article  ul  li{ display:block;  width:90%; max-width: 500px;  margin: 20px auto ;  }	
.members .wrapper article  ul  li.bd{  width:90%;  max-width: 500px; }
.members .wrapper article  ol li{ width:55%; margin:5px;  }
.members .wrapper article  ol {  text-align: left }

.members .wrapper article li.bd dl dt {width:8em; margin: 5px 0; }
.members .wrapper article li.bd dl dd { width: calc(100% - 9em); }

	
.service  .wrapper article.flow ol li{ width:40%; padding:20px 20px 20px 60px;  margin: 0 0 10px -53px; text-align: left;}
.service  .wrapper article.flow ol li:nth-child(2n){background: url("../image/shop/back.svg")  100% 50% no-repeat;  background-size:  cover; 
}
.service  .wrapper article.flow ol li:nth-child(2n-1){border-left: solid 2px #5c9ee7;padding:20px 30px 20px 20px;  width:45%;}

.index nav.topbtn li h3{ font-size:22px; font-size:2.2em;}
.shiminuki img,.kibami img,.kabi img,.kosei img{height:100%;  width:auto; }	
.topkodawari{ margin: 0; padding: 50px 0;}
	.topkodawari ul{  padding:0px 0 0 0px; color: #000; clear: both; text-align: center; width:100%;  }
.topkodawari ul li{  width:32%;margin: 0 2px; }
.topkodawari ul li h4{  font-size:16px; font-size:1.6rem; margin: 8px 0; }
.topkodawari ul li p{ height:6em;  }

.menu1{ display:none;/*モバイル時は非表示*/}
.sticky {height: 100px; border-bottom: 1px solid #666;  }
.sticky h2 {  display: none;}
.slicknav_menu { display:block;/*モバイル時は表示*/ margin: -65px 0 0 ;  text-align: center; } 
.slicknav_menu a:hover{color: #fff !important;}
.sticky nav li{ margin: 0px 0px; }
.sticky nav{ clear: both;  margin:0 auto 0; text-align: center; background:none; padding: 0px 0;  }
}

@media only screen and (min-width: 801px){/* フローティングバナーのラップ要素 */
#sidefloatingmenu{  
    position: fixed;
    top: 130px;
    right: 0; z-index: 10000;
}
#sidefloatingmenu li{ -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl; 
	vertical-align: top;  text-align: left;  width:65px; background: #fff; border: 3px solid #BB1108; padding: 10px 10px 10px 0; font-size:14px; font-size:1.4rem;   transition: .3s;  transition: 1s;
  -webkit-transition: 1s; height: 220px;
}
#sidefloatingmenu li.coupon{  display: none;}

#sidefloatingmenu li.line{ display: none; }
#sidefloatingmenu li:last-child{ background: #BB1108;height: 200px; font-size:22px; font-size:2.2rem;font-weight:bold; line-height: 1.3;}
#sidefloatingmenu li span{ display: block;font-size:18px; font-size:1.8rem;font-weight:bold; }
#sidefloatingmenu li:last-child span{  font-size:22px; font-size:2.2rem;}
	
#sidefloatingmenu li span b{ font-size:22px; font-size:2.2rem; }
#sidefloatingmenu li a{ color: #000;  }
#sidefloatingmenu li:last-child a{ color: #fff;  }
#sidefloatingmenu li:hover{transform: scale(1.2); cursor: pointer;   }
#contents {  margin: 101px 0 0; }
}
@media only screen and (max-width: 800px){.index nav.topbtnne{ background:#ddd; }
	.index nav.topbtnne ul {width:100%; margin: 0 auto; padding: 0;  }
.index nav.topbtnnew li{ width:100%; display:block; margin:1px auto;  padding: 0;  height: 180px;}
.index nav.topbtnnew li img{ width:100%; height: auto;}
.index nav.topbtnnew li div{  left: 0%;
  margin:0;
  padding:0;  width:100%; height:100%; margin: 0;  }
	.index nav.topbtnnew li div h3 br{ display: none; }	

#sidefloatingmenu
{
  display: block;
  position: fixed;
  z-index: 9999;
  bottom: 0px;
  width: 100%;
  height:60px;
  text-align: center;
  text-decoration: none;
  transition: .5s;
	vertical-align:middle; border-radius:50%; 
}

#sidefloatingmenu li{  display: inline-block; 	vertical-align:middle;  text-align: center;  background: #fff; border: 2px solid #BB1108; padding: 5px 0 ; font-size:12px; font-size:1.2rem; font-weight:bold;  transition: .3s;  transition: 1s; 
  -webkit-transition: 1s; width:49%; 
}
#sidefloatingmenu li:last-child{ background: #BB1108; font-size:18px; font-size:1.8rem; line-height: 1.3;  }

#sidefloatingmenu li span{ display: block;font-size:16px; font-size:1.6rem; }
#sidefloatingmenu li span b{ font-size:18px; font-size:1.8rem; }
#sidefloatingmenu li:last-child span{ font-size:18px; font-size:1.8rem;   }

#sidefloatingmenu li a{ color: #000;  }
#sidefloatingmenu li:last-child a{ color: #fff;  }
#sidefloatingmenu li:hover{transform: scale(1.2); cursor: pointer;   }
#sidefloatingmenu li.line{ background: #93ed93; font-size:12px; font-size:1.2rem; line-height: 1.3; border: 2px solid #00c100 ; padding: 9px 0 ; }
#sidefloatingmenu li.line p {  font-weight: normal; width:40%; text-align: left;}  
#sidefloatingmenu li.line p,#sidefloatingmenu li.line img { display:  inline-block; vertical-align:middle; }  
#sidefloatingmenu li.coupon{  display: none;}
	
	
.shop .address{   margin:0 0 70px 0;  }
.wrapper{font-size: 14px; font-size: 1.4rem;}
#page-top1{
  bottom: 5px;
  right: 5px;
  width: 30px;
  height:30px;}
#page-top1 span {display: block; margin:0 auto 0;  font-size: 20px; font-size: 2.0rem; }
	
footer#footer{ padding:0; }
footer#footer ul{  margin: 0px auto;  width: calc(100% / 2 - 10px); padding: 0;    }
#footer ul li{  vertical-align: middle; margin:1px auto 0; padding: 10px 0 0; display: block; border-bottom: 1px solid #ddd;  }
#footer ul li a{ width:95%; margin: 0 auto;  padding:0 10px; }
#footer ul ul{  margin: 0px auto; width:100% ; padding: 0;    }
#footer ul ul li{  width:95%; display:inline-block; background: none; padding: 5px 0;  border-bottom: 1px dotted #ddd;}
#footer ul ul li:last-child{ border:none; }
	
footer#footer ul.privacybtn{text-align:center; width:95%;   }
footer#footer ul.privacybtn li{  margin: 0 1em;  border: none;  }
footer#footer ul.onlinebtn li:first-child a.mobile{ line-height: 1.2; margin: 0 0 0 0.8em; padding: 0 0 0 30px;}
footer#footer ul.onlinebtn li:first-child a.mobile::before{ margin:0 0.1em 0 -0.8em;}

	
	#contents {  margin: 101px 0 0; }


.about #contents .first .box:nth-child(4) .bunsho {width:400px;   }
.about #contents .first .box:nth-child(5) .bunsho { width:300px;  }
.about #contents .first .box:nth-child(6) .bunsho { width:300px;  }
.logo #contents article.no01 p{ margin: 1em auto ; max-width:700px; width:90%;}	
	
	
.logo #contents article.no02{ position: static; } 
.logo #contents article.no02 .watanuki{ margin: 0px 0 0px; width:40%;font-size:14px;font-size:1.4rem; text-align: right;  margin: 0 auto;}
.logo #contents article.no02 h3{  text-align: center; margin: 0 0 30px;  }
.logo #contents article h3 {  text-align: center; }
.logo #contents article.no02  .profile{ left:0%; top:0px; margin: 0 auto;  width:90%; position: static;}
.logo #contents article.no02  dl.history dt { width:100px; }
.logo #contents article.no02  dl.history dd { width:75%; }
.company #contents article.no01 p{ margin: 20px auto; width:90%;} 
.greeting #contents article.no01 ul{margin: 20px auto; width:90%;} 
.greeting #contents article.no01 p{ margin: 20px auto; width:90%;} 
.greeting #contents article.no01  .read { font-size:18px;  padding: 10px 20px; margin: 20px auto; width:80%;} 

.qurality #contents article#facility li{ font-size:12px; font-size:1.2rem;}
.qurality #contents article#facility li img{ width:300px; height: auto;margin: 8px 8px 3px; }
.qurality #contents article#facility li:last-child{ width:auto; }
.qurality #contents article#technical .no01 li br{   display: none;  }
.qurality #contents article#technical .no01 li{ margin: 10px 0.1%; width:20%;}
.shop .subfooter li{   width:auto; padding: 5px 5px 0; }

.iro{max-width:auto; height: auto; width:100%; margin: 10px auto;  text-align: center;  clear: both;  }
.iro img.photo{ float: none; margin: 0 auto 15px; width:100%; display: block;  }
.iro .yoko{ float: none; margin: 0 auto;width:100%; }
.iro h5 img{width:100%; height: auto; }
.iro h5{ max-width:420px; width:95%; margin: 0px auto;}


.index nav.topbtn li:nth-child(2) .caption {	font-size:16px; font-size:1.6em;}
.tosiminuki2 a{display: block;  width: 90%; max-width: 600px; margin:10px  auto;  }
.menukodawari{ padding:18px 0; }
.menukodawari article  h2{ font-size:22px!important; font-size:2.2rem!important;}
.menukodawari article .box2{  display:block;  width: calc(90% - 15px); max-width: 600px; padding: 10px; margin:10px auto 10px; background:#fff  url("../n-clean/img/airon.jpg") 100% 50%  no-repeat; }
.menukodawari article .box2:nth-child(2){background:#fff  url("../n-clean/img/shatu.jpg")  100% 50%  no-repeat;}
.menukodawari article .box2:nth-child(3){background:#fff  url("../n-clean/img/mizus.jpg")  100% 50% no-repeat;}
.menukodawari article .box2:nth-child(4){background:#fff  url("../n-clean/img/eco.jpg") 100% 50%  no-repeat; }
.menukodawari article .box2:nth-child(even){ margin:10px auto 10px; }	
}

@media only screen and (max-width: 730px){ 
.tosiminuki a h5,.tosiminuki a div{  display:block; vertical-align: middle;  width:90%; margin:10px auto; }
	
.about #contents .first h3,.about #contents .first .bunsho,.about #contents .second .bunsho,.about #contents .second h3{ float: left; }
.about #contents .first .bunsho,.about #contents .second .bunsho{ margin: 0 0 0 90px; }
.about #contents .first{ background: url("../image/about/line3.svg") 40px 15px no-repeat; margin: 40px 0 0 10px  }
	
.about #contents .first .box{  max-width:950px; }
.about #contents .first .box:first-child {  margin: 0 0;}
.about #contents .first .box:nth-child(2) {margin: 10px 0 0 0px;}
.about #contents .first .box:nth-child(3) {margin: 10px 0 0 0px;}
.about #contents .first .box:nth-child(4) {margin: 10px 0 0 0px;}
.about #contents .first .box:nth-child(5) {margin: 10px 0 0 0px;}
.about #contents .first .box:nth-child(6) {margin: 10px 0 0 0px;}
.about #contents .first .box:nth-child(4) .bunsho,.about #contents .first .box:nth-child(5) .bunsho,.about #contents .first .box:nth-child(6) .bunsho {  width:auto;  }
.about #contents .first .bunsho ul{ font-size:14px; margin:1em 0 0 1em;}
.about #contents .first .bunsho {max-width:850px; margin: 15px 0 0 1.5em;}
.about #contents .first .box:first-child .bunsho,.about #contents .first .box:nth-child(2) .bunsho {margin: 15px 0 0 1.5em;}

.about #contents .second{ background: url("../image/about/line3.svg") 40px 0 no-repeat; margin: 0px 0 0 10px; padding: 15px 0 0; }

.about #contents .second .box:first-child .bunsho{  margin: 15px 0 0 1.5em;}
.about #contents .second .box:first-child{  width:auto;  margin: 10px 0 0 0px;}

.about #contents .second .box:nth-child(2){ width:auto;  margin: 10px 0 0 0px;}
.about #contents .second .box:nth-child(2) h3{margin: 00px 0 0 0px }
.about #contents .second .box:nth-child(2) .bunsho{ margin: 15px 0 0 1.5em;}

.about #contents .second .box:nth-child(3){ width:auto;  margin: 10px 0 0 0px;} 
.about #contents .second .box:nth-child(3) h3{margin: 10px 0 0 0px }
.about #contents .second .box:nth-child(3) .bunsho{  margin: 30px 0 0 1.5em; text-align: left;}

.about #contents .second .box:nth-child(4){margin: 10px 0 0 0px;}
.about #contents .second .box:nth-child(4) h3{margin: -00px 0 0 0px }
.about #contents .second .box:nth-child(4) .bunsho{ margin: 30px 0 0 1.5em; }

.about #contents .second .box:nth-child(5){ width:auto;  margin: 10px 0 0 0px;}
.about #contents .second .box:nth-child(5) h3{margin: 0px 0 0 0px }
.about #contents .second .box:nth-child(5) .bunsho{  margin: 15px 0 0 1.5em; max-width:500px;  }
.about #contents .second .box:nth-child(5) .bunsho p{ margin:1em;}	

	/*safari ayumi*/
_::-webkit-full-page-media, _:future, :root .about #contents .first{ background: url("../image/about/line3.svg") 40px 15px no-repeat; margin: 40px 0 0 10px  }

_::-webkit-full-page-media, _:future, :root .about #contents .second{ background: url("../image/about/line3.svg") 40px 0 no-repeat; margin: 0px 0 0 10px; padding: 15px 0 0; }
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:first-child .bunsho{  margin: 15px 0 0 1.5em;}
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:first-child{  width:auto;  margin: 10px 0 0 0px;}
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(2){ width:auto;  margin: 10px 0 0 0px;}
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(2) h3{margin: 00px 0 0 0px }
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(2) .bunsho{ margin: 15px 0 0 1.5em;}
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(3){ width:auto;  margin: 10px 0 0 0px;} 
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(3) h3{margin: 10px 0 0 0px }
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(3) .bunsho{  margin: 30px 0 0 1.5em; text-align: left;}
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(4){margin: 10px 0 0 0px;}
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(4) h3{margin: -00px 0 0 0px }
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(4) .bunsho{ margin: 30px 0 0 1.5em; }
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(5){ width:auto;  margin: 10px 0 0 0px;}
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(5) h3{margin: 0px 0 0 0px }
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(5) .bunsho{  margin: 15px 0 0 1.5em; max-width:500px;  }
_::-webkit-full-page-media, _:future, :root .about #contents .second .box:nth-child(5) .bunsho p{ margin:1em;}	
	
.logo #contents article.no02  dl.history dt { width:100px; display: block; }
.logo #contents article.no02  dl.history dd { width:100% !important; }
.qurality #contents article#solvent div.white ul{ width:100%;  }		
.qurality #contents article#technical .no01 li:nth-child(2),
.qurality #contents article#technical .no02 li div {border: 2px solid #3399FF;  padding:8px; }
.qurality #contents article#technical .no01 li:nth-child(2){height: 380px; }
	
.menu .wrapper article li strong { display: block;  color:#2E75AA; font-size: 30px;font-size: 3rem; margin: 0 0; font-weight:bold; }
.menu .wrapper article li strong u { text-decoration: none;  border-bottom: #2E75AA 2px solid;}
.menu .wrapper article .menulist  li{  display:block;  width:90%; text-align: center; padding: 20px 10px; }
.menu .wrapper article .menulist li:nth-child(even){ width:90%; text-align: center;  }
.menu .wrapper article .hoka li div,.menu .wrapper article .hoka li img{ display: block; vertical-align: middle;margin: 10px  auto; width:100%;  }
.menu .wrapper article .hoka { margin: 40px auto; width:95%; }
.menu .wrapper article .azukari li{ text-align: center; display: block; width:90%; margin:0 auto;}

.menu table th span:before { display: none;}
.menu table th span {
  position:static;
  display:block;
  margin: 0 0 0;
  padding: 7px 10px;
  width: auto;
}
	
.menu table {  margin: 20px auto; 
    width: 80%;
  }

.menu table .thead {
    display: none;
  }
  
.menu table tr,
.menu table td {
  display: block;
    width: auto;
  }
  
.menu table tr {
    border-top: 1px solid #dbe1e8;
    margin-bottom: 20px;
    padding: 8px 8px; 
  }
  
.menu table td {
    border: none;
    border-bottom: 1px solid #dbe1e8;
    display: flex;
    justify-content: space-between;
    text-align: right;
  }
.menu table td:last-child {
    border-bottom: none;
  }
.menu table td::before {
    content: attr(aria-label);
    display: inline-block;
    font-weight: bold;
    float: left; padding: 15px;
    text-align: left;
    white-space: nowrap; width:20%; 
  }
.menu table td  b:before { display:none;} 
.menu table td.bt-area::before {
    display: none;
  }
.menu table td.bt-area a {
    background: #007aff;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    flex: 1;
    height: 40px;
    margin: 0 2px;
    overflow: hidden;
    width: auto;
  }
.menu table td.bt-area a::before {
    align-items: center;
    content: attr(aria-label);
    display: flex;
    font-size: 14px;
    height: 100%;
    justify-content: center;
    line-height: 40px;
    width: 100%;
  }
  
 .menu table td:first-child::before {
    display: none;
  }
.price article div{  margin: 15px auto;  }
	.price article div ul{ width:100%;}
.price article div h4 { width:100%;}
.price article  ol{ margin: 0 auto;width:70%; }
.members .wrapper article div { width:90%;}
	
.service  .wrapper article.tuite dl dt,.service  .wrapper article.tuite dl dd {  display:block;margin: 0 auto 20px; width:95%;padding: 0 2% 0;}
.index nav.topbtn li{ width:100%; display:block; margin:0 auto; padding: 0;  max-height: 200px; overflow: hidden; }

.shiminuki{max-width:auto;display: block;  width:100%;margin: 50px auto; }
.shiminuki figure,.kibami figure{ height:200px; margin: 0 auto;   }
.kibami{max-width:auto; display: block;  width:100%; margin: 0px auto;}
.shiminuki img,.kibami img{width:100%; height: auto;display: block;  }

.kabi{max-width:auto;display: block;  width:100%;margin: 50px auto; }
.kabi figure,.kosei figure{ height:200px; margin: 0 auto;   }
.kosei{max-width:auto; display: block;  width:100%; margin: 0px auto;}
.kabi img,.kosei img{width:100%; height: auto;display: block;  }
	
	
.topq h2 img{  display: block;}
.topq h2 img:nth-child(2){ display: block; margin: 5px 0; }
.topkodawari ul li{  width:90%;margin: 0 auto 10px; max-width:350px; }
.topkodawari ul li p{ height:auto; }
.topabout ul li{  width:90%;margin: 0 auto 10px; max-width:350px;  }

.service  .wrapper   .todokemasu li { display:block;  width:90%; margin:0 auto; border: none;  }

.service  .wrapper   .todokemasu li:first-child::before,
.service  .wrapper   .todokemasu li:first-child::after { display: none;}
.service  .wrapper   .todokemasu li:first-child::before { display: none;}
.service  .wrapper   .todokemasu li:first-child::after { display: none;}
.service  .wrapper  .todokemasu li strong{ text-align: left;}
.service  .wrapper  #form  p{ text-align:left;  width:90%;}
header.content nav li a{ padding: 0 10px; }
.logo #contents article.no03 div{ display:block;  vertical-align: top; }
.logo #contents article.no03 div.bag{ width:40%;  }
.logo #contents article.no03 div.furosiki{ width:60%;  }
.logo #contents article.no03 div.furosiki li{ display: inline-block; vertical-align: middle; width:45%;}
.logo #contents article.no03 div.bag li{  width:100%;}
.logo #contents article.no03 div.furosiki ul{ text-align: left; margin-left: 15px;}


.shop div.homon  p{ text-align: left; margin:10px auto; width:90%; }
.shop div.homon h3:before{  display: none; }
.shop div.homon  dl{  width:90%; padding: 0;  }
.shop div.homon  dl dt{ display: inline-block;  margin:0px auto;  padding:0; width:auto;}
.shop div.homon  dl dd{ display: inline-block;  margin:0px auto;  padding:0 1em 0 0;width:auto; }
.shop div.homon  dl dd a{ display: inline-block; }
	.privacy  .wrapper .contact dl{margin:0px auto 100px;  text-align:left; max-width:600px; border: 1px solid #ccc; padding: 0 5px;}
footer#footer ul.privacybtn li{  margin: 0  ;  border: none;  width:30%; }
footer#footer ul.privacybtn li:last-child{  margin: 0  ;  border: none;  width:40%; }
.index .newstop h2{ font-size:22px!important; font-size:2.2rem!important;}
}
@media only screen and (max-width: 675px){
#sidefloatingmenu li.line{ padding: 9px 0 ; }
#sidefloatingmenu li.line p br {  display: none;}  

}

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

footer#footer ul ul li{  width:90%; margin: 0 auto;  }
footer#footer  dl dd  div,footer dl dd a{ display: block;}
footer#footer  dl dt,footer dl dd{ display: block; margin: 10px 0 0 10px;}
footer#footer dl dd a,footer dl dd a:visited {  margin-left:0em;}
footer.subfooter nav li{  display: block; border-radius: 0; border-bottom: 1px solid #000;  }	
footer#footer ul.privacybtn li{  margin: 0 auto ;  border: none;  width:95%; text-align: left; }
footer#footer ul.privacybtn li:last-child{  margin: 0 auto ;  border: none;  width:95%; }

.about .subfooter li,.qurality .subfooter li, .shop .subfooter li{  width:100%; padding: 10px 0; border-radius: 0; margin-bottom: 1px;}
	
.about #contents .first .box .bunsho,.about #contents .second .box .bunsho,.about #contents .first .box:nth-child(4) .bunsho,.about #contents .first .box:nth-child(5) .bunsho,.about #contents .first .box:nth-child(6) .bunsho,.about #contents .second .box:nth-child(5) .bunsho,.about #contents .second .box:nth-child(2) .bunsho {  max-width:400px;  }
	
.logo #contents article.no02  dl.history dd { width:60%; }
.qurality #contents article#solvent div.white{ padding: 20px;  }
.qurality #contents article#facility li img{ width:250px; height: auto; margin: 8px 8px 3px; }
.members .wrapper article div {  border-radius:15px; text-align: left;}
.members .wrapper article div.line{ margin:10px auto 0;  font-size: 18px;font-size: 1.8rem;  padding:10px 2px; width:95%; text-align: center; }
	

.members .wrapper article li.bd dl { width:95%; max-width: 400px; margin: 0 auto; }
.members .wrapper article li.bd dl dt,.members .wrapper article li.bd dl dd,.members .wrapper article li.bd p { display: block; width:95%; text-align: left; }
	.price article div ul{ width:100%;}	
		.price article div ul li{ width:100%;}
	
.price article div li{ padding: 6px auto 4px;width:95%;background: #F0F0F0; }
	.price article div li:nth-child(2n){  background: #fff; }
.price article div li:nth-child(3),.price article div li:nth-child(7),.price article div li:nth-child(11),.price article div li:nth-child(15),.price article div li:nth-child(19){background: #F0F0F0; }
	
.ayumi .wrapper p.end{ clear: both;margin: 0px  auto; padding: 60px 0; text-align:  left; width:95%; }

.shopdiv.homon  dl dt{ display: inline-block;  margin:0px auto;  padding:0; width:auto;}
.shop div.homon  dl dd{ display: inline-block;  margin:0px auto;  padding:0 1em 0 0;width:auto; }
.shop div.homon  dl dd a{ display: inline-block; }
	
.privacy  .wrapper .contact dl dt{ width:95%; }
.privacy  .wrapper .contact dl dd{  width:95%; }
#sidefloatingmenu{ /*height:105px;*/height:74px; vertical-align:middle; border-radius:0%; }
#sidefloatingmenu li{  display:block;  width:100%;font-weight:normal; padding: 5px 0; border: none; border-top: 1px solid #BB1108;   }
#sidefloatingmenu li span{ display:inline-block; font-size:1.4rem; }
#sidefloatingmenu li span b{ font-size:16px; font-size:1.6rem; }
#sidefloatingmenu li:last-child{font-size:16px; font-size:1.6rem;  }
#sidefloatingmenu li:last-child span{ font-size:16px; font-size:1.6rem;   }
#sidefloatingmenu li:last-child span:before{ content:"|";}
#sidefloatingmenu li.line{ padding: 2px 0 ;border:none; border-top: 1px solid #00c100 ;   }

.index .line  h3 { font-size: 22px; font-size: 2.2rem; }
.index .line h3 .fab{font-size: 30px; font-size: 3.0rem; margin-right: 0.3em }

.index .line  p{ font-size: 16px; font-size: 1.6rem; }

.index .line  li { display: block;  width:95%; margin: 0 auto; max-width:400px; border-left:5px solid #999; padding: 5px 0 0 10px; }
.index .line  li p,.index .line  li a{text-align: left;  display:inline-block; vertical-align:top;  }
.index .line  li p{ width:65%; font-size: 14px; font-size: 1.4rem; margin: 0px auto 0; }
.index .line h4{   display: none;}
.index .line .pc{  display: none; }

.standard .wrapper article.standard02 li:first-child{ display: block;  width:auto;margin: 0 0 0.5em;}
.standard .wrapper article.standard02 li{  width:45%;}
.standard .wrapper article.standard02 li:nth-child(2){ margin: 0 20px 0 0;}
.singletable h3{ font-size:16px; }
.menukodawari article  h2{ font-size:18px!important; font-size:1.8rem!important;}
.menukodawari article h4{ font-size:16px!important; font-size:1.6rem!important;}
.menukodawari article .box2{background:#fff url("../n-clean/img/airon.jpg") 100% 50% no-repeat; background-size:  auto 100%; }
.menukodawari article .box2:nth-child(2){background:#fff  url("../n-clean/img/shatu.jpg") 100% 50% no-repeat; background-size:  auto 100%; }
.menukodawari article .box2:nth-child(3){background:#fff  url("../n-clean/img/mizus.jpg") 100% 50% no-repeat; background-size:  auto 100%; }
.menukodawari article .box2:nth-child(4){background:#fff  url("../n-clean/img/eco.jpg") 100% 50% no-repeat; background-size:  auto 100%; }
.menukodawari p,.menukodawari article .box2 ul li{ text-shadow: 
    white 2px 0px 2px, white -2px 0px 2px,
    white 0px -2px 2px, white -2px 0px 2px,
    white 2px 2px 2px, white -2px 2px 2px,
    white 2px -2px 2px, white -2px -2px 2px,
    white 1px 2px 2px, white -1px 2px 2px,
    white 1px -2px 2px, white -1px -2px 2px,
    white 2px 1px 2px, white -2px 1px 2px,
    white 2px -1px 2px, white -2px -1px 2px,
    white 1px 1px 2px, white -1px 1px 2px,
    white 1px -1px 2px, white -1px -1px 2px;
}

	}
@media only screen and (max-width: 500px){ footer dl dd div img,footer dl dd div span{ display: block;  }
footer#footer ul{  margin: 0px auto; width:95% ; padding: 0;    }
footer#footer ul.online{margin: 0px auto; width:95% ; padding: 0;    }
 .about #contents .first .box .bunsho,.about #contents .first .box:nth-child(4) .bunsho,.about #contents .first .box:nth-child(5) .bunsho,.about #contents .first .box:nth-child(6) .bunsho,.about #contents .second .box:nth-child(5) .bunsho {  max-width:400px; width:60%; }
.company #contents article.no02 dl dd b,.company #contents article.no02 dl dd span{display: block; }
.company #contents article.no02 dl dd span{width:12em; text-align: center;}
.company #contents article.no01 dl dt,.company #contents article.no01 dl dd{ display:block;border:none; }
.company #contents article.no01 dl dt{ width:100%; }
.company #contents article.no01 dl dd{  width:100%;border-bottom:1px solid #000;}
	
.qurality #contents article#water img{  float: none; display: block;  margin: 30px auto 10px ; width:150px; height: auto; }
.qurality #contents article#water h3{margin: 30px 0 0 ; font-weight: bold; text-align: center;  }
.qurality #contents article#water p{margin: 30px 10px 0 ; }
	.qurality #contents article#technical .no01 li,.qurality #contents article#technical .no02 li{ display: block;    margin: 5px auto; width:95%;  overflow: hidden;  }
	.qurality #contents article#technical .no01 li img{  width:100%; height:auto; }
	.qurality #contents article#technical .no01 li:nth-child(2){width:90%;  height:auto; }
	.qurality #contents article#technical .no01 li:first-child{ display: none; height:auto;  }
	.qurality #contents article#technical .no01 li:nth-child(3){  height:150px; }
	.qurality #contents  p{  margin: 1em 0; text-align: left;}
	.price article div{  margin: 15px auto;  display: block; vertical-align: top; width:95%; }

.price article div h4 { width:100%;}

.price article  ol{ margin: 0 auto;width:100%;}
.price article  ol li{ margin: 0 0 0 1em;}.price article  ol li:before{  margin-left: -1em;  }
.service  .wrapper article.flow ol li{background: url("../image/shop/back.svg")  100% 50% no-repeat;  background-size:  cover;  width:90%; padding:20px 0 20px 20px; margin: 0 auto 10px; text-align: left;border-left: solid 2px #5c9ee7;}
.service  .wrapper article.flow ol li:nth-child(2n){width:90%; padding:20px 0 20px 20px; margin: 0 auto 10px; text-align: left;}
.service  .wrapper article.flow ol li:nth-child(2n-1){width:90%; padding:20px 0 20px 20px; margin: 0 auto 10px; text-align: left;}


.index nav.topbtn li{height: 150px; overflow: hidden; }

.kabi h5{  top:50px; left: 20px;}
.topq h4{  display: none; }
.topq p.tuiki{ width:100%;  }
.topkodawari h2{ display: none; }
.topkodawari h3{  padding: 10px 0; margin: 0 auto; text-align: center; font-size:2.2rem; font-size:22px; }
.topkodawari ul{  padding: 0px 0; margin: 0 auto;}
header.content nav ul{ text-align: left;}
header.content nav li{ width:45%; text-align: left; border: none;  border-left:2px solid #000; padding: 0 0 0 8px; margin: 0 0 0 5px;  }
header.content nav li:last-child{ border-left:2px solid #000; padding: 0 0 0 8px;  }
.logo #contents article.no03 li{ display: inline-block; vertical-align: middle; width:49%;}
	.logo #contents article.no03 ul{  text-align: left;}
.logo #contents article.no03 .logo li{ width:49%;}
.logo #contents article.no03 .card li{ width:49%;}
	.logo #contents article.no03 div.bag{  width:100%; }
.logo #contents article.no03 div.furosiki{ width:100%;  }
	.logo #contents article.no03 div.bag li{ width:49%;}
	.logo #contents article.no03 div.furosiki li{ width:49%;}
	.logo #contents article.no03 div.furosiki ul{  margin-left: 0;}

.menu table {  margin: 20px auto; 
    width: 95%;
  }
	
.menu table td::before {
    float: left; padding: 15px 5px;
    text-align: left;
    white-space: nowrap; width:25%; 
  }
	
	.menu table td b {
  padding: 7px;
  min-width: 100px;
  width: 85%;
  color: #555; font-weight:normal; 
  font-size: 18px;font-size: 1.8rem;
  background: #D5EEF7;
}
	.tosiminuki a div{ margin:20px auto 10px; font-size:18px;font-size:1.8rem;   }
.tosiminuki a div br{  display: none; }
.index .line  li { display: block;  width:95%; margin: 0 auto; max-width:400px; border:none; padding: 5px 0 0 0px; }
.index .line  li p,.index .line  li a{text-align: left;  display:inline-block; vertical-align:top;  }
.index .line  li p{ width:50%; font-size: 12px; font-size: 1.2rem; margin: 0px auto 0; }
.index .line h4{   display: none;}
.index .line .pc{  display: none; }

.standard .wrapper article.standard01  a{   margin:0.5em  auto; width:90%;  }
.standard .wrapper article.standard02 dt,.standard .wrapper article.standard02 dd {  width:auto;}
.standard .wrapper article.standard02 li:first-child{ display: block;  width:auto;margin: 0 0 0.5em;}
.standard .wrapper article.standard02 li{  width:40%;}
.standard .wrapper article.standard02 li:nth-child(2){ margin: 0 20px 0 0;}
	.tosiminuki2 a.taku .img2,.tosiminuki2 a.taku div{  display:block; width:auto;  }
	.tosiminuki2 a.taku .img2{ width:auto; max-width: 300px; height: auto; margin: 10px auto 0; }
	.tosiminuki2 a.taku div{ width: 90%;  margin:5px auto 10px; }
	.tosiminuki2 a.simi h5,.tosiminuki2 a.simi div{display:block; width:90%; height: auto; margin: 10px auto 0; }
	.tosiminuki2 a.simi div{ font-size:18px; font-size:1.8rem;  }
	.tosiminuki2 a.simi div br{ display: none; }
	
    /*案内*/
.index .annai{ font-size:14px; font-size:1.4rem;}
.index .annai h2{font-size:20px; font-size:2.0rem;margin-bottom: 10px; }
    
}
@media only screen and (max-width: 500px){
    .index .annai p br{ display: none;}
.index .annai dl{ margin: 1em auto 0; width:90%;  }
.index .newstop span{  display: block;  }
}

@media only screen and (max-width: 400px){
	.price article p{ text-align: left; width:90%;}
.standard .wrapper article.standard02 dd { margin: 0 0 0.5em 1em; padding: 0;}
.menukodawari article  h2{ font-size:16px!important; font-size:1.6rem!important;}
.menukodawari article .box2{background:#fff url("../n-clean/img/airon.jpg") 110% 50% no-repeat; background-size:  auto 100%; padding:5px 40px 8px 0px; width:calc( 100% - 60px);font-size:14px!important; font-size:1.4rem!important; }
.menukodawari article .box2:nth-child(2){background:#fff  url("../n-clean/img/shatu.jpg") 140% 50% no-repeat; background-size:  auto 100%; }
.menukodawari article .box2:nth-child(3){background:#fff  url("../n-clean/img/mizus.jpg") 120% 100% no-repeat; background-size:  auto 100%; }
.menukodawari article .box2:nth-child(4){background:#fff  url("../n-clean/img/eco.jpg") 150% 50% no-repeat; background-size:  auto 100%; }
.menukodawari article .box2 br{  display: none; }

}
@media print {
body {
zoom: 80%; /*←いー感じに調整してください*/
}
}