@import "base.css?250401";


p.first {
padding: 40px 0;
}

/* restaurants
------------------------------------------------------------ */
.restaurants h3 {
padding-left: 0;
background: none;
}
.restaurants #whole-map {
border: 1px solid #CCCCCC;
background: #FFFFFF;
margin-bottom: 30px;
}
.restaurants ul.restaurants-list li {
float:left;
margin: 0 10px 20px;
width: 300px;
}

/* each-restaurant */
.restaurants #restaurants-main {
position:relative;
}
.restaurants img.gallery-btn {
position:absolute;
top:240px;
left:780px;
}
.restaurants img.english-btn {
position:absolute;
top:240px;
left:600px;
}

.restaurants #gallery {
display: none;
}

.restaurants #plan,
.restaurants #menu,
.restaurants #topics,
.restaurants #information {
margin-top: 30px;
}



.restaurants #plan ul.planmenu li {
float:left;
border: 1px solid #CCCCCC;
border-bottom: none;
margin-right: 3px;
padding: 10px 25px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
}
.restaurants #plan ul.planmenu li.display {
background: #CCCCCC;
}
.restaurants #plan ul.detail {
clear: both;
border: 5px solid #CCCCCC;
width: 950px;
margin-bottom: 30px;
}
.restaurants #plan ul.detail li {
float: left;
border-right: 1px solid #CCCCCC;
width: 276px;
padding: 20px;
text-align: center;
}
.restaurants #plan  ul.detail li:nth-child( 3 ) {
border-right: none;
}
.restaurants #plan ul.detail h2 {
font-size: 120%;
color:#FF9900;
}
.restaurants #plan ul.detail img {
margin: 5px;
}
.restaurants #plan ul.detail table {
width: 100%;
margin-bottom: 10px;
}




.restaurants #menu dl {
float: left;
margin-bottom: 30px;
}
.restaurants #menu dt {
float: left;
margin-right: 50px;
}
.restaurants #menu dd {
float: left;
padding: 30px 0 30px 30px;
background: #EEEEDD;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.restaurants #menu div.menu {
float: left;
margin-bottom: 10px;
}
.restaurants #menu li {
float: left;
margin: 0 28px 0 0;
padding: 0;
}
.restaurants #menu li img {
border: 1px solid #CCCCCC;
}
.restaurants #menu h4 {
clear: both;
color:#009900;
}
.restaurants #menu p.lr {
clear:both;
}
.restaurants #topics {
padding-bottom: 20px;
}
.restaurants #topics li {
border: 1px solid #CCCCCC;
background: #FFFFFF;
padding: 19px;
margin: 0 0 30px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.restaurants #topics li h2 {
padding-left: 15px;
background: url(../img/pic03.gif) left center no-repeat;
color: #009900;
font-size: 120%;
}
.restaurants #intro li h2 {
color: #FF9300;
font-size: 120%;
}
.restaurants #intro li {
padding: 0 20px 20px;
}
.restaurants #information {
margin-bottom: 30px;
background: #F0F0FF;
}
.restaurants #information h2 {
background: #3366FF;
color:#FFFFFF;
padding: 3px 10px;
}
.restaurants #information table {
float:left;
margin: 15px;
width: 550px;
}
.restaurants #information th {
font-weight:normal;
}
.restaurants #information td.others {
padding: 20px 10px;
border-bottom: none;
}
.restaurants #information table.openTime {
float: none;
margin: 0 0 0 -1em;
padding: 0;
width: auto;
}
.restaurants #information table.openTime td {
border: none;
margin: 0;
padding: 0 5px;
}
.restaurants #information span.paypay {
display: block;
padding: 2px 0 3px 125px;
background: url("../img/paypay-logo.png") left center no-repeat;
}
.restaurants #information span.wolt {
display: block;
padding: 2px 0 3px 125px;
background: url("../img/wolt-logo.png") left center no-repeat;
}
.restaurants #information span.ubereats {
display: block;
padding: 2px 0 3px 125px;
background: url("../img/ubereats-logo.png") left center no-repeat;
}
.restaurants #information span.foodpanda {
display: block;
padding: 2px 0 3px 125px;
background: url("../img/foodpanda-logo.png") left center no-repeat;
}
.restaurants #information iframe {
float:right;
margin: 15px;
}


.restaurants #menupage h2 {
color: #FF9300;
font-size: 120%;
margin-top: 30px;
}
.restaurants #menupage .menu {
clear:both;
}
.restaurants #menupage dl {
float:left;
margin: 5px;
}
.restaurants #menupage dl.b1 {
background:#eeeeee;
}
.restaurants #menupage dl.b2 {
background:#dddddd;
}
.restaurants #menupage dl dt,.restaurants #menupage dl dd {
float:left;
padding: 5px;
}
.restaurants #menupage dl dt {
width: 330px;
text-align: left;
}
.restaurants #menupage dl dt.middle {
width: 460px;
}
.restaurants #menupage dl dt.long {
width: 940px;
}

.restaurants #menupage dl dd {
width: 120px;
text-align: right;
}


/* dessert
------------------------------------------------------------ */
.dessert #other {
padding: 5px;
background: #efefef;
}
.dessert #other li {
float:left;
padding: 0 15px;
background: url(../img/pic02.gif) left center no-repeat;
}
.dessert #other p {
float:left;
padding-right: 15px;
}

.dessert h3 {
padding-left: 0;
background: none;
}
.dessert h4 {
text-align:center;
margin-bottom: 15px;
font-size: 125%;
color:#996600;
}
.dessert #recomment {
margin-bottom: 20px;
padding: 20px 0;
background: #ffffff;
border: 1px solid #CCCCCC;
}

.dessert #recomment li {
float: left;
width: 280px;
padding: 0 18px 20px;
}
.dessert #recomment li img {
float: left;
margin-right: 15px;
}
.dessert #recomment li h3 {
clear: none;
}
.dessert #recomment li.main {
text-align: center;
}
.dessert #recomment li.main img {
float: none;
margin: 0;
}
.dessert #recomment li.main p {
text-align:left;
}

.dessert #enquiries {
clear:both;
border: 1px solid #CCCCCC;
background: #FFFFFF;
}
.dessert #enquiries table {
margin: 30px 100px;
width: 760px;
}
.dessert #enquiries table th {
text-align: left;
}

.dessert #plan ul.planmenu li {
float:left;
border: 1px solid #CCCCCC;
border-bottom: none;
margin-right: 3px;
padding: 10px 25px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
}
.dessert #plan ul.planmenu li.display {
background: #CCCCCC;
}
.dessert #plan ul.detail {
clear: both;
border: 5px solid #CCCCCC;
width: 950px;
margin-bottom: 30px;
}
.dessert #plan ul.detail li {
float: left;
border-right: 1px solid #CCCCCC;
width: 276px;
padding: 20px;
text-align: center;
}
.dessert #plan  ul.detail li.last {
border-right: none;
}
.dessert #plan ul.detail h2 {
font-size: 120%;
color:#FF9900;
}
.dessert #plan ul.detail img {
margin: 5px;
}
.dessert #plan ul.detail table {
width: 100%;
margin-bottom: 10px;
}

.dessert #topics li {
background: url(../dessert/img/topicsbox-bg.jpg) repeat-x #FFFFFF;
border: 1px solid #EFEFEF;
margin-bottom: 30px;
padding:14px 24px;
}
.dessert #topics li {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.dessert #topics li.left1 {
float: left;
width: 330px;
}
.dessert #topics li.right1 {
float: right;
width: 500px;
}

.dessert #topics li.left2 {
float: left;
width: 500px;
}
.dessert #topics li.right2 {
float: right;
width: 330px;
}
.dessert #shop h3 {
background: #99CCFF;
padding: 3px 10px;
color:  #FFFFFF;
}
.dessert #shop table {
float: left;
width: 100%;
margin-bottom: 30px;
background: #F0F0FF;
}
.dessert #shop th {
font-weight:normal;
}
.dessert #shop td.image {
width: 220px;
}
.dessert #shop td.intro {
width: 340px;
}
.dessert #shop b {
color: #FF9900;
}

/* dessert-detail */
.dessert-detail dl {
float:left;
width: 280px;
padding: 0 20px 20px;
text-align:center;
}
.dessert-detail h2 {
font-size: 120%;
}
.dessert-detail h2,
.dessert-detail .price,
.dessert-detail .limit {
margin-bottom: 5px;
}
.dessert-detail .copy {
text-align:left;
padding-top: 5px;
border-top: 1px dotted #CCCCCC;
}

/* new */
.dessert #new h2 {
padding: 5px;
background: #CC6633;
color:#FFFFFF;
font-weight: bold;
}
.dessert #new .limit {
color: #CC6633;
font-weight:bold;
}

/* anniversary */
.dessert #anniversary ul {
margin: 30px 0 0;
padding: 10px;
border: 1px solid #CCCCCC;
}
.dessert #anniversary li {
padding: 5px;
border-bottom: 1px dotted #CCCCCC;
}

.dessert #anniversary .meyasu {
margin: 15px 0;
padding: 10px;
background: #EFEFEF;
}
.dessert #anniversary h2 {
padding: 5px;
background: #DDDDAA;
color: #CC3300;
font-weight: bold;
}
.dessert #anniversary .limit{
color: #888844;
font-weight:bold;
}

/* standard */
.dessert #standard h2 {
padding: 5px;
background: #99CCFF;
color:#FFFFFF;
font-weight: bold;
}
.dessert #standard .limit {
color: #0099FF;
font-weight:bold;
}

/* gift */
.dessert #gift h3 {
margin-top: 30px;
}
.dessert #gift dl {
float: left;
width: 280px;
padding: 20px;
}
.dessert #gift dt {
}
.dessert #gift dd {
border-bottom: 1px dotted #0099FF;
}
.dessert #gift dd h2{
text-align:left;
color: #FF9900;
border-bottom: 1px dotted #0099FF;
}
.dessert #gift p.price{
text-align:left;
font-weight:bold;
color: #0099FF;
}
.dessert #gift table.order {
width: 100%;
border: 1px solid #999999;
}
.dessert #gift table.order th {
color: #FFFFFF;
background:#3366FF;
}
.dessert #gift table.order td {
border-bottom: 1px dotted #CCCCCC;
background:#FFFFFF;
}
.dessert #gift table.det {
width: 100%;
border: 1px solid #CCCCCC;
}
.dessert #gift table.det th {
color: #FFFFFF;
background: #CCCCCC;
}
.dessert #gift table.det th.address {
width:150px;
}
.dessert #gift table.det td {
border-bottom: 1px dotted #CCCCCC;
}
.dessert #gift table.det td.soryo {
text-align: center;
background: #FFFFCC;
border-bottom: 1px dotted #CCCCCC;
}
.dessert #gift ul.single {
clear:both;
margin: 30px 0 0;
padding: 10px;
border: 1px solid #CCCCCC;
background:#FFFFFF;
}
.dessert #gift ul.single li {
padding: 5px;
}
.dessert #gift ul.single h4 {
text-align:left;
padding: 5px;
color:#CC6600;
}
.dessert #gift ul.single h2 {
color: #FF9900;
}

/* point */
.dessert #point {
margin: 0 100px;
}
.dessert #point .yokoku {
margin: 15px 0;
padding: 10px;
background: #EFEFEF;
}
.dessert #point h3 {
margin-top: 30px;
}
.dessert #point dl {
clear:both;
padding: 20px 0 20px 18px;
background: #FFFFFF;
border: 1px solid #EFEFEF;
margin-top: 30px;
}
.dessert #point dt {
float:right;
width: 290px;
}
.dessert #point dd {
float:left;
}
.dessert #point dd h2{
text-align:left;
color: #FF9900;
border-bottom: 1px dotted #0099FF;
}

/* plan
------------------------------------------------------------ */
.plan #other {
padding: 5px;
background: #efefef;
}
.plan #other li {
float:left;
padding: 0 15px;
background: url(../img/pic02.gif) left center no-repeat;
}
.plan #other p {
float:left;
padding-right: 15px;
}
.plan h3 {
padding-left: 0;
background: none;
}
.plan #recomment {
margin-bottom: 20px;
padding: 20px 0;
background: #ffffff;
border: 1px solid #CCCCCC;
}
.plan #recomment li {
float: left;
width: 280px;
padding: 0 18px;
text-align:center;
}
.plan #recomment li p {
text-align: left;
}
.plan #list {
margin-bottom: 10px;
}
.plan #list li {
float: left;
padding: 10px 0;
width: 192px;
text-align: center;
}
.plan #list h3 {
clear:both;
margin: 30px 0 10px;
border-bottom: 1px solid #009900;
}

/* plan-detail */
.plan-detail h3 {
padding: 20px 0 20px 70px;
width: 280px;
background: left center no-repeat;
}
.plan-detail dl {
float:left;
padding: 0 20px;
text-align:center;
}
.plan-detail .enquiries {
clear:both;
margin: 10px 0;
padding: 10px;
background: #f5f5dc;
text-align:center;
}

/* cold-pasta */
.plan #cold-pasta h2 {
color: #0099FF;
}

/* glad */
.plan #glad {
margin: 30px 0;
}
.plan #glad table {
border: 1px solid #CCCCCC;
border-bottom: none;
background: #FFFFFF;
width: 100%;
}
.plan #glad p {
text-align: right;
}

/* ladies */
.plan #ladies {
margin: 30px 0;
}
.plan #ladies table {
border: 1px solid #CCCCCC;
border-bottom: none;
background: #FFFFFF;
width: 100%;
}
.plan #ladies td {
text-align:center;
}
.plan #ladies p {
text-align: right;
}


/* wedding
------------------------------------------------------------ */
.wedding p.plan,
.wedding p.enquiries {
margin-bottom: 30px;
}
.wedding p.details {
border-bottom: 1px dotted #999999;
padding-bottom: 3px;
margin-bottom: 15px;
}
.wedding h3 {
clear: none;
}

/* company
------------------------------------------------------------ */
.company h3 {
margin-top: 30px;
}
.company p {
margin-bottom: 5px;
}

.company table.outline {
width: 100%;
}
.company table.history {
width: 80%;
}
.company div.history {
padding: 30px 0;
border: 1px solid #CCCCCC;
background:#FFFFFF;
width: 80%;
}
.company table.outline th {
width: 80px;
}
.company td.map {
width: 350px;
}
.company table.officer {
border: 1px solid #cccccc;
background: #FFFFFF;
}
.company table.officer th,
.company table.officer td {
width: 150px;
text-align:center;
border: none;
}
.recruit h3 {
margin-top: 30px;
}
.rrrrecruit table {
width: 100%;
}
.recruit p.enquiries {
margin-top: 30px;
padding: 10px;
background: #ededed;
}
.sponsor h3 {
clear:both;
margin-top: 30px;
padding-left: 0;
background: none;
color: #000000;
}
.sponsor .member {
margin: 0 100px;
}
.sponsor dl {
border: 1px solid #CCCCCC;
background: #FFFFFF;
}
.sponsor dt {
position:relative;
float:left;
padding: 10px;
width: 150px;
border-right: 1px solid #CCCCCC;
text-align:center;
}
.sponsor dt img {
position: absolute;
margin-top: -25px;
top: 50%;
left: 10px;
}
.sponsor dd {
float:left;
padding: 10px;
}
.sponsor dd table th {
font-weight: normal;
}
.sponsor dd table th,
.sponsor dd table td {
border: none;
padding: 0 10px;
text-align:left;
vertical-align: top;
}



/* topics
------------------------------------------------------------ */
.topics h3.title {
background: none;
padding: 0px;
}

.topics #update ul,
.topics #information ul {
margin-bottom: 30px;
}
.topics #update li,
.topics #information li {
padding: 5px 0 5px 15px;
background: url(../img/pic02.gif) left center no-repeat;
border-bottom: 1px dashed #CCCCCC;
}
.topics farm h3 {
clear:both;
width:100px;
margin: 15px 0 5px;
}
.topics p.enquiries {
clear:both;
margin-top: 30px;
padding: 10px;
background: #ededed;
}

/* ハック
------------------------------------------------------------ */
/* フロートすると高さが無くなる件 */
.restaurants #plan ul.detail,
.restaurants #topics li,
.restaurants #information,
.restaurants #menupage .menu,
.plan #other,
.plan #recomment,
.plan #list,
.dessert #other,
.dessert #recomment,
.desserts #plan ul.detail,
.dessert-detail dl,
.dessert #gift dl,
.dessert #point dl,
.dessert #topics li,
.sponsor dl {
overflow: hidden;
}
.restaurants #plan ul.detail:after,
.restaurants #topics li:after,
.restaurants #information:after,
.restaurants #menupage .menu:after,
.plan #other:after,
.plan #recomment:after,
.plan #list:after,
.dessert #other:after,
.dessert #recomment:after,
.dessert #plan ul.detail:after,
.dessert-detail dl:after,
.dessert #gift dl:after,
.dessert #point dl:after,
.dessert #topics li:after,
.sponsor dl:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html .restaurants #plan ul.detail,
* html .restaurants #topics li,
* html .restaurants #information,
* html .restaurants #menupage .menu,
* html .plan #other,
* html .plan #recomment,
* html .plan #list,
* html .dessert #other,
* html .dessert #recomment,
* html .dessert #plan ul.detail,
* html .dessert-detail dl
* html .dessert #gift dl,
* html .dessert #point dl,
* html .dessert #topics li,
* html .sponsor dl {
height: 1em;
overflow: visible;
}
/**/
.restaurants #menu h4 {
/ font-size: 80%;
}