@charset "utf-8";

/*===================================================

	pocket-uto common

====================================================*/

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

	ブラウザ初期設定のリセット

----------------------------------------------------*/
/* html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video,
a,input,textarea,select {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    /*font-size:100%;*/
    vertical-align:baseline;
    background:transparent;
}

html {
	overflow-y: scroll;/*IE独自の追加プロパティoverflowと同じ*/
	font-size:62.5%; /* remを使用 62.5%=10px=1rem */
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;　font-size: 100%;
}
ol,ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th,td {
	vertical-align: top;
}
caption,th {
	text-align: left;
}
address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
}
/*html5ではブロック要素とインライン要素という分類が無いので*/
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}
/*----------------------------------------------------

	基礎、テキストリンクの設定

----------------------------------------------------*/
html,body{width:100%;}
body {
	font-family:Arial,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",sans-serif;
	font-size:1.6rem;
	font-size:16px; /* IE用 */
	line-height:1.5;
	color:#1e1e1e;
	background:#ffe6f0 url(../img/bg.jpg) top left;
	
}
img {
  height:auto;
  width:auto;
  max-width:100%;
  vertical-align:middle;
}
mark{
	background-color:#ffff00;
	font-weight:bold;
	padding:5px;
}

.clear {clear:both;}
a {color:#145adc; text-decoration:none;}
a:hover {text-decoration:underline;}
.nunito{font-family: 'Nunito', sans-serif;}
.pink {color:#f72956; font-weight:bold;}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #c8c8c8;
    margin:0.5 0;
    padding:0;}

.wrapper {width:960px; margin:0 auto; overflow:hidden;}

a.ex_link {
    background: url("img/blank.gif") no-repeat right 0;
    padding-right: 20px;
}
.block-pc {display: block;}
.block-sp {display: none;}

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

	#hside	サイド

----------------------------------------------------*/
#side {background-color:#fff; width:220px; padding:30px; float:left;}
#side p#logo {text-align:center;}
#side nav a{text-decoration:none; cursor:pointer;}
#side nav ul {padding:0 20px;}
#side nav li {margin-bottom:20px;}
#side nav a {width:100%; color:#f781bf; font-size:21px; font-family: 'Nunito', sans-serif; display:block;}
#side nav a .jp {color:#828282; font-size:14px; display:block;}
#side nav li:hover a {color:#f72956;}
#side nav li:hover a .jp {color:#1e1e1e;}

/*カレンダー 2023追加*/
.calendar-op {font-size:80%; margin:0.5rem 0;}
.calendar-op span {
  display:inline-block;
  margin:0.25rem 0.5rem;
  width:2.0rem;
  height:2.0rem;
  }
.calendar-op span.cat-green {background-color:#78be3c;}
.calendar-op span.cat-orange {background-color:#d5aa37;}
.calendar-op span.cat-gray {background-color:#666666;}
.calendar-op span.cat-darkgreen {background-color:#309b5e;}
.calendar-op span.cat-pink {background-color:#fddde6;}
.calendar-op a.calendar-more {
  display:block;
  border:1px solid #ccc;
  padding:0.5rem;
  text-align:center;
  white-space:nowrap;
}

/*カレンダー2024切り替え　前のは定期がなかった、新は定休日設定ないけど定期で対応*/
/*NOwpの方はウィジェット出力、common.cssで見た目整えて、（←ショートコードは永遠に読み込み中から抜け出せなかった、固定ページ出力は崩れるのでウィジェット出力対応）
wp内の方はショートコード出力でプラグイン内cssで見た目整ってる*/
.nowp-calendar {}
.nowp-calendar li {list-style-type:none; margin:1.0rem 0;}
.nowp-calendar li table#wp-calendar {width:100%;}
.nowp-calendar li table#wp-calendar caption {text-align:center; font-weight:bold;}
.nowp-calendar li table#wp-calendar thead th {background-color:gainsboro;}
.nowp-calendar li table#wp-calendar thead th, .nowp-calendar li table#wp-calendar tbody td {
  text-align:center;
  border:1px solid #ddd;
}
.nowp-calendar li table#wp-calendar thead th:nth-child(6) {color:blue; background-color:aliceblue;}
.nowp-calendar li table#wp-calendar thead th:nth-child(7) {color:red; background-color:beige;}
.nowp-calendar li table#wp-calendar tbody td a {
  display:block;
  color:#fff;
  padding:0.25rem;
  text-decoradion:none;
  font-weight:700;
}
.nowp-calendar li table#wp-calendar tbody td.eo-event-cat-event a {background-color:#78be3c;}
.nowp-calendar li table#wp-calendar tbody td.eo-event-cat-live a {background-color:#d5aa37;}
.nowp-calendar li table#wp-calendar tbody td.eo-event-cat-regular a {background-color:#309b5e;}
.nowp-calendar li table#wp-calendar tbody td.eo-event-cat-other a {background-color:#666666;}
.nowp-calendar li table#wp-calendar tbody td.eo-event-cat-off a {
  background-color:#fddde6;
  color:#1e1e1e;
  pointer-events: none;
  font-weight:400;
}
.nowp-calendar li table#wp-calendar tbody td.eo-event-cat-off a:hover {text-decoradion:none;}

.nowp-calendar li table#wp-calendar tfoot #eo-widget-next-month {text-align:right;}


/***** 幅狭めるとJSによる開閉するサイドメニューに変更する、その時クラス名とID名強制上書きされるので再設定↓ ******/
.sidr-class-calendar-op {font-size:80%; margin:0.5rem 0;}
.sidr-class-calendar-op span {
  display:inline-block;
  margin:0.25rem 0.5rem;
  width:2.0rem;
  height:2.0rem;
  }
.sidr-class-calendar-op span.sidr-class-cat-green {background-color:#78be3c;}
.sidr-class-calendar-op span.sidr-class-cat-orange {background-color:#d5aa37;}
.sidr-class-calendar-op span.sidr-class-cat-gray {background-color:#666666;}
.sidr-class-calendar-op span.sidr-class-cat-darkgreen {background-color:#309b5e;}
.sidr-class-calendar-op span.sidr-class-cat-pink {background-color:#fddde6;}
.sidr-class-calendar-op a.sidr-class-calendar-more {
  display:block;
  border:1px solid #ccc;
  padding:0.5rem;
  text-align:center;
  white-space:nowrap;
}

.sidr-class-nowp-calendar li {list-style-type:none; margin:1.0rem 0;}
.sidr-class-nowp-calendar li table#sidr-id-wp-calendar {width:100%;}
.sidr-class-nowp-calendar li table#sidr-id-wp-calendar caption {text-align:center; font-weight:bold;}
.sidr-class-nowp-calendar li table#sidr-id-wp-calendar thead th {background-color:gainsboro;}
.sidr-class-nowp-calendar li table#sidr-id-wp-calendar thead th, .sidr-class-nowp-calendar li table#sidr-id-wp-calendar tbody td {
  text-align:center;
  border:1px solid #ddd;
}
.sidr-class-nowp-calendar li table#sidr-id-wp-calendar thead th:nth-child(6) {color:blue; background-color:aliceblue;}
.sidr-class-nowp-calendar li table#sidr-id-wp-calendar thead th:nth-child(7) {color:red; background-color:beige;}
.sidr-class-nowp-calendar li table#sidr-id-wp-calendar tbody td a {
  display:block;
  color:#fff;
  padding:0.25rem;
  text-decoradion:none;
  font-weight:700;
}
.sidr-class-nowp-calendar li table#sidr-id-wp-calendar tbody td.sidr-class-eo-event-cat-event a {background-color:#78be3c;}
.sidr-class-nowp-calendar li table#sidr-id-wp-calendar tbody td.sidr-class-eo-event-cat-live a {background-color:#d5aa37;}
.sidr-class-nowp-calendar li table#sidr-id-wp-calendar tbody td.sidr-class-eo-event-cat-regular a {background-color:#309b5e;}
.sidr-class-nowp-calendar li table#sidr-id-wp-calendar tbody td.sidr-class-eo-event-cat-other a {background-color:#666666;}
.sidr-class-nowp-calendar li table#sidr-id-wp-calendar tbody td.sidr-class-eo-event-cat-off a {
  background-color:#fddde6;
  color:#1e1e1e;
  pointer-events: none;
  font-weight:400;
}
.sidr-class-nowp-calendar li table#sidr-id-wp-calendar tbody td.sidr-class-eo-event-cat-off a:hover {text-decoradion:none;}

.sidr-class-nowp-calendar li table#sidr-id-wp-calendar tfoot #sidr-id-eo-widget-next-month {text-align:right;}



/*-------------------------
    ドロワー
---------------------------*/
#mobile {display: none;position:fixed; right:0; width:90px; height:70px; margin:15px; text-align:center;z-index: 999999;}
#mobile a {display:block; width:100%; height:100%; line-height:70px; border:1px solid #828282;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background: -moz-linear-gradient(top, #ededed, #c8c8c8);
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#c8c8c8));}
#mobile a:hover {
background: -moz-linear-gradient(top, #c8c8c8, #ededed);
background: -webkit-gradient(linear, left top, left bottom, from(#c8c8c8), to(#ededed));}
/*bace*/
.sidr{display:block;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:hidden;overflow-y:auto}
.sidr.right{left:auto;right:-280px}
.sidr.left{left:-280px;right:auto; display: none;}

.s_link {font-weight:bold; padding:10px;}
#pp a {color:#f781bf; text-decoration:none;}
#pp a:hover {color:#f72956;}


#shop #shop_name{font-size:21px; color:#f72956; font-weight:bold; margin:5px 0;}
#shop {margin:10px 0 0;}

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

	#main メイン

----------------------------------------------------*/
#top_s {display:none;}
#top_s img {height:50px; vertical-align:bottom; float:left;}
#imgphoto {margin:0 0 20px; vertical-align:bottom;}

#main {width:660px; margin:0 0 0 20px; padding:0 0 0 0; float:left;}
.box {padding:30px; margin-top:20px; background-color:#fff;}

#contents {margin:0; padding:0 30px 30px; background-color:#fff;}


/*-------------------------
    トップページ-最新情報
---------------------------*/
#news .resp-tab-item{background-color:#fff;}

.resp-tab-content {width:630px;}

.news_box {width:200px; margin-right:15px; margin-bottom:20px; float:left;}
.resp-tab-content div:nth-child(3n) {margin-right: 0;}
.news_box .cate {padding:5px; margin-bottom:5px; font-size:12px; text-align:center; width:50%;}
.news_box .cate#c_lunch {background-color:#f8c83c;}
.news_box .cate#c_event {background-color:#78be3c;}
.news_box .cate#c_other {background-color:#b4b4b4;}
.news_box .cate#c_lunch span{margin-left:3px;}
.news_box .cate#c_event span , .news_box .cate#c_other span{display:none;}

.news_box a {display:block; text-decoration:underline;}
.news_box a:hover { opacity:0.7; color:#f781bf;}
.news_img {min-height:150px; text-align:center;}
.news_box .title_link {margin:5px 0 10px; min-height:50px;}
.news_box .up {font-size:12px; color:#646464;}

#news_link {text-align:right; padding:10px; background-color:#fff; width:96.96%;}

/*FBレスポンシブ化　PC用
@media screen and (min-width: 768px) {
	.box .sns-box {
		width: 500px;
    margin:0 auto;
	}
}
.box .sns-box iframe{width:100%;}*/
.box .sns-box {overflow-x: scroll;}

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

	2ndページ以降-共通

----------------------------------------------------*/
h1 {
  display: block;
  background:#fff url("../img/title.png") repeat-x;
  color:#fff;
  font-size:36px;
  padding:10px 0 0 20px;
  height:120px;
}

h3 {font-size:21px; padding-bottom:5px; margin-bottom:10px; border-bottom:double #e85467;}

h4 {font-size:18px; font-weight:bold; padding:0 0 5px; margin:20px 0 15px; border-bottom:1px dashed #ccc;}
h4 span {color:#ccc; margin-right:5px;}

.block {overflow:hidden; margin-bottom:30px;}
.block .right {float:left;}

ul.list {margin:10px 0; text-align:center;}
ul.list li {display:inline-block;}

.acmenu {display:block;}
.acmenu p {cursor:pointer;}
.acmenu ul {display:none;}

.inline-block {overflow: hidden; font-size:0;}
.inline-block-item {display: inline-block; font-size:16px; vertical-align: top;}

.flex-wrap {display: flex; justify-content: space-between;}

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

    最新情報一覧

---------------------------*/
/*カテゴリー*/
.cate_list {overflow:hidden; margin-bottom:30px; font-size:14px;}
.categories .cat-item-all , .categories .cat-item {float:left; margin-right:30px; font-size:16px;}
/* 新着情報-記事box（今日のランチに使用） */
.wp-news { overflow: hidden;}
.wp-news .news_box {width:45%; max-height:auto; margin-right:4%; overflow:hidden;}
.wp-news .news_box.hmax {max-height:auto;}
/*single記事（イベントやその他、カレンダーに使用）*/
.wp-news .single-page {width:100%!important; margin-right:0;}
.wp-news .single-page a {display:inline; text-decoration:underline;}

/*「続きを読む」*/
.more-link {font-size:14px; margin-top:5px;}
/*ページャー*/
#pagination li{margin-bottom:5px; font-size:14px;}

/*カレンダー*/
.single-page .xo-event-meta {margin:1.0rem 0;}
.xo-event-meta .xo-event-date {font-weight:bold; padding-left:0.5rem;}


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

	メニューページ

----------------------------------------------------*/
.fdm-menu {clear:both; overflow:hidden;}

.clearfix {clear:both;}
.fdm-item {margin-bottom:20px;}

.fdm-item img.fdm-item-image {max-height:180px; max-width:150px;}
.fdm-item-wrap {margin-top:10px; width:calc(100% - 150px);}
.fdm-item-title {font-weight:bold; padding:0; margin:0 0 10px 15px;}
.fdm-item-price-wrapper {text-align: right;}
.fdm-item .fdm-item-price-wrapper:before { content:"￥";}
.fdm-item-content {margin:0 0 20px 15px; border-bottom:1px dashed #828282;}

/*.fdm-item .fdm-item-title {float:left; font-weight:bold; padding:0; margin:10px 0 0 15px; width:55%;}
.fdm-item .fdm-item-price-wrapper {float:right; margin:10px 0 0 15px;}
.fdm-item .fdm-item-content { float:left; width:71%; margin:10px 0 0 15px; padding:10px 0 0; border-top:1px dashed #828282;}*/


.plus {background:#c8ff8c url("../img/menu/plus.gif") no-repeat left center; min-height:70px; padding-left:70px; overflow:hidden;}
.plus li {float:left; margin-right:50px; line-height:70px;}

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

	今日のランチ
	
----------------------------------------------------*/
#lunchset {display:block;}
#lunchset_t {display:none;}
#lunchset , #lunchset_t {margin-bottom:20px;}

.lunch_menu .news_box {width:45%;}

#blog_link a {display:block; background-color:#ffe6f0; color:#f72956; text-align:center; width:98%; padding:1%;}
#blog_link a:hover {background-color:#f72956; color:#ffe6f0;}
/*----------------------------------------------------

	フッター

----------------------------------------------------*/
footer {clear:both; background-color:#f72956; margin-top:20px; padding:5px 0; text-align:center; color:#fff; font-size:12px;}


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

	タブ向けホ対応 - 960px以下 -

----------------------------------------------------*/
@media only screen and (max-width: 959px){	
	#top_s {display:block; width:75%; padding:10px; background-color:#fff; font-size:14px;}
	#top_s span {display:block; padding-left:50px; color:#f781bf;}
	#imgphoto {margin:20px 0 20px;}
	
	#mobile {display: block;}
	.head-nav{display:none;}
  .sidr.left{display: block;}
	
	.wrapper {width:90%;}
	
	#main {margin:0; width:100%; float:none;}
	
	.resp-tab-content { width:auto;}
	
  .flex-wrap {flex-direction: column;}/*flexの要素を縦並びに*/
  
  /*メニュー*/
  .fdm-item-wrap {display: block; width:auto;}
	.fdm-item-title {margin:0;}
	.fdm-item-price-wrapper {text-align: left; margin:0;}
	.fdm-item-content {margin:5px 0 20px 0;}
	/*.menu li {width:50%; text-align:center; padding:0;}
	.menu li p { text-align:left;}
	.plus li {float:none; margin-right:0; line-height:2.5;}
	*/
  
  .block-pc {display: none;}
  .block-sp {display: block;}
	
/* .newblog {display:none;} */
}

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

	最少対応 - 640px以下 -

---------------------------------------------------- */
@media only screen and (max-width: 639px){
	#top_s {width:65%;}
	#top_s img {float:none;}
	#top_s span {padding-left:50px;}
	
	/*トップ-最新情報*/
	.news_box {float:none; width:auto; padding-right:0;}
	#news_link {width:96%;}
  
  /*FBレスポンシブ化
	.box .sns-box {
		width: 100%;
		max-width: 500px;
  }*/
	
	/*最新情報ページ*/
	.categories .cat-item-all , .categories .cat-item {float:none; margin:15px;}
	.cate_list {border-bottom:1px solid #e85467;}
	
	
	
	/*今日のランチ*/
	#lunchset {display:none;}
	#lunchset_t {display:block;}
	.lunch_menu .news_box {width:auto;}
  .wp-news .news_box {width:auto;}/*新着情報*/
	
	}