@charset "utf-8";
/* CSS Document */
/*
theme name:sanfoods
*/


/*=========================
　　　　基本設定
===========================*/

body{
	font-family: メイリオ, Meiryo, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0;
	padding:0;
	line-height: 160%;
	font-size:14px;
	-webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: 100%;
	color: #4D4949;
}

a,a:hover{
	text-decoration:none;
	border:0;}
	
h1,h2,h3,h4,h5,h6,p{
	padding:0;
	margin:0;}
	
ul,li{
	list-style:none;
	padding:0;
	margin:0;}

img{
	max-width:100%;
	height:auto;}
	
.clear{
	clear:both;}
	
.contents,.page_contents{
    width: 1080px;
	margin: 0 auto;
	clear: both;
}

.single_text{
	letter-spacing: 1px;
	line-height: 1.7;
}

.block_left{
	float:left;}
	
.block_right{
	float:right;}


.margin_t_10{margin-top: 10px!important}
.margin_t_20{margin-top: 20px!important}
.margin_t_30{margin-top: 30px!important}
.margin_t_40{margin-top: 40px!important}
.margin_t_50{margin-top: 50px!important}
.margin_t_60{margin-top: 60px!important}
.margin_t_80{margin-top: 80px!important}
.margin_t_100{margin-top: 100px!important}
.margin_b_10{margin-bottom: 10px!important;}
.margin_b_20{margin-bottom: 20px!important;}
.margin_b_30{margin-bottom: 30px!important;}
.margin_b_40{margin-bottom: 40px!important;}
.margin_b_50{margin-bottom: 50px!important;}
.margin_b_60{margin-bottom: 60px!important;}
.margin_b_80{margin-bottom: 80px!important;}
.margin_b_100{margin-bottom: 100px!important;}

.sp, .sp_tab, .pc_sp_tab{
	display:none!important;}

.font_12{font-size: 12px;}
.font_13{font-size: 13px;}
.font_14{font-size: 14px;}
.font_15{font-size: 15px;}
.font_16{font-size: 16px;}
.font_17{font-size: 17px;}
.font_18{font-size: 18px;}
.font_20{font-size: 20px;}
.font_21{font-size: 21px;}
.font_23{font-size: 23px;}
.font_29{font-size: 29px;}
.font_b{font-weight:600;}
.font_left{text-align: left!important;}
.font_right{text-align: right!important;}
.centering{text-align:center!important;}
.font_red{color: #D82D2C;}


/* ------------ cookie ------------- */
.cookie-consent {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 0;
  width: 100%;
  font-size: 13px;
  gap:0 1.15em;
  color: #fff;
  background: rgba(0,0,0,.7);
  padding: 0.75em 1.2em;
  box-sizing: border-box;
  z-index: 100;
  visibility: hidden;
}
.cookie-consent.is-show {
  visibility: visible;
}
.cookie-consent a {
  color: #fff !important;
}
.cookie-consent{
  line-height:1.5;
}
.cookie-agree {
  color: #fff;
  background: #C70007;
  padding: .5em 1.5em;
  letter-spacing: 0.25em;
  border-radius: 3px;
}
.cookie-agree:hover {
  cursor: pointer;
}
/* パッと消える */
.cc-hide1 {
  display: none;
}
@media (any-hover: hover){
    .cookie-text > a:hover{text-decoration: underline;}
}

@keyframes hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}

@media screen and (max-width: 600px) {
  .cookie-consent{
    font-size:12px;
  }
}

/* 投稿中の画像設定
-------------------------------------------------------------- */
.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright, img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft, img.alignright, img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #FAFAFA;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 2px;

	text-align: center;
	border:1px solid #e7e7e7;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #333;
	/*font-size: 12px;*/
	font-size: 13px;
	margin: 5px !important;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	/*font-size: 12px;*/
	font-size: 13px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}

#single-main img{
	max-width:100%;
	height:auto;}
	
/*----------------------*/

/*=========================
　　　　エフェクト
===========================*/
figure {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
    font-size: 0;
}
/*---拡大----*/
#footer_contents figure img{
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#footer_contents figure:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/* Float （浮く）*/
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover,.hvr-float:focus,.hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
/* Float Shadow （影＋浮く）*/
.hvr-float-shadow {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover,.hvr-float-shadow:focus,.hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/*=========================
　　　　ヘッダー
===========================*/
#header{
    background: #FFF;
}
#header_top_warp{
    border-bottom: 1px solid #CCCCCC;
    background-color: #FFF;
}
#header_left{
    margin: 30px 0 20px;
    width: 355px;
}
#head_navi{
    font-size: 0;
}
.head_btn{
    display: table-cell;
    width: 154px;
    text-align: center;
    font-size: 15px;
}
.head_btn a{
	padding: 15px 0;
	display: block;
	border-top: 3px solid #E9E9E9;
}
.head_btn a:hover{
    border-top: 3px solid #D82D2C;
}
.head_ef:hover{
    color: #D82D2C;
}

.head_ef.active{
    border-top: 3px solid #D82D2C;
    color: #D82D2C;
}

#breadcrumbs{
    background: #E8E8E8;
    font-size: 10px;
    padding: 5px 0;
}
.inline_top{
	display: inline-block;
	vertical-align: top;
}
.head_manu_list{
	margin: 5px 1%;
}
#header_right span{
	font-size: 10px;
	display: block;
}
#twitter_icon{
	position: fixed;
	right: 2%;
	bottom: 15px;
	z-index: 999;
}
#header_right ul,#header_right li{
    display: inline-block;
    vertical-align: middle;
}
#header_right li{
    margin: 6px 5px;
    text-align: left;
}
#header_right li span{
    margin-top: 15px;
    line-height: 1.3;
}
.head_right_btn, .head_right_logo{
	display: inline-block;
	vertical-align: middle;
}
.head_right_logo{
	text-align: center;
	margin-left: 1%;
}
#header_right{
	width: 60%;
	text-align: right;
}
.head_right_btn a{
	background: #FF0000;
	border-radius: 10px;
	display: inline-block;
}
.head_right_btn a:hover{background: #FF8000;}

/*=========================
　　　　フッター
===========================*/
#top_post_box{
    width: 100%;
    padding: 70px 0;
    background-color: #F1F1F1;
}
#top-post li{
    display: table-cell;
}
.top-thum img{
    border: 1px solid #CCCCCC;
    margin: auto;
}
.top-post-content{
    width: 330px;
    text-align: left;
}
.top-post-ymd{
    margin: 10px 0;
    color: #999999;
    font-size: 13px;
}
.top-post-title{
    font-size: 14px;
}
#top_post_button{
    text-align: center;
}
#all-info{
    display: inline-block;
    text-align: center;
    font-size: 17px;
    color: #666666;
    border: 1px solid #999999;
    border-radius: 15px;
    padding: 20px 0;
    margin: 50px auto 0;
    width: 40%;
    -webkit-transition: all .3s;
    transition: all .3s;
}
#all-info:hover {
    border-radius: 30px;
}
#footer_contents,#footer_contents img{
    width: 100%;
}

#footer_contents_left,#footer_contents_right{
    width: 50%;
    position: relative;
}
#footer_contents_left_title,#footer_contents_left_text,#footer_contents_right_title,#footer_contents_right_text{
    position: absolute;
}
#footer_contents_left_title,#footer_contents_right_title{
    font-size: 2.2vw;
}
#footer_contents_left_text,#footer_contents_right_text{
    font-size: 2.6vw;
    line-height: 1.3;
}
#footer_contents_left_title{
    top: 12%;
    left: 5%;
}
#footer_contents_left_text{
    top: 45%;
    left: 30%;
}
#footer_contents_right_title{
    bottom: 12%;
    right: 5%;
}
#footer_contents_right_text{
    top: 15%;
    left: 10%;
}
.footer_contents_arrow{
    margin-left: 10px;
}
#footer_company{
    margin: 15px auto;
}
#footer_logo{
    padding: 25px;
    border-right: 1px solid #CCCCCC;
}
#footer_logo img{
    width: 260px;
}
#footer_company_text{
    margin-left: 25px;
}
#footer_company_text th{
    font-weight: normal;
    text-align: left;
}
#footer_company_text th,#footer_company_text td{
    padding: 0 5px;
}
#footer_g_company_warp{
    position: relative;
}
#page_top{
    position: absolute;
    top: -30px;
    right: 5%;
    background-color: #E8E8E8;
    color: #666666;
    font-size: 11px;
    width: 120px;
    text-align: center;
    padding: 5px 0;
    border-radius: 10px 10px 0 0;
}
#page_top img{
    margin-right: 10px;
    vertical-align: middle;
}
#footer_g_company{
    background-color: #E8E8E8;
    color: #666666;
    padding: 15px 0;
}
#footer_g_company a{color: #666666;}
#footer_g_company a:hover{color: #EC2326;}
#footer_g_company_title{
    display: inline-block;
    border: solid 1px #9F9F9F;
    padding: 0 8px;
    margin-right: 10px;
    font-size: 11px;
    vertical-align: top;
}
#footer_g_company_list{
    display: inline-block;
}
.footer_g_company_contents{
    margin: 0 5px;
    font-size: 13px;
    line-height: 1.2;
    display: inline-block;
}
.footer_g_company_contents img{
    margin: 0 5px;
    vertical-align: middle;
}
.footer_g_company_sub_text{
    font-size: 10px;
    margin-left: 40px;
}
.copyright{
    text-align: center;
    color: #666666;
    font-size: 12px;
    padding: 10px 0;
}
.foot_policy{text-align: right;}
.foot_policy a{
	display: inline-block;
	margin-right: 2%;
	padding-left: 13px;
	background: url("img/arrow01.png")no-repeat left top;
	font-size: 13px;
}
.foot_banner{margin: 30px 0;}

/*=========================
　　　トップページ
===========================*/
#top_img{
    position: relative;
}
#top_img img{
    width: 100%;
}
#top_img_text{
    position: absolute;
    top: 40%;
    left: 45%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    font-size: 3.4vw;
    line-height: 1.6;
	z-index: 10;
}
#top_contents{
    position: relative;
    padding: 50px 0;
}
#top_contents_left{
    margin-top: -270px;
}
#top_contents_right{
    width: 360px;
}
#top_products_button{
    background: linear-gradient(270deg, rgba(255,0,0,1) 0%, rgba(255,153,0,1) 100%);
    color: #FFF;
    text-align: center;
    font-size: 17px;
    border-radius: 15px;
    padding: 15px 0;
    margin-top: 30px;
    -webkit-transition: all .3s;
    transition: all .3s;
}
#top_products_button:hover {
    border-radius: 30px;
}

/*=========================
　　　ページ共通
===========================*/
#main_area{
	line-height: 1.8;
	letter-spacing: 1px;
}

.page_text, .page_img{
	margin: 15px 0;
}

.post_title{
	text-align: center;
	font-size: 40px;
	margin: 50px 0;
}
.page_rink{
	margin-top:-60px;
	padding-top:60px;
}

.page_table{
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
.page_table th, .page_table td{
	padding: 10px 2%;
}
#pageTop {
	position: fixed;
	bottom: 30px;
	right: 10%;
	z-index: 10
}

.img_text{
/*    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;*/
    text-shadow:2px 1px 3px #000000;
    font-weight: bold;
    white-space: nowrap;
    color: #FFF;
}

/*=========================
　　　カテゴリー
===========================*/
.top-thum.block_left{
    width: 25%;
}
.top_post_list.block_right{
    width: 70%;
}
#top_info article{
    border-bottom: 1px dotted #CCCCCC;
    padding: 30px 5px;
}
.inline_cent.top_ymd{
    color: #999999;
    font-size: 13px;
}
.top_post_title a{
    font-weight: bold;
    font-size: 16px;
}
/*---ページナビ----*/
.paging{
	text-align: center;
	margin: 50px 0 30px 0;
}
.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend { display: inline-block;}
.wp-pagenavi a:hover { display: inline-block;}
.wp-pagenavi span.current{ display: inline-block;}

/*=========================
　　　　固定ページ
===========================*/
.item_name{
    font-size: 30px;
    color: #D82C2C;
    font-weight: normal;
    border-bottom:1px solid #767779;
    display: inline-block;
    padding: 0 0 10px;
    margin: 0 0 10px;
    width: 490px;
}
.page_contents{
    padding: 50px 0;
}

/*=========================
　　　　投稿ページ
===========================*/
#single_main article .post_title{
    text-align: left;
    font-size: 30px;
    border-left: solid 10px #D82C2C;
    padding: 15px 0 15px 4%;
}
#single_main article .single_text{
	line-height: 2;
}
.single_text p{
	margin-bottom: 15px;
}
.single_text a{
    color: #D82D2C;
    text-decoration: underline;
}
.border-b{
	border-bottom: dotted 1px #BFBFBF;
	margin: 50px 0 20px 0;
	clear: both;
}
#page_next{
	margin: 20px 0;
	overflow: hidden;
}
#next{float: right;}
#prev{float: left;}

/*=========================
　　　　商品一覧
===========================*/
.products_list{
    text-align: center;
	margin-bottom: 30px;
}
.products_list li{
    display: inline-block;
    margin: 15px;
}
.products_list img{
    margin-bottom: 10px;
}
.products_list p{
    text-align: left;
    margin-left: 10px;
}
.shop_btn{
	margin: 0 auto 30px auto;
	display: block;
	width: 50%;
	padding: 10px 0;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	border: solid 1px #BBBBBB;
	color: #000;
	border-radius: 5px;
}
.shop_btn:hover{
	background: #D82D2C;
	color: #fff;
	border: solid 1px #BBBBBB;
}

/*=========================
　　　　商品カテゴリー
===========================*/
.products_category{text-align: left;}
.products_category li{
	width: 322px;
	margin: 15px 15px 30px 15px;
	vertical-align: top;
}
.products_category p{
	margin-left: 0;
	text-align: center;
}
/*---ホバーエフェクト---*/
.products_category a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.products_category a:hover, .products_category a:focus, .products_category a:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

/*=========================
　　　　商品詳細
===========================*/
#product_page_l{
	width: 540px;
	float: left;
}
#product_page_r{
	width: 505px;
	float: right;
}
.product_page_text{
	margin-bottom: 40px;
}
#product_page_r table{
	margin: 30px 0;
	width: 100%;
}
#product_page_r td, #product_page_r th{
	border: solid 1px #E8E8E8;
	padding: 10px 2%;
}
#product_page_r th{
	font-weight: normal;
	text-align: left;
	background: #E8E8E8;
	width: 30%;
}
.product_page_award{
    text-align: center;
    line-height: 1.5;
}
.award_left,.award_right{
    width: 50%;
}
.award_text{
    font-size: 25px;
}
.shop_item_btn{
	display: block;
	padding: 10px 0;
	font-size: 17px;
	text-align: center;
	font-weight: 600;
	border: solid 1px #BBBBBB;
	color: #000;
	border-radius: 5px;
	margin-bottom: 10px;
}
.shop_item_btn:hover{
	background: #D82D2C;
	color: #fff;
	border: solid 1px #BBBBBB;
}


/*=========================
　　　　会社案内
===========================*/
.company_bg{
    width: 100%;
    background: url(img/company_bg.jpg) center center / cover no-repeat;
}
.company_idea{
    width: 100%;
}
.company_idea td{
    width: 50%;
}
.company_idea_left{
    text-align: right;
    padding-right: 20px;
}
.company_idea_right{
    text-align: left;
    padding-left: 20px;
}
.business_idea_list{
    text-align: center;
}
.business_idea_list li{
    display: inline-block;
    vertical-align: top;
    width: 32%;
}
.business_idea_list p{
    text-align: left;
    border-left: 8px solid #D82D2C;
    padding: 15px;
    height: 160px;
}
.business_idea_table{
    width: 100%;
}
.business_idea_table td{
    vertical-align: top;
    width: 50%;
    padding-left: 35px;
}
.business_idea_table_left{
    font-size: 47px;
    font-weight: bold;
    color: #D82C2C;
    letter-spacing: 0;
}
.business_idea_b_text{
    font-size: 27px;
    font-weight: bold;
    letter-spacing: 0;
}
.business_idea_s_text{
    font-size: 15px;
    color: #767779;
}
.company_table{
    width: 780px;
    font-size: 15px;
    margin: auto;
    border-collapse: collapse;
}
.company_table th{
    width: 18%;
    vertical-align: top;
    padding: 10px 20px;
    background-color: #EBEBEB;
    font-weight: normal;
    text-align: left;
    border: 1px solid #FFFFFF;
    font-size: 13px;
}
.company_table td{
    width: 82%;
    padding: 10px 20px;
    border: 1px solid #EBEBEB;
    font-size: 15px;
}
.company_table_sub{
    width: 100%;
    border-collapse: collapse;
}
.company_table_sub th{
    width: 25%;
    vertical-align: baseline;
    padding: 0;
    background-color: transparent;
    border: 0px;
}
.company_table_sub td{
    padding: 0;
    border: 0px;
}
.map_button{
    display: inline-block;
    border: 1px solid #EBEBEB;
    font-size: 12px;
    color: #5085F7;
    padding: 0 8px;
    margin-left: 10px;
    vertical-align: middle;
}
.map_button img{
    vertical-align: sub;
    margin-right: 5px;
}

/*=========================
　　　　お問い合わせ
===========================*/
.form-hissu{
    display: block;
    text-align: center;
	color: #FFF;
    background: #C70007;
    width: 30px;
	font-size: 12px;
    margin: auto;
}
.form-btn{
	text-align: center;
}
.form-btn-font-o{
	width: 100%;
	padding: 10px 2%;
	font-size: 16px;
    height: 65px;
	font-weight: 600;
	color: #fff;
	background: #348CCB;
	border-style: none;
}
.form-btn-font-o:hover{
	background: #295ED6;
}
.mw_wp_form_confirm .form-btn-font-o,.mw_wp_form_preview .form-btn-font-o{
    height: auto;
}
.form-btn-font-g{
	width: 100%;
	padding: 10px 2%;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	background: #ada8a8;
	border-style: none;
}
.form-btn-font-g:hover{
	background: #7c7979;
}

.form-bikou{
	width: 100%;
}
.form-btn{
	margin-bottom: 15px;
}
.cont-form table{
	margin: 20px 0;
	width: 100%;
	border-spacing: 1px;
}
.cont-form th, .cont-form td{
	padding: 10px 1% 10px 1%;
	border-bottom: solid 1px #CCCCCC;
}
.cont-form th{
	width: 25%;
    font-size: 16px;
	font-weight: normal;
	text-align: right;
}
.cont-form table input,select,textarea{
    border-radius: 0;
    background: #F2F2F2;
    border: solid 1px #CCC;
    padding: 9px 14px 9px 14px;
    box-sizing: border-box;
    width: 100%;
}
.cont-form table input[type=radio]{
    width: auto;
}
.cont-form table input[type=checkbox]{
    width: auto;
}
.cont-form table input[type=file]{
    width: auto;
}
.cont-form table select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.cont-form table select::-ms-expand{
    display: none;
}
.hissu_table{
    text-align: center;
    width: 6%;
}
.cont-form table select{
    background: #F2F2F2 url(img/arrow.svg) 98% center no-repeat;
}
.privacy_btn a{
	display: block;
	margin-bottom: 10px;
	padding: 5px 0;
	text-align: center;
	background: #F1F1F1;
}
.privacy_btn a:hover{background: #d6d6d6;}

/*=========================
　　　　品質管理
===========================*/
.quality_text{
	margin: 50px 0 70px 0;
}
#quality_list li{
	list-style: decimal;
	margin: 20px 0 20px 22px;
}
.quality_name{
	margin-top: 60px;
	text-align: right;
}

/*=========================
　　プライバシーポリシー
===========================*/
.privacy_list{
	margin: 30px 0;
}
.privacy_list li{
	list-style: disc;
	margin: 5px 0 5px 20px;
}

/*=========================
　　　サイトポリシー
===========================*/
.page_sub_title{
	font-size: 20px;
	border-left: solid 10px #D82C2C;
	padding: 5px 0 5px 20px;
	margin: 50px 0 20px 0;
}
.policy_text{
	font-size: 16px;
	color: #179af9;
}
.policy_block{
	margin: 0 0 60px 3%;
}

/* ============================
　　　　　ワインページ
==============================*/
.yugo{font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;}
/* ======== ワイン一覧 ========== */
.introducepage {
    width: 100%;
    margin: 70px auto;
    border: 1px solid #666666;
    box-sizing: border-box;
}
.introducepage a{
    display: flex;
    align-items: flex-end;
    padding: 45px 50px;
    box-sizing: border-box;
    width: 100%;
    justify-content:space-between;
}
.introducepage a:hover .intro-wine-img img{
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
.intro-wine-img {
    width: 552px;
    text-align: center;
}
.intro-wine-img img{
    margin: 0 auto;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.intropage-catch {
    padding-bottom: 60px;
}
.intropage-item {
    font-size: 22px;
    color: #d82c2c;
    margin-bottom: 20px;
}
.intropage-item span{
    font-size: 19px;
}
.lbtn{
    width: 367px;
    text-align: center;
    background: #e50012;
    color: #ffffff;
    padding: 12px;
    font-size: 15px;
    border-radius: 7px;
    border: 2px solid #e50012;
    box-sizing: border-box;
    transition: all .3s ease;
}
.introducepage a:hover .lbtn{
    background: transparent;
    color: #e50012;
    font-weight:bold;
}
/* =============================== コンチネンタル・韮崎 ============ */
h2.item_name.wp-litem span{font-size: 22px;}
.winpage-topabout {
    width: 100%;
    display: flex;
    align-items: flex-start;
    background: #f7f7f7;
    padding: 40px 50px;
    box-sizing: border-box;
    margin: 30px auto;
    justify-content: space-between;
}
.wpt-img {
    width: 547px;
}
.wpt-img img{width: 100%;}
.wpt-t{
    width: 388px;
}
.wpt-i,
.wd-catch{
    font-size: 22px;
    color: #4c4747;
    font-weight: bold;
    margin-bottom: 20px;
}
.wd-catch{
    position: relative;
    padding-left: 15px;
    line-height: 1.4;
}
.wd-catch::before{
    content: "";
    width: 3.5px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #4c4747;
}
.wine-intro-blk {
    margin: 55px auto 90px;
    max-width: 955px;
}
.wine-intro-flexwrap {
    display: flex;
    margin: 60px auto 50px;
    align-items: flex-start;
    justify-content: space-between;
}
.wine-detail {
    display: flex;
    align-items: flex-start;
}
.wd-message {
    max-width: 309px;
    margin-right: 30px;
}
.wd-producer {
    width: 284px;
}
.wd-p-pic {
    margin-bottom: 14px;
}
.wine-grape {
    width: 301px;
}
.wine-grape img{width: 100%;}
.wp-product-info {
    display: flex;
    align-items: flex-start;
}
.wp-product-info.ns{margin-top: 30px;}
.wp-product-n{
    font-size: 22px;
    color: #4c4747;
    font-weight: bold;
    margin-bottom:7px;
}
.wp-product-t {
    margin-left: 35px;
    width: 659px;
}
.wp-productdetail{
	margin: 20px auto 0px 0;
	display: block;
	width:532px;
	padding: 10px 0;
	text-align: center;
	font-size: 15px;
	border: solid 1px #BBBBBB;
	color: #000;
	border-radius: 5px;
    transition: all .3s ease;
}
.wp-productdetail:hover{
	background: #D82D2C;
	color: #fff;
	border: solid 1px #BBBBBB;
}
.wp-product-img{border: 1px solid #cccccc;}
.wp-product-img.pc_tab {
    width: 239px;
}
.wp-product-img img{width: 100%;}
.youtube-flex-wrap {
    margin: 60px auto 90px;
    display: flex;
    justify-content: space-between;
    max-width: 986px;
}
.youtube-blk {
    width: 478px;
}
.youtube-blk p{
    line-height: 1.4;
    margin-top: 14px;
}
.movie-outer{
    width: 478px;
}
.moviewrap {
    position: relative;
    padding-bottom: 56.25%;
    width: 100%;
    margin: 0px auto;
    height: 0;
    overflow: hidden;
}
.moviewrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.wp-winery {
    margin-top: 25px;
}
/*===========================================================================
　　レスポンシブ設定
=============================================================================*/
   /*=====タブレット=====*/
@media(max-width: 1079px){
	.contents,.page_contents{
		width: 95%;
    }
	.pc{
		display: none;
	}
	.sp_tab{
		display: block!important;
	}
    .block_left,.block_right{
	   float: none;
    }
    
    /*---カテゴリー----*/
    .top-thum.block_left{
        float: left;
    }
    .top_post_list.block_right{
        float: right;
    }
    
    /*----ヘッダー----*/
    #header_left{
        float: left;
        margin: 20px 0;
    }
    #header_right{
        float: right;
        width: 115px;
    }
    #sp-menu_contents{
        margin-top: 50px;
    }
    #sp-menu_contents p{
        padding: 20px 0;
        color: #FFF;
        text-align: center;
        font-weight: bold;
        font-size: 20px;
    }
	.sp_shop{
		background: #FF0000;
		padding: 20px 0;
	}
    
    /*----フッター----*/
    #top_post_box{
        padding: 35px 0 0;
    }
    #top-post li{
        display: inline;
        padding: 0;
    }
    .top-thum{
        text-align: center;
    }
    .top-post-content{
        margin: 0 auto;
    }
    #all-info_sp{
        text-align: center;
        font-size: 17px;
        color: #666666;
        background-color: #D9D9D9;
        margin-top: 25px;
        padding: 25px 0;
    }
    #footer_contents_left,#footer_contents_right{
        width: 100%;
    }
    #footer_contents_left_title,#footer_contents_right_title{
        font-size: 4.6vw;
    }
    #footer_contents_left_text,#footer_contents_right_text{
        font-size: 5vw;
    }    
    #footer_company_table{
        margin: 0 auto;
        width: 90%;
    }
    #footer_company_table th,#footer_company_table td{
        display: block;
    }
    #footer_logo{
        border-right: 0;
        border-bottom: 1px solid #CCCCCC;
    }
    #footer_company_text{
        margin-left: 0;
        margin: 0 auto;
    }
    #footer_g_company_title{
        display: inline-block;
    }
    .footer_g_company_contents{
        display: block;
        margin: 5px;
    }
    #footer_company_text th{
        margin-top: 10px;
    }
	#foot_logo{
		text-align: center;
		font-size: 10px;
		margin: 20px 0;
	}
	#foot_logo span{display: block;}
    
    /*----トップページ----*/
	#top_img_text{top: 50%;}
    #top_contents_left{
        width: 100%;
        margin-top: 0;
        text-align: center;
    }
    #top_contents_right{
        width: 100%;
        margin-top: 50px;
    }
    
    /*----会社案内----*/
    .company_idea{
        width: 490px;
        margin: auto;
    }
    .company_idea td{
        width: 100%;
    }
    .company_idea_left,.company_idea_right{
        display: block;
        text-align: center;
        padding: 0;
    }
    .company_idea_left{
        margin: 0 auto 20px;
    }
    .business_idea_list li{
        width: 100%;
        margin-bottom: 20px;
    }
    .business_idea_list p{
        height: auto;
    }
    .business_idea_table td{
        display: block;
        width: 100%;
        padding: 0;
    }
    .business_idea_table_left{
        text-align: center;
        margin-bottom: 20px;
    }
    #scroll_advice{
        margin-top: 10px;
        color: #D82D2C;
    }
    .scroll_table{
        overflow: auto;/*tableをスクロールさせる*/
        white-space: nowrap;/*tableのセル内にある文字の折り返しを禁止*/
    }
	.company_table{
		width: 100%;
	}
	
	/*---商品カテゴリー---*/
	.products_category li{
		width: 47%;
		margin: 15px 0 30px 2%;
	}
	
	/*---商品詳細-----*/
	#product_page_l{width: 47%;}
	#product_page_r{width: 50%;}
    .award_left,.award_right{
        width: 100%;
    }
    .award_left{
        margin-bottom: 20px;
    }
    /* ================ ワインページ ========== */
    /* ------ ワイン一覧 -------- */
    .intro-wine-img {width:54%;}
    .lbtn {width:100%;}
    /* ------------------- コンチネンタル・韮崎 -------- */
    .wpt-img {
        width: 547px;
        width: 47%;
    }
    .wpt-t{width: 48%;}
    .youtube-blk {
        width: 48.5%;
    }
    .movie-outer {width: 100%;}
}
@media(max-width:1000px){
    /* ================ ワインページ ========== */
    /* ------------------- コンチネンタル・韮崎 -------- */
    .wine-detail {
        width: 67%;
    }
    .wine-grape {
        width: 31%;
    }
    .wd-message {
        margin-right:20px;
        max-width: 53%;
    }
    .wd-producer {
        width: 42%;
    }
}
@media(max-width:900px){
    /* ================ ワインページ ========== */
    /* ------ ワイン一覧 -------- */
    .introducepage a {
        padding: 35px 30px;
    }
    .intropage-catch {
        padding-bottom: 24px;
    }
    /* ---------------------- コンチネンタル・韮崎 --------- */
    .wine-detail {
        flex-direction: column-reverse;
        width: 56%;
    }
    .wd-message {
        margin-right:0px;
        max-width: 100%;
        margin-top: 25px;
    }
    .wd-producer {
        width: 100%;
    }
    .wine-grape {
        width: 41%;
    }
}
   /*=====スマホ=====*/
@media(max-width: 759px){
	.sp{
		display:block!important;}
	
	.pc_tab{
		display: none;
	}
    
    /*---カテゴリー----*/
    .top-thum.block_left{
        float: none;
        width: 100%;
        margin: 0 auto 10px;
    }
    .top_post_list.block_right{
        float: none;
        width: 100%;
    }    

    /*----ヘッダー----*/
    #header_left{
        width: 60%;
        margin: 15px 0;
    }
    #header_right{
        float: right;
        width: 75px;
    }
    
    /*----フッター----*/
    .top-thum{
        text-align: center;
    }
    .top-thum img,.top-post-content{
        width: 100%;
    }
	.foot_policy{margin-top: 15px;}
    
    /*----トップページ----*/
    #top_img_text{
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit- transform: translateY(-50%) translateX(-50%);
        font-size: 6vw;
    }
    
    /*----固定ページ----*/
    .item_name{
        padding: 0 0 10px;
        width: 100%;
        font-size: 28px;
    }
    
    /*----会社案内----*/
    .company_idea{
        width: 100%;
    }
    .business_idea_table_left{
        font-size: 28px;
    }
    .business_idea_b_text{
        font-size: 20px;
    }
    .business_idea_s_text{
        font-size: 14px;
    }
	.company_table th, .company_table td{
		display: block;
		width: 100%;
	}
	.company_table_sub td{padding-bottom: 15px;}
    
    /*----お問い合わせ----*/
    .cont-form th, .cont-form td{
		display: block;
        padding: 5px 2%;
        text-align: left;
        border: none;
	}
    .cont-form td{
        border-top: 1px solid #CCC;
        padding-top: 10px;
    }
    .mw_wp_form_preview .cont-form td{
        padding-top: 5px;
    }
    .contact-form p{
        float: none;
        display: inline-block;
    }
    .contact_item{
        display: inline!important;
    }
    .hissu_table{
        display: inline!important;
        text-indent: 0!important;
        border: none!important;
    }
	.form-hissu{
		display: inline-block;
		margin-bottom: 5px;
	}
	.cont-form th, .cont-form td{
		padding: 25px 2%;
	}
	
	/*----商品カテゴリー----*/
	.products_category li{
		display: block;
		width: 100%;
		margin: 15px 0 55px 0;
		text-align: center;
	}
	.shop_btn{width: 100%;}
	
	/*---商品詳細-----*/
	#product_page_l, #product_page_r{
		float: none;
		width: 100%;
	}
	#product_page_l{margin-bottom: 30px;}
    /* ================== ワインページ =============== */
    /* ----------- ワイン一覧 ---------------- */
    .introducepage{
        margin:50px auto 30px;
    }
    .introducepage a {
        flex-direction: column;
        padding: 20px 15px 0px;
    }
    .intro-wine-img {
        width: 100%;
    }
    .intropage-catch {
        margin: 30px auto 0;
        width: 98%;
    }
    .intropage-item {
        font-size: 18px;
        line-height: 1.5;
    }
    .intropage-item span {
        font-size: 15.5px;
    }
    .dailywine {
        margin-top: 80px;
    }
    /* ---------------------- コンチネンタル・韮崎 ------------ */
    h2.item_name.wp-litem {font-size: 22px;}
    h2.item_name.wp-litem span {font-size: 18px;}
    .wine-intro-blk {
        margin: 100px auto 60px;
    }
    .winpage-topabout {
        flex-direction: column-reverse;
        padding: 30px 20px;
    }
    .wpt-img,
    .wpt-t{
        width: 100%;
    }
    .wpt-img{margin-top: 20px;}
    .wine-intro-flexwrap {
        flex-direction: column;
        margin: 35px auto 35px;
    }
    .wine-detail,
    .wine-grape,
    .wp-product-t{
        width: 100%;
    }
    .wd-message {margin-bottom: 20px;}
    .wp-product-t {
        margin-left: 0px;
    }
    .wp-product-info {
        width: 100%;
        display: block;
    }
    .wp-product-info.ns{margin-top: 50px;}
    .wp-product-img.sp{margin: 20px auto 15px;}
    .wp-product-img.sp img{
        width: 100%;
    }
    .wp-productdetail {
        margin: 20px auto 0px;
        max-width: 532px;
        width: unset;
    }
    .wpt-i, .wd-catch {
        font-size: 18px;
        margin-bottom: 12px;
    }
    .wp-product-n {
        font-size: 18px;
        margin-bottom: 7px;
    }
    .youtube-flex-wrap {display: block;}
    .youtube-blk {width: 100%;}
    .youtube-blk:nth-of-type(2){margin-top: 28px;}

}