@charset "utf-8";

@media screen and (max-width : 767px ) {
/*============================================

	BASE

============================================*/
body {
  min-width: 100%;
  font-size: 14px;
}
a {
	transition: none;
}
/*--------------------------------------------

	共通部分

--------------------------------------------*/
	.ttl_02 {
		font-size: 1.8rem;
		padding-left: 0;
		margin-bottom: 15px;
	}
	.sec_ttl {
		font-size: 1.5rem;
		margin-bottom: 25px;
	}
	.cnt_inner {
		width: 100%;
	}
	.flex_wrap .box_50 {
		width: 100%;
	}
		.font-small {
		font-size: 1.2rem;
	}
	.ttl_01 {
		font-size: 2rem;
	}
	.ttl_01 + .en {
		margin-top: 7px;
	}
	.container {
		padding: 50px 0;
	}
	.inner-main {
		padding: 0 5%;
	}
	footer .footer_inner {
	    padding-top: 10px;
	}
	.btn {
		margin-top: 30px;
	}
	.btn_primary {
		font-size: 13px;
		width: 80%;
		margin: 0 auto;
	}
	.btn_primary:after {
	}
	.sec_ttl .ttl_inner:after, .sec_ttl .ttl_inner:before {
		width: 50px;
	}
	.sec_ttl .ttl_inner:before {
		left: -60px;
	}
	.sec_ttl .ttl_inner:after {
		right: -60px;
	}
	.sec_sub:not(:first-child) {
    padding-top: 50px;
}
/*-------------------------------------

	HEADER

-------------------------------------*/

	header .header_inner {
		padding: 5px 10px 10px;
	}
	#hbgNavi {
		background-color: #fff;
		width: 100%;
	}
	#hbgNavi.fixed {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
	}
	#hbgNavi.fixed #contents {
		padding-top: 52px;
	}
	header .h_contact {
		display: none;
	}
	header .header_wrap {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	header .h_logo {
		margin-top: 5px;
		width: 30%;
		min-width: 100px;
		transition: 0.4 ease-in-out;
	}

	/*drawer*/
	.drawer-hamburger {
		position: static;
		width: 30px;
		background: #635045;
		padding: 10px 10px 30px;
		margin-top: 3px;
	}
	.drawer-hamburger:hover {
		    background: #635045;
	}
	.drawer-hamburger-icon,
	.drawer-hamburger-icon:before,
	.drawer-hamburger-icon:after {
		background-color: #fff;
	}
	.drawer-hamburger .menu {
		    position: absolute;
    right: 10px;
    top: 36px;
    font-size: 10px;
    text-align: right;
    color: #fff;
	}
	.drawer--right .drawer-nav {
		right: 0;
		opacity: 0;
		visibility: hidden;
	}
	.drawer--right.drawer-open .drawer-nav {
		right: 0;
		opacity: 1;
		visibility: visible;
    background: #fffdf5;
	}
	.drawer--right .drawer-nav {
		width: 100%;
	}

	.drawer--right.drawer-open .drawer-hamburger {
		position: fixed;
		right: 10px;
		top: 5px;
	}
	.drawer--right.drawer-open .header_wrap .h_logo {
		display: none;
	}
	.drawer-nav {
		    background: #fff;
	}
	.drawer--right .drawer-menu {
		padding: 20px 20px;
	}
	.drawer-overlay {
		    background-color: rgba(0, 0, 0, .4);
	}
	.drawer-menu .h_logo {
		width: 50%;
		margin: 0 auto;
		text-align: center;
	}
	.drawer-menu nav {
		margin-top: 10px;
	}
	.drawer-menu nav ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.drawer-menu li {
   border-bottom: solid 1px #b58e4c;
    margin-bottom: 0;
	width: 47%;

}
	.drawer-menu li a {
		color: #816660;
		font-weight: 500;
		font-size: 15px;
		display: block;
		padding: 15px 0;

	}
	.drawer-menu li  .en {
		    font-family: 'Cantarell', sans-serif;
    font-weight: 700;
		color: #bc9587;
		display: block;
		font-size: 1.1rem;
	}
	.drawer-menu .h_tel {
		margin-top: 30px;
		text-align: center;
	}


/*-------------------------------------

	FOOTER

-------------------------------------*/
	footer {
		padding-top: 170px;
		background-size: auto 150px;
	}
	footer .footer_inner .ttl {
		font-size: 1.8rem;
	}
	footer .f_shopinfo {
	flex-wrap: wrap;
}
footer .shop_wrap {
	flex-wrap: wrap;
}
	footer .shop_wrap .shop_box {
		width: 100%;
		margin-right: 0;
		background: none;
		    padding-bottom: 15px;
    border-bottom: solid 1px #dad9d2;
	}
	footer .shop_wrap .shop_box.nokata {
		background: none;
	}
	footer .shop_wrap .shop_box table {
		background: url(../Image/common/img_shop01.jpg) right center no-repeat;
		padding-right: 40%;
    background-size: 38%;
		display: block;
	}
	footer .shop_wrap .shop_box.nokata table {
		background-image: url(../Image/common/img_shop02.jpg) ;

	}
	footer .shop_wrap .shop_box.nokata {
		margin-top: 15px;
	}
	footer .shop_wrap .shop_box table th {
		width: 65px;
	}
	footer .sche_box {
		margin-top: 40px;
	}
	footer .f_shopinfo .sche_box table th {
		padding-right: 10px;
	}
	footer .f_map {
		position: relative;
		padding-top: 100%;
	}
	footer .f_map iframe {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	footer .f_bottom {
    padding: 25px 10px;
}
	footer .f_logo {
    margin-bottom: 15px;
}
	footer .f_logo img {
		max-width: 120px;
	}
	footer .footer_nav {
		display: none;
	}
	footer .copy {
		text-align: center;
		font-size: 10px;
		margin-top: 0;
	}
	.totop {
		width: 43px;
		height: 43px;
	}
	.totop a {
		background-size: 35%;
	}



/*-----------------------------------------------------

	トップページ 	top

------------------------------------------------------*/
/*    COMMON  &   MAINIMAGE
-------------------------------*/

	#top #mainimage {
		height: 66vh;
		min-height: 40vh;
	}


	#top .sec_ttl {
		margin-bottom: 35px;
		    font-size: 15px;
	}

/*    SECTION 01
-------------------------------*/
	#top .news_list li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	#top .news_list li:last-child {
		margin-bottom: 0;
	}

	.news_list a {
		display: flex;
	}
	#top .news_list .img_box {
		padding-top: 30%;
	}
	.news_list .img_box {
    width: 40%;
		padding-top: 30%;
}
	.news_list .txt_box {
    width: 60%;
    padding-left: 3%;
		margin-top: 0;
}
	.news_list .date {
		font-size: 1.2rem;
	}
	.news_list .txt {
		margin-top: 5px;
	}

/*    SECTION 02
-------------------------------*/
	#top .concept {
		padding-bottom: 150px;
	}
	#top .concept .box {
		margin-left: 0;
	}
	#top .btn_concept {
		text-align: center;
	}
	#top .concept .inner:before {
		top: 28px;
		right: 10px;
		background-size: contain;
		width: 800px;
		height: 65px;
	}
	#top .concept .inner:after {
		display: none;
	}

/*    SECTION 03
-------------------------------*/
	.menu_list li {
		width: 48%;
		margin-right: 4%;
		margin-top: 30px;
	}
	.menu_list li:nth-child(-n+2) {
		margin-top: 0;
	}
	.menu_list li:nth-child(3n) {
		margin-right: 4%;
	}
	.menu_list li:nth-child(2n) {
		margin-right: 0;
	}
	.menu_list li:nth-child(n+4) {
		margin-top: 30px;
	}
	#top .menu .inner:before {
		width: 120px;
		height: 45px;
		left: 0;
		top: 50px;
		background-size: contain;
	}
	.menu_list .menu_ttl {
		font-size: 1.5rem;
		margin-bottom: 4px;
	}

/*    SECTION 04
-------------------------------*/
	#top .space {
		padding-bottom: 250px;
		padding-top: 50px;
	}
	#top .space .box {
		margin-left: 0;
		    padding: 0 0 30px 0;
	}
	#top .space:before {
		height: 250px;
		width: 100%;
		top: inherit;
		bottom: 0;
	}
	.ttl_space {
		font-size: 4rem;
	}
	#top .space .box:after {
		background-size: 80%;
		right: -170px;
	}
	.space_box .detail {
	font-size: 1.5rem;
	display: flex;
	flex-wrap: wrap;
}
	.space_box .detail dt {
		width: 30%;
		padding-right: 10px;
	}
	.space_box .detail dd {
		width: 70%;
	}
	.space_box .ttl_box {
		margin-bottom: 20px;
	}
/*    SECTION 05
-------------------------------*/
	.gallery_list li.w60 {
		width: 60%;
	}
	.gallery_list li.w40 {
		width: 40%;
	}

	.gallery_list .item:nth-child(2) {
		margin-top: 3px;
	}
	.gallery_list li {
		margin: 0 2px;
	}
/*    SECTION 06
-------------------------------*/

/*-----------------------------------------------------

	下層共通CSS

------------------------------------------------------*/
	.breadcrumb {
		display: none;
	}
.under #mainimage {
 	background-position: center;
	height: 20vh;
	position: relative;
}
	.under .mv_ttl {
		font-size: 2rem;
		width: 100%;
	}
	.under .mv_ttl .sub_ttl {
		font-size: 2rem;
		margin-bottom: 5px;
	}

	.under .container {
		padding: 50px 0;
	}
	.under .lead_ttl {
		font-size: 20px;
		margin-bottom: 15px;
		line-height: 1.4;
	}
	.under .lead_box {
		margin-bottom: 0;
	}
	.under .lead_box .lead_txt {
		text-align: left;
		padding: 0 5%;
	}
	.under .sec_lead .main {
		font-size: 18px;
	}
/*-----------------------------------------------------

	こだわり              concept

------------------------------------------------------*/
	#concept .container {
		padding-left: 5%;
		padding-right: 5%;
		padding-top: 80px;
	}
	#concept .concept_wrap {
		padding: 0 0 30px 0;
	}
	#concept .concept_box {
		height: inherit;
		padding-bottom: 220px;
		position: relative;
		margin-top: 50px;
	}
	#concept .concept_box:before {
		width: 100%;
		height: 200px;
		bottom: 0;
		left: 0;
		background-position: center;
	}
	#concept .concept_box:nth-child(2):before {
		background-position: center;
		background-size: cover;
	}
	#concept .concept_box:nth-child(3):before {
		background-position: center;
		background-size: cover;
	}
	#concept .concept_box:nth-child(4):before {
		background-position: center;
		background-size: cover;
	}
	#concept .concept_box:nth-child(odd) {
		margin-right: 0;
	}
	#concept .concept_box:nth-child(even) {
		margin-left: 0;
	}
	#concept .sec_ttl {
		top: -22px;
		margin-right: -5%;
		margin-left: -5%;
		margin-bottom: 15px;
	}
	#concept .sec_ttl:before {
		left: -2px;
	}
	#concept .sec_ttl:after {
		right: -2px;
	}
	#concept .sec_ttl:before, #concept .sec_ttl:after {
		width: 15%;
	}
	#concept .concept_box .ttl {
		font-size: 1.8rem;
		margin-bottom: 20px;
		line-height: 1.4;;
	}
	#concept .concept_box .inner {
		padding-top: 0;
	}
	#concept .concept_box .txt:not(:nth-of-type(1)) {
		margin-top: 10px;
	}
/*-----------------------------------------------------

	メニュー              menu

------------------------------------------------------*/
	#menu .container {
		    background: url(../Image/menu/menu_bg01_opa.png) no-repeat center top 50px;
    background-size: contain;
	}
	#menu .lead_box {
		    margin-bottom: 50px;
    padding-bottom: 140px;
		background-size: contain;
	}
	#menu .menu_wrap:before {
		    width: 120px;
    height: 45px;
    left: 0;
    top: 50px;
    background-size: contain;
	}
	#menu .lead_box .ttl {
		font-size: 2.0rem;
	}
	#menu .menu_list .price {
		font-size: 1.5rem;
		margin-bottom: 8px;
		margin-top: 8px;
	}
	#menu .attention_list {
		margin-top: 30px;
		padding: 20px 5%;
	}
	#menu .attention_list li {
		padding-left: 15px;
	}
	#menu .attention_list li:not(:first-child) {
		margin-top: 10px;
	}
	#menu .attention_list li:before {
		transform: none;
		top: 8px;
		width: 7px;
		height: 7px;
	}
/*-----------------------------------------------------

	シモンの歴史              history

------------------------------------------------------*/
	#history .container {
		padding-top: 50px;
	}
	#history .history_box {
		padding: 20px 5%;
		margin-top: 50px;
	}
	#history .history_box:last-child {
		padding-bottom: 20px;
	}
	#history .history_box .txt_box {
		width: 100%;
		margin-left: 0;
		padding-left: 0;
	}
	#history .history_box .img_box {
		position: static;
		width: 100%;
    margin: 0 auto;
		margin-top: 20px;
	}
	#history .history_box .ttl {
		font-size: 1.8rem;
		line-height: 1.5;
		margin-bottom: 20px;
	}
	#history .history_box .txt p:not(:first-child) {
		margin-top: 10px;
	}
	.icon_logo {
		padding-left: 35px;
	}
	.icon_logo:before {
		width: 25px;
		height: 25px;
		background-size: 60%;
	}
/*-----------------------------------------------------

	オーナー紹介			　owner

------------------------------------------------------*/
	#owner .sec_sub {
		overflow: hidden;
	}
	#owner .about:before {
		display: none;
	}
	#owner .about .ttl {
		margin-bottom: 15px;
	}
	#owner .about .txt_box {
		padding-left: 0;
		margin-top: 20px;
	}
	#owner .about .name {
		font-size: 1.8rem;
	}
	#owner .about .imgs {
		margin-top: 20px;
	}
	#owner .about .imgs img {
		width: 50%;
	}
	#owner .about .about_box {
		margin-bottom: 15px;
	}
	#owner .txt_box:nth-child(odd) {
		padding-top: 0;
		padding-right: 0;
	}
	#owner .certification .img_box:nth-child(n+3), #owner .concept .img_box:nth-child(n+3) {
		margin-top: 20px;
	}
	#owner .certification .img_box:nth-child(even), #owner .concept .img_box:nth-child(even) {
		padding-left: 0;
	}
	#owner .certification .img_box:nth-child(odd), #owner .concept .img_box:nth-child(odd) {
		padding-right: 0;
	}
	#owner .certification .img_box,
	#owner .concept .img_box {
		width: 33.3333%;
		margin-top: 20px;
	}
	#owner .carrer .txt_box {
		padding-left: 0;
	}
	#owner .career_list {
		padding-top: 30px;
	}
	#owner .career_list li {
		padding: 10px 0;
	}
/*-----------------------------------------------------

	店舗情報			　shop

------------------------------------------------------*/
	#shop .sec_shop {
		padding-top: 40px;
	}
	#shop .anchor  {
		margin-bottom: 50px;
	}
	#shop .anchor .item {
		width: 80%;
	}
	#shop .anchor .item:last-child {
		margin-top: 15px;
	}
	#shop .mv {
		height: 110px;
		background-size: cover;
	}
	#shop .nokata .mv {
		background-size: cover;
	}
	#shop .mv .sub_ttl {
	font-size: 2rem;
}
	#shop .mainshop {
		padding-bottom: 50px;
	}
	#shop .shop_info .img_box {
		width: 100%;
		order: 2;
		margin-top: 20px;
	}
	#shop .shop_info .txt_box {
		width: 100%;
		padding-left: 0;
		order: 1;
	}
	#shop .shop_info .table_store th,
	#shop .shop_info .table_store td {
		padding: 10px 0;
	}
	#shop .shop_space .inner {
		padding: 20px 5%;
	}
	#shop .shop_space .space_box {
		width: 100%;
		padding-right: 0;
		padding-top: 0;
	}
	#shop .shop_space .img_box {
		width: 100%;
		margin-top: 30px;
	}
	#shop .map {
		padding-top: 100%;
		position: relative;
	}
	#shop .map iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#shop .access .txt_box {
		margin-top: 20px;
    padding: 0 5%;
	}
/*-----------------------------------------------------

	お知らせ			news

------------------------------------------------------*/
	#news #mainimage {
		height: 20vh;
	}
	#news .news_wrap {
		padding: 20px 5%;
	}
	#news .news_top a {
		display: block;
	}
	#news .news_top .img_box {
		width: 100%;
		padding-top: 60%;
	}
	#news .news_top .txt_box {
		width: 100%;
		background: url(../Image/news/img_new.png) no-repeat left top 10px;
		background-size: 60px;
		padding: 23px 0 0 0;
	}
	#news .news_top .date {
		padding-left: 65px;
	}
	#news .news_top .txt_box .txt {
		font-size: 1.6rem;
		margin-top: 15px;
	}
	#news .news_list {
		margin-top: 30px;
	}
	#news .news_list li {
		width: 100%;
		margin-top: 20px;
		margin-right: 0;
	}
	#news .news_list li:nth-child(n+4) {
		margin-top: 20px;
	}
	#news .news_list .img_box {
		padding-top: 30%;
	}
#news .news_wrap .ttl_box {
    margin-bottom: 20px;
}

	.wp-pagenavi {
		margin-top: 35px;
	}
.wp-pagenavi * {
  line-height: 30px;
  width: 30px;
  font-size: 12px;
}

/*詳細*/
	#news .news_wrap .ttl_box .news_ttl {
		font-size: 1.8rem;
	}
	#news .detai .detail_cnt {
		margin-top: 25px;
	}
	#news .detai .detail_cnt p:not(:first-child) {
		margin-top: 20px;
	}
/*-----------------------------------------------------

	サイトマップ			sitemap

------------------------------------------------------*/
	#sitemap #mainimage {
		height: 20vh;
	}
	#sitemap .sitemap_box {
		padding: 20px 5%;
		display: block;
	}
	#sitemap .logo_box {
		margin-right: 0;
		margin: 0;
		text-align: center;
	}
	#sitemap .sitemap_list {
		width: 100%;
		margin-right: 0;
		margin-top: 30px;
	}
	#sitemap .sitemap_list:nth-of-type(1) {
		margin-right: 0;
	}
	#sitemap .sitemap_list:nth-of-type(2) {
		margin-top: 0;
		border-top: none;
	}
	#sitemap .sitemap_list li {
		margin-top: 30px;
	}
/*-----------------------------------------------------

	プライバシーポリシー			privacypolicy

------------------------------------------------------*/
	#privacypolicy .container {
		padding: 50px 0;
	}
	#privacypolicy #mainimage {
		height: 20vh;
	}
	#privacypolicy .privacy_wrap {
		padding: 20px 5%;
	}
	#privacypolicy .privacy_box {
		margin-top: 30px;
	}
	#privacypolicy .privacy_box .ttl {
		font-size: 1.6rem;
		padding-bottom: 8px;
		margin-bottom: 15px;
		line-height: 1.5;
	}
	#privacypolicy .list {
    padding: 0 1em 0 1em;
}
	#privacypolicy .ga a {
		word-break: break-all;
	}
}