@charset "UTF-8";
/* Setsubun.css */

img {
	max-width: 100%;
	height: auto;
}

.sp_none { display: inherit !important;}
.pc_none { display: none !important; }


/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#SetsubunNavi,
#SetsubunNavi .area,
#SetsubunNavi .Setsubun-gurmet,
#SetsubunNavi02,
#SetsubunNavi02 .area,
#SetsubunNavi02 .Setsubun-gurmet,
ul.Setsubunlist01 li,
.triviaIn {
	display: block;
	min-height: 1%;
}
.clearfix:after,
#SetsubunNavi:after,
#SetsubunNavi .area:after,
#SetsubunNavi .Setsubun-gurmet:after,
#SetsubunNavi02:after,
#SetsubunNavi02 .area:after,
#SetsubunNavi02 .Setsubun-gurmet:after,
ul.Setsubunlist01 li:after,
.triviaIn:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #SetsubunNavi,
* html #SetsubunNavi .area,
* html #SetsubunNavi .Setsubun-gurmet,
* html #SetsubunNavi02,
* html #SetsubunNavi02 .area,
* html #SetsubunNavi02 .Setsubun-gurmet,
* html ul.Setsubunlist01 li,
* html.triviaIn
 {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* List
---------------------------------------------------------- */
.featuredlist #main { width: auto;}

/* SetsubunHeaderPc
---------------------------------------------------------- */

#SetsubunHeaderSp { display: none !important;}
#SetsubunHeaderSp h1 { }
#SetsubunHeaderPc {
	display: inherit !important;
    min-height: 270px;
    background-color: #F45;
}
#SetsubunHeaderPc h1 { }
.seachTitle { display: none;}
.seachTitle02 {
	display: inline;
	margin: 0 10px 0 0;
	font-size: 116%;
	line-height: 1.2;
	color: #fcc;
}

/*Navi*/
#SetsubunNavi,
#SetsubunNavi02 { margin: -30px 15px 10px 15px;}
 #SetsubunNavi .area,
 #SetsubunNavi .Setsubun-gurmet {
	 width:50%;
	 float: left;
	 text-align: center;
	 white-space: nowrap;
 }
 #SetsubunNavi02 .area {
	 width:55%;
	 float: left;
	 text-align: center;
	 white-space: nowrap;
 }
 #SetsubunNavi02 .Setsubun-gurmet {
	 width:45%;
	 float: left;
	 text-align: center;
	 white-space: nowrap;
 }
  #SetsubunNavi ul,
  #SetsubunNavi02 ul {
	  display: inline;
	  margin: 0 auto;
	  padding: 0;
	  font-size: 108%;
	  line-height: 1.2;
	  color: #fff;
	  border-right: solid 1px #fff;
	  list-style: none;
  }
   #SetsubunNavi ul li,
   #SetsubunNavi02 ul li {
       color: #fff;
	   display: inline;
	   font-size: 108%;
	   line-height: 1.2;
	   border-left: solid 1px #fff;
	   background-color: #F45;
   }
    #SetsubunNavi ul li a,
	#SetsubunNavi02 ul li a {
        margin: 0;
	    color: #fff;
	    font-weight: bold;
        text-align: center;
        text-decoration: none;
    }
	#SetsubunNavi ul li a { padding: 0 15px;}
	#SetsubunNavi02 ul li a { padding: 0 14px;}
	 #SetsubunNavi02 .area ul li:first-child { border-left: none; }
     #SetsubunNavi ul li:last-child,
	 #SetsubunNavi02 ul li:last-child { border-right: none;}

      #SetsubunNavi ul li:first-child,
      #SetsubunNavi ul li:last-child,
	  #SetsubunNavi02 ul li:first-child,
      #SetsubunNavi02 ul li:last-child { display: inline;}
       .areaNavi ul li:nth-child(3),
       .Setsubun-gurmetNavi ul li:nth-child(2), { margin-right: inherit;}

        #SetsubunNavi ul li a,
        #SetsubunNavi ul li a:visited,
		#SetsubunNavi02 ul li a,
        #SetsubunNavi02 ul li a:visited {
            color: #fff;
	        text-decoration: none;
         }
          #SetsubunNavi ul li a:hover,
          #SetsubunNavi ul li.current a,
		  #SetsubunNavi02 ul li a:hover,
          #SetsubunNavi02 ul li.current a {
              color: #fcc;
	          text-decoration: none !important;
          }

#SetsubunNavi ul li .arrow,
#SetsubunNavi ul li .arrow02,
#SetsubunNavi02 ul li .arrow { display: none;}
#eventFeatured_copy {
    margin: 20px 0 0 0;
	font-size: 108%;
	line-height: 1.6;
}
.featured_tit-icon { background:url(../images/icon.png) 0 0 no-repeat;}

#eventFeatured_copy {  }
#eventFeatured_copy .subcopy {
    margin: 20px 0 0 0;
	font-size: 108%;
	line-height: 1.6;
}


/* !color
---------------------------------------------------------- */
#featured h2.featured_tit {
	color: #fff;
	background-color: #ffaa00;
}
.sec01 { border: solid 2px #ffaa00;}
#spot-listS { border-top: solid 2px #ffaa00;}

/* areaLink */
.areaLink {
	position: absolute;
	display: inline;
	top: 6px;
	right: 15px;
	font-size: 93%;
	line-height: 1.4;
	font-weight: normal;
	color: #fdd;
}
.areaLink a:link,
.link-area {
    color: #fdd;
	text-decoration: none;
	}
.areaLink a:visited { color: #fdd; text-decoration: none;}
.areaLink a:active { color: #F45; text-decoration: none;}
.areaLink a:hover { color: #F45; text-decoration: none;}
.areaLink a.current { color: #F45;}
.areaLink span:hover { color: #F45; text-decoration: none;}
.areaLink span.area-selected { color: #F45;}



/* !Setsubunlist
---------------------------------------------------------- */
#featured.Setsubunlist { margin: 25px 0 10px 0;}
ul.Setsubunlist01 {
    width: 100%;
	margin: 20px 0;
	padding: 0;
	list-style: none;
	color: #333;
    text-decoration: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
 ul.Setsubunlist01 li {
	 clear: both;
     display: block;
     margin: 0 0 14px 0;
	 padding: 0 0 14px 0;
	 vertical-align: top;
	 border-bottom: solid 1px #b00;
 }
  ul.Setsubunlist01 li a {
      display: block;
      text-decoration: none;
   }
   ul.Setsubunlist01 li a:hover {
       opacity: 0.75;
       filter: alpha(opacity=75);
       -ms-filter: "alpha(opacity=75)";
    }
      ul.Setsubunlist01 li .depachikaImg {
	      float: left;
		  width: 26%;
		  margin: 0 3% 0 0;
	      padding: 0;
          border: solid 2px #F45;
		  text-align: center;
	      vertical-align: middle;
      }
	  ul.Setsubunlist01 li dl {
	      float: right;
	      margin: 0;
		  width: 70%;
	  }
         ul.Setsubunlist01 li dl dt.name {
             margin-bottom: 8px;
             font-size: 124%;
	         line-height: 1.4;
			 font-weight: bold;
	         color: #F45;
         }
		  ul.Setsubunlist01 li dl dt.name span { font-size: 85%;}
           ul.Setsubunlist01 li dl dd.txt01 {
		       margin-bottom: 4px;
               font-size: 108%;
               line-height: 1.6;
			   color: #333;
           }

ul.Setsubunlist01 li dl .moreBtn01 {
    display: table;
	margin: 10px 0 35px 0;
	padding: 10px 40px;
	font-size: 100%;
	line-height: 1.2;
	text-align: left;
	color: #fff;
	background-color: #F45;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6spx;
 }
 ul.Setsubunlist01 li dl .moreBtn01:hover {
     color: #fff;
	 background-color: #F45;
	 opacity: 0.75;
     filter: alpha(opacity=75);
     -ms-filter: "alpha(opacity=75)";
 }

.SetsubunlistEtc {
	 margin: 0 0 40px 0;
	 padding: 20px 15px;
	 background-color: #fee;
	 font-size: 116%;
	 text-align: left;
  }
 .SetsubunlistEtc h3 {
	  display: inline;
	  margin: 0 10px 0 0;
	  line-height: 0%;
	  font-size: 108%;
	  font-weight: bold;
	  color: #F45;
  }
  .SetsubunlistEtc p {
	 display: inline;
	 line-height: 0%;
  }

/* !SetsubunTrivia
---------------------------------------------------------- */
.SetsubunTriviaInner {
	padding: 12px 15px 2px 15px;
	border: solid 1px #ffaf00;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
.SetsubunTriviaInner .triviaIn {
    clear: both;
	display: table;
	margin: 0 0 10px 0;
}
h3.trivia_tit {
	margin: 4px 0;
	font-size: 116%;
	font-weight: bold;
	color: #FFAA00;
}
p.hyou {
	margin: 8px 0 4px 0;
	padding: 0 0 0 6px;
	font-size: 116%;
	font-weight: bold;
	border-left: 8px solid #059;
}
.SetsubunTriviaInner .triviaLeft {
    display: table-cell;
    vertical-align: middle;
	width: 280px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	text-align: center;
}
.SetsubunTriviaInner .triviaRight {
    display: table-cell;
    max-width: 350px;
	padding: 0 0 0 4%;
	font-size: 108%;
	line-height: 1.6;
}
.SetsubunTriviaInner .triviaRight h3 {
	margin: 0 0 4px 0;
	font-size: 131%;
	font-weight: bold;
	color: #F45;
}
.SetsubunTriviaInner .triviaRight02 {
	display: block;
     vertical-align: middle;
     width: 320px;
	 margin: 0 auto 15px;
	 padding: 10px 5px 10px 15px;
	 font-size: 108%;
	 line-height: 1.6;
	 text-align: center;
	 background-color: #fee;
}
.SetsubunTriviaInner .triviaRight02 p {
	margin: 0;
	padding-bottom: 0;
	font-size: 108%;
	font-weight: bold;
	line-height: 1.6;
}
.SetsubunTriviaInner .triviaRight02 p a:link {
	color: #F45;
	display: block;
}
.SetsubunTriviaInner .triviaRight02 p a:visited {
	color: #F45;
}
.SetsubunTriviaInner .triviaRight02 p a:hover {
	opacity: 0.4;
	filter: alpha(opacity=40);
	-ms-filter: "alpha(opacity=40)";
}
.SetsubunTriviaInner .triviaRight02 img {
	margin-right: 6px;
}

/* !Table
---------------------------------------------------------- */
table { }
.Yakudoshi_man {
	float: left;
}
.Yakudoshi_woman {
	float: right;
}
.Yakudoshi_man,
.Yakudoshi_woman {
	width: 48%;
	height: auto;
	margin: 10px 0 0 0;
	padding: 0;
	border: 1px #000000 solid;
}
.Yakudoshi_man th,
.Yakudoshi_woman th {
	width: 100%;
	text-align: center;
}
.Yakudoshi_man td,
.Yakudoshi_woman td {
	margin: 0;
	padding: 6px 0 4px 0;
	text-align: center;
	border-right: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
}
.Yakudoshi_man th {
	margin: 0;
	padding: 5px 0;
	font-size: 108%;
	font-weight: bold;
	color: #FFF;
	background-color: #059;
	border-bottom: 1px #000000 solid;
}
.Yakudoshi_woman th {
	margin: 0;
	padding: 5px 0;
	font-size: 108%;
	font-weight: bold;
	color: #FFF;
	background-color: #F59;
	border-bottom: 1px #000000 solid;
}
.yakudoshi_M {
	background-color: #DDEEFF;
}
.yakudoshi_W {
	background-color: #FFCCDD;
}


@media only print, screen and (max-width: 40.063em) {
/* !SP
---------------------------------------------------------- */
/* !Layout
---------------------------------------------------------- */

html { overflow-y: scroll;}
body { text-align: center;}


/* SetsubunHeaderSp
---------------------------------------------------------- */

 #featured { margin-top: 10px;}
  #SetsubunHeaderSp {
      display: inherit !important;
	  margin: 0 0 5px 0;
	  padding: 0;
	  min-height: 100px;
  }
   #SetsubunHeaderSp h1 { }
   #SetsubunHeaderSp h1 img {
       width: 100%;
       height: auto;
	   border-bottom: solid 5px #F45;
  }
#SetsubunHeaderPc { display: none !important;}
 #SetsubunHeaderPc h1 { }

  #SetsubunHeaderSp .return a {
      display: block;
	  margin: 0 0 10px 0;
	  padding: 6px 10px 10px 10px;
	  background: #F45 url(../images/txt.png) 95% 35% no-repeat;
	  background-size: 60%;
	  font-size: 108%;
	  line-height: 1.4;
	  font-weight: bold;
	  color: #fff;
 }
  #SetsubunHeaderSp .return img {
      width: 18px;
	  height: auto;
	  margin: 0 5px 3px 0;
	  vertical-align: middle;
  }

/*Navi*/
#SetsubunNavi,
#SetsubunNavi02 { margin: 10px 10px 0 10px;}
 #SetsubunNavi .area,
 #SetsubunNavi .Setsubun-grumet,
 #SetsubunNavi02 .area,
 #SetsubunNavi02 .Setsubun-grumet {
	 width: 100%;
	 float: none;
	 margin: 0 auto 20px auto;
	 padding: 0;
	 white-space: normal;
 }
 .seachTitle,
 .seachTitle02 {
	display: inherit;
	padding: 0;
	line-height: 1.4;
	font-size: 139%;
	font-weight: bold;
	text-align: center;
	color: #F45;
}
.seachTitle { margin: 0 0 10px 0;}
.seachTitle02 { margin: 0;}
  #SetsubunNavi ul,
  #SetsubunNavi02 ul {
	  display: block;
	  margin: 0 auto;
	  padding: 0;
	  font-size: 108%;
	  line-height: 1.2;
	  color: #fff;
	  border-right: none;
  }
  #SetsubunNavi ul li,
  #SetsubunNavi02 ul li  {
	   -moz-box-sizing: border-box;
	   -webkit-box-sizing: border-box;
	   box-sizing: border-box;
   }

  #SetsubunNavi .area ul li,
  #SetsubunNavi02 .area ul li  {
       float: left;
	   width: 32%;
       margin: 0 2% 0 0 ;
	   display: inherit;
	   font-size: 116%;
	   line-height: 1.2;
	   font-weight: bold;
	   color: #fff;
	   background-color: #F45;
	   border-radius: 4px;
       -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
   }
   #SetsubunNavi .Setsubun-grumet ul li,
   #SetsubunNavi02 .Setsubun-grumet ul li  {
       float: none;
	   display: inherit;
	   width: 100%;
       margin: 10px 0;
	   padding: 0 1%;
	   font-size: 116%;
	   line-height: 1.5;
	   font-weight: bold;
	   border-radius: 4px;
       -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
   }
   #SetsubunNavi02 .area ul li:first-child  { display: none;}
   #SetsubunNavi .area ul li:nth-child(3),
   #SetsubunNavi02 .area ul li:nth-child(4)   { margin-right: 0;}
   #SetsubunNavi .Setsubun-grumet ul li:first-child,
   #SetsubunNavi02 .Setsubun-grumet ul li:first-child   { border-right: none;}

#SetsubunNavi .area ul li a,
#SetsubunNavi02 .area ul li a {
    display: block;
    margin: 0;
    padding: 10px 0px;
	color: #fff;
}
#SetsubunNavi .Setsubun-grumet ul li a,
#SetsubunNavi .Setsubun-grumet ul li a:visited,
#SetsubunNavi02 .Setsubun-grumet ul li a,
#SetsubunNavi02 .Setsubun-grumet ul li a:visited  {
    display: block;
    margin: 0;
    padding: 10px 0px;
	color: #fff;
    text-align: center;
    text-decoration: none;
}
 #SetsubunNavi .area ul li  a:hover,
 #SetsubunNavi .area ul li .current a
 #SetsubunNavi02 .area ul li  a:hover,
 #SetsubunNavi02 .area ul li .current a { }

  #SetsubunNavi .area ul li .arrow,
   #SetsubunNavi02 .area ul li .arrow {
       display: inherit;
       width: 14px;
       height: 14px;
       margin: 0 auto 3px;
       background-color: transparent;
       border-right: 4px solid #fa0;
       border-bottom: 4px solid #fa0;
       transform:rotate(45deg);
	   -moz-transform:rotate(45deg);
	   -webkit-transform:rotate(45deg);
       -o-transform:rotate(45deg);
       -ms-transform:rotate(45deg);
  }

#eventFeatured_copy { display: none;}
.featured_tit-icon { background:url(../images/icon.png) 0 0 no-repeat;}

#eventFeatured_copy .subcopy { display: none;}

/* !color
---------------------------------------------------------- */
#featured h2.featured_tit { }
.sec01 { border: none;}
#spot-listS { border-top: solid 2px #F45;}

/* areaLink */
.areaLink {
    position: inherit;
	display: table;
	margin:-2px 0 10px -32px;
	padding: 0 0 5px 0;
	font-size: 100%;
	line-height: 1.4;
	font-weight: normal;
}
.areaLink a:link { }
.areaLink a:visited  { }
.areaLink a:active { }
.areaLink a:hover { }
.areaLink a.current { }
.areaLink span:hover { }
.areaLink span.area-selected  { }


/* !Setsubunlist01
---------------------------------------------------------- */
#featured.Setsubunlist { margin: 25px 0 10px 0;}
ul.Setsubunlist01 {
    width: 100%;
	margin: 20px 0;
	padding: 0 10px;
}
 ul.Setsubunlist01 li {
	 display: block;
     margin: 0 0 16px 0;
	 padding: 0 0 12px 0;
 }
  ul.Setsubunlist01 li a { }
   ul.Setsubunlist01 li a:hover{ }
      ul.Setsubunlist01 li .depachikaImg {
		  width: 35%;
		  margin: 0 3% 0 0;
	      padding: 0;
          border: solid 2px #F45;
      }
	  ul.Setsubunlist01 li dl {
	      margin: 0;
		  width: 60%;
	  }
         ul.Setsubunlist01 li dl dt.name {
              margin-bottom: 5px;
              font-size: 116%;
	          line-height: 1.4;
			  font-weight: bold;
	          color: #F45;
         }
		  ul.Setsubunlist01 li dl dt.name span { font-size: 85%;}
           ul.Setsubunlist01 li dl dd.txt01 {
		       margin-bottom: 3px;
               font-size: 100%;
               line-height: 1.6;
           }
ul.Setsubunlist01 li dl .moreBtn01 {
   width: 80%;
	margin: 10px 0 0 0;
	padding: 10px;
	font-size: 100%;
	line-height: 1.2;
	text-align: center;
 }
  ul.Setsubunlist01 li dl .moreBtn01:hover { }
  .SetsubunlistEtc {
	 margin: 0 0 40px 0;
	 padding: 20px 15px;
	 background-color: #fee;
	 font-size: 116%;
	 text-align:  center;
  }
 .SetsubunlistEtc h3 {
	  display: block;
	  margin: 0 0 10px 0;
	  line-height: 1.6;
	  font-size: 108%;
  }
  .SetsubunlistEtc p {
	 display: block;
	 line-height: 1.6;
  }

/* !SetsubunTrivia
---------------------------------------------------------- */
.SetsubunTriviaInner {
	display: block;
	width: 100%;
	padding: 12px 10px 20px 10px;
	border: none;
	}
.SetsubunTriviaInner .triviaIn {
    clear: both;
	margin: 0 0 10px 0;
}
h3.trivia_tit { }
p.hyou { }
.SetsubunTriviaInner .triviaLeft {
    display: block;
	width: 100%;
	vertical-align: middle;
	margin: 0 auto;
	padding: 0 0 4% 0;
}
.SetsubunTriviaInner .triviaRight {
    display: block;
    max-width: 100%;
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.6;
}
.SetsubunTriviaInner .triviaRight h3 { }
.SetsubunTriviaInner .triviaRight02 {
     display: block;
     width: 95%;
	 margin: 15px 0 0 0;
	 padding: 10px 10px 2px 10px;
}
.SetsubunTriviaInner .triviaRight02 p {
	margin: 0;
	padding-bottom: 8px;
	font-size: 108%;
	font-weight: bold;
	line-height: 1.6;
}
.SetsubunTriviaInner .triviaRight02 p a:link {
	color: #F45;
	display: block;
}
.SetsubunTriviaInner .triviaRight02 p a:visited {
	color: #F45;
}
.SetsubunTriviaInner .triviaRight02 p a:hover {
	opacity: 0.4;
	filter: alpha(opacity=40);
	-ms-filter: "alpha(opacity=40)";
}
.SetsubunTriviaInner .triviaRight02 img { }

/* !Table
---------------------------------------------------------- */
table { }
.Yakudoshi_man {
	float: none;
}
.Yakudoshi_woman {
	float: none;
}
.Yakudoshi_man,
.Yakudoshi_woman {
	width: 100%;
	height: auto;
	margin: 10px 0 0 0;
	padding: 0;
	border: 1px #000000 solid;
}
.Yakudoshi_man th,
.Yakudoshi_woman th {
	width: 100%;
	text-align: center;
}
.Yakudoshi_man td,
.Yakudoshi_woman td {
	margin: 0;
	padding: 6px 0 4px 0;
	text-align: center;
	border-right: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
}
.Yakudoshi_man th {
	margin: 0;
	padding: 5px 0;
	font-size: 108%;
	font-weight: bold;
	color: #FFF;
	background-color: #059;
	border-bottom: 1px #000000 solid;
}
.Yakudoshi_woman th {
	margin: 0;
	padding: 5px 0;
	font-size: 108%;
	font-weight: bold;
	color: #FFF;
	background-color: #F59;
	border-bottom: 1px #000000 solid;
}
.yakudoshi_M {
	background-color: #DDEEFF;
}
.yakudoshi_W {
	background-color: #FFCCDD;
}


}