@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
}

html{
	width:100%;
	height:100%;
}

body{
	width:100%;
	height:100%;
	background:url(../img/background.jpg);
	/*background-position:center top;*/
	color:#000000;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

* img{
	vertical-align:bottom;
}

a img{
	border:none;
}

table{
	border-collapse:collapse;
}

/* container */

.container{
	width:1000px;
	height:100%;
	margin-right:auto;
	margin-left:auto;
}

/* section */

section{
	width:1000px;
	float:left;
	background:#ffffff;
}

/* header */

header{
	width:900px;
	margin-left:50px;
}

/* logo */

.logo{
	float:left;
	width:305px;
	margin-top:30px;
	margin-bottom:30px;
}

/* headnav */

.headnav{
	margin-top:40px;
	float:right;
}

.headnav ul{
	list-style:none;
	height:0.9em;
	border-left:1px dotted #000000;
	text-align:right;
}

.headnav ul li{
	float:left;
	padding-right:0.9em;
	padding-left:0.9em;
	font-size:0.9em;
	line-height:1;
	border-right:1px dotted #000000;
}

.headnav ul li a{
	color:#000000;
	text-decoration:none;
}

.headnav ul li a:hover{
	text-decoration:underline;
}

/* nav */

nav{
	clear:both;
	height:30px;
	margin-left:50px;
}

nav ul{
	list-style:none;
}

nav ul li{
	float:left;
}

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

/* column_left */

.column_left{
	width:661px;
	float:left;
	margin-left:50px;
	padding-top:1em;
	padding-bottom:1em;
}

/* ===== 秋田県産米コーナー専用 ===== */
.rice-product {
  margin-bottom: 30px; /* 商品ごとの余白 */
}

/* 商品1枠のレイアウト */
.rice-container {
  display: grid;
  grid-template-columns: 200px 400px; /* 合計600px */
  grid-template-rows: 300px;                /* 高さは調整 */
  width: 600px;
  height: 300px;
  font-family: "Hiragino Sans", "Noto Sans JP", sans-serif;
}

/* 各カラム共通 */
.rice-left, .rice-center, .rice-right {
  padding: 10px;
  box-sizing: border-box;
}

/* 左カラム（画像） */
.rice-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 中央カラム（紹介文） */
.rice-center h2 {
  margin: 0 0 10px;
  font-size: 18px;
  color: #333;
}
.rice-center p {
  font-size: 16px;
  line-height: 1.6;
  color: #555;
}

/* 右カラム（価格） */
.rice-right {
  display: grid;
  grid-template-rows: repeat(3, 1fr);
}
.rice-price1 {
  font-size: 20px;
}

.button13 {
  background-color: #fff;
  border: solid 2px #d20a17;
  color: #d20a17;
  border-radius: 10px;
  padding: 10px 30px;
  text-decoration: none;
  font-size: 1em;
}
.button13:hover {
  color: #fff;
  background-color: #d20a17;
}

/* IE11ハック */

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .column_left {
  padding-top: 0.3em;
  }
}

/* column_right */

.column_right{
	width:239px;
	float:left;
	margin-left:33px;
	padding-top:1.5em;
	padding-bottom:1.5em;
}

/* column_right_outbox 特定商取引法に関する表示のために外枠を追加　2017/03/10 */

.column_right_outbox{
	float:left;
}

/* footer */

footer{
	clear:both;
	background:#f2f2f2;
	width:1000px;
	padding-top:2em;
	padding-bottom:1em;
}


/* footerban */

.footerban{
	display:table-cell;
	padding-left:90px;
}

/* footercom */

.footercom{
	display:table-cell;
	vertical-align:middle;
	font-size:0.9em;
	line-height:1.5;
	padding-left:20px;
}

/* copyright */

.copyright{
	text-align:center;
	font-size:0.9em;
	line-height:1.5;
	margin-top:1em;
	margin-bottom:1em;
}




/* main */

.main{
	width:661px;
	float:left;
	background:url(../img/line_01.png) repeat-x top left;
	padding-top:1.5em;
	padding-bottom:0em;
}

.bottomdotline_01{
	border-bottom:1px dotted #000000;
}

/* article */

article{
}

/* box */

.box_01{
	display:table;
	vertical-align:top;
}

.box_01_01{
	display:table-cell;
	vertical-align:top;
}

/* itembox */

.itembox{
	/*border-bottom:1px dotted #000000;*/
	padding-bottom:1em;
}

/* itemimg_01 */

.itemimg_01{
	width:288px;
	height:310px;
}

/* itemimg_02 */

.itemimg_02{
	width:207px;
	height:271px;
}

/* itemimg_03 */

.itemimg_03{
	width:322px;
	height:356px;
}

/* itemimg_04 */

.itemimg_04{
	width:322px;
	height:274px;
}

/* itemimg_05 */

.itemimg_05{
	width:207px;
	height:230px;
}

/* itemimg_06 */

.itemimg_06{
	width:207px;
	height:178px;
	padding-top:1em;
	padding-bottom:0.5em;
}


/* item_syosai */

.item_syosai{
	width:322px;
	border-bottom:1px dotted #000000;
}

.item_syosai th{
	text-align:left;
	font-weight:normal;
	font-size:0.9em;
	line-height:1.5;
	padding-top:0.5em;
	padding-bottom:0.5em;
	border-top:1px dotted #000000;
	white-space:nowrap;
}

.item_syosai td{
	text-align:right;
	font-size:0.9em;
	line-height:1.5;
	padding-top:0.5em;
	padding-bottom:0.5em;
	border-top:1px dotted #000000;
	white-space:nowrap;
}


/* columns2 */

.columns2 {
  -webkit-columns: 180px 2;
  -moz-columns: 180px 2;
  -ms-columns: 180px 2;
  columns: 180px 2;
  /*margin-bottom:30px;
  vertical-align:top;*/
}

/* columns3 */

.columns3 {
  -webkit-columns: 290px 3;
  -moz-columns: 290px 3;
  -ms-columns: 290px 3;
  columns: 290px 3;
  margin-bottom:30px;
  vertical-align:top;
}

/* columns2w */

.columns2w {
  -webkit-columns: 450px 2;
  -moz-columns: 450px 2;
  -ms-columns: 450px 2;
  columns: 450px 2;
  margin-bottom:30px;
  vertical-align:top;
}




/* headline_01 */

.headline_01{
	margin-bottom:0.5em;
}

/* headline_02 */

.headline_02{
	margin-bottom:1em;
}

/* headline_03 */

.headline_03{
	background:url(../img/headlinemark_01.png) no-repeat left center;
	padding-left:23px;
	font-size:1.2em;
	min-height:18px;
}

.headline_03 span{
	font-size:0.8em;
	margin-left:1em;
	font-weight:normal;
}

/* headline_04 */

.headline_04{
	margin-bottom:1.5em;
}

/* headline_05 */

.headline_05{
	background:url(../img/headlinemark_01.png) no-repeat left center;
	padding-left:23px;
	font-size:1.2em;
	min-height:18px;
	margin-bottom:0.5em;
}

/* headline_06 特定商取引法に関する表示 */

.headline_06{
	background:url(../img/list_02.png) no-repeat left center;
	padding-left:20px;
	padding-top:1.5em;
	padding-bottom:1.5em;
	font-size:0.9em;
	line-height:1;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	width:190px;
	clear:both;
	margin-left:33px;
	margin-bottom:2em;
}

.headline_06 a{
	text-decoration:none;
	color:#000000;
}

.headline_06 a:hover{
	text-decoration:underline;
}

/*  tex_01 */

.tex_01{
	font-size:0.9em;
	line-height:1.5;
	margin-bottom:1em;
}

/*  tex_02 */

.tex_02{
	font-size:0.9em;
	line-height:1.5;
	margin-bottom:2em;
}

.tex_03{
	font-size:1em;
	line-height:1.5;
	margin-bottom:1em;
}


/* 左マージン開ける場合 */

.tex_LM_01{
	margin-left:27px;
}



/* ban */

.ban{
	width:208px;
	margin-bottom:1em;
	float:left;
}

.ban ul{
	list-style:none;
}

.ban ul li{
	float:left;
	margin-right:2px;
	margin-bottom:2px;
}


/****** form 以下formのレイアウト設定 ******/

.formbox{
	padding-top:1em;
	padding-bottom:1em;
	
}

.width100{
	width:100%;
}

.width8em{
	width:9em;
	padding-right:1em;
}

.width4em{
	width:3em;
	text-align:center;
}

.marginL1em{
	margin-left:1em;
}

.marginB1em{
	margin-bottom:1em;
}




/* table_01 */

.table_01{
	border-collapse:collapse;
	margin-bottom:1em;
	width:100%;
}

.table_01 tr:nth-child(2n) {    /* 偶数行 */
   background-color:#ffffff;
}

.table_01 tr:nth-child(2n+1) {  /* 奇数行 */
   background-color:#fafafa;
}

.table_01 th{
	font-size:0.9em;
	line-height:1.5;
	text-align:left;
	padding-top:0.5em;
	padding-right:0em;
	padding-bottom:0.5em;
	padding-left:1em;
	font-weight:normal;
}

.table_01 td{
	font-size:0.9em;
	line-height:1.5;
	padding-top:0.5em;
	padding-right:1em;
	padding-bottom:0.5em;
	padding-left:0em;
}

/* table_02 */

.table_02{
	border-collapse:collapse;
	margin-bottom:0em;
	width:100%;
}

.table_02 th{
	font-size:0.9em;
	line-height:1.5;
	text-align:left;
	padding-top:0.5em;
	padding-right:0em;
	padding-bottom:0.5em;
	padding-left:1em;
	font-weight:normal;
}

.table_02 td{
	font-size:0.9em;
	line-height:1.5;
	padding-top:0.5em;
	padding-right:1em;
	padding-bottom:0.5em;
	padding-left:0em;
}

/* table_03 */

.table_03{
	border-collapse:collapse;
	margin-bottom:1em;
	width:100%;
}

.table_03 tr:nth-child(2n) {    /* 偶数行 */
   background-color:#ffffff;
}

.table_03 tr:nth-child(2n+1) {  /* 奇数行 */
   background-color:#fafafa;
}

.table_03 th{
	font-size:0.9em;
	line-height:1.5;
	text-align:left;
	padding-top:0.5em;
	padding-right:0em;
	padding-bottom:0.5em;
	padding-left:1em;
	font-weight:normal;
	width:4em;
}

.table_03 td{
	font-size:0.9em;
	line-height:1.5;
	padding-top:0.5em;
	padding-right:0em;
	padding-bottom:0.5em;
	padding-left:0em;
}

/* table_04 特定商取引法に関する表示用 */

.table_04{
	border-collapse:collapse;
	margin-bottom:2em;
	width:100%;
	border:1px solid #cccccc;
}

.table_04 th{
	font-size:0.9em;
	line-height:1.5;
	text-align:left;
	padding-top:0.5em;
	padding-right:0em;
	padding-bottom:0.5em;
	padding-left:1em;
	font-weight:normal;
	width:12em;
	border:1px solid #cccccc;
	background:#f7f7f8;
	vertical-align:top;
	white-space:nowrap;
}

.table_04 td{
	font-size:0.9em;
	line-height:1.5;
	padding-top:0.5em;
	padding-right:0.5em;
	padding-bottom:0.5em;
	padding-left:1em;
	border:1px solid #cccccc;
	vertical-align:top;
}

/* table_05 特定商取引法に関する表示の中用 */

.table_05{
	border-collapse:collapse;
	border:1px solid #cccccc;
	margin-bottom:0.5em;
	width:90%;
}

.table_05 th{
	background:none;
	width:auto;
	width:35%;
	border:1px solid #cccccc;
}

.table_05 td{
	text-align:right;
	border:1px solid #cccccc;
}


/* disptable_01 */

.disptable_01{
	display:table;
	margin-bottom:1em;
	width:100%;
	font-size:0.9em;
	line-height:1.5;
	vertical-align:top;
}

.disptablecell_L{
	display:table-cell;
	width:8em;
	vertical-align:top;
}

.disptablecell_R{
	vertical-align:top;
	padding-right:1em;
}

textarea{
	line-height:1.5;
}

.position_center{
	width:100%;
	font-size:0.9em;
	text-align:center;
}

/****** formのレイアウト設定ここまで ******/

/****** formのレイアウト酒追加に伴い追加 ******/

.miseinen{
	width:100%;
	/*float:left;*/
	background:url(../img/line_01.png) repeat-x bottom left;
	padding-bottom:1.5em;
	margin-bottom: 1.5rem;
}

.miseinen>div{
	display: table-cell;
	vertical-align: top;
}

.miseinen div h2{
	color: #c1272d;
	font-size: 1.2rem;
}

.miseinen div ul{
	list-style: none;
}

.miseinen div ul li{
	background: url(../img/list_03.png) no-repeat left top;
	padding-left: 20px;
	font-size: 0.9rem;
}

.stop{
	padding-right: 2rem;
}

/****** formのレイアウト酒追加に伴い追加ここまで ******/

/* totop */

.totop{
	text-align:right;
}

/****** トップページ用 ******/

/* img_top */

.img_top{
	margin-bottom:1em;
	margin-left:50px;
}

/* news */

/* newsbox */

.newsbox{
	display:table;
	/*margin-right:-21px;*/
	margin-bottom:2em;
}

/* news */

.news{
	display:table-cell;
	width:206px;
	/*padding-right:21px;*/
	border-bottom:1px dotted #000000;
}

/* newssp */

.newssp{
	display:table-cell;
	width:21px;
}

.news img{
	margin-bottom:1em;
}

.newscom{
	width:100%;
}

.newscom h2{
	color:#d20a17;
	font-size:0.9em;
	line-height:1.5;
	margin-bottom:1em;
}

.newscom p{
	font-size:0.9em;
	line-height:1.5;
	margin-bottom:2em;
}

.newsdate{
	text-align:right;
	font-size:0.8em;
	line-height:1.5;
	margin-bottom:2em;
}

/* ban_top */

.ban_top{
	margin-bottom:1em;
}

/****** トップページ用ここまで ******/


/****** ランドセル用 ******/

/* ban_sub */

.ban_sub{
	margin-bottom:1.5em;
}

/* ico */

.ico_01{
	float:left;
}

/****** デジタルカタログ ******/

/* digibox */

.digibox{
	width:676px;
	float:left;
	margin-right:8px;
	margin-left:-8px;
	margin-bottom:1em;
	background:url(../img/bg_digi_mid.png) repeat-y top center;
}

.digitop{
	width:676px;
	height:8px;
	background:url(../img/bg_digi_top.png) no-repeat;
}

.digibot{
	width:676px;
	height:8px;
	background:url(../img/bg_digi_bottom.png) no-repeat top center;
}

/****** 特定商取引 ******/

/* boxtoi */

.boxtoi{
	border:5px solid #cccccc;
	padding:1em;
	margin-bottom:1em;
}

.boxtoi h2{
	font-size:1.1em;
	line-height:1;
	padding-top:0.5em;
	padding-bottom:0.5em;
	margin-bottom:0.5em;
	background:#f8eab8;
	border-radius:10px;
	text-align:center;
}

.boxtoi h3{
	font-size:1.1em;
	line-height:1.5;
	font-weight:bold;
	text-align:center;
}

.boxtoi p{
	font-size:0.9em;
	line-height:1.35;
	text-align:center;
}

/****** 酒通販ページ用 ******/

/*kikizake*/

.kikizake{
	background: url(../img/bg_kikizake.png) no-repeat top left;
	box-sizing: border-box;
	width: 660px;
	height: 268px;
	vertical-align: top;
	padding-top: 50px;
	padding-left: 290px;
	margin-bottom: 2rem;
}

.kikizake h2{
	margin-bottom: 1.5rem;
}

.kikizake p{
	font-size: 0.9rem;
	line-height: 1.5;
}

/*umainihonsyu*/

.umainihonsyu{
	box-sizing: border-box;
	width: 661px;
	background: #f8f5f0;
	padding-top: 16px;
	padding-bottom: 16px;
	padding-left: 16px;
	margin-bottom: 2rem;
}

.umainihonsyu>div{
	width: 628px;
	background: #ffffff;
	/*padding-bottom: 2rem;*/
}

/*sake_no01*/

.sake_no01{
	display: table;
	padding-bottom: 2rem;
}

.sake_no01>div{
	display: table-cell;
	vertical-align: top;
}

.sake_no01>div p{
	font-size: 0.9rem;
	line-height: 1.5;
	margin-right: 1rem;
}

/*sake_price*/

.sake_pricel{
	font-size: 0.9rem;
	line-height: 1.3;
}

.sake_prices{
	font-size: 0.75rem;
	line-height: 1.1;
}

.col_prcie{
	color: #b55233;
}

.size_pricel{
	font-size: 1.4rem;
}

.size_prices{
	font-size: 1.2rem;
}

/*sake_no0203*/

.sake_no0203{
	display: table;
	width: 604px;
}

.sake_no0203>div{
	display: table-cell;
	width: 280px;
	margin-right: 2rem;
}

.sake_no0203>div img{
	margin-bottom: 1rem;
}

.sake_no0203>div p{
	font-size: 0.9rem;
}

/*sake_detail*/

.sake_detail{
	vertical-align: bottom;
}

.sake_detail>p{
	font-size: 0.9rem;
	line-height: 1.5;
}


/*sake_nimokurabe02*/
.sake_nimokurabe02{
    display: table;
}

.sake_nimokurabe02>div{
    display: table-cell;
    width: 360px;
}



/*sake_other*/

.sake_other{
	display: table;
}

.sake_other>div{
	display: table-cell;
	width: 220px;
}

/*sake_chara*/

.sake_chara{
	font-size: 0.75rem;
	line-height: 1.5;
	color: #b55233;
	text-align: center;
	padding-bottom: 1rem;
}

/*sake_name*/

.sake_name{
	font-size: 1.2rem;
	line-height: 1.5;
	text-align: center;
	padding-bottom: 1rem;
}

/*sake_other_detail*/

.sake_other_detail{
	vertical-align: bottom;
	padding-bottom: 1rem;
}

.sake_other_detail>p{
	vertical-align: bottom;
	font-size: 0.8rem;
	line-height: 1.5;
}

/*ban_cat*/

.ban_cat{
	border-top:1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-top: 2rem;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
}
		
/*order*/

.order{
	/*clear: left;*/
	background: #f8f5f0;
	padding-top: 1.5rem;
	padding-right: 2rem;
	padding-bottom: 2rem;
	padding-left: 2rem;
	margin-bottom: 2rem;
	box-sizing: border-box;
	width: 100%;
}

.order h2{
	margin-bottom: 1.5rem;
}

.order ul{
	list-style: none;
}

.order ul li{
	font-size: 0.9rem;
	line-height: 1.5;
	background: url(../img/list_04.png) no-repeat left top;
	padding-left: 20px;
}

