@charset "utf-8";
/* ========================================================================
		common.css
======================================================================== */
body{
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #333;
	overscroll-behavior-y: none;
}
@media screen and (-ms-high-contrast: none) {
	*::-ms-backdrop,
	body {
		font-family: "メイリオ" , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	}
}
a:link {
	display: inline-block;
	color:#333;
	transition: 0.5s;
	text-decoration: none;
}
a:visited { 
	color:#333;
}
a:hover {
	text-decoration: none;
	opacity: 0.2;
}
a:active { 
	color:#333; 
}
@media screen and (min-width: 768px) {
	a[href^="tel:"] {
	    pointer-events: none;
	}
}
p { 
	line-height: 150%; 
}
li { 
	list-style: none; 
}
/* bootstrap css clear */
.row{
	margin:0;
	padding:0;
}
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,
.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,
.col-md-8,.col-md-9,.col-md-10,.col-md-12,.col-md-12,
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,
.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-12,.col-lg-12,
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{
	margin:0;
	padding:0;
}
.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}
.flex { 
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.inline { 
	display: inline-block;
}
.pc { 
	display: block!important;
}
@media screen and (max-width: 767px) {
	.pc{ 
		display: none!important;
	}
}
.sp { 
	display: none!important;
}
@media screen and (max-width: 767px) {
	.sp{ 
		display: block!important;
	}
}
/* Column ------------------------------------------*/
/* 5 Columns */
.col-15, .col-sm-15, .col-md-15, .col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	width: 100%;
}
.col-xs-15 {
	width: 20%;
	float: left;
}
@media (min-width: 768px) {
	.col-sm-15 {
		width: 20%;
		flex: 0 0 auto;
	}
}
@media (min-width: 992px) {
	.col-md-15 {
		width: 20%;
		flex: 0 0 auto;
	}
}
@media (min-width: 1200px) {
	.col-lg-15 {
		width: 20%;
		flex: 0 0 auto;
	}
}
	.col-15 {
		width: 20%;
		flex: 0 0 auto;
	}
}
/* 7 Columns */
.col-17, .col-sm-17, .col-md-17, .col-lg-17 {
	position: relative;
	min-height: 1px;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	width: 100%;
}
.col-xs-17 {
	width: calc(100%/7);
	float: left;
}
@media (min-width: 768px) {
	.col-sm-17 {
		width: calc(100%/7);
		flex: 0 0 auto;
	}
}
@media (min-width: 992px) {
	.col-md-17 {
		width: calc(100%/7);
		flex: 0 0 auto;
	}
}
@media (min-width: 1200px) {
	.col-lg-17 {
		width: calc(100%/7);
		flex: 0 0 auto;
	}
}
	.col-17{
		width: calc(100%/7);
		flex: 0 0 auto;
	}
}
/* z-index */
.wrap {
	  z-index: 900;
}
/* 404  -------------------------------------------------*/
.page_404 .sct_notfound {
	text-align: center;
	padding: 70px 0;
}
	.page_404 .sct_notfound .mv_lower{
		margin-bottom: 50px;
	}
		.page_404 .sct_notfound .mv_lower h1{
			font-size: 26px;
			margin-bottom: 10px;
		}
		@media screen and (max-width: 767px) {
			.page_404 .sct_notfound .mv_lower h1{
				font-size: 20px;
			}
		}
	.page_404 .sct_notfound .not_found{
		text-align: center;
	}
	.page_404 .sct_notfound .not_found a{
		display: inline-block;
		color: #fff;
		margin-top:40px;
	}
	.page_404 .sct_notfound .not_found a:link{
		display: inline-block;
		text-align: center;
		background: #e60011;
		border-radius: 5px;
		margin-top:40px;
		padding: 5px 30px;
	}
/* common page lower ----------------------------*/
.page_lower .inner{
	max-width: 1110px;
	margin: 0 auto;
	padding: 0 15px;
}
.page_lower .tabs{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	max-width: 1030px;
	margin: 0 auto 10px;
}
@media screen and (max-width: 767px) {
	.page_lower .tabs{
		flex-wrap: wrap;
		justify-content: space-between;
	}
}
	.page_lower .tabs a{
		font-size: 18px;
		width: 100%;
		color: #fff;
		background:#fccf00;
		border: 1px solid #fccf00;
		border-radius: 15px 15px 0 0;
		box-shadow: 0px 4px 2px -2px #aaa;
		-webkit-box-shadow: 0px 4px 2px -2px #aaa;
		-moz-box-shadow: 0px 4px 2px -2px #aaa;
		margin: 0 5px;
		padding: 12px;
	}
	@media screen and (max-width: 767px) {
		.page_lower .tabs a{
			font-size: 15px;
			width: calc(50% - 1px);
			color: #fff;
			background:#fccf00;
			border: 1px solid #fccf00;
			border-radius: 0;
			box-shadow: none;
			margin: 0 0 2px 0;
			padding: 12px;
		}
	}
	.page_lower .tabs a.current{
		font-weight: 600;
		color: #fccf00;
		background:#fff;
	}
	.page_lower .tabs a:nth-child(1){
		margin-left: 0;
	}
	.page_lower .tabs a:nth-child(4){
		margin-right: 0;
	}

/* header --------------------------------------------------*/
#head-area { 
	width: 100%;
	background: rgba(255,255,255,1.0);
	padding: 14px 0;
	border-bottom:10px solid #efeff1;
}
#head-area .inner { 
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 15px;
}
#head-area .logo { 
	display: inline-block;
}
#head-area .logo img {
	width: 100%;
	max-width: 160px;
}
@media screen and (max-width: 767px) {
	#head-area { 
		padding: 12px 0px 8px;
		border-bottom:5px solid #efeff1;
	}
	#head-area .inner { 
		padding: 0 8px;
	}
	#head-area .logo { 
		position: relative;
	}
	#head-area .logo img {
		max-width: 95px;
	}
}
#head-area .logo a {
	border:none;
	padding: 0;
}
/* header_meeting header_shoplist_all*/
#head-area .header_meeting,
#head-area .header_shoplist_all {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: absolute;
	top: 0;
	border-radius: 5px;
	width: 140px;
	height: 22px;
	margin-right: 15px;
	margin-top: 10px;
	color: #fff;
}
#head-area .header_meeting {
	right: 160px;
	background: #74b5a4;
}
#head-area .header_shoplist_all {
	right: 0px;
	background: #df1211;
}
#head-area .header_search_shop {
	right: 0px;
	background: #fccf00;
}
@media screen and (max-width: 1000px) {
	#head-area .header_meeting,
	#head-area .header_shoplist_all {
		margin-top: -10px;
	}
}
@media screen and (max-width: 767px) {
	#head-area .header_meeting,
	#head-area .header_shoplist_all {
		font-size: 90%;
		top: 8px;
		line-height: 140%;
		width: 45px;
		height: 49px;
		margin: 0;
		z-index: 1001;
	}
	#head-area .header_meeting {
		right: 120px;
	}
	#head-area .header_shoplist_all {
		right: 70px;
	}
}
/* nav */
#nav-toggle {
	display: none;
}
#global-nav ul {
	display: flex;
	align-items: flex-end;
	list-style: none;
	width: 100%;
}
@media screen and (max-width: 767px) {
	#global-nav ul {
		flex-wrap: wrap;
	}
}
	#global-nav ul li {
		width: 100%;
		padding: 0 15px;
	}
		#global-nav ul li a {
			font-size: 15px;
			font-weight: 900;
			color: #67656c;
			text-align: center;
			width: 100%;
			border-bottom: 1px solid #fccf00;
			padding: 0 0 5px 0;
		}
		#global-nav ul li.current a {
			border-bottom: 1px solid #fccf00;
		}
@media screen and (max-width: 767px) {
	#nav-toggle {
		display: block;
		position: absolute;
		top: 21px;
		right: 25px;
		height: 32px;
		cursor: pointer;
	}
	#nav-toggle > div {
		position: relative;
		width: 36px;
	}
	#nav-toggle span {
		width: 100%;
		height: 1px;
		left: 0;
		display: block;
		background: #333;
		position: absolute;
		transition: top .5s ease, -webkit-transform .6s ease-in-out;
		transition: transform .6s ease-in-out, top .5s ease;
		transition: transform .6s ease-in-out, top .5s ease, -webkit-transform .6s ease-in-out;
	}
	#nav-toggle span:nth-child(1) {
		top: 0;
		top: 4px;
	}
	#nav-toggle span:nth-child(2) {
		top: 14px;
	}
	#nav-toggle span:nth-child(3) {
		top: 28px;
		top: 23px;
	}
	.open #nav-toggle span:nth-child(1) {
		top: 15px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.open #nav-toggle span:nth-child(2) {
		top: 15px;
		width: 0;
		left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 15px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	/* z-index */
	#nav-toggle {
	  z-index: 1000;
	}
	#head-area div.logo{
	  z-index: 1000;
	}
	.wrap {
	  z-index: 900;
	}

	#global-nav {
		background: rgba(255,255,255,.98);
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 990;
		text-align: center;
		visibility: hidden;
		flex-direction: column;
		opacity: 0;
	}
		#global-nav nav{
			border-top: 1px solid #fccf00;
			margin-top: 70px;
		}
		#global-nav ul {
			list-style: none;
			position: relative;
		}
		#global-nav ul li {
			opacity: 0;
			padding: 0;
		}
		#global-nav ul li a {
			font-size: 18px;
			font-weight: 700;
			display: block;
			color: #333;
			padding: 20px 0;
		}

	/* open */
	.open #head-area {
		position: fixed;
		top: 0;
	}
	.open #head-area .logo {
		position: relative;
	}
	.open #global-nav {
		transition: opacity .6s ease, visibility .6s ease;	
		visibility: visible;
		opacity: 1;
	}
	.open #global-nav li {
	  opacity: 1;
	  -webkit-transform: translateX(0);
	          transform: translateX(0);
	  transition: opacity .8s ease, -webkit-transform .8s ease;
	  transition: transform .8s ease, opacity .8s ease;
	  transition: transform .8s ease, opacity .8s ease, -webkit-transform .8s ease;
	}
}
/* footer coontact area ----------------------------------------------------*/
.sct_contact {
	background: #000080;
	padding:70px 0;
}
.sct_contact .sct_contact_inner{
	font-size: 20px;
	color: #fff;
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 15px;
}
	.sct_contact .sct_contact_inner .col-r{
		text-align: center;
		padding-left:10px;
	}
	.sct_contact .sct_contact_inner .link_btn{
		color: #fff;
		border: 1px solid #fff;
	}
		.sct_contact .sct_contact_inner .link_btn:hover,
		.sct_contact .sct_contact_inner .link_btn:active{
			background: #fff;
			color: #00007F;
		}
		.sct_contact .sct_contact_inner .link_btn:hover:before,
		.sct_contact .sct_contact_inner .link_btn:hover:active{
			color: #00007F;}
@media screen and (max-width: 767px) {
	.sct_contact .sct_contact_inner{
		font-size: 18px;}
		.sct_contact .sct_contact_inner .col-l{
			margin-bottom: 25px;}
}
/* footer ------------------------------------------*/
/* page top */
.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 15px;
	z-index: 100;
}
.pagetop span {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height:50px;
	border-radius: 3px;
	background: rgba(255,240,0,0.8);
}
.pagetop span::after {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	border-top: 4px solid #fff;
	border-left: 4px solid #fff;
	transform: rotate(45deg);
	margin-top: 5px;
}
@media screen and (max-width: 529px) {
	.pagetop {
		display: none !important;
	}
}
@media screen and (min-width: 768px) and (max-height: 579px) {
	.pagetop {
		margin-right: 80px;
	}
}
footer .footer_logo {
	background: #e9f4ec;
	text-align: center;
	padding: 15px 0;
	width: 100%;
}
footer .footer_logo img {
	width: 55%;
	max-width: 1080px;
	vertical-align: middle;
}
footer .footer_inner_wrap {
	padding: 20px 15px;
	background: #d8e7ee;
}
footer .footer_inner {
	max-width: 1080px;
	margin: 0 auto;
}
footer .footer_inner .links {
	font-size: 15px;
	line-height: 130%;
	text-align: right;
	margin: 0 0 20px;
}
footer .footer_inner .links a:nth-child(even) {
	margin: 0 30px;
}
footer .footer_inner .flex {
	display: flex;
	flex-wrap: wrap!important;
	line-height: 1.4;
}
footer .footer_inner .flex .col_l {
	font-weight: 600;
	width: 210px;
	padding-bottom: 10px;
	font-size: 14px;
}
footer .footer_inner .flex .col_r {
	width: calc(100% - 210px);
	font-size: 12px;
}
footer .footer_inner .flex .copyright {
	display:inline-block;
	padding-top: 5px;
	font-size: 10px;
}
@media screen and (max-width: 767px) {
	footer .footer_logo img {
		width: 60%;
		max-width: 728px;
	}
	footer .footer_inner_wrap {
  		padding-bottom: 30px;
	}
	footer .footer_inner .links {
		font-size: 13px;
		text-align: center;
	}
	footer .footer_inner .links a:nth-child(even){
		margin: 0 15px;
	}
	footer .footer_inner .flex .col_l {
		font-size: 12px;
		width: 100%;
	}
	footer .footer_inner .flex .col_r {
		font-size: 10px;
		width: 100%;
	}
	footer .footer_inner .flex .copyright {
		font-size: 9px;
	}
}
/* menu-nav  ----------------------*/
#menu-nav
{
  line-height: 1;
  position: fixed;
  z-index: 101;

  width: 0;
}
#menu-nav img {
	max-width: 100%;
}
#menu-nav nav
{
	transform-origin: 100% 50%;
}

#menu-nav nav ul
{
}
#menu-nav nav ul li
{
  text-align: center;
}
#menu-nav nav ul li+li
{
}
#menu-nav nav ul li a
{
  display: block;
  box-sizing: border-box;
  color: #fff;
  background: rgba(35,24,21,.7);
}
#menu-nav nav ul li a img
{
}
#menu-nav nav ul li a div
{
  margin-top: 1px;
}
#menu-nav nav ul li a div img
{
}
@media all and (-ms-high-contrast: none) {
	#menu-nav {
		min-width: 80px;
	}
}
@media screen and (min-width: 768px) {
  #menu-nav
  {
		top: 0;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		right: 0;
    max-height: 760px;
		height: 100%;
  }

  #menu-nav nav
  {
  }
  @media only screen and (max-height: 410px) {
	  #menu-nav nav
	  {
		  transform: scale(.8);
	  }
  }
  @media only screen and (max-height: 330px) {
	  #menu-nav nav
	  {
		  transform: scale(.6);
	  }
  }
  #menu-nav nav ul
  {
  }
  #menu-nav nav ul li
  {
  }
  #menu-nav nav ul li+li
  {
    margin-top: 1px;
  }
  #menu-nav nav ul li a
  {
    width: 80px;
    height: 80px;
    padding: 6px 2px;
    border-radius: 5px;
  }
  #menu-nav nav ul li a > img
  {
    width: 66px;
		max-height: 52px;
  }
  #menu-nav nav ul li a div
  {
  }
  #menu-nav nav ul li a div img
  {
		width: 70px;
  }

}
@media screen and (max-width: 767px) {
  #menu-nav
  {
		bottom: 0;
		left: 0;
		height: 0;
		width: 100%;
		display: flex;
		align-items: flex-end;
		justify-content: center;
  }
  #menu-nav nav
  {
		max-width: 100%;
	}
  #menu-nav nav ul
  {
		display: flex;
		justify-content: center;
		margin:0 -0.5px;
  }
  #menu-nav nav ul li
  {
		max-width: 20%;
    width: 74px;
		box-sizing: border-box;
		padding: 0 0.5px;
  }
  #menu-nav nav ul li+li
  {
  }
  #menu-nav nav ul li a
  {
		max-width: 100%;
    height: 85px;
    padding: 5px 6px 15px;
    border-radius: 5px;
  }
	@media screen and (max-width: 374px) {
		#menu-nav nav ul li a
		{
			height: auto;
		}
	}
  #menu-nav nav ul li a > img
  {
    width: 58px;
		max-height: 46px;
  }
  #menu-nav nav ul li a div
  {
  }
  #menu-nav nav ul li a div img
  {
		width: 61px;
		max-height: 9px;
  }
}
/* main_wrap  ----------------------*/
#main_wrap{
	max-width: 920px;
	margin: 0 auto;
}
/* fixbtn  ----------------------*/
#fixbtn_area {
	position: fixed;
	z-index: 99999;
    bottom: 10px;/* 追従btn上下の位置 */
    right: 10px;/* 追従btn左右の位置 */
}
.fixbtn a{
	position: relative;
	display: block;
	text-align: center;
	opacity: 0.5;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	width: 65px;
	padding:5px 5px;
	line-height:1.2;
	font-size: 12px;
	font-weight:bold;
	color: #fff!important;
	background-color: #333; /* 追従btn bgcolor */
}
@media screen and (max-width: 767px) {
	#fixbtn_area {
	    right: 18px;/* 追従btn左右の位置 */
	}
	.fixbtn a{
		width: 60px;
		padding:5px 5px;
		font-size: 10px;
	}
}
/* footerまでスクロールしたら消す */
.hidden_btn {
	visibility: hidden;
	opacity: 0;
}