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

/*  sm -> col-md タブレット*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
/*
	html,body{
		font-size:4vw !important;
	}
	body{
		line-height:6vw;
	}
	#logo{
		padding-top: 4vw;
	}
	.contentfield{
		width:100%;
	}
	
	#headborder h1{
		font-size:1.5vw;
		font-weight: bold;
		padding-top: 1vw;
		padding-bottom: 1vw;
		padding-left:1vw;
	}
	#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: 8vw;
		margin-top: 3em;
		margin-bottom:1.2em;
		padding: 1rem 2rem calc(1rem + 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;
	}
	
	
	/* index */
/*
	#InstagramTitle{
		display: block;
		text-align: center !important;
		width: 100%;
		font-size: 8vw;
	}
	#InstagramTitle small{
		font-size: 4vw;
	}
	#topcontent{
		padding-top:8vw;
		padding-bottom: 10vw;
	}
	.reccommendstore{
		border-radius:10px;
		overflow: hidden;
		position: relative;
	}
	.reccommendstore .mainimage{
		background-size:cover;
		background-position: center;
	}
	.reccommendstore .information{
		padding-top:3vw;
		position: relative;
		height:55vw;
	}
	.reccommendstore .information h5{
		background-color: #f95f30;
		text-align: center;
		display: block;
		line-height: 2.2vw;
		padding:1vw;
		font-weight: bold;
		color: #fff;
		font-size: 1.8vw;
	}
	.reccommendstore .information h3{
		font-weight: bold;
		margin-top:1vw;
		line-height: 4.4vw;
		font-size: 3vw;
		color:#fff;
		padding-left: 2vw;
		padding-right: 2vw;
		border-bottom: 2px solid #fff;
	}
	.reccommendstore .information .introduction{
		font-size: 2vw;
		line-height: 2.4vw;
		margin-top:2vw;
	}
	.reccommendstore .information .storeinfo{
		width:100%;
		margin-top:1.4vw;
	}
	.reccommendstore .information .storeinfo th{
		padding:0.5vw 0.5vw;
		text-align: center;
		line-height: 2.2vw;
		font-size: 1.8vw;
	}
	.reccommendstore .information .storeinfo td{
		padding:0.5vw 1vw;
		line-height: 2.2vw;
		font-size: 1.8vw;
	}
	.reccommendstore .information span{
		display: block;
		background-color: #0d49b2;
		text-align: center;
		line-height: 6vw;
		padding:0.25vw;
		font-weight: bold;
		color: #fff;
		font-size: 1.8vw;
		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:4vw;
		text-align: center;
		margin-bottom: 1.5vw;
		position: relative;
		display: inline-block;
	}
	#landingday::before,#landingday::after{
		content:"";
		position: absolute;
		width:3.6vw;
		height:3.6vw;
		top:0.2vw;
		background-size: contain;
		background-position: center;
	}
	#landingday::before{
		left:-4.8vw;
		background-image: url("images/taileft.png");
	}
	#landingday::after{
		right:-4.8vw;
		background-image: url("images/tairight.png");
	}
	.landingcomment{
		font-size:2.8vw;
		line-height: 4vw;
	}
	#storelist{
		padding-top:8vw;
		padding-bottom:8vw;
		text-align: center;
		margin-top:8vw;
	}
	#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:48%;
		margin-right: 1%;
		margin-left: 1%;
		margin-bottom: 1%;
		padding:1%;
		text-align: left;
		position: relative;
	}
	.storelistcard .mainphoto{
		background-position: center;
		background-size: cover;
		width:100%;
		height: 200px;
		border-top:1px solid #f0f0f0;
		border-left: 1px solid #f0f0f0;
		border-right: 1px solid #a29d86;
		border-bottom: 1px solid #a29d86;
	}
	.storelistcard p{
		margin-top: 1vw;
		font-weight: bold;
		font-size: 2.4vw;
		line-height: 3.6vw;
		color:#090909 !important;
	}
	.storelistcard .restaurant{
		display: inline-block;
		font-weight: bold;
		font-size:1.6vw;
		line-height:4vw;
		padding-left: 2.4vw;
		padding-right: 2.4vw;
		color:#fff;
		background-color:#d5623c;
	}
	.storelistcard .shop{
		display: inline-block;
		font-weight: bold;
		font-size:1.6vw;
		line-height:4vw;
		padding-left: 2.4vw;
		padding-right: 2.4vw;
		color:#fff;
		background-color:#94d4f9;
	}
	.storelistinfo{
		position: absolute;
		bottom: 0;
		right: 0;
		width:90%;
	}
	.storelistinfo th{
		padding:0rem 0.3vw;
		text-align: center;
		font-size: 1.8vw;
		color:#090909 !important;
	}
	.storelistinfo td{
		padding:0rem 0.3vw;
		font-size: 1.8vw;
		line-height: 2.6vw;
		color:#090909 !important;
	}
	.titlebar{
		background-color: #061f4b;
		color:#fff;
		font-weight: bold;
		display: inline-block;
		padding: 2vw;
		font-size: 6vw !important;
		line-height:5vw;
		margin:0 5% 8vw;
		width: 90%;
		text-align: center;
	}
	#basicinfoTable{
		width:100%;
		margin-bottom:6vw;
	}
	#basicinfoTable th{
		width:20%;
		padding:2vw;
		font-size: 2.6vw;
		color:#fff;
		background-color: #d5623c;
		text-align: center;
	}
	#basicinfoTable td{
		width:80%;
		font-size: 2.6vw;
		padding:2vw;
	}
	#basicinfoTable,#basicinfoTable td,#basicinfoTable th {
		border-collapse: collapse;
		border:1px solid #d5623c;
    }
	#accessmapsheet{
		margin-top:8vw;
		padding-top:8vw;
		padding-bottom:8vw;
	}
	
	
	/* 組合会員リスト */
/*
	.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;
	}
	
	
	
	/* sidebar */
/*
	#sidebar{
		padding-top:16vw;
	}
	.sidebanner{
	}
	.sidebanner img{
		padding-bottom: 8vw;
		width: 100%;
		height: auto;
	}
	
	
	/* footer */
/*
	#footer{
		margin-top:12vw;
		padding-top: 8vw;
		padding-bottom:8vw;
		text-align: center;
		font-size:2.4vw;
		line-height: 4vw;
	}
	#footer h2{
		font-size: 6vw;
	}
	#footermenu{
		margin-bottom: 8vw;
		position:relative;
	}
	#footermenu .fm{
		text-align: center;
		position: relative;
		font-size:3vw;
	}
	#footermenu .fm::before,#footermenu .fm:last-child::after{
		content:"・";
		font-size:3vw;
		font-weight: bold;
		position: absolute;
	}
	#footermenu .fm::before{
		left: -1.5vw;
	}
	#footermenu .fm:last-child::after{
		right: -1.5vw;
	}
	#footer a{color:#fff !important;}

	/* 固定ページ */
/*
	#page{
		
	}
	#maintitle{
		font-weight: bold;
		font-size: 5vw;
		border-bottom:3px solid #090909;
		padding-bottom:2vw;
		padding-left: 2vw;
		margin-bottom: 4vw;
	}
	#page .mainimage{margin-top: 3vw;}
	#page .mainimage img{width:100%;height: auto;}
	#page #maincontent{
		margin-top:3vw;
	}
	#page #maincontent .contentdata{
		margin-bottom:9vw;
	}
	
	/* カテゴリページ */
/*
	.categorylist{
		margin-bottom:8vw;
	}
	.categorytitle{
		font-weight: bold;
		font-size: 5vw;
		border-bottom:3px solid #090909;
		padding-bottom:2vw;
		padding-left: 2vw;
		margin-bottom: 4vw;
	}
	.categorylist .storelistcard{
	}
	
		
	/* バーガーメニュー */
/*
	.menu-trigger,
	.menu-trigger span {
	  display: inline-block;
	  transition: all .4s;
	  box-sizing: border-box;
	}
	.menu-trigger {
	  position: relative;
	  width: 50px;
	  height: 44px;
	}
	.menu-trigger span {
	  position: absolute;
	  left: 0;
	  width: 100%;
	  height: 4px;
	  background-color: #fff;
	  border-radius: 4px;
	}
	.menu-trigger span:nth-of-type(1) {
	  top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
	  top: 20px;
	}
	.menu-trigger span:nth-of-type(3) {
	  bottom: 0;
	}
	.menu-trigger.active span:nth-of-type(1) {
	  -webkit-transform: translateY(20px) rotate(-45deg);
	  transform: translateY(20px) rotate(-45deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
	  opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
	  -webkit-transform: translateY(-20px) rotate(45deg);
	  transform: translateY(-20px) rotate(45deg);
	}
	
	
	/* 追加 */
/*
	.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;
	}
	
	/* 高さ制限解除 */
/*
	.no-height-limit{
		height:100rem !important;
		overflow: auto !important;
	}
*/
}