img {border:0px;}
li{list-style:none;}
a img{
	background:none!important;
}
a:hover img{
	opacity:0.6;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background:none!important;
}

body {
	color:#333;
	margin: 0;
	padding: 0;
	line-height: 1.4;
	background: #fff;
	font-size: 14px;
}

h1 {
	margin:0px;
	display:inline;
}

h2 {
	display:inline;
	margin:0;
	padding:0;
}

.co-di {display: inline-block;}

.des_breadcrumb{
	width:100%;
	margin:0;
	padding: 7px 0;
}
.info_red {
    color: #f66;
    margin: 35px 0 0;
    font-size: 18px;
    text-align: center;
}
.linkBox {padding: 20px; text-align: center;}
.linkButton {
	display: inline-block;
	background: linear-gradient(to bottom, #f66, #f66);
	color: #fff !important;
	border-radius: 4px;
	padding: 12px 20px 15px;
	width: 100%;
	max-width: 450px;
	font-size: 17px;
	box-sizing: border-box;
}
.inputButton {
	background: linear-gradient(to bottom, #f66, #f66);
	color: #fff;
	cursor: pointer;
	border-radius: 4px;
	padding: 8px 20px;
	border: none;
}
.inputButton:hover{
	background: #f00;
	transition: 0.3s;
}
.linkButtonSubText {
	font-size: 13px;
}
#des_breadcrumb_sd_area{
	display:none;
}

a.u {text-decoration: none;}
a.u:link {color: #333; border-bottom: dotted 1px #333;}
a.u:visited {color: #333; border-bottom: dotted 1px #333;}
a.u:hover {color: #333; border:none}

#top_content .titleImage {width: 100%;}
#top_content .subText {line-height: 1.8;}
#top_content .subTextInfo {text-indent: -1em; padding-left: 1em; margin: 10px 0 0; font-size: 13px; line-height: 1.4;}
#main_content {background: #ece7d7;}
#main_content .inner,#bottom_content .inner {margin: 0 auto;}
#main_content .info dl {background-color: #fff; border-bottom: solid 1px #dedede; border-radius: 8px;}
#main_content dl {margin: 0;}
#main_content dl:not(:last-child) {margin-bottom: 15px;}
#main_content dl dt {margin-inline-start: 0; font-weight: bold; font-size: 14px; display: inline-block; width: 100%; max-width: 20em; margin: 0; padding: 0;}
#main_content dl dd {display: inline-block; margin: 0; padding: 0; width: 100%; max-width: 550px; line-height: 1.8;}
#main_content dl dd .price {font-weight: bold; padding-bottom: 10px; display: block;}
#main_content dl dd ul {margin: 0; padding: 0; text-align: left; font-size: 14px;}
#main_content dl dd li {margin: 0 0 10px 20px; list-style-type: disc;}

#bottom_content .resList {
	margin: 0; padding: 0;
}
#bottom_content .res_link {
	margin: 10px 0;
}
#bottom_content .resBox {
	display: inline-block;
	width: 100%;
	background-size: cover;
	border-radius: 4px;
	overflow: hidden;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	color: #fff;
	text-align: left;
	position: relative;
}
#bottom_content .resTime {
	position: absolute;
	top: 8px;
	right: 0;
	padding: 1px 8px;
}

#bottom_content .resTime span {
	padding: 1px 6px;
	border-radius: 2px;
	margin: 0 2px;
	text-shadow: none;
}
#bottom_content .resTime .lunch {
	background: #fa9112;
}
#bottom_content .resTime .lunch:before {
	font-family: ikyu_restaurant;
	content: "\e965";
	display: inline-block;
	margin: 0 2px 0 0;
	vertical-align: middle;
}
#bottom_content .resTime .dinner {
	background: #397bbe;
}
#bottom_content .resTime .dinner:before {
	font-family: ikyu_restaurant;
	content: "\e964";
	font-size: 80%;
	display: inline-block;
	margin: 0 2px 0 0;
	vertical-align: middle;
}
#bottom_content .resName {
	padding: 100px 10px 10px;
	box-sizing: border-box;
	background: linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 0.9));
	font-size: 15px;
    font-weight: bold;
}
#bottom_content .resGenre {font-size: 13px;font-weight: normal;}
.content_title {font-weight: bold;text-align: center;}
.content_title_pick {
	color: #fff;
	background: #af9b65;
	border-radius: 1px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1;
	padding: 0 5px;
	vertical-align: 4px;
	margin: 0 5px 0 0;
	letter-spacing: 1px;
}

.member #top_content {line-height: 0;}
.member #main_content {margin-top: 0;}
.member #main_content .inputBox {
    height: 40px;
    padding: 5px 8px;
    font-size: 15px;
    box-shadow: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #555;
    box-sizing: border-box;
    -webkit-appearance: none;
}
.member .linkButton {
	background: #960;
	margin-top: 20px;
}

  /*==============
   1000px以上
  ===============*/
@media screen and (min-width : 768px) {
.sp {display: none;}
.pc {display: block;}

#head,#top_content {
	text-align:left;
	width:1000px;
	margin:0 auto;
}

#res_wrapper #header_top,
.des_breadcrumb {
	font-size: 11px;
}

/* top_content */
#top_content .subText {
	text-align: center; 
	padding: 35px 0 20px;
}

/* LinkBtn */
.linkBox a:hover {
	opacity: 0.7;
}

/* main_content */
#main_content {
	margin-top: 30px;
}

#main_content .inner {
	width: 1000px;
	padding: 50px 0 40px;
}

#main_content .info {
	margin-bottom: 25px;
}

#main_content dl {
    padding: 20px 20px 20px 40px;
    text-align: left;
    display: flex;
}

/* bottom_content */
#bottom_content .inner {
	width: 1000px;
	padding: 50px 0 0;
}

#bottom_content .resList {
	text-align: left;
	margin-bottom: 15px;
}

#bottom_content .resList a:hover {
	opacity: 0.7;
}

#bottom_content .resBox {
	max-width: 320px;
	margin: 5px;
}
#bottom_content .resTime {
	font-size: 11px;
}

/* content_title */
.content_title {
	font-size: 22px;
	margin-bottom: 30px;
    margin-top: 0;
}

/* reserve用 */
#head_p {
	width:100%;
	text-align:center;
	margin:0 auto;
	background-repeat: no-repeat;
}

#main_content2 {
	margin:0 auto;
}

.hd2_img {
	width:100%;
	max-width:600px;
	text-align:center;
	margin:0 auto;
}

#main_content2 div.box1{
	padding:15px;
	text-align:center;
}

#main_content2 p.at{
	padding:15px;
	text-align:left;
	background-color: #f7eaf5;
}

/* ?????? */
.member #main_content {
	padding: 50px 0;
}

.member #main_content .inputBox {
    width: 150px;
}

.member .linkButton:hover {
	opacity: 0.7;
}
}

  /*==============
   750px以下
  ===============*/
@media screen and (max-width : 767px) {
.sp {display: block;}
.pc {display: none;}

.des_breadcrumb {display:none;}

img { max-width : 100%}

#head {
	text-align: center;
    width: 100%;
    margin: 0 auto;
    background: #c0b28b;
    height: 36px;
}

#head .logo {
	margin-top: 5px;
    fill: #fff;
}

/* top_content */
#top_content .subTitle {
	font-size: 21px;
	font-family: serif;
	font-weight: bold;
	margin: 25px 0 15px;
}
#top_content .subText {
	text-align: left; 
	padding: 0 10px;
	font-size: 14px;
}

/* LinkBtn */

/* content_title */
.content_title {
	font-size: 17px;
	margin-bottom: 20px;
    margin-top: 0;
}

/* main_content */
#main_content {
	margin-top: 10px;
}

#main_content .inner {
	width: 90%;
	padding: 30px 0 10px;
}

#main_content .info {
	margin-bottom: 10px;
}

#main_content dl {
	margin: 0;
	padding: 15px 10px;
}

#main_content dl dt {
	margin-bottom: 10px;
}

/* bottom_content */
#bottom_content .inner {
	width: 90%;
	padding: 30px 0 0;
}

#bottom_content .resBox:not(:last-child) {
	margin-bottom: 10px;
}

#bottom_content .resTime {
	font-size: 10px;
}

/* reserve用 */
#head_p {
	width:100%;
	text-align:center;
	margin:0 auto;
	background-repeat: no-repeat;
}

#main_content2 {
	margin:0 auto;
}

#main_content2 div.box1{
	padding:15px;
	text-align:center;
}

#main_content2 p.at{
	padding:15px;
	text-align:left;
	background-color: #f7eaf5;
}

#main_content2 a.btn{
	background:#fff;
	color:#333;
	font-size:100%;
	font-weight:normal;
	border:1px solid #6b92ab;
	padding:8px;
	text-decoration:none;
	border-radius:6px;
}

#main_content2 a.btn:hover{
	background:#c6e2f4;
}

.inputButton {
	display: block;
	margin: 15px auto 0;
	padding: 10px 40px;
}

/* ?????? */
.member #main_content {
	padding: 30px 0;
}

.member #main_content .inputBox {
    width: 250px;
}

.member #main_content .attention {
	text-align: left;
	padding: 0 10px;
	margin-bottom: 25px;
}

.member .linkButton {
	width: 90%;
	font-size: 15px;
}
}


/*************************
		page top
***************************/

#page-top{
	height:30px;
	display:none;
	position:fixed;
	right:16px;
	bottom:40px;
}
 
#page-top span{
	margin:0;
	padding:10px 20px;
	text-align:center;
	background:#c0b28b;
	border-radius:5px;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
 
#page-top span:hover{
	opacity:0.7;
}
 
#move-page-top{
	color:#fff;
	text-decoration:none;
	display:block;
	cursor:pointer;
	font-size:25px;
}

#foot{
    width: 100%;
    margin: 0 auto;
    padding: 15px 0;
	border-top: solid 1px #e0e0e0;
    color: #888;
	font-size: 12px;
	margin-top: 20px;
}

.member #foot{
	margin-top: 0;
}
