body{
	font-family: "Century Gothic",Verdana,Arial,sans-serif!important;
}

a {text-decoration:none;}

a:hover{
	opacity: 0.6;
	transition: all 0.6s ease;
  	-webkit-transition: all 0.6s ease;
  	-moz-transition: all 0.6s ease;
  	-o-transition: all 0.6s ease;
}

/*.swiper-pagination-bullet {
    border-radius: 5%!important;
	width:2%!important;
	height:5px;
	font-family: 'Lora', serif;
	
}*/


.top {
	background-color:#f5f4ea;
	height:20px;
	line-height:20px;
	font-size:10px;
}

.top p {
	width:1200px;
	margin:0 auto;
}

.info {
	/*width:1200px;*/
	/*height:60px;*/
	margin:0% auto;
	position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	
}

.info h1 {
	text-align:center;
	margin-top: 0%;
	clear: both;
}

/*.info .center {
	width:700px;
	margin:0 auto;
}*/

.info .center li {
	float:right;
	font-size:1.1em;
	padding:0 2%;
	border-left:1px solid #ccc;
}

.info .center li:first-child {
	padding-right:0;
}

.info .center li:last-child {
	padding-left:0;
	border-left:none;
}

.info .center li a {
	text-decoration:none;
	color:#19222b;
}



.navi {
	clear:both;
	background-color:#ccc;
}

.navi ul {
	height:60px;
	text-align:center;
}

.navi li {
	display:inline-block;
	padding:0 10px;
}

.search {
	margin-top:10px;
	height:60px;
	background-color:#f9f8f2;
}

.search .wrapper {
	width:1200px;
	height:60px;
	margin:0 auto;
}

.search .wrapper * {
	float:left;
}

.text_box {
	width:330px;
	height:35px;
	border:3px solid #ccc;
	line-height:25px;
	font-size:10px;
	text-indent:10px;
	margin-top:17px;
}

#search #search-button{
    height: 28px;
}

.search .wrapper dt {
	margin-right:15px;
}

.search .wrapper dd {
	height:20px;
	font-size:10px;
	margin-top:22px;
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #ccc;
}

.search .wrapper dd:last-child {
	margin-right:none;
	padding-right:none;
	border-right:none;
}

div.wrap{
	max-width: 1200px;
	margin: 0 auto;
}

.event{
	display: block;
	/*margin: 0 auto 2%;*/
	width: 100%;
	/*background-color: #ff0018;*/
	background-image: url("../../images/index/event_bg.jpg?1");
	text-align: center;
}


.cate{
	/*padding:2% 10px;*/
}

.subtitle{
	font-size: 2em;
	font-weight:inherit;
	text-align: center;
	margin:5% 0 0;
	font-family: 'Lora', serif!important;
	color:#19222b;
}

.subtext{
	font-size: 1em;
	font-weight:inherit;
	color:#19222b;
	text-align: center;
	margin:2% 0 2%;
	letter-spacing: 2px;
}

/***************▼2カラム用▼***************/
.pickup { margin:4% auto 0 auto;}

.pickup a { display: block;}
.pickup p {   font-size:130%; color:#19222b; margin-bottom:1%;  font-weight:bold;font-family:"Century Gothic",Verdana,Arial,sans-serif;}
.pickup .title { font-size:124%;padding:1.5% 0; background:#99bdb0; color:#FFFFFF;width:100%; margin:8% 0 2% 0; font-weight:bold; clear: both;letter-spacing:1px;}

/*.pickup2 { margin:173% auto 0 auto;}*/
/*.pickup3 { margin:88% auto 0 auto;}*/

.pickup2 a,.pickup3 a { display: block;}
.pickup2 p,.pickup3 p {   font-size:130%; color:#19222b; margin-bottom:1%;  font-weight:bold;font-family:"Century Gothic",Verdana,Arial,sans-serif;}
.pickup2 .title,.pickup3 .title { font-size:124%;padding:1.5% 0; background:#99bdb0; color:#FFFFFF;width:100%; margin:8% 0 2% 0; font-weight:bold; clear: both;letter-spacing:1px;}


.pickup ul { padding: 0; margin: 0;}
.pickup ul.col3 ,.pickup ul.col2{ width:100%; margin:0 auto; padding: 0;}
.pickup ul.col3 li { width:31.5%; margin-right:2%; margin-bottom: 4%; float:left; position: relative;}
.pickup ul.col3 li:nth-child(3n) {margin-right: 0;}
.pickup ul.col2 li { width: 49%; margin-right: 2%; margin-bottom: 2%; float:left; position: relative;}
.pickup ul.col3 li:nth-child(3n) {margin-right: 0;}
.pickup ul.col2 li:nth-child(2n) {margin-right: 0;}

.pickup2 ul { padding: 0; margin: 0;}
.pickup2 ul.col3 ,.pickup ul.col2,.pickup3 ul.col2,.pickup ul.col4{ width:100%; margin:0 auto; padding: 0;}
.pickup2 ul.col3 li { width:31.5%; margin-right:2%; margin-bottom: 4%; float:left; position: relative;}
.pickup2 ul.col3 li:nth-child(3n) {margin-right: 0;}
.pickup2 ul.col2 li,.pickup3 ul.col2 li { width: 49%; margin-right: 2%; margin-bottom: 4%; float:left; position: relative;}
.pickup2 ul.col3 li:nth-child(3n) {margin-right: 0;}
.pickup2 ul.col2 li:nth-child(2n),.pickup3 ul.col2 li:nth-child(2n) {margin-right: 0;}


.pickup2 ul.col2-2 li{ width: 49%; margin-right: 2%; float:left; position: relative;}
.pickup2 ul.col2-2 li:nth-child(2n) {margin-right: 0;}

.pickup2 ul.col4{
margin-bottom: 4%;
}

.pickup2 ul.col4 li { 
	width:23%;
	float: left;
	height: 4vw;
	margin-bottom: 4%;
	font-size: 1em;
    box-sizing: border-box;
    border: 2px solid #000000;
    display: flex;
    flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
    justify-content: center; /* 子要素をflexboxにより中央に配置する */
    align-items: center;  /* 子要素をflexboxにより中央に配置する */
	margin: 2% 1%;
}




.pickup2 ul.col4 a{
	display: block;
}

.pickup2 ul.col4 a li{
	position: relative;
}

.pickup2 ul.col4 li:nth-child(2 6 10) {border-right: 1px solid #111;}

.pickup2 ul.col4 a li .item_name span.Text:before,
.pickup2 ul.col4 a li .item_name span.Text:after{
  content: '';
  display: block;
  height: 1px;
  background: #19222b;
  position: absolute;
  top:50%;
  right:13%;
}
.pickup2 ul.col4 a li .item_name span.Text:before{
  width: 20px;
  transform: translate(30px, 0px);
}
.pickup2 ul.col4 a li .item_name span.Text:after{
  width: 10px;
  transform-origin: right center;
  transform: translate(30px, 0px) rotate(25deg);
}

.pickup2 ul.col4 li p.item_name{
	margin:0!important;
	font-weight: bolder!important;
}

.pickup2 ul.col3-2{
	margin-bottom: 3%;
} 

.pickup2 ul.col3-2 li { 
	width:31.3%;
	float: left;
	height: 4vw;
	margin-bottom: 4%;
	font-size: 1em;
    box-sizing: border-box;
    border: 2px solid #000000;
    display: flex;
    flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
    justify-content: center; /* 子要素をflexboxにより中央に配置する */
    align-items: center;  /* 子要素をflexboxにより中央に配置する */
	margin: 2% 1%;
}

.pickup2 ul.col3-2 a{
	display: block;
}

.pickup2 ul.col3-2 a li{
	position: relative;
}

/*.pickup2 ul.col3-2 li:nth-child(2 6 10) {border-right: 1px solid #111;}*/

.pickup2 ul.col3-2 a li .item_name span.Text:before,
.pickup2 ul.col3-2 a li .item_name span.Text:after{
  content: '';
  display: block;
  height: 1px;
  background: #19222b;
  position: absolute;
  top:50%;
  right:13%;
}
.pickup2 ul.col3-2 a li .item_name span.Text:before{
  width: 20px;
  transform: translate(30px, 0px);
}
.pickup2 ul.col3-2 a li .item_name span.Text:after{
  width: 10px;
  transform-origin: right center;
  transform: translate(30px, 0px) rotate(25deg);
}

.pickup2 ul.col3-2 li p.item_name{
	margin:0!important;
	font-weight: bolder!important;
}


.pickup .item_name { font-size:0.8em; color:#19222b; font-weight:normal; margin:3% 0 1.5% 1%; line-height:1.2em; text-align: center;} 
.pickup .item_name b { display: block; font-weight: normal;}

.pickup2 .item_name,.pickup3 .item_name { font-size:100%; color:#19222b font-weight:normal; margin:3% 0 0 1%; line-height:1.2em; text-align: center;} 
.pickup2 .item_name b { display: block; font-weight: normal;}


.pickup a div.prices {  font-size:2em; color:#19222b; font-weight:bold; font-family:"Century Gothic",Verdana,Arial,sans-serif; text-align: center;margin-top: 2%;}
.pickup2 a div.prices,.pickup3 a div.prices {  font-size:2em; color:#19222b; font-weight:bold; font-family:"Century Gothic",Verdana,Arial,sans-serif; text-align: center;margin-top: 2%;}

.pickup div.sonota a,.pickup2 div.sonota a,.pickup3 div.sonota a{ 
    position: relative;
    font-size: 90%;
    text-align: center;
    font-weight: bold;
    width: 80%;
    margin: 0 auto 3% auto;
    background: #dbe8e1;
    display: block;
    padding: 2% 0;
　　color: #333;
    clear: both;}

.pickup div.sonota a:after,.pickup2 div.sonota a:after,.pickup3 div.sonota a::after{
    content: '';
    position: absolute;
    display: inline-block;
    width: 6px;
    height: 6px;
    top: 35%;
    right: 3%;
    border: 2px solid;
    border-color: #333 #333 transparent transparent;
    transform: rotate(45deg);
}

.prices span span span{
	display: none;
}


/*PCの時の価格の大きさ変更*/
@media only screen and (min-width: 750px) {
.prices{  font-size:2.5em!important; color:#19222b; font-weight:bold; font-family:"Century Gothic",Verdana,Arial,sans-serif; text-align: center;}

.pickup .rank { width:30%; margin: 0 auto 5% auto;}
.pickup .title { font-size:250%;padding:1.5% 0; background:#99bdb0; color:#FFFFFF;width:100%; margin-bottom:3%;}
}

h3{
	clear: both;
	border-bottom: solid 2px #000000;
	width: 100%;
	text-align: center;
	margin-bottom: 1%;
	font-size: 120%;
}

/*クリア*/

.clearfix::after {
   content: "";
   display: block;
   clear: both;
}

.clearfix{
	zoom:1;/*IE5.5-7用*/
}

/***************▲2カラム用▲***************/

/* お買い物ガイド */

			footer{
				 background-color: #eee;
				 padding: 1% 2% 1% !important;
				 width: 100%;
			}

            div#shopguide {
                width: 90%;
                margin: 0 auto;
                /* padding: 1% 2% 2%; */
                margin: 0 auto;
            }
			div#shopguide h4{
				background: #19222b;
   			 	color: #fff;
    			font-weight: bold;
    			padding: 1%;
				margin: 2% 0;
				text-align: center;
            }
            .f-container_02 {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                border-top: #fff solid 1px;
                border-left: #fff solid 1px;
                margin: 1% 0 2%;
            }

            .f-container_02 p {
                width: calc(100% / 3);
            }

            .f-container_02 p a {
                text-decoration: none;
                background-color: #ccc;
                color: #000;
                display: block;
                padding: 20px 10px;
                border-right: 1px solid #999;
                border-bottom: 1px solid #999;
                transition-duration: .5s;
                position: relative;
                font-size: 80%;
				text-align: center;
            }

            .f-container_02 p a:hover {
                background-color: #E1E1E1;
            }

            .f-container_02 i {
                position: absolute;
                right: 1%;
                color: #666;
            }

			.copyright{
				font-size: 0.8em;
				text-align: center;
			}