/*スライダー切替*/
@media (min-width: 860px) {
div.pc_display_no{
display: none !important;	
  }  

}

@media (max-width: 860px) {
div.sp_display_no{
display: none !important;	
}

}



/*スライダー下タイトルテキストＣＳＳ********************************************************************************************************************************************************/

section.content01 {
padding: 2% 0 4%;
    background-color: #E5E5E6;
}

section.content01 h2.content01-title {
    text-align: center;
    font-family: 'KFhimaji',' Huiji','きろ字 - B';
    margin: 27px 0px 27px;
}

div.content01-title {
    text-align: center;
   /* font-family: 'KFhimaji',' Huiji','きろ字 - B';*/
    margin: 60px 0px 3%;
  text-decoration: underline;
}

section.content01 p.content01-text {
text-align: -webkit-center;
    font-size: 21px !important;
    letter-spacing: 5px;
}

section.content01 div.fade01 {

}

section.content01 div.fade01 div.top_content1 {
}

section.content01 div.fade01 div.top_content1 div.column2_img {
    float: left;
    width: 50%;
}

section.content01 div.fade01 div.top_content1 div.column2_img img {
}


.container_bg1 {
    background-image: url(https://img21.shop-pro.jp/PA01408/242/etc/top_bg_img.png?cmsp_timestamp=20171212211957);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% -33%;
}


/*ポークショップ 紹介ＣＳＳ********************************************************************************************************************************************************/


div.column-layout03 div.column-layout03-content {
margin: 4% 5% 0;
    width: 40%;
}
.fade01 .column-layout03-title {
    font-size: 29px;
    font-family: "Helvetica Neue",Helvetica,Arial,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    font-family: 'KFhimaji',' Huiji','きろ字 - B';
    color: #000000;
    font-weight: 400;
    margin: 4% auto 0;
}

.fade01 .column-layout03-title span {
    color: #A78047;
}

.column-layout03-text {
margin: 15px auto;
    font-size: 17px;
line-height: 36px;
}
.column-layout03-item {
    box-sizing: border-box;
    width: 50%;
    vertical-align: middle;
    /* height: 420px; */
}

.column-layout03-image {
    height: auto;
    width: 100%;
}

.column-layout03 {
    /* background: #f6f6f6; */
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

/*********************************************************************************************************************************************************/


/*豚のあいさつ********************************************************************************************************************************************************/

div.voice_section {
background-color: #E9F4E8;
    padding: 4% 0px;
}

div.voice_section div.voice_conten {
    max-width: 1250px;
    margin: 0 auto;
    width: 96%;
    padding: 0;
}

div.voice_section div.voice_conten div.voice_content4_1 {
box-sizing: border-box;
    vertical-align: middle;
    float: left;
    margin: 4% 5% 0;
    width: 40%;
}

div.voice_section div.voice_conten div.voice_content4_1 div.voice_content4_title {
    font-size: 27px;
    font-weight: bold;
    padding-bottom: 13%;
    letter-spacing: 8px;
    background-image: url(https://img21.shop-pro.jp/PA01408/242/etc/top_title_bg.png?cmsp_timestamp=20171212214926);
    background-repeat: no-repeat;
    background-position: 64% 35%;
}

div.voice_section div.voice_conten div.voice_content4_1 div.voice_content4_text {
    margin: 15px auto;
    font-size: 17px;
    line-height: 36px;
}

div.voice_section div.voice_conten div.voice_content4 {
    box-sizing: border-box;
    width: 50%;
    vertical-align: middle;
    float: left;
}

div.voice_section div.voice_conten div.voice_content4 img.verification_img {
}

/*********************************************************************************************************************************************************/

div.box_reverse {
    float: right;
}

div.column-layout03-content{
margin: 4% 5% 0;
    width: 40%;
}

div.instagram_content div.instagram_title {
    margin: 6% auto 1%;
    text-align: center;
}

div.instagram_content div.instagram_box {
    max-width: 1150px;
    margin: 0 auto;
}

img.center{
text-align: center;
    display: block;
    margin: 0 auto;
}

.section__block--top-page {
  max-width: 1100px;
}

.slider {
  margin-top: 0;
}
.slider .bx-wrapper {
    margin: 0px auto;
}
.slider .bx-wrapper .bx-caption {
  text-align: center;
  top: 0;
  bottom: auto;
}

#slider img {
  display: block;
  margin: 0 auto;
}

.banner__section {
    margin-top: 5px;
   /*  margin-bottom: 5%;*/
}

h2.top_speech_title{
color: #00913A;
    font-size: 29px;
    text-align: center;
    font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    padding-top: 30px;
}

p.top_speech_text1{
font-size:20px;

}
p.top_speech_text2{
float:left;

}

div.top_speech {
    float: left;
    max-width: 700px;
    text-align: justify;
    width: 70%;
}


div.top_speech_text {
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
    width: 100%;
}




.news__lists {
  list-style-type: none;
  margin: 0 0 2em;
}

.news__list {
  margin-bottom: .5em;
}

.news__date {
  margin-right: 1em;
}





h2.section__title-h2 span{
font-size:13px;
color:#fff;
}



div.bx-viewport li img{
width:80%;
margin: 0 auto;
}





@media (min-width: 768px) {
  /* 768px〜 **************************************************************************************************************************/
li.banner-list__unit{
width: 320px !important;
    margin: 0px -30px !important;
}

	
}



@media (max-width: 1168px) {
  /* ~1168px **************************************************************************************************************************/
.fade01 .column-layout03-title {
    font-size: 23px;
    font-family: "Helvetica Neue",Helvetica,Arial,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    font-family: 'KFhimaji',' Huiji','きろ字 - B';
    color: #000000;
    font-weight: 400;
    margin: 2% auto 0;
}	
	
	
div.column-layout03 div.column-layout03-content {
    margin: 2% 3% 0;
    width: 44%;
}
	
div.column-layout03-content {
    margin: 1% 3% 0;
    width: 44%;
}	
	
.column-layout03-text {
margin: 0 auto;
    padding: 0;
    margin-bottom: 9%;
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 25px;
    max-width: 100%;
}
	
	
}





@media (max-width: 768px) {
  /* ~768px **************************************************************************************************************************/
section.content01 {
padding: 2% 0 1%;
    background-color: #E5E5E6;
}
	
div.instagram_content div.instagram_title {
    margin: 6% auto 1%;
    text-align: center;
max-width: 200px;
}

	div.instagram_content{
	background: #fff;
}
	
div.column-layout03-content {
    margin: 4% 5% 0;
    width: 90%;
}	
.container_bg1 {
    background-image: url(https://img21.shop-pro.jp/PA01408/242/etc/top_bg_img.png?cmsp_timestamp=20171212211957);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 0%;
}

div.voice_section div.voice_conten div.voice_content4_1 div.voice_content4_title {
    font-weight: bold;
    line-height: 38px;
    padding-bottom: 0%;
    letter-spacing: 7px;
    background-image: url(https://img21.shop-pro.jp/PA01408/242/etc/top_title_bg.png?cmsp_timestamp=20171212214926);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    font-size: 22px;
    color: #000;
    font-family: 'KFhimaji',' Huiji','きろ字 - B';
    margin-bottom: 5%;
    margin-top: 4%;
}
	
.fade01 .column-layout03-title {
    font-size: 21px;
    font-family: "Helvetica Neue",Helvetica,Arial,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    font-family: 'KFhimaji',' Huiji','きろ字 - B';
    color: #000000;
    font-weight: 400;
    margin: 4% auto 0;
}
	
div.column-layout03-content img {
    max-width: 220px;
    width: 40%;
    text-align: left;
}
	
div.box_reverse {
    float: none;
}

section.content01 h2.content01-title {
    text-align: center;
    font-family: 'KFhimaji',' Huiji','きろ字 - B';
    margin: 24px 23% 24px;
    font-size: 20px !important;
}

section.content01 p.content01-text {
font-size: 17px !important;
    letter-spacing: 0px;
    margin-bottom: 20px;
    text-align: justify;
    margin: 1% 5% 13%;
    line-height: 31px;
}
section.content01 div.fade01 div.top_content1 div.column2_img {
    float: none;
    width: 100%;
}
div.column-layout03 div.column-layout03-content {
    margin: 4% 5% 0;
    width: 90%;
}

.column-layout03-item {
    box-sizing: border-box;
    width: 100%;
    vertical-align: middle;
    height: auto;
}

.column-layout03 {
    display: block;
    width: 100%;
}
	
div.column-layout03 div.column-layout03-content img{
max-width: 220px;
width: 40%;
text-align: left;
}
	
div.voice_section div.voice_conten div.voice_content4_1 {
box-sizing: border-box;
    vertical-align: middle;
    float: none;
    margin: 4% 3% 0;
    width: 94%;
}



div.voice_section {
    background-color: #E9F4E8;
    padding: 4% 0px 7%;
    margin: 12% 0;
}
	
div.voice_section div.voice_conten div.voice_content4_1 div.voice_content4_text {
margin: 6% auto 0;
    padding: 0;
    margin-bottom: 3%;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 25px;
    max-width: 100%;
}
div.voice_section div.voice_conten div.voice_content4 {
    box-sizing: border-box;
    width: 100%;
    vertical-align: middle;
    float: none;
}
	
div.instagram_content div.instagram_box img {
    width: 49%;
}
	
  li.banner-list__unit{
    margin-left: 30px;
    margin-right: -36px !important;
}
  
  
  
  
  div.top_speech {
    float: none;

	width: auto;
}

  h2.top_speech_title {
   color: #00913A;
    font-size: 29px;
    text-align: left;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    padding-top: 14px;

}


}



@media (max-width: 480px) {
  /* ~480px ************************************************************************************************************************/
  p.top_speech_text1 {
    font-size: 17px;
    font-weight: bold;
    
}
  

  
  h2.top_speech_title {
    color: #00913A;
    font-size: 20px;
    text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    padding-top: 15px;

}


  
  img {
    width: 100%;
  }
  
  div.top_left {
  width:100%!important;
  }
  div.top_right{
 width:100%!important;
    padding-left:0!important;
  }
  
  div.top_right2{
 width:100%!important;
    padding-left:0!important;
  }
div.top_left2 {
  width:100%!important;
  }
  
  .banner__section{
  margin-bottom:3%;
  }
  

  
}


/*スライダー切替*/
@media (min-width: 700px) {
pc_display_no{
display: none !important;	
}
	
}

@media (max-width: 700px) {
sp_display_no{
display: none !important;	
}
}

@media (max-width: 768px){
li.banner-list__unit {
    margin-left: 10px;
    margin-right: -8px !important;
}

	div.bx-viewport li img {
    width: 90%;
}
	
}

div.top_left {
width: 40%;
}

div.top_left img{
width: 100%;
}

div.top_right {
    width: 56%;
    padding-left: 4%;
}

div.top_left2 {
width: 40%;
}


div.top_right2 {
width: 60%;
}

/*10%バナー
.page--top div.10baner {
  margin: 100px;
  width: 100%;
}*/

/*オンラインショップ文言*/
.online-text {
  font-size: 29px;
    font-family: "Helvetica Neue",Helvetica,Arial,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    font-family: 'KFhimaji',' Huiji','きろ字 - B';
    color: #FF0000;
    font-weight: 400;
    margin: 4% auto 0;
    text-align: center;
    padding-bottom: 30px;
}
.online-text a {
  color: #FF0000;
}
.online-text a:hover {
  text-decoration: none;
  color: #00913A;
}

.deadline{
  text-align: center;
  padding: 10px;
}


.cartjs_product_img {
  padding: 16px !important;
  border: 3px solid #E9E9E9;
  border-radius: 8px;
  width:80% !important;
}

.cartjs_cart_in {
  width:90% !important;
  text-align:left !important;
}

.cartjs_product_name {
  text-align:left;
}

.cartjs_product_table table {
  width:90% !important;
}

.cartjs_sales_price th {
  display:none;
}

.cartjs_product_num {
  display:none;
}

.cartjs_cart_in input[type=submit] {
  background-color: #009944 !important;
  font-size: 10px !important;
  height:unset !important;
  width: unset !important;
  padding: 4px 8px !important;
  float:right;
  margin-top:-50px;
}


@media (min-width: 770px) {
  .cartjs_sales_price td {
    font-size:16px !important;
    font-weight:normal !important;
  }
  .cartjs_product_name {
    font-size:20px !important;
  }
}

@media (max-width: 769px) {
  .cartjs_sales_price td {
    font-size:12px !important;
    font-weight:normal !important;
  }
  .cartjs_product_name {
    font-size:16px !important;
  }
}

.free_5 a:hover {
  opacity: 1 !important;
}

.nenga {
  margin: 50px auto 100px;
  width: 100%;
  max-width: 1250px;
}