@charset "utf-8";

.ibareafull {
    background: #fff;
}

img {vertical-align: bottom;margin: 0;padding: 0;border: 0;max-width: inherit;}

a:hover img {	
opacity: 0.7;	
filter: alpha(opacity=70);	
-ms-filter: "alpha( opacity=70 )";	
}	  


#pagebody > table > tbody > tr > td > table:nth-child(2) > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(3){
    width:100vw;
	position: relative;
    height: auto;
    margin: 0;
    padding: 0;
}








@media screen and (min-width : 1160px){


#pagebody > table > tbody > tr > td > table:nth-child(2) > tbody > tr > td > table > tbody > tr:nth-child(3), 
#pagebody > table > tbody > tr > td > table:nth-child(2) > tbody > tr > td > table > tbody > tr:nth-child(3) > td {
    height: auto;
}
}
@media screen and (min-width : 1277px){

.footer {
    height: 100%;
	min-height: 1263px;
	overflow: hidden;
}
}





	
	
	
	
	
	
	
	
/********LP用css***********/	
	
#ibarakitop img{width: 100%;/* height: 100%; */}	
	
.ib_area{
	width: 100%;
	/* font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif!important; */
	text-align: center;
}
.ib_box {
	width: 100%;
	padding:44px 88px;
    max-width: 1170px;
	margin: 0 auto;
	font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif!important;
}


#ibarakitop{height: 900px;position: relative;/* font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif!important; */text-align: initial;}

#ibarakitop-in {
    width: 100%;
    margin: 0 auto;
    height: 400px;
    /* background-color: #fff; */
}
#ibarakitop-in02 {
    width: 100%;
    margin: 0 auto;
    max-width: 1064px;
    padding: 20px;
    padding-top: 150px;
    height: auto;
    position: relative;
    display: flex;
}
#eye_title01 {
    width: 100%;
    margin: 0 auto;
    height: 120px;
    line-height: 120px;
    text-align: center;
    font-size: 2.8em;
    font-weight: bold;
    color: #fff;
	/* font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif!important; */
background-color: #000000;
background-image: url("https://www.transparenttextures.com/patterns/darth-stripe.png");
}
	
#ibaraki_h1{
    width: 75%;
    margin: 0 auto;
    height: auto;
    position: relative;
    }
	
.box_eye{
	width: 100%;
	max-width: 720px;
	}
.box_eye_text{
	font-size: 0.8em;
    font-weight: 700;
    color: #333;
	padding-top: 15px;
	
}	
#ibaraki_h2{width: 25%;
    margin: 0 auto;
    height: auto;
	position: relative;
    }

.sttll{
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      -webkit-text-orientation: upright; /* Safari */
      text-orientation: upright;
      font-size: 2.4em;
      font-weight: 800;
      min-height: 610px;
      color: #333;
      position: absolute;
      right: 0px;
      
      }
.sttlm{
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      font-size: 2.8em;
      font-weight: 800;
      color: #333;
      position: absolute;
      /* min-height: 610px; */
      right: 60px;
      }
#text01 {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    position: absolute;
    line-height: 1.5;
    top: 110px;
    right: 130px;
}
	
#eye_title02 {
    width: 100%;
    margin: 0 auto;
    height: auto;
    text-align: center;
    font-size: 19px;
    letter-spacing: 0.05em;
    padding: 70px 0;
    font-weight: 800;
    color: #333;
    /* background-color: #fff; */
}
.moviearea {max-width: 980px;margin: 0px auto;}
.moviearea > div {
	 display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.moviearea > div div{
    width: 49%;
}
.moviearea > div div iframe{
    width: 100%;
}


.ibflex{
	width: 100%; 
	max-width: 994px; 
	margin: 0 auto; 
	height: auto; 
	color: #000;
	background-color: transparent;
    background-image:none;
    border-radius: 5px;
    padding: 20px;
	border-radius: 5px;
	padding: 20px;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.ibfimg {width: 40%;
	margin: 0 auto; 
	height: auto; 
	padding: 20px;}


.box_img01{
    text-align: center;
}
.box_img02{width: 100%; max-width: 800px; margin: 0 auto;}
.box_img03{width: 100%; max-width: 850px; margin: 0 auto;}
.box_img01_space{margin-bottom: 30px;}  /* LP内box_img01下部にspace*/
 
.ibfcontent{width: 60%;
	margin: 0 auto; 
	height: auto; 
	padding: 20px;}
	
#sttl03{
	font-size: 1.35em;
    font-weight: 800;
    color: #000;}
	
#sttl04{
	font-size: 1.2em;
	font-weight: 800;
	line-height: 2;
	color: #000;
	position: relative;
	}
	
#text02 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    position: relative;
    padding-top: 20px;
    line-height: 2;
    text-align: justify;
}
.ssl {
    font-size: 28px;
    font-weight: 600;
    color: #000;
    position: relative;
    padding-top: 20px;
    line-height: 2;
    text-align: justify;
    max-width: 930px;
    padding: 40px 0px;
    margin: 0px auto;
}	
#eye_title03 {
    width: 100%;
    margin: 0 auto;
    height: auto;
    text-align: center;
    font-size: 28px;
    letter-spacing: 0.05em;
    padding: 30px 0px;
    font-weight: 800;
    color: #333;
    background-color: #fff;
}

#sttl05{
	font-size: 1.6em;
    font-weight: 800;
	line-height: 2;
    color: #000;}
	
#sttl06{
	font-size: 1.4em;
	font-weight: 800;
	line-height: 2;
	color: #000;
	position: relative;
	}
	
#text03 {
    font-size: 1.0em;
    font-weight: 400;
    color: #000;
    position: relative;
    line-height: 1.9;
    text-align: justify;
}
	
	
#eye_title04 {
    width: 100%;
    margin: 0 auto;
    height: auto;
    text-align: center;
    font-size: 3.0em;
    letter-spacing: 0.05em;
    padding: 0px 0px 40px 0px;
    font-weight: 800;
    background-color: #fff;
    color: #333;
}

#sttl07{
	font-size: 1.6em;
	font-weight: 800;
	line-height: 2;
	color: #000;
	}
	
#sttl08{
	font-size: 1.4em;
    font-weight: 800;
	line-height: 2;
    color: #000;
    position: relative;}
	
#text04 {
    font-size: 1.0em;
    font-weight: 400;
    color: #000;
    position: relative;
    line-height: 1.9;
    text-align: justify;
}
	

#text05 {
    font-size: 1.0em;
    font-weight: 400;
    color: #000;
    position: relative;
    line-height: 1.9;
    text-align: justify;
}
	
	
.whitebg {
    background: #fff;
    box-sizing: border-box;
    width: 100%;
    padding:44px 88px;
    margin: 0 auto;
    font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif!important;
}	
	
.recipebg {
    background: #f1f0ea;
    box-sizing: border-box;
    width: 100%;
    padding:44px 88px;
    margin: 0 auto;
    font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif!important;
}	
.ibarakibg {
	    box-sizing: border-box;
		width: 100%;
	padding:44px 88px;
	margin: 0 auto;
	font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif!important;
background: #78bd36;
}
	
	.aboutbg {
		    box-sizing: border-box;
		width: 100%;
	padding:44px 88px;
	margin: 0 auto;
	font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif!important;
background: #2e2723;
}
	
		
	.restbg {
		    box-sizing: border-box;
		width: 100%;
	padding:44px 88px;
	margin: 0 auto;
	font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif!important;
background: #f2f1ec;
}
	
	
	
	

.item_detail_free_area {
    padding: 40px 0px;
    max-width: 980px;
    margin: 0px auto;
}
.hamburg_page {
    /* background: #fff; */
    text-align: center;
}
.hc_title {
 
text-align: center;
}
.hc_title img {
 
}
.hc_sbttl {
    text-align: center;
    font-size: 24px;
    color: #b99230;
    padding: 50px 0px 0px 0px;
}
.hc_t {
    text-align: center;
    font-size: 20px;
    line-height: 36px;
    padding: 0px 0px 40px 0px;
}
.center {
	text-align: center;
}
.mt0 {
  margin-top: 0
}
.mb0, .white_bg.mb0 {
  margin-bottom: 0;
  padding: 0px 0px 50px 0px;
}
.mt20 {
  margin-top: 20px
}
.mb20 {
  margin-bottom: 20px
}
.pt20 {
  padding-top: 20px
}
.pb20 {
  padding-bottom: 20px
}
.pl20 {
  padding-left: 20px
}
.pr20 {
  padding-right: 20px
}
.black_bg {
  background: #000;
  color: #fff
}
.white_bg {
  background: #fff;
  color: #000;
  height: auto;
  overflow: hidden;
  padding: 40px;
  margin: 0 0 50px
}
.mt50 {
  margin-top: 50px
}
.size14 {
  font-size: 14px;
  line-height: 20px
}
.size16 {
  font-size: 1pc;
  line-height: 30px
}
.size18 {
  font-size: 18px;
  line-height: 34px
}
.size18 span {
  font-size: 14px
}
.size20 {
  font-size: 20px;
  line-height: 2pc
}
.size30 {
  font-size: 30px;
  line-height: 42px
}
.gold_color {
  color: #b99230
}

.materials {
  position: relative;
  border: 1px solid #000;
  padding: 13px 13px;
  margin: 0;
  font-size: 14px;
  text-align: left;
  line-height: 20px;
}
.materials:before {
  content: "原材料";
  position: absolute;
  top: -9px;
  left: 15px;
  font-size: 8px;
  background: #000;
  color: #fff;
  padding: 0px 8px;
  line-height: 20px;
}

.hc_flex {
display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.hc_flex_text {
    padding: 30px;
    font-size: 18px;
    line-height: 34px;
    text-align: center;
}
.hc_flex_img {
    padding: 30px;
}
.col70 {
	width: 70%;
}
.col60 {
	width: 60%;
}
.col50 {
	width: 50%;
}
.col40 {
	width: 40%;
}
.col30 {
	width: 30%;
}


@media screen and (max-width:768px){
    
.item_detail_free_area {
    padding: 40px 0px;
}
.hamburg_page {
    background: #fff;
    font-family: 'Noto Serif JP', sans-serif;
}
.hc_title {
 
}
.hc_title img {
 width: 100%;
}
.hc_sbttl {
    text-align: center;
    font-size: 16px;
    color: #b99230;
    padding: 50px 0px 0px 0px;
}
.hc_t {
    text-align: center;
    font-size: 12px;
    line-height: 19px;
    padding: 0px 0px 40px 0px;
}
.center {
	text-align: center;
}
.mt0 {
  margin-top: 0
}
.mb0, .white_bg.mb0 {
  margin-bottom: 0
}
.mt20 {
  margin-top: 20px
}
.mb20 {
  margin-bottom: 20px
}
.pt20 {
  padding-top: 20px
}
.pb20 {
  padding-bottom: 20px
}
.pl20 {
  padding-left: 20px
}
.pr20 {
  padding-right: 20px
}
.black_bg {
  background: #000;
  color: #fff
}
.white_bg {
  background: #fff;
  color: #000;
  height: auto;
  overflow: hidden;
  padding: 40px;
  margin: 0 0 50px
}
.mt50 {
  margin-top: 50px
}
.size14 {
  font-size: 14px;
  line-height: 20px
}
.size16 {
  font-size: 1pc;
  line-height: 30px
}
.size18 {
  font-size: 14px;
  line-height: 24px;
}
.size18 span {
  font-size: 14px
}
.size20 {
  font-size: 12px;
  line-height: 19px;
  padding: 0;
}
.size30 {
  font-size: 23px;
  line-height: 38px;
  padding: 0;
}
.gold_color {
  color: #b99230
}

.materials {
  position: relative;
  border: 1px solid #000;
  padding: 13px 13px;
  margin: 0;
  font-size: 14px;
  text-align: left;
  line-height: 20px;
}
.materials:before {
  content: "原材料";
  position: absolute;
  top: -9px;
  left: 15px;
  font-size: 8px;
  background: #000;
  color: #fff;
  padding: 0px 8px;
  line-height: 20px;
}

.hc_flex {display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;flex-wrap: wrap;}
.hc_flex_text {
    padding: 20px;
    font-size: 14px;
    line-height: 23px;
    text-align: center;
}
.hc_flex_img {
    padding: 30px;
}
.col70 {
	width: 100%;
}
.col60 {
	width: 60%;
}
.col50 {
	width: 100%;
}
.col40 {
	width: 40%;
}
.col30 {
	width: 100%;
}

#ibarakitop-in02 {display: block;padding: 0;}
#ibaraki_h1 {
    width: 100%;
}
#ibarakitop {
    height: auto;
}	

	#ibarakitop-in {
		height: auto;
	}

.ibareafull {
    width: 100%;
    margin: 0;

}
#ibaraki_h2 {
    width: 90%;
    padding: 0px 0px 60px 0px;
}	
.sttll {
	writing-mode: inherit;
	position: relative;
	right: 0;
	min-height: auto;
	font-size: 19px;
	font-family: 'Noto Serif JP', sans-serif;
	color: #b99230;
	text-align: center;
}	


.sttlm {
    writing-mode: initial;
    font-size: 18px;
    position: relative;
    right: 0;
    font-family: 'Noto Serif JP', sans-serif;
    color: #b99230;
    text-align: center;
    padding: 0px 0px 20px 0px;
}


	#text01 {
		    writing-mode: initial;
		    font-size: 13px;
		    position: relative;
		    right: 0;
		    top: 0;
		    font-family: 'Noto Serif JP', sans-serif;
	}
	.ib_area img {
		width:100%;
	}
	.hamburg_page img{
			width:100%;
	}
	.mt50 img{
			width: 50px;
	}
 img.pagelogo{
			width: 52px;
	}
	.box_eye_text {
    text-align: center;
    padding: 0px 0px 30px 0px;
}
#eye_title02 {
    font-size: 14px;
    text-align: left;
    padding: 30px 20px;
    font-family: 'Noto Serif JP', sans-serif;
}	 
.moviearea > div div iframe {
	height:140px;
}
}