@charset "Shift_JIS";

html {
  margin: 0;
  padding: 0;
  font-size: 62.5%;
}

body {
  font-family: "僸儔僊僲妏僑 ProN W3", "Hiragino Kaku Gothic ProN", "儊僀儕僆", "Meiryo", "verdana", sans-serif;
  font-size: 1.6rem;
  line-height: 2.1;
  color: #797e81;
  margin: 0;
  padding: 0;
  text-align: center;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  margin: 0;
  padding: 0;
}

ul {
  margin: 0;
  padding: 0;
}

ul li {
  list-style: none;
}

a img:hover {
  opacity: 0.5 ;
}

header{
  width: 100%;
  margin: 0;
  padding: 0;
}

.top {
  margin: 0 auto;
  padding: 3px 0;
  font-size: 1.8rem;
  text-align: center;
  background-color: #FF0000;
  color: #fff;
  font-weight: 600;
}

.top span {
  font-size: 1.2rem;
}

.head {
  width: 1200px;
  margin: 0 auto;
}

.inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    line-height: 0.5em;
}

.logo {
  margin-top: 20px;
}

.logo p {
  font-weight: bold;
  color: #000;
  text-align: left;
  margin-left: 5px;
}

.nav {
  margin-top: 5px;
}

.nav li {
  display: inline-block;
  color: #df5656;
  font-weight: 600;
  line-height: 50px;
}

.nav li a {
  color: #df5656;
}

.nav li a:hover {
  opacity: 0.5 ;
}

.nav li.orange a {
  color: #fb8201;
}

.nav li img {
  width: 30px;
  margin-right: 5px;
  vertical-align: middle;
}

.nav span {
  margin-bottom: 20px;
}

.shopyear img {
  width: 750px;
}

.event {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.event_banner{
  width: 33.333%;
}

.event_banner img {
  width: 395px;
}

/* 嘆儊僯儏乕儃僞儞偺僗僞僀儖 */
.menu {
  display: flex;
  position: relative;
  width: 1200px;
}
.menu_list {
  width: 120px;
}

.menu_list img {
  width: 37px;
  padding: 0 5px 0 0;
}

.menu_list > a {
  border-right: 1px solid #000;
  display: flex;
  padding: 5px;
  text-align: center;
  transition: .3s;
  font-size: 1.4rem;
  color: #000;
  font-weight: bold;
  text-align: center;
  line-height: 1.4rem;
  font-family:"僸儔僊僲娵僑 Pro W4","僸儔僊僲娵僑 Pro","Hiragino Maru Gothic Pro","僸儔僊僲妏僑 Pro W3","Hiragino Kaku Gothic Pro","HG娵恨集窶-PRO","HGMaruGothicMPRO";
}

.menu_list:first-child {
  border-left: 1px solid #000;
}

.menu_list span {
  padding: 8px 0 0 5px;
}

.menu .menu_list > a:hover {

}

/* 嘇儊僈儊僯儏乕偺僗僞僀儖 */
.menu_contents {
  background: #fb8201;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 1200px;
  margin: 0 auto;
  z-index: 10000;
  padding: 10px 0;
}
.menu_contents li {
  display: inline-block;
  width: 240px;
  color: #fff;
  font-family:"僸儔僊僲娵僑 Pro W4","僸儔僊僲娵僑 Pro","Hiragino Maru Gothic Pro","僸儔僊僲妏僑 Pro W3","Hiragino Kaku Gothic Pro","HG娵恨集窶-PRO","HGMaruGothicMPRO";
  font-size: 1.4rem;
  padding: 5px 0;
  font-weight: bold;
}

.menu_contents li:hover {
  color: #fb8201;
  background-color: #ffe2b2;
}

.reco_title {
  text-align: left;
  border-bottom: 2px dotted #fb8201;
  display: flex;
  line-height: 1.8rem;
  padding: 5px 0 0 0;
}

.reco_title_img {
  padding: 0 10px 0 0;
}

.reco_title_name {
  font-weight: bold;
  color: #fb8201;
  font-size: 2rem;
  font-family:"僸儔僊僲娵僑 Pro W4","僸儔僊僲娵僑 Pro","Hiragino Maru Gothic Pro","僸儔僊僲妏僑 Pro W3","Hiragino Kaku Gothic Pro","HG娵恨集窶-PRO","HGMaruGothicMPRO";
  padding: 5px 0 0 0;
}

.topic_item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 5px 0;
}

.topic_item li {
  width: 300px;
  line-height: 2rem;
  color: #fb8201;
  text-align: left;
}

.topic_item li a {
  color: #000;
  font-size: 1.2rem;
  margin-left: -3px;
}

.topic_item li a:hover {
  color: #fb8201;
}

.slider {
  margin: 5px auto;
}

.multiple {
  padding: 0;
}
.multiple img {
  width: 285px;
  margin: 0;
}

.multiple div {
  margin: 0 5px;
}

.multiple div p {
  margin: 0;
  padding: 0;
}

.multiple a {
  font-size: 1.2rem;
  color: #000;
}

.multiple div a:hover {
  color: #fb8201;
}

.multiple .slick-next {
  right: 17px;
  z-index: 100;
  color: #000;
}
.multiple .slick-prev {
  left: 23px;
  z-index: 100;
}

.seach {
  width: 100%;
  background-color: #ffe2b2;
}

.seach_area {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#sample2_1 {
 padding:10px;
 margin-bottom:10px;
}
#sample2_1 .text {
 width:400px;
 height:35px;
 border:2px solid #ff6300;
 border-radius:20px;
 text-indent:10px;
 margin-right:5px;

}
#sample2_1 .btn {
 float:left;
}

#sample2_1 input {
 float:left;
 height:40px;
 border:2px solid #ff6300;
 text-indent:10px;
 margin-right:0px;
}
#sample2_1 select {
 float:left;
 height:40px;
 border:2px solid #ff6300;
 text-indent:10px;
 margin-right:5px;
 background-color:#ff6300;
 color:#fff;
}
#sample2_1 .text1 {
 width:400px;
 height: 40px;
}

#sample2_1 .select1 {
 width:120px;
 text-indent:5px;
 height: 45px;
}

#sample2_1 .btn {
 margin-right: 0;
 width:115px;
 height:45px;
 float:left;
 border:none;
 background-color:#ff6300;
 color: #fff;
}

.info {
  margin: 5px 0;
}

/* 廳梫側偍抦傜偣 */
.news_area{
  width: 520px;
  margin: 0;
  display: flex;
  border:1px solid #bf0000;
  border-radius: 10px;
}
.news_area dt{
  width: 100px;
  margin: 0;
  padding: 10px 0;
  background-color: #bf0000;
  color:#ffffff;
  font-size: 1.2rem;
  font-weight:bold;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.news_area dd{
  width: 420px;
  margin: 0;
  padding: 10px 0;
  background-color: #fff;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.news_area dd li {
  font-size: 0.6rem;
}

@-moz-document url-prefix() {
  .news_area dd li {
    font-size: 1.0rem;
  }
}

.news_area dd li a{
  color: #0000FF;
  text-decoration: underline;
}

span.date {
  padding: 0 5px;
}
/* //廳梫側偍抦傜偣 */

main {
  width: 1200px;
  margin: 0 auto;
  padding: 10px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.left_bannar li {
	padding: 0 0 10px 0;
	text-align: center;
}

.left_bannar li a{
	font-size: 0.8rem;
	color: #000;
	margin: 0;
	line-height: 1.2rem;
}

.left_bannar li a:hover {
	color: #fb8201;
	list-style: inherit;
}

.left_menu {
  width: 200px;
  padding: 0;
  margin: 0;
}

.left_menu li {
  border: 1px solid #ccc;
  padding: 10px 5px 0px 0;
  color: #000;
  text-align: left;
  height: 20px;
}

.left_menu li span {
  padding: 0 5px 15px 10px;
}

.left_menu li:hover {
  background-color: #ffefe6;
}

.left_menu li a {
  color: #000;
}

.left_menu li.menu_title {
  background-color: #ff6300;
  border: 0;
  color: #fff;
  font-weight: bold;
  font-size: 1.5rem;
  padding: 15px 0 0 0;
  text-align: center;
  height: 25px;
}

.left_menu li.menu_cate {
  background-color: #ffe2b2;
  border: 0;
  display: flex;
  margin: 0;
  padding: 0;
  height: 30px;
}

.menu_cate_img img{
  margin: 0;
  padding: 0 0 0 10px;
  width: 30px;
}

.menu_cate_name {
  margin: 0;
  padding: 10px 0 0 10px;
  color: #ff6300;
  font-size: 120%;
  font-weight: bold;
}

.fa-angle-right {
  color: #ff6300;
  font-size: 1.6rem;
  float: right;
}

li.calendar {
  height: 380px;
}

li.calendar:hover {
  background-color: #fff;
}

.message {
  padding: 0 10px;
}

.message p {
  font-size: 1.2rem;
  line-height: 1.6rem;
}

p.red {
  color: #E60012;
  line-height: 0.4rem;
}

p.blue {
  color: #00A0E9;
  line-height: 0.4rem;
}

main.right {
  width: 870px;
}

.flex_event h1{
  font-size: 1.8rem;
  text-align: left;
  font-family:"僸儔僊僲娵僑 Pro W4","僸儔僊僲娵僑 Pro","Hiragino Maru Gothic Pro","僸儔僊僲妏僑 Pro W3","Hiragino Kaku Gothic Pro","HG娵恨集窶-PRO","HGMaruGothicMPRO";
  padding: 3px 0;
  color: #494949;/*暥帤怓*/
}

.right_bannar {
  width: 870px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.right_event {
  width: 435px;
}

.right_event img {
  width: 425px;
}

.ranking {
  margin: 0 auto;
  padding: 50px 0;
  font-family:"僸儔僊僲娵僑 Pro W4","僸儔僊僲娵僑 Pro","Hiragino Maru Gothic Pro","僸儔僊僲妏僑 Pro W3","Hiragino Kaku Gothic Pro","HG娵恨集窶-PRO","HGMaruGothicMPRO";
}

.rank_title {
  border-bottom: 3px solid #ff6300;
}

h1 {
  color: #ff6300;
  font-size: 3em;
  line-height: 4rem;
  margin: 0;
  padding: 0;
}

.ranking p {
  font-size: 1.8rem;
  line-height: 1.8rem;
  font-weight: bold;
}

.topics {
  margin: 0 auto;
  padding: 0;
  font-family:"僸儔僊僲娵僑 Pro W4","僸儔僊僲娵僑 Pro","Hiragino Maru Gothic Pro","僸儔僊僲妏僑 Pro W3","Hiragino Kaku Gothic Pro","HG娵恨集窶-PRO","HGMaruGothicMPRO";
}

.topics_title {
  border-bottom: 3px solid #ff6300;
}

.topics p {
  font-size: 1.8rem;
  line-height: 1.8rem;
  font-weight: bold;
}

.pickup {
  margin: 0 auto;
  padding: 50px 0;
  font-family:"僸儔僊僲娵僑 Pro W4","僸儔僊僲娵僑 Pro","Hiragino Maru Gothic Pro","僸儔僊僲妏僑 Pro W3","Hiragino Kaku Gothic Pro","HG娵恨集窶-PRO","HGMaruGothicMPRO";
}

.pickup_title {
  border-bottom: 3px solid #ff6300;
}

.pickup p {
  font-size: 1.8rem;
  line-height: 1.8rem;
  font-weight: bold;
}