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

.pc {display:block;}
.tb {display:none;}
.sp {display:none;}

.object-fit{
  object-fit: cover;
  font-family: 'object-fit: cover;'
}



/*---modal--------------------------------------------------*/
.modal 
{   position:fixed;
	display:none; 
	z-index:20000; 
	top:40%; 
	left:50%; 
	width:60%;
	height:auto; 
	margin:-120px 0 0 -31%;
	padding:20px;
	text-align:center;
    background-color: #F4F4F4;
	border-radius: 10px;     
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */ -moz-border-radius: 10px;   /* Firefox用 */ 
} 

.modal img {
text-align: center;
width: 150px;
} 


.modal_tite{
	display: block;
	margin-bottom:30px;
	margin-top: 30px;
	text-align: center;

} 


.modal p {
} 

.age {
	font-size: 1.5em;
	
} 


.yes{
    display: block;
    padding: 0.7em 1em 0.5em 1em;
    text-decoration: none;
    background-color: #9B7D00;
	color: #FFFFFF;
    border-radius: 3px;
    transition: .4s;
    text-align: center;
	width: 300px;
    height: 45px;
	margin: 5px auto;
	font-size: 1.2em;
	cursor:pointer; 
	position: relative;
}

.yes span{
font-size: 0.7em;
}

.yes a {
	cursor:pointer; 
	text-decoration: none;
	color: #FFFFFF;

	
} 

.yes a:hover {
	cursor:pointer; 
	text-decoration: none;
	color: #FFFFFF;
} 

.yes a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: transparent;
}

.no{
	 display: block;
    padding: 0.5em;
    text-decoration: none;
	color: #9B7D00;
    text-align: center;
	width: 300px;
    height: 20px;
	margin: 5px auto;
	font-size: 1.2em;
	cursor:pointer; 
} 

.no a {
	cursor:pointer; 
	text-decoration: none;
	color: #9B7D00;
} 

.no a:hover {
	cursor:pointer; 
	text-decoration: none;
	color: #9B7D00;
} 


/*---/modal--------------------------------------------------*/


.caution_title{
   font-weight: bold;
	font-size: 16px;
	text-align: center;
}

.new{
color: #D00003;
}

.sold_out{
color: #AAAAAA;
}

.sold_out_bnr {
    margin: 1.5em 0;
}

.sold_out_bnr span:before {
    content :"SOLD OUT";
    padding: 0.9rem 4rem; 
    font-size: 16px;
    margin-right: -0.1em;
    letter-spacing: 0.1em;
    color: #ffffff;   
    background-color: #AAAAAA;  
}


/*---/modal--------------------------------------------------*/

a.same_product:link {
text-decoration: none;
color: #999900;

}

a.same_product:visited {
text-decoration: none;
color: #999900;

}

a.same_product:hover {
text-decoration: none;
color: #999900;

}

a.same_product:active {
text-decoration: none;
color: #999900;

}


body {
	margin:0;
	padding:0;
	font-size:16px;
	line-height:160%;
	-webkit-font-smoothing: antialiased;
    font-family: "游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
	background:#FFF;
}

a {
	color:#333;
	text-decoration:none;
}

a:hover  {
	color:#333;
}

img {
	vertical-align:bottom;
	border:0;
}

a img:hover {
	opacity: 0.8 ;
}


.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

#wapper {
	width:100%;
	padding:0;
	margin:0;
}

/*---header--------------------------------------------------*/
header {
	width:100%;
	margin:0 auto;
	background:#b8860b;
	position:fixed;
	top:0;
	left:0;
	z-index:10;
}

.head_menu img {
    width: auto;
    height:106px;
	}

header.shor {
	z-index:100;
}

header .inbox {
	width:96%;
	max-width:1200px;
	margin: 0 auto;
}
header .inbox .logo {
	 width : calc(100% / 3 - 20px) ;
	float:left;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	padding: 50px 20px 0 0 ;
}

header .inbox .logo img {
	width: auto;
	max-width:100%;
	height:auto;
}



header .inbox .main-logo {
	padding:0;
	 width : calc(100% / 3) ;
	float:left;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	height: 120px;
	position: relative;

}

header .inbox .main-logo img {
	width: auto;
	max-width:100%;
	height:auto;
padding-top: 10px;
}

header .inbox .menu {
	 width : calc(100% / 3 - 100px) ;
	float:right;
	font-family: "Averia Serif Libre";
	color:#FFFFFF;
	position:relative;
	margin-left: 5px;
	text-align: right;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

header.short .inbox .menu {
	margin-top: 10px;
	padding-right: 50px;
}

header .inbox .menu ul {
	margin:25px 0 0;
	padding:0;
	list-style:none;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}


header .inbox .menu li {
	margin:0;
	padding:10px;
	display:inline;
}


 head_txt {
	margin:20px!important;
	padding:20 10px!important;
	display:inline;
}





header .inbox .menu li a {
	color:#FFFFFF;
}

header .inbox .menu .menu_btn {
	display: none;
	position:absolute;
	top:17px;
	right:0;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

header.short .inbox .menu .menu_btn {
	display: block;
	position:absolute;
	top:17px;
	right:0;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

header.short .inbox .logo {
	padding:30px 0 0;
	 width : calc(100% / 3) ;
	float:left;
}


header.short .inbox .menu ul {
	margin:0;
	padding: 0;
	list-style:none;
}

header.short .inbox .menu .menu_btn {
	position:absolute;
	top:8px;
	right:0;
}

header.short .inbox .main-logo {
height: 100px;

	
}

header.short .inbox .main-logo img {
	width: 80%;
	height:auto;
    padding: 25px 10% 0;

	
}

header .inbox .headmenu {
	display: block;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

header.short .inbox .headmenu {
	display: none;
}

header .inbox .headmenu ul {
	background: url("../images/headmenu_bg.png") repeat-x top;
	margin: 0;
	padding: 0;
	list-style: none;
	}

header .inbox .headmenu ul li {
	margin: 0;
	padding: 0;
	width : calc(100% / 4) ;
    width : -webkit-calc(100% / 4) ;
	text-align: center;
	float: left;
	border-color: #333333;
	border-style: solid;
	border-width: 0 0 0 1px;
	box-sizing: border-box;
	font-weight: bold;
	font-size: 95%;
	vertical-align: middle;
}

header .inbox .headmenu ul li.ss {
	letter-spacing: -1px;
	width: 28%;
}

header .inbox .headmenu ul li a {
	width: 100%;
	line-height: 40px;
	display: block;
	box-sizing: border-box;
}

header .inbox .headmenu ul li:first-child {
	border-width: 0!important;
}

header .header_wine a:before {
content:"";
background: url("https://fujicorporation.life/PC/ja/asset/img/bannar/header_wine.png") no-repeat center;
display: inline-block;
width:35px;
height: 35px;
vertical-align: middle;
margin: 2px 5px 3px 0;
}

header .header_wine a:hover {
	background-color:#ffdead; 	/*リンクにマウスが乗ったら背景色を変更する*/
}


header .header_grappa a:before {
content:"";
background: url("https://fujicorporation.life/PC/ja/asset/img/bannar/header_grappa.png") no-repeat center;
display: inline-block;
width:35px;
height: 35px;
vertical-align: middle;
margin: 2px 5px 3px 0;
}

header .header_grappa a:hover {
	background-color:#ffdead; 	/*リンクにマウスが乗ったら背景色を変更する*/
}



header .header_food a:before {
content:"";
background: url("https://fujicorporation.life/PC/ja/asset/img/bannar/header_food.png") no-repeat center;
display: inline-block;
width:35px;
height: 35px;
vertical-align: middle;
margin: 2px 5px 3px 0;
}

header .header_food a:hover {
	background-color:#ffdead; 	/*リンクにマウスが乗ったら背景色を変更する*/
}


header .header_sake a:before {
content:"";
background: url("https://fujicorporation.life/PC/ja/asset/img/bannar/header_sake.png") no-repeat center;
display: inline-block;
width:35px;
height: 35px;
vertical-align: middle;
margin: 2px 5px 3px 0;
}

header .header_sake a:hover {
	background-color:#ffdead; 	/*リンクにマウスが乗ったら背景色を変更する*/
}


header .header_chocolate a:before {
content:"";
background: url("https://fujicorporation.life/PC/ja/asset/img/bannar/header_chocolate.png") no-repeat center;
display: inline-block;
width:35px;
height: 35px;
vertical-align: middle;
margin: 2px 5px 3px 0;
}

header .header_chocolate a:hover {
	background-color:#ffdead; 	/*リンクにマウスが乗ったら背景色を変更する*/
}

/*---/sns_menu--------------------------------------------------*/
#sns_menu{
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: auto;
	color:#fff;
}

.sns_menu_area{
	position: fixed;
	bottom: 0;
	z-index: 1;
}

.sns_menu_area{
	width: 100%;
	height: auto;
	background-color: rgba(0,0,0,0.70);
}

.sns_menu_area a{
	display: block;
}

.sns_menu_icon {
	padding: 2% 0 1% 0;
	text-align: center;
}

.sns_menu_icon img {
	margin: 1% 2%;
}

.sns_menu_icon a{
	display:inline;
}

.sns_menu_area p.close{
  position: absolute;
  right: 1%;
  top:-3%;
}

.sns_menu_area p.close a span{
  display: block;
  width: 20px;
  height: 20px;
  overflow: hidden;
}
.sns_menu_area p.close a{
  font-size: 20px;
  color: #fff;
}

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

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

/*-------------------------------------------------*/
.global-nav {
  position: fixed;
  right: -320px; /* これで隠れる */
  top: 0;
  width: 300px; /* スマホに収まるくらい */
  height: 100vh;
  padding-top: 10px;
  background-color:rgba(255,255,255,0.9);
  transition: all .6s;
  z-index: 200;
  overflow-y: auto; /* メニューが多くなったらスクロールできるように */
}



.hamburger {
	display: none;
}

header.short .hamburger {
display: block;
 position: absolute;
  right: 0;
	top:8px;
  background:#555555;
  width: 40px; /* クリックしやすいようにちゃんと幅を指定する */
  height: 40px; /* クリックしやすいようにちゃんと高さを指定する */
  cursor: pointer;
  z-index: 300;
  	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}


.global-nav ul.global-nav__list {
  margin:0;
  padding:0 0.8em !important;
  list-style: none;
  box-sizing:border-box;
  margin-bottom:80px !important;
}

.global-nav ul.global-nav__list li {
	margin:0;
	padding:0;
  text-align:left;
 	font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight:500;
	font-size:90%;
	display:block;
}

.global-nav ul.global-nav__list li.cart {
	margin-bottom:10px !important;
}

.global-nav ul.global-nav__list li.cart img {
	width:auto;
	max-width:100%;
	height:auto;
}

.global-nav ul.global-nav__list li.menu01 {
	border-top:#DDDDDD 1px solid;
	border-bottom:#DDDDDD 1px solid;
	background:#FFF;
	font-size:100%;
	padding:8px 8px;
	color:#663366;
	box-sizing:border-box;
}

.global-nav ul.global-nav__list li.menu01::before {
  content: "┃  ";
}

.global-nav ul.global-nav__list li.menu02 {
	border-bottom:#DDDDDD 1px solid;
	background:#F3E9F3;
	padding:8px 10px 8px 20px;
	color:#663366;
	box-sizing:border-box;
}

.global-nav ul.global-nav__list li.menu02 a {
	color:#663366;
}

.global-nav ul.global-nav__list li.menu03 {
	border-bottom:#DDDDDD 1px solid;
	padding:8px 10px 8px 40px;
	color:#000000;
	box-sizing:border-box;
}

.global-nav ul.global-nav__list li.menu03 a {
	color:#000000;
}




.global-nav ul.global-nav__list li.menu04 {
	display:none;
}

.global-nav ul.global-nav__list li.menu05 {
	display:none;
}




/*
.global-nav li a {
  display: block;
  text-decoration: none;
  color: #111 !important;
}
.global-nav li a:hover {
  background-color: #eee;
}*/
.hamburger__line {
  position: absolute;
  left: 11px;
  width: 18px;
  height: 2px;
  background-color: #FFF;
  transition: all .6s;
}
.hamburger__line--1 {
  top: 14px;
}
.hamburger__line--2 {
  top: 20px;
}
.hamburger__line--3 {
  top: 26px;
}
.black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all .6s;
  cursor: pointer;
}
/* 表示された時用のCSS */

.nav-open .hamburger {
	/*position:fixed;*/
	position: absolute;
	background:#FFF;
	right: 0px;
	top: 0px;
  cursor: pointer;
  z-index: 300;
}




.nav-open .global-nav {
  right: 0;
}
.nav-open .black-bg {
  opacity: .8;
  visibility: visible;
}

.nav-open .hamburger__line {
  background-color: #333;
}

.nav-open .hamburger__line--1 {
  transform: rotate(45deg);
  top: 20px;
}
.nav-open .hamburger__line--2 {
  width: 0;
  left: 50%;
}
.nav-open .hamburger__line--3 {
  transform: rotate(-45deg);
  top: 20px;
}
/*--------------------------------------------------------------------------------------*/




#contents {
	margin-top:174px;
	width:100%;
	z-index: 2;
}


#contact {
	width:100%;
	background:url(../images/contact_bg.jpg) center top;
}

#contact .inbox {
	width:96%;
	max-width:1200px;
	margin:0 auto;
	padding:80px 0;
}

#contact .inbox .leftbox {
	color:#FFFFFF;
	font-size:140%;
	line-height:180%;
	width:40%;
	float:left;
}

#contact .inbox .rightbox {
	width:40%;
	float:right;
}

#contact .inbox .rightbox p {
	margin:5px 0;
	padding:0;
	font-size:80%;
}



#guide {
	background:#F8F8F8;
	
}
#guide .inbox {	
	width:96%;
	max-width:1200px;
	margin:0 auto;
	padding:60px 0 40px;
}

#guide h2 {
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:200%;
	margin-bottom:40px;
	line-height:110%;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#guide h2 span {
	font-size:40%;
	margin-left:20px;
	vertical-align:middle;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 500;
}

#guide .guide_clm01,
#guide .guide_clm02{
	width:31.6%;
	float:left;
	margin-right:2.5%;
	font-size:88%;
	line-height:190%;
}

#guide .guide_clm03{
	width:31.6%;
	float:left;
	font-size:88%;
	line-height:190%;
}

#guide .guide_clm01 h3,
#guide .guide_clm02 h3,
#guide .guide_clm03 h3{
	font-size:100%;
	border-bottom:#DDDDDD 1px solid;
	padding-bottom:0px;
	margin-bottom:20px;
}

#guide .guide_clm01 h3::before {
	content: url(../images/guide_i01.png);
	margin-right:10px;
	vertical-align:top;
}

#guide .guide_clm02 h3::before {
	content: url(../images/guide_i02.png);
	margin-right:10px;
	vertical-align:top;
}

#guide .guide_clm03 h3::before {
	content: url(../images/guide_i03.png);
	margin-right:10px;
	vertical-align:top;
}









/*---footer--------------------------------------------------*/

#footer {
	background:#b8860b;
	padding:0;
	font-size:90%;
	line-height:200%;
     color:#FFFFFF;
}


#footer .inbox {
	width:90%;
	max-width:1200px;
	padding:40px 0 30px 0 ;
	margin:0 auto;
	line-height: 1.8;
}

#footer .inbox h4 {
	margin:0;
	padding:0;
	font-size:110%;
}

#footer .inbox .ftbox02, .ftbox03, .ftbox04 {
	line-height: 200%;
}

#footer .ftsns {
	width:100%;
	display: block;
	margin: 0 auto;
	text-align: center;
	padding-bottom:30px;
}

#footer .ftsns img {
	margin:0 1.5em;
}

#footer .inbox .ftbox01 {
	width:25%;
	float:left;
	border-right:#666666 1px solid;
	padding-right:20px;
	box-sizing:border-box;
	margin-right:20px;
		height: 280px;
}

#footer .inbox .ftbox01 p {
	font-size:80%;
	margin-top:15px;
}

#footer .inbox .ftbox01 img {
	width:auto;
	max-width:100%;
	height:auto;
}

#footer .inbox .ftbox02 {
	width:30%;
	float:left;
	border-right:#666666 1px solid;
	padding-right:10px;
	box-sizing:border-box;
	margin-right:20px;
	height: 280px;
}

#footer .ftbox02_bisection_l,.ftbox02_bisection_r {
	float:left;
	font-size:90%;
}

#footer .ftbox02_bisection_l {
	width: 40%!important;
}
#footer .ftbox02_bisection_r {
	width: 60%!important;
}


#footer .inbox .ftbox02 p {
	width:100%;
	float:left;
	font-size:90%;
}


#footer .inbox .ftbox03 {
	width:20%;
	float:left;
	border-right:#666666 1px solid;
	padding-right:20px;
	box-sizing:border-box;
	margin-right:20px;
	height: 280px;
}

#footer .inbox .ftbox03 p {
	font-size:90%;
	margin-bottom:26px;
}


#footer .inbox .ftbox04 {
	float:left;
	box-sizing:border-box;
}

#footer .inbox .ftbox04 p {
	font-size:90%;
}

#copy {
	text-align:center;
	margin-top:30px;
	margin-bottom: 80px;
	font-size:80%;
}

/*---/footer--------------------------------------------------*/




/* タブレットレイアウト : x*/
@media screen and (max-width:1180px)
{


header .inbox .menu {
	 width : calc(100% / 3 ) ;
	float:right;
	font-family: "Averia Serif Libre";
	color:#FFFFFF;
	position:relative;
	margin-left: 0;
	text-align: right;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}


header.short .inbox .menu {
	 width : 25% ;
	margin-top: 10px;
	padding-right: 70px;
}

	
.header_img
	{
	height: 50px
}
	
	
	
#contents {
	margin-top:173px;
	width:100%;
}

.modal 
{   position:fixed;
	display:none; 
	z-index:20000; 
	top:40%; 
	left:50%; 
	width:60%;
	height:auto; 
	margin:-120px 0 0 -31%;
	padding:20px;
	text-align:center;
    background-color: #F4F4F4;
	border-radius: 10px;     
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */ -moz-border-radius: 10px;   /* Firefox用 */  

	

} 

.modal img {
text-align: center;
width: 150px;
} 


.modal_tite{
	display: block;
	margin-bottom:30px;
	margin-top: 30px;
	text-align: center;

} 


.modal p {
} 

.age {
	font-size: 1.5em;
	
} 





.yes{
    display: block;
    padding: 0.7em 1em 0.5em 1em;
    text-decoration: none;
    background-color: #9B7D00;
	color: #FFFFFF;
    border-radius: 3px;
    transition: .4s;
    text-align: center;
	width: 300px;
    height: 45px;
	margin: 5px auto;
	font-size: 1.2em;
	cursor:pointer; 
}

.yes span{
font-size: 0.7em;
}

.yes a {
	cursor:pointer; 
	text-decoration: none;
	color: #FFFFFF;
} 

.yes a:hover {
	cursor:pointer; 
	text-decoration: none;
	color: #FFFFFF;
} 


.no{
	 display: block;
    padding: 0.7em 1em 0.5em 1em;
    text-decoration: none;
	color: #9B7D00;
    text-align: center;
	width: 300px;
    height: 20px;
	margin: 5px auto;
	font-size: 1.2em;
	cursor:pointer; 
} 

.no a {
	cursor:pointer; 
	text-decoration: none;
	color: #9B7D00;
} 

.no a:hover {
	cursor:pointer; 
	text-decoration: none;
	color: #9B7D00;
} 


.caution_title{
   font-weight: bold;
	font-size: 16px;
	text-align: center;
}



}

/* タブレットレイアウト : 768 px ～ 959 px*/
@media screen and (max-width:959px)
{
	
.pc {display:none;}
.tb {display:block;}
.sp {display:none;}


.head_menu {
	display:none;
}

/*20210427
header .inbox .headmenu {
	display:none;
}
*/

	
	header .inbox .logo {
	 width : calc(100% / 3 - 20px) ;
	float:left;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	padding: 20px 20px 0 0 ;
}

header .inbox .logo img {
	width: 80%;
	height:auto;
	padding: 0 20% 15px 0;
}



header .inbox .main-logo {
	padding:0;
	 width : calc(100% / 3) ;
	float:left;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	height: auto;
	position: relative;

}

header.short .inbox .main-logo {
height: auto;

	
}	
header.short .inbox .main-logo img {
	width: 80%;
	height:auto;
    padding: 30px 10% 0;

	
}
	
	
header .inbox .main-logo img {
	width: 80%;
	height:auto;
  padding: 20px 10% 0;
}
	
	
header .inbox .menu {
	 width : calc(100% / 3 ) ;
	float:right;
	font-family: "Averia Serif Libre";
	color:#FFFFFF;
	position:relative;
	margin-left: 0;
	text-align: right;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

header.short .inbox .menu {
	 width : auto ;
	margin-top: 10px;
	padding-right: 50px;
}


/*20210427追加*/
header .inbox .headmenu ul {
	background: none;
	margin: 0 0 2px 0;
	padding: 0;
	list-style: none;
}
	
header .inbox .headmenu ul li {
   background: #EEE;
	margin: 0 0 0 0;
	padding: 0;
	width: 50%;
	text-align: center;
	float: left;
	border-color: #333333;
	border-style: solid;
	border-width: 0 0 1px 1px;
	box-sizing: border-box;
	font-weight: bold;
	font-size: 72%;
}
	

header .inbox .headmenu ul li.ss {
	letter-spacing: -1px;
	width: 50%;
}
	
	
header.short .inbox .headmenu {
	display: none;
}
/*/20210427追加*/	

header .hamburger {
display: block;
 position: absolute;
  right: 0;
  top:12px;
  background:#555555;
  width: 40px; /* クリックしやすいようにちゃんと幅を指定する */
  height: 40px; /* クリックしやすいようにちゃんと高さを指定する */
  cursor: pointer;
  z-index: 300;
  	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
	
	header.short .hamburger {
		top:0px;
	}
#contents {
	margin-top:171px;
	width:100%;
}


#contact {
	width:100%;
	background:url(../images/contact_bg.jpg) center top;
}

#contact .inbox {
	width:96%;
	max-width:1200px;
	margin:0 auto;
	padding:80px 0;
}

#contact .inbox .leftbox {
	color:#FFFFFF;
	font-size:140%;
	line-height:180%;
	width:40%;
	float:left;
}

#contact .inbox .rightbox {
	width:40%;
	float:right;
}

#contact .inbox .rightbox p {
	margin:5px 0;
	padding:0;
	font-size:80%;
}



#guide {
	background:#F8F8F8;
	
}
#guide .inbox {	
	width:96%;
	max-width:1200px;
	margin:0 auto;
	padding:60px 0 40px;
}

#guide h2 {
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:200%;
	margin-bottom:40px;
	line-height:110%;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#guide h2 span {
	font-size:40%;
	margin-left:20px;
	vertical-align:middle;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 500;
}

#guide .guide_clm01,
#guide .guide_clm02{
	width:100%;
	float:none;
	margin-right:0%;
	font-size:88%;
	line-height:190%;
}

#guide .guide_clm03{
	width:100%;
	float:none;
	font-size:88%;
	line-height:190%;
}

#guide .guide_clm01 h3,
#guide .guide_clm02 h3,
#guide .guide_clm03 h3{
	font-size:100%;
	border-bottom:#DDDDDD 1px solid;
	padding-bottom:0px;
	margin-bottom:20px;
}

#guide .guide_clm01 h3::before {
	content: url(../images/guide_i01.png);
	margin-right:10px;
	vertical-align:top;
}

#guide .guide_clm02 h3::before {
	content: url(../images/guide_i02.png);
	margin-right:10px;
	vertical-align:top;
}

#guide .guide_clm03 h3::before {
	content: url(../images/guide_i03.png);
	margin-right:10px;
	vertical-align:top;
}










#footer {
	background:#b8860b;
	padding:0;
	font-size:90%;
	line-height:200%;

	color:#FFFFFF;
}
	

#footer .inbox {
	width:96%;
	max-width:1200px;
	padding:40px 0 120px 0;
	margin:0 auto;
}

#footer .inbox h4 {
	margin:0;
	padding:0;
	font-size:110%;
}

#footer .inbox .ftbox01 {
	width:100%;
	float:none;
	border-right:none;
	padding-right:0px;
	box-sizing:border-box;
	margin-right:0px;
}

#footer .inbox .ftbox01 p {
	font-size:80%;
	margin-top:25px;
	line-height:170%;
}

#footer .inbox .ftbox02 {
	width:45%;
	float:left;
	border-right:#666666 1px solid;
	padding-right:2%;
	box-sizing:border-box;
	margin-right:2%;
	max-height: 160px;}


#footer .ftbox02_bisection_l,.ftbox02_bisection_r {
	float:left;
	font-size:90%;
}

#footer .ftbox02_bisection_l {
	width: 40%!important;
}
#footer .ftbox02_bisection_r {
	width: 55%!important;
	margin-left: 10px
}

	
#footer .inbox .ftbox03{
	width:25%;
	float:left;
	border-right:#666666 1px solid;
	padding-right:2%;
	box-sizing:border-box;
	margin-right:2%;
	max-height: 160px;
}


#footer .inbox .ftbox04 {
	width:25%;
	float:left;
	box-sizing:border-box;
	max-height: 160px;
}


#copy {
	text-align:center;
	margin-top:30px;
	margin-bottom: 80px;
	font-size:80%;
}


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

/*.hamburger {
  top: 10px;
}*/



.global-nav ul.global-nav__list li.menu04 {
	display:block;
	border-top:#DDDDDD 1px solid;
	border-bottom:#DDDDDD 1px solid;
	background:#FFF;
	font-size:100%;
	padding:8px 8px;
	color:#663366;
	box-sizing:border-box;
}

.global-nav ul.global-nav__list li.menu04::before {
  content: "┃  ";
}


.global-nav ul.global-nav__list li.menu05 {
	display:block;
	border-bottom:#DDDDDD 1px solid;
	padding:8px 10px 8px 40px;
	color:#000000;
	box-sizing:border-box;
}

.global-nav ul.global-nav__list li.menu05 a {
	color:#000000;
}

	.modal 
{   position:fixed;
	display:none; 
	z-index:20000; 
	top:40%; 
	left:50%; 
	width:60%;
	height:auto; 
	margin:-120px 0 0 -31%;
	padding:20px;
	text-align:center;
    background-color: #F4F4F4;
	border-radius: 10px;     
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */ -moz-border-radius: 10px;   /* Firefox用 */  

	

} 

.modal img {
text-align: center;
width: 150px;
} 


.modal_tite{
	display: block;
	margin-bottom:30px;
	margin-top: 30px;
	text-align: center;

} 


.modal p {
} 

.age {
	font-size: 1.5em;
	
} 





.yes{
    display: block;
    padding: 0.7em 1em 0.5em 1em;
    text-decoration: none;
    background-color: #9B7D00;
	color: #FFFFFF;
    border-radius: 3px;
    transition: .4s;
    text-align: center;
	width: 300px;
    height: 45px;
	margin: 5px auto;
	font-size: 1.2em;
	cursor:pointer; 
}

.yes span{
font-size: 0.7em;
}

.yes a {
	cursor:pointer; 
	text-decoration: none;
	color: #FFFFFF;
} 

.yes a:hover {
	cursor:pointer; 
	text-decoration: none;
	color: #FFFFFF;
} 


.no{
	 display: block;
    padding: 0.7em 1em 0.5em 1em;
    text-decoration: none;
	color: #9B7D00;
    text-align: center;
	width: 300px;
    height: 20px;
	margin: 5px auto;
	font-size: 1.2em;
	cursor:pointer; 
} 

.no a {
	cursor:pointer; 
	text-decoration: none;
	color: #9B7D00;
} 

.no a:hover {
	cursor:pointer; 
	text-decoration: none;
	color: #9B7D00;
} 


.caution_title{
   font-weight: bold;
	font-size: 16px;
	text-align: center;
}
header .inbox .headmenu ul {
	background: none;
	margin: 0 ;
	padding: 0;
	list-style: none;
}

header .inbox .headmenu ul li:first-child {
border-width: 0 0 1px 0!important;
}
	
	
header .inbox .headmenu ul li:nth-child(odd){
 border-style: solid;
 border-width: 0 0 1px 0;
}
	

}


/* スマホ設定  768 以下*/
@media screen and (max-width:767px)
{

.pc {display:none!important;}
.tb {display:none!important;}
.sp {display:block!important;}


#wapper {
	overflow:hidden;
}

header .inbox .logo {
 width : calc(100% / 3 ) ;
}

header .inbox .logo img {
	width: auto;
	max-width:100%;
	height:auto;
}



header .inbox .main-logo {
	padding:0;
	 width : calc(100% / 3) ;
	height: auto
}

header .inbox .main-logo img {
	width: auto;
	max-width:100%;
	height:auto;
padding-top: 20px;
}

header.short .inbox .logo {
padding:20px 0 0;
}

header.short .inbox .logo img {
	width: auto;
	max-width:100%;
	height:auto;
}

header.short .inbox .main-logo {
	padding:0;
	 width : calc(100% / 3) ;
	height: auto
}

header.short .inbox .main-logo img {
	width: auto;
	max-width:100%;
	height:auto;
	padding-top: 20px;
}

	
header.short .inbox .menu {
	margin-top: 10px;
	padding-right: 50px;
}

	
	

header .inbox .menu {
	width:auto;
}

header .header_wine a:before {
content:"";
background: url("https://fujicorporation.life/PC/ja/asset/img/bannar/header_wine_s.png") no-repeat center;
display: inline-block;
width:20px;
height: 20px;
vertical-align: middle;
margin: 2px 10px 3px 0;
}

header .header_grappa a:before {
content:"";
background: url("https://fujicorporation.life/PC/ja/asset/img/bannar/header_grappa_s.png") no-repeat center;
display: inline-block;
width:20px;
height: 20px;
vertical-align: middle;
margin: 2px 10px 3px 0;
}

header .header_food a:before {
content:"";
background: url("https://fujicorporation.life/PC/ja/asset/img/bannar/header_food_s.png") no-repeat center;
display: inline-block;
width:20px;
height: 20px;
vertical-align: middle;
margin: 2px 10px 3px 0;
}

header .header_sake a:before {
content:"";
background: url("https://fujicorporation.life/PC/ja/asset/img/bannar/header_sake_s.png") no-repeat center;
display: inline-block;
width:20px;
height: 20px;
vertical-align: middle;
margin: 2px 10px 3px 0;
}


header .header_chocolate a:before {
content:"";
background: url("https://fujicorporation.life/PC/ja/asset/img/bannar/header_chocolate_s.png") no-repeat center;
display: inline-block;
width:20px;
height: 20px;
vertical-align: middle;
margin: 2px 10px 3px 0;
}
		
	
	
header .inbox .main-logo img {
	width: 100%;
	height:auto;
  padding: 20px 0;
}

#sns_menu{
	font-size: 0.8em;
}	
	
.sns_menu_icon img {
	width:40px;
	height:auto;
	padding-bottom:1%;
}	
	
	
#contents {
	margin-top:10.2em;
	width:100%;
}


#guide {
	display:none;
}

#footer .inbox {
	width:92%;
	padding:30px 0;
}

#footer .inbox .ftbox01 {
	width:100%;
	float:none;
	border-right: none;
	padding-right:0px;
	box-sizing:border-box;
	margin-right:0px;
	text-align:center;
}

#footer .inbox .ftbox01 p {
	font-size:80%;
	margin-top:25px;
	line-height:170%;
	text-align:left;
}

#footer .inbox .ftbox02 {
	display:none;
}

#footer .inbox .ftbox03 {
	display:none;
}


#footer .inbox .ftbox04 {
	display:none;
}

.modal 
{   position:fixed;
	display:none; 
	z-index:20000; 
	top:30%; 
	left:5%; 
	width:80%;
	height:auto; 
	margin:-120px 0 0 0;
	padding:20px;
	text-align:center;
    background-color: #F4F4F4;
	border-radius: 10px;   
	font-size: 0.8em;
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */ -moz-border-radius: 10px;   /* Firefox用 */  

	

} 

.modal img {
text-align: center;
width: 100px;
} 


.modal_tite{
	display: block;
	margin-bottom:30px;
	margin-top: 30px;
	text-align: center;

} 


.modal p {

} 

.age {
	font-size: 1.5em;
	
} 



.yes{
    display: block;
    padding: 0.7em 1em 0.5em 1em;
    text-decoration: none;
    background-color: #9B7D00;
	color: #FFFFFF;
    border-radius: 3px;
    transition: .4s;
    text-align: center;
	width: 90%;
    height: 45px;
	margin: 5px auto;
	font-size: 1.2em;
	cursor:pointer; 
}

.yes span{
font-size: 0.7em;
}

.yes a {
	cursor:pointer; 
	text-decoration: none;
	color: #FFFFFF;
} 

.yes a:hover {
	cursor:pointer; 
	text-decoration: none;
	color: #FFFFFF;
} 


.no{
	 display: block;
    padding: 0.7em 1em 0.5em 1em;
    text-decoration: none;
	color: #9B7D00;
    text-align: center;
	width: 90%;
    height: 20px;
	margin: 5px auto;
	font-size: 1.2em;
	cursor:pointer; 
} 

.no a {
	cursor:pointer; 
	text-decoration: none;
	color: #9B7D00;
} 

.no a:hover {
	cursor:pointer; 
	text-decoration: none;
	color: #9B7D00;
} 


.caution_title{
   font-weight: bold;
	font-size: 16px;
	text-align: center;
}


/*20210427追加*/
header .inbox .headmenu ul {
	background: none;
	margin: 0 ;
	padding: 0;
	list-style: none;
}

header .inbox .headmenu ul li:first-child {
border-width: 0 0 1px 0!important;
}
	
	
header .inbox .headmenu ul li:nth-child(odd){
 border-style: solid;
 border-width: 0 0 1px 0;
}
	


header .inbox .headmenu ul li.ss {
	letter-spacing: -1px;
	width: 50%;
}
	
	
header.short .inbox .headmenu {
	display: none;
}
/*/20210427追加*/	
#copy {
    text-align: center;
    margin-top: 10px;
	margin-bottom: 80px;
    padding: 5px;
    font-size: 80%;	
} 	
	
} 


#footer a {
	color: #FFFFFF;
	text-decoration: none;
	
}