@charset "utf-8";
/* CSS Document */

/*スマホ設定　*/
@media screen and (max-width: 480px) {

body{
	width:100%;
    font-size: 20px;
}

    p{
        font-size: 18px;
    }

     .hr{
        border-bottom: 3px solid #038301;
    }
    
/* ハンバーガーメニュー */
/* チェックボックスを非表示にする */
.drawer_hidden {
  display: none;
}

/* ハンバーガーアイコンの設置スペース */

.drawer_open {
  display: flex;
  height: 60px;
  width: 60px;
  justify-content: center;
  align-items: center;
  position: relative;
/*position: fixed;*/
  /*right: 3%;*/
    float: right;

  z-index: 100;/* 重なり順を一番上にする */
  cursor: pointer;
 /*  float: right; */
}

/* ハンバーガーメニューのアイコン */
.drawer_open span,
.drawer_open span:before,
.drawer_open span:after {
  content: '';
  display: block;
  height: 3px;
  width: 30px;
  border-radius: 3px;
  background: #333;
  transition: 0.5s;
  position: absolute;
  float: right;
}

/* 三本線の一番上の棒の位置調整 */
.drawer_open span:before {
  bottom: 8px;
}

/* 三本線の一番下の棒の位置調整 */
.drawer_open span:after {
  top: 8px;
}

/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer_input:checked ~ .drawer_open span {
  background: rgba(255, 255, 255, 0);
}

/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer_input:checked ~ .drawer_open span::before {
  bottom: 0;
  transform: rotate(45deg);
}

#drawer_input:checked ~ .drawer_open span::after {
  top: 0;
  transform: rotate(-45deg);
}
  
/* メニューのデザイン*/
.nav_content {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 100%; /* メニューを画面の外に飛ばす */
  z-index: 99;
  background: #fff;
  transition: .5s;
}
    
    .nav_item{
        line-height:1.6;
        padding: 18px 20px;
       border-bottom: 1px solid #038301;
        
    }

    .nav list{
        border-bottom:1px solid #038301;
    }

    .nav_item a{
    position: relative;
    /*margin: 0;
    padding: 18px 20px;
    line-height: 1.6;*/
    overflow: hidden;
    text-decoration: none;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000000;
    background: #ffffff;
        font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;

}


/* メニュー黒ポチを消す */
.nav_list {
  list-style: none;
}

/* アイコンがクリックされたらメニューを表示 */
#drawer_input:checked ~ .nav_content {
  left: 0;/* メニューを画面に入れる */
}
    
/*ヘッダー*/

header{
	width:100%;
	margin:0 auto;
    height: 300px;
}

header h1{
    margin: 10px;
    height: 60px;
}

    header img{
        width: 70%;
vertical-align: unset;
    }


header p{
    margin:10px;
    font-size: 1.3em;
    line-height: 1.3em;
}

#link01{
    width: 80%;
    position: relative;
    left: -10%;
    margin: 0;
}

#link01 img{
        width: 48%;
}

/*線削除*/

    .sp_nav img{
        display: none;
    }

/*topページ*/
#item01{
	width:100%;
	height:auto;
	margin-bottom:50px;
	position:relative;
    text-align: center;
    float: none;
}

#item01 img{
    margin: 20px;
    float: none;

}

#item02 img{
        margin: 20px;
    float: none;
    position: relative;

}

#item01 p{
    font-size: 18px;
    width: 90%;
    left: 0px;
    margin: 0 auto;

}

  /*  #itemimg{
        float: left;
        width: 90%;
        margin: 0 auto;
    }*/

#item02 p{
    font-size: 18px;
    width: 90%;
    left: 0px;
    margin: 0 auto;
}


#item01 a{
	background-color: #000;
	color:#FFF;
	text-decoration:none;
	font-size:18px;
	padding:5px;

}

#item02{
	 width: 100%;
    height: auto;
    text-align: center;
    float: none;
}

#item02 a{
	background-color: #000;
	color:#FFF;
	text-decoration:none;
	font-size:18px;
	padding:5px;
}

.recipe2 {
	margin: 20px auto;
    width: 90%;
	height: auto;
	-moz-border-radius: 20px;    /* 古いFirefox */
	-webkit-border-radius: 20px; /* 古いSafari,Chrome */
	border-radius: 20px;         /* CSS3 */
	border: 6px #d0aa5f solid;     /* 枠線の装飾 */
	background-color: #fff;   /* 背景色 */
    float: none;
}

    /*.recipe2_title {
        width: 100%;
    }*/

    .recipe2 .pic{
        width: 80%;
        height: auto;
    }

#review01 {
    width: 100%;
    margin: 0 auto;
}

#review01 p {
    height: 160px;
    padding: 10px;
    line-height: 1.6em;
    padding: 0.5em;
    margin: 20px auto;
    background-color:#fefbf8;/*背景色*/
    border:1px solid #b27f7f;/*線*/
    color:#000000;/*文字色*/
    border-radius: 10px;/*角の丸み*/
    background-image:none;
    width: 90%;
}

#recipe_t {
    width: 100%;
    text-align: center;
    
}

    #recipe_t a{
        font-size: 18px;
    }

#footmenu {
    width: 100%;
font-size: 14px;

}

    footer{
        font-size: 14px;
    }

#left{
	width:100%;
	float:left;
    padding: 0;
}

#formWrap p{
	width: 90%;
    margin: 15px auto; 
        text-align: center;
}

    #form{
        display: none;
    }

    #form_sp p{
        width: 90%;
    margin: 15px auto;
    }



    iframe{
        width: 100%;
        height: auto;
    }

    table {
font-size: 18px;
}

/*会社概要ページ*/
    #text p {
    width: 90%;
    margin: 10px auto;
    float: none;
    }

    #text img{
        display: block;
        margin: 0 auto;
        width: 60%;
        float: none;
    }

#history img {
            display: block;
        margin: 0 auto;
        width: 60%;
float: none;
}

    #history{
        margin-bottom: 10%;
    }

    #history p {
    width: 90%;
    margin: 10px auto;
    float: none;
    }

/*取り扱いページ*/

    #company{
font-size: 18px;
    }

    #block{
        font-size: 18px;
    }

    .tenpo{
        position: relative;
        left: 3%;
        width: 90%;
    }
    
    .midashi1 p{
        margin: 5%;
    }

  


/*特商法ページ*/
.table02 {
    width: 100%;
}



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

/*プライバシーポリシーページ*/
#privacy {
    width: 90%;
    font-size: 18px;
    margin-bottom: 10%;
}
    
    /*レシピページ*/

    .recipe1{
    width: 90%;
    margin: 20px auto;
    float: none;
    }

    .recipe1 .pic{
        width: 80%;
        height: auto;
    }

    .recipe1 li{
        font-size: 18px;
    }
    
    .recipe_title{
        width: 90%;
    }
    
    #new dd a{
        text-decoration: none;
    color: #333;
}
    
    #new01{
        margin: 0 auto;
        width: 90%;
    }

#new dl{
	overflow: auto;	/*高さ指定を超えるとiframe風にスクロールが出る設定。全部表示させたいならこの行と下のheightの行を削除。*/
	height: 40px;	/*ブロックの高さ*/
	padding-left: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}
/*日付設定*/
#new dt {
	float: none;
    font-size: 18px;
}
/*記事設定*/
#new dd {
    font-size: 18px;
    padding-left: 0;
}


    
}
@media screen and (min-width: 481px) {
    
    .sp_nav p{
        display: none;
    }
    #form_sp{
        display: none;
    }
    
}