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

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

common

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

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}

html {
	overflow: auto;
}

html.enable-javascript .slider-pro {
	visibility: hidden;
}

/* 画像すべてを読み終えたら、対象を表示する */

html.enable-javascript.window-load .slider-pro {
	visibility: visible;
}

body {
	font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	counter-reset: item;
	width: 100%;
	animation: fadeIn 2s ease 0s 1 normal;
	-webkit-animation: fadeIn 2s ease 0s 1 normal;
	/*overflow: hidden;*/
	-webkit-text-size-adjust: 100%;
}

@keyframes slideInleft {
	from {
		opacity: 0;
		transform: translateX(-150px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

a {
	text-decoration: none;
}

.sml{
	font-size: .8em;
}

.flex {
	display: flex;
}

.left {
	width: 30%;
}

.right {
	width: 70%;
}

.txtright {
	text-align: right;
}

.txtleft {
	text-align: left;
}

.txtcenter {
	text-align: center;
}

.bold {
	font-weight: bold;
}

.wht {
	color: #fff;
}

.o-red {
	color: #ff4500;
}

.co-color {}


/*追加重要なお知らせエリア*/

.important-list{
	padding: 50px 0;
}

.important-list li{
	margin-top: 50px;
}

.important-txt{
	width: 100%;
    max-width: 1200px;
    margin: 0 auto;
	padding:40px 20px;
	background: #fff;
	border: solid 1px #ccc;
	line-height: 1.8em;
    box-sizing: border-box;
}



.important-date{
	font-size: .8em;
	color: #696969;
	margin-left: 20px;
}

.important-tour{
	padding-top: 0!important;
	padding-bottom: 50px!important;
}

/*wovn*/

/*#wovn-translate-widget[wovn] .wovn-lang-selector{
	bottom: 50px!important;
}*/

.ttl-area {
	padding: 50px 0;
	text-align: center;
}

.ttl-area2 {
	padding-top: 50px;
	text-align: center;
}

h1.topttl{
	font-size: 2.5em;
	font-weight: bold;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}

h2.ttl {
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}

h2.ttl img {
	width: 100%;
	max-width: 150px;
}

.ttlline {
  position: relative;
  padding: 0.25em 0;
}
.ttlline:after {
  content: "";
  display: block;
  height: 4px;
	margin-top: 5px;
  background: -webkit-linear-gradient(to right, rgb(220, 220, 220), transparent);
  background: linear-gradient(to right, rgb(220, 220, 220), transparent);
}

.jinyu-fudo img{
	max-width: 100px!important;
}

p.enttl {
	color: #f5f5f5;
	text-shadow: 1px 1px 1px #000;
	position: relative;
  display: inline-block;
  padding: 0 55px;
	font-size: 2em;
	font-weight: bold;
	margin-top: 10px;
}


.enttl:before,.enttl:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: #808080;
}

.enttl:before {
  left:0;
}
.enttl:after {
  right: 0;
}


.fixed0 {
	background: url(../img/fixed0.jpg);

}

.fixed1 {
	background: url(../img/fixed1.jpg);

}

.fixed2 {
	background: url(../img/fixed2.jpg);
}

.fixed3 {
	background: url(../img/fixed3.jpg);
}

.fixed-bg {
	height: 400px;
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
}

.topflex {
	display: flex;
	justify-content: center;
	width: 100%;
	/*max-width: 1200px;*/
	margin: 0 auto;
	box-sizing: border-box;
	/*box-shadow: 1px 1px 8px #ccc;*/
}

.topflex-image {
	position: relative;
	width: 50%;
	background: #000;
	box-sizing: border-box;
}

.topflex-image img {
	width: 100%;
	object-fit: cover;
	object-position: center;
}

.topflex-text {
	width: 50%;
	/*max-width: 660px;*/
	background: url(../img/fude.png),rgba(255, 255, 255, .9);
	background-size: cover;
	padding: 20px;
	box-sizing: border-box;
}

.bg-wht{
	background:#f5f5f5;
}

.bg-wht0{
	background:#fff;
}

.shopttl{
	text-align: center;
}

.nabeya{
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 10px;
}

.chokueisub{
	padding: 10px;
	color: #fff;
	font-weight: bold;
	background: url(../img/ai.jpg);
}

.shopname {
  position: relative;
  display: inline-block;
  padding: 0 55px;
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 15px;
}

.shopname:before,.shopname:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}

.shopname:before {
  left:0;
}
.shopname:after {
  right: 0;
}


.touji-area{

}
.touji{
	position: absolute;
	top: 0;
	left: 0;
	writing-mode:vertical-rl;
	writing-mode: tb-rl;
	padding: 20px;
	box-sizing: border-box;
}
.exp{
	font-size: 2em;
	font-weight: bold;
	text-shadow: #fffafa 2px 0px, #fffafa -2px 0px, #fffafa 0px -2px, #fffafa 0px 2px, #fffafa 2px 2px, #fffafa -2px 2px, #fffafa 2px -2px, #fffafa -2px -2px, #fffafa 1px 2px, #fffafa -1px 2px, #fffafa 1px -2px, #fffafa -1px -2px, #fffafa 2px 1px, #fffafa -2px 1px, #fffafa 2px -1px, #fffafa -2px -1px;
}
.touji-name img{
	width: 100%;
	max-width: 70px;

}

.year{
	writing-mode:horizontal-tb;
	writing-mode: lr-tb;
}
.washi-bg{
background: url(../img/washi2.jpg);
}

.washi-bg2{
background: url(../img/washi3.jpg);
}

.kura-tour{
	padding: 100px 20px;
}
.kura-text{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	line-height: 2em;
}

.kura-flex{
	display: flex;
	padding-bottom: 30px;
}

.kura-box{
	width: 33%;
	margin: 10px;
}

.kura-box img{
	width: 100%;
}


.kura-btn{
	width: 100%;
	text-align: center;
}

.kura-btn a{
	font-size: 1.5em;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	border: solid 2px #9acd32;
	text-shadow: 1px 1px 5px #000;
	padding: 20px;
	background: url(../img/mapbtn.jpg);
	background-size: cover;
}

.kura-btn a:hover{
	transition: .3s;
	border: solid 2px #ffd700;
	text-shadow: 1px 1px 5px #ffffe0;
}
.flexcenter {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.sub-txt {
	padding: 10px;
}

.sub-txt p {
	line-height: 2em;
}

.touji-txt {
	padding: 10px;
}

.touji-txt  p {
	line-height: 2em;
}



#page_top {
	width: 100px;
	height: 60px;
	position: fixed;
	right: 0;
	bottom: 0;
	background: #228b22;
	opacity: 0.6;
}

#page_top a {
	position: relative;
	display: block;
	width: 100px;
	height: 60px;
	text-decoration: none;
}

#page_top a::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f102';
	font-size: 25px;
	color: #fff;
	position: absolute;
	width: 25px;
	height: 25px;
	top: -25px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}

#page_top a::after {
	content: 'PAGE TOP';
	font-size: 13px;
	color: #fff;
	position: absolute;
	top: 30px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}


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

header
------------------------------------------------*/

.globalMenuSp {
	display: none;
}

.navToggle {
	display: none;
}


header {}

#topnav {
	padding: 10px;
	background: url(../img/ai.jpg);
}

.sptop{
	display: none;
}

.topnav-flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.topnav {
	display: flex;
	margin-left: auto;
}

.topnav li {
	margin: 0 15px;
}

.topnav li a {
	color: #fff;
	font-size: .9em;
	font-weight: bold;
	transition: .3s;
}

.topnav li a::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f105';
	padding-right: 5px;
}

.topnav li a:hover{
	color: #ccc;
}

.main {
	position: relative;
	height: 96vh!important;
}

.toplogo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	width: 100%;
	max-width: 600px;
	text-align: center;
}

.toplogo img {
	width: 100%;
	max-width: 300px;
}

.shoptoplogo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	width: 100%;
	max-width: 600px;
	text-align: center;
}

.shoptoplogo img {
	width: 100%;
	max-width: 300px;
}

.toptxt {
	padding-top: 20px;
	min-height: 200px;
}

.toptxt p {
	color: #fff;
	font-weight: bold;
	font-size: 1.7em;
	line-height: 1.8em;
	text-shadow: 1px 1px 3px #000;
}

.sub {
	position: relative;
	width: 100%;
	height: 80vh;
}

.subtop {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	width: 100%;
	max-width: 600px;
	text-align: center;
}

.a-top {
	background: url(../img/subtop.jpg);
	background-size: cover;
}
.product-top {
	background: url(../img/product.jpg);
	background-size: cover;
	background-position: center center;
}

.tokuyaku-top {
	background: url(../img/tokuyaku.jpg);
	background-size: cover;
	background-position: bottom center;
}

.other-top {
	background: url(../img/fixed3.jpg);
	background-size: cover;
	background-position: center center;
}

.kura-top {
	background: url(../img/kura-top.jpg);
	background-size: cover;
	background-position: center center;
}

.en-top {
	background: url(../img/fixed2.jpg);
	background-size: cover;
	background-position: center center;
}

#gnav {
	padding: 10px;
	background: url(../img/washi1.jpg);
	width: 100%;
	box-sizing: border-box;
}

ul.nav {
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
}



ul.nav li a {
}

ul.nav li {
	padding: 0 20px;
}

ul.nav li:first-child {
	margin-right: auto;
	padding: 0;
}

ul.nav li:last-child {
	padding-right: 0;
}

li.logo {
	width: 250px;
	transition: .1s;
}

li.logo img {
	width: 100%;
}

.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3;
}

.is-fixed li.logo {
	width: 220px;
}


ul.nav li a {
	position: relative;
	font-size: 1em;
	color: #2d2d2d;
	display: inline-block;
	text-decoration: none;

}


ul.nav li a::after {
	position: absolute;
	bottom: -8px;
	left: 0;
	content: '';
	width: 110%;
	height: 2px;
	background: -webkit-linear-gradient(to right, rgb(255, 255, 255), transparent);
  background: linear-gradient(to right, rgb(255, 255, 255), transparent);
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
}

ul.nav li a:hover::after {
	transform: scale(1, 1);
}

li.logo a::after{
	content:none!important;
} 

ul.nav li a::before {
	content: "";
	display: inline-block;
	background: url(../img/masu.png);
	width: 28px;
	height: 28px;
	background-size: contain;
	vertical-align: middle;
	padding-right: 10px;
	background-repeat: no-repeat;
	z-index: 99;
}

ul.nav li a:hover::before {
	content: "";
	display: inline-block;
	background: url(../img/masu-r.png);
	width: 28px;
	height: 28px;
	background-size: contain;
	vertical-align: middle;
	padding-right: 10px;
	background-repeat: no-repeat;
	z-index: 99;
	transition: .3s;
}

.nav-en{
  display: block;
	font-size: .9em;
	font-weight: bold;
	color: #696969!important;
	text-align: center;
	padding-top: 5px;
}

li.logo a::before {
	display: none!important;
}

.banner-area{
	display: flex;
	justify-content: center;
	width: 100%;
    max-width: 1200px;
    margin: 0 auto;
	padding: 20px 0;
    box-sizing: border-box;
}

.banner-box{
	width: 49%;
}
.banner-box img{
	width: 100%;
}

.info {
	padding: 50px 0;
	background: url(../img/wall01.jpg);
}


.info-btn{
	width: 100%;
	text-align:right;
}

.info-btn a{
	font-size: 1em;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	border: solid 2px #9acd32;
	text-shadow: 1px 1px 5px #000;
	padding:10px 20px;
	background: url(../img/mapbtn.jpg);
	background-size: cover;
}

.info-btn a:hover{
	transition: .3s;
	border: solid 2px #ffd700;
	text-shadow: 1px 1px 5px #ffffe0;
}

.yurai {
	padding: 100px 0;
	background: url(../img/washi2.jpg);
}

.jinyu {
	padding: 100px 0;
	background: url(../img/washi2.jpg);
}

.fudou {
	padding: 100px 0;
	background: url(../img/washi2.jpg);
}

.sake {
	padding: 100px 0;
	background: url(../img/washi2.jpg);
}


.fixed-box {
	padding-top: 300px;
	background: url(../img/fixed4.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
	box-sizing: border-box;
}

.itemcatch {
	color: #fff;
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
	text-shadow: 0 0 3px #000;

}

.pickup-flex {
	display: flex;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
	/*flex-wrap: wrap;*/
	margin-bottom: 200px;
}

.pickup-box {
	width: 100%;
	max-width: 800px;
	display: flex;
	padding: 20px;
	box-sizing: border-box;
}

.chokuei{
	margin: 100px 0 200px 0;
}

.other-area{
	padding: 100px 0;
	background: url(../img/wall2.jpg);
}

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

商品一覧ページ
------------------------------------------------*/

.allitem {
	padding: 50px 0;
	background: url(../img/wall01.jpg);
}


.itemsub {
	width: 100%;
	height: 650px;
	background: url(../img/sample2.jpg);
	background-size: cover;
}


.itemnav {
	display: flex;
	width: 100%;
	margin: 0 auto;
	justify-content: center;
	padding: 100px 0;
	box-sizing: border-box;
}

.itemnav li {
	padding: 20px;
}

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

酒が出来るまで
------------------------------------------------*/

.youtube{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 50px;
}

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.movie-list{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding-top: 10px;
	margin-bottom: 50px;
}

.moviechange{
	width: 19%;
	border: solid 1px #ccc;
	text-align: center;
	background: #fff;
	box-sizing: border-box;
}
.moviechange a{
	display: block;
	width: 100%;
	height: 100%;
	color: #000;
}

.movie-listflex{
	height: 100%;
	display: flex;
	flex-direction: column;
}

.movie-listttl h3{
	padding: 10px;
}

.flag {
	padding: 10px;
	margin-top: auto;
}

.country{
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 5px;
}
.moviechange.current{
	background: #f5f5f5;
}

.manu-btn{
	width: 100%;
	text-align: center;
	padding-bottom: 100px;
}

.manu-btn a{
	font-size: 1.5em;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	border: solid 2px #9acd32;
	text-shadow: 1px 1px 5px #000;
	padding: 20px;
	background: url(../img/mapbtn.jpg);
	background-size: cover;
}

.manu-btn a:hover{
	transition: .3s;
	border: solid 2px #ffd700;
	text-shadow: 1px 1px 5px #ffffe0;
}

.manunav {
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding: 100px 0;
	background: url(../img/washi3.jpg);
}

.manubox,
.manubox2 {
	position: relative;
	height: 120px;
	writing-mode: vertical-lr;
		-webkit-writing-mode:  vertical-lr;
		-ms-writing-mode: tb-lr;
		-o-writing-mode: vertical-lr;
	margin-top: 10px;
}

.manubox {
	margin-right: 60px;
}



.manubox::after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border: 60px solid transparent;
	border-left: 30px solid #5bc0de;
	margin-left: 5px;
}

.triangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 19px 0 19px;
	border-color: #5bc0de transparent transparent transparent;
	margin-top: 5px;
}


.manubox a,
.manubox2 a {
	color: #696969;
	display: flex;
	justify-content: center;
	padding: 10px;
	background: rgb(255,255,255);
background: linear-gradient(110deg, rgba(255,255,255,1) 0%, rgba(239,243,244,1) 100%);
	border: 1px solid #fff;
	box-shadow: 0px 2px 0 #ccc, 2px 4px 6px #dcdcdc;
	font-weight: 900;
	letter-spacing: 1px;
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
}

.manubox a:hover,
.manubox2 a:hover {
	border: 1px solid rgba(0, 0, 0, 0.05);
	box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
	color: #ccc;
	text-decoration: none;
	text-shadow: -1px -1px 0 #ffff;
	-webkit-transition: all 250ms linear;
	transition: all 250ms linear;
}


.product {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 10px;
	box-sizing: border-box;
}


.product h4{
	font-size: 2em;
	font-weight: bold;
	padding: 100px 10px 10px;
	border-bottom: solid 1px #ccc;
	margin-bottom: 30px;
}

.product-flex {
	display: flex;
	align-items: center;
}

.product-flex:nth-of-type(2n){
	flex-direction: row-reverse;
}

.product-txt {
	padding: 30px 20px;
	background: rgb(255,255,255);
background: linear-gradient(110deg, rgba(255,255,255,1) 0%, rgba(239,243,244,.8) 100%);
	box-sizing: border-box;
	line-height: 1.8em;
	margin: 0 10px;
	box-shadow: 1px 1px 5px #ccc;

}

.product-image {
	display: flex;
	box-sizing: border-box;
	flex: 1 0 auto; 

}

.product-image img {
	object-fit: contain;
	box-sizing: border-box;
}

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

特約店会
------------------------------------------------*/

.fudou-text{
	padding-bottom:50px;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	box-sizing: border-box;
}

.fudou-text p{
	font-size: 1.2em;
	line-height: 1.8em;
}

.map-bg{
	background:url(../img/japan.png),#fff;
	background-size: cover;
}

.fudou-map {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 50px 0 60px 0;
}


.nav-tabs {
	display: flex;
	flex-wrap: wrap;
}

.nav-state p {
	width: 100%;
	font-size: 1.2em;
	padding: 15px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	margin: 20px 0 10px 0;
	box-sizing: border-box;
	text-align: center;

}



.place {
	width: 115px;
	border: solid 1px #fff;
	background: rgb(255,255,255);
background:url(../img/ai.jpg);

}


.place a {
	display: flex;
	color: #fff;
	font-weight: bold;
	justify-content: center;
	padding: 15px;
	transition: .3s;
}

.place a::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f105';
	padding-right: 5px;
	color: #2172be;
}

.place:hover {
background: rgb(255,255,255);
background: linear-gradient(110deg, rgba(239,243,244,1) 0%, rgba(255,255,255,1) 100%);
}

.place a:hover {
	color: #4682b4;
	transition: .3s;
}

.alink {

}

.dstr-area {
	width: 100%;
	margin: 0 auto;
	padding: 80px 0;
	box-sizing: border-box;
}

.dstr-area:nth-child(even){
	background: url(../img/washi3.jpg);
}

.dstr-area h3 {
	font-size: 1.3em;
	font-weight: bold;
	padding: 10px;
	border-bottom: solid 1px #ccc;
}
.dstr-width{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.dstr {
	margin: 0 auto;
	padding: 10px;
}

.dstr dt {
	font-weight: bold;
	padding: 10px 0 30px 0;
	color: #808080;
}

.dstr dd {
	display: flex;
	justify-content: center;
	padding: 20px;
	border-bottom: dotted 1px #ccc;
	box-sizing: border-box;
}

.fudou-shop {
	width: 350px;
	font-weight: bold;
	line-height: 1.5em;
	box-sizing: border-box;
}

.add-box {
	width: 400px;
	box-sizing: border-box;
}

.zipcode {
	font-size: .9em;
	margin-bottom: 10px;
}

.fudou-shop a::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f109';
	padding: 0 5px;
	color: #2172be;
}

footer{
	width: 100%;
	background: url(../img/kura.jpg);
	border-top: solid 10px #fff;
}
.footerflex{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 80px 0;
}

.subpage{
	align-items: center;
}

.fbbox{
	width: 100%;
	max-width: 400px;
	padding: 10px;
	box-sizing: border-box;
	margin-right: 20px;
}

.footlogo{
	width: 100%;
	max-width: 300px;
	padding: 10px;
	box-sizing: border-box;
}

.footlogo img{
	width: 100%;
}
.footadd{
	min-height: 85px;
	padding: 10px;
}

.footadd table{
}

.footadd table td{
	padding: 0 5px;
}

.footadd span{
	color: #fff;
	line-height: 1.8em;
}

.footadd a{
	color: #fff;
}

.fb-page {
	display: block !important;
	width: 100%;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}

.navbox{
	margin-left: auto;
}

.footer-nav{
	padding: 20px;
	max-width: 300px;
}

.footer-nav li{
	padding: 10px;
}

.footer-nav li a{
	position: relative;
	display: block;
	color: #fff;
	font-weight: bold;
	transition: .3s;
}

.footer-nav li a::before{
	content: "";
	display: inline-block;
	background: url(../img/footlogo.jpg);
	width: 26px;
	height: 25px;
	background-size: contain;
	vertical-align: middle;
	padding-right: 5px;
	background-repeat: no-repeat;
	z-index: 99;
	
}

.footer-nav li a:hover{
	color: #ccc;
}
.copyright{
	padding: 20px;
	text-align: center;
}
.copyright p{
	color: #fff;
	line-height: 1.5em;
}


.footmap {
	position: relative;
	padding-bottom: 250px;
	height: 0;
	overflow: hidden;
	margin-top: 20px;
}
.footmap iframe, .footmap object, .footmap embed {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 380px;
	height: 250px;
}


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

酒蔵見学 お問い合わせ
------------------------------------------------*/

.tour-area{
	margin-bottom: 100px;
	padding:50px 20px;
	box-sizing: border-box;
	border: solid 1px #ccc;
	background: url(../img/washi3.jpg);
}

.tourinfo{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.tourinfo th,.tourinfo td{
	padding:10px 20px;
	line-height: 1.8em;
	border-bottom: dotted 1px #ccc;
	
}

.tourinfo th{
	font-weight: bold;
}

th.reitem{
	width: 300px;
}

.reserve{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.reserve tr{
	display: flex;
	padding: 20px 0;
	border-top: solid 1px #ccc;
}

.reserve tr:nth-of-type(odd){
	background: #F6F7F9;
}

.reserve th,.reserve td{
	padding: 10px;
}

.reserve th{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-weight: bold;
}

.tour-text{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	margin-bottom: 30px;
}

.tour-text p{
	line-height: 1.8em;
}

.musticon {
	display:inline-block;
	background-color: #C00;
	border: solid 2px #C00;
	text-shadow: 0px 1px 2px #933;
	padding: 2px 5px;
	font-size: 10px;
	color: #FFF;
	margin: 0px 5px;
	line-height: 1em;
	border-radius: 4px;
	box-shadow: 0px 0px 5px #CCC;
	background-image: url(../mfp.statics/_images/mfp_header.png);
	background-size: 100% 100%;
}

.tour-coution{
	width: 100%;
	max-width: 1200px;
	margin: 50px auto;
}

.tour-coution h3{
	font-weight: bold;
}

.tour-coution li{
	list-style-type: disc;
	list-style-position: inside;
	padding:5px 10px;
	line-height: 1.8em;
}

.accessmap{
	margin-left: 10px;
}

.accessmap a{
	color: #4682b4;
	border-bottom: solid 1px #4682b4;
}


.telbox{
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		padding: 40px;
		border: solid 3px #fff;
		box-sizing: border-box;
		background: #fff0f5;
	text-align: center;
	
	}

.telbox h3{
	font-size: 1.8em;
}

p.contacttel{
	font-size: 2.5em;
	font-weight: bold;
	padding: 20px 0;
	text-shadow: #fffafa 2px 0px, #fffafa -2px 0px, #fffafa 0px -2px, #fffafa 0px 2px, #fffafa 2px 2px, #fffafa -2px 2px, #fffafa 2px -2px, #fffafa -2px -2px, #fffafa 1px 2px, #fffafa -1px 2px, #fffafa 1px -2px, #fffafa -1px -2px, #fffafa 2px 1px, #fffafa -2px 1px, #fffafa 2px -1px, #fffafa -2px -1px;
}

#contactarea{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px;
	border: solid 1px #ccc;
	background: #fff;
	line-height: 1.8em;
	text-align: center;
	box-sizing: border-box;
}

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

会社概要
------------------------------------------------*/

.company-area{
	margin-bottom:100px;
}

.greeting-area{
	margin-bottom:100px;
}

.greeting-box{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	line-height: 2em;
	padding: 30px;
	background: url(../img/seigaiha2.jpg);
	box-sizing: border-box;
	border: solid 3px #ccc;
}

.ceo{
	font-size: 1.3em;
	font-weight: bold;
	padding: 10px;
	margin-top: 30px;
	text-align: right;
	letter-spacing: 1px;
}

.company{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.company tr{
	border-bottom: solid 1px #ccc;
}

.company tr:first-of-type{
	border-top: solid 1px #ccc;
}

.company tr:nth-of-type(even){
	background: url(../img/washi3.jpg);
}
.company th,.company td{
	padding:20px 10px;
	line-height: 2em;
}
.company th{
	font-weight: bold;
}

.enkaku th{
	min-width: 200px;
}
.dir{
	display: flex;
	flex-wrap: wrap;
}

.dir dt{
	width: 25%;
}

.dir dd{
	width: 75%;
}

.b1-area{
	padding: 100px 0;
}

.b2-area{
	padding: 100px 0;
	background:rgba(255,255,255,.8);
}

.rinen{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.rinen p{
	font-size: 1.3em;
	line-height: 1.8em;
	font-weight: bold;
}

.company-flex{
	display: flex;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.company-image img{
	max-width: 100%;
}

.company-text{
	padding: 20px;
	line-height: 1.8em;
	box-sizing: border-box;
}


.map-btn a{
	margin-left: 5px;
	background: #ff6347;
	color: #fff;
	font-size: .9em;
	padding: 5px;
	font-weight: bold;
}
/*------------------------------------------------

ENGLISH
------------------------------------------------*/
.en-history{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.history-block{
	clear: both;
	margin-bottom: 50px;
}

.en-history h3{
	font-size: 1.8em;
	font-weight: bold;
	padding: 10px;
	border-bottom: solid 1px #ccc;
	margin-bottom: 10px;
}

.en-history p{
	line-height: 1.5em;
	padding:0 10px 5px 10px;
}


.img-left{
	float: left;
	margin:10px;
}
.img-right{
	float: right;
	margin: 10px;
}

.history-flex{
	clear: both;
	display: flex;
}

.en-image{
	width: 230px;
}

.en-image img{
	width: 230px;
	
}

.en-image p{
	line-height: 1.5em;
	padding: 0;
	text-align: center;
}

.flexrow{
	flex-direction: row-reverse;
}

.videolink{
	margin-left: 20px;
}

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

直営店
------------------------------------------------*/


.shop-btn{
	width: 100%;
	text-align: center;
	margin-top: 50px;
}

.shop-btn a{
	font-size: 1.2em;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	border: solid 2px #9acd32;
	text-shadow: 1px 1px 5px #000;
	padding: 10px 20px;
	background: url(../img/mapbtn.jpg);
	background-size: cover;
}

.shop-btn a:hover{
	transition: .3s;
	border: solid 2px #ffd700;
	text-shadow: 1px 1px 5px #ffffe0;
}


.shop-sub{
	font-size: 2em!important;
	margin-top: 30px!important;
}

.shop-bg {
	padding: 100px 0;
	background: url(../img/wall01.jpg);
}

.shop-area{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 100px 0 50px 0;
}

.shop-ttl{

}

.shop-ttl h3 {
	font-size: 1.8em;
	font-weight: bold;
	padding: 10px;
	border-bottom: solid 1px #ccc;
	text-align: center;
}

.shop-toptext{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
	padding:20px 0;
	line-height: 2em;
}
.shop-image{
	width: 100%;
}

.shop-image img{
	width: 100%;
}
.shop-text{
	padding: 50px;
	line-height: 2em;
	background: url(../img/washi3.jpg);
	margin: 20px 0 50px 0;
}


.item-area {
width: 100%;
margin: 0 auto;
max-width: 1200px;
display:flex;
	box-sizing: border-box;
/*flex-wrap: wrap;*/
justify-content:space-between;
padding: 150px 0 50px 0;
}

.img-area {
padding: 10px;
text-align: center;
box-sizing: border-box;

}

.txt-area {
padding: 10px;
width: 100%;
max-width: 600px;
box-sizing: border-box;

}


.txt-area h3 {
position: relative;
font-weight: bold;
font-size: 1.3em;
padding-bottom: .5em;
text-shadow: 1px 1px 0 white;
}
.txt-area h3::after {
position: absolute;
bottom: 0;
left: 0;
content: '';
width: 100%;
height: 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid orange;
}

.mainImage,.mainImage2{
width: 600px;
height: 600px;
}


.mainImage img,.mainImage2 img {
width: 600px;
height: 600px;
border: solid 2px #fff;
object-fit: cover;
box-sizing: border-box;
box-shadow: 1px 1px 1px #ccc;
}

.thumbnails,.thumbnails2{
margin: 10px auto 0 auto;
display: flex;
flex-wrap: wrap;
width: 600px;
justify-content: space-between;

}


.thumbnails img,.thumbnails2 img {
width: 140px;
height: 140px;
border: solid 2px #fff;
object-fit: cover;
box-sizing: border-box;
box-shadow: 1px 1px 1px #ccc;
}

.thumbnails li,.thumbnails2 li{
	position: relative;
	margin-bottom: 10px;
	cursor: pointer;
}

.thumbnails li.current::after,.thumbnails2 li.current::after{
	content: "";
	position: absolute;
	display: block;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.5);
}

.shopinfo{
	width: 100%;
}

.shopinfo tr{
	border-bottom: dotted 1px #ccc;
	display: flex;
	padding-top: 10px;
	margin-bottom: 15px;
}

.shopinfo th,.shopinfo td{
	padding: 10px;
	line-height: 1.8em;
}
.shopinfo th{
	width: 200px;
	box-sizing: border-box;
	font-weight: bold;
}

h4.staff{
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
	font-size: 1.3em;
	font-weight:bold;
	margin: 50px 0 20px 0;
	text-shadow: #fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
}

.shop-comment{
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
	position: relative;
	line-height: 2em;
	padding:30px 20px;
	border: solid 3px #000080;
	border-radius: 10px;
	background: #fff;
	box-shadow: 2px 2px 2px #CCC;
}

.shop-comment::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  top: -15px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid  #000080;
  border-left: 15px solid transparent;
}

/* beforeで本体の三角を表現 */
.shop-comment::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  top: -12px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid  #fff;
  border-left: 15px solid transparent;
}


.gmap {
position: relative;
padding-bottom:450px;
height: 0;
overflow: hidden;
}

.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left:0;
right: 0;
margin: auto;
width: 100%;
height: 450px;
}
/*------------------------------------------------

Wordpress
------------------------------------------------*/
#contents{
background: url(../img/washi2c.jpg);
}

.newstop {
	position: relative;
	width: 100%;
	height: 40vh;
	background: url(../img/subtop.jpg);
	background-size: cover;
	background-position: bottom center;
}


.wpbg {
	background: url(../img/wall01.jpg);
}

.pan-list{
	display: flex;
	padding: 10px;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
}

.pan-list li{
	padding: 10px;
	line-height: 1.5em;
}
.pan-list br{
	display: none;
}

.tag{
	padding: 10px;
	text-align: right;
	font-size: .9em;
}

.wp-main{
	/*width: 100%;*/
}

.wp-newsmain{
	width: 100%;
}

h2.catttl{
	font-size: 1.5em;
	padding: 10px;
	font-weight: bold;
}

h2.catttl::before {
		position: relative;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: '\f044';
		margin-right: 5px;
		background: none;
	}

.wpmain-box{
	display: flex;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 0;
	align-items: flex-start;
	/*background: url(../img/kawara.png);
	background-repeat: repeat-x;*/
}

.wp-sub{
	/*min-width: 230px;*/
}

.wpnews-sub{
	width: 30%;
	 padding: 20px;
	margin-right: 10px;
	box-sizing: border-box;
	background: rgba(255,255,255,.7);
}
.wpnews-sub h2{
	font-weight: bold;
	padding: 10px 5px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	margin: 10px 0;
	/*background: url(../img/washi3.jpg);*/
}

ul.news,ul.category,ul.archive {
	margin-bottom: 40px;
}
ul.news li{
margin: 5px;
border-bottom: dashed 1px #ccc;
list-style-position: inside;
padding: 5px 0;
}
ul.category li,ul.archive li {
line-height: 2em;
list-style-type: disc;
list-style-position: inside;
}



ul.news li a,.category li a,.archive li a{
color: #000;
}

.wpttl{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border-bottom: dotted 1px #ccc;
	padding:0 10px;
	margin-bottom: 30px;
	box-sizing: border-box;
}

.wpttl h3{
	padding:10px;
}

.wpttl h3 a{
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: bold;
}

.date{
	padding:10px;
	color: #696969;
	font-weight: bold;
	width: 150px;
	text-align: left;
	margin-right: 10px;
	box-sizing: border-box;
}
.wpttl-flex{
	padding: 10px;
	background:rgba(245,245,245,.7);
}


.wpttl-flex h3{
	padding:10px;	
}
.wpttl-flex h3 a{
	font-size: 1.5em;
	line-height: 1.8em;
	font-weight: bold;
	color: #000;
	
}

p.state{
	padding:5px 10px;
	text-align: right;
	color:#696969;
}

.news-content{
	padding: 20px;
	background: rgba(255,255,255,.7);
	box-sizing: border-box;
}

.news-content p{
	line-height: 1.8em;
	padding: 5px 0;
}
.news-content img{
	width: 100%!important;
	max-width: 700px!important;
	object-fit: contain;
	height: auto!important;
}
.wp-block-image{
	text-align: center;
	padding: 10px;
}
.item-top {
	background: url(../img/tokuyaku.jpg);
	background-size: cover;
	background-position: bottom center;
}

.infobox {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
}

ul.flexlist {}

ul.flexlist li {
	display: flex;
	align-items: center;
	padding: 10px;
	border-bottom: dotted 1px #a9a9a9;
}

.old-news a{
	color: #00008b;
	padding: 5px;
	border-bottom: solid 1px #00008b;
}

.pager-box{
	text-align: center;
}

.page-numbers{
	padding: 10px;
}



/*商品一覧*/

.wp_title{
	padding: 10px;
}
.wp_title::after{
	position: relative;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: '\f101';
		margin-left: 10px;
		background: none;
}
.itembg{
	padding: 50px 0;
}
.itembg:nth-of-type(even){
	background:rgba(245,245,245,.7);
}

.item_main {
	width: 100%;
	margin: 0 auto;
	padding-top: 50px;
}

.itemlink{
	display: flex;
	justify-content: space-around;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 50px 0;
}

.itemlink li{
	position: relative;
}

.itemlink li a{
	position: relative;
	display: block;
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
    padding: 20px 0;
	width: 350px;
	text-align: center;
	border: solid 1px #ccc;
	z-index: 2;
}

li.jin-link{
	position: relative;
	background:url(../img/jinbg.jpg);
	background-size: cover;
	background-position: center center;
}

li.fu-link{
	position: relative;
	background:url(../img/fubg.jpg);
	background-size: cover;
	background-position: center center;
}

li.other-link{
	position: relative;
	background:url(../img/otherbg.jpg);
	background-size: cover;
	background-position: center center;
}

.itemlink li::after{
	position: absolute;
	content: "";
	background: rgba(0,0,0,.6);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	transition: .3s;
}

.itemlink li:hover::after{
	position: absolute;
	content: "";
	background: rgba(0,0,0,.2);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	transition: .3s;
}

.topitemttl{
	font-size: 2.5em;
	text-align: center;
}

.itemttl{
	padding: 50px 0;
	text-align: center;
}

h2.indexttl{
	font-size: 2em;
	font-weight: bold;
}

h3.indexttl{
	font-size: 2em;
	font-weight: bold;
}

.itemsubttl{
	padding-top: 50px;
	text-align: center;
}

.itemsubttl h3{
	font-size: 2em;
	font-weight: bold;
}

.itemsubttl h4{
	font-size: 2em;
	font-weight: bold;
}

.top-itemarea {
	width: 100%;
	padding: 20px 0 200px 0;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;

}

.top-itembox {
	position: relative;
	width: 23.5%;
	background: url(../img/washi3.jpg);
	margin: 10px;
}


.pick-itemarea {
	width: 100%;
	max-width: 1300px;
	padding: 20px 0 100px 0;
	margin: 0 auto;
	display: flex;
	/*justify-content: space-around;*/
	flex-wrap: wrap;
}

.pick-itembox {
	position: relative;
	width: 23.2%;
	background: url(../img/washi3.jpg);
	margin: 10px;
}

.topsum-image img {
	width: 100%;
	/*max-width: 350px;*/
	height: 34vw;
	max-height:650px;
	object-fit: cover;
}

.sum-image {
	background: #000;
}

.sum-image img {
	width: 100%;
	/*max-width: 350px;*/
	height: 35vw;
	max-height:460px;
	object-fit: cover;
}
.top_item img{
	max-height:none;
}


.pick-text {

	padding: 20px 10px 10px;
	box-sizing: border-box;
}

.pickttl {
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: bold;
	padding-bottom: 30px;
}

.pick-bottom {
	margin-top: auto;
}

.alc {
	font-size: .9em;
}

.moreinfo {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.moreinfo a {
	display: inline-block;
	font-size: 0.9em;
	background-color: #009944;
	color: #fff !important;
	background-size: 200% 100%;
	background-image: -webkit-linear-gradient(left, transparent 50%, rgba(108, 187, 90, 1) 50%);
	background-image: linear-gradient(to right, transparent 50%, rgba(108, 187, 90, 1) 50%);
	-webkit-transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
	transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
	padding: 5px 10px;
}

.moreinfo a:hover {
	background-color: #6cbb5a;
	background-position: -100% 100%;
}

/*商品ページ*/

.item {
	background: url(../img/wall01.jpg);
}

.entry_main {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	padding: 50px 0;
}

/*.top-cc {
	padding: 5px;
	border-bottom: solid 2px #dcdcdc;
}*/

.top-cc {
  position: relative;
  padding: 0.25em 0;
}
.top-cc:after {
  content: "";
  display: block;
  height: 2px;
	margin-top: 5px;
  background: -webkit-linear-gradient(to right, rgb(220, 220, 220), transparent);
  background: linear-gradient(to right, rgb(220, 220, 220), transparent);
}

.item-name {
	padding: 20px;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.3em;
	text-align: center;
}

.bottom-cc {
	line-height: 1.5em;
	padding: 10px;
}

.item-flex {
	display: flex;
	justify-content: space-between;

}

.item-image {
	/*display: flex;*/
	/*margin: 0 auto;*/
	/*padding: 50px;*/
}



.item-pc {}

.item-sp {
	display: none;
}

.item-image img {
	width: 450px;
	height: 675px;
	object-fit: cover;
}

.item-thumbnails{
	display: flex;
	width: 450px;
	justify-content: space-between;
	margin: 10px auto 0 auto;
}


.item-thumbnails img{
height: 100%;
/*border: solid 2px #fff;*/
object-fit: cover;
box-sizing: border-box;
/*box-shadow: 1px 1px 1px #ccc;	*/
cursor: pointer;
}
.item-thumbnails li{
	position: relative;
	width: 105px;
	height: 105px;
	margin-bottom: 10px;
	background: #fff;
}

.item-thumbnails li.current::after{
	content: "";
	position: absolute;
	display: block;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.5);
}

.sake-size{
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
	line-height: 1.5em;
}

.iteminfo{
	margin-top: 10px;
	font-weight: bold;
}

.item-text {
	max-width: 750px;
	min-width: 450px;
	display: flex;
	flex-direction: column;
	padding-left: 20px;
	padding-bottom: 10px;
	box-sizing: border-box;
}

.details-box {
	width: 100%;
	background: #fff;
	margin-top: 5px;
}

.details-box th,
.details-box td {
	border: solid 1px #ccc;
	padding:10px;
	line-height: 1.5em;
}

.details-box th {
	font-weight: bold;
}

.btn-area{
margin-top:20px;
display: flex;
justify-content: space-between;
}

.item-btn {
display: block;
}

.item-btn a {
	padding: 10px;
	color: #000;
	display: inline-block;
	border: 1px solid #000;
	background:#fff;
}


.item-list {
	padding-right: 20px;
	box-sizing: border-box;
}

.item-list li {
	border-bottom: solid 1px #000;
}

.children li {
	border-bottom: dotted 1px #ccc;
}
.children li:last-child{
	border-bottom:none;
}

.children li a {
	padding: 10px!important;
}

.item-list li a {
	display: inline-block;
	padding: 20px 10px;
	font-weight: bold;
	color: #000;
}

.item-list li a::before {
	content: "";
	display: inline-block;
	background: url(../img/masu.png);
	width: 25px;
	height: 25px;
	background-size: contain;
	vertical-align: middle;
	padding-right: 5px;
	background-repeat: no-repeat;
	z-index: 99;
}

.children li a {
	font-weight: normal!important;
	color: #696969;
}


.children li a::before {
	content: none!important;
}

.item-list li a:hover {
	color: #c0c0c0;
	transition: .3s;
}

strong{
	font-weight: bold;
}

em{
	font-style: italic;
}

.othertxt-area{
	width: 100%;
	padding: 10px 20px;
	margin-top: 10px;
	line-height: 1.8em;
	box-sizing: border-box;
	background: #fff;
	border: solid 1px #ccc;
}



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

利用規約 プラバシーポリシー
------------------------------------------------*/

.terms-area,.privacy-area{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
}
.terms-area h3{
	line-height: 2em;
	font-weight: bold;
}
.terms-area p,.privacy-area p{
	line-height: 2em;
}

.terms-area a,.privacy-area a{
	border-bottom: solid 1px #0000cd;
	color: #0000cd;
}

ol.terms li{
	list-style-type:decimal;
	list-style-position: outside;
	padding: 10px;
}

ol.terms li h3{
/*	display: inline-block;*/
	line-height: 1.5em;
}
.privacy-area h3{
	font-weight: bold;
}

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

メディアクエリ1024px以下
------------------------------------------------*/

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


	.globalMenuSp {
		display: block;
	}

	nav.globalMenuSp {
		position: fixed;
		z-index: 100;
		top: 0;
		left: 0;
		/*background: #fff;*/
		color: #000;
		text-align: center;
		transform: translateY(-100%);
		transition: all 0.6s;
		width: 100%;
		height: 100%;
	}

	nav.globalMenuSp ul {
		background: linear-gradient(-45deg, #4169e1 0%, #4682b4 100%);
		background: -webkit-linear-gradient(-45deg, #4169e1 0%, #4682b4 100%);
		margin: 0 auto;
		padding: 50px 0;
		width: 100%;
		height: 100%;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;	
		box-sizing: border-box;
	}

	nav.globalMenuSp ul li {
		font-size: 1.2em;
		list-style-type: none;
		padding: 0;
		width: 100%;
		/*border-bottom: 1px dotted #fff;*/
	}

	nav.globalMenuSp ul li:last-child {
		padding-bottom: 0;
		border-bottom: none;
	}
	nav.globalMenuSp ul li.sp {}
	p.psp {
		padding: 1em 0;
	}
	nav.globalMenuSp ul li a {
		display: block;
		color: #fff;
		padding: 1em 0;
	}

	nav.globalMenuSp ul li a:hover {
		background: rgba(245, 245, 245, 0.8);
	}



	/*nav.globalMenuSp ul li:hover > ul.spdrop{
display:block;

}*/
	nav.globalMenuSp.active {
		transform: translateY(0%);
	}


	.navToggle {
		display: block;
		position: fixed;
		right: 5px;
		top: 5px;
		width: 60px;
		height: 60px;
		cursor: pointer;
		z-index: 101;
		text-align: center;
		border-radius: 5px;
	}

	.navToggle span {
		display: block;
		position: absolute;
		width: 47px;
		border-bottom: solid 4px #fff;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
		left: 6px;
		text-shadow: 1px 1px 1px #ccc;
	}

	.navToggle span:nth-child(1) {
		top: 9px;
		box-shadow: 1px 1px 1px #ccc;
	}

	.navToggle span:nth-child(2) {
		top: 23px;
		box-shadow: 1px 1px 1px #ccc;
	}

	.navToggle span:nth-child(3) {
		top: 37px;
		box-shadow: 1px 1px 1px #ccc;
	}

	.navToggle span:nth-child(4) {
		border: none;
		color: #fff;
		font-size: 11px;
		font-weight: bold;
		top: 45px;
	}

	.navToggle.active span {
		box-shadow: none;
		text-shadow: none;
	}
	.navToggle.active span:nth-child(1) {
		top: 22px;
		left: 6px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}


	.navToggle.active span:nth-child(2),
	.navToggle.active span:nth-child(3) {
		top: 22px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	#topnav{
		padding:15px 10px;
	}
	
	
	.nav-en-sp{
  display: inline-block;
	font-size: .7em;
	font-weight: bold;
	color: #e6e6e6!important;
	margin-left: 10px;
}
	
	.pctop{
	display: none;
}
	
	.sptop{
	display: block;
}
	
	.sptop img{
	max-width: 100%;
}
	.topnav {
		display: none;
	}

	#gnav {
		display: none;
	}


	.topflex {
		flex-wrap: wrap;
		box-shadow: none;
	}


	.flex-reverse {
		flex-direction: column-reverse;
		align-items: center;
	}

	.topflex-image {
		width: 100%;
		max-width: 800px;
		box-sizing: border-box;
	}

	.topflex-image img {
		width: 100%;
		object-fit: cover;
		object-position: center;
	}

	.topflex-text {
		width: 100%;
		max-width: 800px;
		box-sizing: border-box;
	}
	
	.pickup-flex{
		flex-wrap: wrap;
	}
	.touji-name img{
	
}
	
.footerflex{
	justify-content: space-around;
}
	
.fbbox{
	margin-right:0;
}
	
.navbox{
	display: none;
}




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

酒が出来るまで
------------------------------------------------*/
	.manunav {
		width: 100%;
		margin: 0 auto;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}

	.manubox,
	.manubox2 {
		position: relative;
		height: 120px;
		writing-mode: vertical-lr;
		-webkit-writing-mode:  vertical-lr;
		-ms-writing-mode: tb-lr;
		-o-writing-mode: vertical-lr;
		margin: 20px 0;
	}

	.manubox {
		margin-right: 60px;
	}

	.manubox a,
	.manubox2 a {
		display: flex;
		justify-content: center;
		padding: 10px;
		border: solid 1px #ccc;
	}

	.manubox::after {
		position: absolute;
		content: "";
		width: 0;
		height: 0;
		border: 60px solid transparent;
		border-left: 30px solid #5bc0de;
		margin-left: 5px;
	}

	.triangle {
		display: none;
	}

	.manu-sp {
		display: flex;
	}



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

特約店会
------------------------------------------------*/
	.fudou-map {}


	.nav-state {
		width: 100%;
	}


	.dstr-area {

	}

	.dstr-area h3 {
		font-size: 1.3em;
	
	}

	.dstr {
		margin: 0 auto;
		padding: 10px;
	}
	.dstr dt {
		font-weight: bold;
		padding: 10px;
		color: #808080;
	}

	.dstr dd {
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.fudou-shop {}

	.add-box {}
	.zipcode {}
	
/*------------------------------------------------

利用規約
------------------------------------------------*/
	
	.terms-area{
		padding: 10px 0 10px 25px;
	}
	
	.privacy-area{
		padding: 10px 0 10px 25px;
	}

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

直営店
------------------------------------------------*/



.item-area {
flex-wrap: wrap;
justify-content: center;
padding: 80px 0;
}







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

Wordpress
------------------------------------------------*/
	
		.wpmain-box{
		flex-wrap: wrap;
		flex-direction: column-reverse;
		padding:40px 10px;
		box-sizing: border-box;
	}
	
	.wpnews-sub{
		width: 100%;
		margin: 0;
	}
	
	
	.wpttl h3 a{
	font-size: 1em;
	line-height: 1.5em;
}
	
	.wp-main{
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}

	.item-flex {
		flex-wrap: wrap;
		box-sizing: border-box;
		justify-content: center;
	}
	
	
	.item-text {
		padding-left: 0;
		width: 100%;
		min-width: auto;
	}
	
	.item-list {
		padding:10px;
	}

	.item-image {
		padding: 0;
		margin: 0 auto;
	}

	.item-pc {
		display: none;
	}

	.item-sp {
		display: block;
	}

	/*商品一覧*/
	
	.itemlink{
	flex-wrap: wrap;
	justify-content: center;
}
	
	
	.top-itemarea {
		justify-content: center;
		flex-wrap: wrap;
	}

	.top-itembox {
		width: auto;

	}


	.pick-itemarea {
		justify-content: center;
		flex-wrap: wrap;
	}

	.pick-itembox {
		width: auto;

	}

	.sum-image img {
		max-width: 350px;
		height: 100vw;
		max-height: 525px;
	}
	
	.topsum-image img {
		max-width: 350px;
		height: 100vw;
		max-height: 525px;
	}
	
.item-name{
		padding: 30px 0;
	}
	
	.bottom-cc{
		padding: 20px 0;
	}

	.details-box {
		margin: 20px 0;
	}
	
.btn-area{
margin-top: 20px;
}

}

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

メディアクエリ480px以下
------------------------------------------------*/

@media screen and (max-width: 480px) {
	
	
	/*追加重要なお知らせエリア*/


.important-txt{
	padding: 15px;
	}
	
.important-list img{
	width: 100%;
	object-fit: contain;
}
	
	

	
	.main{
		height: 50vh!important;
	}
	
	.fixed-bg {

}
	
.fixed0,.fixed1,.fixed2,.fixed3 {
	height: 50vh;
	background-attachment: scroll;
}
	


.fixed-box {
	padding-top: 100px;
	background: url(../img/fixed4sp.jpg);
	background-attachment: scroll;
	background-size: auto;
}


	.sub {
	height: 50vh;
}
	
	h1.topttl{
	font-size: 1.8em;
}


	h2.ttl{
		font-size: 1.5em;
	}
	
	h2.ttl img{
	max-width: 120px;	
	}
	
	.jinyu-fudo img{
	max-width: 80px!important;
}
	p.enttl {
	font-size: 1.5em;
	}
	
	.ttl-area {
	padding: 20px 0;
}
	
	.itemcatch{
		font-size: 1.3em;
		line-height: 1.5em;
	}
	
.itemsubttl h4{
	font-size: 1.8em;
}
	
	.toplogo{
		top: 60%;
	}
	.toplogo img {
		max-width: 100px;
	}
	
	.shoptoplogo{
		top: 40%;
	}
	.shoptoplogo img {
		max-width: 100px;
	}



	.toptxt p {
		font-size: 1em;
	}
.sub-txt {
	padding: 0;
}
	
.touji-txt {
	padding: 10px 0;
}


	.infobox{
		padding: 10px;
	}
	
	.infobox ul{
		max-height: 400px;
		overflow-y: scroll;
		margin-bottom: 20px;
	}

	.topflex-text{
		padding: 50px 20px;
	}
	
	.pickup-flex{
		margin-bottom: 50px;
		flex-wrap: wrap;
	}
	
	.pickup-box{
		display: flex;
		flex-wrap: wrap;
	}
	
	.pickttl{
		font-size: 1em;
		padding-bottom:10px;
	}
	
	.top-itemarea{
		    padding: 20px 0 100px 0;
	}
	.touji{
		padding: 10px;
	}	
	
.touji-name img {
    max-width: 39px;
}
	
	.exp {
		font-size: 1.2em
	}
	
	.kura-tour{
		padding: 50px 20px;
	}
	
	.kura-text{
		padding: 20px;
		box-sizing: border-box;
	}
	
	.kura-btn a{
		font-size: 1.2em;
	}
	
	.kura-flex{
	flex-wrap: wrap;
}

.kura-box{
	width: 100%;
	margin:0;
}

.kura-box img{
	width: 100%;
}
	
	.other-area{
		padding: 50px 0;
	}
	
	.chokuei{
		margin: 0 0 50px 0;
	}

	
	.footmap iframe, .footmap object, .footmap embed {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
}
	
	.footerflex{
		padding: 40px 0;
	}
	
	.footlogo{
		max-width: 250px;
	}
	
	.fbbox{
		margin-bottom: 50px;
	}
	
	
	.banner-area{
	flex-wrap: wrap;
	padding: 10px 0;
}

.banner-box{
	width: 100%;
	padding: 10px 0;
}
	/*------------------------------------------------

酒が出来るまで
------------------------------------------------*/
	
	.movie-list{
		padding: 0;
	flex-wrap: wrap;
}

.moviechange{
	width: 100%;
}
	
	.movie-listflex {
		padding: 10px;
		flex-direction: row;
		justify-content: center;
		box-sizing: border-box;
	}
	.movie-listttl{
		width: 50%;
		box-sizing: border-box;
	}
	.flag{
		text-align: left;
		width: 50%;
		margin: 0;
		box-sizing: border-box;
	}
	
	.manu-btn{
		padding-bottom: 50px;
	}
	
	.manu-btn a{
		font-size: 1.2em;
	}
	.manunav {
		width: 100%;
		margin: 0 auto;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		padding: 20px 0;
	}

	.manubox,
	.manubox2 {
		position: relative;
		width: 100%;
		height: auto;
		writing-mode: horizontal-tb;
		margin: 10px 0;
	}

	.manubox {
		margin-right: 0;
	}

	.manubox a,
	.manubox2 a {
		display: flex;
		justify-content: center;
		padding: 10px;
		border: solid 1px #ccc;
	}

	.manubox::after {
		position: absolute;
		content: "";
		/*content:none;*/
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 20px 20px 0 20px;
		border-color: #5bc0de transparent transparent transparent;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		margin-left: 0;
	}

	.triangle {
		display: none;
	}

	.manu-sp {
		width: 100%;
		flex-wrap: wrap;
	}

	.product h4 {
		font-size: 1.2em;
		padding: 80px 10px 10px;
	}

	.product-txt {
		line-height: 1.5em;
		margin: 0;

	}

	.product-flex {
		flex-wrap: wrap;
	}

	.product-image {
		box-sizing: border-box;
		flex-wrap: wrap;
		width: 100%;
		justify-content: center;
	}
	.product-image img {
		width: 100%;
		
	}
	
	.img-center{
		text-align: center;
	}

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

特約店会
------------------------------------------------*/
	
	.fudou-text {
		padding: 10px;
	}
	
	.fudou-text p{
		font-size: 1em;
	}
	.fudou-map {}

	.alink {
	}

	.nav-state {
		background: url(../img/washi3.jpg);
	}

	.nav-state:hover {
		cursor: pointer;
	}
	.psp span.open {
		font-weight: bold;
	}
	.psp span::after {
		position: relative;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: '\f103';
		margin-left: 10px;
		background: none;
	}
	.psp span.open::after {
		position: relative;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: '\f102';
		margin-left: 10px;
		background: none;
	}

	.nav-state p {
		font-size: 1em;
		border: solid 1px #ccc;
		margin: 0px;
	}

	.place {
		width: 100%;
	}

	.nav-tabs {
		display: none;
		margin: 0;
	}

	.dstr-area {

	}

	.dstr-area h3 {
		font-size: 1.3em;
		font-weight: bold;
		border-bottom: solid 1px #ccc;
	}

	.dstr {
		margin: 0 auto;
		padding: 10px;
	}
	.dstr dt {
		font-weight: bold;
		padding: 10px;
		color: #808080;
	}

	.dstr dd {
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.fudou-shop {
		width: 100%;
		box-sizing: border-box;
	}

	.add-box {
		padding: 10px 0;
		width: 100%;
		box-sizing: border-box;
	}
	.zipcode {}
	
	
	.copyright p{
	font-size: .9em;
}

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

酒蔵見学 お問い合わせ
------------------------------------------------*/
	
	#contactarea{
		padding:40px 20px;
		}
	.tour-area{
		padding: 0;
		border: none;
	}
	
	.tourinfo tr{
		display: flex;
		flex-wrap: wrap;
	}
	
	.tourinfo th, .tourinfo td {
		width: 100%;
		border: solid 1px #ccc;
	}
	
	.tourinfo th{
		color: #fff;
		background: url(../img/ai.jpg);
	}
.reserve tr{
	flex-wrap: wrap;
}
	
	th.reitem,th.retime{
		width: 100%;
	}
	
	.reserve th{
		justify-content: flex-start;
	}

.tour-text{
	padding: 10px;
	box-sizing: border-box;
}
	
	.tour-coution{
		padding: 10px;
		box-sizing: border-box;
	}
/*------------------------------------------------

会社概要
------------------------------------------------*/	
	
	.company-area{
		margin-bottom: 50px;
	}
	
	.greeting-area{
		margin-bottom: 50px;
	}
	
	.greeting-box{
		padding: 20px;
	}
	
	.ceo{
		font-size: 1.1em;
	}
	
.company tr{
	display: flex;
	flex-wrap: wrap;
	border: none;
}
	
.company tr:first-of-type{
	border: none;
}
	
	.company tr:nth-of-type(even){
		background: none;
	}

.company th,.company td{
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}
	.company th{
	border-bottom: solid 1px #ccc;
	background: url(../img/washi3.jpg);
	}

.dir dt{
width: 50%;
}
	.dir dd{
	width: 50%;	
	}
	
	.rinen{
		padding: 10px;
		box-sizing: border-box;
	}
	
	.rinen p{
		font-size: 1em;
	}
.company-flex{
	flex-wrap: wrap;
}
	
	.company-image{
		width: 100%;
	}

.company-image img{
	width: 100%;
}

.company-text{
	padding: 10px;

}

	.b2-area,.b1-area{
		padding: 50px 0;
	}
	
/*------------------------------------------------

ENGLISH
------------------------------------------------*/
.en-history{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.history-block{
	clear: both;
	margin-bottom: 50px;
}

.en-history h3{
	font-size: 1.3em;
}

.en-history p{
	line-height: 1.5em;
	padding:0 10px 5px 10px;
}


.img-left,.img-right{
	float: none;
	margin:0;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}

.img-left img,.img-right img{
	width: 100%;
}
.history-flex{
	flex-wrap: wrap;
}

.en-image{
width: 100%;
	padding: 10px;
	box-sizing: border-box;
}

.en-image img{
	width: 100%;
	
}

.en-image p{
	line-height: 1.5em;
	padding: 0;
	text-align: center;
}

.flexrow{
	flex-direction: row-reverse;
}
	

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

直営店
------------------------------------------------*/
	
.shop-sub{
	font-size: 1.5em!important;
	margin-top: 20px!important;
}

.shop-bg {
	padding: 50px 0;
}

.shop-area{

}

.shop-ttl{

}

.shop-ttl h3 {
font-size: 1.3em;
}

.shop-toptext{
padding: 10px;
}

.shop-text{
padding: 20px;
}


.item-area {
flex-wrap: wrap;
justify-content: center;
padding: 80px 0;
}

.img-area {
padding: 0;
}
.txt-area {
padding: 0;

}


.txt-area h3 {

}
.mainImage,.mainImage2{
width: 100%;
height:95vw;
}

.mainImage img,.mainImage2 img {
width: 100%;
height:95vw;
}

.thumbnails,.thumbnails2{
margin: 10px auto 0 auto;
display: flex;
flex-wrap: wrap;
width:100%;
justify-content: space-between;

}
	
.thumbnails li, .thumbnails2 li{
width: 24%;
	}

.thumbnails img,.thumbnails2 img {
width: 100%;
height: 24vw;
}
	
	.item-thumbnails{
		width: 100%;
		margin: 10px auto 30px auto;
	}
.item-thumbnails li{
width: 24%;
height: 22vw;
	}

.shopinfo tr{
	flex-wrap: wrap;
	padding: 0;
	border-bottom: none;
}

.shopinfo th,.shopinfo td{
	width: 100%;
}
	.shopinfo th{
border-bottom: solid 1px #ccc;
	background: url(../img/ai.jpg);
	color: #fff;
	}

h4.staff{
	font-size: 1em;
}

	.shop-comment{
		padding: 10px;
	}
	
	
.telbox{
    padding: 20px;
	}
	
.telbox h3{
	font-size: 1.3em;
}	


.gmap {
position: relative;
padding-bottom:250px;

}

.gmap iframe,
.gmap object,
.gmap embed {
height: 250px;
}


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

Wordpress
------------------------------------------------*/
	.wpttl{
		padding: 0;
	}
	
	.wpttl h3{
		padding: 10px 0;
	}
	
	.date{
		width: 100%;
		padding: 0;
		margin: 0;
	}
	
	.pan-list{
		flex-wrap: wrap;
	}
	
	.pan-list li{
		    padding: 5px;
	}
	
	.wpttl-flex h3 a{
		font-size: 1em;
		line-height: 1.5em;
	}
	
	.item_main{
	padding: 0;	
	}
	
	.itemlink{
	padding: 0;
	justify-content: center;
}

.itemlink li{
	width: 100%;

}

.itemlink li a{
	position: relative;
	display: block;
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
    padding: 20px 0;
	width: 100%;
	text-align: center;
	border: solid 1px #ccc;
	z-index: 2;
}
	
	.itemttl{
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
	}
	
	.itemttl img{
		max-width: 100%;
	
	}
	.wp-sub {
		width: 100%;
	}
	
	.wp_title{
	background: url(../img/washi1.jpg);	
	font-weight: bold;
	cursor: pointer;
	text-align: center;
	}
	.wp_title::after{
	position: relative;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: '\f0c9';
		margin-left: 10px;
		background: none;
		color: #fff;
		transition: .3s;
}
	
	.wp_title.show::after{
	position: relative;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: '\f00d';
		margin-left: 10px;
		background: none;
		color: #fff;
		transition: .3s;
}
	
	
	.list-area{
		position: relative;
	}
	
	.item-list{
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
		transition: all 0.5s;
		display: none;
		background: url(../img/washi3.jpg);	
		z-index: 2;
	}
	.item-list {
		padding: 0;
	}

	.item-list li {
		border-bottom: solid 1px #ccc;
	}

	.item-list li a {
		display: block;
	}
	.item-list.active {
		display: block;
		animation: fadeIn .2s linear 0s;

	}
.children{

}

.children li{
	border-bottom: dotted 1px #fff;
}

	.entry_main {
		padding: 20px 0;
		flex-wrap: wrap;
	}
	
	.top-itembox{
		width: 43%;
	}
	
	.topsum-image img {
		height: 63vw;
	}
	
	
	.pick-itembox{
		width: 43%;
	}
	.sum-image img {
		height: 63vw;
	}
	
	.moreinfo{
		position: static;
		text-align: center;
		margin-top: 10px;
	}


	.item-name{
		font-size: 1.3em;
	}
	.top-cc,.bottom-cc{
		font-size: 0.8em;
	}


	.item-flex {
		padding-top: 50px;
		box-sizing: border-box;

	}


	.details-box {
		width: 100%;
		box-sizing: border-box;
		margin: 10px auto;
	}

	.item-image {
		width: auto;
		height: auto;
		margin: 0 auto;

	}



	.item-image img {
		width: 100%;
		height: 140vw;
	}
.btn-area{
flex-wrap: wrap;
justify-content: flex-end;
margin-top: 10px;
}
	.item-btn{
		margin-top: 10px;
	}
	
	h2.indexttl{
		font-size: 1.5em;
	}
	
		.important-date{
		display: block;
		width: 100%;
		margin: 0;
		padding: 10px;
		text-align: right;
		box-sizing: border-box;
	}

}



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

スマホ横向き用　※480px以下と共通
------------------------------------------------*/

@media (orientation: landscape) and (max-width: 896px) {
	.main{
		height: 80vh!important;
	}
	
	.fixed-bg {

}
	
.fixed0,.fixed1,.fixed2,.fixed3 {
	height: 50vh;
	background-attachment: scroll;
}
	


.fixed-box {
	padding-top: 100px;
	background: url(../img/fixed4sp.jpg);
	background-attachment: scroll;
	background-size: auto;
}


	.sub {
	height: 50vh;
}
	
	h1.topttl{
	font-size: 1.8em;
}


	h2.ttl{
		font-size: 1.5em;
	}
	
	h2.ttl img{
	max-width: 120px;	
	}
	
	.jinyu-fudo img{
	max-width: 80px!important;
}
	p.enttl {
	font-size: 1.5em;
	}
	
	.ttl-area {
	padding: 20px 0;
}
	
	.itemcatch{
		font-size: 1.3em;
		line-height: 1.5em;
	}
	
.itemsubttl h4{
	font-size: 1.8em;
}
	
	.toplogo{
		top: 60%;
	}
	.toplogo img {
		max-width: 100px;
	}
	
	.shoptoplogo{
		top: 40%;
	}
	.shoptoplogo img {
		max-width: 100px;
	}



	.toptxt p {
		font-size: 1em;
	}
.sub-txt {
	padding: 0;
}

	.infobox{
		padding: 10px;
	}

	.topflex-text{
		padding: 50px 20px;
	}
	
	.pickup-flex{
		margin-bottom: 50px;
		flex-wrap: wrap;
	}
	
	.pickup-box{
		display: flex;
		flex-wrap: wrap;
	}
	
	.pickttl{
		font-size: 1em;
		padding-bottom:10px;
	}
	
	.top-itemarea{
		    padding: 20px 0 100px 0;
	}
	.touji{
		padding: 10px;
	}	
	
.touji-name img {
    max-width: 39px;
}
	
	.exp {
		font-size: 1.2em
	}
	
	.kura-tour{
		padding: 50px 20px;
	}
	
	.kura-text{
		padding: 20px;
		box-sizing: border-box;
	}
	
	.kura-btn a{
		font-size: 1.2em;
	}
	
	.kura-flex{
	flex-wrap: wrap;
}

.kura-box{
	width: 100%;
	margin:0;
}

.kura-box img{
	width: 100%;
}
	
	.other-area{
		padding: 50px 0;
	}
	
	.chokuei{
		margin: 0 0 50px 0;
	}

	
	.footmap iframe, .footmap object, .footmap embed {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
}
	
	.footerflex{
		padding: 40px 0;
	}
	
	.footlogo{
		max-width: 250px;
	}
	
	.fbbox{
		margin-bottom: 50px;
	}
	/*------------------------------------------------

酒が出来るまで
------------------------------------------------*/
	
	.manu-btn{
		padding-bottom: 50px;
	}
	
	.manu-btn a{
		font-size: 1.2em;
	}
	.manunav {
		width: 100%;
		margin: 0 auto;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		padding: 20px 0;
	}

	.manubox,
	.manubox2 {
		position: relative;
		width: 100%;
		height: auto;
		writing-mode: horizontal-tb;
		margin: 10px 0;
	}

	.manubox {
		margin-right: 0;
	}

	.manubox a,
	.manubox2 a {
		display: flex;
		justify-content: center;
		padding: 10px;
		border: solid 1px #ccc;
	}

	.manubox::after {
		position: absolute;
		content: "";
		/*content:none;*/
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 20px 20px 0 20px;
		border-color: #5bc0de transparent transparent transparent;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		margin-left: 0;
	}

	.triangle {
		display: none;
	}

	.manu-sp {
		width: 100%;
		flex-wrap: wrap;
	}

	.product h4 {
		font-size: 1.2em;
		padding: 80px 10px 10px;
	}

	.product-txt {
		line-height: 1.5em;
		margin: 0;

	}

	.product-flex {
		flex-wrap: wrap;
	}

	.product-image {
		box-sizing: border-box;
		flex-wrap: wrap;
		width: 100%;
		justify-content: center;
	}
	/*.product-image img {
		width: 100%;
		object-fit: contain;
	}*/
	
	.img-center{
		text-align: center;
	}

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

特約店会
------------------------------------------------*/
	
	.fudou-text {
		padding: 10px;
	}
	
	.fudou-text p{
		font-size: 1em;
	}
	.fudou-map {}

	.alink {
	}

	.nav-state {
		background: url(../img/washi3.jpg);
	}

	.nav-state:hover {
		cursor: pointer;
	}
	.psp span.open {
		font-weight: bold;
	}
	.psp span::after {
		position: relative;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: '\f103';
		margin-left: 10px;
		background: none;
	}
	.psp span.open::after {
		position: relative;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: '\f102';
		margin-left: 10px;
		background: none;
	}

	.nav-state p {
		font-size: 1em;
		border: solid 1px #ccc;
		margin: 0px;
	}

	.place {
		width: 100%;
	}

	.nav-tabs {
		display: none;
		margin: 0;
	}

	.dstr-area {

	}

	.dstr-area h3 {
		font-size: 1.3em;
		font-weight: bold;
		border-bottom: solid 1px #ccc;
	}

	.dstr {
		margin: 0 auto;
		padding: 10px;
	}
	.dstr dt {
		font-weight: bold;
		padding: 10px;
		color: #808080;
	}

	.dstr dd {
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.fudou-shop {
		width: 100%;
		box-sizing: border-box;
	}

	.add-box {
		padding: 10px 0;
		width: 100%;
		box-sizing: border-box;
	}
	.zipcode {}

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

酒蔵見学 お問い合わせ
------------------------------------------------*/
	

	.tour-area{
		padding: 0;
		border: none;
	}
	
	.tourinfo tr{
		display: flex;
		flex-wrap: wrap;
	}
	
	.tourinfo th, .tourinfo td {
		width: 100%;
		border: solid 1px #ccc;
	}
	
	.tourinfo th{
		color: #fff;
		background: url(../img/ai.jpg);
	}
.reserve tr{
	flex-wrap: wrap;
}
	
	th.reitem,th.retime{
		width: 100%;
	}
	
	.reserve th{
		justify-content: flex-start;
	}

.tour-text{
	padding: 10px;
	box-sizing: border-box;
}
	
	.tour-coution{
		padding: 10px;
		box-sizing: border-box;
	}
	
	
/*------------------------------------------------

会社概要
------------------------------------------------*/	
	
	.company-area,.greeting-area{
		margin-bottom: 50px;
	}
	
.company tr{
	display: flex;
	flex-wrap: wrap;
	border: none;
}
	
.company tr:first-of-type{
	border: none;
}
	
	.company tr:nth-of-type(even){
		background: none;
	}

.company th,.company td{
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}
	.company th{
	border-bottom: solid 1px #ccc;
	background: url(../img/washi3.jpg);
	}

.dir dt{
width: 50%;
}
	.dir dd{
	width: 50%;	
	}
	
	.rinen{
		padding: 10px;
		box-sizing: border-box;
	}
	
	.rinen p{
		font-size: 1em;
	}
.company-flex{
	flex-wrap: wrap;
}
	
	.company-image{
		width: 100%;
	}

.company-image img{
	width: 100%;
}

.company-text{
	padding: 10px;

}

	.b2-area,.b1-area{
		padding: 50px 0;
	}
	
/*------------------------------------------------

ENGLISH
------------------------------------------------*/
.en-history{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.history-block{
	clear: both;
	margin-bottom: 50px;
}

.en-history h3{
	font-size: 1.3em;
}

.en-history p{
	line-height: 1.5em;
	padding:0 10px 5px 10px;
}


.img-left,.img-right{
	float: none;
	margin:0;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}

.img-left img,.img-right img{
	width: 100%;
}
.history-flex{
	flex-wrap: wrap;
}

.en-image{
width: 100%;
	padding: 10px;
	box-sizing: border-box;
}

.en-image img{
	width: 100%;
	
}

.en-image p{
	line-height: 1.5em;
	padding: 0;
	text-align: center;
}

.flexrow{
	flex-direction: row-reverse;
}
	

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

直営店
------------------------------------------------*/

.shop-bg {
	padding: 50px 0;
}

.shop-area{

}

.shop-ttl{

}

.shop-ttl h3 {
font-size: 1.3em;
}

.shop-toptext{
padding: 10px;
}

.shop-text{
padding: 20px;
}


.item-area {
flex-wrap: wrap;
justify-content: center;
padding: 80px 0;
}

.img-area {

}
.txt-area {
padding: 0;

}


.txt-area h3 {

}
.mainImage,.mainImage2{
width: 100%;
height:95vw;
}

.mainImage img,.mainImage2 img {
width: 100%;
height:95vw;
}

.thumbnails,.thumbnails2{
margin: 10px auto 0 auto;
display: flex;
flex-wrap: wrap;
width:100%;
justify-content: space-between;

}
	
.thumbnails li, .thumbnails2 li{
width: 24%;
	}

.thumbnails img,.thumbnails2 img {
width: 100%;
height: 24vw;
}


.shopinfo tr{
	flex-wrap: wrap;
	padding: 0;
	border-bottom: none;
}

.shopinfo th,.shopinfo td{
	width: 100%;
}
	.shopinfo th{
border-bottom: solid 1px #ccc;
	background: url(../img/ai.jpg);
	color: #fff;
	}

h4.staff{
	font-size: 1em;
}

	.shop-comment{
		padding: 10px;
	}

.gmap {
position: relative;
padding-bottom:250px;

}

.gmap iframe,
.gmap object,
.gmap embed {
height: 250px;
}


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

Wordpress
------------------------------------------------*/
	.wpttl{
		padding: 0;
	}
	
	.wpttl h3{
		padding: 10px 0;
	}
	
	.date{
		padding: 0;
		margin: 0;
	}
	
	.pan-list{
		flex-wrap: wrap;
	}
	
	.pan-list li{
		    padding: 5px;
	}
	
	.wpttl-flex h3 a{
		font-size: 1em;
		line-height: 1.5em;
	}
	
	.item_main{
	padding: 0;	
	}
	
	.itemlink{
	padding: 0;
	justify-content: center;
}

.itemlink li{
	width: 100%;

}

.itemlink li a{
	position: relative;
	display: block;
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
    padding: 20px 0;
	width: 100%;
	text-align: center;
	border: solid 1px #ccc;
	z-index: 2;
}
	
	.itemttl{
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
	}
	
	.itemttl img{
		max-width: 100%;
	
	}
	.wp-sub {
		width: 100%;
	}
	
	.wp_title{
	background: url(../img/washi1.jpg);	
	font-weight: bold;
	cursor: pointer;
	text-align: center;
	}
	.wp_title::after{
	position: relative;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: '\f0c9';
		margin-left: 10px;
		background: none;
		color: #fff;
		transition: .3s;
}
	
	.wp_title.show::after{
	position: relative;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: '\f00d';
		margin-left: 10px;
		background: none;
		color: #fff;
		transition: .3s;
}
	
	
	.list-area{
		position: relative;
	}
	
	.item-list{
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
		transition: all 0.5s;
		display: none;
		background: url(../img/washi3.jpg);	
	}
	.item-list {
		padding: 0;
	}

	.item-list li {
		border-bottom: solid 1px #ccc;
	}

	.item-list li a {
		display: block;
	}
	.item-list.active {
		display: block;
		animation: fadeIn .2s linear 0s;

	}
.children{

}

.children li{
	border-bottom: dotted 1px #fff;
}

	.entry_main {
		padding: 20px 0;
		flex-wrap: wrap;
	}
	
	.top-itembox{
		width: 43%;
	}
	
	.topsum-image img {
		height: 63vw;
	}
	
	
	.pick-itembox{
		width: 43%;
	}
	.sum-image img {
		height: 63vw;
	}
	
	.moreinfo{
		position: static;
		text-align: center;
		margin-top: 10px;
	}

	.item-text {
		padding-left: 0;
	}




	.item-flex {
		padding:50px 10px;
		box-sizing: border-box;

	}


	.details-box {
		width: 100%;
		box-sizing: border-box;
		margin: 20px auto;
	}

	.item-image {
		width: auto;
		height: auto;
		margin: 0 auto;

	}



	.item-image img {
		width: 100%;
		height: 140vw;
	}
	
	
	

}