@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700|Roboto:300,400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1+Code:wght@300;400;600;700&display=swap');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
    font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}

body	{
  -webkit-text-size-adjust: 100%;
  width:100%;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
    overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

input, textarea,{
	margin: 0;
	padding: 0;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse; 
    border-spacing:0;
}

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.clear{
	clear:both;
}

/*スマホ対応
@media screen and (max-width: 480px){
	
}
@media screen and (max-width: 320px){
	
}
*/

.sectionbox		{margin:50px 0 20px 0}
.sectionbox2	{margin:60px 0 30px 0}

.mt5	{margin-top:5px;}
.mt10	{margin-top:10px;}
.mt15	{margin-top:15px;}
.mt20	{margin-top:20px;}
.mt30	{margin-top:30px;}
.mt40	{margin-top:40px;}
.mt50	{margin-top:50px;}

.mb5	{margin-bottom:5px;}
.mb10	{margin-bottom:10px;}
.mb15	{margin-bottom:15px;}
.mb20	{margin-bottom:20px;}
.mb30	{margin-bottom:30px;}
.mb40	{margin-bottom:40px;}
.mb50	{margin-bottom:50px;}

.ml5	{margin-left:5px;}
.ml10	{margin-left:10px;}
.ml15	{margin-left:15px;}
.ml20	{margin-left:20px;}
.ml30	{margin-left:30px;}

.mr5	{margin-right:5px;}
.mr10	{margin-right:10px;}
.mr15	{margin-right:15px;}
.mr20	{margin-right:20px;}
.mr30	{margin-right:30px;}

.txt_l	{text-align:left;}
.txt_r	{text-align:right;}
.txt_c	{text-align:center;}
.em		{font-weight:bold;}
.small	{font-size:11px;}
.big	{font-size:16px;}

.float_l	{float:left;}
.float_r	{float:right;}

.listdecimal li	{list-style: decimal; margin-left:18px; margin-top:15px;}

.border		{border:1px solid #ccc; padding:6px 10px 5px 10px;}


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

基本のLAYOUT

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

body{
	font-size:13.5px; 
	font-family:'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	color:#595858;
	line-height:1.8;
}

a				{text-decoration:none; color:#595858}
a:hover			{opacity:0.8;}
.linkcolor a	{text-decoration:underline; color:#6d885b;}
a.linkcolor 	{text-decoration:underline; color:#6d885b;}


#wrapper		{width:1024px; margin:0 auto;}
#wrapper_in		{width:974px; margin:0 auto;}


/*-----------------
header
-----------------*/
#header			{width:974px; margin-top:20px; position:relative; height:175px;}
#header	h1		{float:left; width:152px; display:block;}
#header	h1 a	{background:url(../images/common/logo.png) no-repeat top left; width:102px; height:175px; text-indent:-9999px; display:block;}
#onlinestore	{position:absolute; bottom:5px; right:5px;}
#onlinestore a	{background:url(../images/common/onlinestore.gif) no-repeat top left; width:198px; height:31px; background-size:198px; text-indent:-9999px; display:block; }


/*-----------------
indexmenu
-----------------*/
#indexmenu		{float:left; width:822px; margin-top:155px;}
#indexmenu li	{float:left; margin-right:77px;}
#indexmenu li:last-child	{float:left; margin-right:none;}

ul#indexmenu li a.home			{width: 48px; background-position: 0px 0;}
ul#indexmenu li a.abouttatsuya	{width: 60px; background-position: -80px 0;}
ul#indexmenu li a.oshirase		{width: 60px; background-position: -160px 0;}
ul#indexmenu li a.products		{width: 58px; background-position: -240px 0;}
ul#indexmenu li a.shopping		{width: 54px;  background-position: -320px 0;}
ul#indexmenu li a				{background: url(../images/common/gmenu.png)  no-repeat top left; display: block; height: 12px; text-indent:-9999px;}
ul#indexmenu li a:hover	{opacity:0.5;}

/*-----------------
subpagemenu
-----------------*/
#gmenuall		{width:152px; float:left;}

#globalmenu		{margin:30px 0 0 0;}
#globalmenu li	{margin-right:50px; margin-bottom: .5em}
/*
ul#globalmenu li a.home			{width: 48px; background-position: 0px 0;}
ul#globalmenu li a.abouttatsuya	{width: 60px; background-position: -80px 0;}
ul#globalmenu li a.oshirase		{width: 60px; background-position: -160px 0;}
ul#globalmenu li a.products		{width: 58px; background-position: -240px 0;}
ul#globalmenu li a.shopping		{width: 52px;  background-position: -320px 0;}
ul#globalmenu li a				{background: url(../images/common/gmenu.png)  no-repeat top left; display: block; height: 12px; text-indent:-9999px;}
*/
ul#globalmenu li a{
	letter-spacing: 2px;
	font-family: 'Zen Kaku Gothic New', sans-serif;
}
ul#globalmenu li a:hover		{opacity:0.5;}


/*-----------------
indexmenu
#indexmenu		{float:left; margin-top:155px;}
#indexmenu li	{float:left; margin-right:61px;}
#indexmenu li:last-child	{float:left; margin-right:none;}

ul#indexmenu li a.home		{width: 22px; background-position: 0px 0;}
ul#indexmenu li a.shop		{width: 54px; background-position: -22px 0;}
ul#indexmenu li a.onlineshop{width: 84px; background-position: -76px 0;}
ul#indexmenu li a.contact	{width: 81px; background-position: -161px 0;}
ul#indexmenu li a.about		{width: 115px;  background-position: -243px 0;}
ul#indexmenu li a		{background: url(../images/common/menu.gif)  no-repeat top left; display: block; height: 10px; text-indent:-9999px;}
ul#indexmenu li a:hover	{opacity:0.5;}
-----------------*/

/*-----------------
subpagemenu
#gmenuall		{width:152px; float:left;}

#globalmenu		{margin:40px 0 0 0;}
#globalmenu li	{margin-right:50px; margin-top:15px;}
ul#globalmenu li a.home			{width: 22px; background-position: 0px 0;}
ul#globalmenu li a.shop			{width: 54px; background-position: -22px 0;}
ul#globalmenu li a.onlineshop	{width: 84px; background-position: -76px 0;}
ul#globalmenu li a.contact		{width: 81px; background-position: -161px 0;}
ul#globalmenu li a.about		{width: 115px;  background-position: -243px 0;}
ul#globalmenu li a				{background: url(../images/common/menu.gif)  no-repeat top left; display: block; height: 10px; text-indent:-9999px;}
ul#globalmenu li a:hover		{opacity:0.5;}
-----------------*/
/*-----------------
contents
-----------------*/
#contentsall		{margin-top:5px;}
#contentsbody		{width:600px; float:left; display:block;}
#contentsbody a		 {text-decoration:underline;}
#contentsbody_in	{width:520px; padding:0 40px; margin:0 0 20px 0;}
.bnrbox				{margin-top:15px;}
.topimage			{margin-bottom:15px;}

/*-----------------
sideber
-----------------*/
#sideber					{width:198px; float:left; padding-left:24px;}
.sidelist li				{margin-top:21px;}
.sidelist li:first-child	{margin-top:0;}
.sidelist a.side_tatsuyanosake	{background:url(../images/common/side_tatsuyanosake.png) no-repeat top left; display:block; width:198px; height:247px; text-indent:-9999px; background-size: 198px;}	
.sidelist a.side_sakelabel	{background:url(../images/common/side_sakelabel.png) no-repeat top left; display:block; width:198px; height:198px; text-indent:-9999px; background-size: 198px;}	

/*-----------------
footer
-----------------*/
#footer {
	font-size:11px; 
	margin:60px 0 40px 0; 
	text-align:center;
}
#footer_subpage		{
	margin:25px 0; 
	border-top:1px solid #bbb; 
	padding-top: 15px;
	font-size:11px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	width: 100%;
}

#footer_subpage a	{color:#595858;}
#footer_subpage li {list-style:url(../images/common/icon_arw.gif); list-style-position: inside;}

#footer_subpage ul.fnav_gmenu{
	width: 200px;
}
#footer_subpage .fnav_other{
	width:574px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
}

#footer_subpage .navblock{
	width:calc(100% / 2 - 21px); 
	float:left; 
	padding-left:20px;
	border-left:1px dotted #bbb; 
}
#footer_subpage .navblock p {float:left; padding-right:20px; font-weight:bold;}
#footer_subpage .navblock ul {
	width:175px; 
	float:left;
}

.adresscopy{
	width: 100%;
	position:relative;  
	border-top:1px solid #bbb; 
	padding-top:15px; 
	margin-top:15px;
}
.adresscopy .copy { 
	position:absolute; 
	top:15px; 
	right:0 ; 
	width: 320px; 
	text-align: right;
}

.hanbaibox {margin-bottom: 6px; margin-top: 8px;}

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

中ページLAYOUT

---------------------------------------*/
/*---------------
title関連
---------------*/
.captionmidashi			{font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif; font-size:20px; margin:20px 0;}

.sakemidashi			{font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif; font-size:29px; margin-bottom:20px}
.sakemidashi span		{font-size:14px;}


.bordertitle			{border-bottom:1px solid #ccc; font-size:15px; font-weight:bold; margin-bottom:10px}
.bgtitle			{ background:#ececec; font-size:15px; margin-bottom:10px; padding:6px 9px;}

/*--------------
corporate
---------------*/
.t_corporate			{margin-top:20px; border:1px solid #A09690;}
.t_corporate th,
.t_corporate td		{padding:10px; border-bottom:1px solid #A09690;}
.t_corporate th			{width:100px; background:#EDEAE8; color:#88807C; border-right:1px solid #A09690;}
.t_corporate td			{width:375px; }
.t_corporate a		{ text-decoration:underline;}


/*--------------
help
---------------*/
.helplist li		{border-bottom:1px dotted #ccc; padding:20px 0 20px 50px; position:relative;}
.stepbox			{background:#EDEAE8; color:#88807C; border:1px solid #A09690; padding:7px; width:12px; position:absolute; top:14px; left:0; line-height:15px;text-align:center; font-weight:bold; font-size:10px; }
.flow:before		{content: "";display: block;width: 0;height: 0;border-top: 10px solid #88807C;border-left: 10px solid transparent;border-right: 10px solid transparent; margin:10px auto}
.flow span			{font-weight:bold; text-decoration:underline}



/*--------------
contact
---------------*/
.t-contact table{
	margin-top:20px; 
	border:1px solid #A09690;
	width: 100%;
}
.t-contact th,
.t-contact td {
	border-bottom:1px solid #A09690;
	padding: 1em;
	vertical-align: middle;
}
.t-contact th{
	width: 200px;
	background:#EDEAE8; 
	color:#88807C; 
	border-right:1px solid #A09690;
}
.t-contact td {
}
.t-contact a	 {
	text-decoration:underline;
}

.submitwrap{
	text-align: center;
	margin-top: 1em;
}
.btn_submit{
	box-shadow: none;
	border: 0;
	font-size: 1.25em;
	padding: 1em 3em;
	background: #333;
	color: #fff;
	border-radius: .25em;
	-moz-border-radius: .25em;
	-webkit-border-radius: .25em;
	margin: .5em .5em;
}
.btn_reset{
	box-shadow: none;
	border: 0;
	font-size: 1.25em;
	padding: .5em 1em;
	background: #fff;
	border: 1px solid #333;
	color: #333;
	border-radius: .25em;
	-moz-border-radius: .25em;
	-webkit-border-radius: .25em;
	margin: .5em .5em;
}
/*---------------
news
---------------*/
.newsbox	{margin:30px 0;}
.newsbox li	{ border-top:1px dotted #ccc; padding:30px 0;}
.newsbox li:last-child	{ border-bottom:1px dotted #ccc; padding:30px 0;}

.newsmidashibox			{font-size:12px; margin-bottom:15px; line-height:1.8;}
.newsmidashibox div		{font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif; font-size:18px;  line-height:1.4;}
.newsimg				{width:128px; float:left; display:block; margin:22px 0 0 45px;}
.newstxt				{width:347px; float:left;  text-align:justify; text-justify:inter-ideograph;}


/*---------------
products
---------------*/
.productsbox	{margin:30px 0; border:2px solid #ccc; padding:15px 35px 12px; background:#f9f9f9;}

.p_title		{width:220px; border-right:1px dotted #000; font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif; font-size:29px; float:left; line-height:43px;}
.icon_sake		{background: #6e895b url(../images/products/icon_sake.png) no-repeat center; width:43px; height:43px; text-indent:-9999px; border-radius: 50px;            -webkit-border-radius: 50px;  -moz-border-radius: 50px; float:left; margin-right:18px;}

.p_menu			{width:185px; float:left; padding-left:40px; margin-top:-1px; text-align: justify; text-justify: distribute-all-lines;}
.p_menu	a		{background:url(../images/common/icon_arw.gif) no-repeat center left; padding-left:15px; display:block;}


/*---------------
cartnav
---------------*/
.cartnavi		{float:right;  margin-top:-60px;}
.cartnavi li	{float:left;  width:120px; text-align:right; }
a.cartin		{background:#6e895b; color:#ffffff; padding:3px 5px;}


/*---------------
sakelist
---------------*/

ul.sakelist{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}
.sakelist li a		{
	text-decoration:none;
	display: block;
}
.sakelist li {
	width:48%;
	text-align:center;
}
.sakelist li .btn-click{
	width: 100%;
	background: #333;
	font-weight: bold;
	display: block;
	text-align: center;
	padding: .5em 0;
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	margin-top: 1em;
}
.sakelist li .btn-click > a{
	color: #fff!important;
	text-decoration: none!important;
}
.sakekakakulist	.kakaku	{
	font-size:13px;
}
.sakekakakulist .title	{
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif; 
	font-size:19px; 
	margin:10px 0 0 0;
}


/*---------------
sake
---------------*/
#sakeentry				{margin-top:0;}
#sakeentry li			{
	margin-top:40px; 
	padding-bottom:40px;
	border-bottom:1px dotted #ccc;
}
#sakeentry li:last-child{
	border-bottom: none;
	padding-bottom: 40px;
}
#sakeentry .thumbnail	{width:234px; text-align:center; float:left;}
#sakeentry .entry		{width:286px; float:left;}
#sakeentry p			{font-size:11px; margin-bottom:15px; text-align:justify; text-justify:inter-ideograph;}

.sakemidashibox			{font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif; font-size:29px; margin-bottom:12px;}
.sakecopy				{font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif; font-weight:bold; }

.sakekakaku				{font-size:29px; margin-top:25px;}
.sakekakaku	 span		{font-size:13px;}
/*
.suryo					{font-size:12px; margin:10px 0 15px 0;}
.suryo	span			{font-size:11px;}
.suryo	input			{border:2px solid #ccc; width:20px; padding:5px;}
.cartbtn				{margin-top:30px;}
*/

#sakeentry .list_sikaku li 		{list-style-image:url(../images/common/icon_sikaku.gif);  font-size:11px; list-style-position: inside; margin:10px 0 0 0; border-bottom:none; padding-bottom:0;} 
#sakeentry .list_sikaku table	{background:#f7f7f7; margin-top:5px;} 
#sakeentry .list_sikaku td 		{text-align:center; font-size:10px; width:58px; padding:8px 0;  border-bottom:none; } 

#sakeatt	{
	background:#f7f7f7; 
	border:1px solid #e1e1e1;
	margin-top:35px; 
	padding:1.25em; 
	font-size:11px; 
	text-align:center;
}
.large{
	font-size: 17px;
	margin-bottom: .25em;
}

.index-att{
	margin-top: 15px!important;
}
a.btn-order{
	background: #333;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	display: block;
	text-decoration: none!important;
	text-align: center;
	padding: .5em 0;
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	margin-top: 1em;
}

/*---------------
リダイレクト
---------------*/
.maintenance{
	max-width: 500px;
	width: 83%;
	margin: 5em auto;
	text-align: center;
}
.maintenance .box{
	padding: 1em;
	background: #dedede;
	border: 1px solid #333;
	margin-top: 3em;
	color: #333;
	font-size: 15px;
}
.maintenance-footer{
	text-align: center;
	font-size: 12px;
}
.inline-block{
	display: inline-block;
}