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

@media only screen and (max-width: 768px)
{
    body
    {
        min-width: inherit;
    }
}

@media only screen and (max-width: 1000px)
{

	body
    {
    	/* overflow-x: auto; */
	}
	main {
          padding-top: 20px;
          padding-bottom: 20px;
	  width: 100%;
	}
	.evaluation_area .container {
          padding: 20px;
	  width: 100%;
	}
}

@media only screen and (max-width: 768px)
{

    /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ common */

    .default
    {
        display: none;
    }
    .responsive
    {
        display: block;
    }

	.resp_fs11 { font-size: 11px; }
	.resp_fs12 { font-size: 12px; }
	.resp_fs13 { font-size: 13px; }
	.resp_fs14 { font-size: 14px; }
	.resp_fs15 { font-size: 15px; }
	.resp_fs16 { font-size: 16px; }
	.resp_fs17 { font-size: 17px; }
	.resp_fs18 { font-size: 18px; }
	.resp_fs19 { font-size: 19px; }
	.resp_fs20 { font-size: 21px; }
	.resp_fs21 { font-size: 21px; }
	.resp_fs22 { font-size: 22px; }
	.resp_fs23 { font-size: 23px; }
	.resp_fs24 { font-size: 24px; }
	.resp_fs25 { font-size: 25px; }

	.resp_w5 { width: 5% !important; }
	.resp_w10 { width: 10% !important; }
	.resp_w15 { width: 15% !important; }
	.resp_w16 { width: 16% !important; }
	.resp_w20 { width: 20% !important; }
	.resp_w22 { width: 22% !important; }
	.resp_w24 { width: 24% !important; }
	.resp_w25 { width: 25% !important; }
	.resp_w28 { width: 28% !important; }
	.resp_w30 { width: 30% !important; }
	.resp_w32 { width: 32% !important; }
	.resp_w40 { width: 40% !important; }
	.resp_w45 { width: 45% !important; }
	.resp_w49 { width: 49% !important; }
	.resp_w50 { width: 50% !important; }
	.resp_w51 { width: 51% !important; }
	.resp_w55 { width: 55% !important; }
	.resp_w60 { width: 60% !important; }
	.resp_w68 { width: 68% !important; }
	.resp_w70 { width: 70% !important; }
	.resp_w72 { width: 72% !important; }
	.resp_w75 { width: 75% !important; }
	.resp_w76 { width: 76% !important; }
	.resp_w78 { width: 78% !important; }
	.resp_w80 { width: 80% !important; }
	.resp_w84 { width: 84% !important; }
	.resp_w85 { width: 85% !important; }
	.resp_w90 { width: 90% !important; }
	.resp_w95 { width: 95% !important; }
	.resp_w100 { width: 100% !important; }

	.resp_tc {
		text-align: center !important;
	}

	.resp_tl {
		text-align: left !important;
	}

	.resp_tr {
		text-align: right !important;
	}

	.resp_vt {
		vertical-align: top !important;
	}

	.resp_vm {
		vertical-align: middle !important;
	}

	.resp_vb {
		vertical-align: bottom !important;
	}

	.resp_m_o0 { margin-top: 0 !important; }
	.resp_m_o1 { margin-top: 1% !important; }
	.resp_m_o2 { margin-top: 2% !important; }
	.resp_m_o4 { margin-top: 4% !important; }
	.resp_m_o10 { margin-top: 10% !important; }

	.resp_m_l0 { margin-left: 0 !important; }
	.resp_m_l1 { margin-left: 1% !important; }
	.resp_m_l2 { margin-left: 2% !important; }
	.resp_m_l4 { margin-left: 4% !important; }

	.resp_m_r0 { margin-right: 0 !important; }
	.resp_m_r1 { margin-right: 1% !important; }
	.resp_m_r2 { margin-right: 2% !important; }
	.resp_m_r4 { margin-right: 4% !important; }

	.resp_m_u0 { margin-bottom: 0 !important; }
	.resp_m_u5 { margin-bottom: 5px !important; }
	.resp_m_u10 { margin-bottom: 10px !important; }
	.resp_m_u20 { margin-bottom: 20px !important; }
	.resp_m_u30 { margin-bottom: 30px !important; }
	.resp_m_u40 { margin-bottom: 40px !important; }
	.resp_m_u50 { margin-bottom: 50px !important; }
	.resp_m_u60 { margin-bottom: 60px !important; }
	.resp_m_u80 { margin-bottom: 80px !important; }

	.resp_p_o0 { padding-top: 0 !important; }
	.resp_p_o1 { padding-top: 1% !important; }
	.resp_p_o2 { padding-top: 2% !important; }
	.resp_p_o4 { padding-top: 4% !important; }

	.resp_p_l0 { padding-left: 0 !important; }
	.resp_p_l1 { padding-left: 1% !important; }
	.resp_p_l2 { padding-left: 2% !important; }
	.resp_p_l4 { padding-left: 4% !important; }

	.resp_p_r0 { padding-right: 0 !important; }
	.resp_p_r1 { padding-right: 1% !important; }
	.resp_p_r2 { padding-right: 2% !important; }
	.resp_p_r4 { padding-right: 4% !important; }

	.resp_p_u0 { padding-bottom: 0 !important; }
	.resp_p_u5 { padding-bottom: 5px !important; }
	.resp_p_u10 { padding-bottom: 10px !important; }
	.resp_p_u20 { padding-bottom: 20px !important; }
	.resp_p_u30 { padding-bottom: 30px !important; }
	.resp_p_u40 { padding-bottom: 40px !important; }
	.resp_p_u50 { padding-bottom: 50px !important; }
	.resp_p_u60 { padding-bottom: 60px !important; }
	.resp_p_u80 { padding-bottom: 80px !important; }


	.fl,
	.fr {
		float: none;
	}

	.resp_fl {
		float: left;
	}

	.resp_fr {
		float: right;
	}

	.resp_center {
		margin-right: auto;
		margin-left: auto;
	}

	.google-maps {
		position: relative;
		padding-bottom: 75%;
		height: 0;
		overflow: hidden;
	}

	.google-maps iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}

	.movieWrap {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}

	.movieWrap iframe,
	.movieWrap object,
	.movieWrap a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}




	/* table.deco-tb.form -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */







	/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ responsive-type-outer */

	div.responsive-type-outer {
		overflow-x: scroll;
    	-webkit-overflow-scrolling: touch;
	}

	div.responsive-type-outer table.deco-tb {
		table-layout: auto;
		white-space: nowrap;
	}







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




	div.header div.inner {
		padding: 0;
	}

	div.header div.site-title {
		float: none;
		margin-right: 0;
		width: 100%;

		text-align: center;
		height: 0;

		position: absolute;

	}

	div.header div.site-title::before {
		width: 60px;
		height: 60px;
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		content: "";
		background: url(../img/logo_responsive.png);
		background-size: 60px 60px;
		background-position: 0 -1px;
	}



	div.header div.site-title img {
		display: none;
	}

	div.header div.site-title a {
		display: block;
	}


	div.header div.utility {
    	float: none;
		text-align: center;
		padding: 0.2em;
	}

	div.header div.utility ul {
    	float: none;
	}

	div.header div.utility ul li {
		float: none;
		display: inline-block;
	}

	div.header div.utility div.login-name {
		float: none;
		margin-right: 0;
		text-align: center;
	}




	/* search */

	div.search {

		min-width: inherit; /* */

	}

	div.search label {
		display: block;
	}


	div.search div.search-condition {
		float: none;
		width: 100% !important;
	}


	/* */


	div.search div.akasatana {
	}

	div.search div.akasatana ul li {
		display: block;
		float: left;
		width: 23.5%;
		margin-right: 2%;
	}

	div.search div.akasatana ul li:nth-child(4n) {
		margin-right: 0;
	}

	div.search div.akasatana ul li a {
		width: 100%;
	}

	div.post-wrapper div.search div.category-select {
		width: 100%;
	}

	div.post-wrapper div.search div.category-select ul li {
		display: block;
		float: left;
		width: 32%;
		margin-right: 2%;
		margin-bottom: 10px;
	}

	div.post-wrapper div.search div.category-select ul li:nth-child(3n) {
		margin-right: 0;
	}

	div.post-wrapper div.search div.category-select ul li a {
		width: 100%;
	}




	/* -------------------------------------------------------- div.section */

	div.section {
		padding: 1em 0.5em;
	}

	div.section .title {
		font-size: 2.6rem;
	}

	h3.price-title {
		 font-size: 20px;
		 padding: 0 25px;
	}
	
	h3.price-title:before, h3.price-title:after {
		width: 20px;
	}

  div.section.photos img.instagram {
    width:40%
  }

	/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  table.deco-tb */


	div.content {
		padding-left: 0;
  	padding-right: 0;
	}


	table.deco-tb.resp_block {

	}

	table.deco-tb.resp_block th {
		display: block;
		border: none;
	}

	table.deco-tb.resp_block td {
		display: block;
		border: none;
	}



	div.result-list table.deco-tb tr {
		padding: 1em 0.5em;
		border: 1px solid #ccc;
		display: block;
		margin-bottom: 1em;
	}

	div.result-list table.deco-tb thead {
		display: none;
	}

	div.result-list table.deco-tb.resp_block th {
		display: block;
		border: none;
		padding: 0 0.4em 0.4em;
	}

	div.result-list table.deco-tb.resp_block td {
		display: block;
		border: none;
		padding: 0 0.4em 0.4em;
	}

	div.result-list table.deco-tb th:before,
	div.result-list table.deco-tb td:before {
		content: attr(data-text)"";
		display: block;
		width: 100%;
		background: #f3f3f3;
		/* padding: 0 0.4em; */

		margin-bottom: 0;
	}

	/* */

	div.result-list table.deco-tb tr td:nth-child(n + 4) {
		max-height: 0;
		padding: 0 !important;
		margin: 0;
		overflow: hidden;
		transition: all .2s;
	}


	/* レスポンシブ のとき ひとまず 2ばんめまで 見出し 表示 */
	div.result-list table.deco-tb tr th,
	div.result-list table.deco-tb tr td:nth-child(2)
	 {
		max-height: inherit;
		padding: 0 0.4em 0.4em !important;
		margin: 0;
		overflow: visible;
		background: none;
	}


	div.result-list table.deco-tb td.resp_open {
		background: #4285f4;
		border-radius: 1000px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		color: #fff;
		padding: 0 1em;
		cursor: pointer;
		width: 40%;
		height: 2em;
		position: relative;
	}

	div.result-list table.deco-tb td.resp_open:after {
		position: absolute;
		content: "開く";
		text-align: center;
		top: 50%;
		left: 50%;
		transform: translate( -50%, -50%);
		-webkit-transform: translate( -50%,  -50%);
		white-space: nowrap;
	}

	div.result-list table.deco-tb td.resp_open.active {
		margin-bottom: 1em;
	}

	div.result-list table.deco-tb td.resp_open.active:after {
		position: absolute;
		content: "閉じる";
		text-align: center;
		top: 50%;
		left: 50%;
		transform: translate( -50%, -50%);
		-webkit-transform: translate( -50%,  -50%);
		white-space: nowrap;
	}

	div.result-list table.deco-tb td.resp_open.active ~ td {
		max-height: inherit;
		padding: 0 0.4em 0.4em !important;
		margin: 0;
		overflow: visible;
		background: none;
	}


	/* 利用者 */

	table.deco-tb.user thead {
		display: none;
	}


	table.deco-tb.user th:before,
	table.deco-tb.user td:before {
		content: attr(data-text)"";
		display: block;
		width: 100%;
		background: #f3f3f3;
		/* padding: 0 0.4em; */

		margin-bottom: 0;
	}

	table.deco-tb.post thead {
		display: none;
	}


	table.deco-tb.post th:before,
	table.deco-tb.post td:before {
		content: attr(data-text)"";
		display: block;
		width: 100%;
		background: #f3f3f3;
		/* padding: 0 0.4em; */

		margin-bottom: 0;
	}




/* */




}




	@media only screen and (max-width: 1000px)
	{

		div.post-list div.article {
			width: 32%;
			margin-right: 2%;
		}

		div.post-list div.article:nth-child(4n) {
				margin-right: 2%;
		}

		div.post-list div.article:nth-child(3n) {
				margin-right: 0;
		}

	}

	@media only screen and (max-width: 768px)
	{

		div.post-list div.article {
			width: 49%;
			margin-right: 2%;
		}

		div.post-list div.article:nth-child(4n) {
				margin-right: 2%;
		}

		div.post-list div.article:nth-child(3n) {
				margin-right: 2%;
		}

		div.post-list div.article:nth-child(2n) {
				margin-right: 0;
		}

		div.user div.user-photo {

			height: 100px;
			/* height: inherit; */
		}

		div.user div.user-photo span {
			height: 100px;
			/* height: inherit; */
		}

		div.user div.user-photo span img {
			max-height: 100px;
			/* max-height: inherit;
			position: relative;
			top: 0;
			left: 0;
			transform: none; */
		}

		div.user div.user-photo span video {
			max-height: 100px;
			/* max-height: inherit;
			position: relative;
			top: 0;
			left: 0;
			transform: none; */
		}

	}


	@media only screen and (max-width: 480px)
	{

		div.post-list div.article {
			width: 100%;
			margin-right: 0;
		}

		div.post-list div.article:nth-child(4n) {
				margin-right: 0;
		}

		div.post-list div.article:nth-child(3n) {
				margin-right: 0;
		}

		div.post-list div.article:nth-child(2n) {
				margin-right: 0;
		}

		div.user div.user-photo {

			/* height: 100px; */
		}

		div.user div.user-photo span {
			/* height: 100px; */
		}

		div.user div.user-photo span img {
			/* max-height: 100px; */
			max-height: inherit;
			position: relative;
			top: 0;
			left: 0;
			transform: none;
		}

		div.user div.user-photo span video {
			/* max-height: 100px; */
			max-height: inherit;
			position: relative;
			top: 0;
			left: 0;
			transform: none;
		}

	}




@media only screen and (max-width: 767px)
{
  h3 {
    font-size: 1.5rem;
  }

  h3.salata {
      font-size:1.6em
  }

  .navbar .header-items {
    display:inline-block;
    font-size: 1.4em;
    margin-top: 12px;
    float: right;
    margin-right: 60px;
  }
  .navbar .header-items a {
    color: #2d3446;
  }

	.top-slider {
		width: 100%;
		height:116px;
	}

	.top-slider div.text {
		width: 80%;
  		font-size: 1.5em;
	}

	.trimming-slider, .cafe-slider {
		height:168px;
	}

	.navbar-brand.logo {
		padding-left:0;
		padding-right:0;
	}
	div.section div.main-menu {
		width: 100%;
		padding: 1em 0.5em;
	}

	div.section div.main-menu ul li {
		width: 46%;
	}
	div.section div.main-menu ul li:nth-child(even) {
		margin-right:0px;
	}

	div.shop-details .details {
		width: 100%;
	}
	div.shop-details .details table {
		table-layout: fixed;
	}
	div.shop-details .photo {
		margin-right: 0;
  		width:100%;
	}
	div.shop-details .photo img {
		width:100%;
	}

	div.shop-details.contact .photo {
		width:100%;
	}
	div.shop-details.contact .photo img {
		width:100%;
	}
	div.shop-details.contact .details {
		width: 100%;
	}

	.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a:before, .navbar-inverse .navbar-nav > li > a:after, .navbar-inverse .navbar-nav > li > a:active, .navbar-inverse .navbar-nav > li > a:visited, .navbar-inverse .navbar-nav > li > a:link {
		border-bottom: 1px solid #f0f0f0;
	}
	.navbar-inverse .navbar-nav > li.current > a, .navbar-inverse .navbar-nav > li > a:hover {
		    padding-bottom: 10px;
		    background-color: #eee;
	}
  .navbar-inverse .navbar-toggle {
    background: none;
  }
  .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
      background: none;
  }

	.navbar-inverse .navbar-toggle .icon-bar {
		transition: all .4s;
    background-color: #2d3446;
	}
	.navbar-inverse .navbar-toggle:not(.collapsed) .icon-bar:nth-of-type(1) {
	        -webkit-transform: translateY(6px) rotate(-45deg);
	        -moz-transform: translateY(6px) rotate(-45deg);
	        -ms-transform: translateY(6px) rotate(-45deg);
	        -o-transform: translateY(6px) rotate(-45deg);
	}

	.navbar-inverse .navbar-toggle:not(.collapsed) .icon-bar:nth-of-type(2) {
        	opacity: 0;
	}

	.navbar-inverse .navbar-toggle:not(.collapsed) .icon-bar:nth-of-type(3) {
	        -webkit-transform: translateY(-6px) rotate(45deg);
	           -moz-transform: translateY(-6px) rotate(45deg);
	            -ms-transform: translateY(-6px) rotate(45deg);
	             -o-transform: translateY(-6px) rotate(45deg);
	                transform: translateY(-6px) rotate(45deg);
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		color: #000;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
		background-color: #eee;
		color: #000;
	}

	.navbar-nav .open .dropdown-menu {
		border-bottom: 1px solid #ccc;
		    border-radius: 0;
	}

	div.section ul li .area img {
		width: 20%;
		float:right;
	}
	div.section ul li .area .body {
		width: 75%;
		float:left;
	}

	div.section.menu ul li .title a {
		font-size: 14px;
	}

	div.section ul li .calendar li p {
	}
	div.section ul li .calendar li p.wrap4 {
		display:none;
	}

	div.section ul li .calendar ul {
	    flex-wrap: wrap;
	}
	div.section ul li .calendar li {
	    display: flex;
	    flex-direction: column;
	    width: calc(100% / 7);
	    text-align: center;
	}

	.fancybox div.content {
		padding:0;
	}

	.fancybox-outer {
		background-color:#fff !important;
	}

	/*.fancybox h2.section-title {
		0.1pm;
	}*/

	.br-sp { display:block; }
  .sub-description { font-size:1.2rem; }
  table.price-tb {

  }
  table.price-tb th {
    font-size:14px;
  }

  table.price-tb td {
    font-size:14px;
  }

	div.footer ul.utility {
	    bottom: 0;
	    position: relative;
	    right: 0;
	}
	div.footer ul.utility a {
	    display: block;
	}
	div.footer ul.utility li span {
	    display: none;
	}

	.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
	
		padding: 4px;
	}

	.table-bordered.price td {
		font-size:0.8em;
	}

	.main-description {
		padding-top: 1em;
	}

	main {
          padding-top: 20px;
          padding-bottom: 20px;
	  width: 100%;
	}

	.main-slide {
		background-image: url(../img/main-slide.png?12);
		background-position: center center;
    background-size: 110%;
    height: 180px;
	}
	.my-md-5 {
	    margin-top: 2rem!important;
	    margin-bottom: 3rem!important;
	}

	/***** header *****/
	.navbar-toggle {
	    background: none;
	}
	.navbar-toggle .icon-bar {
	    transition: all .4s;
	    background-color: #2d3446;
	}

	#nav-close {
	    display:none;
	    margin-top: 50px;
	    position: fixed;
	    background-color: #fff;
	    top: 0;
	}

	#nav-close.open {
	  display:flex;
	  -webkit-transform: translateX(0%);
	  transform: translateX(0%);/*中身を表示（右へスライド）*/
	  box-shadow: 6px 0 25px rgba(0,0,0,.15);
	}

	.site-title {
	  display:block;
	  height:46px;
	  padding: 10px;
	  font-size: 1.2em;
	}
	.site-header a {
	  font-weight: bold;
	  font-size: 1.1em;
	}
	.site-header .title_sp_logo img {
	  margin: -20px 10px;
	  max-height: 40px;
	}

	.site-header .title_logo {
	    display:none;
	}

	.site-header .title {
	    font-weight:normal;
	}
	/***** header *****/


	.page_link { margin:0 0 2rem 0 !important; padding:0; text-align:left; display:block; }
	.page_link li { margin:0; padding:0; display:block; }
	.page_link li a { padding:1rem;  }
	.page_link li::before { content:"・"; color:#ccc; }
	.page_link::after { content:""; color:#ccc; }


	.top_caption h2 {
	    font-size: 1.8em;
	}
	.top_caption .section {
	    font-size: 0.9em;
	    text-align: center;
	}


	ul.products li,
	ul.products.salads li {
	    width: 49.0%;
	    margin-right: 2%;
	    margin-bottom: 20px;
	}
	ul.products li:nth-child(3n),
	ul.products.salads li:nth-child(3n) {
	    margin-right: 2%;
	}
	ul.products li:nth-child(2n),
	ul.products.salads li:nth-child(2n) {
	    margin-right: 0;
	}


	.btn-salata {
		font-size: 1.0em;
	}

	/* トップバナー */
	.top-banner {
	  width: 100%;
	}

	.product .img {
	  width:40%;
	}

	.product .img img {
		width:100%;
		max-width:200px
	  }

	.product .description {
	  width:60%;
	  padding:10px 10px 10px 10px;
	  font-size: 0.9em;
	}

	.evaluation_area .container {
          padding: 20px;
	  width: 100%;
	}

	.triangle-paint{
	  margin: auto;
	  width: 240px;
	  border-right: 120px solid transparent;
	  border-top: 86.6025px solid #1F4F46;
	  border-left: 120px solid transparent;
	}
	.triangle-text{
	    color:#fff;
	    margin-top: -70px;
	    font-size: 1.8em;
	    font-weight:bold;
	}

	.site-results {
	    max-width: 260px;
	}
	.site-result {
	    max-width: 260px;
	    margin-bottom:20px;
	}
	.site-result img {
	    width: 260px;
	}

	.big-campaign {
	    font-size:1.2em;
	}

	.plan .card .card-header {
	    font-size:1.2em;
	}
	.plan .card .card-header.option {
	    font-size:1.2em;
	}
}