@charset 'UTF-8';
/* CSS Document */

@media screen and (max-width: 959px) {
	/* 959px以下に適用されるCSS（タブレット用） */
	.widget--nogutter {
    margin: -10px -10px;
    width: 40%;
    float: left;
    margin: 0 1%;
        margin-bottom: 0px;
    clear: both;
    display: inline-block;
}
.home-nav__text h3{
	font-size:150%;}
.ft-guide-section{
    width: 46%;
    float: left;
    margin: 0 2%;
}
	
}
@media screen and (max-width: 990px) {
	.none{
		display:none !important;}
.widget--nogutter {
    width: 45%;
    display:inline-block;
    margin: 0 2%;
        margin-bottom: 0px;
		float: none;
}


}
@media screen and (max-width: 830px) {
	.global-nav__list li {
width :100% ;
    float: left;
    margin: 0 10px;

}
.contentsbox2 h2 {
    margin: 50px auto;
    font-size: 30px;
}
.google_map {
    width: 100%;
    margin: 100px 0 0;
}
.shop_info {
    padding: 5% 0 0;
    line-height: 2.5em;
}
#footer .guide_list2 li {
display: block !important;
border: 1px solid #ccc;
padding: 10px 0;
    padding-left: 0px;
padding-left: 0px;
padding-left: 0px;
margin: 1%;
width: 48%;
float: left;
}
.contentsbox2 dl dd .postage tr{
	width:100%;}
.contentsbox2 dl dd .postage tr .post_l{
	border:1px solid #000 ;
	border-bottom:none;
	padding-bottom: 0px;
}
.contentsbox2 dl dd .postage tr .post_r{
	border:1px solid #000 ;
	border-top:none;
	border-bottom:none;
}
.none1{ display:none !important;}
.contentsbox2 dl dd .postage tr td,.contentsbox2 dl dd .postage tr th{
	width:100%;
	display:block;
	}	
.guide_list li {
      width: 48%;
    border: 1px solid #ccc;
    padding: 14px;
    margin: 1%;
    text-align: center;

}	
	
	
.border_bl {
	border-bottom: 1px solid #000 !important;
	
}

.home-nav__list li {
}
.acd-label, .acd-label2 {
	background: #fff;
color: #000;
display: block;
margin-bottom: 1px;
padding: 14px;
position: relative;
font-size: 16px;
border: 1px solid #ccc;
}
.side_menu h4 {
    font-size: 25px;
    font-family: 'Haruhi Gakuen', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif;
    color: #000;
}
.acd-check:checked + .acd-label:after {
	content: '\f068';
}
.acd-check:checked + .acd-label + .acd-content {
	height: auto;
	opacity: 1;
	padding: 10px;
	visibility: visible;
}
.acd-label:after {
	background: none;
	box-sizing: border-box;
	content: '\f107';
	display: block;
	font-family: "Font Awesome 5 Free";
	height: 52px;
	padding: 10px 20px;
	position: absolute;
	right: 0;
	top: 0px;
	font-size: 1.5em;
	font-weight: bold;
}
.acd-label2::after {
	background: none;
	box-sizing: border-box;
	display: block;
	height: 52px;
	padding: 10px 20px;
	position: absolute;
	right: 0;
	top: 0px;
	font-size: 1.5em;
	font-weight: bold;
}
.acd-content p {
	margin-left: 20px;
	font-size: 18px ;
}
.acd-content {
	margin-bottom: 30px;
}.acd-content {
	display: block;
	height: 0;
	opacity: 0;
	padding: 0 10px;
	transition: .5s;
	visibility: hidden;
}
}
@media screen and (max-width: 870px) {
.Toggle {
    display: block;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    width: 42px;
    height: 42px;
    cursor: pointer;
    z-index: 3;
  right:15px;
}
.contentsbox2 dd {
    border-bottom: none;
}
.col-sm-9 {
	width:100%;
}
.pro_img {
	width:100%;}
.ft-guide-outer {
	display:block;}
/*#footerGuide,.ft-guide-inner {
	width:100%;
}
*/#item-list ul li {
    width: calc(100% / 2);
    text-align: left;
	margin-bottom: 10%;
}
.home-news__meta {
    width: 30%;
}
  .global-nav__list li a {
    padding-top: 22px;
    width: 100%;
    background-color: #ffffff;
    text-align: center;
  }
ul{
	list-style: none;
	padding: 0;
}
	.global-nav__list li {
    float: none;}
	.global-nav .icon-news {
    background-image: url(../img/menu_icon.svg);
    background-position: 0px -26.5px;
}
.home-nav__list li,.home-nav__cafe.col-xs-12.col-sm-4.category {
    padding: 0 1% 5%;

  width : 33.33333% ; /* 未対応ブラウザ用フォールバック */
  width : -webkit-calc(100% / 3) ;
  width : calc(100% / 3) ;}
  .home-nav__thumbnail {
    width: 100%;
}
.img-thumbnail {
    padding: 0;
    max-width: 100%;
    height: auto;
}
.global-nav .icon {
    margin: -1% auto;
	width: 27px;
    height: 27px;
	margin-right: 1%;
	display:none;
}
.global-nav .icon-onlineshop {
    background-image: url(../img/menu_icon.svg);
    background-position:-72px -25px;
}

.global-nav .icon-shop {
    background-image: url(../img/menu_icon.svg);
    background-position: -111px -26px;
}
 .pink_text {

    padding-top: 2%;
} 
.home-nav__title h2 {
    font-size: 200%;
padding-top: 50px;}
.nav-en {
	padding-left:2%;
	font-size: 1.6rem;
	vertical-align: middle;
padding-bottom: 2%;}


.global-nav .icon-menu {
    
    background-image: url(../img/menu_icon.svg);
    background-position: -73px -26px;
}
.global-nav .icon-contact {
    background-image: url(../img/menu_icon.svg);
    background-position: -152px -26px;
}
.menu ul li a {
display:block;
  font-weight:bold;
padding: 0 0 1em;
border-bottom: 1px dotted #CCC;
  color:#333;
  text-decoration:none;
  font-size: 1.8em;

}
 .header-logo a {
    display: block;
    width: 263px;
    height: 67px;
    background-color: #ffffff;
    background-image: url(../img/logo.svg);
    background-position: 0px 0px;
    padding-bottom: 10%;
}
.Toggle span {
    display: block;
    position: absolute;
    width: 42px;
 border-bottom: solid 1px #333;
    -webkit-transition: .35s ease-in-out;	/*変化の速度を指定*/
    -moz-transition: .35s ease-in-out;		/*変化の速度を指定*/
    transition: .35s ease-in-out;			/*変化の速度を指定*/
 
}
 
.Toggle span:nth-child(1) {
    top:5px;
}
 
.Toggle span:nth-child(2) {
    top: 18px;
}
 
.Toggle span:nth-child(3) {
    top: 32px;
}
 


.Toggle.active span:nth-child(1) {
    top: 18px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
 
/* 2番目と3番目のspanを45度に */
.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
.small-nav__list li {
    display: inline-block;
    margin-right: 30px;
}
.menu{
  text-align:center;
  background-color:rgba(255,255,255,10);
  transition: .5s ease;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
  z-index: 99999999;
    position: fixed;
width: 100%;
}


/*OPEN時の動き*/
.menu.open {
 -webkit-transform: translateX(0%);
 transform: translateX(0%);/*中身を表示（右へスライド）*/

}
nav{
 width: 100%;
height: auto;
 position: relative;
margin: 0;
  
}
.drawer{
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: space-between;
 position: relative;

}

.infobox_01 {

}
.infobox_01 img{
width: 50%;
float: left;
margin-bottom: -15%;
}

.president_v {
    margin-top: 10%;
}
.parallax-bg {
    background-size: contain;
}

}
@media screen and (max-width: 1179px) {
.infobox01{
	max-width: 100%;
height: 0;
padding-top: 48%;
background-position: center center;
background-size: cover;
margin: 5% auto 0;
padding-left: 0 !important;
padding-right: 0 !important;
	}}