@charset "UTF-8";
/*------------------------------------------------------

初期設定

------------------------------------------------------*/
*{
	font-weight: 300;
	box-sizing: border-box;
    font-family: 'Noto Sans JP', sans-serif;
	font-size:16px;
	background-color:transparent;
}
.clear{
	clear: both;
}
.smp-only{
	display: none;
}
.pc-only{
	display: block;
}
@media screen and (max-width: 736px) {
*{
	font-size:14px;
}
.smp-only{
	display: block;
}
.pc-only{
	display: none;
}
}

#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #00aeef;
  z-index: 1;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 2;
}

/*------------------------------------------------------

初期設定2

------------------------------------------------------*/
ul{
	list-style:none;
}
a {
    /*color: #00aeef;*/
}
a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
b, strong {
    font-weight: 600;
}
@media screen and (max-width: 736px) {
a{
	text-decoration: none;
}	
img{
	width: 100%;
}
}

/*--------------------------------------------------------

ページネーション

--------------------------------------------------------*/
.wp-pagenavi{
	clear: both;
	text-align:center;
    margin-top: 30px;
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 10px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}




/*------------------------------------------------------

ヘッダー

------------------------------------------------------*/
header{
	text-align: center;
	padding:10px 0;
	position: relative;
	background-color:#FFFFFF;
}
.fixed {
    position: fixed;
    top: 0;
/*	padding: 0;*/
    width: 100%;
    z-index: 1000;
	transition: .3s;
	background-color:#FFFFFF;
	border-bottom: #dddddd 2px solid;
}
header img{
	vertical-align: middle;
}
.header-inner{
	max-width: 1000px;
    width: 96%;
	margin:0 auto;
	display:flex;
	justify-content: space-between;
	align-items: center;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all  0.6s ease;
	position: relative;
}
header.fixed .header-inner{
	max-width:96%;
	width:96%;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all  0.6s ease;
}
.logo-yoko{
	z-index:10;
}
.logo-yoko img{
	width:80px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
header.fixed .logo-yoko img{
	width: 80px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.header-inner ul{
	position:relative;
	text-align:right;
	right:-15px;
}
header li{
	display: inline-block;
}
header li:last-child{
	margin-right:0;
}

/*
#panel .nav{
	display: none;
}
*/
.nav a{
 color: #444444;
 font-size: 15px;
 text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	font-family: 'Noto Serif JP', serif;
	letter-spacing: 0.5px;
	display: block;
    padding: 15px 20px;
}
.nav a:hover{
	/*color: #bcebff;*/
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

header li.sp_only,
header li.sns_icon{
	display:none;
}

header.fixed li.sp_only{
	display:inline-block;
}


header.fixed li.sns_icon{
	display: inline-block;
}
header.fixed li.sns_icon:last-of-type{
    margin-right: 0;
}
header.fixed li.sns_icon a{
    padding: 10px 6px;
}
header.fixed li.sns_icon:last-child a{
    padding-right:0;
}
header.fixed li.sns_icon a i{
	font-size: 20px;
    position: relative;
    bottom: -2px;
}

#panel-btn{
	display:none;
}
@media screen and (max-width: 1439px) {
.nav a{
    padding: 15px;
}
}

@media screen and (max-width: 970px) {
header {
	width:100%;
	padding:15px 0;
/*
	display:flex;
	justify-content: space-between;
	align-items: center;
*/
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	z-index:600;
}
header img {
    vertical-align: middle;
    width: 40px;
}
#panel-btn{
	display:block;
	z-index:200;
}

#panel-btn-icon{
  display: block;
  right: 0;
  width: 30px;
  height: 3px;
  background: #444444;
  transition: .2s;
  border-radius: 2px;
  position: absolute;
}
#panel-btn-icon:before, #panel-btn-icon:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 30px;
  height: 3px;
  background: #444444;
  transition: .3s;
  	border-radius: 2px;	
}
#panel-btn-icon:before{
  margin-top: -10px;
}
#panel-btn-icon:after{
  margin-top: 7px;
}
.open #panel-btn-icon{
  background: transparent;
}
.open #panel-btn-icon:before, .open #panel-btn-icon:after{
  margin-top: 0;
  background: #f8f8f8;
}
.open #panel-btn-icon:before{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.open #panel-btn-icon:after{
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
#panel{
	position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    background-color: rgba(81, 81, 81, 1);
    width: 0;
    z-index: 20;
    padding-top: 100px;
    padding-bottom: 100px;
    -webkit-transition: all 600ms ease-out;
    -o-transition: all 600ms ease-out;
    transition: all 600ms ease-out;
    overflow:scroll;
    border-bottom: none;
}
.open #panel {
	width: 100%;
    padding: 100px 0;
}
header ul{
	position: relative;
}
.header-inner ul{
	text-align: center;
	right:0;
}
header li{
	display: block;
}

#panel a{
	color: #FFF;
	display: block;
	padding: 20px;
	border-bottom:1px solid #CCC;
	width: 80%;
    margin: 0 auto;
}
#panel ul li:first-child a{
	border-top:1px solid #CCC;
}
#panel a:hover{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
header li.sp_only{
	display:block;
}
header.fixed li.sp_only{
	display:block;
}

header li.sns_icon{
	display:inline-block;
}
header.fixed li.sns_icon{
	display:inline-block;
}
header #panel li.sns_icon a,
header #panel .fixed li.sns_icon a{
	border-bottom:none;
}

header li.sns_icon a i{
	font-size: 26px;
}
header.fixed li.sns_icon a i{
	font-size: 26px;
    position:static;
}
}
@media screen and (max-width:599px){
header{
    padding: 10px;
}
/*
#panel-btn-icon{
  right: 10px;
}
*/
.logo-yoko img{
	width:80px;
	/*position: relative;
    top: -5px;
	*/
}
header.fixed .logo-yoko img{
	width: 60px;
}
}




/*------------------------------------------------------

メインビジュアル

------------------------------------------------------*/
.index .mainvisual{
	position: relative;
	text-align: center;
	font-size: 0;
}
.index .mainvisual .bg {
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.index .mainvisual:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.1); /*半透明のフィルターをかける*/
}

.index h2.main_ttile{
	display:block;

	/*padding:220px 0 160px;*/
	z-index:1;
	-webkit-font-smoothing: antialiased;
	writing-mode: vertical-rl;
    font-feature-settings: "vert";
    letter-spacing: 0.3rem !important;
	font-size:20px;
	color:#FFFFFF;
	font-family: 'Noto Serif JP', serif;
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  margin: auto;
  text-align: start;
	font-weight:bold;
   text-shadow: 1px 2px 2px #707070;
}

/*
.index h2{
	padding:220px 0 160px;
	position: relative;
	z-index:1;
	max-width:850px;
	width:100%;
	margin: 0 auto;
}
.index h2 img{
	width:100%;
}
.index .mainvisual .bg{
	position: absolute;
	width: 100%;
	height:100%;
	top: 0;
    left: 0;
	object-fit: cover;
}
*/
@media screen and (max-width: 970px) {
.index h2 img{
	width:90%;
}
}





/*------------------------------------------------------

コンテンツ共通部分

------------------------------------------------------*/
/*トップページ・コンテンツタイトル*/
.index h3{
	text-align: center;
	clear:both;
	font-size: 20px;
	letter-spacing: .15em;
	color: #000;
	margin:0 0 40px 0;
	font-family: 'Noto Serif JP', serif;
}
.index h3:after{
	content: "";
    border-bottom: 4px solid #CCCCCC;
    display: block;
    padding: 10px 0 0 0;
    margin: 0 auto;
    width: 20px;
}
/*フェードイン起動のインナーdiv*/
.inner{
	max-width: 1000px;
	width:90%;
	margin:0 auto;
}
/*フェードイン*/
.fadein {
    opacity: 0.1;
    transition: all 500ms;
}
.fadein.scrollin {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) !important;
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
    -moz-transform: translate3d(0px, 0px, 0px) !important;
    -ms-transform: translate3d(0px, 0px, 0px) !important;
    -o-transform: translate3d(0px, 0px, 0px) !important;
    transition: transform 1000ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1000ms cubic-bezier(0.25, 0.1, 0.25, 1) !important;
    -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1000ms cubic-bezier(0.25, 0.1, 0.25, 1) !important;
    -moz-transition: -moz-transform 1000ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1000ms cubic-bezier(0.25, 0.1, 0.25, 1) !important;
    -o-transition: -o-transform 1000ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1000ms cubic-bezier(0.25, 0.1, 0.25, 1) !important;
    -ms-transition: -ms-transform 1000ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1000ms cubic-bezier(0.25, 0.1, 0.25, 1) !important;
}
@media screen and (max-width: 736px) {
.index h3 {
    margin: 0 0 20px 0;
}
}




/*------------------------------------------------------

メインビジュアルと新着の間にバナー挿入

------------------------------------------------------*/
.top-bnr{ text-align:center;}
.top-bnr a{margin:50px auto 0; display:block;}
.top-bnr a img{max-width:970px; width:90%;}




/*------------------------------------------------------

新着情報

------------------------------------------------------*/
.index .area01{
	/*background: #f2fbff;*/
	padding:50px 0 70px 0;
}
.index .area01 dl{
	padding:15px 50px;
	font-size: 14px;
	overflow: hidden;
	margin:10px 0;
	background: #f8f8f8;
	display:flex;
	flex-direction:row;
}
.index .area01 dl:hover{
	background-color:#dddddd;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;		
}
.index .area01 dt{
	float: left;
	margin:0 50px 0 0;
}
.index .area01 dd{
/* 	float: left; */
	width:70%;
	display:flex;
}
.index .area01 .date{
	padding:0 35px 0 0;
}
.index .area01 .inner a{
	color: #000;
}
.index .area01 .inner a:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.label-blue{
	background: #444444;
	color: #fff;
	text-align: center;
	padding:6px 15px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;		
}
.line-blue{
	border:1px solid #00aeef;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;		
	padding:10px 20px;
	color: #00aeef;
	font-weight: bold;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.line-blue:hover{
	color: #000000;
    border:1px solid #000000;

}
.label-org{
	background: #444444;
	color: #fff;
	text-align: center;
	padding:6px 15px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;		
}
.more-link{
	color: #313131;
	padding: 5px 5px 5px 0;
	text-align: center;
	border:1px solid #AAAAAA;
	width: 180px;
	margin:30px auto 0 auto;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	display: block;
	text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.more-link:after{
	font-size: 10px;
	content:">";
	color: #313131;
    position: relative;
    top: -2px;
    right: -10px;
    width: 180px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;    	
}
.more-link:hover {
	background-color: #313131;
    border:1px solid #313131;
	color:#FFFFFF;
}
.more-link:hover:after {
	color: #FFFFFF;
}

@media screen and (max-width: 736px) {
.index .area01 {
    padding: 30px 0;
}
.index .area01 dt {
    float: none;
    text-align: right;
    margin:  0;
	position: relative;
    top: -13px;
    right: -10px;
}
.index .area01 dd {
    float: none;
    position: relative;
    top: -20px;    
	display:block;
	width:100%;
}
.index .area01 dl {
    padding: 15px 10px 0px 10px;
    font-size: 14px;
    overflow: visible;
    margin: 10px 0;
	display:block;
}
.index .area01 .date {
    display: block;
}
.label-org,
.label-blue {
    padding: 3px 10px;
    font-size: 12px;
	border-top-left-radius : 0px;
	-webkit-border-left-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-bottom-right-radius : 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
}
.more-link {
	font-size: 13px;
    margin: 20px auto 0 auto;
	padding: 10px 5px 10px 0;
}

}


/*------------------------------------------------------

TOPのyoutube挿入

------------------------------------------------------*/
.youtube_wrap{
    background: #f8f8f8;
    text-align: center;
    padding: 60px 0;
	margin:0 auto;
}
.youtube_box{
	max-width:1000px;
	width:100%;
	margin:0 auto;
}
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 1000px) {
.youtube_wrap{
    background: #f8f8f8;
    text-align: center;
    padding: 0;
	margin:0 auto 70px;
}
}


















/*------------------------------------------------------

こだわり

------------------------------------------------------*/
.index .area02{
	background: #fff;
	overflow: hidden;
	padding: 50px 0 70px 0;
}

.index .area02 .kodawari_box_wrap{
	width:90%;
	margin:0 auto;
	overflow-x:auto;
	white-space: nowrap;
    -webkit-overflow-scrolling: touch;
	padding-bottom:1.5vw;
}
/*===========
scrollbar
===========*/
.index .area02 .kodawari_box_wrap::-webkit-scrollbar {/*スクロールバー全体の高さ*/
  height: 7px;
}
.index .area02 .kodawari_box_wrap::-webkit-scrollbar-track {/*スクロールバー全体の背景*/
  background: #f8f8f8;
  border-radius:50px;
}
.index .area02 .kodawari_box_wrap::-webkit-scrollbar-thumb {/*スクロールバーの動く部分*/
  background: #444444;
  border: none;
  border-radius:50px;
}
.index .area02 .kodawari_box_wrap::-webkit-scrollbar-thumb:hover {/*スクロールバーの動く部分のホバー（マウスオーバー）*/
  background:#e2041b;
}

.index .area02 .kodawari_box{
	/*display:flex;*/	
}
.index .area02 .kodawari_box > div{
	/*flex-grow: 1;
	flex-shrink: 1;
	
	width: 100%;
    overflow: hidden;
    object-fit: cover;*/
	display: inline-block;
	margin-right:1%;
	width: 27%;
}
.index .area02 .kodawari_box div:last-child{
	margin-right:0;
}
.index .area02 .kodawari_box div a{
	display: block;
    text-decoration: none;
    color: #000000;
	position:relative;
}
.index .area02 .kodawari_box div a:hover{

}
.index .area02 .kodawari_box div a img{
	width: 100%;
	height: 20vw;
    vertical-align: middle;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	object-fit: cover;
}
.index .area02 .kodawari_box div a img:hover{
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all  0.6s ease;
	opacity:1;
}
/*
.index .area02 .kodawari_box div a .mask {
	width:			100%;
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	opacity:		0;
	background-color:	rgba(0,0,0,0.3);
	-webkit-transform:	rotateY(-180deg);
	transform:		rotateY(-180deg);
	-webkit-transition:	all 0.6s ease;
	transition:		all 0.6s ease;
}
.index .area02 .kodawari_box div a:hover .mask {
	-webkit-transform:	rotateY(0deg);
	transform:		rotateY(0deg);

	opacity:		1;
}
*/
.index .area02 .kodawari_box div a .caption{
	display: block;
    text-align: center;
    font-weight: 400;
	font-family: 'Noto Serif JP', serif;

}
/*
.index .area02 a{
	display: block;
text-decoration: none;
	overflow: hidden;
	float: left;
	text-align: center;
	width: 33.3333%;
	font-size: 18px;
}
.index .area02 dt img{
	width: 100%;	
}
.index .area02 a{
	color: #000;
     -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;	
    line-height: 0;
}
.index .area02 a:hover{
	color: #00aeef;
}
.index .area02 dt{
	position:		relative;
}
.index .area02 dt .caption {
	font-size:		25px;
	font-weight: 600;
	color:			#fff;
	text-align: 		center;
	margin-top:38%;
	letter-spacing: .2em;
	font-family: 'Noto Serif JP', serif;
	/*text-shadow:0 1px 0 #000;
}
.index .area02 dt .mask {
	width:			100%;
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	opacity:		0;
	background-color:	rgba(0,0,0,0.5);
	-webkit-transform:	rotateY(-180deg);
	transform:		rotateY(-180deg);
	-webkit-transition:	all 0.6s ease;
	transition:		all 0.6s ease;
}
.index .area02 dt:hover .mask {
	-webkit-transform:	rotateY(0deg);
	transform:		rotateY(0deg);
	opacity:		1;
}
*/
@media screen and (max-width: 768px) {
.index .area02{
	padding: 0 0 50px 0;
}
.index .area02 .kodawari_box_wrap{
	width:100%;
	padding-bottom:2vw;
}
/*.index .area02 {
    padding:0 0 10px;
}

.index .area02 .kodawari_box{
	display:block;
}
.index .area02 .kodawari_box div{
	margin-right:0;
	width:100%;
}
.index .area02 .kodawari_box div .kodawari_img{
	height:220px;
	object-fit: cover;
    overflow: hidden;
	margin-bottom:20px;
}
*/
.index .area02 .kodawari_box > div{
	width: 45%;
}
.index .area02 .kodawari_box div a img{
	height: 33vw;
}

.index .area02 .kodawari_box div a img{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
}
/*
.index .area02 .kodawari_box div a .mask {
	width:			100%;
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	background-color:	rgba(0,0,0,0.3);
	-webkit-transition:	all 0.6s ease;
	transition:		all 0.6s ease;
	opacity:		1;
}
.index .area02 .kodawari_box div a:hover .mask {
	opacity:		0;

}
.index .area02 .kodawari_box div a .caption{
	color:#FFFFFF;
	position:absolute;
	top:50%;
	width:100%;
	height:50%;
	overflow:hidden;

}
*/
}
@media screen and (max-width: 559px) {
.index .area02 .kodawari_box > div {
    width: 75%;
}
.index .area02 .kodawari_box div a img{
	height: 60vw;
}
}
/*
@media screen and (max-width:425px){
.index .area02 .kodawari_box div .kodawari_img{
	height: 270px;
	margin-bottom:10px;
}
}
*/
.quality-bottom-txt{
	padding-bottom:40px;
}






/*------------------------------------------------------

酒造りについてセクション

------------------------------------------------------*/
.index .area03{
	background: #333333;
	text-align: center;
	padding:120px 0 20px 0;
}
.index .area03 .area03_inner{
}
.index .area03 .area03_inner .text_title{
	display: block;
    color: #FFFFFF;
    font-size: 50px;
    font-family: 'Noto Serif JP';
    font-weight: 500;
	margin-bottom: 20px;
}
.index .area03 .area03_inner .text_box{
	display: block;
    color: #FFFFFF;
    font-family: 'Noto Serif JP';
    font-size: 20px;
    line-height: 1.8;
}
.index .area03 .area03_inner .text_box br{
	display:block;
}
.index .area03 .area03_inner .text_box br.mb_only{
	display:none;
}
.index .area03 .more-link{
	margin:50px auto;
	border:1px solid #fff;
	color: #fff;
	max-width: 280px;
    width: 90%;
     -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;		
}
.index .area03 .more-link:after{
	color: #fff;	
}
.index .area03 .more-link:hover {
border:1px solid #FFFFFF;
color: #333333;
background-color:#FFFFFF;
}
.index .area03 .more-link:hover:after {
color: #333333;
}
.index .area03 img{
	vertical-align: bottom;
	max-width:1004px;
	width: 90%;
}
@media screen and (max-width: 736px) {
.index .area03{
	padding:50px 0 20px 0;
}
.index .area03 .area03_inner{
	width: 90%;
    margin: 0 auto;
}
.index .area03 .area03_inner .text_title{
    font-size: 40px;
	margin-bottom: 20px;
}
.index .area03 .area03_inner .text_box{
    font-size: 16px;
    line-height: 1.8;
}
.index .area03 .more-link{
	margin:30px auto;
}
}
@media screen and (max-width: 570px) {
.index .area03 .area03_inner .text_box{
    font-size: 14px;
    line-height: 1.8;
}
.index .area03 .area03_inner .text_box br{
	display:none;
}
.index .area03 .area03_inner .text_box br.mb_only{
	display:block;
}

}


















/*------------------------------------------------------

売店のご案内

------------------------------------------------------*/
.index .area04{
	padding: 100px 0 0 0;
}
.index .area04 dl{
	max-width:1000px;
	width:90%;
	margin:30px auto;
	overflow: hidden;
	display:flex;
	justify-content: center;
	align-items: center;
}
.index .area04 dt{
	width: 45%;
	margin-right:5%;
}
.index .area04 dt img{
	max-width: 450px;
    width: 100%;
    min-height: 450px;
    object-fit: cover;
}
.index .area04 dd{
	/*padding:0 0 0 70px;*/
	width: 50%;
}
.index .area04 h4{
	font-weight: 400;
	margin:0 0 40px 0;
}
.index .area04 li{
	font-size: 15px;
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}
.index .balloon{
	min-width:90px;	
	margin:0 30px 0 0;
	
}
.special-page .balloon{
	min-width:135px;
	margin:0 30px 0 0;
}
.balloon {
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 3px 15px;
	width: auto;
	margin:0 30px 15px 0;
	line-height: 22px;
	color: #fff;
	text-align: center;
	background: #444444;
	z-index: 0;
	font-size: 13px;
	
}
.balloon:before {
	content: "";
	position: absolute;
	top: 50%; right: -4px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 0 9px 9px;
	border-color: transparent transparent transparent #444444;
	z-index: 0;
}
.btn_link{
}
.btn_link a{
	width: 100%;
	padding: 10px 5px 10px 0;
}
.btn_link a:hover{
}
@media screen and (max-width: 768px) {
.index .area04 dl{
	display:block;
}
.index .area04 dt{
	width: 100%;
	margin-right:0;
}
.index .area04 dd{
	width:auto;
	margin:0 auto;
}
.index .area04 dt {
    width: 100%;
}
.index .area04 dt img {
    width: 100%;
    height: 100%;
    min-height: 100%;
    max-width: 100%;
}
.index .area04 dd {
    width: 100%;
    padding: 20px 0;
}
.index .area04 h4 {
    margin: 0 0 20px 0;
}
.index .area04 h4 br{
	display: none;
}
}
@media screen and (max-width: 736px) {
.index .area04 {
    padding: 30px 0 0 0;
}
.index .area04 h4 {
	font-size:14px;
}
.index .area04 li{
    margin-bottom: 10px;
}
.index .balloon {
    min-width: 90px;
    margin: 0 10px 0 0;
}
}









/*------------------------------------------------------

マップ

------------------------------------------------------*/
.index .area05{
	padding: 100px 0 1px 0;
}
#map_canvas1{
	width: 100%;
	height:500px;
}
@media screen and (max-width: 736px) {
.index .area05 {
    padding: 0 0 1px 0;
}
#map_canvas1 {
    width: 100%;
    height: 400px;
}
}



/*------------------------------------------------------

下部のバナー類

------------------------------------------------------*/
.sp-bnr{
	max-width:970px;
	width:90%;
	margin:20px auto;
}
.sp-bnr img{
	width:100%;
}
@media screen and (max-width: 736px) {
/*.sp-bnr{
	width:auto;
	margin:20px auto;
}
*/
}



/*------------------------------------------------------

フッター

------------------------------------------------------*/
footer{
	background: #f8f8f8;
	padding:0 0 40px 0;
	overflow: hidden;
}
footer .logo img{
	width: 80px;
	height:auto;
	margin:40px 0 25px 0;
}
footer .logo{
	text-align: center;
	margin:0 0 50px 0;
	color: #818182;
}
footer .bottom{
}
footer .left_box{
	text-align: center;
}
footer .left_box h5{
	font-size: 24px;
    color: #313131;
    letter-spacing: .05em;
    font-family: 'Noto Serif JP', serif;
    font-weight: 500;
	margin-bottom: 5px;
}
footer .left_box p{
	color: #313131;
	font-size: 14px;
	letter-spacing: 0.5px;
}
footer ul{
    margin: 20px 0 5px 0;
    display: flex;
	flex-wrap:wrap;
    justify-content: center;
}
footer li{
/*	text-align: right;
	margin:0 0 0 20px;*/
	margin-bottom: 10px;
}
footer .copy{
	clear: both;
	font-size: 12px;
	color: #313131;
	text-align: right;
	padding:20px 0 0 0;
}
.pt40{
	padding-top:40px;
}
footer li a{
	color: #444444;
	text-decoration: none;
	font-size: 13px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	padding: 5px 10px;
}
footer li a:hover{
	opacity:0.8;
}
footer hr {
	height: 3px;
	background: #d9f2fd;
	border: none;
	color: #fff;
}
footer .onlinestore a{
	background: #e2041b ;
	color: #fff;
	padding: 4px 15px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
}
footer .onlinestore a:hover{
	background: #e2717c;
	color: #fff;	
}
.footer-pic{
	text-align:center;
}
.footer-pic img{
	vertical-align: bottom;
    max-width: 100%;
}
footer .sns_box{
	display: flex;
	margin: 10px 0;
	justify-content: center;
}
footer .sns_box span{
	margin-left: 5px;
}
footer .sns_box span:first-child{
	margin-left: 0;
}
footer .sns_box span a{
    color: #FFF;
    display: block;
    padding: 21px 21px;
    position: relative;
    border-radius: 50%;
    background: #555555;
}
footer .sns_box span a:hover{
	background: #666;
}
footer .sns_box span a i{
	font-size: 18px;
    position: absolute;
    top: 30%;
    bottom: auto;
    left: 33%;
    right: auto;
}
@media screen and (max-width: 1036px) {
footer .bottom{
	display:block;
	text-align: center;
}
footer .left_box,
footer .right_box{
	display:block;
}
footer .sns_box{
	justify-content: center;
	margin-bottom:30px;
}
/*
footer ul{
	text-align: center;
	display: flex;
	justify-content: center;
	margin: 0 0 10px 0;
}
footer ul:first-of-type{
	position: relative;
    left: -10%;
}
footer li {
    display: block;
    text-align: center;
    margin: 0 10px;
}*/
}
@media screen and (max-width: 736px) {
footer .bottom{
	width:100%;
}
/*
footer .left_box {
    float: none;
    line-height: 26px;
	width:90%;
	margin:0 auto;
}
footer .right_box {
    float: none;
    width: auto;
}
*/
footer ul{
	    text-align: left;
	    display: inline;
}
footer ul:first-of-type{
	position:static;
}
footer li {
    display: block;
width: 100%;
    text-align: left;
    margin: 0;
    padding:0;
    border-top:1px solid #DDDDDD;
    
}
footer li a {
	background: #444444;
    font-size: 12px;
    display: block;
    padding: 10px 15px;
    color: #FFFFFF;  
}
footer li a:before{
	content:"\0025b6\00fe0e";
	margin:0 5px 0 0;
	font-size: 5px;
}
footer .onlinestore a{
	border-radius:0;
	padding: 10px 15px 14px;
}
footer .copy {
	font-size: 10px;
    text-align: center;
}
footer {
    padding: 0 0 20px 0;
    overflow: hidden;
}
}



































.special-page .mainvisual {
	text-align: center;
}
.special-page .mainvisual img{
	width: 900px;
}






/*------------------------------------------------------

全ページ共通設定

------------------------------------------------------*/
.store h2,
.special-page h2,
.goods h2,
.news h2,
.brewing h2,
.order h2,
.privacy h2,
.law h2,
.products h2,
.philosophy h2,
.contact h2,
.company h2,
.quality h2{
	text-align: center;
	font-size: 26px;
	letter-spacing: .15em;
	color: #000;
	margin:40px 0 40px 0;
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
}
.store h2:after,
.special-page h2:after,
.goods h2:after,
.news h2:after,
.brewing h2:after,
.order h2:after,
.privacy h2:after,
.law h2:after,
.products h2:after,
.philosophy h2:after,
.contact h2:after,
.company h2:after,
.quality h2:after{
	content: "";
    border-bottom: 4px solid #CCCCCC;
    display: block;
    padding: 10px 0 0 0;
    margin: 0 auto;
    width: 20px;
}
@media screen and (max-width: 736px) {
}
@media screen and (max-width: 599px) {
.store h2,
.special-page h2,
.goods h2,
.news h2,
.brewing h2,
.order h2,
.privacy h2,
.law h2,
.products h2,
.philosophy h2,
.contact h2,
.company h2,
.quality h2{
	font-size: 20px;
	letter-spacing: .1em;
	margin:40px 0 20px 0;
}
}



/*------------------------------------------------------

外枠共通設定

------------------------------------------------------*/
.inner700{
	max-width: 800px;
	width:90%;
	margin:0 auto;
}
.inner900{
	max-width: 1000px;
    margin: 0 auto;
    width: 90%;
}
/*
@media screen and (max-width:899px){
.add .inner900{
	width: 94%;
	margin:0 auto;
}
}
@media screen and (max-width:736px){
.inner700 {
    width: 90%;
    margin: 0 auto;
}
}
.inner900 {
    width: 90%;
    margin: 0 auto;
}
*/







/*------------------------------------------------------

コンタクトフォーム系・共通設定

------------------------------------------------------*/
.special-page input[type="text"],
.special-page input[type="email"],
.contact input[type="text"],
.contact input[type="email"]{
	border-bottom:1px solid #ccc;
	padding: 8px 10px 8px 10px;
	width: 100%;
	outline:0;
}
textarea{
	padding: 14px;
	border:1px solid #ccc;	
	width: 100%;
	height:200px;
	outline:0;
}
.special-page .area01 li{
	margin:0 0 30px 0;
}
.thanks{
	padding:100px 0;
}
.special-page input[type="submit"],
.contact input[type="submit"]{
	color: #313131;
	padding:10px 0;
	text-align: center;
	border:1px solid #313131;
	width: 180px;
	margin:50px auto 0 auto;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	display: block;
	text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    outline:0;
}
.contact input[type="submit"]:hover {
	background-color: #313131;
    border:1px solid #313131;
	color:#FFFFFF;
}
@media screen and (max-width: 736px) {
.special-page input[type="text"], .special-page input[type="email"],
.contact input[type="text"], .contact input[type="email"] {
    width: 100%;
    outline: 0;
	padding: 18px 10px 18px 10px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;

}
textarea {
    height: 200px;
    outline: 0;
}
}



/*------------------------------------------------------

こだわりのページ+酒造りのページ共通設定

------------------------------------------------------*/
.quality,
.brewing{
    max-width: 1440px;
    margin: 0 auto;
    width: 90%;
}


























.special-page .btn{
	text-align: center;
	margin:30px 0 100px 0;
}






















.tbl_mat td{
	
}
.lft_img{
	width: 30%;
	float: left;
}
.rit_cont{
	width: 70%;
	float: left;
}





.common-list{
	clear: both;
}
.common-list .subnav{
	background: #f8f8f8;
	padding:50px 0;
	margin:0 0 50px 0;
}
.common-list .subnav ul{
	max-width: 1440px;
	margin:0 auto;
	width:90%;
    text-align: center;
	display: flex;
    flex-wrap: wrap;
}
.common-list .subnav li{
/*	display: inline-block;
	margin: 0 0.25% 0.4% 0.25%;*/
	flex-basis: 19.2%;
    margin-bottom: 1%;
    margin-right: 1%;
}
.common-list .subnav li:nth-child(5n){
    margin-right: 0%;
}
.common-list .subnav img{
	height: 56px;
	vertical-align: middle;
	/*margin:0 5px 0 0;*/
}
.common-list .subnav a{
	background: #fff;
	text-align: left;
	/*display: block;*/
	font-size: 13px;
	text-decoration: none;
	padding:15px 0px;
	width: 100%;
	/*margin:5px 0 0 0;*/
	color: #333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;		
	border:#f8f8f8 1px solid;
	display: flex;
    align-items: center;
}
.common-list .subnav a span{
	text-align: left;
	/*padding:0 0 0 10px;*/
	font-size:13px;
}
.common-list .subnav a:hover{
	/*background: #bcebff;*/
	border:#444444 1px solid;
	box-sizing: border-box;
}
.common-list .subnav .ttl2{
	display:block;
    text-align: center;
    clear: both;
    font-size: 20px;
    letter-spacing: 0.15em;
    color: rgb(0, 0, 0);
    font-family: 'Noto Serif JP', serif;
    margin: 0px 0px 20px;
}
.common-list .subnav .ttl2:after {
    content: "";
    border-bottom: 4px solid #CCCCCC;
    display: block;
    padding: 10px 0 0 0;
    margin: 0 auto;
    width: 20px;
}
@media screen and (max-width: 1024px) {
.common-list .subnav li{
	flex-basis: 24.25%;
    margin-right: 1%;
}
.common-list .subnav li:nth-child(5n){
    margin-right: 1%;
}
.common-list .subnav li:nth-child(4n){
    margin-right: 0%;
}
}
@media screen and (max-width: 854px) {
.common-list .subnav li{
	flex-basis: 32.5%;
    margin-right: 0.75%;
}
.common-list .subnav li:nth-child(4n){
    margin-right: 1%;
}
.common-list .subnav li:nth-child(3n){
    margin-right: 0%;
}
}
@media screen and (max-width: 736px) {
.common-list .subnav li{
	flex-basis: 49.5%;
    margin-right: 1%;
}
.common-list .subnav li:nth-child(3n){
    margin-right: 1%;
}
.common-list .subnav li:nth-child(2n){
    margin-right: 0%;
}
.common-list .subnav img {
    height: 56px;
    width: auto;
    vertical-align: middle;
    margin: 0px 0 0 10px;
}





/*
.common-list .subnav {
    padding: 30px 0;
    margin: 0px 0 50px 0;
}
.common-list .subnav ul {
    width: auto;
    margin: 0 auto;
    overflow: hidden;
}
.common-list .subnav li {
    display: inline;
    margin: 0;
}
.common-list .subnav a {
	margin:1%;
    text-align: left;
    display: block;
    font-size: 13px;
    padding: 15px 15px;
    float: left;
    width: 48%;

}
*/
}
@media screen and (max-width: 374px) {
.common-list .subnav img {
	display:none;
}
.common-list .subnav a{
	padding: 15px 10px;
}
}










.index .area01{
	/*background: #f2fbff;*/
	padding:50px 0 70px 0;
}

.index .area01.news__{
	background: #fff;
}
.index .area01 .news_{
	background: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;		
}

.news dt{
	float: left;
	margin:0 50px 0 0;
}
.news dd{
	float: left;
}
.news .date{
	padding:0 35px 0 0;
}
.news .inner a{
	display: block;
	color: #000;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;	
    background: #fff;
}
.news .inner a:hover{
	background: #bcebff;
}




/*
.brewing .left dt{
	float: left;
	width: 40%;
	padding:0 0 0 50px;
	margin:0 2% 0 0;
}
.brewing .left dt img{
	width: 100%;
}
.brewing .left dd{
	float: left;
	width: 58%;
	padding:0 50px 0 0;
}
.brewing .left dd p{
	margin:30px 0px 0px 0px;
	line-height: 30px;
}
*/

.clear{
	clear: both;
}




/*
.brewing h3{
	font-family: 'Noto Serif JP', serif;
	margin:20px 0 30px 0;
	text-align:left;
	font-size:22px;
}
.brewing .right dd{
	float: left;
	width: 40%;
	padding:0 50px 0 0;
	margin:0 0 0 2%;
}
.brewing .right dd img{
	width: 100%;
}
.brewing .right dt{
	float: left;
	width: 58%;
	padding:0 0 0 50px;
}
.brewing .right dt p{
	margin:30px 0px 0px 0px;
	line-height: 30px;
	font-size: 16px;
    text-align: justify;
}
.brewing dl {
    margin: 0 0 120px 0;
    overflow: hidden;
}
*/


.goods h3{
	padding:20px 20px 15px 20px;
	font-size: 20px;
	font-weight: normal;
	font-family: 'Noto Serif JP', serif;
	border-bottom: 1px solid #ccc;
	text-align:center;
}
.goods article input[type="submit"] {
    color: #313131;
    padding: 10px 60px;
    text-align: center;
    border: 1px solid #313131; 
    margin: 0 0 0 -5px;
	outline:0;
    display: inline-block;
    text-decoration: none;
    background: #fffbc9;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-topright: 2px;
-moz-border-radius-bottomright: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
cursor:pointer;
-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    
}
.goods article input[type="submit"]:hover{
background: #fff35b;	
}
.goods .num{
	width: 50px;
	height:42px;
	padding: 10px 5px 10px 10px;
	border-left:1px solid #313131;
	border-top:1px solid #313131;
	border-bottom:1px solid #313131;
	border-radius:0;
	background: url(../images/common/arrow-select.png) 80% center no-repeat;
	background-size: 9px auto;
	outline:0;
-webkit-border-top-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-bottomleft: 2px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;	
text-shadow:0 1px 0 #fff;
}
.goods .size{
	    margin-bottom: 15px;
}
.goods .size select{
	border:1px solid #000;
	padding: 4px 15px 1px 8px;
	background: url(../images/common/arrow-select.png) 80% center no-repeat;
	background-size: 9px auto;
	outline:0;	
}
.goods article .spec .price {
    font-weight: bold;
    color: #921e1f;
    font-size: 18px;
    display: block;
    margin:0 0 10px 0;
}
.goods article li {
    color: #666;
    margin: 0 0 10px 0;
    text-align: center;
}
.goods figure{
	margin:30px auto 10px auto;
}
.goods .spec{
	text-align: center;
	font-size: 13px;
}
.goods .spec ul{
	display: inline-block;
}
.goods article{
	margin:0 0 80px 0;
}
.goods .multi{
	float: left;
	margin:0 8px;
}
.special-page .lead {
	margin:20px 0;
}
.owl-prev, .owl-next {
    display: inline-block;
    padding: 0 2%;
    position: relative;
}
.owl-prev:before {
    content: "\00ab";
    position: absolute;
    left: 1%;
}
.owl-next:after {
    content: "\00bb";
    position: absolute;
    right: 1%;
}
.owl-area{
	margin:30px 0;
}
.owl-nav {
    text-align: center;
    font-size: 1rem;
    margin: 1% 0 0 0;
    font-weight: bold;
    color: #666;
}
.align-center{
	text-align: center;
}
.store h3{
	text-align: center;
	clear:both;
	font-size: 20px;
	letter-spacing: .15em;
	color: #000;
	margin:0 0 40px 0;
	font-family: 'Noto Serif JP', serif;
}
.store h3.pt80{
	padding-top: 80px;
}
.store dl{
	width: 100%;
	padding: 10px 0;
	border-top:1px solid #ccc;
	font-size: .9rem;
}
.store dt{
	display: inline-block;
	width: 50%;
}
.store dd{
	display: inline-block;
}
.store .links{
	text-align: center;
	border:1px solid #ccc;
	padding: 10px;
	margin:0 0 30px 0;
	background: #f3f3f3;
}
.store .links li{
	display: inline-block;
	margin:0 10px;
}
.viewer {
    margin: 0 auto;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.viewer ul {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.viewer ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
.viewer ul li img {
    width: 100%;
}
 
.sp-mv img{
	width: 100%;
}
.sp-pic01{
	margin:20px auto 0 auto;
	text-align: center;
}


/*ここから追加しています

.wpcf7 textarea[name="your-message"]{
	float:right;
	margin-right:4px;
}
@media screen and (max-width:599px){
	.wpcf7 textarea[name="your-message"]{
	float:none;
	margin-right:0;
}
}*/
/*
.firstlabel-blue{
	background: #00aeef !important;
	color: #fff;
}
.firstlabel-org{
	background: #ef9800 !important;
	color: #fff;
}
.firstlabel-blue a, .firstlabel-org a{
	color:#fff !important;
}
*/
.iframeBlock{
	width:100%;
	height:100%;
	overflow:hidden;
	position: relative;
}
.iframeBlock iframe{
	 width:100%;
}

/*------------------------------------------------------

商品紹介

------------------------------------------------------*/
.products .base_spec {
	/* overflow: hidden; margin-bottom: 40px;*/
	display:flex;
	align-items: center;
	/*margin-bottom:20px;*/
}
.products .base_spec figure {
	/*width:50%; */
	float:none;
    flex-basis: 50%;
	margin: 0 ;
}
.products .base_spec figure .item_img {
	width: 100%;
}
.products .base_spec .item_data {
	/*float: left;*/
	/*flex-basis:50%;*/
	flex-basis: 47%;
    margin-left: 3%;
}
.products .base_spec .item_data h3 {
	font-weight: 600;
	font-size: 2.0rem;
	padding: 0 0 10px 0;
	border: none;
	margin: 0;
}
.products .base_spec .item_data .meta1 {
	font-size: 1.6rem;
	font-weight: 300;
}
.products .base_spec .item_data .meta2 {
	font-size: 1.3rem;
	font-weight: 300;
}
.products .base_spec .item_data .price_f {
	font-size: 2rem;
	line-height: 2.2em;
	font-weight: 500;
}
.products .base_spec .item_data .tax {
	font-size:1rem;
	position: relative;
    top: -2px;
}
.products .base_spec .item_data h4 {
	padding: 0 0 20px 0;
    font-size: 17px;
    line-height: 1.5;
    text-align: justify;
    font-weight: 300;
}
.products .base_spec .item_data .cart_buutton {
	display: block;
	text-decoration:  none;
	width: 100%;
	text-align: center;
	background: #c84934;
	color:#FFF;
	font-weight: 600;
	font-size: 1.1rem;
	line-height: 1.6em;
	border: none;
	padding: 15px 0;
}
.products .base_spec .item_data .cart_buutton:hover {
	opacity:0.8;
}
.products .detail_spec {
	border: 3px solid #edf0f2;
	margin-bottom: 45px;
	overflow: hidden;
	padding: 26px;
	display: block;
}
.products .detail_spec .spec {
	/*flex-basis:48% ;
	margin-right: 2%;*/
	width: 48%;
    margin-right: 2%;
    float: left;
}
.products .detail_spec .ajiwai_text  {
	/*flex-basis: 50%;*/
	float: right;
    width: 50%;
}
.products .detail_spec .radar_chart  {
	float:left;
	width:50%;
}
.products .detail_spec .radar_chart canvas{
	width: 70% !important;
    height: 70% !important;
    margin: 10px auto 0;
}
.products .detail_spec .spec dl {
	margin: 0;
	padding: 10px 0;
	width: 100%;
	display:flex;
}
.products .detail_spec .spec dt {
	width:35%;
	padding-right: 5%;
}
.products .detail_spec .spec dd {
	width:60%;
	margin: 0;
}
.products .detail_spec .detail_spec_side {
	flex-basis:50% ;
}

.products .detail_spec .tt1 {
	font-weight: 500;
	margin-bottom: 10px;
	font-size: 18px;
}
@media screen and (max-width:786px){
.products .base_spec {
	display:block;
}
.products .base_spec figure {
    width: 70%;
    margin: 0 auto;
}
.products .detail_spec{
	display:block;
}
.products .detail_spec .spec{
	margin-bottom:26px;
	float: none;
    width: 100%;
}
.products .detail_spec .spec dt {
	width:25%;
}
.products .detail_spec .ajiwai_text{
	float:none;
	width:100%;
}
.products .detail_spec .radar_chart {
    float: none;
    width: 100%;
}
.products .base_spec .item_data {
    /* float: left; */
    width: 100%;
	margin-left:0;
}
.products .base_spec .item_data h3,
.products .base_spec .item_data .meta1{
	text-align:center;
}
.products .base_spec .item_data .meta2{
	display:block;
	text-align:center;
}
.products .base_spec .item_data .item_price_are{
	display:block;
	text-align:center;
}
}
@media screen and (max-width:599px){
.products .base_spec .item_data h3{
	font-size:1.3rem;
}
.products .base_spec .item_data .meta1{
	font-size:1.2rem;
}
.products .base_spec .item_data .meta2{
	font-size:1.1rem;
}
.products .base_spec .item_data h4 {
    font-size: 14px;
    line-height: 1.5;
}
.products .detail_spec {
	margin-bottom: 40px;
	padding:20px;
}
.products .detail_spec .spec dt {
    width: 35%;
/*    padding-right: 0;
*/	font-size:14px;
}
.products .detail_spec .spec dd {
/*    width: 100%;
    margin: 0;
*/	font-size:14px;
}
.products .detail_spec .tt1 {
    margin-bottom: 10px;
    font-size: 15px;
}
.products .detail_spec .text {
	font-size:14px;
}
}
/*
@media screen and (max-width:599px){

	  
	  
	  .products .base_spec figure { width:30%; margin: 0 ; }
	    .products .base_spec .item_data { float: none; width:100%;}
		  .products .base_spec .item_data h3 { font-weight: bold; font-size: 1.2rem; padding: 0 0 10px 0; border: none; margin: 0;}
		  .products .base_spec .item_data h4 { padding: 0 0 10px 0; font-size: 1rem; }
		  .products .base_spec .item_data .meta1 { font-size: 1.2rem; }
		  .products .base_spec .item_data .meta2 { font-size: 1.1rem; }
		  .products .detail_spec .spec{width:100%;}
		  .products .detail_spec{margin-bottom:20px}
		  .common-list .subnav ul{
		width: 96%;
		text-align:center;
	}
	.common-list .subnav img{
		width:50px;
	height: 50px;
		margin:0;
}
	.common-list .subnav a span{
	padding:0 0 0 0;
}
}
*/






/*------------------------------------------------------

こだわりのページ+酒造りページの構成

------------------------------------------------------*/
dl.column_box dd h3{
	font-family: 'Noto Serif JP', serif;
	margin:0 0 40px 0;
	text-align:center;
	font-size:22px;
}
dl.column_box dd h3:before{
	content: "";
    border-top: 1px solid #ccc;
    display: block;
    padding: 20px 0 0 0;
    margin: 0 auto;
    width: 40px;
}
dl.column_box dd h3:after{
	content: "";
    border-bottom: 1px solid #ccc;
    display: block;
    padding: 20px 0 0 0;
    margin: 0 auto;
    width: 40px;
}
dl.column_box{
	margin:0 0 120px 0;
	overflow: hidden;
	display:flex;
	align-items: center;
}
dl.column_box:nth-of-type(even){
}
dl.column_box dt{
	flex-basis:48%;
	height: 560px;
	margin:0 2% 0 0;
}
dl.column_box dt img{
	width: 100%;
	height: 100%;
    object-fit: cover;
}
dl.column_box dd{
	width: 50%;
}
dl.column_box dd p{
	line-height: 30px;
}
dl.column_box p{
	text-align:justify;
	line-height:1.8;
}

dl.column_box:nth-of-type(even) dt{
	order:1;
	margin:0 0 0 2%;
}
/*
.quality .right dd{
	float: left;
	width: 48%;
	padding:0 50px 0 0;
	margin:0 0 0 2%;
}

.quality .right dd img{
	width: 100%;
}

.quality .right dt{
	float: left;
	width: 50%;
	padding:0 0 0 50px;
}

.quality .right dt p{
	margin:30px 0px 0px 0px;
	line-height: 30px;
	font-size: 16px;
}
*/
@media screen and (max-width:1023px){
dl.column_box{
	display:block;
	margin: 0 0 60px 0;
}
dl.column_box dt{
	height: 440px;
	margin:0 0 0 0;
}
dl.column_box:nth-of-type(even) dt{
	margin:0 0 0 0;
}
dl.column_box dd{
	margin-top:20px;
	width: 100%;
}
dl.column_box dd h3{
	margin-bottom:20px;
}
dl.column_box dd h3:before{
	display:none;
}
}
@media screen and (max-width:736px){
dl.column_box dt {
    height: 320px;
}
}
@media screen and (max-width:599px){
dl.column_box dd h3{
	font-size:18px;
}
dl.column_box dd p{
	line-height: 24px;
}
}



/*------------------------------------------------------

こだわりのページ・酒造りページの下部3カラムbutton

------------------------------------------------------*/
.column_3{
	background: #fff;
	overflow: hidden;
	clear: both;
	display:flex;
	justify-content: center;
	margin-bottom:60px;
}
.column_3 a{
	display: block;
	text-decoration: none;
	overflow: hidden;
	text-align: center;
	width: 33.3333%;
	font-size: 18px;
}
/*
.column_3 dl{
	margin:0 0 60px 0;
}
*/
.column_3 dt img{
	width: 100%;	
}
.column_3 a{
	color: #000;
     -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;	
    line-height: 0;
}
.column_3 a:hover{
	color: #00aeef;
}
.column_3 dt{
	position:		relative;
}
.column_3 .caption {
	font-size:		24px;
	font-weight:500;
	color:			#fff;
	text-align: 		center;
	margin-top:38%;
	letter-spacing: .1em;
	font-family: 'Noto Serif JP', serif;
	/*text-shadow:0 1px 0 #000;*/
}
.column_3 dt .mask {
	width:			100%;
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	opacity:		0;	/* 陦ｨ遉ｺ縺輔○縺ｪ縺� */
	background-color:	rgba(0,0,0,0.5);
	-webkit-transform:	rotateY(-180deg);
	transform:		rotateY(-180deg);
	-webkit-transition:	all 0.6s ease;
	transition:		all 0.6s ease;
}
.column_3 dt:hover .mask {
	-webkit-transform:	rotateY(0deg);
	transform:		rotateY(0deg);
	opacity:		1;	/* 繝帙ヰ繝ｼ縺ｧ陦ｨ遉ｺ縺吶ｋ */
}
@media screen and (max-width:736px){
.column_3{
	display:block;
}
.column_3 a{
	width:100%;
}
.column_3 dt{
	width: 100%;
	height: 260px;
    overflow: hidden;
    margin-bottom: 20px;	
}
.column_3 dt .mask {
	opacity:1;
	-webkit-transform:	rotateY(0deg);
	transform:		rotateY(0deg);

}
.column_3 dt:hover .mask {
	opacity:0;
}
.column_3 .caption {
	font-size: 16px;
    position: absolute;
    top: 50%;
    margin: 0;
    width: 100%;
}
}
@media screen and (max-width:599px){
.column_3 dt{
	height: 220px;
    margin-bottom: 10px;	
}
}


/*------------------------------------------------------

経営理念

------------------------------------------------------*/
.philosophy{
}
.philosophy .mainvisual{
	height: 250px;
}
.philosophy .mainvisual img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.philosophy p.ttl01{
    display: block;
    font-size: 50px;
    font-family: 'Noto Serif JP';
    font-weight: 500;
    margin-bottom: 20px;
    text-align: center;
}
/*
.philosophy p.ttl01{
	max-width: 340px;
    margin: 20px auto 40px auto;
    width: 100%;
}
.philosophy p.ttl01 img{
   width: 100%;
}
*/
.philosophy .txt01{
	text-align: center;
	line-height:36px;
	margin:0 0 90px 0;
	font-size: 18px;	
}
.philosophy .txt02{
	text-align: center;
	line-height:36px;
	margin:0 0 30px 0;
	font-size: 18px;	
}
.philosophy .txt02>br{
	display:none;
}
.philosophy h3{
	font-family: 'Noto Serif JP', serif;
	margin:30px 0;
	text-align:center;
	font-size: 24px;
	font-weight:500;
}
.philosophy ul{
	max-width: 550px;
	width:100%;
	margin:0 auto 120px auto;
}
.philosophy li{
	margin-bottom:40px;
	font-size: 18px;
/* 	padding-left: 36px; */
/*     text-indent: -36px; */
    text-align: justify;
}
.philosophy .pic01{
	text-align: center;
	margin:0 auto;
	max-width: 200px;
	width:100%;
	display: flex;
    flex-direction: row;
	justify-content:center;
}

.philosophy-ttl{
	display:block;
	font-size:18px;
}


@media screen and (max-width: 736px) {
.philosophy p.ttl01{
    font-size: 40px;
	margin-bottom: 20px;
}
.philosophy .txt01{
	line-height:30px;
	font-size: 16px;
	padding:1.5rem 2rem;
}
.philosophy h3{
	margin:30px 0;
	font-size: 20px;
}
.philosophy li{
	margin-bottom:20px;
	font-size: 16px;
	padding-left: 30px;
    text-indent: -30px;
}
.philosophy ul {
    max-width: 464px;
}
.philosophy .pic01>img{
	width:70%;
	}
.philosophy .txt02>br{
	display:block;
}
}

@media screen and (max-width: 599px) {
.philosophy .mainvisual{
	height: 150px;
}
.philosophy p.ttl01{
	margin-bottom:20px;
}
.philosophy .txt01 {
    line-height: 25px;
    font-size: 14px;
	margin-bottom:60px;
}

.philosophy li{
	margin-bottom:20px;
	font-size: 14px;
	padding-left: 29px;
    text-indent: -29px;
}
}

/*.philosophy p.ttl02{
	width: 440px;
	margin:20px auto 40px auto;
}
.philosophy p img{
	width: 100%;
}

@media screen and (max-width: 970px) {
.philosophy p.ttl01,
.philosophy p.ttl02 {
    width: auto;
    margin: 20px auto 40px auto;
}
}
@media screen and (max-width: 736px) {
.philosophy ul {
    width: auto;
    margin: 0 auto 40px auto;
}
}
*/




/*------------------------------------------------------

会社概要

------------------------------------------------------*/
.company .mainvisual{
	height: 250px;
}
.company .mainvisual img{
	width:100%;
	height:100%;
	object-fit:cover;
}
/*
.company .area01{
	overflow: hidden;
	margin:0 0 80px 0;
}
.company .area01 img{
	width: 40%;
	float: left;
	margin:0 60px 0 0;
}

.company .area01 p{
	line-height: 24px;
	margin:0 0 10px 0;
}
*/
.company .area02 ul{
	/*margin:0 0 0 200px;*/
	max-width:800px;
	width:100%;
	margin:0 auto;
}
.company .area02 li{
	/*margin:0 0 10px 0;*/
	padding: 16px 0;
    display: flex;
    align-items: flex-start;
    border-bottom: #EEEEEE 1px solid;
}
.company .area02 li:last-child{
    border-bottom:none;
}
.company .balloon{
	min-width:120px;
	margin:0 30px 0 0;
}
.company .area02 li:nth-child(3)>.balloon{
	opacity:0;
}
.company .company_text{
	text-align:justify;
	padding-top: 1px;
}
.company li span {
    display: block;
    margin-left: 152px;
    position: relative;
    top: -50px;
}
.company .area02{
	margin:60px 0 30px 0;
}
.company .area02 .pic01{
	position: relative;
	height:600px;
	overflow:hidden;
}
.company .area02 .pic01 img{
	width: 100%;
	height:100%;
	object-fit:cover;
}
.company .area02 .txt{
	max-width: 1000px;
    margin: 0 auto;
    width: 80%;
}
.company .area02 .txt p{
	position: absolute;
	background: rgba(255,255,255,.8);
	padding:40px;
	/*text-shadow:0 1px 0 #fff;*/
	max-width: 1000px;
	width:80%;
	margin:40px auto;
	line-height: 30px;
	text-align: justify;
}
.company .pic03{
	text-align: center;
	margin:0 auto;
	max-width: 200px;
	width:100%;
	padding:2rem 0;
   display: flex; 
    flex-direction: row;
	justify-content:center;
}

/*
.company h3{
	font-size:22px;
	margin:0 0 15px 0;
	position: relative;
    left: -13px;
}
.company h4{
	font-family: 'Noto Serif JP', serif;
	margin:20px 150px 0 0;
	text-align:right;
}
*/

/*
@media screen and (max-width: 970px) {
.company .area01 img {
    width: 100%;
    float: none;
    margin: 0;
}
.company h3 {
    margin: 15px 0;
    position: static;
    font-size: 20px;
}
.company .area01 p br{
    display: none;
}
.company h4 {
    margin: 20px 0 0 0;
}
}
*/
@media screen and (max-width: 736px) {
.company .company_text{
	padding-top: 4px;
}
.company .pic03>img{
	width:70%;
	}
}
@media screen and (max-width: 599px) {
.company .mainvisual{
	height: 150px;
}
.company .balloon {
    min-width: 100px;
    margin: 0 10px 0 0;
}
.company .area02 .pic01{
	position: static;
    overflow: visible;
    height: auto;
}
.company .area02 .txt{
   width: 90%;
}
.company .area02 .txt p{
	position: static;
    padding: 0px;
    width: 100%;
    margin: 0 auto 20px;
    line-height: 24px;
}

}
	
	
/*.company .area02 ul {
    margin: 0;
}
.special-page .balloon,
.company .balloon {
    min-width: 120px;
    margin: 0 0 10px 0;
    display: block;
}
.balloon:before{
	right: 5px;
}
.company .area02 .txt p {
    position: static;
    background: none;
    padding: 0;

    width: auto;
    margin: 20px auto;
    line-height: 30px;
}
.company .area02 .txt {
    width: 90%;
    margin: 0 auto;
}

}
*/




/*------------------------------------------------------

コンタクトフォーム

------------------------------------------------------*/
.contact{
}
.contact .mainvisual{
	height: 250px;
}
.contact .mainvisual img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.contact .area01{
	margin:0 0 100px 0;
}
.contact .lead{
	margin:0 0 50px 0;
	line-height: 1.8;
}
.contact .balloon{
	min-width: 160px;
    margin: 0 30px 0 0;
    padding: 10px 15px;
    font-size: 16px;
}
.contact .area01 li{
	margin:0 0 30px 0;
	display: flex;
	align-items: flex-start;
}
.contact .area01 li .wpcf7-form-control-wrap{
	width: 100%;
}
.contact small{
	padding:0 0 10px 0;
}

.contact sup{
	font-size: 5px;
	padding:0 0 0 5px;
}
.contact .btn{
	text-align: center;
	margin:30px 0 0 0;
}
@media screen and (max-width: 736px) {
.contact .area01 li{
	margin:0 0 30px 0;
	display: block;
}
.contact .balloon {
    margin: 0 0 0 0;
    display: block;
	font-size:14px;
}
.contact .balloon:before{
	display:none;
}

}





/*------------------------------------------------------

酒造りのページ

------------------------------------------------------*/
.brewing p.ttl01 {
    max-width: 450px;
    margin: 20px auto 40px auto;
	width:90%;
}
.brewing p.ttl01 img {
    width: 100%;
}
.brewing .txt01 {
    text-align: center;
    line-height: 36px;
    margin: 0 0 90px 0;
    font-size: 18px;
}
@media screen and (max-width: 999px) {
.brewing .txt01 {
    text-align: justify;
    line-height: 26px;
    margin: 0 0 30px 0;
    font-size: 15px;
}
.brewing .txt01 br{
	display: none;
}
}







/*------------------------------------------------------

ご注文方法

------------------------------------------------------*/
.order{
	line-height:1.6;
	margin-bottom:60px;
}
.order p{
	margin:10px 0;	
}
.order p.t_ctr {
    font-weight: 600;
	font-size:1.1em;
}
.order .red{
	color: #921e1f;
}
.order h2{
    margin-top:100px;	
}
.order h2:first-of-type{
    margin-top:40px;
}
.order h4{
	font-size: 1.2em;
    font-weight: bold;
    padding: 30px 10px 10px;
    border-bottom: 1px solid rgb(204, 204, 204);
    margin:20px 0 15px 0;	
}
.order ol{
	list-style-type: none;
	counter-reset: item;
	padding-left: 0;
}
.order ol li{
	text-indent: -1.5em;
    padding-left: 1.5em;
	margin-bottom:20px;
	text-align:justify;
	padding-right: 1em;
}
.order ol li:before{
	counter-increment: item;
	content: counter(item)'.';
	padding-right: .5em;
	font-weight:600;
}
/*
.order-link{
	position:absolute;	
	top: -20px;
    right: 30px;	
}
.order-link li{
	display: inline-block;
	font-size: 13px;
	margin: 0 10px 0 0;
}
.order-link li:before{
	content:"\0025b6\00fe0e";
	font-size: 9px;
	color: #00aeef;
	margin:0 3px 0 0;
}
.order-link a{
	color: #666;
	text-decoration: none;
	font-weight: bold;
}
.order-link a:hover{
	text-decoration: underline;
}
.order th{
	background: #f8f8f8;
	width: 30%;
	padding:10px;
	border-right:5px solid #fff;
	border-bottom:5px solid #fff;
	font-weight: normal;
}
.order td{
	width: 70%;
	padding:10px 20px;
		border-bottom:5px solid #fff;
}*/
.order .link{
	font-weight: bold;
	font-size: 15px;
}
.order .tbl_02{
	width:100%;
}
.order .tbl_02 tr{
	display:flex;
	margin-bottom:5px;
}
.order .tbl_02 tr th{
	background: #f8f8f8;	
	padding:10px;
	flex-basis:30%;
	font-weight:500;
}
.order .tbl_02 tr td{
	padding:10px;
	flex-basis:70%;
}
.order .tbl_03{
	width:100%;
}
.order .tbl_03 tr{
	display:flex;
	margin-bottom:5px;
}
.order .tbl_03 tr th{
	background: #f8f8f8;
    padding: 20px 10px;
    flex-basis: 80%;
    font-weight: 500;
    text-align: left;
}
.order .tbl_03 tr td{
	padding: 20px 10px;
    flex-basis: 20%;
    border-top: #f8f8f8 1px solid;
    border-bottom: #f8f8f8 1px solid;
    border-right: #f8f8f8 1px solid;
    font-weight: 500;
}
.order .ord_box {
	margin: 10px auto;
    border: #CCCCCC 1px solid;
    padding: 12px 20px;
    line-height: 1.8;
}
.order .ord_box02{
	margin: 10px auto;
    border: #921e1f 1px solid;
    padding: 12px 20px;
    line-height: 1.8;
}
@media screen and (max-width: 970px) {
}
















/*------------------------------------------------------

プライバシーポリシー

------------------------------------------------------*/
.privacy{
}
.privacy p{
	margin:0 0 60px 0;
	text-align:justify;
}
.privacy ol{
	list-style-type: none;
	counter-reset: item;
	padding-left: 0;
	margin-bottom:60px;
}
.privacy ol li{
	text-indent: -1.3em;
    padding-left: 1.3em;
	margin-bottom:20px;
	text-align:justify;
	padding-right: 1em;
}
.privacy ol li:before{
	counter-increment: item;
	content: counter(item)'.';
	padding-right: .5em;
}
@media screen and (max-width: 736px) {
.privacy p{
	margin:0 0 30px 0;
}
.privacy ol{
	margin-bottom:30px;
}
}






/*------------------------------------------------------

特定商取引法に基づく表示

------------------------------------------------------*/
.law{
	margin-bottom:40px;
}
.law .tbl_01{
}
.law .tbl_01 tr{
	display:flex;
	margin-bottom:5px;
}
.law th{
	background: #f8f8f8;
	flex-basis:30%;
	padding:20px 10px;
	font-weight:500;
}
.law td{
	flex-basis:70%;
	padding:20px 10px 20px 20px;
	text-align:justify;
}
/*
.law li span {
    display: block;
    margin-left: 110px;
    position: relative;
    top: -50px;
}
*/
@media screen and (max-width: 736px) {
.law .tbl_01 tr{
	display:block;
	margin-bottom:30px;
}
.law th{
	display:block;
	width:100%;
	padding:10px 10px;
	text-align:left;
}
.law td{
	display:block;
	width:100%;
	padding:10px 10px 0 10px;
}
}
@media screen and (max-width: 736px) {
.law .tbl_01 tr{
	margin-bottom:20px;
}
.law th{
	padding:5px 10px;
}
}







/*--------------------------------------------------------

ページトップ

--------------------------------------------------------*/
.pagetop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 999999;
}
.pagetop a {
	display: block;
    color: #f8f8f8;
    padding: 10px 14px;
    background-color: #e2041b ;
    border-radius: 40px;
	border: #e2041b 1px solid;
}
.pagetop a i {
	color: #f8f8f8;
	font-size: 20px;
}
.pagetop a:hover {
	border:#e2717c 1px solid;
	background-color: #e2717c;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
@media screen and (max-width: 736px) {
.pagetop {
	bottom: 10px;
	right: 10px;
}
.pagetop a {
	padding: 6px 9px;
    background-color: #e2041b;
	border:#f8f8f8 1px solid;
}
.pagetop a i {
	font-size: 16px;
}
.pagetop a:hover {
	background-color: #e2717c;
	border:#f8f8f8 1px solid;
}


}

/*--------------------------------------------------------

投稿関連

--------------------------------------------------------*/
.news-detail{
	overflow: hidden;
	margin:50px 0 50px 0;
}
.up_ymd{
	letter-spacing: 0.5px;
    text-align: center;
	margin:0 0 20px 0;
}
.news-detail-inner {
    padding: 40px 0 40px 0;
    overflow: hidden;
}
.news-detail-inner img{
	float: right;
	max-width: 450px;
	margin-left: 30px;
	margin-bottom:30px;
}
.detailText{
	line-height:2;
}
.detailText h1{
    font-size: 1.2em;
    font-weight: 500;
}
.detailText h1 span,
.detailText h1 del,
.detailText h2 span,
.detailText h2 del,
.detailText h3 span,
.detailText h3 del,
.detailText h4 span,
.detailText h4 del,
.detailText h5 span,
.detailText h5 del,
.detailText h6 span,
.detailText h6 del {
	font-size: inherit;
	font-weight: inherit;
}
.detailText h2{
    padding: 0;
    position: static;
    z-index: auto;
    max-width: none;
	font-size: 1.2em;
}
.detailText h3 {
	text-align: left;
    clear: none;
    font-size: 1.1em;
    letter-spacing: normal;
    margin: 0;
    font-family: 'Noto Sans JP', sans-serif;
	color:inherit;
    font-weight: 500;
}
.detailText h3:after{
	display:none;
}
.detailText h4 {
    font-size: 1.1em;
}
.detailText h5 {
    font-size: 1.1em;
    font-weight: 500;
}
.detailText h6 {
    font-size: 1.1em;
}
.detailText pre {
	white-space:inherit;
}
.detailText strong {
	font-weight: 500;
}
.detailText em {
	font-style: italic;
}
.detailText ul {
	margin:10px auto;
	list-style: inside;
}
.detailText ul li {
}
.detailText ol {
	margin:10px auto;
}
.detailText ol li {
	list-style-position: inside;
}
.detailText blockquote {
	margin:10px auto;
    position: relative;
    padding: 30px 15px 8px 15px;
    box-sizing: border-box;
    font-style: italic;
    background: #efefef;
    color: #555;
}
.detailText blockquote:before{
    display: inline-block;
    position: absolute;
    top: 13px;
    left: 15px;
    content: "\f10d";
    font-family: FontAwesome;
    color: #cfcfcf;
    font-size: 28px;
    line-height: 1;
    font-weight: 900;
}
.detailText blockquote p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}
.detailText blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}
@media screen and (max-width: 970px) {
.news-detail-inner img {
    float: none;
	margin-left: 0;
}
.news-detail .detailUpfile{
    width: 80%;	
    margin:0 auto 10px auto;
	text-align:center;
}
}

/*--------------------------------------------------------

投稿関連 video

--------------------------------------------------------*/
.video {
	margin: 0 auto;
	width:100%;
	height: 0;
	overflow: hidden;
	position:relative;
	padding-bottom: 56.25%;
}
.video iframe {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	
}



/*--------------------------------------------------------

残骸？

--------------------------------------------------------*/
.products span.ttl{
	margin:-30px 0 30px 0;
	font-weight: normal;
	text-align:center;
	font-size:14px;
	display: block;
	color: #666;
}

.products article{
	overflow: hidden;
	margin:0 0 90px 0;
}

.products h3{
	padding:20px 20px 15px 20px;
	font-size: 20px;
	font-weight: normal;
	font-family: 'Noto Serif JP', serif;
	border-bottom: 1px solid #ccc;
}
.products h3 span{
	background: #a90030;
	padding:5px 10px;
	font-size: 13px;
	text-align: center;
	position: relative;
	left:-10px;
	top:-3px;
	color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;	
}
.products article h4{
	font-size: 15px;
	font-weight: normal;
	padding:15px 20px 20px 20px;
	line-height: 30px;
}
.products article .box{
	padding:0 20px;
}
.products article figure{
	float: left;
	margin:0 80px 0 0;
}
.products article .note{
	display: block;
	font-size: 13px;
	color:#333;
	text-align: right;
}
.products article .spec{
	float: left;
	font-size: 13px;
	margin:0;
}
.products article .spec dl{
padding: 1.3em 0;
    border-bottom: 1px solid #E8E8E8;
    line-height: 1.3;	
    width: 570px;
    overflow: hidden;
    color: #666;
}
.products article .spec dt{
	float: left;
	width: 180px;
    padding-right: 5%;
}
.products article .spec dd{
	float: left;
	
}
.products article .spec h5{
	font-weight: normal;
	font-size: 14px;
	padding:10px 0;
}
.products article li{
	color: #666;
	margin:0 0 10px 0;
	text-align: right;
}

.align-left{
	text-align: left!important;
}
.products article li .price{
	padding:0 10px 0 0;
}
.products article .bdr0{
	    padding: 1.3em 0 0 0!important;
}
.products article .spec .price{
	font-weight: bold;
	color: #921e1f;
	font-size: 15px;
}
.products article input[type="submit"] {
    color: #313131;
    padding: 10px 60px;
    text-align: center;
    border: 1px solid #313131; 
    margin: 0 0 0 -5px;
	outline:0;
    display: inline-block;
    text-decoration: none;
    background: #fffbc9;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-topright: 2px;
-moz-border-radius-bottomright: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
cursor:pointer;
-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.products article input[type="submit"]:hover{
background: #fff35b;	
}
.special-page .num{
	width: 60px;
	height:42px;
	padding: 10px 5px 10px 10px;
	margin:0 5px 0 0;
	border:1px solid #ccc;

	background: url(../images/common/arrow-select.png) 75% center no-repeat;
	background-size: 9px auto;
	outline:0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-shadow:0 1px 0 #fff;
}
.products .num{
	width: 50px;
	height:42px;
	padding: 10px 5px 10px 10px;
	border-left:1px solid #313131;
	border-top:1px solid #313131;
	border-bottom:1px solid #313131;
	border-radius:0;
	background: url(../images/common/arrow-select.png) 80% center no-repeat;
	background-size: 9px auto;
	outline:0;
-webkit-border-top-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-bottomleft: 2px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;	
text-shadow:0 1px 0 #fff;
}
.products .soldout{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #fff;
font-weight: bold;
text-align: center;
padding:5px 10px;	
background: #666;
font-size: 12px;
}
.products .soldout-link{
	display: block;
	margin:10px 0 0 0;
}
.products .bdr0{
	border:0!important;
}
@media screen and (max-width: 736px) {
.products article .spec {
    float: none;

}	
.products .num{
	border:1px solid #313131;
	float: right;
	margin:0 0 5px 0;
}
.products article input[type="submit"]{
	border-radius:none;
	display: block;
	margin:5px 0 0 0;
	width: 100%;
	clear: both;
}
.products article li {

    text-align: left;
}
.products .soldout{
	display: block;
}	
.products article {
    margin: 0 0 30px 0;
}
.products article figure {
    float: none;
    margin: 0 auto;
    width: 130px;
}

.products article .spec dl{
	width:auto;
	padding: 0.8em 0;
}
.products article .spec dt,
.products article .spec dd{
	float: none;
}
.products article .spec dt{
	margin:0 0 5px 0;
	font-weight: bold;
}
.goods .multi {
    float: none;
    margin: 0 8px 10px 8px;
}
.goods .num {
    height: 43px;
}
.special-page .mainvisual img {
    width: 100%;
}
.owl-prev:before {
    position: absolute;
    left: -10%;
}
.owl-next:after {
    position: absolute;
    right: -10%;
}
.store dt{
	display: block;
	width: 100%;
	font-weight: bold;
	padding: 0 0 5px 0;
}
.store dd{
	display: block;
}
.line-blue {
    font-size: 13px;
}   

.sp-pic01 {
    width: 90%;
}
.store .links li{

	padding-bottom: 10px;
}
.store h3.pt80{
	padding-top: 30px;
}
}