@charset "utf-8";



/*全体*/

#zentai{max-width:800px;
        margin:auto;
        background-color:#ffffff;
        padding-top:20px;
        box-shadow:0px 0px 20px 3px #696969;
}






/*キャッチコピー*/

#catch1 img{max-width:100%;
}




/*サブキャッチ以下全て(copy right以外)*/

article{margin-right:35px;
        margin-left:35px;
        margin-top:150px;
}

article p{font-size:18px;
          line-height:170%;
}



/*サブキャッチコピー*/


#catch2{border :solid 5px #544a47;
        padding:30px;
        padding-bottom:40px;
        padding-top:40px;
}


#catch2 img{margin:auto;
            display:block;
            max-width:100%;
}


.p100{margin-top:50px;
}

.p140{margin-top:60px;
}

.p160{margin-top:30px;
}

.p160 span{font-weight:bold;
           font-size:20px;
           color:#ff0000;
}

.p180{margin-top:60px;
}

.p220{margin-top:20px;
}

.p240{margin-top:90px;
}

.p260{margin-top:30px;
}

.p280{margin-top:60px;
}

.p300{margin-top:30px;
}

.p320{margin-top:80px;
      color:#0000ff;
      font-weight:bold;
}

.p340{color:#0000ff;
      font-weight:bold;
}

.p360{margin-top:30px;
}

.p380{margin-top:60px;
}

.p400{margin-top:20px;
}

.p400 span{font-weight:bold;
           font-size:20px;
           background:linear-gradient(transparent 70%, #fdd35c 0%);
}


.p420{margin-top:60px;
}

.p440{margin-top:70px;
}

.p440 span{font-weight:bold;
           font-size:24px;
}


.p460{margin-top:10px;
}

.p480{margin-top:70px;
}

.p500{margin-top:20px;
}

.p520{margin-top:30px;
}

.p540{margin-top:70px;
}

.p540 span{font-weight:bold;
           font-size:20px;
           color:#e2041b;
}

.p560{margin-top:30px;
}

.p580{margin-top:60px;
}

.p600{margin-top:30px;
}










/*顧客が抱える問題の明確化*/


.mondai{background-color:#f3f3f2;
        margin-top:80px;
        padding:30px;
        padding-bottom:40px;
        padding-top:40px;
}

.mondai h3{font-size:24px;
           color:#ff8c00;
}

.mondai h3 span{background:linear-gradient(transparent 40%, #ffd700 100%);
}

.p680{margin-top:40px;
}

.p700{margin-top:25px;
}

.p680,.p700{font-weight:bold;
}

.zeih3{margin-top:80px;
}


.mondai img{margin:auto;
            display:block;
            margin-top:70px;
            max-width:100%;
}







/*自己紹介*/

.jiko{border :solid 6px #ff8c00;
      border-top:solid 30px #ff8c00;
      padding:30px;
      padding-bottom:40px;
      padding-top:40px;
      margin-top:100px;
}

.p820{margin-top:30px;
}

.p840{margin-top:20px;
}

.p860{margin-top:60px;
}


.jiko figure{margin-top:10px;
}

.jiko img{max-width:100%;
}

.jiko aside{background-color:#fff3b8;
            margin-top:30px;
            padding-top:30px;
            padding-bottom:30px;
}

.jiko h3{text-align:center;
         font-size:26px;
         font-weight:bold;
         color:#d2691e;
}

.jiko aside p{padding-left:30px;
              font-weight:bold;
}


.p880,.p940{margin-top:40px;
}

.p900,.p920,.p960,.p980,.p1000,.p1020,.p1040{margin-top:8px;
}


.p940{font-size:22px;
}


.p1060,.p1080,.p1100,.p1120{margin-top:40px;
}







/*解決策とメリット*/

.kaiketusaku{margin-top:100px;
}

.kaiketusaku h3{font-weight:bold;
                font-size:22px;
                background-color:#f5deb3;
                text-align:center;
                padding:10px;
                line-height:28px;
}



.p1140{margin-top:40px;
}

.p1160{margin-top:30px;
}

.p1160 span{font-weight:bold;
            font-size:20px;
}


.p1180{margin-top:50px;
}

.p1180 span{font-weight:bold;
            font-size:22px;
            color:#ff0000;
}

.p1200{margin-top:70px;
}

.p1220{margin-top:20px;
}

.p1240{margin-top:70px;
}

.p1300{margin-top:40px;
}

.p1320{margin-top:30px;
}

.p1340{margin-top:30px;
}

.p1340 span{font-weight:bold;
            background:linear-gradient(transparent 80%, #808080 0%);
}


.p1360{margin-top:50px;
}

.p1380{margin-top:40px;
}


.meritto1,.meritto2{margin-top:80px;
}

.p1400{margin-top:30px;
}



.me1,.me2{background-color:#f3f3f2;
          padding:20px;
          padding-top:30px;
          padding-bottom:30px;
          margin-top:40px;
}



.p1480{font-weight:bold;
}

.p1500{font-weight:bold;
       margin-top:60px;
}

.p1480 span,.p1500 span{background:linear-gradient(transparent 40%, #ff7f50 100%);
}

.p1510{margin-top:15px;
}

.p1520,.p1530,.p1540{margin-top:20px;
}


.p1600{margin-top:80px;
}

.p1620{margin-top:30px;
}

.p1700{margin-top:30px;
}


.p1800{margin-top:80px;
}





/*明確な指示*/

.p1820{margin-top:20px;
}

.p1840{margin-top:50px;
}

.p1840 span{font-weight:bold;
            color:#dc143c;
            font-size:20px;
}







/*つなぎ*/

.tunagi img{margin:auto;
            display:block;
            margin-top:100px;
            max-width:100%;
}

.p1860{margin-top:30px;
}

.p1880{margin-top:20px;
}

.p1900{margin-top:40px;
}

.p1900 span{font-weight:bold;
            font-size:20px;
}







/*商品説明*/

.syouhin{margin-top:80px;
         border:dotted 3px #ff4500;
         padding:30px;
         padding-bottom:40px;
         padding-top:60px;
}


.syouhin h3{font-weight:bold;
            font-size:45px;
            color:#ff0000;
            text-align:center;
}


.syouhin h4{font-weight:bold;
            font-size:30px;
            border-left:solid 8px #ff6347;
            margin-top:50px;
}

.syouhin h5{font-weight:bold;
            font-size:22px;
            border-left:solid 7px #ff1493;
            margin-top:80px;
            color:#ff8c00;
}


.p1920{margin-top:10px;
       font-weight:bold;
       color:#0000ff;
}

.p1940{font-weight:bold;
       color:#0000ff;
}

.p1960{margin-top:60px;
}

.p1980{margin-top:20px;
}

.p2000{margin-top:30px;
}

.p2020{margin-top:10px;
}

.p2040{margin-top:20px;
}

.p2060{margin-top:10px;
}

.p2080{margin-top:20px;
}

.p2100{margin-top:40px;
}

.p2120{margin-top:40px;
}

.p2120 span{font-weight:bold;
            color:#ff0000;
}

.p2140{margin-top:50px;
}


.p2180{margin-top:50px;
       font-weight:bold;
       color:#ff6347;
}


.p2580{margin-top:50px;
}


.syouhin img{display:block;
             margin-top:10px;
             max-width:60%;
}


.p2600{margin-top:10px;
}

.p2640{margin-top:40px;
       font-weight:bold;
       color:#0000cd;
}

.p2660,.p2680,.p2700,.p2720{margin-top:10px;
                            font-weight:bold;
                            color:#0000cd;
}

.p2740{margin-top:40px;
}


.syouhin .mana{margin-top:100px;
}


.p2760{margin-top:10px;
}


.p2800{margin-top:40px;
       font-weight:bold;
       color:#ff1493;
}

.p2820{margin-top:15px;
       font-weight:bold;
       color:#ff1493;
}

.p2840{margin-top:60px;
}

.p2840 span{font-weight:bold;
            background:linear-gradient(transparent 80%, #ffa500 0%);
}

.p2860{margin-top:30px;
}

.p2880{margin-top:30px;
}

.p2900{margin-top:20px;
}


.syouhin .zeikouka{margin-top:150px;
}


.p2920{margin-top:10px;
       font-weight:bold;
       color:#0000ff;
}

.p2940{margin-top:30px;
}

.p2960{margin-top:10px;
}

.p2980{margin-top:10px;
}


.p3000{margin-top:10px;
}

.p3020{margin-top:10px;
}

.p3040{margin-top:10px;
}

.p3080{margin-top:40px;
       font-weight:bold;
       color:#ff1493;
}

.p3100{margin-top:15px;
       font-weight:bold;
       color:#ff1493;
}

.p3120{margin-top:60px;
}

.p3140{margin-top:10px;
}


.syouhin .kanarazuimi{margin-top:150px;
                      font-size:30px;
                      background-color:#f0e68c;
                      padding-top:10px;
                      padding-bottom:7px;
}

.p3160{margin-top:20px;
}

.p3180{margin-top:50px;
}

.p3200{margin-top:10px;
}

.p3220{margin-top:20px;
}

.p3240{margin-top:50px;
}

.p3240 span{font-weight:bold;
            font-size:20px;
            color:#ff0000;
}

.p3260{margin-top:40px;
}

.p3260 span{font-weight:bold;
            font-size:20px;
}









/*価格*/



.kakaku{margin-top:120px;
}


.kakaku h3{font-size:24px;
           background-color:#b0e0e6;
           padding-top:10px;
           padding-bottom:7px;
           line-height:120%;
           text-align:center;
           color:#0000cd;
}


.p3300{margin-top:20px;
}

.p3320{margin-top:20px;
}

.p3340{margin-top:50px;
}

.p3340 span{font-weight:bold;
            font-size:20px;
            color:#ff0000;
}


.p3360{margin-top:40px;
}

.p3400{margin-top:80px;
}

.p3500{margin-top:80px;
}

.p3520{margin-top:60px;
}

.p3540{margin-top:60px;
}


.p3560{margin-top:60px;
       font-weight:bold;
}

.p3560 span{font-size:24px;
            color:#0000ff;
}

.p3580{margin-top:25px;
       font-weight:bold;
}

.p3580 span{font-size:24px;
            color:#0000ff;
}

.p3600{margin-top:60px;
}

.p3620{margin-top:65px;
}

.p3640{margin-top:60px;
}

.p3660{margin-top:20px;
}

.p3680{margin-top:60px;
}

.p3700{margin-top:40px;
}

.p3720{margin-top:30px;
}

.p3740{margin-top:70px;
}

.p3760{margin-top:30px;
       font-weight:bold;
}

.p3760 span{font-size:20px;
            color:#0000ff;
}

.p3780{margin-top:15px;
       font-weight:bold;
}

.p3780 span{font-size:20px;
            color:#0000ff;
}

.p3800{margin-top:30px;
}

.p3820{margin-top:40px;
}

.p3840{margin-top:60px;
}

.p3860{margin-top:40px;
       font-weight:bold;
       font-size:22px;
       color:#0000ff;
}

.p3880{margin-top:40px;
}

.p3880 span{font-size:20px;
            font-weight:bold;
}


.p3900{margin-top:60px;
}

.p3920{margin-top:30px;
}










/*特典*/









/*限定*/



.gentei{margin-top:180px;
}

.gentei h3{color:#ff0000;
           font-size:28px;
           font-weight:bold;
           text-align:center;
}

.gentei h3 span{color:#ff0000;
                background:linear-gradient(transparent 60%, #dcdcdc 0%);
}

.genteinoko{border: solid 6px #808080;
            margin-top:30px;
            padding:20px;
            padding-top:30px;
            padding-bottom:30px;
}


.p3960{margin-top:30px;
}

.p3980{margin-top:30px;
}

.p4000{margin-top:20px;
}








/*注文先*/


.tyumonsaki{margin-top:180px;
            border:dotted 3px #ff4500;
            padding:30px;
            padding-bottom:40px;
            padding-top:50px;
}

.tyumonsaki img{display:block;
                margin:auto;
                max-width:100%;
}


.syouhingazou1,.syouhingazou2,.syouhingazou3{margin-top:100px;
}


.tyumonkotira1{margin-top:160px;
}

.tyumonkotira2{margin-top:80px;
}

.tyumonkotira3{margin-top:50px;
}

.tyumonkotira1 a,.tyumonkotira2 a,.tyumonkotira3 a{display:block;
                                                   background-color:#228b22;
                                                   width:250px;
                                                   margin:auto;
                                                   text-align:center;
                                                   font-size:22px;
                                                   color:#ffffff;
                                                   padding-top:16px;
                                                   padding-bottom:16px;
                                                   border-radius:10px;
}


.toiawase{margin-top:150px;
}

.toiawase a{display:block;
            background-color:#696969;
            width:220px;
            margin:auto;
            text-align:center;
            font-size:18px;
            color:#ffffff;
            padding-top:10px;
            padding-bottom:10px;
            border-radius:10px;
}


.p5000{margin-top:30px;
}

.p5020{margin-top:20px;
}


.p5040{margin-top:30px;
}


.nagare{margin-top:120px;
        text-align:center;
        font-size:22px;
}


.p5060{margin-top:40px;
       text-align:center;
       font-weight:bold;
       color:#ff4500;
}

.p5080{margin-top:10px;
       text-align:center;
}

.p5100{margin-top:10px;
       text-align:center;
       font-weight:bold;
       color:#ff4500;
}

.p5120{margin-top:10px;
       text-align:center;
}

.p5140{margin-top:10px;
       text-align:center;
       font-weight:bold;
       color:#ff4500;
}








/*追伸*/


.tuisin{margin-top:140px;
}

.tuisin img{max-width:100%;
            display:block;
            margin:auto;
}


.p5500{margin-top:30px;
}

.p5520{margin-top:50px;
}

.p5540{margin-top:20px;
}

.p5560{margin-top:50px;
}

.p5580{margin-top:60px;
}

.p5600{margin-top:60px;
       font-weight:bold;
       color:#228b22;
}

.p5620{margin-top:20px;
}

.p5640{margin-top:70px;
}

.p5680{margin-top:50px;
}

.p5700{margin-top:70px;
}

.p5720{margin-top:40px;
}

.p5740{margin-top:15px;
       font-weight:bold;
       color:#696969;
}

.p5760{margin-top:15px;
}

.p5780{margin-top:40px;
}

.p5780 span{font-weight:bold;
            color:#544a47;
            background:linear-gradient(transparent 80%, #b4866b 0%);
}

.p5800{margin-top:50px;
}

.p5820{margin-top:40px;
}

.p5840{margin-top:30px;
}

.p5860{margin-top:80px;
}

.p5880{margin-top:30px;
}

.p5920{margin-top:80px;
}

.p5940{margin-top:30px;
}

.p5960{margin-top:60px;
}

.p5980{margin-top:60px;
}

.p6000{margin-top:20px;
}

.p6020{margin-top:30px;
}

.p6040{margin-top:50px;
}

.p6060{margin-top:50px;
}

.p6080{margin-top:10px;
}

.p6100{margin-top:60px;
}

.p6120{margin-top:60px;
}

.p6140{margin-top:20px;
}

.p6280{margin-top:20px;
}

.p6300{margin-top:60px;
}

.p6320{margin-top:30px;
}

.p6140,.p6160,.p6180,.p6200,.p6220,.p6240,.p6260{color:#ff00ff;
                                                 font-weight:bold;
}

.p6160,.p6180,.p6200,.p6220,.p6240,.p6260{margin-top:8px;
}











/*特定商取引法*/

.tokutei{margin-top:200px;
         text-align:center;
         padding-bottom:10px;
}


























/*ここからレスポンシブ*/


/*本当はmax480pxにしたかったが、なぜか17pxくらい誤差があるので、仕方ないから500pxにした。その結果483pxくらいでブレイクポイントとなる。
でも作り変えてからは誤差が無くなっていた。*/




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

article p{font-size:16px;
}


article{margin-right:15px;
        margin-left:15px;
        margin-top:100px;
}


#catch2{border :solid 3.5px #544a47;
        padding:15px;
        padding-bottom:30px;
        padding-top:30px;
}

.p160 span{font-size:18px;
}

.p400 span{font-size:18px;
}

.p540 span{font-size:18px;
}



.mondai{padding:15px;
        padding-bottom:40px;
        padding-top:40px;
}

.mondai h3{font-size:20px;
}



.jiko{border :solid 3px #ff8c00;
      border-top:solid 20px #ff8c00;
      padding:15px;
      padding-bottom:40px;
      padding-top:40px;
}

.jiko aside p{padding-left:10px;
}




.p1180 span{font-size:18px;
}




.me1,.me2{padding:10px;
          padding-top:20px;
          padding-bottom:20px;
}

.p1840 span{font-size:18px;
}

.p1900 span{font-size:18px;
}




.syouhin{padding:10px;
         padding-bottom:40px;
         padding-top:40px;
}

.syouhin h3{font-size:30px;
}

.syouhin h4{font-size:22px;
            border-left:solid 6px #ff6347;
}

.syouhin h5{font-size:18px;
            border-left:solid 4px #ff1493;
}


.syouhin img{max-width:90%;
}


.syouhin .kanarazuimi{margin-top:100px;
                      font-size:20px;
}

.p3240 span{font-size:18px;
}

.p3260 span{font-size:18px;
}




.kakaku h3{font-size:20px;
}

.p3340 span{font-size:18px;
}

.p3880 span{font-size:18px;
}



.gentei{margin-top:120px;
}

.genteinoko{border: solid 3px #808080;
            padding:15px;
            padding-top:20px;
            padding-bottom:20px;
}





.tyumonsaki{margin-top:120px;
            padding:15px;
            padding-bottom:30px;
            padding-top:25px;
}



.syouhingazou1,.syouhingazou2,.syouhingazou3{margin-top:60px;
}

.nagare{margin-top:120px;
        font-size:20px;
}







}





/* 1月5日　ここまで終わった */






/*本当はmax350pxにしたかったが、なぜか17pxくらい誤差があるので、仕方ないから370pxにした。その結果352pxくらいでブレイクポイントとなる
でも作り変えてからは誤差が無くなっていた。*/

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




#catch2{padding:10px;
        padding-bottom:30px;
        padding-top:30px;
}


.mondai{padding:10px;
        padding-bottom:40px;
        padding-top:40px;
}


.jiko{padding:10px;
      padding-bottom:30px;
      padding-top:30px;
      margin-top:80px;
}


.genteinoko{padding:10px;
            padding-top:20px;
            padding-bottom:20px;
}


.tyumonsaki{padding:10px;
            padding-bottom:30px;
            padding-top:25px;
}

















}