@charset "utf-8";

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

 #container

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

#container {
}
#container section {
}

/*-----------------------------------------------
 .note
-------------------------------------------------*/

p.note {
	margin-top:20px;
	text-align:center;
}
p.note span {
	padding-top:10px;
	padding-left:35px;
	background:url(../img/menu/i_balloon.png) no-repeat 0 0;
}

/*-----------------------------------------------
 .menu
-------------------------------------------------*/

#container .menu {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#container .menu h3 {
	/*display:inline-block;*/
	width:760px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	padding:10px 0;
	text-align:center;
	font-weight:300;
	font-size:1.2rem;
	font-size:12px\9; /* for IE8 */
	/*border-left:1px solid #00283c;*/
	/*border-right:1px solid #00283c;*/
	background-color:#00283c;
	color:#FFFFFF;
}

/*-----------------------------------------------
 .boxFc
-------------------------------------------------*/

#container .boxFc {
  display:flex;
  width:760px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
}
#container .boxFc dt {
  position:relative;
  margin-right:26px;
}
#container .boxFc dt .badge {
  position:absolute;
  top:-20px;
  left:-30px;
  width:80px;
  height:80px;
  background-image:url(../img/menu/mark_nfff.png);
  background-position:left top;
  background-repeat:no-repeat;
  background-size:80px 80px;
}

/* .boxMark */

#container .boxFc .boxMark {
  padding-right:180px;
  background-image:url(../img/menu/p_nfff.jpg);
  background-position:right top;
  background-repeat:no-repeat;
}
#container .boxFc .boxMark p.nfff {
	margin-top:0;
	font-size:1.2rem;
	font-size:12px\9; /* for IE8 */
	font-weight:600;
}

/* p */

#container .boxFc p {
	line-height:140%;
}
#container .boxFc p.name {
	margin-top:15px;
	font-size:1.6rem;
	font-size:16px\9; /* for IE8 */
	font-weight:600;
}
#container .boxFc p.price {
	margin-top:10px;
	font-size:1.4rem;
	font-size:14px\9; /* for IE8 */
}
#container .boxFc p.comment {
  padding-top:20px;
	border-top:1px solid #00283c;
}

/*-----------------------------------------------
 .listPhoto
-------------------------------------------------*/

#container .listPhoto {
  display:flex;
  flex-wrap:wrap;
	width:760px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
}
#container .listPhoto li {
	position:relative;
	margin-top:30px;
	margin-left:26px;
	width:236px;
}
#container .listPhoto li.balloon:before {
	position:absolute;
	top:-15px;
	left:10px;
	content:url(../img/menu/i_balloon.png);
	z-index:2000;
}
#container .listPhoto li:nth-child(3n+1) {
	margin-left:0;
}
#container .listPhoto li:nth-child(-n+3) {
	margin-top:0;
}

/* .photo */

#container .listPhoto li .photo {
	position:relative;
}
#container .listPhoto li .photo,
#container .listPhoto li .photo img {
	line-height:0;
	font-size:0;
}
#container .listPhoto li .photo span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:176px;
	height:240px;
	line-height:180%;
	padding:30px;
	background-color:rgba(0,0,0,0.50);
	color:#fff;
	font-size:1.4rem;
	font-size:14px\9; /* for IE8 */
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
	transition: all 0.3s;
	opacity:0;
}
#container .listPhoto li .photo span.small {
	font-size:1.2rem;
	font-size:12px\9; /* for IE8 */
}
#container .listPhoto li .photo:hover span {
	opacity:1.0;
	cursor:pointer;
}

/* p */

#container .listPhoto li p {
	line-height:140%;
	text-align:center;
}
#container .listPhoto li p.name {
	margin-top:15px;
	font-size:1.4rem;
	font-size:14px\9; /* for IE8 */
	font-weight:600;
}
#container .listPhoto li p.name.en {
  font-size:1.2rem;
  font-size:12px\9; /* for IE8 */
  font-weight:400;
  font-family:Helvetica, Arial, sans-serif
}
#container .listPhoto li p.price {
	margin-top:10px;
	font-size:1.4rem;
	font-size:14px\9; /* for IE8 */
}

/*-----------------------------------------------
 .listTxt
-------------------------------------------------*/

.listTxt {
	margin-top:40px;
}
.listTxt li {
	display:table;
	width:760px;
	margin:20px auto 0 auto;
	padding-top:20px;
	border-top:1px solid #00283c;
}
.listTxt li:first-child {
	margin-top:0;
}
.listTxt li div {
	display:table-cell;
	font-size:1.4rem;
	font-size:14px\9; /* for IE8 */
}
.listTxt li .name {
	width:205px;
	padding-left:5px;
	font-weight:600;
}
.listTxt li .price {
	width:70px;
}
.listTxt li .txt {
	width:480px;
}
.listTxt li .name,
.listTxt li .price,
.listTxt li .txt {
	line-height:140%;
}
.listTxt li .name.en {
  font-size:1.2rem;
  font-size:12px\9; /* for IE8 */
  font-weight:400;
  font-family:Helvetica, Arial, sans-serif
}

/*-----------------------------------------------
 .listNonTxt
-------------------------------------------------*/

.listNonTxt {
  display:flex;
  flex-wrap:wrap;
	width:760px;
	margin:40px auto 0 auto;
}
.listNonTxt li {
	width:236px;
	margin-top:20px;
	margin-left:26px;
	padding-top:20px;
	border-top:1px solid #00283c;
  text-align:center;
}
#container .listNonTxt li:nth-child(-n+3) {
	margin-top:0;
}
#container .listNonTxt li:nth-child(3n+1) {
	margin-left:0;
}
.listNonTxt li div {
	text-align:center;
	font-size:1.4rem;
}
.listNonTxt li .name {
	font-weight:600;
}
.listNonTxt li .price,
.listNonTxt li .name.en {
	margin-top:10px;
}
.listNonTxt li .name,
.listNonTxt li .price {
	line-height:140%;
}
.listNonTxt li .name.en {
  font-size:1.2rem;
  font-weight:400;
  font-family:Helvetica, Arial, sans-serif
}
/*
.listNonTxt {
	width:760px;
	margin:40px auto 0 auto;
}
.listNonTxt li {
	float:left;
	width:236px;
	margin-top:20px;
	margin-left:26px;
	padding-top:20px;
	border-top:1px solid #00283c;
}

*/
/*+++++++++++++++++++++++++++++++++++++++++++++++*/
/* clearfix
+++++++++++++++++++++++++++++++++++++++++++++++++*/

.cf,
#container .listPhoto,
.listNonTxt {
	zoom: 1; /* for IE5.5 - IE7 */
}
.cf:after,
#container .listPhoto:after,
.listNonTxt:after {
	/* for modern browser */
  	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}