@charset "euc-jp";
/* CSS Document */

@font-face{
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src:
  local("Noto Sans CJK JP"),  
  url(//fonts.gstatic.com/ea/notosans.jp/v5/NotoSansJP-Reegular.woff2) format('woff2'),
    
  url(//fonts.gstatic.com/ea/notosans.jp/v5/NotoSansJP-Reegular.woff) format('woff'),
    
  url(//fonts.gstatic.com/ea/notosans.jp/v5/NotoSansJP-Reegular.otf) format('opentype'),
}



html{
  font-size:62.5%;/*16px×62.5%=10px*/
}
body{
  font-size:1.6rem;
  font-feature-settings: "palt";
  letter-spacing: 0.025em;
}
img{
  max-width: 100%;
  height: auto;
}



/*----------------------------
 *utility
----------------------------*/
.wrapper{
  box-sizing: border-box;
  padding: 0 10px;
}

.text-center{
  text-align: center;
}

.br-pc{
  display: none;
}

/*---------------スマホ版の設定-------------*/

/*----------------------------
 *main
----------------------------*/

.tirashi_top{
  width: 98%;
  margin: 20px 0 10px 0;
}

.tirashi_index{
  font-weight: bold;
  width: 97%;
  margin-top: 10px;
  margin-bottom: 5px;
  color: #333333;
  text-shadow: 0 0 5px white;
  padding: 0.1px;
  background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}


.tirashi_index2{
  width: 98%;
  margin-top: 20px;
  margin-bottom: 5px;
}


.tirashi_box{
  position: relative; /*相対配置*/
  width: 47.8%;
  height: 49%;
  float:left;
  margin: 1px;
}

.tirashi_pic{
  width: 100%
}

.tirashi_name{
  position: absolute; /*絶対配置*/
  color: #000; /*文字は黒に*/
  bottom: 5.3rem;
  left: 1.5rem;
  right: 1rem;
  font-size: 1.5rem; /*文字サイズ*/
  font-weight: bold; /*太字に*/
  line-height: 1.7rem;
  text-shadow:  /*白フチ*/
      #FFF 2px 2px 0, #FFF -2px -2px 0, /*右下、左上*/
      #FFF -2px 2px 0, #FFF 2px -2px 0, /*右上、左下*/
      #FFF 0px 2px 0, #FFF  0 -2px 0, /*右、左*/
      #FFF -2px 0 0, #FFF 2px 0 0; /*上、下*/
}

.tirashi_price{
  position: absolute; /*絶対配置*/
  color: #f00; /*文字は赤に*/
  font-weight: bold; /*太字に*/
  font-size: 4.5rem; /*文字サイズ*/
  bottom: 1rem;
  right: 2.8rem;
  margin: 0px;
  height: 4rem;
  text-shadow:  /*白フチ*/
      #FFF 2px 2px 0, #FFF -2px -2px 0, /*右下、左上*/
      #FFF -2px 2px 0, #FFF 2px -2px 0, /*右上、左下*/
      #FFF 0px 2px 0, #FFF  0 -2px 0, /*右、左*/
      #FFF -2px 0 0, #FFF 2px 0 0; /*上、下*/
}

.tirashi_en{
  position: absolute; /*絶対配置*/
  color: #f00; /*文字は赤に*/
  font-weight: bold; /*太字に*/
  font-size: 2.3rem; /*文字サイズ*/
  bottom: 1px;
  right: 0.5rem;
  margin: 0px;
  height: 3.3rem;
  text-shadow:  /*白フチ*/
      #FFF 2px 2px 0, #FFF -2px -2px 0, /*右下、左上*/
      #FFF -2px 2px 0, #FFF 2px -2px 0, /*右上、左下*/
      #FFF 0px 2px 0, #FFF  0 -2px 0, /*右、左*/
      #FFF -2px 0 0, #FFF 2px 0 0; /*上、下*/
}

.tirashi_tax{
  position: absolute; /*絶対配置*/
  color: black; /*文字は黒に*/
  font-size: 0.1rem; /*文字サイズ*/
  font-weight: bold; /*太字に*/
  bottom: 1rem;
  right: 0rem;
  margin: 0px;
  height: 3.5rem;
  text-shadow:  /*白フチ*/
      #FFF 2px 2px 0, #FFF -2px -2px 0, /*右下、左上*/
      #FFF -2px 2px 0, #FFF 2px -2px 0, /*右上、左下*/
      #FFF 0px 2px 0, #FFF  0 -2px 0, /*右、左*/
      #FFF -2px 0 0, #FFF 2px 0 0; /*上、下*/
}


.tirashi_btn{
  width: 98%;
}







/*---------------PC版の設定-------------*/
  
@media screen and (min-width:561px){
  
/*----------------------------
 *utility
----------------------------*/

.wrapper{
  width: 750px;  
  margin: 0 auto;
}
  

.br-pc{
  display: block;
}


/*----------------------------
 *main
----------------------------*/

  
.tirashi_box{
  width:32%;
  float:left;
  margin: 2px;
}

.tirashi_name{
  bottom: 7.5rem;
  left: 1.5rem;
  right: 1rem;
  font-size: 1.5rem; /*文字サイズ*/
  font-weight: bold; /*太字に*/
  line-height: 2rem;
}

.tirashi_price{
  font-size: 6rem; /*文字サイズ*/
  bottom: 1.8rem;
  right: 3rem;
  margin: 0px;
  height: 5.2rem;
}

.tirashi_en{
  font-size: 2rem; /*文字サイズ*/
  bottom: 0px;
  right: 1rem;
  margin: 0px;
  height: 4rem;
}

.tirashi_tax{
  font-size: 0.1rem; /*文字サイズ*/
  font-weight: bold; /*太字に*/
  bottom: 1rem;
  right: 0rem;
  margin: 0px;
  height: 4.3rem;
}
  
  



}