@charset "utf-8";
/*---------
10px	67%
11px	74%
12px	80%
13px	87%
14px	94%
15px	100% *
16px	107%
17px	114%
18px	120%
19px	127%
20px	134%
21px	140%
22px	147%
23px	154%
24px	160%
25px	167%
26px	174%
-----------*/
body {
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, sans-serif;
	font-size: 15px;
	color: #545454;
	width:100%;
	min-width:1000px;
	letter-spacing:0.1em;
	line-height:100%;
	font-weight:400;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align:bottom;
}
a img {
	border: none;
	outline: none;
}
*:focus {
	outline: none;
}
input.styleReset,
button.styleReset,
textarea.styleReset,
select.styleReset {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;/*
	outline: none;*/
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
textarea {
	display: block;
	width: 100%;
	max-width: 100%;
}
textarea.styleReset {
	font-family: Arial;
}
.bold {font-weight: bold;}
.sp_only {display: none;}
.d_block {display: block;}
.pc_d_block {display: block;}
.clear_both {clear:both;}
.t_left {text-align: left;}
.t_center {text-align: center;}
.pc_t_center {text-align: center;}
.t_right {text-align: right;}
.m0 { margin: 0 !important; }
.mt0 { margin-top: 0 !important;}
.mt10 { margin-top: 10px; }
.mt30 { margin-top: 30px; }
.mb0 { margin-bottom: 0 !important;}
.p0 { padding: 0 !important;}
.pt0 { padding-top: 0 !important;}
.pb0 { padding-bottom: 0 !important;}
.pt { padding-top: 95px}
.pb { padding-bottom: 95px}
.pc_mt10 { margin-top: 10px; }
.pc_mt20 { margin-top: 20px; }
.vm { vertical-align:middle;}
.txt_base {
	font-size: 120%;
	line-height: 1.8;
}
.txt_base02 {
	font-size: 107%;
	line-height: 1.7;
}
.txt_base03 {
	font-size: 94%;
	line-height: 1.5;
}
.mover {
	transition: opacity 0.3s ease;
}
.mover:hover {
	opacity: 0.5;
}
.ib {
	display: inline-block;
}

@media screen and (max-width:740px){
	body {
		min-width: inherit;
		-webkit-text-size-adjust: 100%;
	}
	input,
	textarea,
	select {
		font-size: 16px;
	}
	.pt { padding-top: 60px}
	.pb { padding-bottom: 60px}
	.sp_only {display: block;}
	.pc_only {display: none;}
	.pc_d_block{display: inline;}
	.sp_d_block{display: block;}
	.sp_clear_both {clear:both;}
	.pc_t_center {text-align: left;}
	.sp_t_left {text-align: left;}
	.sp_t_center {text-align: center;}
	.sp_t_right {text-align: right;}
	.pc_mt10,.pc_mt20 {margin-top: 0; }
	.sp_pl5 { padding-left:5em; }
	.sp_pb20 { padding-bottom: 20px; }
	.txt_base {
		font-size: 100%;
	}
	.txt_base02 {
		font-size: 100%;
	}
	.txt_base03 {
		font-size: 87%;
	}
	.mover:hover {
		opacity: 1;
	}
}
/* -------------------------------------
	デフォルトリンク系
----------------------------------------*/
a,
a img,
.btn a span {
	transition: opacity 0.3s ease;
}
a,
a:visited {
	color: #545454;
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	color: #545454;
	text-decoration: none;
	opacity: 0.5;
}
a:active {
	text-decoration:none;
}
a.tellink,
a.tellink:hover,
a.tellink:visited {
	cursor:default;
	color:#333;
	text-decoration:none;
}
@media screen and (max-width:740px){
	a.tellink,
	a.tellink:hover,
	a.tellink:visited {
		cursor: pointer;
		color: #0570da;
		font-size:150%;
		background-image: url(../img/common/icon_tel.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size:28px;
		padding: 4px 0 4px 31px;
	}
}

/* -------------------------------------
	調整用
----------------------------------------*/
.mode_pc,
.mode_pc_ib {
	display: none;
}
.mode_tb {
	display: none;
}
.mode_sp {
	display: block;
}
.mode_pctb {
	display: none;
}
.mode_tbsp {
	display: block;
}
.mode_tbsp_ib {
	display: inline-block;
}
/* 文字サイズ制御 */
.sp_font_10 {
	font-size: 10px;
}
.sp_font_11 {
	font-size: 11px;
}
.sp_font_12 {
	font-size: 12px;
}
.sp_font_13 {
	font-size: 13px;
}
.sp_font_14 {
	font-size: 14px;
}
.sp_font_15 {
	font-size: 15px;
}
.sp_font_16 {
	font-size: 16px;
}
.sp_font_17 {
	font-size: 17px;
}
.sp_font_18 {
	font-size: 18px;
}
.sp_font_19 {
	font-size: 19px;
}
.sp_font_20 {
	font-size: 20px;
}
.sp_font_21 {
	font-size: 21px;
}
.sp_font_22 {
	font-size: 22px;
}
.sp_font_23 {
	font-size: 23px;
}
.sp_font_24 {
	font-size: 24px;
}

/* 文字間隔制御 */
.ltr_space_m030 {
	letter-spacing: -0.30em;
}
.ltr_space_m029 {
	letter-spacing: -0.29em;
}
.ltr_space_m028 {
	letter-spacing: -0.28em;
}
.ltr_space_m027 {
	letter-spacing: -0.27em;
}
.ltr_space_m026 {
	letter-spacing: -0.26em;
}
.ltr_space_m025 {
	letter-spacing: -0.25em;
}
.ltr_space_m024 {
	letter-spacing: -0.24em;
}
.ltr_space_m023 {
	letter-spacing: -0.23em;
}
.ltr_space_m022 {
	letter-spacing: -0.22em;
}
.ltr_space_m021 {
	letter-spacing: -0.21em;
}
.ltr_space_m020 {
	letter-spacing: -0.20em;
}
.ltr_space_m019 {
	letter-spacing: -0.19em;
}
.ltr_space_m018 {
	letter-spacing: -0.18em;
}
.ltr_space_m017 {
	letter-spacing: -0.17em;
}
.ltr_space_m016 {
	letter-spacing: -0.16em;
}
.ltr_space_m015 {
	letter-spacing: -0.15em;
}
.ltr_space_m014 {
	letter-spacing: -0.14em;
}
.ltr_space_m013 {
	letter-spacing: -0.13em;
}
.ltr_space_m012 {
	letter-spacing: -0.12em;
}
.ltr_space_m011 {
	letter-spacing: -0.11em;
}
.ltr_space_m010 {
	letter-spacing: -0.10em;
}
.ltr_space_m009 {
	letter-spacing: -0.09em;
}
.ltr_space_m008 {
	letter-spacing: -0.08em;
}
.ltr_space_m007 {
	letter-spacing: -0.07em;
}
.ltr_space_m006 {
	letter-spacing: -0.06em;
}
.ltr_space_m005 {
	letter-spacing: -0.05em;
}
.ltr_space_m004 {
	letter-spacing: -0.04em;
}
.ltr_space_m003 {
	letter-spacing: -0.03em;
}
.ltr_space_m002 {
	letter-spacing: -0.02em;
}
.ltr_space_m001 {
	letter-spacing: -0.01em;
}
.ltr_space_001 {
	letter-spacing: 0.01em;
}
.ltr_space_002 {
	letter-spacing: 0.02em;
}
.ltr_space_003 {
	letter-spacing: 0.03em;
}
.ltr_space_004 {
	letter-spacing: 0.04em;
}
.ltr_space_005 {
	letter-spacing: 0.05em;
}
.ltr_space_006 {
	letter-spacing: 0.06em;
}
.ltr_space_007 {
	letter-spacing: 0.07em;
}
.ltr_space_008 {
	letter-spacing: 0.08em;
}
.ltr_space_009 {
	letter-spacing: 0.09em;
}
.ltr_space_010 {
	letter-spacing: 0.10em;
}
.ltr_space_0105 {
	letter-spacing: 0.105em;
}
.ltr_space_011 {
	letter-spacing: 0.11em;
}
.ltr_space_012 {
	letter-spacing: 0.12em;
}
.ltr_space_013 {
	letter-spacing: 0.13em;
}
.ltr_space_014 {
	letter-spacing: 0.14em;
}
.ltr_space_015 {
	letter-spacing: 0.15em;
}
.ltr_space_016 {
	letter-spacing: 0.16em;
}
.ltr_space_017 {
	letter-spacing: 0.17em;
}
.ltr_space_018 {
	letter-spacing: 0.18em;
}
.ltr_space_019 {
	letter-spacing: 0.19em;
}
.ltr_space_020 {
	letter-spacing: 0.20em;
}
.ltr_space_021 {
	letter-spacing: 0.21em;
}
.ltr_space_022 {
	letter-spacing: 0.22em;
}
.ltr_space_023 {
	letter-spacing: 0.23em;
}
.ltr_space_024 {
	letter-spacing: 0.24em;
}
.ltr_space_025 {
	letter-spacing: 0.25em;
}
.ltr_space_026 {
	letter-spacing: 0.26em;
}
.ltr_space_027 {
	letter-spacing: 0.27em;
}
.ltr_space_028 {
	letter-spacing: 0.28em;
}
.ltr_space_029 {
	letter-spacing: 0.29em;
}
.ltr_space_030 {
	letter-spacing: 0.30em;
}
.ltr_space_05px {
	letter-spacing: 0.5px;
}

/* 文字制御 */
.text_center {
	text-align: center;
}
.text_left {
	text-align: left;
}
.text_right {
	text-align: right;
}
.text_bold {
	font-weight: bold;
}
.text_italic {
	font-style: italic;
}
.text_underline {
	text-decoration: underline;
}
.overflow_hidden {
	overflow: hidden;
}
@media screen and (min-width: 641px) {
	.mode_pc,
	.mode_pc_ib {
		display: none;
	}
	.mode_tb {
		display: block;
	}
	.mode_sp {
		display: none;
	}
	.mode_pctb {
		display: block;
	}
	.mode_tbsp {
		display: block;
	}
	.mode_tbsp_ib {
		display: inline-block;
	}
	/* 文字サイズ制御 */
	.tb_font_10 {
		font-size: 10px;
	}
	.tb_font_11 {
		font-size: 11px;
	}
	.tb_font_12 {
		font-size: 12px;
	}
	.tb_font_13 {
		font-size: 13px;
	}
	.tb_font_14 {
		font-size: 14px;
	}
	.tb_font_15 {
		font-size: 15px;
	}
	.tb_font_16 {
		font-size: 16px;
	}
	.tb_font_17 {
		font-size: 17px;
	}
	.tb_font_18 {
		font-size: 18px;
	}
	.tb_font_19 {
		font-size: 19px;
	}
	.tb_font_20 {
		font-size: 20px;
	}
	.tb_font_21 {
		font-size: 21px;
	}
	.tb_font_22 {
		font-size: 22px;
	}
	.tb_font_23 {
		font-size: 23px;
	}
	.tb_font_24 {
		font-size: 24px;
	}
}
@media screen and (min-width: 769px) {
	.mode_pc {
		display: block;
	}
	.mode_pc_ib {
		display: inline-block;
	}
	.mode_tb {
		display: none;
	}
	.mode_sp {
		display: none;
	}
	.mode_pctb {
		display: block;
	}
	.mode_tbsp {
		display: none;
	}
	.mode_tbsp_ib {
		display: none;
	}
	/* 文字サイズ制御 */
	.font_10 {
		font-size: 10px;
	}
	.font_11 {
		font-size: 11px;
	}
	.font_12 {
		font-size: 12px;
	}
	.font_13 {
		font-size: 13px;
	}
	.font_14 {
		font-size: 14px;
	}
	.font_15 {
		font-size: 15px;
	}
	.font_16 {
		font-size: 16px;
	}
	.font_17 {
		font-size: 17px;
	}
	.font_18 {
		font-size: 18px;
	}
	.font_19 {
		font-size: 19px;
	}
	.font_20 {
		font-size: 20px;
	}
	.font_21 {
		font-size: 21px;
	}
	.font_22 {
		font-size: 22px;
	}
	.font_23 {
		font-size: 23px;
	}
	.font_24 {
		font-size: 24px;
	}

	/* 文字間隔制御 */
	.pc_ltr_space_m030 {
		letter-spacing: -0.30em;
	}
	.pc_ltr_space_m029 {
		letter-spacing: -0.29em;
	}
	.pc_ltr_space_m028 {
		letter-spacing: -0.28em;
	}
	.pc_ltr_space_m027 {
		letter-spacing: -0.27em;
	}
	.pc_ltr_space_m026 {
		letter-spacing: -0.26em;
	}
	.pc_ltr_space_m025 {
		letter-spacing: -0.25em;
	}
	.pc_ltr_space_m024 {
		letter-spacing: -0.24em;
	}
	.pc_ltr_space_m023 {
		letter-spacing: -0.23em;
	}
	.pc_ltr_space_m022 {
		letter-spacing: -0.22em;
	}
	.pc_ltr_space_m021 {
		letter-spacing: -0.21em;
	}
	.pc_ltr_space_m020 {
		letter-spacing: -0.20em;
	}
	.pc_ltr_space_m019 {
		letter-spacing: -0.19em;
	}
	.pc_ltr_space_m018 {
		letter-spacing: -0.18em;
	}
	.pc_ltr_space_m017 {
		letter-spacing: -0.17em;
	}
	.pc_ltr_space_m016 {
		letter-spacing: -0.16em;
	}
	.pc_ltr_space_m015 {
		letter-spacing: -0.15em;
	}
	.pc_ltr_space_m014 {
		letter-spacing: -0.14em;
	}
	.pc_ltr_space_m013 {
		letter-spacing: -0.13em;
	}
	.pc_ltr_space_m012 {
		letter-spacing: -0.12em;
	}
	.pc_ltr_space_m011 {
		letter-spacing: -0.11em;
	}
	.pc_ltr_space_m010 {
		letter-spacing: -0.10em;
	}
	.pc_ltr_space_m009 {
		letter-spacing: -0.09em;
	}
	.pc_ltr_space_m008 {
		letter-spacing: -0.08em;
	}
	.pc_ltr_space_m007 {
		letter-spacing: -0.07em;
	}
	.pc_ltr_space_m006 {
		letter-spacing: -0.06em;
	}
	.pc_ltr_space_m005 {
		letter-spacing: -0.05em;
	}
	.pc_ltr_space_m004 {
		letter-spacing: -0.04em;
	}
	.pc_ltr_space_m003 {
		letter-spacing: -0.03em;
	}
	.pc_ltr_space_m002 {
		letter-spacing: -0.02em;
	}
	.pc_ltr_space_m001 {
		letter-spacing: -0.01em;
	}
	.pc_ltr_space_001 {
		letter-spacing: 0.01em;
	}
	.pc_ltr_space_002 {
		letter-spacing: 0.02em;
	}
	.pc_ltr_space_003 {
		letter-spacing: 0.03em;
	}
	.pc_ltr_space_004 {
		letter-spacing: 0.04em;
	}
	.pc_ltr_space_005 {
		letter-spacing: 0.05em;
	}
	.pc_ltr_space_006 {
		letter-spacing: 0.06em;
	}
	.pc_ltr_space_007 {
		letter-spacing: 0.07em;
	}
	.pc_ltr_space_008 {
		letter-spacing: 0.08em;
	}
	.pc_ltr_space_009 {
		letter-spacing: 0.09em;
	}
	.pc_ltr_space_010 {
		letter-spacing: 0.10em;
	}
	.pc_ltr_space_0105 {
		letter-spacing: 0.105em;
	}
	.pc_ltr_space_011 {
		letter-spacing: 0.11em;
	}
	.pc_ltr_space_012 {
		letter-spacing: 0.12em;
	}
	.pc_ltr_space_013 {
		letter-spacing: 0.13em;
	}
	.pc_ltr_space_014 {
		letter-spacing: 0.14em;
	}
	.pc_ltr_space_015 {
		letter-spacing: 0.15em;
	}
	.pc_ltr_space_016 {
		letter-spacing: 0.16em;
	}
	.pc_ltr_space_017 {
		letter-spacing: 0.17em;
	}
	.pc_ltr_space_018 {
		letter-spacing: 0.18em;
	}
	.pc_ltr_space_019 {
		letter-spacing: 0.19em;
	}
	.pc_ltr_space_020 {
		letter-spacing: 0.20em;
	}
	.pc_ltr_space_021 {
		letter-spacing: 0.21em;
	}
	.pc_ltr_space_022 {
		letter-spacing: 0.22em;
	}
	.pc_ltr_space_023 {
		letter-spacing: 0.23em;
	}
	.pc_ltr_space_024 {
		letter-spacing: 0.24em;
	}
	.pc_ltr_space_025 {
		letter-spacing: 0.25em;
	}
	.pc_ltr_space_026 {
		letter-spacing: 0.26em;
	}
	.pc_ltr_space_027 {
		letter-spacing: 0.27em;
	}
	.pc_ltr_space_028 {
		letter-spacing: 0.28em;
	}
	.pc_ltr_space_029 {
		letter-spacing: 0.29em;
	}
	.pc_ltr_space_030 {
		letter-spacing: 0.30em;
	}
	.pc_ltr_space_05px {
		letter-spacing: 0.5px;
	}

	/* 横幅制御 */
	.max_w_100 {
		max-width: 100%;
	}
	.pc_w_5 {
		width: 5%;
	}
	.pc_w_10 {
		width: 10%;
	}
	.pc_w_15 {
		width: 15%;
	}
	.pc_w_20 {
		width: 20%;
	}
	.pc_w_25 {
		width: 25%;
	}
	.pc_w_30 {
		width: 30%;
	}
	.pc_w_33 {
		width: 33%;
	}
	.pc_w_35 {
		width: 35%;
	}
	.pc_w_36 {
		width: 36%;
	}
	.pc_w_40 {
		width: 40%;
	}
	.pc_w_45 {
		width: 45%;
	}
	.pc_w_48 {
		width: 48%;
	}
	.pc_w_50 {
		width: 50%;
	}
	.pc_w_55 {
		width: 55%;
	}
	.pc_w_60 {
		width: 60%;
	}
	.pc_w_63 {
		width: 63%;
	}
	.pc_w_65 {
		width: 65%;
	}
	.pc_w_66 {
		width: 66%;
	}
	.pc_w_70 {
		width: 70%;
	}
	.pc_w_75 {
		width: 75%;
	}
	.pc_w_80 {
		width: 80%;
	}
	.pc_w_90 {
		width: 90%;
	}
	.pc_w_100 {
		width: 100%;
	}
}

/* -------------------------------------
	ヘッダー
----------------------------------------*/
header a,
header a:visited {
	text-decoration: none;
	color:#000;
}
header a:hover {
	text-decoration: none;
	color: #0570da;
}

header {
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 1000;
	width: 100%;
}
.header_height {
	height: 100%;/*jsで使用*/
	background-color: rgba( 165, 175, 179, 0.8 );
}

#header{
	display: block;
	background: #FFF;
	/*overflow: auto;*/
	height: 100%;
	width: 100%;
	padding-bottom:0px;
}
#header #header_block{
	max-width: 960px;
	margin: auto;
	position: relative;
}
#header #header_block a{
	color: #041e44;
}

#header .btn_wrap{
	position: relative;
	background: #fff;
}
#header .header_logo{
	position:relative;
	left:0;
	top:0;
	height: 38px;/*高さいれないとAndroidブラウザ崩れる*/
	width: 80%;
	max-width:320px;
	padding: 20px 0 ;
}
#header .header_logo a {
	display: inline-block;
}
#header .language_area {
	position: absolute;
	top: 0;
	left: 0;
	width: 164px;
	/* right: 390px; */
	height: 78px;
	background-color: rgba(255,255,255,1.0);
	font-size: 87%;
	letter-spacing: 0;
	text-align: center;
	line-height: 1.4;
	overflow: hidden;
	transform: translateX(0%);
	transition: all .4s;
}
#header .language_area.active {
	transform: translateX(-100%);
}
#header .language_area ul {
	margin: 30px 0;
	padding: 0 20px;
}
#header .language_area li {
	display: inline-block;
}
#header .language_area li + li {
	padding-left: 10px;
}
#header .language_area a {
	display: block;
}
#header .header_btn_area {
	position: absolute;
	background: #fff;
	/*right: 96px;*/
	right: 0px;
	top: 0;
	/*border-bottom: 1px solid #bdbdbd;*/
}
#header .header_btn01 {
	width: 217px;
	border-left: 1px solid #bdbdbd;
	background-color: #e9e5cb;
	float: left;
}
#header .header_btn01 a {
	font-size: 147%;
	letter-spacing: 0;
	line-height: 77px;
	height: 77px;
	text-align: center;
	display: block;
}
#header .header_btn02 {
	width: 87px;
	float: left;
	background-color: #e9e5cb;
	border-left: 1px solid #bdbdbd;
}
#header .header_btn02 a:hover {
	opacity: 1;
}
#header .header_btn02 a:hover img {
	opacity: 0.5;
}
#header .header_btn03 {
	width: 77px;
	/*border-left: 1px solid #bdbdbd;*/
	background-color: #fff;
	float: left;
}
#header .header_btn03 a {
	display: block;
	position: relative;
	height: 77px;
	padding-top: 16px;
	text-align: center;
	box-sizing: border-box;
}
#header .header_btn03 a:hover {
	opacity: 1;
}
#header .header_btn03 a.hover {
	opacity: 0.5;
}
#header .header_btn03 a img {
	display: block;
	margin: auto;
}
#header .header_btn03 a p {
	position: absolute;
	bottom: 14px;
	width: 100%;
	font-size: 67%;
	letter-spacing: 0;
	line-height: 1;
}
#header .header_nav_area{
	position: absolute;
	right: 0px;
	top: 0;
	bottom: 0;
	padding: 20px 28px 0;
	background-color: #041e44;
	cursor: pointer;
}
/*
	メニュー内容
---------------------------*/
.header_block{
	max-width: 960px;
	margin:auto;
	position: relative;
}
/* header_menu */
.header_menu_wrap{
	min-width: 1000px;
	margin: auto;
	display: flex;
	justify-content: center;
	position: relative;
}
.header_menu{
	background: #eeeeee;
}
.header_menu .menu_title{
	font-size: 16px;
	color: #041e44;
	padding: 12px 15px;
	line-height: 1;
	position: relative;
}
.header_menu .menu_title a{
	color: #041e44;

}
.header_menu .menu_title:hover{
	cursor: pointer;
}

.header_menu .menu_sub_wrap{
	position: relative;
}
.header_menu .menu_sub_wrap::after{
	content:'';
	display: block;
	position: absolute;
	width: 0px;
	height: 0px;
	border-right: 10px solid transparent;
	/* border-bottom: 10px solid red; */
	border-bottom: 10px solid #d9dce9;
	border-left: 10px solid transparent;
	top: -7px;
}

.header_menu .menu_title:hover + .menu_list,
.header_menu .menu_list:hover{
	/* display: block; */
	opacity: 1;
	visibility: visible;
}
.header_menu .menu_list{
	background: #d9dce9;
	position: absolute;
	/* display: none; */
	/* height: 50px; */
	margin-top: 40px;
	width: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	transition: all 0.3s ease;
	visibility: hidden;
}
.menu_sub_wrap{
	text-align: center;
	max-width: 960px;
	margin: auto;

}
.header_menu .menu_sub_list{
	display: flex;
	/* margin: auto; */
	justify-content: flex-start;
}
.header_menu .menu_sub_item {
	width: 200px;
}
.header_menu .menu_sub_item a{
	padding-top: 100px;
	text-align: center;
	display: block;
	background-repeat: no-repeat;
	background-position: center top 20px;
	background-size: 160px auto;
}

.header_menu .menu_sub_item span{
	display: inline-block;
	margin: 10px 0 15px;
	font-size: 14px;
	letter-spacing: -0.001em;
}


/*
	魚沼醸造について
---------------------------*/
/* ▲ */
.header_menu .menu_sub_story::after{
	left: 92px;
}
/* 新着情報 */
.header_menu .menu_news a{
	background-image: url(../img/common/menu_icon_news.jpg);
}
/* ストーリー */
.header_menu .menu_story a{
	background-image: url(../img/common/menu_icon_story.jpg);
}
/* 糀と糀甘酒について */
.header_menu .menu_koji a{
	background-image: url(../img/common/menu_icon_koji.jpg);
}
/* コシヒカリ */
.header_menu .menu_koshihikari a{
	background-image: url(../img/common/menu_icon_koshihikari.jpg);
}
/* アクセス */
.header_menu .menu_access a{
	background-image: url(../img/common/menu_icon_access.jpg);
}
/* アクセス */
.header_menu .menu_access02 a{
	background-image: url(../img/common/menu_icon_access02.jpg);
}
/*
	工場見学のご案内
---------------------------*/
/* ▲ */
.header_menu .menu_sub_story::after{
	left: 92px;
}
.header_menu .menu_sub_factory .menu_sub_list{
	margin-left: 150px;
}
/* 館内のご紹介 */
.header_menu .menu_introduction a{
	background-image: url(../img/common/menu_icon_introduction.jpg);
}
/* 工場見学のご案内 */
.header_menu .menu_annnai_factory a{
	background-image: url(../img/common/menu_icon_annnai_factory.jpg);
}
/* ▲ */
.header_menu .menu_sub_factory::after{
	left: 255px;
}
/*
	オンラインショップ
---------------------------*/
.header_menu .menu_sub_shop .menu_sub_list{
	justify-content: center;
	/* margin-left: 100px; */
	margin-left: -70px;
}
/* 公式 */
.header_menu .menu_shop a{
	background-image: url(../img/common/menu_story.png);
}
/* 楽天 */
.header_menu .menu_rakuten a{
	background-image: url(../img/common/menu_rakuten.png);
}
/* ▲ */
.header_menu .menu_sub_shop::after{
	left: calc(50% - 50px);
}
/*
	よくあるご質問
---------------------------*/
/* 営業案内について */
.header_menu .menu_info a{
	background-image: url(../img/common/menu_icon_info.jpg);
}
/* 工場見学について */
.header_menu .menu_factory a{
	background-image: url(../img/common/menu_icon_factory.jpg);
}
/* 商品について */
.header_menu .menu_product a{
	background-image: url(../img/common/menu_icon_product.jpg);
}
/* 営業案内について */
.header_menu .menu_online a{
	background-image: url(../img/common/menu_icon_online.jpg);
}
/* ▲ */
.header_menu .menu_sub_faq::after{
	right:340px;
}
/*
	(背景白メニュー)
---------------------------*/
.header_menu .menu_sub_bgwh .menu_sub_list{
	justify-content: flex-end;
}
.header_menu .menu_sub_contact .menu_sub_item{
	width: 230px;
}
.header_menu .menu_sub_bgwh .menu_sub_item a{
	position: relative;
	padding: 50px 25px 5px 10px;
	margin: 20px;
	background-color: #FFF;
	text-align: center;
	box-sizing: border-box;
	height: calc(100% - 40px);
	background-position: center top 15px;
}

.header_menu .menu_sub_bgwh .menu_sub_item a::after{
	content: "";
	position: absolute;
	display: block;
	right: 14px;
	width: 10px;
	height: 10px;
	border-top: 1px solid #041e44;
	border-right: 1px solid #041e44;
	top: 50%;
	transform: rotate(45deg) translateY(-50%);
}
.header_menu .menu_sub_bgwh span{
	margin: 0;
	letter-spacing: -0.001em;
	font-size: 14px;
	line-height: 1.3;
	margin-bottom: 6px;
}
/*
	お問い合わせ
---------------------------*/
.header_menu .menu_sub_contact .menu_sub_list{
	margin-right: 90px;
}
.header_menu .menu_sub_contact .menu_sub_item a{
	background-size: 36px auto;
	background-image: url(../img/common/menu_icon_mail.png);
}
/* ▲ */
.header_menu .menu_sub_contact::after{
	right: calc(50% - 280px);
}
/*
	業務用サイト
---------------------------*/
/* 業務用ショップ */

.header_menu .menu_sub_bussines .menu_sub_item{
	width: 260px;
}

.header_menu .menu_sub_bgwh .menu_business a{
	background-image: url(../img/common/menu_story.png);
	background-position: center top -10px;
	padding-top: 60px;
	/* background-size: contain; */
}
.header_menu .menu_sub_bgwh .menu_business_shop a{
	background-image: url(../img/common/icon_cart.png);
    background-size: 40px auto;
}
.header_menu .menu_sub_bgwh .menu_business_contact a{
	background-image: url(../img/common/menu_icon_mail.png);
    background-size: 36px auto;
    padding: 50px 25px 5px 10px;
}
.header_menu .menu_sub_bussines .menu_sub_list{
	justify-content: flex-end;
}
/* ▲ */
.header_menu .menu_sub_bussines::after{
	right: 70px;
}
/*
	toggle_button
---------------------------*/
#header .toggle_button,
#header .toggle_button span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
#header .toggle_button {
	position: relative;
	width: 40px;
	height: 28px;
	transition: opacity 0.3s ease;
}
#header .toggle_button_text {
	margin: 0 -5px;
	color: #fff;
	font-size: 67%;
	text-align: center;
	transition: opacity 0.3s ease;
}
#header .header_nav_area:hover .toggle_button,
#header .header_nav_area:hover .toggle_button_text {
	opacity: 0.5;
}
#header .toggle_button span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2.2px;
	background-color: #fff;
}
#header .toggle_button span:nth-of-type(1) {
	top: 0;
}
#header .toggle_button span:nth-of-type(2) {
	top: 10px;
}
#header .toggle_button span:nth-of-type(3) {
	top: 20px;
}
#header .toggle_button span:nth-of-type(4) {
	bottom: 0;
	background: none;
	font-size:9px;
	letter-spacing:normal;
	height:10px;
}/*
.menuActive #header .toggle_button span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
	background-color: #fff;
}
.menuActive #header .toggle_button span:nth-of-type(2) {
	opacity: 0;
}
.menuActive #header .toggle_button span:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
	background-color: #fff;
}
.menuActive #header .toggle_button span:nth-of-type(4) {
	color: #fff;
}*/
#menu_bg {
	transition: opacity 0.5s ease-out;
	opacity: 0;
}
.menuActive #menu_bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(165, 175, 179, 0.8);
	opacity: 1;
}

/*toggle_menu*/
/*#header .toggle_menu {
	overflow: auto;
	text-align: center;
	visibility: hidden;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	width: 600px;
	margin-left: auto;
	height: 100vh;
	background-color: #fff;
	background-image: url(../img/common/header_menu_bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
	/*transform: translateX(100%);*/
/*	transition: transform 0.5s ease-out;
}*/
/*.menuActive #header .toggle_menu {
	display: block;
	/*transform: translateX(0);*/
/*}*//*
#header .toggle_menu a {
	text-decoration: none;
}*/
#header .menu_button {
	position: relative;
	cursor: pointer;
	width: 88%;
	height: 40px;
	margin: 20px auto;
}
#header .menu_button::before {
	position: absolute;
	content: "";
	width: 30px;
	height: 30px;
	border-top: 2px solid #041e44;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 15px;
	right: 15px;
}
#header .menu_button::after {
	position: absolute;
	content: "";
	width: 30px;
	height: 30px;
	border-right: 2px solid #041e44;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: -5px;
	right: 15px;
}
#sp_header{
	display: block;
	overflow: auto;
	height: 100%;
	width: 100%;
	padding-bottom:0px;
}
#sp_header #sp_header_block{
	background-color: #fff;
}
#sp_header #sp_header_block a{
	color: #041e44;
}
#sp_header .header_logo{
	position:relative;
	left:0;
	top:0;
	height: 38px;/*高さいれないとAndroidブラウザ崩れる*/
	width: 80%;
	max-width:320px;
	padding: 20px 0 20px 25px;
}
#sp_header .header_logo a {
	display: inline-block;
}
#sp_header .language_area {
	position: absolute;
	top: 0;
	right: 470px;
	height: 78px;
	background-color: rgba(255,255,255,1.0);
	font-size: 87%;
	letter-spacing: 0;
	text-align: center;
	line-height: 1.4;
	overflow: hidden;
	transform: translateX(100%);
	transition: all .4s;
}
#sp_header .language_area.active {
	transform: translateX(0);
}
#sp_header .language_area ul {
	margin: 30px 0;
	padding: 0 20px;
}
#sp_header .language_area li {
	display: inline-block;
}
#sp_header .language_area li + li {
	padding-left: 10px;
}
#sp_header .language_area a {
	display: block;
}
#sp_header .header_btn_area {
	position: absolute;
	right: 96px;
	top: 0;
	border-bottom: 1px solid #bdbdbd;
}
#sp_header .header_btn01 {
	width: 217px;
	border-left: 1px solid #bdbdbd;
	background-color: #e9e5cb;
	float: left;
}
#sp_header .header_btn01 a {
	font-size: 147%;
	letter-spacing: 0;
	line-height: 77px;
	height: 77px;
	text-align: center;
	display: block;
}
#sp_header .header_btn02 {
	width: 87px;
	float: left;
	background-color: #e9e5cb;
	border-left: 1px solid #bdbdbd;
}
#sp_header .header_btn02 a:hover {
	opacity: 1;
}
#sp_header .header_btn02 a:hover img {
	opacity: 0.5;
}
#sp_header .header_btn03 {
	width: 77px;
	border-left: 1px solid #bdbdbd;
	background-color: #fff;
	float: left;
}
#sp_header .header_btn03 a {
	display: block;
	position: relative;
	height: 77px;
	padding-top: 16px;
	text-align: center;
	box-sizing: border-box;
}
#sp_header .header_btn03 a:hover {
	opacity: 1;
}
#sp_header .header_btn03 a.hover {
	opacity: 0.5;
}
#sp_header .header_btn03 a img {
	display: block;
	margin: auto;
}
#sp_header .header_btn03 a p {
	position: absolute;
	bottom: 14px;
	width: 100%;
	font-size: 67%;
	letter-spacing: 0;
	line-height: 1;
}
#sp_header .header_nav_area{
	position: absolute;
	right: 0px;
	top: 0;
	bottom: 0;
	padding: 20px 28px 0;
	background-color: #041e44;
	cursor: pointer;
}
/*toggle_button*/
#sp_header .toggle_button,
#sp_header .toggle_button span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
#sp_header .toggle_button {
	position: relative;
	width: 40px;
	height: 28px;
	transition: opacity 0.3s ease;
}
#sp_header .toggle_button_text {
	margin: 0 -5px;
	color: #fff;
	font-size: 67%;
	text-align: center;
	transition: opacity 0.3s ease;
}
#sp_header .header_nav_area:hover .toggle_button,
#sp_header .header_nav_area:hover .toggle_button_text {
	opacity: 0.5;
}
#sp_header .toggle_button span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2.2px;
	background-color: #fff;
}
#sp_header .toggle_button span:nth-of-type(1) {
	top: 0;
}
#sp_header .toggle_button span:nth-of-type(2) {
	top: 10px;
}
#sp_header .toggle_button span:nth-of-type(3) {
	top: 20px;
}
#sp_header .toggle_button span:nth-of-type(4) {
	bottom: 0;
	background: none;
	font-size:9px;
	letter-spacing:normal;
	height:10px;
}/*
.menuActive #sp_header .toggle_button span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
	background-color: #fff;
}
.menuActive #sp_header .toggle_button span:nth-of-type(2) {
	opacity: 0;
}
.menuActive #sp_header .toggle_button span:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
	background-color: #fff;
}
.menuActive #sp_header .toggle_button span:nth-of-type(4) {
	color: #fff;
}*/
.menuActive #menu_bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(165, 175, 179, 0.8);
}

/*toggle_menu*/
#sp_header .toggle_menu {
	overflow: auto;
	text-align: center;
	visibility: hidden;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	width: 600px;
	margin-left: auto;
	height: 100vh;
	background-color: #fff;
	background-image: url(../img/common/header_menu_bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
	transform: translateX(100%);
	transition: transform 0.5s ease-out;
}
.menuActive #sp_header .toggle_menu {
	display: block;
	transform: translateX(0);
}
#sp_header .toggle_menu a {
	text-decoration: none;
}
#sp_header .toggle_menu .menu_button {
	position: relative;
	cursor: pointer;
	width: 40px;
	height: 40px;
	margin: 30px 30px 0 auto;
}
#sp_header .toggle_menu .menu_button::before {
	position: absolute;
	content: "";
	width: 30px;
	height: 30px;
	border-top: 2px solid #041e44;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 15px;
	right: 15px;
}
#sp_header .toggle_menu .menu_button::after {
	position: absolute;
	content: "";
	width: 30px;
	height: 30px;
	border-right: 2px solid #041e44;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: -5px;
	right: 15px;
}
#sp_header .toggle_menu ul {
	padding: 15px 95px 40px;
	text-align: left;
}
#sp_header .toggle_menu li a {
	font-size: 160%;
	padding: 40px 0 25px;
	display: block;
	color: #4b5666;
}
#sp_header .toggle_menu .btn a {
	width: 410px;
	padding: 0;
	margin: 0 auto;
	font-size: 120%;
}
#sp_header .toggle_menu .small_text {
	padding: 15px 95px 40px;
	text-align: left;
}
#sp_header .toggle_menu .small_text a {
	font-size: 100%;
	padding: 25px 0 25px;
	display: block;
	color: #4b5666;
}
#sp_header .toggle_menu .menu_list {
	position: relative;
	overflow: hidden;
	margin: 20px auto;
	width: 412px;
}
#sp_header .toggle_menu .menu_list ul {
	position: relative;
	margin: 0;
	padding: 0;
}
#sp_header .toggle_menu .menu_list li {
	border-top: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
	float: left;
	background-color: #fff;
	box-sizing: border-box;
}
#sp_header .toggle_menu .menu_list li img {
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}
#sp_header .toggle_menu .menu_list.type01 li {
	width: 50%;
	height: 60px;
	line-height: 60px;
}
#sp_header .toggle_menu .menu_list.type02 li {
	width: 25%;
	height: 50px;
	line-height: 50px;
}
#sp_header .toggle_menu .menu_list li:first-child {
	border-left: 1px solid #bdbdbd;
}
#sp_header .toggle_menu .menu_list li a {
	font-size: 107%;
	display: block;
	height: 100%;
	padding: 0 10px;
	text-align: center;
}
#header .logout,
#header .login{
	display: none;
}

/*　+-ボタン*/
.accordion_icon,
.accordion_icon span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.accordion_icon {
	position: relative;
	width: 30px;
	height: 30px;
	float: right;
	margin-right: 5px;
}
.accordion_icon span {
	position: absolute;
	left: 6px;
	width: 50%;
	height: 2px;
	background-color: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.accordion_icon span:nth-of-type(1) {
	top: 5px;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
	top: 5px;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}
.menuActive .accordion_icon span:nth-of-type(1) {
	display:none;
}
.menuActive .accordion_icon span:nth-of-type(2) {
	top: 5px;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}


@media screen and (max-width:740px){
	.header_height {
		background-color: #fff;

	}
	#header .header_logo{
		height: 27px;/*高さいれないとAndroidブラウザ崩れる*/
		width: calc(100% - 102px - 56px - 5px - 5px);
		max-width: 110px;
		padding: 11px 0 16px 5px;
		margin-right: 5px;
	}
	#header .header_logo a {
		position: relative;
		width: 100%;
		height: 100%;
	}
	#header .header_logo img  {
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	#header .language_area {
		width: 168px;
		top: 55px;
		left: 0;
		height: 36px;
		background-color: transparent;
		font-size: 67%;
		line-height: 36px;
		transform: translateX(0);
	}
	#header .language_area ul {
		width: 100%;
		margin: 0;
		padding: 0 2px 0 2px;
		background-color: rgba(255,255,255,1.0);
		box-sizing: border-box;
		transform: translateX(100%);
		transition: all .4s;
	}
	#header .language_area.active ul {
		transform: translateX(0);
	}
	#header .language_area li + li {
		padding-left: 0;
	}
	#header .language_area li {
		float: left;
		width: 25%;
	}
	#header .language_area li a {
		width: 100%;
	}
	#header .header_btn_area {
		right: 0px;
		padding-right: 60px;
	}
	#header .header_btn03 {
		width: 60px;
	}
	#header .header_btn03 a {
		height: 54px;
		padding-top: 10px;
	}
	#header .header_btn03 a img {
		width: 24px;
		height: auto;
	}
	#header .header_btn03 a img {
		width: 24px;
		height: auto;
	}
	#header .header_btn03.language img{
		width: 20px
	}
	#header .header_btn03 a p {
		bottom: 10px;
		font-size: 54%;
	}
	#header .header_btn03.sp_only a {
		padding-top: 0px;
	}
	#header .header_btn03.sp_only.shop_cart a{
		padding-top: 10px;
	}
	#header .header_btn03.sp_only p {
		bottom: 10px;
		font-size: 14px;
	}
	#header .header_btn03.sp_only.shop_cart p{
		font-size: 54%;
	}
	#header .header_btn03.sp_only a img {
		height: auto;
	}
	#header .header_btn03.sp_only {
		width: 75px;
	}
	#header .header_btn03.sp_only.shop_cart {
		width: 60px;
	}
	.header_menu_wrap .header_btn03.sp_only{
		margin-left: 12px;
	}
	#header .header_nav_area{
		padding: 10px 17px 0;
	}
	#header .toggle_button {
		width: 26px;
		height: 21px;
	}

	#header .header_menu_wrap .header_btn03.sp_only:nth-child(1) img{
		width: 24px;
	}
	#header .header_menu_wrap .header_btn03.sp_only.my_page img{
		width: 24px;
	}
	#header .header_menu_wrap .header_btn03.sp_only:nth-child(3) img{
		margin-top: -5px;
	}
	#header .header_menu_wrap .header_btn03.sp_only:nth-child(3) p{
		bottom: 6px;
	}
	#header .header_sp_btn{
		margin-bottom: 10px;
	}
	/*
		メニュー
	---------------------------*/
	.menuActive .header_menu{
		transform: translateX(0%);
	}
	.header_menu{
		width: 100%;
		height:100vh;
		position: fixed;
		top: 0;
		left: 0;
		background-color: #FfF;
		overflow-y: auto;
		background-image: url(../img/common/header_menu_bg.jpg);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 100% auto;
		transform: translateX(100%);
		transition: transform 0.5s ease-out;
	}
	#header .header_btn03{
		background: transparent;
	}
	.header_menu_wrap{
		min-width: auto;
		display: block;
		padding: 0;
		width: 84%;
		margin: 0 auto;
	}
	.menu_wrap{
		background-image:
		radial-gradient(#041e44 30%, transparent 30%);
		background-size: 3px 3px;
		background-repeat: repeat-x;
	}
	.header_menu .menu_title{
		font-size: 17px;
		padding: 20px 10% 17px;
		position: relative;
	}
	.header_menu .menu_title a{
		color: #041e44;
	}
	.header_menu dt.menu_title::before,
	.header_menu dt.menu_title::after{
		content: "";
		position: absolute;
		width: 17px;
		height: 2px;
		top: 26px;
		right: 5px;
		background-color: #041e44;
		transform: rotate(0);
		transition: transform 0.2s ease-out;
	}
	.header_menu dt.menu_title::before{
		transform: rotate(90deg);
	}
	.header_menu dt.menu_title.open::before{
		transform: rotate(0);

	}
	.header_menu .menu_list{
		visibility: visible;
		opacity: 1;
		display: none;
		position: relative;
		background-color: transparent;
		margin-top: 0;
		padding: 0 14% 10px;
        box-sizing: border-box;
        transition: none;
	}
	.header_menu .menu_sub_item a{
        color: #041e44;
		text-align: left;
		background-image: none;
		background-color: transparent;
		padding: 0;
	}
	.header_menu .menu_sub_item span{
		text-align: left;
		font-size: 17px;
		margin: 0px;
		line-height: 2;
		letter-spacing: -0.01em;
	}
	.header_menu .menu_sub_item span.pc_only{
		display: none;
	}
	.menu_sub_wrap{
		min-width: auto;
		text-align: left;
	}
	.header_menu .menu_sub_wrap::after{
		content: none;
	}

	.header_menu .menu_sub_list{
		display: block;
	}
	.header_menu .menu_sub_item{
		width: auto;
		margin-bottom: 10px
	}
	.header_menu .menu_sub_factory .menu_sub_bgwh,
	.header_menu .menu_sub_factory .menu_sub_list,
	.header_menu .menu_sub_shop .menu_sub_list{
		margin: 0;
	}
	.header_menu .menu_sub_bgwh .menu_sub_item a{
		padding: 0;
		margin: 0;
		width: auto;
		text-align: left;
		background-color: transparent;
	}
	.header_menu .menu_sub_bgwh .menu_sub_item a::after{
		content: none;
	}
	.header_menu .menu_sub_contact .menu_sub_item a,
	.header_menu .menu_sub_bgwh .menu_business a,
	.header_menu .menu_sub_bgwh .menu_business_shop a,
	.header_menu .menu_sub_bgwh .menu_business_contact a{
		background-image: none;
	}
	.header_menu .menu_sub_item.menu_business_shop span,
	.header_menu .menu_sub_item.menu_business_contact span{
		line-height: 1.3;
		margin-bottom: 10px;
	}

	/*
		インスタ
	---------------------------*/
	.menu_insta a,
	.menu_insta img{
		vertical-align: middle;
	}
	.menu_insta .menu_title{
		margin: 25px 10% 0;
		padding: 20px;
		border: 1px solid #bdbdbd;
		text-align: center;
		background: #FFF;
	}
	.menu_insta span{
		margin-left: 10px;
		margin-top: 5px;
		display: inline-block;
		font-size: 14px;
		line-height: 1;
	}
	/*
		糀茶寮
	---------------------------*/
	.menu_kojisaryo a,
	.menu_kojisaryo img{
		vertical-align: middle;
	}
	.menu_kojisaryo img{
		width: 27px;
	}
	.menu_kojisaryo .menu_title{
		margin: 25px 10% 0;
		padding: 20px 13px;
		border: 1px solid #bdbdbd;
		text-align: center;
		background: #FFF;
	}
	.menu_kojisaryo span{
		margin-left: 7px;
		margin-top: 0;
		display: inline-block;
		font-size: 12px;
		line-height: 1;
	}
	/*
		言語メニュー
	---------------------------*/
	#header .type02.menu_list{
		padding: 0 10% ;
		margin: 20px auto;
        box-sizing: border-box;
        display: block;
	}
		#header .type02 li {
		/*height: 40px;*/
		/*line-height: 40px;*/
	}
	#header .type02.menu_list ul{
		width: 100%;
	}
	#header .menu_list.type02 li a {
		/*height: 40px;*/
		/*line-height: 40px;*/
		display: block;
		padding: 12px 0;
	}
	#header .type02.menu_list li:first-child {
		border-left: 1px solid #bdbdbd;
	}
	#header .type02.menu_list li {
		border-top: 1px solid #bdbdbd;
		border-right: 1px solid #bdbdbd;
		border-bottom: 1px solid #bdbdbd;
		float: left;
		background-color: #fff;
		box-sizing: border-box;
		width: 25%;
		text-align: center;
		font-size: 80%;
	}
	#header .language_area.active{
		transform: translateX(0%);
	}
	/*
		魚沼観光
	---------------------------*/
		#menu_sightseeing.menu_list{
		padding: 0 10%;
		box-sizing: border-box;
		display: block;
	}
	/*
		他メニュー
	---------------------------*/

	.header_menu .other_menu {
		padding: 0 10%;
		margin: 20px 0;
		display: block;
	}
	.header_menu .other_menu .menu_list{
		padding-left: 0;
		padding-right: 0;
		display: block;
	}
	.header_menu .other_menu a{
		line-height: 2;
	}
}
@media screen and (max-width:320px){
	#header .header_logo img{
		max-width: 50px
	}
}
/*---------------------------------
	糀茶房
---------------------------------*/
#koujisaryou{
	margin-top: 70px;
	background-color: #fac2bf;
}
#koujisaryou .inner{
	width: 1000px;
	margin: auto;
	padding: 30px 0;
}
#koujisaryou .image{
	margin-bottom: 10px;
}
#koujisaryou .text{
	color: #ffffff;
	font-size: 16px;
	line-height: calc(24/16);
	letter-spacing: 0.05em;
	margin-bottom: 21px;
}
#koujisaryou .btn_area{
	text-align: center;
}
#koujisaryou .btn_area a{
	display: inline-block;
	color: #fff;
	position: relative;
	border: 1px solid #ffffff;
	padding: 12px 30px 12px 15px;
	width: 250px;
	box-sizing: border-box;
}
#koujisaryou .btn_area a::after{
	content: "";
	display: block;
	position: absolute;
	width: 8px;
	height: 8px;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	top: 50%;
	right: 15px;
	transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width:740px){
	#koujisaryou {
		margin-top: 50px;
	}
	#koujisaryou .inner{
		width: auto;
		padding: 25px 5% 20px;
	}
	#koujisaryou .image{
		width: 51%;
		margin: 0 auto 22px;
	}
	#koujisaryou .text{
		font-size: 13px;
		line-height: calc(36/24);
		margin-bottom: 16px;
	}
	#koujisaryou .btn_area{
		font-size: 12px;
	}
	#koujisaryou .btn_area a{
		padding: 7px 25px 7px 10px;
	}
	#koujisaryou a::after{
		width: 5px;
		height: 5px;
		right: 8px;
	}
}
/* -------------------------------------
	フッター
----------------------------------------*/
#footer_menu {
	background-image: url(../img/common/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	text-align: center;
}
#footer_menu .footer_logo {
	max-width:1000px;
	margin: 235px auto 55px;
}
#top #footer_menu .footer_logo {
	margin-top: 125px;
}

/*
	フッター メニュー
---------------------------*/
.footer_menu_list{
	display: flex;
	justify-content: space-between;
	max-width: 960px;
	margin: auto;
	padding: 25px 0;
	line-height: 2.6;
}
.footer_menu_list:last-of-type{
	padding-top: 60px;
	padding-bottom: 30px;
    justify-content: flex-start;
}
.footer_menu_wrap{
	padding: 30px 0;
	background-color: #041e44;
}
.footer_list_wrap{
	width: 25%;
}
.footer_list_wrap.mode_pc{
	display: block;
}
.footer_menu_item,
.footer_menu_item a,
.footer_menu_item a:visited{
	color: #FFF;
	font-size: 12px;
}
.footer_menu_item{
	padding-left: 1em;
	margin-bottom: 2px;
}

.footer_sns {
	margin-left: 15px;
	vertical-align: bottom;
	letter-spacing: normal;
}
.footer_sns img{
	display: inline-block;
	vertical-align: bottom;
}
.footer_menu_top a,
.footer_menu_top{
	padding-left: 0;
	font-size: 14px;
}
footer .copyright {
	height: 35px;
	font-size: 67%;
	color: #2e2e2e;
	letter-spacing: 0.05em;
	text-align: center;
	background-color: #fff;
	padding: 10px 0;
	box-sizing: border-box;
}
/*PAGE TOP
---------------------------------*/
#page_top {
	position: fixed;
	right: 0px;
	bottom: 35px;
	z-index:100;
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0.5);
}
#page_top a {
	display: block;
	cursor: pointer;
	position: relative;
	width: 60px;
	height: 60px;
	background-color:#ffffff;
}
#page_top a:hover {
	opacity: 0.8;
}
#page_top a:after{
	display: block;
	content: "";
	position: absolute;
	top: 10px;
	bottom: 0;
	left: 0;
	right: 0;
	width: 15px;
	height: 15px;
	margin: auto;
	border-top: 2px solid #211a1a;
	border-right: 2px solid #211a1a;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
@media screen and (max-width:740px){
	footer {
		margin-bottom: 50px;
	}
	#footer_menu {
		background-position: right bottom;
	}
	#footer_menu .footer_logo {
		max-width:100%;
		margin: 80px auto 30px;
	}
	#top #footer_menu .footer_logo{
		margin: 55px auto 30px;

	}
	.footer_menu_list:last-of-type{
		padding-top: 0px;
		display: flex;
		flex-direction: row;
		padding-bottom: 0;
	}
	.footer_menu_item{
		letter-spacing: -0.05em;
	}
	.footer_menu_list{
		padding: 0 7% 20px;
		max-width: 100%;
		flex-direction: column;
	}
	.footer_menu_item::before{
		content: "";
		display: inline-block;
		width: 7px;
		height: 7px;
		margin-right: 10px;
		border-bottom: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		transform: rotate(-45deg);
	}
	.footer_menu_top::before{
		content: none;
	}
	.footer_list_wrap{
		padding: 0 0 15px;
		width: 100%;
	}
	.footer_list_wrap.mode_pc{
		display: none
	}
	.footer_list_wrap:last-of-type{
		padding-bottom: 0;
	}
	.footer_list_wrap:last-of-type li{
		min-width: 100%;
	}
	dl.footer_list_wrap{
		display: flex;

	}
	dt.footer_menu_item{
		min-width: 10.5em;
		width: 50%;
	}
	.footer_menu_item + *{
		flex: 1;
		max-width: 14em;
	}
	.footer_menu_item{
		line-height: 1.4;
		margin-bottom: 18px;
	}
	.footer_menu_item+dd .footer_menu_item{
		padding-left: 0.5em;
		text-indent: -1.5em;

	}
	footer .copyright {
		letter-spacing:0.1em;
		text-align:center;
		line-height:1.5;
		font-weight:300;
	}
	#page_top {
		bottom: 50px;
	}
	#page_top a {
		width: 40px;
		height: 40px;
	}
	#page_top a:after{
		top: 8px;
		width: 10px;
		height: 10px;
	}
}
@media screen and (max-width:320px){
	footer .copyright {
		letter-spacing:0.05em;
	}
}

#information_link {
	display: none;
}
@media screen and (max-width:740px){
	#information_link {
		display: flex;
		position: fixed;
		bottom: 0;
		z-index: 99;
		width: 100%;

	}
	#information_link a {
		display: block;
		position: relative;
		padding: 18px 20px 18px 5px;
		text-align: center;
		color: #fff;
		line-height: 1;
		background-color: #041e44;
		width: 50%;
		font-size: 10px;
	}
	#information_link a:first-child {
		border-right: 1px solid #ffffff;
	}
	#information_link a:before {
		display: block;
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		right: 12px;
		width: 15px;
		height: 15px;
		margin: auto;
		background-color: #fff;
		border-radius: 50%;
	}
	#information_link a:after {
		display: block;
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		right: 17px;
		width: 5px;
		height: 5px;
		margin: auto;
		border-top: 2px solid #041e44;
		border-right: 2px solid #041e44;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#information_link p {
		letter-spacing: -0.001em;
	}
}

/* -------------------------------------
	下層コンテンツ
----------------------------------------*/
#contents {
	padding-top: 78px;
}
#contents .contents_inner {
	background-color:#f7f6f3;
	padding-bottom: 80px;
}
#contents .inner,
#contents .inner02,
#contents .inner03,
#contents .inner04 {
	margin:0 auto;
	line-height:1.8;
}
#contents .inner {
	width:1000px;
}
#contents .inner02 {
	width:860px;
}
#contents .inner03 {
	width:960px;
}
#contents .inner04 {
	width:860px;
	background-color:#fff;
	padding: 85px 50px 80px;
	margin-bottom:20px;
}
#contents .inner04.width {
	width:960px;
	padding-right: 0;
	padding-left: 0;
}
#contents h1 {
	font-size: 180%;
	text-align: center;
	line-height: 1.5;
	font-weight: 500;
	color: #000120;
	width: 1000px;
	margin: 75px auto 50px;
	padding-top: 80px;
	background-image: url(../img/common/title_mark.png);
	background-repeat: no-repeat;
	background-position: center top;
}
h2 {
	font-size: 160%;
	margin-bottom: 30px;
	font-weight: 400;
	line-height: 1.5;
	color: #000120;
	text-align: center;
}
#contents .inner section {
	margin-bottom:50px;
}
#contents .inner section:last-child {
	margin-bottom:0;
}
#contents .inner section p {
	margin-bottom: 30px;
}
#contents .inner section p:last-child {
	margin-bottom: 0px;
}
#contents .inner section .h2_date {
	text-align:right;
	margin-bottom:10px;
}
@media screen and (max-width:740px){
	#contents {
		padding-bottom:0;
		margin-top: 0px;
	}
	#contents .contents_inner {
		padding-bottom: 20px;
	}
	#contents .inner,
	#contents .inner02,
	#contents .inner03,
	#contents .inner04 {
		margin-right:5%;
		margin-left:5%;
	}
	#contents .inner,
	#contents .inner02,
	#contents .inner03,
	#contents .inner04 {
		width: auto;
	}
	#contents .inner04 {
		padding: 60px 5% 50px;
	}
	#contents .inner04.width {
		width:auto;
		padding-right: 5%;
		padding-left: 5%;
	}
	#contents .inner.wide section {
		width: auto;
	}
	#contents h1 {
		font-size:160%;
		text-align:center;
		margin:15px 5% 40px;
		padding-top: 66px;
		width:auto;
		background-size: 75px auto;
	}
	h2 {
		font-size:134%;
		margin-bottom:25px;
	}
	#contents .inner section {
		margin-bottom:30px;
	}
	#contents .inner section p {
		margin-bottom: 15px;
	}

	h2.block-category-tree--header{
		margin-top: 50px;
	}
}

/* -------------------------------------
	メイン画像
----------------------------------------*/
.main_img {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	min-height: 510px;
	margin-bottom: 40px;
}
@media screen and (max-width:740px){
	.main_img {
		min-height: inherit;
		padding-top: 50%;
	}
}

/* -------------------------------------
	タイトル
----------------------------------------*/
.title {
	font-size: 160%;
	color: #000120;
	line-height: 1.5;
	text-align: left;
	margin-bottom: 25px;
}
.title02 {
	font-size: 160%;
	color: #2e2e2e;
	line-height: 1.5;
	text-align: left;
	margin-bottom: 25px;
}
.title03 {
	font-size: 147%;
	color: #2e2e2e;
	line-height: 1.5;
	text-align: left;
	margin-bottom: 30px;
}
.title04 {
	font-size: 120%;
	color: #000120;
	line-height: 1.5;
	text-align: left;
	margin-bottom: 30px;
}
.title05 {
	font-size: 107%;
	color: #b3b3b3;
	line-height: 1.3;
	text-align: left;
	margin-bottom: 30px;
}
.title06 {
	font-size: 200%;
	color: #000120;
	line-height: 1.5;
	text-align: left;
	margin-bottom: 25px;
}
.title07 {
	font-size: 134%;
	color: #000120;
	line-height: 1.5;
	text-align: left;
	margin-bottom: 30px;
}
@media screen and (max-width:740px){
	.title {
		font-size: 134%;
	}
	.title02 {
		font-size: 134%;
		margin-bottom: 25px;
	}
	.title03 {
		font-size: 134%;
		margin-bottom: 15px;
	}
	.title04 {
		font-size: 107%;
		margin-bottom: 15px;
	}
	.title05 {
		font-size: 87%;
		margin-bottom: 25px;
	}
	.title06 {
		font-size: 134%;
		margin-bottom: 25px;
	}
	.title07 {
		font-size: 107%;
		margin-bottom: 25px;
	}
}

/* -------------------------------------
	色
----------------------------------------*/
.color {
	color: #ff0000;
}
dl dd span.color {
	letter-spacing: 0.02em;
}
/* -------------------------------------
	ボックス
----------------------------------------*/
.img_box {
	padding: 180px 0 50px 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.img_box .txt_area {
	background-color: #fff;
	width: 50%;
}
.img_box.txt_r .txt_area {
	margin-left: auto;
}
.img_box .txt_area .txt_inner {
	padding: 90px 11% 90px 0;
	width: 470px;
	margin-left: auto;
}
.img_box.txt_r .txt_area .txt_inner {
	padding: 90px 11% 90px 0;
	padding-right: 0;
	padding-left: 11%;
	margin-left: 0;
	margin-right: auto;
}
.img_box .txt_area .title02 {
	text-align: center;
}

.item_area .item_box {
	margin: 0 0 20px 20px;
	padding: 40px 0;
	width: 470px;
	float: left;
	background-color: #fff;
}
.item_area .item_box .img_area {
	text-align: center;
	margin-bottom: 35px;
}
.item_area .item_box .img_area img {
	width: 140px;
}
#contents .item_area .item_box .title03 {
	text-align: center;
}
#contents .item_area .item_box .btn a {
	width: 350px;
}

@media screen and (max-width:1200px){
	.img_box .txt_area .txt_inner {
		width: 380px;
	}
}
@media screen and (max-width:740px){
	.img_box {
		padding: 70% 0 0 0;
		background-position: center top;
		background-size: 100% auto;
	}
	.img_box .txt_area {
		width: 81%!important;
	}
	.img_box.sp_txt_l .txt_area {
		margin-left: 0;
		margin-right: auto;
	}
	.img_box.sp_txt_r .txt_area {
		margin-left: auto;
		margin-right: 0;
	}
	.img_box .txt_area .txt_inner {
		padding: 60px 8% 60px!important;
		width: auto;
	}
	#contents .item_area .inner {
		margin: 0 2% 0 5%;
	}
	.item_area .item_box {
		margin: 0 3% 5% 0;
		padding: 30px 0;
		width: 47%;
		float: left;
		background-color: #fff;
	}
	.item_area .item_box .img_area {
		text-align: center;
		margin: 0 5% 20px;
	}
	.item_area .item_box .img_area img {
		width: auto;
	}
	#contents .item_area .item_box .title03 {
		font-size: 114%;
		margin: 0 5% 20px;
	}
	#contents .item_area .item_box .btn a {
		width: 89%;
		font-size: 87%;
	}
	#contents .item_area .item_box .btn a span {
		margin: 18px 18px;
	}
}

/* -------------------------------------
	横並びボックス
----------------------------------------*/
.layout2 .box_main,
.layout3 .box_main,
.layout4 .box_main,
.layout5 .box_main {
	float: left;
}
.layout2 .box_main .img_area,
.layout3 .box_main .img_area,
.layout4 .box_main .img_area,
.layout5 .box_main .img_area {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.layout2 .box_main .txt_area .title03,
.layout3 .box_main .txt_area .title03,
.layout4 .box_main .txt_area .title03,
.layout5 .box_main .txt_area .title03 {
	margin-bottom: 25px;
	text-align: center;
}
.layout2 .box_main .txt_area .title05,
.layout3 .box_main .txt_area .title05,
.layout4 .box_main .txt_area .title05,
.layout5 .box_main .txt_area .title05 {
	text-align: center;
}

.layout2 .box_main {
	width: 47.75%;
	margin-right: 1.5%;
}
.layout2 .box_main:nth-child(odd) {
	margin-left: 1.5%;
}
.layout2 .box_main .img_area {
	height: 360px;
}
.layout2 .box_main .txt_area {
	padding: 30px 17% 40px;
}

.layout3 .box_main {
	width: 31.33%;
	margin-right: 1.5%;
}
.layout3 .box_main:first-child {
	margin-left: 1.5%;
}
.layout3 .box_main .img_area {
	height: 196px;
}
.layout3 .box_main .txt_area {
	padding: 30px 17% 40px;
}

.layout4 .box_main {
	width: 23.8%;
	background-color: #ffffff;
	margin-left: 1.6%;
}
.layout4 .box_main:first-child {
	margin-left: 0;
}
.layout4 .box_main .img_area {
	height: 220px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.layout4 .box_main .txt_area {
	padding: 30px 20px 40px 20px;
}

.layout5 .box_main {
	width: 18.2%;
	margin-right: 1.5%;
}
.layout5 .box_main:first-child {
	margin-left: 1.5%;
}
.layout5 .box_main .img_area {
	height: 196px;
}
.layout5 .box_main .txt_area {
	padding: 30px 0 40px;
}
.layout5 .box_main .txt_area p {
	line-height: 1.6;
}

.layout2_02 .img_area {
	float: right;
	width: 48.5%;
	margin-right: 1.5%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.layout2_02.txt_r .img_area {
	float: left;
	margin-right: 0;
	margin-left: 1.5%;
}
.layout2_02 .txt_area {
	float: left;
	width: 48.5%;
	margin-left: 1.5%;
	background-color: #fff;
}
.layout2_02.txt_r .txt_area {
	float: right;
	margin-right: 1.5%;
	margin-left: 0;
}
.layout2_02 .txt_area_inner {
	padding: 55px 20% 70px;
}

@media screen and (max-width:740px){
	.layout2 {
		margin-left: 5%!important;
		margin-right: 2%!important;
	}
	.layout2 .box_main {
		width: 47%;
		margin-right: 3%;
	}
	.layout2 .box_main:nth-child(odd) {
		clear: both;
		margin-left: 0;
	}
	.layout2 .box_main .img_area {
		padding-top: 90%;
		height: auto;
	}
	.layout2 .box_main .txt_area {
		padding: 30px 6% 40px;
	}
	.layout2 .box_main .txt_area .title03 {
		font-size: 120%;
		margin-bottom: 20px;
	}
	.layout2 .box_main .txt_area p {
		font-size: 94%;
	}

	.layout3 {
		margin-right: 5%!important;
		margin-left: 5%!important;
	}
	.layout3 .box_main {
		width: auto;
		float: none;
		margin: 0 0 20px 0;
	}
	.layout3 .box_main:first-child {
		margin-left: 0;
	}
	.layout3 .box_main .img_area {
		float: left;
		width: 50%;
		padding-top: 45%;
		height: auto;
	}
	.layout3 .box_main .txt_area {
		float: right;
		width: 44%;
		padding: 10px 0 0;
	}
	.layout3 .box_main .txt_area .title03 {
		font-size: 120%;
	}
	.layout3 .box_main .txt_area p {
		font-size: 94%;
		line-height: 1.6;
	}

	.layout4 .box_main {
		width: 48%;
		margin-left: 4%;
	}
	.layout4 .box_main:nth-child(odd) {
		margin-left: 0;
	}
	.layout4 .box_main .img_area {
		height: auto;
		padding-top: 89%;
	}
	.layout4 .box_main .txt_area {
		padding: 30px 6% 40px;
	}

	.layout5 {
		margin-right: 5%!important;
		margin-left: 5%!important;
	}
	.layout5 .box_main {
		width: auto;
		float: none;
		margin: 0 0 20px 0;
	}
	.layout5 .box_main:first-child {
		margin-left: 0;
	}
	.layout5 .box_main .img_area {
		float: left;
		width: 50%;
		padding-top: 45%;
		height: auto;
	}
	.layout5 .box_main .txt_area {
		float: right;
		width: 44%;
		padding: 10px 0 0;
	}
	.layout5 .box_main .txt_area .title03 {
		font-size: 120%;
	}
	.layout5 .box_main .txt_area p {
		font-size: 94%;
		line-height: 1.6;
	}

	.layout2_02 {
		margin-left: 5%!important;
		margin-right: 5%!important;
	}
	.layout2_02 .img_area {
		float: none!important;
		width: auto;
		padding-top: 80%;
		margin: 0!important;
	}
	.layout2_02 .txt_area {
		float: none!important;
		width: auto;
		margin: 0!important;
	}
	.layout2_02 .txt_area_inner {
		padding: 25px 7% 35px;
	}

	.sp_layout1 {
		margin-left: 5%;
		margin-right: 5%;
	}
	.sp_layout1 .box_main {
		width: auto;
		margin-right: 0;
		margin-bottom: 20px;
	}
}

/* -------------------------------------
	ボタン 右矢印
----------------------------------------*/
.btn {
	text-align: center;
}
.btn a {
	background-color: rgba( 255, 255, 255, 0.8 );
	width: 450px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	position: relative;
	color: #2e2e2e;
	font-size: 107%;
	line-height: 1.5;
	border: 1px solid #c7c9ca;
}
.btn a span {
	margin: 18px 30px;
	display: block;
}
.btn a span span {
	margin: 0;
	display: inline;
}
.btn a span span.ib {
	display: inline-block;
}
.btn.type01 a {
	background-color: #041e44;
	color: #fff;
	border: 1px solid #041e44;
}
.btn a::before {
	position: absolute;
	content: "";
    width: 10px;
    height: 10px;
    border-top: 1px solid #a9a9a9;
    border-right: 1px solid #a9a9a9;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 40%;
	right: 12px;
}
.btn.type01 a::before {
	border-top: 1px solid #fff;
   	border-right: 1px solid #fff;
}
.btn a:hover {
	opacity:1;
}
.btn a:hover span {
	opacity: 0.5;
}

@media screen and (max-width:740px){
	.btn a {
		font-size: 94%;
		width: 80%;
	}
}

/* -------------------------------------
	リスト
----------------------------------------*/
.list li {
	line-height: 1.6;
	margin-bottom: 14px;
	text-indent: -1em;
	margin-left: 1em;
}

.list_box {
	border-top: 1px solid #dadada;
}
.list_box dl {
	display: table;
	width: 100%;
	border-bottom: 1px solid #dadada;
}
.list_box dt,
.list_box dd {
	display: table-cell;
	padding-top: 22px;
	padding-bottom: 22px;
	line-height: 1.6;
	vertical-align: middle;
}
.list_box dt {
	width: 120px;
	padding-right: 20px;
	padding-left: 3px;
}
@media screen and (max-width:740px){
	.list_box dt {
		width: 70px;
	}
}


/* -------------------------------------
	ネットショップ&観光ページ
----------------------------------------*/
#sightseeing {
	margin-top: 50px;
}
#net_shop {
	margin: 20px auto 0;
	display: flex;
	max-width: 960px;
	justify-content: space-between;
}
#net_shop::after,
#net_shop::before {
	content: none;
}
#sightseeing #sightseeing_inner {
	background-color: #ffffff;
	max-width: 960px;
	margin: 0 auto;
}
#net_shop .shop_bn a,
#sightseeing #sightseeing_inner a {
	background-color: #ffffff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 130px;
	border: 1px solid rgba(194, 194, 194, 0.83);
	box-sizing: border-box;
}
#sightseeing #sightseeing_inner a {
	background: url('../img/common/sightseeing_bg.jpg') center center no-repeat;
	background-size: cover;
}
#net_shop .shop_bn{
	width: 48%;
}

#net_shop .shop_bn .logo_area,
#sightseeing #sightseeing_inner .logo_area {
	flex-basis: 135px;
	margin: -5px 0 0 50px;
}
#net_shop .shop_bn .logo_area img {
	width: 100%;
}
#net_shop .shop_bn .logo_area .shop_name {
	margin-top: 8px;
	font-size: 140%;
	font-weight: 500;
	color: #000000;
	text-align-last: justify;
	text-justify: inter-ideograph;
}
#sightseeing #sightseeing_inner .logo_area .shop_name {
	margin-top: 8px;
	font-size: 140%;
	font-weight: 500;
	color: #000000;
	line-height: 1.5;
	text-align: center;
}
#net_shop .shop_bn .btn_area,
#sightseeing #sightseeing_inner .btn_area {
	flex-basis: 250px;
	margin-right: 22px;
}
#net_shop .shop_bn .btn_area p,
#sightseeing #sightseeing_inner .btn_area p {
	position: relative;
	background-color: #ffffff;
	color: #2e2e2e;
	padding: 18px 30px;
	font-size: 107%;
	font-weight: 600;
	line-height: 1.5;
	text-align: center;
}
#net_shop .shop_bn .btn_area p::before,
#sightseeing #sightseeing_inner .btn_area p::before {
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	border-top: 1px solid #a9a9a9;
	border-right: 1px solid #a9a9a9;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
#net_shop.single{
	margin-top: 0;
	padding: 50px 0;
	display: block;
	min-width: 100%;
	background: url('../img/common/onlineshop_bg.jpg') center bottom;
	background-size: cover;
}
#net_shop.single .logo_area{
	width: auto;
	flex-basis: auto;
	text-align: center;
	margin: 0 0 0 44px;
}
#net_shop.single .logo_area img{
	width: 130px;
}
#net_shop.single .shop_bn{
	width: 100%;
}
#net_shop.single a{
	margin: auto;
	max-width: 960px;
	background: url('../img/common/banner.png') center center #fff no-repeat;
	/* background-size: auto 100%; */
}
#net_shop.single .btn_area .shop_name.mode_pc{
	display: block;
}
#net_shop.single .shop_bn .logo_area .shop_name{
	font-size: 105%;
	letter-spacing: 0.05em;
}
#net_shop.single .btn_area p{
	background-color: transparent;
}

@media screen and (max-width:740px){
	#sightseeing {
		margin-top: 0;
		padding-bottom: 20px;
	}
	#net_shop {
		margin: 0 auto;
		padding-bottom: 50px;
		display: block;
	}
	#net_shop .shop_bn{
		margin: 0 auto 20px;
	}
	#net_shop .shop_bn,
	#sightseeing #sightseeing_inner {
		width: 80%;
	}
	#net_shop .shop_bn a,
	#sightseeing #sightseeing_inner a {
		flex-wrap: wrap;
		background: #ffffff ;
		height: auto;
		margin: 0 auto;
	}
	#net_shop .shop_bn .logo_area,
	#sightseeing #sightseeing_inner .logo_area {
		flex-basis: 100%;
		height: 100px;
		margin: 0;
	}

	#sightseeing #sightseeing_inner .logo_area {
		background: url('../img/common/sightseeing_bg_sp.jpg') center bottom no-repeat;
		background-size: cover;
	}
	#net_shop .shop_bn .logo_area figure {
		width: 100px;
		margin: 35px auto 0 auto;
	}
	#net_shop .shop_bn .logo_area .shop_name {
		width: 100px;
		margin: 8px auto 0 auto;
		font-size: 100%;
	}
	#sightseeing #sightseeing_inner .logo_area .shop_name {
		width: 100px;
		margin: 28px auto 0 auto;
		font-size: 100%;
		color: #fff;
	}
	#net_shop .shop_bn .btn_area,
	#sightseeing #sightseeing_inner .btn_area {
		flex-basis: 100%;
		margin-right: 0;
		border-top: 1px solid rgba(194, 194, 194, 0.83);
	}
	#net_shop .shop_bn .btn_area p,
	#sightseeing #sightseeing_inner .btn_area p {
		font-size: 94%;
	}
	#net_shop .shop_bn .btn_area .mode_sp{
		display: block;
	}
	#net_shop .shop_bn .btn_area p::before ,
	#sightseeing #sightseeing_inner .btn_area p::before {
		right: 12px;
	}
	#net_shop.single{
		padding: 40px 0;
		margin-bottom: 30px
	}
	#net_shop.single .shop_bn a{
		margin: 0 auto;
		width: 88%
	}
	#net_shop.single .shop_bn .logo_area figure{
		margin: 23px auto 0 auto;
	}
	#net_shop.single a {
		margin: auto;
		max-width: 960px;
		background: url(../img/common/banner.png) center center #fff no-repeat;
		background-size: 80%;
	}
	#net_shop.single .shop_bn .logo_area{
		padding-bottom: 35px
	}
}

/* -------------------------------------
	グローバルメニューのネットショップ&観光ページ
----------------------------------------*/
#menu_net_shop .shop_bn,
#menu_sightseeing #menu_sightseeing_inner {
	background-color: #ffffff;
}
#menu_net_shop .shop_bn a,
#menu_sightseeing #menu_sightseeing_inner a {
	display: block;
	border: 1px solid #bdbdbd;
}
#menu_net_shop .shop_bn .logo_area {
	height: 118px;
	padding-left: 170px;
	background: url('../img/common/menu_net_shop_bg.jpg') left center no-repeat;
	background-size: contain;
}

#menu_sightseeing #menu_sightseeing_inner .logo_area {
	height: 118px;
	padding-left: 170px;
	background: url('../img/common/menu_sightseeing_bg.jpg') left center no-repeat;
	background-size: contain;
}


#menu_net_shop .shop_bn .logo_area figure {
	width: 136px;
	margin: 30px auto 0 auto;
}
#menu_net_shop .shop_bn .logo_area .shop_name {
	width: 136px;
	margin: 8px auto 0 auto;
	font-size: 134%;
	font-weight: 500;
	color: #000000;
	text-align-last: justify;
	text-justify: inter-ideograph;
}
#menu_sightseeing #menu_sightseeing_inner .logo_area .shop_name {
	width: 136px;
	margin: 28px auto 0 auto;
	font-size: 134%;
	font-weight: 500;
	letter-spacing: 2px;
	line-height: 1.5;
	color: #000000;
}

#menu_net_shop .shop_bn .btn_area,
#menu_sightseeing #menu_sightseeing_inner .btn_area {
	border-top: 1px solid #bdbdbd;
}
#menu_net_shop .shop_bn .btn_area p,
#menu_sightseeing #menu_sightseeing_inner .btn_area p {
	font-size: 94%;
	color: #4b5666;
	padding: 15px 30px;
	font-size: 107%;
	line-height: 1.5;
	text-align: center;
}

@media screen and (max-width:740px){
	#menu_net_shop .shop_bn .logo_area {
		height: 75px;
		padding-left: 90px;
		background-image: url('../img/common/menu_net_shop_bg_sp.jpg');
	}
	#menu_sightseeing #menu_sightseeing_inner .logo_area {
		height: 75px;
		padding-left: 90px;
		background: url('../img/common/menu_sightseeing_bg.jpg') -23px center no-repeat;
		background-size: contain;
	}
	#menu_net_shop .shop_bn .logo_area figure {
		width: 70px;
		margin-top: 20px;
	}
	#menu_net_shop .shop_bn .logo_area .shop_name {
		width: 70px;
		margin-top: 5px;
		font-size: 74%;
	}
	#menu_sightseeing #menu_sightseeing_inner .logo_area .shop_name {
		width: 80px;
		margin-top: 21px;
		font-size: 74%;
	}
	#menu_net_shop .shop_bn .btn_area p,
	#menu_sightseeing #menu_sightseeing_inner .btn_area p {
		font-size: 74%;
		padding: 8px 30px;
	}
}


/* -------------------------------------
	404ページ
----------------------------------------*/
#error404 #column_cont h2 {
	background-image: none;
	text-align: center;
}
#error404 #column_cont .box p {
	line-height: 1.9;
	margin-bottom:20px;
	text-align:center;
}
/* -------------------------------------
	clearfix
----------------------------------------*/
/* For modern browsers */
.cf:before,.cf:after,
header:before,header:after,
footer:before,footer:after,
nav:before,nav:after,
section:before,section:after,
article:before,article:after,
div:before,div:after,
dl:before,dl:after,
ul:before,ul:after{
	content:"";
	display:table;
}
.cf:after,
header:after,footer:after,
nav:after,section:after,
article:after,
div:after,
dl:after,ul:after {
	clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf,
header,footer,nav,section,article,
div,dl,ul {
	zoom:1;
}


/* メガメニュー修正 */
.preload{
	transition: none !important;
	display: none;
}

/* フッター　BtoB追加 */


li.footer_menu_item.btob {
    margin-top: 12px;
    margin-bottom: 12px;
    line-height: 16px;
    }

/* フッター　糀茶屋リンク追加 */

.footer_menu_list .link_list01 .link_list02 .link_list03 {
	flex: 0 1 auto;
}

.footer_menu_list .link_list03 span.footer_sns{
	float: right;
    line-height: 18px;
	margin-left: 10px;
}


@media screen and (max-width:740px){

	.footer_menu_list:last-of-type{
		flex-wrap: wrap;
	}

	.footer_menu_list .link_list01 {
		flex: 1 0 50%;
	}

	.footer_menu_list .link_list02{
		flex: 1 0 50%;
	}

	.footer_menu_list .link_list03 {
		flex: 1 0 100%;
	}

	.footer_menu_list .link_list03 span.footer_sns{
		float: none;
		margin-left: 15px;
		line-height: 30px;
	}
}

@media screen and (min-width:769px){
	ul.footer_list_wrap.link_list03{
		width: 20%;
	}
}

/*  フッター ipad　のみ適用 */

@media only screen
    and (min-device-width:768px)
    and (max-device-width:1023px)
    and (orientation:portrait){
	.footer_menu_list .link_list03 span.footer_sns{
		line-height: 36px;
	}
}