@charset "UTF-8";
/* CSS xs Document */

/* xs -> col-smスマホ*/
@media screen and (max-width: 767px) {
/*
	html,body{
		font-size:5vw !important;
	}
	body{
		line-height:7vw;
	}
	.contentfield{
		width:100%;
	}
	
	#headborder h1{
		font-size:2vw;
		font-weight: bold;
		padding-top: 1.5vw;
		padding-bottom: 1.5vw;
		padding-left: 2vw;
	}
	#gm{
		background-color: #fff;
	}
	#gm::after{
		content: "";
		position: absolute;
		height:2px;
		width:100%;
		background-image: url("images/gmborder.jpg");
	}
	#gm img{width: 100%;height:auto;}
	
	#maincolumn{
		padding-top:8vw;
	}
	
	#maincolumn h2{
		font-size: 7vw !important;
		margin-top: 3em;
		margin-bottom:1.2em;
		padding: 3vw 3vw calc(3vw + 10px);
		font-weight: bold;
		position: relative;
		background-color: #fff100;
		color:#333333 !important;
	}
	#maincolumn h3{
		background-color: #0d49b2;
		color:#fff;
		border-top:dotted 1px #fff;
		border-bottom:dotted 1px #fff;
		padding:4vw 2vw;
		margin-top:12vw;
		margin-bottom: 4vw;
	}
	.wp-block-table td{
		padding:1vw;
	}
	
	/* index */
/*
	#InstagramTitle{
		display: block;
		text-align: center !important;
		width: 100%;
		font-size: 8vw;
	}
	#InstagramTitle small{
		font-size: 4vw;
	}
	#topcontent{
		padding-top:8vw;
		padding-bottom: 16vw;
	}
	.reccommendstore{
		border-radius:10px;
		overflow: hidden;
		position: relative;
	}
	.reccommendstore .mainimage{
		background-size:cover;
		background-position: center;
	}
	.reccommendstore .information{
		padding-top:2.4vw;
		position: relative;
		height:55vw;
	}
	.reccommendstore .information h5{
		background-color: #f95f30;
		text-align: center;
		display: block;
		line-height: 5vw;
		padding:1vw;
		font-weight: bold;
		color: #fff;
		font-size: 3.4vw;
	}
	.reccommendstore .information h3{
		font-weight: bold;
		line-height: 8vw;
		font-size: 5vw;
		color:#fff;
		padding-left: 1vw;
		padding-right: 1vw;
		margin-top:3vw;
		border-bottom: 2px solid #fff;
	}
	.reccommendstore .information .introduction{
		font-size: 3vw;
		line-height: 3.8vw;
		margin-top:2vw;
	}
	.reccommendstore .information .storeinfo{
		margin-top:0.6rem;
	}
	.reccommendstore .information .storeinfo th{
		padding:1vw 0;
		text-align: center;
		font-size: 3vw;
		line-height: 4vw;
	}
	.reccommendstore .information .storeinfo td{
		padding:1vw;
		font-size: 3vw;
		line-height: 4vw;
	}
	.reccommendstore .information span{
		display: block;
		background-color: #0d49b2;
		text-align: center;
		line-height: 5vw;
		padding:2vw;
		font-weight: bold;
		color: #fff;
		font-size: 3vw;
		position: absolute;
		bottom: 0;
		right: 0;
		left:3vw;
		border-top-left-radius: 10px;
		width: 100%;
	}
	.reccommendstore .information a{
		color: #fff;
	}
	#landingday{
		color:#0d49b2;
		font-weight: bold;
		font-size:5vw;
		text-align: center;
		margin-bottom: 4vw;
		position: relative;
		display: inline-block;
	}
	#landingday::before,#landingday::after{
		content:"";
		position: absolute;
		width:3rem;
		height:3rem;
		top:0.3rem;
		background-size: contain;
		background-position: center;
	}
	#landingday::before{
		left:-4.5rem;
		background-image: url("images/taileft.png");
	}
	#landingday::after{
		right:-4.5rem;
		background-image: url("images/tairight.png");
	}
	.landingcomment{
		font-size:4.6vw;
		line-height: 6.4vw;
		margin-top: 4vw;
	}
	#storelist{
		padding-top:6vw;
		padding-bottom:6vw;
		text-align: center;
		margin-top:10vw;
	}
	#storelisttitle{
		background-color: #061f4b;
		color:#fff;
		font-weight: bold;
		display: inline-block;
		padding: 0.3rem 1.5rem;
		font-size: 2.4rem;
		line-height:3rem;
		border-radius: 1.5rem;
		margin:0 20% 2rem;
		text-align: center;
	}
	.storelistcard{
		background-color: #f8f7f1;
		border-top:1px solid #f0f0f0;
		border-left: 1px solid #f0f0f0;
		border-right: 1px solid #a29d86;
		border-bottom: 1px solid #a29d86;
		width:90%;
		margin-right: 5%;
		margin-left: 5%;
		margin-bottom: 1%;
		padding:1%;
		text-align: left;
		position: relative;
	}
	.storelistcard .mainphoto{
		background-position: center;
		background-size: cover;
		width:100%;
		height: 150px;
		border-top:1px solid #f0f0f0;
		border-left: 1px solid #f0f0f0;
		border-right: 1px solid #a29d86;
		border-bottom: 1px solid #a29d86;
	}
	.storelistcard p{
		margin-top: 2vw;
		font-weight: bold;
		font-size: 5.2vw;
		color:#090909 !important;
	}
	.storelistcard .restaurant{
		display: inline-block;
		font-weight: bold;
		line-height: 6vw;
		font-size:3.6vw;
		padding-left:2vw;
		padding-right: 2vw;
		color:#fff;
		background-color:#d5623c;
	}
	.storelistcard .shop{
		display: inline-block;
		font-weight: bold;
		line-height: 6vw;
		font-size:3.6vw;
		padding-left: 2vw;
		padding-right: 2vw;
		color:#fff;
		background-color:#94d4f9;
	}
	.storelistinfo{
		position: absolute;
		bottom: 0;
		right: 0;
		width:90%;
	}
	.storelistinfo th{
		padding:0 1vw 1vw;
		text-align: center;
		font-size: 3.6vw;
		line-height: 4vw;
		color:#090909 !important;
	}
	.storelistinfo td{
		padding:0 1vw 1vw;
		font-size: 3.6vw;
		line-height: 4vw;
		color:#090909 !important;
	}
	.titlebar{
		background-color: #061f4b;
		color:#fff;
		font-weight: bold;
		display: inline-block;
		padding: 2.5vw;
	
		line-height:6vw;
		margin:0 1% 8vw;
		width: 98%;
		text-align: center;
	}
	#basicinfoTable{
		width:100%;
		margin:0 0% 8vw;
	}
	#basicinfoTable th{
		width:25%;
		padding:3vw;
		color:#fff;
		background-color: #d5623c;
		text-align: center;
		font-size:4vw;
		vertical-align: middle;
	}
	#basicinfoTable td{
		width:75%;
		padding:3vw;
		font-size: 4vw;
		vertical-align: middle;
		line-height: 4.6vw;
	}
	#basicinfoTable,#basicinfoTable td,#basicinfoTable th {
		border-collapse: collapse;
		border:1px solid #d5623c;
    }
	#accessmapsheet{
		margin-top:8vw;
		padding-top:2vw;
		padding-bottom:2vw;
	}
	
	/* sidebar */
/*
	#sidebar{
		padding-top:16vw;
	}
	.sidebanner{
		padding-left:20px;
		padding-right: 20px;
		margin-bottom:20px;
	}
	.sidebanner img{
		width: 90%;
		height: auto;
		margin:8vw 5%;
	}
	
	#footer{
		margin-top:16vw;
		padding-top: 8vw;
		padding-bottom: 8vw;
		text-align: center;
	}
	#footer h2{
		font-size: 6vw;
	}
	#footermenu{
		margin-bottom: 8vw;
		position:relative;
	}
	#footermenu .fm{
		text-align: center;
		position: relative;
		font-size:4.4vw;
	}
/*
	#footermenu .fm::before,#footermenu .fm:last-child::after{
		content:"・";
		font-size:4.4vw;
		font-weight: bold;
		position: absolute;
	}
	#footermenu .fm::before{
		left: -2.2vw;
	}
	#footermenu .fm:last-child::after{
		right: -2.2vw;
	}
*/
/*
	#footer a{color:#fff !important;}

	/* 固定ページ */
/*
	#page{
		
	}
	#maintitle{
		font-weight: bold;
		font-size: 7vw;
		border-bottom:3px solid #090909;
		padding-bottom:1vw;
		padding-left: 1vw;
		margin-bottom: 2vw;
	}
	#page .mainimage{margin-top: 6vw;}
	#page .mainimage img{width:100%;height: auto;}
	#page #maincontent{
		margin-top:6vw;
	}
	#page #maincontent .contentdata{
		margin-bottom:9vw;
	}
	#page #maincontent #accesslink{
		width: 70%;
		margin:8vw 15%;
		text-align: center;
		background-color: #0d49b2;
		color: #fff !important;
		line-height: 8vw;
		padding:4vw;
		border-radius: 10px;
	}
	#page #maincontent #accesslink a{
		color:#fff !important;
	}
	
	/* カテゴリページ */
/*
	.categorylist{
		margin-bottom: 8vw;
	}
	.categorytitle{
		font-weight: bold;
		font-size: 7vw;
		border-bottom:3px solid #090909;
		padding-bottom:1vw;
		padding-left: 1vw;
		margin-bottom: 2vw;
	}
	.categorylist .storelistcard{
	}
	
	/* 組合会員リスト */
/*
	.membertable{
		width:100%;
		margin:8vw auto;
	}
	.membertable th{
		background-color: #78d4ff;
		padding-left: 2vw;
		padding-right: 2vw;
		color:#fff;
	}
	.membertable td{
		padding-left: 7vw;
		position: relative;
	}
	.membertable td:nth-child(odd)::before{
	}
	.membertable td:nth-child(even)::before{
	}
	.membertable td,.membertable th{
		padding-top:2vw;
		padding-bottom: 2vw;
		width:100%;
		display:block;
	}
	
	
	/* バーガーメニュー */
/*
	.menu-trigger,
	.menu-trigger span {
	  display: inline-block;
	  transition: all .4s;
	  box-sizing: border-box;
	}
	.menu-trigger {
	  position: absolute;
	  width: 10vw;
	  height: 8vw;
		right:3vw;
		top:8vw;
	}
	.menu-trigger span {
	  position: absolute;
	  left: 0;
	  width: 100%;
	  height: 1.6vw;
	  background-color: #0d49b2;
	  border-radius: 0.8vw;
	}
	.menu-trigger span:nth-of-type(1) {
	  top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
	  top: 3.2vw;
	}
	.menu-trigger span:nth-of-type(3) {
	  bottom: 0;
	}
	.menu-trigger.active span:nth-of-type(1) {
	  -webkit-transform: translateY(3.2vw) rotate(-45deg);
	  transform: translateY(3.2vw) rotate(-45deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
	  opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
	  -webkit-transform: translateY(-3.2vw) rotate(45deg);
	  transform: translateY(-3.2vw) rotate(45deg);
	}
	#nav-content .nav-sheet{
		transition: all .4s;
		width: calc(100% - 16vw);
		height:100%;
		position: fixed;
		left:-100%;
		top: 0;
		bottom:0;
		background-color: rgba(255,255,255,0.95);
		z-index: 999;
	}
	div.nav{
		left: 0 !important;
	}
	#nav-content .nav-sheet ul{
		margin-top:8vw;
	}
	#nav-content .nav-sheet li{
		position: relative;
		padding-left:8vw;
		padding-top:5vw;
		padding-bottom:5vw;
		padding-right: 8vw;
		border-bottom:1px solid #0d49b2;
		font-weight: bold;
	}
	#nav-content .nav-sheet li::before{
/*	    font-family: FontAwesome;*/
/*
		content:">";
		position:absolute;
		font-size:5vw;
		left:2vw;
		top:5vw;
	}
	#nav-content .nav-sheet li a{
		color:#090909;
	}
	
	/* 追加 */
/*
	.normal-table{
		width:100%;
	}
	.normal-table td{
		padding:2vw;
		vertical-align: top;
	}
	
	/* トップページクチコミ */
/*
	.mdl-card-kuchikomi{
		
	}
	.mdl-card-kuchikomi h6{
		font-size: 0.8rem;
		font-weight: bold;
		padding:0.6rem;
		background-color: #f0f0f1;
	}
	.mdl-card-kuchikomi blockquote{
		margin-top:0.5rem;
		margin-bottom: 0.5rem;
		height:6rem;
		overflow-y: scroll;
		font-size: 0.8rem;
		line-height:1rem;
	}
	.mdl-card-kuchikomi blockquote dd{
		border-bottom:1px dotted #a0a0a0;
		padding-top:0.5rem;
		padding-bottom: 0.5rem;
	}
	.mdl-card-kuchikomi-link{
		padding:0.5rem;
		font-size: 0.8rem;
		text-align: right;
	}
	
	/* 個別ページクチコミ */
/*
	.mdl-card-kuchikomi{
		
	}
	.mdl-card-kuchikomi-info h6{
		font-size: 0.8rem;
		font-weight: bold;
		padding:0.6rem;
		background-color: #f0f0f1;
	}
	.mdl-card-kuchikomi-info blockquote{
		margin-top:0.5rem;
		margin-bottom: 0.5rem;
		font-size: 0.8rem;
		line-height:1rem;
	}
	.mdl-card-kuchikomi-info blockquote dd{
		border-bottom:1px dotted #a0a0a0;
		padding-top:0.5rem;
		padding-bottom: 0.5rem;
	}
*/
}