@charset "utf-8";
@media screen and  (max-width: 640px){/* Sp ***************/




.boxTop{
  position: relative;
  height: auto;
}
.boxContents{
  background-repeat: no-repeat;
  background-position: center top;
}
  
.home .boxTop{
  padding-top: 80%;
  background-image: url('/images_sp/index/sp-index-top-bg01.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
.home .boxTopMenu{
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  margin: auto;
  top: 30%;
  padding-top: 0;
}
.home .boxTopMenu ul{
  display: block;
  width: 100%;
/*  height: 300px;*/
  height: auto;
  margin: 0 auto;
}
.home .boxTopMenu li{
  display: none;
  float: left;
  width: 12%;
  height: 100%;
  padding-top: 35px;
  text-align: center;
  font-family: "解ミン 宙 B";
  font-size: 1.9rem;
  font-size: 4.0vw;
  letter-spacing: 0.2em;
}
.home .boxTopMenu li:nth-child(4){
  display: inline-block;
  width: 100%;
  padding-top: 0;
	height: auto;
}
.home .boxTopMenu li:nth-child(4) img{
  width: 50%;
  max-width: 522px;
}
.home .boxTopMenu li span{
  display: inline-block;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  transition: none;
}
.home .boxTopMenu li span:hover{
  margin-top: 0;
}
.boxTop > .ttlMin{
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 40%;
  text-align: center;
  font-size: 2.8rem;
  font-size: 8.0vw;
  letter-spacing: 0.25em;
  line-height: 1.8;
}
.boxTopSpMenu01{
  display: table;
  width: 100%;
  padding-bottom: 1px;
  border-top: 1px #c2b3a7 solid;
  border-bottom: 1px #c2b3a7 solid;
  background-color: #e5d5c0;
}
.boxTopSpMenu01L,
.boxTopSpMenu01R{
  display: table-cell;
  width: 50%;
}
.boxTopSp01{
  background-image: url(/images_sp/index/sp-index-bg0001.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}
.boxTopSp01 > .ttlMin{
  display: block;
  padding: 5% 0;
  text-align: center;
  font-size: 7.0vw;
  letter-spacing: 0.25em;
  line-height: 1.7;
}

.boxIndex01{
  display: block;
  width: 100%;
  min-width: 100%;
  margin-bottom: 15%;
}
.boxIndex01L,
.boxIndex01C,
.boxIndex01R{
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 0;/*140%*/
  padding: 8% 2% 25% 15%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  vertical-align: middle;
  text-align: center;
}
.boxIndex01L{
  background-image: url('/images_sp/index/sp-index-bg0201.jpg');
}
.boxIndex01C{
  background-image: url('/images_sp/index/sp-index-bg0202.jpg');
}
.boxIndex01R{
  background-image: url('/images_sp/index/sp-index-bg0203.jpg');
}
.boxIndex01LIn,
.boxIndex01CIn,
.boxIndex01RIn{
  display: inline-block;
  position: static;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: auto;
  padding: 3% 3% 3% 10%;
  background-image: url('/images_sp/index/sp-index-bg02-in.png');
  background-repeat: repeat;
  background-position: left top;
}
.logoIndex0201,
.logoIndex0202,
.logoIndex0203{
  position: absolute;
  top: 25%;
  left: 2%;
  width: 18%;
  max-width: 219px;
  margin-top: 0;
  margin-bottom: 0;
}
.logoIndex0202,
.logoIndex0203{
  margin-bottom: 0;
}
.boxIndex01 .ttlMin{
  position: relative;
  margin-bottom: 0;
  padding: 3% 0;
  font-size: 1.48rem;
  font-size: 5.3vw;
  letter-spacing: 0.1em;
  text-align: left;
  line-height: 1.5;
}
.boxIndex01 .ttlMin span{
  line-height: 1.0;
}

.boxIndex01 .ttlMin .boxSpTtl {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  margin: auto;
  right: 1%;
  width: 27%;
  height: 100%;
  padding: 4%;
  background-color: #cdb9a2;
  text-align: center;
  color: #412929;
  letter-spacing: 0.2em;
  margin-right: -0.2em;
  font-family: "Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"Meiryo UI","MS PGothic","ＭＳ Ｐゴシック", sans-serif;
  font-size: 5.0vw;
  font-weight: bold;
}
body.modeTest .boxIndex01 .ttlMin .boxSpTtl {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 2% 2% 0.5% 2%;
  font-size: 4.0vw;
}
.boxIndex01 .ttlMin .boxSpTtl .no11,
.boxIndex01 .ttlMin .boxSpTtl .no12,
.boxIndex01 .ttlMin .boxSpTtl .no21,
.boxIndex01 .ttlMin .boxSpTtl .no22,
.boxIndex01 .ttlMin .boxSpTtl .no23,
.boxIndex01 .ttlMin .boxSpTtl .no31,
.boxIndex01 .ttlMin .boxSpTtl .no32,
.boxIndex01 .ttlMin .boxSpTtl .no33{
  display: inline-block;
  width: 100%;
  text-align: center;
}
.boxIndex01 .ttlMin .boxSpTtl .no11,
.boxIndex01 .ttlMin .boxSpTtl .no12 {
  letter-spacing: 0.3em;
  margin-right: -0.3em;
}
.boxIndex01 .ttlMin .boxSpTtl .no11 {
  margin-bottom: 25%;
}
body.modeTest .boxIndex01 .ttlMin .boxSpTtl .no11 {
  margin-bottom: 2vw;
}
.boxIndex01 .ttlMin .boxSpTtl .no22 {
  letter-spacing: 0.3em;
  margin-right: -0.3em;
}
.boxIndex01 .ttlMin .boxSpTtl .no21,
.boxIndex01 .ttlMin .boxSpTtl .no22,
.boxIndex01 .ttlMin .boxSpTtl .no31,
.boxIndex01 .ttlMin .boxSpTtl .no32 {
  margin-bottom: 0;
}
body.modeTest .boxIndex01 .ttlMin .boxSpTtl .no21,
body.modeTest .boxIndex01 .ttlMin .boxSpTtl .no22,
body.modeTest .boxIndex01 .ttlMin .boxSpTtl .no23 {
  margin-bottom: 0.1em
}
body.modeTest .boxIndex01 .ttlMin .boxSpTtl .no31 {
  margin-bottom: 0.2em
}
.boxIndex01 .ttlMin .boxSpTtl .no23 {
  letter-spacing: -0.2em;
  font-size: 4.0vw;
}
body.modeTest .boxIndex01 .ttlMin .boxSpTtl .no23 {
  letter-spacing: normal;
}
body:not(.modeTest) .boxIndex01 .ttlMin .boxSpTtl .no21,
body:not(.modeTest) .boxIndex01 .ttlMin .boxSpTtl .no31,
body:not(.modeTest) .boxIndex01 .ttlMin .boxSpTtl .no32,
body:not(.modeTest) .boxIndex01 .ttlMin .boxSpTtl .no33 {
  letter-spacing: -0.18em;
  margin-bottom: 1%;
  font-size: 4.0vw;
}
body.modeTest .boxIndex01 .ttlMin .boxSpTtl .no31 {
  margin-left: 0.2em;
}
body.modeTest .boxIndex01 .ttlMin .boxSpTtl .no32 {
  margin-bottom: 0.3em;
  letter-spacing: -0.1em;
  font-size: 3.5vw;
}
body.modeTest .boxIndex01 .ttlMin .boxSpTtl .no33 {
  letter-spacing: normal;
}
body:not(.modeTest) .boxIndex01 .ttlMin .boxSpTtl .no31 {
  letter-spacing: -0.2em;
  font-size: 4.0vw;
  overflow: hidden;
  height: 0.9em /* 2em（行）x line-heightの1.8 */
}
body:not(.modeTest) .boxIndex01 .ttlMin .boxSpTtl .no32 {
  letter-spacing: -0.2em;
  font-size: 4.0vw;
}
body:not(.modeTest) .boxIndex01 .ttlMin .boxSpTtl .no33 {
  font-size: 4.5vw;
}


/*
2019.11.06削除
.boxIndex01 .ttlMin .boxSpTtl .no21,
.boxIndex01 .ttlMin .boxSpTtl .no31,
.boxIndex01 .ttlMin .boxSpTtl .no32{
  letter-spacing: -0.18em;
  margin-bottom: 1%;
  font-size: 4.0vw;
}
.boxIndex01 .ttlMin .boxSpTtl .no32{
  font-size: 4.5vw;
}
.boxIndex01 .ttlMin .boxSpTtl .no33{
  letter-spacing: 0.3em;
  margin-right: -0.3em;
}*/
.boxIndex01 .boxCont{
  display: none;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 4%;
  padding-bottom: 6%;
  border-bottom: 1px #cdb9a2 solid;
  font-family: "解ミン 宙 B";
  font-size: 1.1rem;
  font-size: 5.5vw;
  letter-spacing: 0.05em;
  line-height: 1.6;
  text-align: center;
}
.boxIndex01 .ttl{
  display: none;
  margin-bottom: 3%;
  font-weight: bold;
  font-size: 0.9rem;
  font-size: 4.5vw;
  letter-spacing: 0.1em;
}
.boxIndex01 .btnLink{
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 15px 30px;
  background: none;
  background-image: url('/images_sp/index/sp-index-arrow-icn01.png'),url('/images_sp/index/sp-index-bg02-in.png');
  background-repeat: no-repeat,no-repeat;
  background-position: right 20px center, left top;
  background-size: auto 60%, cover;
  text-align: left;
  font-family: "A1明朝 A1","A1 Mincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ 明朝","ＭＳ Ｐ明朝",serif;
  color: #412929;
  font-weight: bold;
  font-size: 1.0rem;
  font-size: 6.5vw;
}
.boxIndexRice{
  margin-bottom: 15%;
}
.boxIndexRice .ttlMin{
  margin-bottom: 13%;
  text-align: center;
  font-size: 1.8rem;
  font-size: 8.0vw;
  letter-spacing: 0.15em;
}
.boxIndexRiceLine{
  width: 100%;
  margin: 0 auto;
}
.boxIndexRiceOne{
  float: left;
  width: 20%;
  padding: 0 1%;
  text-align: center;
}

.boxIndexNews{
  padding-top: 15%;
  padding-bottom: 10%;
  background-image: url('/images/index/index-bg03.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
}
.boxIndexNews .ttlMin{
  margin-bottom: 3%;
  text-align: center;
  font-size: 1.8rem;
  font-size: 8.0vw;
}
.boxIndexNewsLine{
  width: 100%;
  margin: 0 auto;
}
.boxIndexNewsOne{
  padding: 7% 5%;
  background-image: url('/images/index/index-arrow-icn02.png'),url('/images/index/index-border01.png');
  background-repeat: no-repeat,no-repeat;
  background-position: right 3% center,center bottom;
}
.boxIndexNewsOne a{
  display: block;
}
.boxIndexNewsOne .txtNewsDate{
  display: inline-block;
  /*width: 100%;*/
  margin-right: 2%;
  margin-bottom: 3%;
  font-size: 0.98rem;
  font-size: 4.0vw;
  font-weight: bold;
}
.boxIndexNewsOne .ulCat{
  display: inline-block;
  margin-right: 0;
  vertical-align: middle;
}
.boxIndexNewsOne .ulCat li {
  display: inline-block;
  float: left;
  padding: 5px 12px 3px 12px;
  margin-right: 3px;
  font-size: 3.2vw;
  font-weight: 700;
}
.boxIndexNewsOne .ulCat li span.str3 {
  display: inline-block;
  letter-spacing: 1.0em;
  margin-right: -1.0em;
}
.boxIndexNewsOne .txtTtl {
  display: inline-block;
  width: 100%;
  padding-right: 10%;
  letter-spacing: 0.1em;
  font-size: 0.98rem;
  font-size: 4.0vw;
  font-weight: bold;
}




}/* /Sp ****************/
