@charset "UTF-8";

body {
 font-family:sans-serif;
 line-height:1.5;
 color:#333;
  }

/* link */

a,#menu{-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

a:link {
  color:#333;
  text-decoration:underline;
  }
  
a:visited { 
  color:#333;
  text-decoration:underline;
  }

.sml{
 font-size:10px;
}
.note{
 text-indent:-1em;
 margin-left:1em;
}

.alCenter {	text-align:center;}
.alLeft{text-align:left;}
.alightR{ text-align:right;}

strong{ -webkit-text-stroke: 0.4px;}


/* header */
header {
	width:100%;
 height:45px;
 background-color:#fcd6e3;
 position:fixed;
 z-index:100;
}
header h1 {
 font-size:0.6rem;
 padding:10px 0 0 10px;
 color:#666;
 -webkit-text-stroke: 0.3px ;
}
header #btnMenu{
 width:26px;
 height:27px;
 background-image:url(../images/btn_menu.png);
 background-repeat:no-repeat;
 background-position:0 0;
 background-size:100% auto;
 position:absolute;
 top:10px;
 right:10px;
 z-index:100;
}
header #btnMenu.open{
 background-position:0 -27px;
}
header #btnMenu span{
 display:none;
}

header nav#menu{
 width:260px;
 height:415px;
 background-color:#fcd6e3;
 position:absolute;
 top:45px;
 right:0;
 display:none;
}
header nav#menu ul{
 padding:22px 0 0 12px;
}
header nav#menu ul li{
 margin-bottom:16px;
 position:relative;
}
header nav#menu ul li a.soon:after,
header nav#menu ul li a.active:after{
 content:"";
 display:block;
 width:33px;
 height:33px;
 background-repeat:no-repeat;
 background-size:100%;
 position:absolute;
 top:-4px;
 right:13px;
 z-index:105;
}
header nav#menu ul li:nth-child(5) a.soon:after{
 background-image:url(../images/seal_soon01.png);
}
header nav#menu ul li:nth-child(5) a.active:after{
 background-image:url(../images/seal_pdf.png);
}
header nav#menu ul li:nth-child(6) a.soon:after{
 background-image:url(../images/seal_soon02.png);
}
header nav#menu ul li:nth-child(6) a.active:after{
 background-image:url(../images/seal_click01.png);
}
header nav#menu ul li:nth-child(7) a.soon:after{
 background-image:url(../images/seal_soon03.png);
}
header nav#menu ul li:nth-child(7) a.active:after{
 background-image:url(../images/seal_click02.png);
}


/* container */
#container {
  width:100%;
  padding-top:45px;
  margin:0 auto;
}

#contents > *{
 background-size:3px auto;
 position:relative;
 z-index:1;
}
#contents > section{
 width:100%;
 padding:28px 0 24px 0;
}
#contents h3{
 margin-bottom:20px;
}
#contents > section .box{
 width:93.6%;
 padding:0 3.2%;
}
#contents table{ width:100%;}
#contents table th,
#contents table td{
 text-align:left;
 vertical-align:top;
 padding:5px 0;
}
#contents table th{
 -webkit-text-stroke: 0.4px ;
 margin-right:5px;
}


#main{
 background-image:url(../images/bg_main.gif);
 padding-top:16px;
}
#main h2{
 margin-bottom:12px;
}
#main ul#link{
 display:table;
 width:100%;
}
#main ul#link li{
 display:table-cell;
 width:33.3%;
}
#main ul#sns{
 width:54px;
 position:absolute;
 top:7px;
 right:10px;
 font-size:0;
}
#main ul#sns li{
 display:inline-block;
}
#main ul#sns li:first-child{
 margin-right:7px;
}
#main #hourse{
 width:100%;
 margin-top:18px;
}
#main #hourse img{
 position:relative;
 top:2px;
}


#tour{
 background-image:url(../images/bg_tour.gif);
}
#tour p img{
 float:right;
 margin:0 -8px 10px 10px;
}
#tour p strong{
 color:#c77ab0;
}
#tour table th{
 width:32%;
 color:#c77ab0;
}
#tour table td{
 width:68%;
}
#tour table+p{
 margin-top:10px;
 background-color:#fff;
 border-radius:6px;
 padding:6px;
 color:#ee7f93;
 font-size:86%;
 -webkit-text-stroke: 0.2px ;
}


#spot{
 background-image:url(../images/bg_spot.gif);
}
#spot dl{
 width:100%;
 margin:15px 0;
}
#spot dl dt,
#spot dl dd{
 float:right;
 width:47%;
 padding-left:3%;
}
#spot dl dt{
 margin-bottom:7px;
}
#spot dl dt+dd{
 clear:both;
}
#spot dl dd.img{
 float:left;
 width:50%;
 padding-left:0;
}
#spot dl dd em{
 font-style:normal;
 -webkit-text-stroke: 0.4px ;
 color:#fa91b3;
 letter-spacing:0.8em;
}
#spot dl:nth-of-type(1) dd.img{
 margin-top:-23px;
}
#spot dl:nth-of-type(2) dd.img{
 margin-top:-49px;
}
#spot dl dd.img p.sml{
 font-size:65%;
 margin-top:5px;
 margin-left:1em;
 text-indent:-1em;
 padding-left:5px;
}
#spot .option img{
 display:block;
 margin-top:10px;
}
#spot .option img:first-child+p{
 margin-top:-1.5em;
}
#spot .option p#choco{
 background-color:#fff;
 margin-bottom:20px;
 padding:10px;
 font-size:90%;
 position:relative;
}
#spot .option p#choco strong{
 color:#f19cb7;
}
#spot .option p#choco img{
 margin:-0.2em 0 1em 0;
}
#spot .option p#choco span.sml{
 display:block;
 font-size:80%;
}
#spot .option p.sml{
 font-size:80%;
 margin-left:1em;
 text-indent:-1em;
}
#spot .option p:nth-of-type(2){
 margin-top:1em;
}


#garden{
 background-image:url(../images/bg_garden.gif);
}
#garden h4{
 margin-bottom:6px;
}
#garden #kitchen{
 position:relative;
}
#garden #kitchen h4,
#garden #kitchen h4+p,
#garden #kitchen table{
 width:58%;
}
#garden #kitchen table th{
 color:#c5a969;
 padding-right:10px;
}
#garden #kitchen table td{
}
#garden #kitchen table+img{
 position:absolute;
 top:0;
 right:5px;
}
#garden #kitchen ul{
 margin:15px 0;
 width:100%;
}
#garden #kitchen ul li{
 float:left;
}
#garden #kitchen ul li:nth-of-type(1){
 width:59%;/*354px (177px)*/
}
#garden #kitchen ul li:nth-of-type(2){
 width:41%;/*246px (123px)*/
}
#garden #kitchen ul li > div,
#garden #kitchen ul li > p{
 width:100%;
}
#garden #kitchen ul li:nth-of-type(1) > p{
 position:relative;
 left:20%;
}
#garden #kitchen ul li:nth-of-type(2) > p{
 position:relative;
 left:5%;
}
#garden #kitchen ul#may23 li:nth-of-type(1) > p{
 left:29%;
}
#garden #kitchen ul#may24 li:nth-of-type(1) > p{
 left:27%;
}
#garden #kitchen ul#may30 li:nth-of-type(1) > p{
 left:27%;
}
#garden #kitchen ul#may31 li:nth-of-type(1) > p{
 left:24%;
}

#garden #wshop{
 margin-top:15px;
 background-image:url(../images/line01.png);
 background-repeat:no-repeat;
 background-position:center top;
 background-size:300px auto;
 padding-top:20px;
 position:relative;
}
#garden #wshop p+img{
 position:absolute;
 top:15px;
 right:5px;
}
#garden #wshop table{
 font-size:90%;
 margin:30px 0 15px 0;
}
#garden #wshop table th{
 width:30%;
 padding-right:10px;
 color:#c5a969;
}
#garden #wshop table td{
 width:70%;
}

#garden #kitchen ul li > p{
 font-size:90%;
 margin-top:5px;
}
#garden #kitchen ul li > p img{
 display:block;
 margin-top:5px;
}


#lottery{
 background-image:url(../images/bg_lottery.gif);
}
#lottery h3+p{
 margin-bottom:10px;
}
#lottery h3+p strong{
 color:#72c4c4;
}
#lottery ul#goods{
 background:url(../images/bg_goods.png);
 background-size:15px auto;
 margin:15px 0;
 padding:10px 10px 30px 10px;
 position:relative;
}
#lottery ul#goods li{
 margin-top:15px;
}
#lottery ul#goods li:first-child{
 margin-top:0;
 text-align:center;
}
#lottery ul#goods li p{
 margin-top:6px;
 clear:both;
}
#lottery ul#goods li:nth-child(2) > div{
 width:50%;
 float:left;
}
#lottery ul#goods li:nth-child(2) > div p{
 width:75%;
 padding-left:25%;
}
#lottery ul#goods li p img{
 float:left;
 margin:0 5px 5px 0;
 position:relative;
 top:-5px;
}
#lottery ul#goods li#image{
 position:absolute;
 right:5px;
 bottom:10px;
}
#lottery ul#goods li#image p{
 font-size:70%;
}
#lottery table{
 font-size:90%;
}
#lottery table th{
 width:30%;
 color:#72c4c4;
 padding-right:10px;
}
#lottery table td{
 width:70%;
}
#lottery table td .note{
 font-size:75%;
}


#contents > section#tokyo100,
#contents > section#snap,
#contents > section#sakaba{
 padding:6% 0 7% 0;
 text-align:center;
}
#contents section#tokyo100 h3,
#contents section#snap h3{
 margin-bottom:0;
}
#contents section#sakaba h3{
 margin-bottom:10px;
}

#tokyo100{
 background-image:url(../images/bg_100koto.gif);
 background-size:3px auto;
}

#snap{
 background:url(../images/img_snap.jpg) no-repeat;
 background-size:100% auto;
}

#sakaba{
 background:url(../images/img_sakaba.png) no-repeat;
 background-size:100% auto;
 background-color:#343546;
}


footer{
 min-height:140px;
 padding-bottom:20px;
 background-image:url(../images/bg_footer.gif);
 background-size:3px auto;
 text-align:center;
 color:#000;
 font-size:80%;
 line-height:1.4;
}
footer #logo{
 margin:22px 0 14px 0;
}

/*clearfix start*/
.clearfix:after {
	content:".";
	height:0;
	font-size:0.1em;
	clear:both;
	display:block;
	visibility:hidden;
	line-height:0;
	display:table;
}
/*clearfix end*/