@charset "utf-8";


    *{
        margin:0;
        padding:0;
    }





    body {
        background-image: url(../image/a4.png);	
        max-width:1024px;
        height:auto;
        margin: 0 auto;
        }
     p {
       font-family: "Meiryo, Osaka", "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
        }


    #wrapper {
        background-color:#fff;
        max-width:1024px;
        margin: 0 auto;
        height: 1875px;
        }

    #wrapper #header {
        overflow:hidden;



    }



    #wrapper #header h1 {
        float: left;

    }

    #wrapper #header h1 .logo {
        width:450px;
        height:auto;
        margin-left:50px;
    }


    #wrapper #header .topdescription {
        float: right;
        font-size: 20px;
        padding: 10px;

    }

    #wrapper #header .book {
        float:left;
        width:250px;
        height:auto;
    }

    #wrapper .tomenu {
        width:250px;
        height:auto;	
        top:-3px;
    }

    #wrapper #header .sp {
        display:none;
        }
  #wrapper .daymenu .sp {
        display:none;
        }

    #wrapper #content {
        margin-top:20px;	
    }

    #content .leftcontent {
        float: left;
        margin-bottom:20px;
    }




    #content .rightcontent {
        float: right;
    }

    #wrapper #content .rank .allmenu {
        margin-top: 30px;
        margin-bottom: 30px;
    }


    #wrapper #content .rank .allmenu:hover{
    filter:alpha(opacity=80);
    opacity:0.8;
    }

    #wrapper #content .rank #ranking{
        clear:both;
        list-style-type: none;
        font-family: "arial unicode ms", "Meiryo, Osaka", "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        color:#F30;
        font-size:22px;
        text-align:center;


        }

    #wrapper #content .rank #ranking p{
        background: linear-gradient(transparent 70%, #fcf944 30%);
        width:100px;
            font-size: 27px;
       font-weight: bold;
        margin:0 auto;
        }



    #wrapper #content .rank #ranking li{
        width:20%;	
        float:left;

        }	
   




    #wrapper #footer .description {
        margin-top:20px;
        float: right;
    }



    #wrapper #footer .map {
        margin-top:20px;
        float: left;
    }


    .ptop a {
        text-decoration: none;
        color:#FFF;

        }

    .ptop{

      font-size:21px;
      position: fixed;
      right: 50px;
      bottom: 50px;
      background: #000; 
      opacity:0.8;
      width: 100px;
        height: 65px;
       -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
       border-radius: 50%;
       text-align: center;
       padding-top:35px;

    }


    #wrapper .menu {
        background-color:#fff;
    }
    #wrapper .menu .allmenu {

        margin-top: 50px;
    }


    #wrapper .menu .menulist {
        margin-top:50px;


        }


    #wrapper .menu .menulist tr {
            font-family: "arial unicode ms", Meiryo, Osaka, "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        color:#333;
        margin-right:5px;
        padding-top:20px;
    }



    #wrapper .slide {
        max-width: 1020px;
        margin-top: 50px;
    }




    .menu .allbentobox li {
        width:25%;
        margin-top:30px;
        list-style:none;
        float: left;
        text-align:center;	
    }

    .menu .allbentobox li p {

        font-family: "arial unicode ms", Meiryo, Osaka, "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        color:#F00;
        font-size: 30px;
      font-weight: bold;
        background: linear-gradient(transparent 70%, #fcf944 30%);
        width:100px;
        margin:0 auto;
        }

    .menu .topping {
        margin:30px 0;

    }




    nav#menu{
       width:100%;	
    }
   nav#menu a {
    text-decoration: none;
}

    nav#menu ul{
       margin:0px;
       padding:0px;	
    }

    nav#menu ul li{
       list-style-type:none;	
    }

    nav#menu ul li a{
       width:100%;
       display:block;
       background-color:#F60;
       font-weight: bold;
       color:#fff;
       border-bottom:1px solid #ccc;	
       text-align:center;
       padding:9px 0px 9px 0px;
       font-family: "Meiryo, Osaka", "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
    }

 

    /*media Queries
    ----------------------------------------------------*/

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


    img {

        max-width:100%;
    }


    body {

        }	
     p {
       font-family: "Meiryo, Osaka", "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     
        }

    #wrapper {
        width:100%;
        background-color:#fff;
        height:2000px;

        }	

    #wrapper .menu {


        }



    #wrapper #header h1 {

        width:100%;

    }

    #wrapper #header h1 .logo {
        margin-left:0;
        }

    #wrapper #header .topdescription {
        float: none;
        font-size:18px;
        text-align:center;

    }



    #wrapper #header .topnavi {


        }	

    #wrapper #header .book {
        display:none;	
    }

   #wrapper #header .pc{
        display:none;
        }

    #wrapper #header .sp {
        display:block;
        width: 100%;
        margin: 0 auto;
        }     
        

    #wrapper .daymenu .pc{
        display:none;
        }

    #wrapper .daymenu .sp {
        display:block;
        width: 100%;
        margin: 0 auto;
        }

        
        
        
        
    #wrapper #header .tomenu {
        display:block;
        margin:0 auto;
        }

    #wrapper .slide {
        width:100%;
        margin-top: 10px;
        }



    #wrapper #content .ranking {

        }


    #wrapper #content .rank .allmenu { 
        width:100%;
        }	

    .rank {
    background-color: #fff;
}
    .menu img {
        margin-top: 5px;
    }




    .menu .allbentobox li {
        width:calc(100%/2);	


    }

    .menu .allbentobox li p {
        font-weight:bold;
        margin:0 auto;
        font-size:35px;

        }

    #content .leftcontent {
        width:100%;
    }

    #content .rightcontent {
        width:100%;
    }

    #wrapper #footer .description {
        width:100%;
        }

    #wrapper #footer .map {
        width:100%;
        }




    #wrapper #content .rank #ranking .sp {
        display:none;
    }

    #header .catch {
        display:none;
        }


    #wrapper #content .rank #ranking li	{
        width:calc(100%/3);
        }



    #wrapper #content .rank #ranking li img {


        }


    #wrapper #content .rank #ranking li p {
        font-weight:bold;	
        font-size:18px;


        }


    #wrapper .menu .allmenu{
        margin-top:10px;

        }	



    .menu .allbentobox li p {

        font-size:26px;
        }

    #header .catch {
        margin-top:15px;
        margin-bottom:10px;
        }

    #footer .material {
        width:100%
        }


    .ptop a {
        text-decoration: none;
        color:#FFF;

        }

    .ptop{

      font-size:15px;
      position: fixed;
      right: 20px;
      bottom: 20px;
      background: #000; 
      opacity:0.8;
      width: 54px;
        height: 40px;
       -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
       border-radius: 50%;
       text-align: center;
       padding-top:15px;

    }