@charset "utf-8";
/*
Theme Name: YAO SHOPPING FESTIVAL
Description: オリジナルテーマ
Author: 管理人
*/
img{
/* vertical-align: bottom !important; */
max-width: 100%;
height: auto;
width /***/: auto;
}

/* a { color:#000;  } */

a.overwhite:hover img{
cursor:pointer;
filter: alpha(opacity=60);        /* ie lt 8 */
-ms-filter: "alpha(opacity=60)";  /* ie 8 */
-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.6;              /* Safari 1.x */
opacity:0.6;
zoom:1;
}

.margin-top10 {
margin-top: 10px;
}

.alpha a:hover {
top:2px;
filter: alpha(opacity=60);        /* ie lt 8 */
-ms-filter: "alpha(opacity=60)";  /* ie 8 */
-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.6;              /* Safari 1.x */
opacity:0.6;
}

@media screen and (min-width: 650px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 650px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}

body,
h1,
h2,
p
{ font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif; }

/* body */
body {

width: 100%;
font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
/* font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; */

line-height: 1.5;
/* background-color:#daebf4; */
color:#333;font-size:90%;
/* font-size: 12px; */  
}

#body2 { 
min-height:1300px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff1a00+0,f5af19+100 */
background: #ff1a00; /* Old browsers */
background: -moz-linear-gradient(top,  #ff1a00 0%, #f5af19 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff1a00 0%,#f5af19 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff1a00 0%,#f5af19 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1a00', endColorstr='#f5af19',GradientType=0 ); /* IE6-9 */
}

/*td,tr { border:1px #999 solid; }*/

h1 {
font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}


/* リボン型の見出し（切りっぱなし）h1 */
h1#heading07 {
font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
width:80%;
letter-spacing:2px;
margin:20px auto 10px;
color:#fff;
text-align:center;
	position:relative;
	padding:7px;
background:#5f1885;
font-size:130%;
}
h1#heading07:before{
	content:" ";
	position:absolute;
	top:100%;
	/* left:-10px; */
	width:0;
	height:0;
	border-style:solid;
	border-color:transparent;
}
h1#heading07:after{
	content:" ";
	position:absolute;
	top:0px;
	left:100%;
	width:0;
	height:0;
	border-width:20px 10px;
	border-style:solid;
border-color:#5f1885;
	border-right-color:transparent;
}

.logo { text-align:center;}

@media screen and (max-width: 600px) {
h1#heading07 { margin:25px auto 10px; }
.logo { text-align:center;width:95%;margin:0 auto;}

}

/*===== header =====*/
#header {
background: url(./img/balloon.png) top no-repeat;
height:250px;
margin-bottom:0;
}

@media screen and (max-width: 600px) {
#header {
background: url(./img/balloon.png) top no-repeat;
height:160px;
}}

@media screen and (max-width: 414px) {
#header {
background: url(./img/balloon.png) top no-repeat;
height:185px;
}}


.slicknav_menu {
    display:none;
}

@media (max-width: 640px) {
    .menu-navigation-basic{
        display:none;
    }

    .slicknav_menu {
        display:block;
    }
}
/*!
 * SlickNav Responsive Mobile Menu v1.0.3
 * (c) 2015 Josh Cope
 * licensed under MIT
 */.slicknav_menu:after,.slicknav_menu:before{display:table;content:" "}
 .slicknav_btn,.slicknav_nav .slicknav_item{cursor:pointer}
 .slicknav_menu,.slicknav_menu *{box-sizing:border-box}
 .slicknav_nav,.slicknav_nav ul{padding:0;list-style:none;overflow:hidden}
 .slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.438em .625em;line-height:1.125em}
 .slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left;color:#ff4500;font-weight:700;}.slicknav_menu .slicknav_icon{float:left;margin:0em 0 0 .438em}.slicknav_menu .slicknav_no-text{margin:0}
 .slicknav_menu
 .slicknav_icon-bar{display:block;width:1.125em;height:.15em;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 2px 0 #D6161D;-moz-box-shadow:0 2px 0 #ff4500;box-shadow:0 2px 0 #ff4500}
 .slicknav_menu:after{clear:both}
 .slicknav_nav li,.slicknav_nav ul{display:block}
 .slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_item a{display:inline}
 .slicknav_nav .slicknav_row,.slicknav_nav a{display:block}.slicknav_nav .slicknav_parent-link a{display:inline}.slicknav_menu{*zoom:1;font-size:16px;background:#ff1a00;padding:5px}
 .slicknav_menu .slicknav_icon-bar{background-color:#fff}
 .slicknav_btn{margin:5px 5px 6px;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#fff}.slicknav_nav{clear:both;color:#D6161D;margin:0;font-size:.875em}.slicknav_nav ul{margin:0 0 0 20px}.slicknav_nav .slicknav_row,.slicknav_nav a{padding:5px 10px;margin:2px 5px}.slicknav_nav
.slicknav_row:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#fff;color:#ff6347}.slicknav_nav a{text-decoration:none;color:#fff}.slicknav_nav a:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#fff;color:#ff4500}.slicknav_nav .slicknav_txtnode{margin-left:15px}.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{padding:0;margin:0}.slicknav_brand{float:left;color:#fff;font-size:18px;line-height:30px;padding:7px 12px;height:44px}/*===== nav =====*/

.navi-all div { padding:5px;}
.navi-yaocci p {
text-align:center;display: block;
letter-spacing:2px;
margin:0;font-family: 'M PLUS Rounded 1c', sans-serif;
/* background: #50C9C3; */ /* fallback for old browsers */
/*background: -webkit-linear-gradient(to left, #50C9C3 , #96DEDA); */ /* Chrome 10-25, Safari 5.1-6 */
/*background: linear-gradient(to left, #50C9C3 , #96DEDA); */ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.navi-yaocci a { /* color:#182848;*/color:#ff1a00; display: block;font-weight:bold;padding:10px 0 10px;border-radius:6px;font-size:110%;
border-bottom:2px solid #D6161D;text-shadow: 0px 1px 3px #fff;
background: #ffd700;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #ffd700, #ffcc33);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #ffd700, #ffcc33); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.navi-yaocci a:hover {color:#fff; display: block;background: #ffa500;font-weight:bold;border-radius:6px;
background: #50C9C3; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #50C9C3 , #96DEDA); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #50C9C3 , #96DEDA); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
border-bottom:2px solid #fff;text-shadow:none !important;}

/* 現在地なび　*/
.navi-yaoccicurrent p {
text-align:center;display: block;
letter-spacing:2px;text-shadow:none !important;
margin:0;font-family: 'M PLUS Rounded 1c', sans-serif;
}

.navi-yaoccicurrent a { border-radius:6px;color:#fff;display: block;font-weight:bold;padding:10px 0 10px;font-size:110%;
background: #50C9C3; /* fallback for old browsers */text-shadow:none !important;
background: -webkit-linear-gradient(to left, #50C9C3 , #96DEDA); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #50C9C3 , #96DEDA); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
border-bottom:2px solid #fff;}
.navi-yaoccicurrent a:hover { text-shadow:none !important;display: block;color:red;font-weight:bold;background: #ffd700;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #ffd700, #ffcc33);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #ffd700, #ffcc33); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }

.navi-yaoccicurrent p:hover {
color:orangered;font-weight:bold;
display: block;text-shadow:none !important;
}

@media (max-width: 640px) {
	.slicknav_nav a { text-align:center;border-bottom: 1px dotted rgba(255,255,255,0.8); } 
}

@media (max-width: 414px) {	
.navi-yaoccicurrent p {	letter-spacing:0px; }
.navi-yaocci a { font-size:100%;font-weight:bold;color:#444!important;
background: #ffd700!important;
}
.navi-yaocci a:hover {
background: #50C9C3!important;text-shadow:none !important;}

.navi-yaoccicurrent a { font-size:100%;
background: #50C9C3!important;text-shadow:none !important;
}
.navi-yaoccicurrent a:hover { text-shadow:none !important;display: block;color:red;font-weight:bold;background: #ffd700!important; }

.navi-yaoccicurrent p:hover {
color:orangered;font-weight:bold;
display: block;text-shadow:none !important;
}
}

/*TOPページコピー*/

.date { text-align:center;font-size:120%;
	font-weight:bold;color:#4b0082;font-family: 'Josefin Sans', 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;line-height:1.2;
}
.copy {
	color:#ff5233;
	font-size:130%;
	font-weight:bold;
background:#fffaf0; margin-top:10px;padding:10px;
text-align:center;border-radius:10px;
border-bottom:6px solid #d2691e;
text-shadow: 0px 2px 1px #fff;
}

.copy2 {
color:#1D2088;font-size:150%;text-align:center;padding:20px;font-weight:bold;
}

@media screen and (max-width: 600px) {
.date { padding-bottom:10px;line-height:1.2; }
.copy {
text-align:left;line-height:1.4;
font-size:120%;padding:20px;
}
.copy2 {
text-align:left;
font-size:120%; }
}

@media screen and (max-width: 375px) {

.copy {
font-size:110%;padding:20px 10px;
} }


/*やおっち吹き出し　*/
.arrow_box {
	position: relative;
color:#ff5233;font-size:150%;text-align:center;font-weight:bold;padding:10px;
	background: #fff;
	border: 4px solid #ff5233;
border-radius:10px;margin-top:0px;
	z-index:999;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 20px;
	margin-left: -20px;
}
.arrow_box:before {
	border-color: rgba(245, 120, 37, 0);
	border-top-color: #ff5233;
	border-width: 26px;
	margin-left: -26px;
}

/* やおっちチャンスカード　賞品 */
.font-all { font-size:150%; }

@media screen and (max-width: 600px) {
.font-all { font-size:120%; }
}

.goman {
 background:#e2041b;color:#fff;padding:15px;text-align:center;
font-family: 'Josefin Sans', sans-serif;
}
.ore {
 background:#ff8c00;color:#fff;padding:15px;text-align:center;
font-family: 'Josefin Sans', sans-serif;
}
.sanzen {
 background:#00bfff;color:#fff;padding:15px;text-align:center;
font-family: 'Josefin Sans', sans-serif;
}

.sanzenfure {
  background:#3cb371;color:#fff;padding:15px;text-align:center;
font-family: 'Josefin Sans', sans-serif;
}
.sen { background:#9932cc;color:#fff;padding:15px;text-align:center;
font-family: 'Josefin Sans', sans-serif;
}
.hyaku { background:#FFF94C;color:#666;padding:15px;text-align:center;
font-family: 'Josefin Sans', sans-serif;
}

/*数字だけ大きく*/
.num-bi { font-size:180%; }

@media screen and (max-width: 600px) {
.num-bi { font-size:120%;}
}

/*六角形*/
.hexagon {
  position: relative;
text-align:center;
  width: 60px; 
  height: 34.64px;
  background-color: ;
  margin: 17.32px auto;
  border-left: solid 2px #fff;
  border-right: solid 2px #fff;
}

.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 42.43px;
  height: 42.43px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 6.7868px;
}

.hexagon:before {
  top: -21.2132px;
  border-top: solid 2.8284px #fff;
  border-right: solid 2.8284px #fff;
}

.hexagon:after {
  bottom: -21.2132px;
  border-bottom: solid 2.8284px #fff;
  border-left: solid 2.8284px #fff;
}

/*六角形2 白以外*/
.hexagon2 {
  position: relative;
text-align:center;
  width: 60px; 
  height: 34.64px;
  background-color: ;
  margin: 17.32px auto;
  border-left: solid 2px #666;
  border-right: solid 2px #666;
}

.hexagon2:before,
.hexagon2:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 42.43px;
  height: 42.43px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 6.7868px;
}

.hexagon2:before {
  top: -21.2132px;
  border-top: solid 2.8284px #666;
  border-right: solid 2.8284px #666;
}

.hexagon2:after {
  bottom: -21.2132px;
  border-bottom: solid 2.8284px #666;
  border-left: solid 2.8284px #666;
}

@media screen and (max-width: 600px) {
.hexagon {
  position: relative;
  width: 30px;
text-align:center;line-height:1;
  height: 17.32px;
  margin: 8.66px auto;
  border-left: solid 2px #fff;
  border-right: solid 2px #fff;
}

.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 21.21px;
  height: 21.21px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 2.3934px;
}

.hexagon:before {
  top: -10.6066px;
  border-top: solid 2.8284px #fff;
  border-right: solid 2.8284px #fff;
}

.hexagon:after {
  bottom: -10.6066px;
  border-bottom: solid 2.8284px #fff;
  border-left: solid 2.8284px #fff;
}


.hexagon2 {
  position: relative;
  width: 30px;
text-align:center;line-height:1;
  height: 17.32px;
  margin: 8.66px auto;
  border-left: solid 2px #666;
  border-right: solid 2px #666;
}

.hexagon2:before,
.hexagon2:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 21.21px;
  height: 21.21px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 2.3934px;
}

.hexagon2:before {
  top: -10.6066px;
  border-top: solid 2.8284px #666;
  border-right: solid 2.8284px #666;
}

.hexagon2:after {
  bottom: -10.6066px;
  border-bottom: solid 2.8284px #666;
  border-left: solid 2.8284px #666;
}

}




/*===== contents =====*/

/* ページタイトル　*/
h2 {
letter-spacing:4px;text-align:center;
font-size:120%;font-weight:bold;
padding:10px;background: #ffd700;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #ffd700, #ffcc33);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #ffd700, #ffcc33);margin-top:10px;margin-bottom:20px;
border-radius:6px; color:orangered;
border-bottom:3px solid #f4a460;
font-family: 'M PLUS Rounded 1c', sans-serif!important; }

@media screen and (max-width: 600px) {
h2 {
letter-spacing:2px;
font-size:100%;font-weight:bold;
}}

/* ふわふわするjquery */
#rect {
position : fixed;
z-index:999;
	right: 16px ;
	top:500px ;
}


/* 薄くなったりするjquery */
#rect2 {
position:static;
}

#yaocci-back {
background: url(./img/yaocci-back.png) top no-repeat;
z-index:0;
}


@media screen and (max-width: 414px) {
#rect {
position : fixed;
z-index:999;
	right: 16px ;
	top:430px ;}
}

.content {
background-color:#ffefd5;
padding:15px;margin:15px auto;
border-top-right-radius:30px;
border-top-left-radius:30px;
min-height:1000px;
}

/*　アリオ西武ボタン　*/
.two { /* background:#ffd65e ; */
  /* padding: 5px; */
  text-align: center;
border-radius:10px;

}
.two a {
 display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 15px 10px;
  padding: 15px 20px;
  font-size: 16px;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  -webkit-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  border-radius: 10px;
border:4px #F17434 solid;
  color:  #F17434;
  background-color: white;
  background-image: 
-webkit-repeating-linear-gradient(45deg, #ffebcd, #ffebcd 1px, rgba(255,0,0,0) 2px, rgba(255,0,0,0) 10px),
-webkit-repeating-linear-gradient(135deg, #ffebcd, #ffebcd 1px, rgba(255,0,0,0) 2px, rgba(255,0,0,0) 10px);
  background-image: 
-o-repeating-linear-gradient(45deg, #ffebcd, #ffebcd 1px, rgba(255,0,0,0) 2px, rgba(255,0,0,0) 10px),
-o-repeating-linear-gradient(135deg, #ffebcd, #ffebcd 1px, rgba(255,0,0,0) 2px, rgba(255,0,0,0) 10px);
  background-image: 
repeating-linear-gradient(45deg, #ffebcd, #ffebcd 1px, transparent 2px, transparent 10px),
repeating-linear-gradient(135deg, #ffebcd, #ffebcd 1px, transparent 2px, transparent 10px);
 /* box-shadow: 2px 2px 3px rgba(0,0,0,0.3); */
box-shadow:0px 0px 10px 1px #d2b48c;
-moz-box-shadow:0px 0px 10px 1px #d2b48c;
-webkit-box-shadow:0px 0px 10px 1px #d2b48c;

}
.two a:hover {
  background-image: 
-webkit-repeating-linear-gradient(left, #ffebcd, #ffebcd 1px, rgba(255,0,0,0) 2px, rgba(255,0,0,0) 10px);
  background-image: 
-o-repeating-linear-gradient(90deg, #ffebcd, #ffebcd 1px, rgba(255,0,0,0) 2px, rgba(255,0,0,0) 10px);
  background-image: 
repeating-linear-gradient(90deg, #ffebcd, #ffebcd 1px, transparent 2px, transparent 10px);
}


@media screen and (max-width: 600px) {
.two a {
	width:30%;
	margin:5px 5px;
	padding: 10px;
	font-size: 14px;
	background-image:none!important;
	box-shadow:none;}
.content {
	border-top-right-radius:0px;
	border-top-left-radius:0px;
}
}



/*　業種別ボタン　*/
.business-b { /* background:#ffd65e ; */
  /* padding: 5px; */
  text-align: center;
border-radius:10px;margin:0px auto;
}
.business-b a {
/*width:15%;*/
 display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 5px 5px;
  padding: 10px 10px;
  font-size:16px;
  font-weight: bold;
  -webkit-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  border-radius: 10px;font-family: 'M PLUS Rounded 1c', sans-serif!important;

/*border:4px #F17434 solid;*/
border:4px rgba(128,222,234,0.3) solid;

  background-color: white;color:#444;
text-shadow: 0px 2px 1px #fff;
	background-color:#e0ffff/*rgba(128,228,240,0.6)*/;
	background-image:
	 linear-gradient(-90deg, rgba(128,222,234,0.3) 50%, transparent 50%, transparent);
	background-size: 14px 14px;  
 /* box-shadow: 2px 2px 3px rgba(0,0,0,0.3); */
box-shadow:0px 0px 10px 1px #d2b48c;
-moz-box-shadow:0px 0px 10px 1px #d2b48c;
-webkit-box-shadow:0px 0px 10px 1px #d2b48c;
}

.business-b a.current {   background-color:#f5fffa!important;color:  #444!important;
  	background-image:none!important; }

.business-b a span { font-size:13px;}

.business-b a:hover {	
   background-color: white;color:  #444;
  	background-image:none;
}

.business-b a.current:hover {   background-color:#ffffff!important;color:  #444!important;
  	background-image:none!important; }


@media screen and (max-width: 600px) {
  .business-b a {
width:45%;
  margin:5px 5px;
  padding: 5px;
  font-size: 14px;
box-shadow:none;
 }
}




/*===== footer =====*/
footer { 
	text-align:center;
	color:#666;
font-size:80%;
letter-spacing:2px;
/* border-top: 2px solid #2286D4; */
padding:0 10px 0px;
background: url(./img/footer-town.jpg) bottom repeat-x;
}

footer p { 
padding:10px;
}

.syusai { padding-bottom:150px; }
.allrights { padding:10px 0 30px;color:#fff;
}
@media screen and (max-width: 600px) {
.allrights { padding:10px 0 10px;color:#fff;font-size:90%;
}
}




/*フッターの黒リボン*/
h1#heading08{
font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
letter-spacing:2px;
margin:50px auto 0;
color:#fff;
text-align:center;
	position:relative;
	padding:6px;
	background:#5f1885;
font-size:100%;
	/* box-shadow:
		10px 0 0 0 #88ccef,
		-10px 0 0 0 #88ccef,
		0 3px 3px 0 rgba(0,0,0,0.1); */
}
h1#heading08:before{
	content:" ";
	position:absolute;
	top:100%;
	/* left:-10px; */
	width:0;
	height:0;
	/* border-width:0 15px 15px 0; */
	border-style:solid;
	border-color:transparent;
	/* border-right-color:#333; */
}
h1#heading08:after{
	content:" ";
	position:absolute;
	top:0px;
	left:100%;
	width:0;
	height:0;
	border-width:14px 7px;
	border-style:solid;
	border-color:#5f1885;
	border-right-color:transparent;
}





/*===== スマホ改行 =====*/

@media screen and (min-width: 600px) {
  .br br {
    display: none;  }
}

@media screen and (max-width: 600px) {
  .br2 br {
    display: none;  }
}



/* メディアクエリ設定（タブレット用） */
@media only screen and (min-width: サイズ指定) {
h1 {
font-size: 0.75rem;
}
}

/* メディアクエリ設定（iPHone4,iPhone5,iPhone5s,iPhone6,iPhone6 Plus用） */
@media screen and (min-width: 320px) and (max-width: 499px) {
h1 {
font-size: 0.75rem;
}
}

table.tbl-r02 {
  margin: 20px auto;
  width:100%;
}
.tbl-r02 th {
  background:#fff;
  border: solid 1px #8b4513!important;
  line-height:normal;
  width:30%;
  padding:5px;vertical-align:middle;
}


input[type=submit] {
  -webkit-appearance: none;
  border-radius: 0;
}



.kensaku {
  display: inline-block;
  padding: 10px 0;
  width:200px;
  background:#ff1a00;
  border-radius: 4px;
  border:#ff1a00 2px solid;
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  line-heigt: 1em;
  -webkit-transition: .12s;
  transition: .12s;outline: none;
  font-family: 'M PLUS Rounded 1c', sans-serif!important;
}
.kensaku:hover {
  background: #ffffff;
  border: solid 2px #ff1a00;
  color: #ff1a00;
  opacity: 0.8;
}

.kensaku:active { border: solid 2px #ff1a00; }
.kensaku:focus { border: solid 2px #ff1a00; }
.kensaku:checked { border: solid 2px #ff1a00; }

.tbl-r02 th img { padding:7px;}

.tbl-r02 td {
border: solid 1px #8b4513!important;
padding:5px 10px;line-height:normal;
  color: #8b4513;vertical-align:middle;
    font-size:13.5px!important;
}

.tbl-r02 td.title { background:#ffefd5;width:180px;text-align:center;}
 
@media screen and (max-width: 640px) {

.tbl-r02 th {
border-bottom:none !important;
}
.tbl-r02 td {
border-bottom:none !important;
}

.last td:last-child {
   border-bottom: solid 1px #8b4513!important;
    width: 100%;
  }
  .tbl-r02 {
    width: 100%;
  }
  .tbl-r02 th,
  .tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
.tbl-r02 td.title {  } 	
}





table.shops-table {
  margin: 20px auto;
  width:100%;
}
.shops-table th {
  background:#ffdab9;
  border: solid 1px #a0522d!important;
  line-height:normal;
  color:#8b4513;
  text-align:center;
  padding:5px;vertical-align:middle;
}

table.shops-table tr:nth-child(odd) td {
	background:#fff5ee;
}

.shops-table td {
border: solid 1px #a0522d!important;
padding:5px 10px;line-height:normal;
  color: #8b4513;vertical-align:middle;
    font-size:13.5px!important;
}

/*.shops-table td.title { background:#ffefd5;width:180px;text-align:center;}
 
@media screen and (max-width: 640px) {

.shops-table th {
border-bottom:none !important;
}
.shops-table td {
border-bottom:none !important;
}

.last td:last-child {
   border-bottom: solid 1px #8b4513!important;
    width: 100%;
  }
  .shops-table {
    width: 100%;
  }
  .shops-table th,
  .shops-table td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
.shops-table td.title {  } 	
}
*/



.search-box { clear:both;width:85%;margin:20px auto;padding:0 0 20px;background:#fffaf0;border-bottom:#ffe4c4 3px solid; }
.search-box-text { letter-spacing:3px;font-family: 'M PLUS Rounded 1c', sans-serif!important;font-weight:bold;font-size:120%; width:100%;padding:10px 0;text-align:center;background:#ff1a00;color:#fff;margin-bottom:20px;}

.search-box-top { clear:both;width:85%;margin:20px auto;padding:0 0 20px;background:#fffaf0;border-bottom:#ffe4c4 3px solid; }
.search-box-text-top { letter-spacing:3px;font-family: 'M PLUS Rounded 1c', sans-serif!important;font-weight:bold;font-size:120%; width:100%;padding:10px 0;text-align:center;background:orange;color:#fff;margin-bottom:20px;}


.shops-box { padding:10px 15px; background-color:#fff;border-bottom:2px solid #eee;width:85%;border-radius:6px;margin:15px auto!important;
  -webkit-box-sizing: border-box;  /*webkit系*/
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.shops-box h1 { font-family: 'M PLUS Rounded 1c', sans-serif!important;font-size:22px;display:block;font-weight:bold;color:#666;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:5px; }
.shops-box p { color:#666;clear:both; }
.shops-box p { text-indent:1em; }
.shops-box h1 p.shops-cat { text-indent:0.25em!important;background:#ff6347;color:#fff;padding:2px 10px 0px;float:right;font-size:14px;margin-left:10px;clear:both;border-radius:3px; }
.shops-box p.catchcopy { text-indent:0!important;color:#ff6347;font-size:15px;position:relative;padding-left:1.5em;}

.shops-box .catchcopy:before {
  font-family: "FontAwesome";
  content: "\f075";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  left: 0;/*アイコンの位置*/
  top: -2px;/*アイコンの位置*/
  color:#ff6347; /*アイコン色*/
}
.shops-box p.shops-tel span { color:#ff6347;font-weight:bold;}
.shops-box p.shops-tel { display:inline-block!important; }

.shopping_st { margin-bottom:5px;
    padding: 2px 8px 3px;
    font-size: 12px;
    display: inline-block!important;
    background: #ffcc80;
    color: #fff!important;
    vertical-align: middle;
    border-radius: 3px; }

ul.take-deli { float:right!important; }
li.takeout { margin-top:-4px;padding:2px 8px;font-size:12px;display:inline-block;text-indent:0!important; background:#fcc800;color:#fff!important;margin-left:10px;margin-bottom:5px;border-radius:3px; }
li.delivery { margin-top:-4px;padding:2px 8px;font-size:12px;display:inline-block;text-indent:0!important; background:#50C9C3;color:#fff!important;margin-left:10px;margin-bottom:5px;border-radius:3px; }
li.cashless { margin-top:-4px;padding:2px 8px;font-size:12px;display:inline-block;text-indent:0!important; background:#00bfff;color:#fff!important;margin-left:10px;margin-bottom:5px;border-radius:3px; }

.Gmap a { margin-top:0px;padding:2px 8px;font-size:12px;display:inline-block;text-indent:0!important; background:#c0c0c0;color:#fff!important;margin-left:10px;margin-bottom:5px;border-radius:3px;float:right; }
.Gmap a:hover { background:#a9a9a9; }

@media screen and (max-width: 640px) {
.search-box { width:100%;margin:20px auto;padding:0 0 20px;background:#fffaf0;}

.shops-box { width:100%; }
.shops-box h1 { display:table;width:100%;}
.shops-box h1 p.shops-cat { float:right;margin-left:0;margin-top:2px;margin-right:0px;font-size:14px;padding:2px 0 0px;}
.takeout-delivery { display:block!important; }
.shopping_st {     display: block!important;
    float: none;
    margin-bottom:5px;
    margin-top: 0;
    text-align: center;
}
ul.take-deli { float:none!important;margin:0 auto;text-align: center;
    text-indent: 0; }
li.takeout { font-size:11px;margin-left:0px; }
li.delivery { font-size:11px;margin-left:0px; }
li.cashless { font-size:11px;margin-left:0px; }
}

.pickup {
  display: inline-block;
  position:relative;
  top:10px;
  height: 50px;
  z-index:999;
  line-height: 50px;
  text-align: center;
  padding: 7px 0;
  background: #acd879;
  box-sizing: border-box;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  clear:both;
}

.pickup h3 {
  margin: 0;
  padding: 0 30px;
  letter-spacing:2px;
  border-top: dashed 2px rgba(255, 255, 255, 0.5);
  border-bottom: dashed 2px rgba(255, 255, 255, 0.5);
  line-height: 33px;
  font-weight:bold;  font-size: 18px;
    color: #FFF!important;  font-family: 'M PLUS Rounded 1c', sans-serif!important;
}

.pickup:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.pickup:after {
  top: -2px;
  right: -2px;
  border-width: 32px 15px 32px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}

.column {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  margin-right: auto;
  margin-bottom: 15px;
  margin-left: auto;
  padding-top:15px;
  padding-bottom:15px;
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0 2px 8px #d2b48c;
}
.column-img {
  width: 40%;
    display: block;
  background: #fff;
}
.column-img img {
  width: 100%;
padding:10px; 
  box-shadow: 0 2px 6px #d2b48c;
  text-align: center;
}
.column-texts {
　position:relative;
  box-sizing: border-box;
  padding-top:  0px;
  padding-bottom: 10px;
  padding-right: 30px;
  padding-left: 30px;
  width: 60%;
}

.column-texts p.shops-tel span { color:#ff6347;font-weight:bold;}
.column-texts p.shops-tel { display:inline-block!important; }

.column-texts h1 {
    font-family: 'M PLUS Rounded 1c', sans-serif!important;
    font-size:26px;
    display: block;
    font-weight: bold;
    color: #444;
	margin-top:30px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}

.column-texts p.catchcopy {
    text-indent: 0!important;
    color: #ff6347;
    font-size: 15px;
    position: relative;
    padding-left: 1.5em;
}

.column-texts .catchcopy:before {
  font-family: "FontAwesome";
  content: "\f075";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  left: 0;/*アイコンの位置*/
  top: -2px;/*アイコンの位置*/
  color:#ff6347; /*アイコン色*/
}

.column-texts-title {
  margin: 0;
  font-size: 32px;
}
.column-texts-p {
  margin: 0;
  padding-top: 20px;
  font-size: 22px;
  line-height: 1.4;
}
.column-texts-link {
  padding-top: 30px;
}
.column-texts-link a {
  border: 1px solid #000;
  padding-top: 12px;
  padding-right: 40px;
  padding-bottom: 12px;
  padding-left: 40px;
  font-size: 20px;
  text-decoration: none;
  color: #000;
}
@media screen and (max-width: 767px) {
  .column {
    flex-direction: column;
  }
  .column--reserve {
    flex-direction: column-reverse;
  }
  .column-img {
    width: 100%;
  }
  .column-texts {
    width: 100%;
	padding-right:10px;
	padding-left: 10px;
  }
  .column-texts-title {
    font-size: 26px;
  }
  .column-texts-p {
    font-size: 16px;
  }
  .column-texts-link a {
    font-size: 16px;
  }
}


.event-copy {
	color:#cd853f;
	font-size:110%;
	font-weight:bold;
background:#fffaf0;
margin:0 auto 15px;padding:10px;
text-align:center;border-radius:10px;
border:3px solid #cd853f;
border-bottom:6px solid #cd853f;
text-shadow: 0px 2px 1px #fff;
}

.event-copy span {
font-size:120%;font-weight:bold;
color:#ff5233!important;}

.event_box {
    position: relative;
    border-bottom: 3px solid #ff5233;
    background: #fff;
    color: #ff5233!important;
    text-align: center;text-indent:0!important;
	font-weight:bold;
    font-size: 18px;
    padding: 8px 10px 8px;font-family: 'M PLUS Rounded 1c', sans-serif!important;
    margin: 0 0 15px;
		background-color:#ffffff;
	background-image:
	 linear-gradient(#fffaf0 50%, transparent 50%, transparent);
	background-size: 10px 10px;
}
    /* 下三角 */ 
.event_box:before{
        content: "";
        position: absolute;
        bottom: -29px;
        left: 50%;
        margin-left: -2px;
        border: 16px solid transparent;
        border-top: 16px solid #fffaf0;
        z-index: 2;
    }
.event_box:after {
        position: absolute;
        border:16px solid transparent;
        border-top-color: #ff5233;
        border-bottom-width: 0;
        bottom: -18px;
        content: "";
        left:49.8%;
        z-index: 1;
}

/* ピックアップ用イベント詳細 */
.event_box_pickup {
    position: relative;
    border-bottom: 3px solid #ff5233;
    background: #fff;
    color: #ff5233!important;
    text-align: center;
	font-weight:bold;
	text-indent:0!important;
    font-size:20px;
    padding: 20px 10px 20px;
	font-family: 'M PLUS Rounded 1c', sans-serif!important;
    margin: 0 0 20px;
		background-color:#ffffff;
	background-image:
	 linear-gradient(#fffaf0 50%, transparent 50%, transparent);
	background-size: 10px 10px;
}
    /* 下三角 */ 
.event_box_pickup:before{
        content: "";
        position: absolute;
        bottom: -29px;
        left: 50%;
        margin-left: -2px;
        border: 16px solid transparent;
        border-top: 16px solid #fffaf0;
        z-index: 2;
    }
.event_box_pickup:after {
        position: absolute;
        border:16px solid transparent;
        border-top-color: #ff5233;
        border-bottom-width: 0;
        bottom: -18px;
        content: "";
        left:49.8%;
        z-index: 1;
}

@media screen and (max-width: 767px) {
.event_box {font-size:16px;}
.event_box:before{
        content: "";
        position: absolute;
        bottom: -29px;
        left: 48%;
        margin-left: -2px;
        border: 16px solid transparent;
        border-top: 16px solid #fffaf0;
        z-index: 2;
    }
.event_box:after {
        position: absolute;
        border:16px solid transparent;
        border-top-color: #ff5233;
        border-bottom-width: 0;
        bottom: -18px;
        content: "";
        left:47.8%;
        z-index: 1;
}

.event_box_pickup {}
}

/*wp-pagenavi 01*/
/*.wp-pagenavi {
	clear: both;
	text-align:center;

}
.wp-pagenavi a, .wp-pagenavi span {
	color: #795A3C;
	background-color: #ffffff;
	border: 1px solid #ff1a00;
	padding: 5px 8px!important;
	margin: 0 2px;
	white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration: none;
	outline: none;
}
.wp-pagenavi a:hover{
	color: #FFF;
	outline: none;
	background-color: #ef857d;
	border: 1px solid #ffa07a!important;
    }
.wp-pagenavi span.current{
	color: #FFF;
	background-color:#ff1a00;
	border-color: #ff1a00!important;
	font-weight: bold;
    }*/

.contact-table { font-size:14px; }
.contact-table table { width:100%;margin-top:10px;}
.contact-table table th { background:#fafafa; border:1px solid #ddd !important;padding-left:3em;width:35%;padding:10px!important;}
.contact-table table td { border:1px solid #ddd!important;padding:10px!important;line-height:1.5!important;}
.contact-table .red { vertical-align:middle;font-size:13px;padding:1px 3px;margin-right:0.5em;color:#fff;background:#ff6d59;}

.wpcf7 input[type="submit"] {
width:200px;
margin:10px auto;
padding:15px;
border-radius:10px;
-webkit-border-radius: 10px;  
-moz-border-radius: 10px;
border: none;outline:0;
	color:#fff;
	font-size:15px;
box-shadow: 0 3px 0 #ddd;
background: #ff4500;
transition: 0.3s;
}
.wpcf7-submit:hover {
background: #a4dd6c;
transform: translate3d(0px, 3px, 1px);
-webkit-transform: translate3d(0px, 3px, 1px);
-moz-transform: translate3d(0px, 3px, 1px);
}

input.wpcf7c-btn-back {
    background-color: #F5F5F5; /* 背景色 */
    color: black; /* 文字色 */
	padding:15px;
border-radius:10px;
	box-shadow: 0 3px 0 #ddd;
    border: 1px solid #F5F5F5; /* 周りの線: 太さ　線種 線の色 */
}

@media screen and (max-width: 640px) {
.contact-table table th {background:rgba(152,217,142,0.1); line-height:1.5; text-indent:0em;padding-left:1em;width:30%;}	
.contact-table .red { display:block;text-align:center;padding:0; margin-bottom:2px;}
}

.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #ff1a00;
	font-size:18px;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  border-radius:30px;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}



/************************************
** レスポンシブページネーション
************************************/
.pagination{
  list-style-type: none;
  padding-left: 0;
  margin: 30px 0;
}
 
.pagination,
.pagination li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
 
.pagination a {
  font-weight: 300;
  padding-top: 1px;
  text-decoration:none;
  border: 1px solid #cd853f;
  border-left-width: 0;
  min-width:36px;
  min-height:36px;
  color: #cd853f;
  background:rgba(255,255,255,0.8);
}
 
.pagination li:not([class*="current"]) a:hover {
  background-color: #ffebcd;
}
 
.pagination li:first-of-type a {
  border-left-width: 1px;
}
 
.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
  /* screen readers only */
  position: absolute;
  top: -9999px;
  left: -9999px;
}
 
.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
  display: inline-block;
  font-family: Fontawesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
 
.pagination li.first a::before { content: "\f100"; }
.pagination li.last a::after { content: "\f101"; }
 
.pagination li.previous a::before { content: "\f104"; }
.pagination li.next a::after { content: "\f105"; }
 
.pagination li.current a {
 background-color: #ffdead;
 cursor: default;
 pointer-events: none;
}
 
.pagination > li:first-child > a {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
 
.pagination > li:last-child > a {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
 
@media only screen and ( max-width: 680px ) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
 
  .pagination li.previous a { border-left-width: 1px; }
}
 
@media only screen and ( max-width: 500px ) {
  .pagination li {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
 
  .pagination li.current,
  .pagination li.first,
  .pagination li.last,
  .pagination li.previous,
  .pagination li.next{
    position: initial;
    top: initial;
    left: initial;
  }
 
  .pagination li.previous a { border-left-width: 0; }
}
 
@media only screen and ( max-width: 400px ) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
 
  .pagination li.previous a { border-left-width: 1px; }
}
 
@media only screen and ( max-width: 240px ) { /* For watches? */
  .pagination li { width: 50%;}
 
  .pagination li.current {
    order: 2;
    width: 100%;
    border-left-width: 1px;
  }
}