@charset "utf-8";
/****ブレイクポイントは880pxにする****/

/***************************
ヘッダ=header
  →common.css に記述
***************************/


    /***************************
メニュー=menu
***************************/


.menu h3{
  font-size: 1.8vw;
  font-weight: bold;
  display: inline-block;
  letter-spacing: 10px;
  line-height: 2.0 ;
}

.container-img{
  display: flex;
  justify-content: space-around;
  align-items: baseline;
  width:95%;
  margin: auto;
  margin-bottom: 0;
}

.container-img img{
  width:32%;
  margin-top: 30px;
  margin-bottom: 10px;
}

.menu-img{
  width: 95%;
  margin: 30px auto 20px auto;
}

.menu-img img{
  width: 100%;
  text-align: center;
}

.attention{
  width: 95%;
  margin-top: 20px;
  margin-left: 20px;
}

.text{
  margin-top: 50px;
  padding-left: 15%;
}

.text h3{
  letter-spacing: normal;
  border-bottom: 1px solid #333;
}

.text ul{
  padding-top: 10px;
}

.text li{
  line-height: 1;
}

.menu-text{
  font-size: 1.8vw;
}

.ps{
  font-size: 1vw;
}

.poteto{
  padding-bottom: 5px;
}


.ex{
  vertical-align: top;

}

.toku{
  font-weight: bold;
  font-size: 1.3vw;
  width: 80%;
  margin: auto;
  padding-top: 50px;
  padding-bottom: 50px;
}

.toku img{
  width:100%; 
  margin-top: 10px;
}

.delivery{
  width: 100%;
margin: auto;
}

.delivery h3{
  width: 100%;
  text-decoration: underline;
  letter-spacing: normal;
  margin-bottom: 30px;
  text-align: center;
}


.delivery-img img{
  width: 50%;
}

.delivery-text{
  width: 100%;
  font-size: 1.3vw;
  display: inline-block;
  text-align: center;
}

.br-sp{
  display: none;
}

.menu-introduction a{
  text-decoration: underline;
}

.menu-introduction a:hover {
  text-decoration: underline;
  opacity: 80%;
}


/********************************************
PC用CSSここまで、以下はスマホ用CSS
*********************************************/

/*スマホ・タブレット用*/
@media screen and (max-width: 880px) {
  /* 880px以下に適用されるCSS（スマホ用） */
.br_pc{
  display:none;
}

.br_sp{
  display: block;
}

.br-sp{
  display:block;
}

.text{
  padding-left: 13px;
}

.text h3{
  font-size: 3.5vw;
}

.menu-text{
  display:flex;
}

span.menu-text{
  text-align: right;
}

.ps{
  font-size: 2.4vw;
  line-height: 1;
}

.ex{
  font-size:2.9vw;
  vertical-align: top;
}


.text ul{
  font-size: 3.5vw;
  width: 100%;
}


.attention{
  width: 100%;
  font-size: 3vw;
  margin-left: 15px;
  margin-top: 25px;
}

.toku-plan{
  margin: auto;
  width:80%;
  margin-top: 50px;
}

.toku-plan img{
  width:100%;
}

.toku-plan,
.delivery-text{
  font-size: 2.5vw;
}

.delivery h3{
  letter-spacing: normal;
  font-size: 3vw;
  margin-top: 50px;
  margin-bottom: 10px;
}



}/*スマホ版*/