/*
Theme Name: Cafe
Theme URI: https://www.le-merci.com/wp-content/themes/merci_pc/
Version: 0.10
Author: Punglam Design Office by Katsuya Isogai
*/

/* Micro clearfix */
.cf { zoom: 1;}
.cf:before, .cf:after { content: ""; display: table;}
.cf:after { clear: both;}


* {
/*	position: relative;*/
}

body, html {
	height: 100%;
}

html {
	font-size: 100%;
}
body {
	background-color: #ffffff;
	position: relative;
	margin: 0 auto;
	color: #555555;
	font-size: 13px/*16px*/;
/*	font-family: serif;*/
	font-family: 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN','HG明朝E','メイリオ', Meiryo, serif;

/*	width: 868px;*/
}

#wrapper {
	width: 100%;
	position: relative;
	margin: 0px auto 0px auto;
	max-width: 720px;
}

/******************************************************/
#header {
	width: 500px;
	margin: 70px/*50px*/ auto 0px auto;
	max-width: 640px;
	text-align: center;
/*	height: 200px;*/
}
/*
#header_logo img {
	width: 90%;
}
*/

#header_img {
	width: 100px;
	vertical-align:	middle;
}
#header_title {
	font-size: 32px/*36px*/;
	color: #324113;
	line-height: 48px;
	font-weight: bold;
}
#header_title2 {
	font-size: 24px;
	color: #333333;
	line-height: 36px;
	width: 120px;
	margin: 0 auto;
}
#header_title2 > img {
	width: 100%;
}

@media only screen and (max-width: 640px) {
	#header {
		width: 100%;
	}
	#header_img {
		width: 80px;
	}
	#header_title {
		font-size: 24px;
		line-height: 36px;
	}
	#header_title2 {
		font-size: 16px;
		line-height: 24px;
	}
}


#contents {
	position: relative;
/*	width: 100%;*/
	margin: 75px /*50px*/ auto 0px auto;
	padding: 0 5%;
}


/******************************************************/
#tel_area {
	width: 100%;
	height: 48px;
}
#tel_area_box {
	width: 100%;
	height: 48px;
}
#tel_img {
	position: absolute;
	top:8px;
	right:8px;
	width: 32px;
}
#tel_img img {
	width: 100%;
}

@media only screen and (min-width: 481px) {
	#tel_area {
		display: none;
	}
}
@media only screen and (max-width: 480px) {
	#tel_area {
		display: block;
	}
}


/******************************************************/
#image1 {
	width: 100%;
	text-align: center;
	margin: 32px auto 0 auto;
}
#image1 > img {
	width: 80%;
}


/******************************************************/
#summary {
	margin: 80px/*48px*/ 0 0 0;
	text-align: center;
	width: 96%;
	padding: 0 2% 0 2%;
}

#summary_text {
	font-size: 13px/*14px*/;
	line-height: 35px;
	margin: 32px auto 0 auto;
}


/******************************************************/
#image2 {
	margin: 69px/*40px*/ 0 0 0;
	width: 100%;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#image2 .image2 {
	width: 44%;
	padding: 3%;
	overflow: hidden;
	margin: 0 auto;
}
#image2 .image2 img {
	width: 100%;
	object-fit: cover;	/* 2020.09.04*/
}

div#image2 div.image2:nth-child(1),
div#image2 div.image2:nth-child(2) {
	padding-top: 0;
}
div#image2 div.image2:nth-child(3),
div#image2 div.image2:nth-child(4) {
	padding-bottom: 0;
}

/*
@media only screen and (min-width: 481px) {
	#image2 .image2 {
		width: 44%;
		padding: 3%;
	}
}
@media only screen and (max-width: 480px) {
	#image2 .image2 {
		width: 94%;
		padding: 3%;
	}
}
*/


/******************************************************/
/* Party Plan*/ /* 2020.09.04 */
#party_plan {
	margin: 80px 0 0 0;
	width: 96%;
	padding: 0 2% 0 2%;
	text-align: center;
}

#party_titile {
}

#party_text {
	font-size: 13px;
	line-height: 26px /*35px*/;
	margin: 32px auto 0 auto;
}

#party_pdf {
/*
	width: 96%;
	padding: 0 2% 0 2%;
*/
	margin-top: 32px;
}
#party_pdf > img {
	width: 100%;
}


/******************************************************/


/******************************************************/
#menu {
	margin: 80px 0 0 0;
	width: 96%;
	padding: 0 2% 0 2%;
/*	text-align: center;*/
	text-align: left !important;	/* 2020.09.04 */
}
#menu_business {
	width: 100%;
	margin: 32px auto 0 auto;
}

#open_days {
	font-size: 14px;
	font-weight: normal;
	color: #5A3D1B;
	line-height: 21px;
}
#open_hours {
	font-size: 12px;
	font-weight: normal;
	color: #5A3D1B;
	line-height: 18px;
}
#menu_list {
	margin: 24px 0 0 0;
	color: #6E2A16;
	font-size: 13px/*14px*/;
	line-height: 21px;
}
.menu_text {
	color: #404040;
	font-size: 13px;
	padding-left: 12px;
	line-height: 21px;
}
#cafe_image {
	margin: 20px/*40px*/ 0 0 0;
	width: 100%;
}
#cafe_image img {
	width: 60%;
	overflow: hidden;
}

.space {
	font-size: 2px;
	line-height: 24px;
}

#menu_image0 {
/*	margin-top: 32px;*/
	width: 100% /*98%*/;
	margin: auto 0;
}
#menu_image0 > img {
	width: 100%;
}


/******************************************************/
#calendar {
	margin: 80px/*48px*/ 0 0 0;
	width: 96%;
	padding: 0 2% 0 2%;
	--transp: 0.3;	/* カレンダー用透過率 */
}
/*
#calendar_title {
	width: 120px;
	margin: 0 auto;
}
#calendar_title > img {
	width: 100%;
}
*/

.swiper-container-calendar {
	padding-bottom: 42px !important;
	width: 400px;
	margin-top: 32px !important;
}
.swiper-pagination-bullet {
	height: 12px !important;
	width: 12px !important;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 12px !important;
}

#calendar .biz_calendar table.bizcal {
	background-color: transparent;
	border: none;
	table-layout: fixed;
}
#calendar .biz_calendar col.column {
	width: 30px !important;
	height: 30px !important;
}
#calendar .biz_calendar table.bizcal th {
	text-align: center;
	border-width: 0;
	padding: 2px;
	color: #000000 /*#a18266*/;
	background-color: transparent;
	font-size: 16px;
}
#calendar .biz_calendar table.bizcal td {
/*	border: 4px solid rgba(255, 255, 255, 0.00);*/
	border-collapse: separate;
	font-size: 16px;
	color: #000000 /*#a18266*/;
	line-height: 36px;
}
#calendar .biz_calendar table.bizcal .calmonth {
  text-align: center;
  font-weight: bold;
  padding: 2px 7px;
  border: none;
	color: #000000;
}

/* メルシェカフェ */
#calendar .biz_calendar table.bizcal td.eventday {
	font-size:16px;
	-moz-border-radius: 50% /*1em*/;
	-webkit-border-radius: 50% /*1em*/;
	border-radius: 50% /*1em*/;
	background-color: rgba(235, 78, 127, 0.2);
	color: rgb(220, 50, 106);
	font-weight: bold;
}
/* 両営業日 */
#calendar .biz_calendar table.bizcal td.bothday { 
	font-size:16px;
	-moz-border-radius: 50% /*1em*/;
	-webkit-border-radius: 50% /*1em*/;
	border-radius: 50% /*1em*/;
	background-color: rgba(0, 153, 255, 0.15);
	color: rgb(128, 77, 232);
	font-weight: bold;
} 
/* プラス */
#calendar .biz_calendar table.bizcal td.holiday { 
	font-size:16px;
	-moz-border-radius: 50% /*1em*/;
	-webkit-border-radius: 50% /*1em*/;
	border-radius: 50% /*1em*/;
	background-color: rgba(51, 153, 51, 0.2);
	color: rgb(51, 153, 51);
	font-weight: bold;
}


#calendar .biz_calendar .calmonth {
	width: 100%;
	text-align: center;
	height: 32px;
	font-size: 20px;
	font-weight: bold;
}

#calendar .biz_calendar ul li {
	float: left;
	text-align: center;
	width: 30px;
	height: 30px;
	margin: 3px 4px/*6px*/;
}

#calendar .biz_calendar .week li {
	font-weight: bold;
	height: 24px !important;
}
#calendar .biz_calendar .day li {
	line-height: 30px;
}

#calendar .biz_calendar .sunday {
	color: rgb(232, 77, 128);
}
#calendar .biz_calendar li:first-child {
  color: rgb(232, 77, 128);
}
#calendar .biz_calendar .day li.sunday {
/*
	background-color: rgba(232, 77, 128, 0.1);
	border-radius: 50%;
*/
}

#calendar .biz_calendar .saturday {
	color: #0000ff;
}
#calendar .biz_calendar li:nth-last-of-type(1) {
  color: #0000ff;
}
#calendar .biz_calendar .day li.saturday {
/*
	background-color: rgba(0, 0, 255, 0.1);
	border-radius: 50%;
*/
}

#calendar .biz_calendar .day li:not(.sunday):not(.saturday) {
	color: #222222;
/*
	background-color: rgba(34, 34, 34, 0.1);
	border-radius: 50%;
*/
}
#calendar .biz_calendar .day li:empty {
	background-color: transparent !important;
	border: none !important;
}

/* メルシェカフェ */
#calendar .biz_calendar .eventday {
/*	font-size:16px;*/
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: rgba(235, 78, 127, var(--transp)) !important;
	color: rgb(220, 50, 106) !important;
/*	font-weight: bold;*/
}
/* 両営業日 */
#calendar .biz_calendar .bothday { 
/*	font-size:16px;*/
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: rgba(0, 153, 255, var(--transp)) !important;
/*	background-color: rgba(255, 215, 0, 0.2) !important;*/
	color: rgb(128, 77, 232) !important;
/*	font-weight: bold;*/
} 
/* プラス */
#calendar .biz_calendar .holiday { 
/*	font-size:16px;*/
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: rgba(51, 153, 51, var(--transp)) !important;
	color: rgb(51, 153, 51) !important;
/*	font-weight: bold;*/
}

#calendar .biz_calendar .specialday { 
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: rgba(106, 43, 226, var(--transp)) !important;
	color: rgb(106, 43, 226) !important;
}

#calendar_legend {
	font-size: 12px;
	line-height: 20px;
	margin : 16px auto 0 auto;
	width: 280px;
}
#calendar_note1 {
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	background-color: rgba(0, 153, 255, var(--transp));
/*	background-color: rgba(255, 215, 0, 0.2);*/
	vertical-align: middle;
}
#calendar_note2 {
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	background-color: rgba(235, 78, 127, var(--transp));
	vertical-align: middle;
}
#calendar_note3 {
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	background-color: rgba(51, 153, 51, var(--transp));
	vertical-align: middle;
}
#calendar_note4 {
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	background-color: rgba(106, 43, 226, var(--transp));
	vertical-align: middle;
}
#calendar_note_xmas {
	-moz-border-radius: 1em !important;
	-webkit-border-radius: 1em !important;
	border-radius: 1em !important;
	background-color: rgba(255, 0, 0, 0.2) !important;
	vertical-align: middle !important;
}

@media only screen and (min-width: 641px) {
	.swiper-button-next, .swiper-button-prev {
	  display: block;
	}
	.swiper-container-calendar, #calendar_legend {
		width: 280px/*400px*/;
	}
}
@media only screen and (max-width: 640px) {
	.swiper-button-next, .swiper-button-prev {
	  display: none;
	}
	.swiper-container-calendar, #calendar_legend {
		width: 280px;
	}
}


/******************************************************/
#instagram {
	margin: 80px/*48px*/ 0 0 0;
	width: 96%;
	padding: 0 2% 0 2%;
}
/*
#instagram_title {
	width: 120px;
	margin: 0 auto;
}
#instagram_title > img {
	width: 100%;
}
*/

#instagram_header {
	width: 100%;
	margin-top: 48px;
}
#instagram_header_left {
	width: 130px;
	margin-right: 20px;
	float: left;
}
#instagram_profile_picture {
	width: 100%;
}
#instagram_profile_picture > img {
	width: 100%;
	border-radius: 50%;
}

#instagram_header_right {
	overflow: hidden;
}
#instagram_user {
	font-size: 18px;
}
#instagram_fullname {
	font-weight: bold;
}
#instagram_fullname a,
#instagram_fullname a:link,
#instagram_fullname a:visited {
	text-decoration: none;
	color: #555555;
	opacity: 1.0;
	outline: none;
}
#instagram_fullname a:hover,
#instagram_fullname a:active {
	text-decoration: none;
	color: #555555;
	opacity: 0.5;
	outline: none;
}

#instagram_profile {
	font-size: 14px;
	margin-top: 12px;
	line-height: 24px;
}
#instagram_userself {
	font-size: 14px;
	margin-top: 12px;
	line-height: 24px;
}

#instagram_photo, #instagram_photo2 {
	margin-top: 32px;
	width: 100%;
	z-index: 2;
}

#instagram_photo a.photo,
#instagram_photo img.photo {
	width: 20%;
	padding: 2.5%;
	float: left;
	height:20%;
	overflow: hidden;
}
#instagram_photo2 .photo_outer {
	width: 20%;
	margin: 2.5%;
	float: left;
	height: 20%;
	overflow: hidden;
}

@media only screen and (min-width: 1201px) {
	#instagram_photo a.photo,
	#instagram_photo img.photo {
		width: 20%;
		padding: 2.5%;
		height:20%;
	}
	#instagram_photo2 .photo_outer {
		width: 20%;
		margin: 2.5%;
		height:20%;
	}
	#instagram_ss {
		width: 100%;
	}
	#instagram_ss img {
		width: 100%;
	}
}
@media only screen and (max-width: 1200px) and (min-width: 801px) {
	#instagram_photo a.photo,
	#instagram_photo img.photo {
		width: 28%;
		padding: 2.6666%;
		height:28%;
	}
	#instagram_photo2 .photo_outer {
		width: 28%;
		margin: 2.6666%;
		height:28%;
	}
	#instagram_ss {
		width: 100%;
	}
	#instagram_ss img {
		width: 100%;
	}
}
@media only screen and (max-width: 800px) {
	#instagram_photo a.photo,
	#instagram_photo img.photo {
		width: 45%;
		padding: 2.5%;
		height:45%;
	}
	#instagram_photo2 .photo_outer {
		width: 45%;
		margin: 2.5%;
		height:45%;
	}
	#instagram_ss {
		width: 100%;
	}
	#instagram_ss img {
		width: 100%;
	}
}

#instagram_photo a.photo img,
#instagram_photo2 .photo_outer img {
	width: 100%;
	outline: none;
object-fit: cover;
}

#instagram_link {
	max-width: 214px;
	margin: 36px/*24px*/ auto 0 auto;
}
#instagram_link a,
#instagram_link a:link,
#instagram_link a:visited {
	display: block;
	border: 1px solid #bbbbbb;
	font-size: 14px;
	line-height: 44px;
	height: 44px;
	color: #aaaaaa;
	text-align: center;
	text-decoration: none;
	opacity: 1.0;
	outline: none;
}
#instagram_link a:hover,
#instagram_link a:active {
	text-decoration: none;
	opacity: 0.5;
	outline: none;
}

@media only screen and (min-width: 801px) {
	#instagram_link {
		max-width: 214px;
	}
}
@media only screen and (max-width: 800px) {
	#instagram_link {
		max-width: 70%;
	}
}

#instagram_ss {
	margin: 16px auto;
}

/******************************************************/
#form {
	margin: 80px/*48px*/ auto 0 auto;
	width: 96%;
	padding: 0 2% 0 2%;
/*	table-layout: fixed;*/
	font-size: 14px;
}

/*
#form_title {
	width: 120px;
	margin: 0 auto;
}
#form_title > img {
	width: 100%;
}
*/

#form_box {
	width: 80%/*100%*/;
	margin: 0 auto;
}
#form_inner {
	width: 98%;
	padding: 1%;
	margin-top: 48px;
}

#form form {
	width: 88%;
	margin-right: auto;
	margin-left: auto;
}

.reserve_option1 {
	background-color: #ffccf7;
	font-size: 12px;
	padding: 2px 4px;
	border-radius: 6px;
}
.reserve_option2 {
	background-color: #ccfff2;
	font-size: 12px;
	padding: 2px 4px;
	border-radius: 6px;
}

#form .reserve_tr, #form .reserve_tr2 {
	font-size: 0;
}
#form .reserve_tr img {
	width: 1px;
	height: 16px;
}
#form .reserve_tr2 img {
	width: 1px;
	height: 8px;
}

#form form dl {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}
#form form dt, #form form dd{
  display: table-cell;
  vertical-align: top;
}

#form dt {
  width: 200px;
  overflow: hidden;
}

#form dt span{
  float:right;
}
#form dd{
  padding-left: 20px;
}
#form dd input[type=text],
#form dd input[type=email],
#form dd input[type=tel],
#form dd textarea {
  width: 100% /*170px*/;
}

#form dd input[type=date],
#form dd input[type=number],
#form dd input[type=text],
#form dd input[type=email],
#form dd input[type=tel],
#form dd select,
#form dd textarea {
	margin-bottom: 4px;
}

#form dd select{
  width: 120px;
}

#form dd select.select_year {
  width: 72px /*6em*/ /*80px*/;
	margin-bottom: 4px;
}
#form dd select.select_md {
  width: 52px /*4em*/ /*60px*/;
	margin-bottom: 4px;
}


#form .radio{
  display: block;
}
#form .radio dt, #form .radio dd {
  display: block;
}
#form .radio dt {
  width: auto;
}
#form .radio dt span {
  float:none;
}
#form .radio dd{
  padding-left: 170px;
}
#form .radio .wpcf7-list-item{
  display: block;
  margin: 0 0 .5em 0;
}

@media only screen and (min-width: 641px) {
	#form form dl{
	  display: table;
	}
	#form form dt, #form form dd{
  	display: table-cell;
  	vertical-align: top;
	}
}
@media only screen and (max-width: 640px) {
	#form form dl{
	  display: block;
	}
	#form form dt {
  	display: block;
  	overflow: hidden;
		width: 12em;
		margin-bottom: 8px;
	}
	#form form dd {
  	display: block;
		padding-left: 0px;
		margin-left: 0;
		width: 100%;
	}
}

#form .link {
	margin: 0 auto 1em auto;
	text-align: center;
}

#form .link input[type=submit] {
  background: #C1A252;
  background-image: -webkit-linear-gradient(top, #C1A252, #A5873E);
  background-image: -moz-linear-gradient(top, #C1A252, #A5873E);
  background-image: -ms-linear-gradient(top, #C1A252, #A5873E);
  background-image: -o-linear-gradient(top, #C1A252, #A5873E);
  background-image: linear-gradient(to bottom, #C1A252, #A5873E);
  text-shadow: -1px -1px 0px #999999;
  -webkit-box-shadow: 1px 1px 3px #666666;
  -moz-box-shadow: 1px 1px 3px #666666;
  box-shadow: 1px 1px 3px #666666;
  color: #ffffff;
  text-decoration: none;
	font-weight: normal !important;
	font-family: serif;
	padding-top: 4px;
	padding-bottom: 3px;
}

#form .link input[type=submit]:hover {
  background: #cfac53;
  background-image: -webkit-linear-gradient(top, #cfac53, #c79b2c);
  background-image: -moz-linear-gradient(top, #cfac53, #c79b2c);
  background-image: -ms-linear-gradient(top, #cfac53, #c79b2c);
  background-image: -o-linear-gradient(top, #cfac53, #c79b2c);
  background-image: linear-gradient(to bottom, #cfac53, #c79b2c);
  color: #ffffff !important;
  text-decoration: none;
	font-weight: normal !important;
	font-family: serif;
	padding-top: 4px;
	padding-bottom: 3px;
}

.form_width {
	max-width: 100%;
}

.border2 {
	box-shadow: 0 0 0 1px #666666, 0 0 0 4px #ffffff, 0 0 0 6px #000000;
}

#form .br {
	display: none;
}
@media only screen and (min-width: 321px) {
	#form .br {
		display: none;
	}
}
@media only screen and (max-width: 320px) {
	#form .br {
		display: inline;
	}
}


/******************************************************/
#map {
	margin: 78px/*48px*/ 0 0/*32px*/ 0;
	width: 100%;
}


#google_map {
	width: 40%;
	height: 40%;
	padding: 5%;
	margin-top: 32px;
	float: left;
}
#map_text_outer {
	width: 45%/*40%*/;
	padding: 0%/*5%*/ 0%/*5%*/ 0%/*2%*/ 5%;
	float: left;
	margin-top: 32px;
}

@media only screen and (min-width: 641px) {
	#google_map {
		width: 40%;
		padding: 5%;
	}
	#map_text_outer {
		width: 45%/*40%*/;
	padding: 0%/*5%*/ 0%/*5%*/ 0%/*2%*/ 5%;
	}
}
@media only screen and (max-width: 640px) {
	#google_map {
		width: 90%;
		padding: 5%;
	}
	#map_text_outer {
		width: 95%/*90%*/;
	padding: 0%/*5%*/ 0%/*5%*/ 0%/*2%*/ 5%;
	}
}

#map_text {
/*	padding: 2% 2% 0 2%;*/
	margin: 0 auto 16px auto;
	font-size: 13px;
	line-height: 20px;
}

#map_info {
/*	padding: 0 2% 0 2%;*/
	margin: 16px/*32px*/ auto 0 auto;
	font-size: 13px;
	line-height: 20px;
}
#map_info_title {
/*	padding-bottom: 8px;*/
}


/******************************************************/
#image3 {
	margin: 80px/*48px*/ auto 0 auto;
	width: 100%;
	text-align: center;

	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#image3 .image3 {
	width: 44%;
	padding: 0 3% 0 3%;
	overflow: hidden;
}
#image3 .image3 img {
	width: 100%;
}

/*
@media only screen and (min-width: 481px) {
	#image3 .image3 {
		width: 44%;
		padding: 0 3% 0 3%;
	}
}
@media only screen and (max-width: 480px) {
	#image3 .image3 {
		width: 94%;
		padding: 0 3% 0 3%;
	}
	div#image3 div.image3:first-child {
		padding-bottom: 3%;
	}
}
*/


/******************************************************/
#link {
	margin: 80px/*48px*/ 0 0 0;
	width: 100%;
}

/*
#link_title {
	width: 200px;
	height: 20px;
	margin: 0 auto;
	text-align: center;
}
#link_title > img {
	width: 100%;
	height: 100%;
}
*/

#link_inner {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 32px;
}
#link_text {
	width: 80%;
	margin: 0 auto;
	font-size: 14px;
	line-height: 21px;
	text-align: center;
}
#link_inner .link {
	width: 40%;
	padding: 0 5% 0 5%;
	overflow: hidden;
	text-align: center;
	margin-top: 32px;
}
#link_inner .link img {
	width: 100%;
	max-width: 240px;
}

@media only screen and (min-width: 481px) {
	#link_inner .link {
		width: 40%;
		padding: 0 5% 0 5%;
	}
}
@media only screen and (max-width: 480px) {
	#link_inner .link {
		width: 90%;
		padding: 0 5% 0 5%;
	}

	div#link_inner div.link:first-child {
		padding-bottom: 5%;
	}
}


/******************************************************/
#footer {
	width: 100%;
	margin: 80px/*40px*/ 0 0 0;
	padding-bottom: 20px;
	text-align: center;
	font-size: 10px;
}


/******************************************************/
#pagetop {
	position: fixed;
	bottom: 16px;
	right: 0px;
	display: none;
}
@media only screen and (min-width: 481px) {
	#pagetop {
		display: none;
	}
}
@media only screen and (max-width: 480px) {
	#pagetop {
		display: none;
		visibility: hidden;
	}
}


/******************************************************/
ul {
	list-style: none;
	padding-left: 0px;
	margin: 0;
}

ul li a{
	display: block;
  text-decoration: none;
}

a {
	text-decoration: none;
}
img {
	border: 0 solid #ffffff;
}


/******************************************************/
.title_img {
/*	width: 320px !important;*/
	height: 20px !important;
	margin: 0 auto !important;
	text-align: center !important;
}
.title_img > img {
/*	width: 100% !important;*/
	height: 100% !important;
}

.title {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 16px;
}

.box {
	border: solid 1px #999999;
/*	width: 428px;*/
}

.line {
	width: 100%;
	height: 1px;
	margin-bottom: 3px /*10px*/;
	background-color: #dcdcdc;
}



/****************************************************************************/
/************************************************************************************************/
#_n_wrapper {
/*	max-width: 1140px;*/
	margin: 0 auto;
}


/********************************************/
#_n_header {
	width: 100%;
	height: 60px;
	position: fixed;
	top: 0;
	z-index: 999;
	background-color: rgba(0, 0, 0, 0.5);
	color: #dfc7a5;
}
#_n_header_inner {
	position: relative;
	display: flex;
}
#_n_header h1 {
	position: absolute;
	left: 16px;
	top: 8px;
	z-index: 9999;
	font-size: 13px !important;
	margin: 0;
}

#_n_header a {
	color: #dfc7a5;
}

#_n_header_menu {
	position: relative;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 100;
}
#_n_header_menu ul {
	float: right;
	padding-right: 30px;
}
#_n_header_menu ul li {
	text-align: center;
	padding: 0 8px 0 8px;
	margin-top: 22px;
	float: left;
}
#_n_header_menu ul li._n_nav {
  border-right: 1px solid #dfc7a5;
}

#_n_header_menu ul._n_menu3 li._n_nav:nth-child(3) {
	border-right: 0px solid #dfc7a5;
}
#_n_header_menu ul._n_menu4 li._n_nav:nth-child(4) {
	border-right: 0px solid #dfc7a5;
}
#_n_header_menu ul._n_menu5 li._n_nav:nth-child(5) {
	border-right: 0px solid #dfc7a5;
}
#_n_header_menu ul._n_menu6 li._n_nav:nth-child(6) {
	border-right: 0px solid #dfc7a5;
}

#_n_header_menu ul li._n_sns {
	text-align: center;
	padding: 0 8px 0 8px;
	margin-top: 15px;
}
._n_sns_instagram {
	width: 30px;
}
._n_sns_facebook {
	width: 30px;
}
._n_sns_line {
	width: 30px;
}
._n_sns_youtube {
	height: 30px;
}


#_n_header_menu ul li._n_link {
/*	flex: grow;*/
	text-align: center;
	padding: 0 8px 0 8px;
	background-color: #000000;
	margin-left: 8px;
}

#_n_menu_open {
	position: fixed;
	right: 8px;
	top: 8px;
	height: 20px;
	z-index: 3999;
	cursor: pointer;
}
#_n_menu_open ul li {
	text-align: center;
	padding: 0 8px 0 8px;
	float: left;
}
#_n_menu_open ul li img {
	width: 20px;
	height: 20px;
}
#_n_menu_open ._n_sns_instagram {
	width: 20px;
}
#_n_menu_open ._n_sns_facebook {
	width: 20px;
}
#_n_menu_open ._n_sns_line {
	width: 20px;
}
#_n_menu_open ._n_sns_tel {
	width: 20px;
}
#_n_menu_open ._n_sns_youtube {
	height: 20px !important;
	width: auto !important;
}


@media screen and (max-width:900px) {
	#_n_menu_open {
		display: block;
	}
	#_n_header_menu {
		display: none;
	}
	#_n_header {
		height: 36px;
	}
	._n_header_h1 {
		display: none;
	}
}
@media screen and (min-width:900px) {
	#_n_menu_open {
		display: none;
	}
	#_n_header_menu {
		display: block;
	}
	#_n_header {
		height: 60px;
	}
	._n_header_h1 {
		display: inline;
	}
}


#_n_menu {
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.9);
	color: #444;
	position: fixed;
	left: 0;
	top: 36px;
	z-index: 1999;
	opacity: 1;
	transition: opacity 0.5s ease-out;
	text-align: center;
	font-size: 14px/*16px*/;
	line-height: 22px/*32px*/;
}

#_n_menu_title {
	margin-top: 64px;
	font-size: 16px;
}

#_n_menu_link {
	margin-top: 64px;
}
#_n_menu_link ul li {
	margin: 20px auto 0;
}
#_n_menu_link ._n_link {
}
._n_line {
	background-color: #444444;
	width: 100%;
	height: 1px;
}

#_n_menu_close1 {
	width: 20px;
	height: 20px;
	position: fixed;
	right: 16px;
	top: 8px;
	cursor: pointer;
}
#_n_menu_close2 {
	width: 20px;
	height: 20px;
	text-align: center;
	margin: 40px auto;
	cursor: pointer;
}

#_n_menu a {
	color: #444;
}



/********************************************/
#_n_content {
	width: 100%;
}


/*********************************************/
#_n_div9 {
	width: 100%;
	background: url(images/new/div9_img.jpg) no-repeat no-repeat;
	background-size: cover;
}
#_n_div9_mask {
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.75);
}

#_n_div9_text {
	text-align: center;
	margin: 0 auto;
/*display: table;*/
}
#_n_div9_text ul li {
/*display: table-row;*/
	padding: 0 8px 0 8px;
/*
	border-left: solid 1px #000;
	border-right: solid 1px #000;
*/
	margin: 24px 0 24px 0;
}
#_n_div9_text ul li:first-child {
	margin-top: 0;
}
#_n_div9_text ul li:last-child {
	margin-bottom: 0;
}

#_n_div9 a {
	color: #444;
}

@media screen and (max-width:900px) {
	#_n_div9_text ul li {
		margin: 12px 0 12px 0;
	}
}
@media screen and (min-width:900px) {
	#_n_div9_text ul li {
		margin: 24px 0 24px 0;
	}
}


/********************************************************************/
#_n_footer {
	width: 100%;
	height: 80px;
	text-align: center;
	color: #cea972;
	font-size: 14px;
	line-height: 80px;
}


._n_line2 {
	background-color: #cccccc;
	width: 100%;
	height: 1px;
	margin: 0px 0 8px 0;
}


/********************************************************************/
#_n_cafe {
	margin: 124px auto 0 auto;
	max-width: 720px/*900px*/;
	text-align: center;
}
@media screen and (max-width:900px) {
	#_n_cafe {
		margin-top: 100px;
	}
}
@media screen and (min-width:900px) {
	#_n_cafe {
		margin-top: 124px;
	}
}

#_n_cafe_title {
	text-align: center;
}

._n_cafe {
	margin: 64px auto 0px auto;
	padding: 0 16px;
	display: inline-block;
	text-align: left;
	line-height: 32px;
}

._n_cafetitle {
	font-size: 15px;
}


/********************************************************************/
/* common */

._n_div {
	margin-top: 100px;
	position: relative;
}

._n_left {
	text-align: left;
	display: inline-block;
}

._n_title {
	text-align: center;
	font-style: italic;
	color: #cea972;
	font-size: 24px;
}
._n_title_inner {
	text-align: center;
	border-bottom: 1px solid #cea972;
	display: inline-block;
	margin: 0 auto;
	padding-bottom: 1px; 
}

._n_text, ._n_text2 {
	text-align: center;
	margin: 32px 0 100px 0;
	line-height: 36px;
	font-size: 14px;
	color: #cea972;
}
._n_text_w {
}

@media screen and (max-width:900px) {
	._n_text {
		width: 312px;
		margin-right: auto;
		margin-left: auto;
		line-height: 36px;
	}
	._n_text2 {
		line-height: 36px;
	}
	._n_br {
		display: inline;
	}
}
@media screen and (min-width:900px) {
	._n_text {
		width: 100%;
		line-height: 48px;
	}
	._n_text2 {
		line-height: 48px;
	}
	._n_br {
		display: none;
	}
}



/* PCで電話番号リンクを無効に */
@media (min-width: 900px) {
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
}



._n_line1 {
	background-color: #cccccc;
	width: 100%;
	height: 1px;
	margin: 8px 0;
}


._n_telno {
	text-decoration: underline;
}