/* 会社案内とこだわりページ　20210423 */
.annaipage p{
margin: 0;
text-align: left!important;
}
#enkaku th, #enkaku td,
#info th, #info td{
border:solid 1px #000;
border-collapse: collapse;
padding: 5px 5px;
font-size: 95%;
}
#enkaku th, #info th{
background-color:#C2DAE7;
}
#enkaku th {
width: 1.2em!important;
}
#enkaku tr td:first-child{
width: 4em;
text-align: center;
}
#enkaku th p{
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
#enkaku table, #info table{
border:solid 2px #000;
border-collapse: collapse;
}

.box{
width:90%;
margin: 0 5%;
}
.box h2{
border: 2px solid #0390d5;
padding: 5px 20px;
width: calc(100% - 44px);
}


.annaipage p span{
padding-top:10px;
text-align: right;
display: block;
}


.kaisya table{
margin: 0 auto;
}

.zigyou p{
width: 100%;
margin: 0 auto;
}
.zigyou div{
width: 100%;
margin: 0 auto;
}

.zigyou h3{
width: 100%;
margin: 10px auto 0;
}




@media screen and (min-width: 670px) {
.annaipage p>img{
width: 290px;
height: auto;
margin: 0 0px;
padding: 10px;
}

.sonota{
display: flex;
justify-content: space-around;
}

.sonota div{
margin: 0 10px;
}

.enkaku_flex{
display: flex;
justify-content: space-between;
width: 98%;
margin: 0 auto;
}

.enkaku_flex table{
width: 70%;
}
.enkaku_img{
width: 28%;
}
.enkaku_img img{
display: block;
width:100%;
margin-bottom: 10px;
}

}
@media screen and (max-width: 669px) and (min-width: 470px) {
.annaipage p>img{
width: 70%;
padding: 0 15%;
height: auto;
margin: 0 auto 15px;
}

.sonota{
display: block;
}
.sonota div{
margin: 10px 0px;
}
.enkaku_flex{
display: block;
width: 98%;
margin: 0 auto;
}

.enkaku_flex table{
width: 100%;
}
.enkaku_img{
width: 100%;
margin-top: 15px;
display: flex;
justify-content: space-between;
}
.enkaku_img img{
width: 32%;
height: 100px;
object-fit: cover;
}
}
@media screen and (max-width: 469px) {
.annaipage p>img{
width: 100%;
height: auto;
margin: 0 0px 15px;
}

.sonota{
display: block;
}
.sonota div{
margin: 10px 0px;
}

.enkaku_flex{
display: block;
width: 98%;
margin: 0 auto;
}

.enkaku_flex table{
width: 100%;
}
.enkaku_img{
width: 100%;
margin-top: 15px;
display: flex;
justify-content: space-between;
}
.enkaku_img img{
width: 32%;
height: 70px;
object-fit: cover;
}
}



.omoi_box{
width: 100%;
margin: 0 auto;
}



/* iOSでのデフォルトスタイルをリセット */
.cartsec input[type="submit"],
.cartsec input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
.cartsec input[type="submit"]::-webkit-search-decoration,
.cartsec input[type="button"]::-webkit-search-decoration {
  display: none;
}
.cartsec input[type="submit"]::focus,
.cartsec input[type="button"]::focus {
  outline-offset: -2px;
}
/* イメージのエリア */
.imagesec {
width: 100%;
font-size: 0;
}
.imagesec>img {
width: 100%;
margin-bottom: 20px;
}
.imagesec .subimage {
width: 100%;
}
.imagesec .subimage img {
display: inline-block;
width: 32%;
margin-right: 2.0%;
margin-bottom:1%;
}
.imagesec .subimage img:nth-child(3n) {
margin-right: 0;
}
/* 切替の場合 */
.image_ss {
}
.image_ss ul,.image_ss ul li {
padding: 0;
list-style: none;
}
.ph_main,.ph_main li,.ph_main li img {
width: 100%;
}
.ph_main {
margin-bottom: 1%;
}
.ph_main li {

}
.ph_main li:nth-child(n+2) {
display: none;
}
.ph_thum {
width: 100%;
font-size: 0;
}
.ph_thum li {
display: inline-block;
width: 32%;
margin-right: 2.0%;
margin-bottom:1%;
}
.ph_thum li:nth-child(3n) {
margin-right: 0;
}
.ph_thum li img {
width: 100%;
}

/*新画像切り替え*/
@media screen and ( max-width:469px){
div.g-imageset {
    position:relative;
	margin: 0 auto;
    width:295px;
}
.g-imageset #view {	height: 260px; margin:0; padding:0;}
.g-imageset #thumbBtn li {
    display: inline-block;
    width: 20%;
    cursor:pointer;
	text-align: center;
}
}
@media screen and (min-width:470px) and ( max-width:669px){
div.g-imageset {
    position:relative;
	margin: 0 auto;
    width:380px;
}
.g-imageset #view {	height: 320px; margin:0; padding:0;}
.g-imageset #thumbBtn li {
    display: inline-block;
    width: 20%;
    cursor:pointer;
	text-align: center;
}
}
@media screen and (min-width:670px) and ( max-width:929px){
div.g-imageset {
    position:relative;
	margin: 0 auto;
    width:550px;
}
.g-imageset #view {	height: 445px; margin:0; padding:0;}
.g-imageset #thumbBtn li {
    display: inline-block;
    width: 14.2%;
    cursor:pointer;
	text-align: center;
}
}

@media screen and (min-width:930px) and (max-width:1099px){
div.g-imageset {
    position:relative;
	margin: 0 auto;
    width:500px;
}
.g-imageset #view {	height: 410px; margin:0; padding:0;}
.g-imageset #thumbBtn li {
    display: inline-block;
    width: 14.2%;
    cursor:pointer;
	text-align: center;
}
}
@media screen and (min-width:1100px){
div.g-imageset {
    position:relative;
	margin: 0 auto;
    width:600px;
}
.g-imageset #view {	height: 480px; margin:0; padding:0;}
.g-imageset #thumbBtn li {
    display: inline-block;
    width: 14.2%;
    cursor:pointer;
	text-align: center;
}
}
.g-imageset #view p {
    position: absolute;
    width:100%;top:0;left:0;
}
.g-imageset #view p img {width: 100%; }
.g-imageset #thumbBtn {
padding:0;
margin:0 0 50px;
font-size: 0;
}


.g-imageset #thumbBtn li img {
    border: solid 1px #ccc;
	width: 92%;
	margin-bottom: 10px;
}
.g-imageset #thumbBtn li.active {
    opacity:0.5;
    filter:alpha(opacity=50);
    -ms-filter: "alpha( opacity=50 )";
}

/* カートボタンのエリア */
.cartsec {
margin: 20px 0;
text-align: right;
}
.cartsec p {
display: inline-block;
vertical-align: top;
font-weight: normal;
line-height: 1.5em;
text-align: left;
margin: 0;
}
.cartsec p span {
color: #f00;
font-size: 200%;
font-weight: bold;
line-height: 1.2em;
}
.cartsec .formbox {
display: inline-block;
vertical-align: top;
}
.cartsec input[name="es_submit"] {
padding: 6px 10px;
margin: 5px;
background: #35c;
color: #fff;

}
.cartsec input[name="es_item_qty"] {
padding: 7px 10px;
color: #222;
border:1px #555 solid;
}
.cartsec .formbox input {
border-radius: 4px;
}
/* 説明のエリア */
.setumeisec {
margin: 5px 0;
}
.setumeisec strong {
display: block;
margin: 20px 0 5px;
background: #3374b6;
color: #fff;
padding: 6px 5px 4px;
}
.setumeisec p {
line-height: 1.5em;
text-align: justify;
font-size:16px;
}
/* 食品表示のエリア */
.hyoujisec {
margin: 0px 0;
}
.hyoujisec table {
border-collapse: collapse;
width: 100%;
margin-top: -15px;
font-size:16px;
}
.hyoujisec table td,.hyoujisec table th {
border: 1px #888 solid;
padding: 10px 5px; 
}
.hyoujisec table th {
width: 23%;
min-width: 120px;
max-width: 180px;
background: #3374b6;
color: #fff;
}
.hyoujisec table td {
}
.hyoujisec .tyui {
margin: 18px 0 5px;
font-size: 90%;
font-weight: bold;
}
.hyoujisec p:not(.tyui) {
line-height: 1.4em;
font-size: 90%;
margin-top:3px;
}
/* 動画とレシピエリア */
.contentssec {
margin: 40px auto;
padding: 5%;
width: 90%;
background: url("2020/06/item/back09.jpg");
border-radius: 4vw;
}
.contentssec img {
width: 98%;
display: block;
margin: 0 auto;

}
.cons_tit {
margin: 5px auto 12px;
padding: 10px 8px;
width: 94%;
text-align: center;
border: 1px #C80003 solid;
border-radius: 4px;
color: #C80003;
font-weight: bold;
background: #fff;
}

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
	 margin-bottom: -5%;
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     left: 10%;
     width: 80%;
     height: 80%;
}

/* 情報エリア */
.johosec {
margin: 5px 0;
}
.johosec>p {
font-size:16px;
}
.johosec strong {
display: block;
margin: 20px 0 5px;
background: #3374b6;
color: #fff;
padding: 6px 5px 4px;
font-size:16px;
}
.johosec .s-map {
width: 100%;
}
.johosec .soryo {
width: 100%;
border-collapse: collapse;

}
.johosec .soryo th,.johosec .soryo td {
border: 1px #888 solid;
padding: 8px 5px;
text-align: center;
background: rgba(255,255,255,0.3);
}
.johosec .soryo th {
}
.johosec .soryo th div {
font-weight: normal;
margin: 8px 0 0;
font-size: 90%;
}
.johosec .soryo th.area-a {
background: #70be40;
color: #fff;
}
.johosec .soryo th.area-b {
background: #f28f19;
color: #fff;
}
.johosec .soryo th.area-c {
background: #eb5d57;
color: #fff;
}
.johosec .soryo th.area-d {
background: #0465bf;
color: #fff;
}
.johosec .soryo th.area-e {
background: #eb222d;
color: #fff;
}
.johosec .soryo td {
}
.johobun {
font-size: 0;
}

@media screen and (max-width:599px) {/*599まで*/
.johobun p {
font-size: 16px;
display: block;
width: 100%;
}

.johobun img {
display: block;
width: 70%;
margin: 10px auto;
}
}
@media screen and (min-width:600px) and ( max-width:929px){/*600～930まで*/
.johobun p {
font-size: 16px;
display: inline-block;
vertical-align: top;
width: 64%;
}

.johobun img {
display: inline-block;
margin-left: 1%;
vertical-align: top;
width: 34%;
}
}
@media screen and (min-width:930px) {/*930から*/
.johobun p {
font-size: 16px;
display: inline-block;
vertical-align: top;
width: 70%;
}

.johobun img {
display: inline-block;
vertical-align: top;
margin-left: 1%;
width: 29%;
}
}

.johobun strong {
display: block;
margin: 20px 0 5px;
background: #3374b6;
color: #fff;
padding: 6px 5px 4px;
font-size:16px;
}

/*売り切れアイコン　2021-2*/
.pick2 li,
.pick3 li{
position: relative;
}
.sld_o {
background: url("soldout.png") no-repeat;
background-size: contain;
width: 125px;
height: 42px;
position: absolute;
bottom: 17px;
left: -3px;
transform: rotate(-6deg);
}

/*フォトブック*/
.tpt_st{
display: inline-block;
vertical-align: middle;
width: 100%;
justify-content: space-around;
display: flex;
margin: 10px 0 10px;
}
.tpt_st>img{
width: 100px;
height: 150px;
object-fit: contain;
flex-grow:0.2;
}
.itmlink {
display: inline-block;
vertical-align: middle;
width: 21%;
margin-left: 2%;
padding: 10px;
border: 2px #88a solid;
line-height: 1;
text-align: center;
border-radius: 10px;
}
.itmlink img{
width: 100px;
margin-top: 8px;
}
@media screen and (max-width:729px){

.tpt_st{
width: 100%;
justify-content: space-around;
display: flex;
flex-wrap: wrap;
margin: 10px 0 10px;
}
.tpt_st>img{
width: 100px;
height: 150px;
object-fit: contain;
flex-grow:0.2;
}
.itmlink {
width: 60%;
margin-left: 2%;
padding: 7px;
border: 2px #88a solid;
line-height: 1;
text-align: center;
border-radius: 10px;
}
.itmlink img{
width: 90px;
margin-left: 15px;
vertical-align: middle
}
}

/*おかゆ*/
.okayupr p {
font-size:130%;
font-weight:900;
color:#b50a28;
}