@charset "utf-8";

/*--------- menu ---------*/
body#home .menu ul li.nav01 a,
body#products .menu ul li.nav02 a.prd,
body#products2 .menu ul li.nav02 a.prd,
body#products3 .menu ul li.nav02 a.prd,
body#products4 .menu ul li.nav02 a.prd,
body#products5 .menu ul li.nav02 a.prd,
body#products6 .menu ul li.nav02 a.prd,
body#products7 .menu ul li.nav02 a.prd,
body#products8 .menu ul li.nav02 a.prd,
body#aboutus .menu ul li.nav03 a,
body#contact .menu ul li.nav04 a{border-bottom:3px solid #727171;font-weight: bold;padding-bottom:5px;}
body#home footer ul li.nav01 a,
body#products footer ul li.nav02 a,
body#products2 footer ul li.nav02 a,
body#products3 footer ul li.nav02 a,
body#aboutus footer ul li.nav03 a,
body#contact footer ul li.nav04 a{font-weight: bold;}

body#products #head-menu li.nav02 ul li.nav02-1 a,
body#products2 #head-menu li.nav02 ul li.nav02-2 a,
body#products3 #head-menu li.nav02 ul li.nav02-3 a,
body#products4 #head-menu li.nav02 ul li.nav02-4 a,
body#products5 #head-menu li.nav02 ul li.nav02-5 a,
body#products6 #head-menu li.nav02 ul li.nav02-6 a,
body#products7 #head-menu li.nav02 ul li.nav02-7 a,
body#products8 #head-menu li.nav02 ul li.nav02-8 a{background: #666666;color:#fff;}
@media screen and (max-width: 768px) {
  body#products #head-menu li.nav02 ul li.nav02-1 a,
  body#products2 #head-menu li.nav02 ul li.nav02-2 a,
  body#products3 #head-menu li.nav02 ul li.nav02-3 a,
  body#products4 #head-menu li.nav02 ul li.nav02-4 a,
  body#products5 #head-menu li.nav02 ul li.nav02-5 a,
  body#products6 #head-menu li.nav02 ul li.nav02-6 a,
  body#products7 #head-menu li.nav02 ul li.nav02-7 a,
  body#products8 #head-menu li.nav02 ul li.nav02-8 a{margin: auto;background: none;color:#727171;font-weight: bold;}
}

#products-link div{
  padding:20px;
  position:relative;
    font-size: 140%;}

#products-link div p{
      position:absolute;
      top: 50%;
      left: 50%;
      transform: translateY(-50%) translateX(-50%);
      -webkit-transform: translateY(-50%) translateX(-50%);
      z-index: 22;}

#products-link div a p{
	font-size:65%;
  line-height: 120%;
  text-align: center;
	letter-spacing: 0.1em;
  opacity: 0;
    -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;}
#products-link div a:hover p{
  opacity: 1;
  color:#000;
}

#products-link div a:hover img {
  filter: alpha(opacity=30);
    -moz-opacity: 0.30;
    opacity: 0.3;
}

@media screen and (max-width: 768px) {
  #products-link div{padding:0px 5px 10px;}
  #products-link div{font-size:100%;}
}


/*--------- top ---------*/
        body.home section#mainvisual .swiper-slide{height:600px;width:100%;}
          body.home section#mainvisual{position:relative;}
          body.home section#mainvisual h2{
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto;
          max-width: 100%;
          z-index:33;}
          body.home section#mainvisual #mv01{background: url(../img/top3/top001.jpg) no-repeat center 80% / cover;}
          body.home section#mainvisual #mv02{background: url(../img/top3/top012.jpg) no-repeat center 80% / cover;}
          body.home section#mainvisual #mv03{background: url(../img/top3/top002.jpg) no-repeat center 80% / cover;}
          body.home section#mainvisual #mv04{background: url(../img/top3/top003.jpg) no-repeat center 80% / cover;}
          body.home section#mainvisual #mv10{background: url(../img/top3/top013.jpg) no-repeat center 80% / cover;}
          body.home section#mainvisual #mv05{background: url(../img/top3/top007.jpg) no-repeat center 80% / cover;}
          body.home section#mainvisual #mv06{background: url(../img/top3/top008.jpg) no-repeat center 80% / cover;}
          body.home section#mainvisual #mv12{background: url(../img/top3/top015.jpg) no-repeat center 80% / cover;}
          body.home section#mainvisual #mv07{background: url(../img/top3/top009.jpg) no-repeat center 80% / cover;}
          body.home section#mainvisual #mv11{background: url(../img/top3/top014.jpg) no-repeat center 80% / cover;}
          body.home section#mainvisual #mv08{background: url(../img/top3/top010.jpg) no-repeat center 80% / cover;}
          body.home section#mainvisual #mv09{background: url(../img/top3/top011.jpg) no-repeat center 80% / cover;}


          body.home section#mainvisual h2{
            top: 30%;
            max-width: 100px;}

          body.home section#no01{margin:80px auto;}
          body.home section#no01 h2{max-width:100px;text-align: center;margin-bottom:60px;}
          body.home section#no01 h3{font-size:108%;line-height:240%;letter-spacing: 0.2em;margin-bottom:30px}

        @media screen and (max-width: 1000px) {
		  body.home section#mainvisual #mv01{background: url(../img/top3/top001.jpg) no-repeat center 80% / cover;}
          body.home section#mainvisual #mv02{background: url(../img/top3/top012.jpg) no-repeat center 80% / cover;}
          body.home section#mainvisual #mv03{background: url(../img/top3/top002.jpg) no-repeat center 80% / cover;}
          body.home section#mainvisual #mv04{background: url(../img/top3/top003.jpg) no-repeat center 80% / cover;}
          body.home section#mainvisual #mv10{background: url(../img/top3/top013.jpg) no-repeat center 80% / cover;}
          body.home section#mainvisual #mv05{background: url(../img/top3/sp007.jpg) no-repeat center 80% / cover;}
          body.home section#mainvisual #mv06{background: url(../img/top3/top008.jpg) no-repeat center 80% / cover;}
          body.home section#mainvisual #mv12{background: url(../img/top3/sp015.jpg) no-repeat center 80% / cover;}
          body.home section#mainvisual #mv07{background: url(../img/top3/top009.jpg) no-repeat center 80% / cover;}
          body.home section#mainvisual #mv11{background: url(../img/top3/top014.jpg) no-repeat center 80% / cover;}
          body.home section#mainvisual #mv08{background: url(../img/top3/top010.jpg) no-repeat center 80% / cover;}
          body.home section#mainvisual #mv09{background: url(../img/top3/sp011.jpg) no-repeat center center / cover;}

          body.home section#mainvisual h2{max-width: 50px;}
          body.home section#no01{margin:40px auto;}
			
			
			@media screen and (max-width: 480px) {
		  body.home section#mainvisual #mv01{background: url(../img/top3/sp001.jpg) no-repeat center center / cover;}
          body.home section#mainvisual #mv02{background: url(../img/top3/sp012.jpg) no-repeat center center / cover;}
          body.home section#mainvisual #mv03{background: url(../img/top3/sp002.jpg) no-repeat center center / cover;}
          body.home section#mainvisual #mv04{background: url(../img/top3/sp003.jpg) no-repeat center center / cover;}
          body.home section#mainvisual #mv10{background: url(../img/top3/sp013.jpg) no-repeat center 80% / cover;}
          body.home section#mainvisual #mv05{background: url(../img/top3/sp007.jpg) no-repeat center center / cover;}
		  body.home section#mainvisual #mv06{background: url(../img/top3/sp008.jpg) no-repeat center center / cover;}
          body.home section#mainvisual #mv12{background: url(../img/top3/sp015.jpg) no-repeat center 80% / cover;}
          body.home section#mainvisual #mv07{background: url(../img/top3/sp009.jpg) no-repeat center center / cover;}
          body.home section#mainvisual #mv11{background: url(../img/top3/top014.jpg) no-repeat center 80% / cover;}
          body.home section#mainvisual #mv08{background: url(../img/top3/sp010.jpg) no-repeat center center / cover;}
          body.home section#mainvisual #mv09{background: url(../img/top3/sp011.jpg) no-repeat center center / cover;}

          body.home section#mainvisual h2{max-width: 50px;}
          body.home section#no01{margin:40px auto;}
		　
        }

  /*---------end top ---------*/

  /*--------- page ---------*/
          body.pages section#mainvisual div{height:500px;width:100%;max-width: 1140px;margin: auto;position:relative;}
          body#products section#mainvisual{background: url(../img/products2/cutting_mat01.jpg) no-repeat 40% 80% / cover;}
          body#products2 section#mainvisual{background: url(../img/products2/spatula01.jpg) no-repeat 40% 80% / cover;}
          body#products3 section#mainvisual{background: url(../img/products2/body_wash_towel01.jpg) no-repeat 40% 5% / cover;}
          body#products4 section#mainvisual{background: url(../img/products2/bath_towel00.jpg) no-repeat 40% 5% / cover;}
          body#products5 section#mainvisual{background: url(../img/products2/wrap_dish01.jpg) no-repeat 40% 5% / cover;}
          body#products6 section#mainvisual{background: url(../img/products2/fukin01.jpg) no-repeat 40% 5% / cover;}
          body#products7 section#mainvisual{background: url(../img/products2/table-knife01.jpg) no-repeat 40% 5% / cover;}
          body#products8 section#mainvisual{background: url(../img/products2/kids-bath-wear01.jpg) no-repeat 40% 5% / cover;}

          body.pages section#mainvisual div aside{
            position: absolute;
            -webkit-writing-mode: vertical-rl;
              -ms-writing-mode: tb-rl;
              writing-mode: vertical-rl;
              color:#fff;
              display: block;
              margin:0 auto;
              right: 20px;
				  font-weight: lighter
              }


          body.pages section#mainvisual div aside2{
            position: absolute;
            -webkit-writing-mode: vertical-rl;
              -ms-writing-mode: tb-rl;
              writing-mode: vertical-rl;
              color:#151515;
              display: block;
              margin:0 auto;
              left: 20px;
			           font-weight: lighter
              }

          body.pages section#mainvisual div aside3{
            position: absolute;
            -webkit-writing-mode: vertical-rl;
              -ms-writing-mode: tb-rl;
              writing-mode: vertical-rl;
              color:#fff;
              display: block;
              margin:0 auto;
              left: 20px;
			           font-weight: lighter
              }

          body.pages section#mainvisual div aside4{
            position: absolute;
            -webkit-writing-mode: vertical-rl;
              -ms-writing-mode: tb-rl;
              writing-mode: vertical-rl;
              color:#151515;
              display: block;
              margin:0 auto;
              left: 20px;
			           font-weight: lighter
              }


          body.pages section#mainvisual h2{font-size:180%;font-family:"ゴシックMB101 DB";margin:55px 0 0 10px;letter-spacing:0.3em}
          body.pages section#mainvisual h3{font-size:130%;font-family:"ゴシックMB101 DB";margin-top:120px;line-height:220%;letter-spacing:0.25em}

          body.pages section h4{font-size:160%;font-family:"ゴシックMB101 DB";line-height:200%;margin:0;letter-spacing:0.18em}

          body.pages section h5{font-size:150%;font-family:"ゴシックMB101 DB";line-height:250%;margin:0;margin-bottom:0.7em;letter-spacing:0.2em}

          body.pages section#title{text-align: center;margin:60px auto 80px;}
          body.pages section#title h2{max-width:60px;margin:auto;}
          body.pages section#title h3{font-size:140%;font-weight:700;letter-spacing: 0.25em;margin-top:80px;letter-spacing:0.17em}


/* box1 */


          body.pages section.texts{margin:100px auto 80px;}
          body.pages section.texts #vol01 .box1 .margintop{margin-top:50px;}
          body.pages section.texts #vol01-2 .box1 .margintop{margin-top:90px;}
          body.pages section.texts #vol01-3 .box1 .margintop{margin-top:100px;}
          body.pages section.texts #vol01-4 .box1 .margintop{margin-top:100px;}
          body.pages section.texts #vol01-5 .box1 .margintop{margin-top:200px;}
          body.pages section.texts #vol01-6 .box1 .margintop{margin-top:100px;}
          body.pages section.texts #vol01-7 .box1 .margintop{margin-top:50px;}
          body.pages section.texts #vol01-8 .box1 .margintop{margin-top:80px;}

          body.pages section.texts #vol02 .box1 .margintop{margin-top:160px;}
          body.pages section.texts #vol02-2 .box1 .margintop{margin-top:110px;}
          body.pages section.texts #vol02-3 .box1 .margintop{margin-top:40px;}
          body.pages section.texts #vol02-3 .subimg {margin-top:20px;}
          body.pages section.texts #vol02-4 .box1 .margintop{margin-top:200px;}
          body.pages section.texts #vol02-5 .box1 .margintop{margin-top:140px;}
          body.pages section.texts #vol02-6 .box1 .margintop{margin-top:140px;}
          body.pages section.texts #vol02-7 .box1 .margintop{margin-top:200px;}
          body.pages section.texts #vol02-8 .box1 .margintop{margin-top:100px;}
          body.pages section.texts #vol02-8 .box1 .margintop2{margin-top:200px;}
         


          body.pages section.texts #vol03 .box1 .margintop{margin-top:110px;}
          body.pages section.texts #vol03-2 .box1 .margintop{margin-top:130px;}
          body.pages section.texts #vol03-3 .box1 .margintop{margin-top:150px;}
          body.pages section.texts #vol03-4 .box1 .margintop{margin-top:210px;}
          body.pages section.texts #vol03-5 .box1 .margintop{margin-top:110px;}
          body.pages section.texts #vol03-6 .box1 .margintop{margin-top:70px;}
          body.pages section.texts #vol03-7 .box1 .margintop{margin-top:200px;}
          body.pages section.texts #vol03-8 .box1 .margintop{margin-top:120px;}

          body.pages section.texts #vol04 .box1 .margintop{margin-top:185px;}
          body.pages section.texts #vol04-4 .box1 .margintop{margin-top:100px;}


/* box2 */


          body.pages section.texts .box2 {position: relative;}
          body.pages section.texts #vol01 .box2 {height:400px;}
          body.pages section.texts #vol01-2 .box2 {height:335px;}
          body.pages section.texts #vol01-3 .box2 {height:360px;}
          body.pages section.texts #vol01-4 .box2 {height:360px;}
          body.pages section.texts #vol01-5 .box2 {height:550px;} /* wrap dishの「保存してそのまま食卓へ」の高さ*/
          body.pages section.texts #vol01-6 .box2 {height:400px;}
          body.pages section.texts #vol01-7 .box2 {height:260px;}
          body.pages section.texts #vol01-8 .box2 {height:400px;}

          body.pages section.texts #vol02 .box2 {height:320px;}
          body.pages section.texts #vol02-2 .box2 {height:330px;}
          body.pages section.texts #vol02-3 .box2 {height:600px;}
          body.pages section.texts #vol02-4 .box2 {height:470px;}
          body.pages section.texts #vol02-5 .box2 {height:400px;}
          body.pages section.texts #vol02-6 .box2 {height:550px;}
          body.pages section.texts #vol02-7 .box2 {height:550px;}
          body.pages section.texts #vol02-8 .box2 {height:900px;}

          body.pages section.texts #vol03 .box2 {height:350px;}
          body.pages section.texts #vol03-2 .box2 {height:350px;}
          body.pages section.texts #vol03-3 .box2 {height:350px;}
          body.pages section.texts #vol03-4 .box2 {height:840px;}
          body.pages section.texts #vol03-5 .box2 {height:440px;}
          body.pages section.texts #vol03-6 .box2 {height:440px;}
          body.pages section.texts #vol03-7 .box2 {height:440px;}
          body.pages section.texts #vol03-8 .box2 {height:420px;}
          body.pages section.texts #vol03-8 .box3 {height:300px;}

          body.pages section.texts #vol04 .box2 {height:320px;}
          body.pages section.texts #vol04-4 .box1 {height:300px;}


          body.pages section.texts .box2 .posi-R{position: absolute;right:0;}
          body.pages section.texts #vol01 .box2 .posi-R{top:-100px;}
          body.pages section.texts #vol02 .box2 .posi-R{top:-50px;}
          body.pages section.texts #vol03 .box2 .posi-R{top:-30px;}
          body.pages section.texts #vol03-4 .box2 .posi-R{top:30px;}


          body.pages section.texts #vol04 .box2 .posi-R{top:-30px;}
          body.pages section.texts #vol04-4 .box2 .posi-R{top:60px;}


          body.pages section.texts #vol01-2 .box2 .posi-R{top:-100px;}
          body.pages section.texts #vol01-3 .box2 .posi-R{top:-70px;}
          body.pages section.texts #vol01-4 .box2 .posi-R{top:40px;}

          body.pages section.texts #vol02-2 .box2 .posi-R{top:-50px;}
          body.pages section.texts #vol02-3 .box2 .posi-R{top:80px;}
          body.pages section.texts #vol02-4 .box2 .posi-R{top:40px;}
          body.pages section.texts #vol02-6 .box2 .posi-R{top:0px;}
          body.pages section.texts #vol02-7 .box2 .posi-R{top:0px;}
          body.pages section.texts #vol02-8 .box2 .posi-R{top:100px;}

          body.pages section.texts #vol03-2 .box2 .posi-R{top:-30px;}
          body.pages section.texts #vol03-3 .box2 .posi-R{top:-30px;}

          .posi-L{text-align: right;}

          body.pages section.texts .box2 .posi-L{position: absolute;left:0;}
          body.pages section.texts #vol01 .box2 .posi-L{top:110px;}
          body.pages section.texts #vol02 .box2 .posi-L{top:80px;}

          body.pages section.texts #vol03 .box2 .posi-L{top:105px;}
          body.pages section.texts #vol03-4 .box2 .posi-L{top:380px;}
          body.pages section.texts #vol03-5 .box2 .posi-L{top:110px;}
          body.pages section.texts #vol03-6 .box2 .posi-L{top:110px;}
          body.pages section.texts #vol03-7 .box2 .posi-L{top:110px;}
          body.pages section.texts #vol03-8 .box2 .posi-L{top:110px;}

          body.pages section.texts #vol04{margin-top:0px;}
          body.pages section.texts #vol04 .box2 .posi-L{top:105px;}
          body.pages section.texts #vol04-4 .box2 .posi-L{top:105px;}

          body.pages section.texts #vol05{margin-top:55px;}


          body.pages section.texts #vol01-2 .box2 .posi-L{top:55px;}
          body.pages section.texts #vol01-3 .box2 .posi-L{top:80px;}
          body.pages section.texts #vol01-4 .box2 .posi-L{top:120px;}
          body.pages section.texts #vol01-5 .box2 .posi-L{top:190px;}
          body.pages section.texts #vol01-6 .box2 .posi-L{top:120px;}
          body.pages section.texts #vol01-7 .box2 .posi-L{top:90px;}
          body.pages section.texts #vol01-8 .box2 .posi-L{top:120px;}

          body.pages section.texts #vol02-2 .box2 .posi-L{top:92px;}
          body.pages section.texts #vol02-3 .box2 .posi-L{top:300px;}
          body.pages section.texts #vol02-4 .box2 .posi-L{top:180px;}
          body.pages section.texts #vol02-5 .box2 .posi-L{top:130px;}
          body.pages section.texts #vol02-6 .box2 .posi-L{top:180px;}
          body.pages section.texts #vol02-7 .box2 .posi-L{top:190px;}
          body.pages section.texts #vol02-8 .box2 .posi-L{top:400px;}
          

          body.pages section.texts #vol03-2 .box2 .posi-L{top:80px;}
          body.pages section.texts #vol03-3 .box2 .posi-L{top:80px;}
          body.pages section.texts #vol03-6 .box2 .posi-L{top:70px;}
          body.pages section.texts #vol03-7 .box2 .posi-L{top:120px;}
          body.pages section.texts #vol03-8 .box2 .posi-L{top:150px;}


          body.pages section.texts #vol04-2{margin-top:60px;}
          body.pages section.texts #vol04-3{margin-top:60px;}



        body.pages a.btn{
          			  background:#676868;
          			  padding:10px 25px;
          			  border-radius: 4px;
          			  color:#fff;
          			  margin-top:40px;
          			  margin-bottom:80px;
          			  letter-spacing: 0.15em;
          			  font-size:80%;
          			  font-weight:700;
          			transition: color ease 0.7s, background ease 0.7s, border ease 0.7s
          }


          body.pages a.btn:hover {
            background:#fff;
          			  padding:10px 25px;
          			  border-radius: 4px;
          			  color:#000;
          			  margin-top:40px;
          			  letter-spacing: 0.15em;
          			  font-size:80%;
          			  font-weight:700
          }


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

			            body.pages section.texts #vol02-3 .subimg {margin-top:91px;}
	body.pages section.texts #vol02-3 .box2 {height:600px;}
	
	
          @media screen and (max-width: 991px) {
			  
			  body.pages section.texts #vol01-4 .box2 .posi-R,
			  
            body.pages section.texts #vol01 .box2 .posi-R {height:auto;}
			body.pages section.texts #vol01-2 .box2 .posi-R,
			body.pages section.texts #vol01-3 .box2 .posi-R,
			body.pages section.texts #vol01-5 .box2 .posi-R,
			body.pages section.texts #vol01-6 .box2 .posi-R,
			body.pages section.texts #vol01-7 .box2 .posi-R,
			body.pages section.texts #vol01-8 .box2 .posi-R,
			  
            
			  
            body.pages section.texts #vol02 .box2 .posi-R,
			body.pages section.texts #vol02-2 .box2 .posi-R,  
			body.pages section.texts #vol02-3 .box2 .posi-R,
			
			/*body.pages section.texts #vol02-3 .box2 {height:450px;}*/
			body.pages section.texts #vol02-4 .box2 .posi-R,
			body.pages section.texts #vol02-5 .box2 .posi-R {height:auto;}
			body.pages section.texts #vol02-6 .box2 .posi-R {height:auto;}
			body.pages section.texts #vol02-7 .box2 .posi-R {height:auto;}
			body.pages section.texts #vol02-3 .subimg {margin-top:67px;}
			  
            body.pages section.texts #vol03 .box2 .posi-R {top: 0;}
			body.pages section.texts #vol03-2 .box2 .posi-R {top: 0;}
			body.pages section.texts #vol03-3 .box2 .posi-R {top: 20px;}
            body.pages section.texts #vol03-4 .box2 .posi-R {top: 0;}
			body.pages section.texts #vol03-5 .box2 .posi-R {top: 0;}
			body.pages section.texts #vol03-6 .box2 .posi-R {top: 0;}
			body.pages section.texts #vol03-7 .box2 .posi-R {top: 0;}
			body.pages section.texts #vol03-8 .box2 .posi-R {top: 0;}
			  
			body.pages section.texts #vol04 .box2 .posi-R {top: 0;}
            body.pages section.texts #vol04-4 .box2 .posi-R {top: 0;}
			  

            body.pages section.texts #vol01 .box1 .margintop,
			body.pages section.texts #vol01-2 .box1 .margintop,
			body.pages section.texts #vol01-3 .box1 .margintop,
			body.pages section.texts #vol01-4 .box1 .margintop,
			body.pages section.texts #vol01-5 .box1 .margintop,
			body.pages section.texts #vol01-6 .box1 .margintop,
			body.pages section.texts #vol01-7 .box1 .margintop,
			body.pages section.texts #vol01-8 .box1 .margintop,
			  
            body.pages section.texts #vol02 .box1 .margintop,
			body.pages section.texts #vol02-2 .box1 .margintop,
			body.pages section.texts #vol02-3 .box1 .margintop,
			body.pages section.texts #vol02-4 .box1 .margintop,
			body.pages section.texts #vol02-5 .box1 .margintop,
			body.pages section.texts #vol02-6 .box1 .margintop,
			body.pages section.texts #vol02-7 .box1 .margintop,
			body.pages section.texts #vol02-8 .box1 .margintop,
			  
            body.pages section.texts #vol03 .box1 .margintop{margin-top:0;}
			body.pages section.texts #vol03-2 .box1 .margintop{margin-top:0;}
			body.pages section.texts #vol03-3 .box1 .margintop{margin-top:0;}
            body.pages section.texts #vol03-4 .box1 .margintop{margin-top:0;}
			body.pages section.texts #vol03-5 .box1 .margintop{margin-top:0;}
			body.pages section.texts #vol03-6 .box1 .margintop{margin-top:0;}
			body.pages section.texts #vol03-7 .box1 .margintop{margin-top:0;}
			body.pages section.texts #vol03-8 .box1 .margintop{margin-top:0;}
			  
			body.pages section.texts #vol04 .box1 .margintop{margin-top:0;}
            body.pages section.texts #vol04-4 .box1 .margintop{margin-top:0;}
			  

          }

@media screen and (max-width: 768px) {
            body#products section#mainvisual{background: url(../img/products2/cutting_mat01sp.jpg) no-repeat 40% 80% / cover;}
            body#products2 section#mainvisual{background: url(../img/products2/spatula01sp.jpg) no-repeat 40% 80% / cover;}
            body#products3 section#mainvisual{background: url(../img/products2/body_wash_towel01sp.jpg) no-repeat 40% 5% / cover;}
            body#products4 section#mainvisual{background: url(../img/products2/bath_towel00.jpg) no-repeat 40% 5% / cover;}
            body#products5 section#mainvisual{background: url(../img/products2/wrap_dish01sp.jpg) no-repeat 40% 5% / cover;}
	        body#products6 section#mainvisual{background: url(../img/products2/fukin01sp.jpg) no-repeat 40% 5% / cover;}
	        body#products7 section#mainvisual{background: url(../img/products2/table-knife01sp.jpg) no-repeat 40% 5% / cover;}
	        body#products8 section#mainvisual{background: url(../img/products2/kids-bath-wear01sp.jpg) no-repeat 40% 5% / cover;}
	
	        body.pages section#mainvisual div aside,
	        body.pages section#mainvisual div aside2,
	        body.pages section#mainvisual div aside3,
	        body.pages section#mainvisual div aside4
	        {position: relative;right: 0;}
	
            body.pages section#mainvisual div aside2 {color:#fff;}
            body.pages section#mainvisual div aside4 {color:#000;}
	
	        body.pages section h4{font-size:140%;margin:5px 0 10px;line-height:200%;}
	        body.pages section h5{font-size:155%;font-family:"ゴシックMB101 DB";line-height:200%;margin:0px 30px 30px;letter-spacing:0.05em}

			  body.pages a.btn{
			  background:#676868;
			  padding:10px 25px;
			  border-radius: 4px;s
			  color:#fff;
			  margin-top:40px;
			  margin-bottom:20px;
			  letter-spacing: 0.15em;
			  font-size:80%;
			  font-weight:700;
			transition: color ease 0.7s, background ease 0.7s, border ease 0.7s
}
	body.pages section.texts{margin:100px auto 40px;}
	body.pages section.texts .box2 .posi-R,body.pages section.texts .box2 .posi-L{position:relative;top:0;}
	body.pages section.texts div {margin-bottom:20px;}
	body.pages section.texts div p ,
	body.pages section.texts div h4{text-align: left;padding:0 30px;}
	
    body.pages section.texts #vol01 .box2{height:auto;}
	body.pages section.texts #vol01-5 .box1,
	body.pages section.texts #vol01-6 .box1,
	body.pages section.texts #vol01-7 .box1,
	body.pages section.texts #vol01-8 .box1{height:auto;}
	
	
	body.pages section.texts #vol02 .box2,
	body.pages section.texts #vol03 .box2,
	body.pages section.texts #vol03-4 .box2,
	body.pages section.texts #vol03-5 .box2,
	body.pages section.texts #vol03-6 .box2,
	body.pages section.texts #vol03-7 .box2,
	body.pages section.texts #vol03-8 .box2,
	
	body.pages section.texts #vol04 .box2{height:auto;}
	body.pages section.texts #vol04-4 .box1{height:auto;}
	body.pages section.texts #vol04-4 .box2{height:auto;}
	
    body.pages section.texts #vol01-2 .box2,
	body.pages section.texts #vol01-3 .box2,
	body.pages section.texts #vol01-4 .box2,
	body.pages section.texts #vol01-5 .box2,
	body.pages section.texts #vol01-6 .box2,
	body.pages section.texts #vol01-7 .box2,
	body.pages section.texts #vol01-8 .box2,
	
	body.pages section.texts #vol02-2 .box2,
	body.pages section.texts #vol02-3 .box2,
	body.pages section.texts #vol02-4 .box2,
	body.pages section.texts #vol02-5 .box2,
	body.pages section.texts #vol02-6 .box2,
	body.pages section.texts #vol02-7 .box2,
	body.pages section.texts #vol02-8 .box2,
	
	body.pages section.texts #vol03-2 .box2{height:auto;}
	body.pages section.texts #vol03-3 .box2{height:auto;}
	body.pages section.texts #vol03-6 .box2{height:auto;}
	body.pages section.texts #vol03-7 .box2{height:auto;}
	body.pages section.texts #vol03-8 .box2{height:auto;}

	body.pages section.texts #vol01 .box2 .posi-R,
	body.pages section.texts #vol01-2 .box2 .posi-R,
	body.pages section.texts #vol01-3 .box2 .posi-R,
	body.pages section.texts #vol01-4 .box2 .posi-R,
	body.pages section.texts #vol01-6 .box2 .posi-R,
	body.pages section.texts #vol01-7 .box2 .posi-R,
	body.pages section.texts #vol01-8 .box2 .posi-R,
	
	body.pages section.texts #vol02 .box2 .posi-R,
	body.pages section.texts #vol02-2 .box2 .posi-R,
	body.pages section.texts #vol02-3 .box2 .posi-R,
	body.pages section.texts #vol02-4 .box2 .posi-R,
	body.pages section.texts #vol02-5 .box2 .posi-R,
	body.pages section.texts #vol02-6 .box2 .posi-R,
	body.pages section.texts #vol02-7 .box2 .posi-R,
	body.pages section.texts #vol02-8 .box2 .posi-R,
	
	body.pages section.texts #vol03 .box2 .posi-R,
	body.pages section.texts #vol03-2 .box2 .posi-R,
	body.pages section.texts #vol03-3 .box2 .posi-R,
	body.pages section.texts #vol03-4 .box2 .posi-R,
	body.pages section.texts #vol03-5 .box2 .posi-R,
	body.pages section.texts #vol03-6 .box2 .posi-R,
	body.pages section.texts #vol03-7 .box2 .posi-R,
	body.pages section.texts #vol03-8 .box2 .posi-R,
	
	body.pages section.texts #vol04 .box2 .posi-R,
	body.pages section.texts #vol04-4 .box2 .posi-R
    {top:0!important;}
	
	
	
	body.pages section.texts #vol01 .box2 .posi-L,
	body.pages section.texts #vol01-2 .box2 .posi-L,
	body.pages section.texts #vol01-3 .box2 .posi-L,
	body.pages section.texts #vol01-4 .box2 .posi-L,
	body.pages section.texts #vol01-5 .box2 .posi-L,
	body.pages section.texts #vol01-6 .box2 .posi-L,
	body.pages section.texts #vol01-7 .box2 .posi-L,
	body.pages section.texts #vol01-8 .box2 .posi-L,
	
	body.pages section.texts #vol02 .box2 .posi-L,
	body.pages section.texts #vol02-2 .box2 .posi-L,
	body.pages section.texts #vol02-3 .box2 .posi-L,
	body.pages section.texts #vol02-4 .box2 .posi-L,
	body.pages section.texts #vol02-5 .box2 .posi-L,
	body.pages section.texts #vol02-6 .box2 .posi-L,
	body.pages section.texts #vol02-7 .box2 .posi-L,
	body.pages section.texts #vol02-8 .box2 .posi-L,
	
	body.pages section.texts #vol03 .box2 .posi-L,
	body.pages section.texts #vol03-2 .box2 .posi-L,
	body.pages section.texts #vol03-3 .box2 .posi-L,
	body.pages section.texts #vol03-4 .box2 .posi-L,
	body.pages section.texts #vol03-5 .box2 .posi-L,
	body.pages section.texts #vol03-6 .box2 .posi-L,
	body.pages section.texts #vol03-7 .box2 .posi-L,
	body.pages section.texts #vol03-8 .box2 .posi-L,
	
	body.pages section.texts #vol04 .box2 .posi-L,
	body.pages section.texts #vol04-4 .box2 .posi-L
     {top:0!important;}
	
	
	
	body.pages section.texts img{max-width:240px;}
	
	body.pages section.texts #vol02-3 .subimg {margin-top:40px;}
	body.pages section.texts #vol04-4 .box2 .margintop{margin-top:50;}
	body.pages section.texts #vol02-8 .box1 .margintop2{margin-top:0px;}
	body.pages section.texts #vol03-8 .box3 {height:auto;}
	
	
	
	




          }

    /*---------end page ---------*/