/* CSS Document */
html {
	overflow: auto;
}
body {
	overflow: hidden;
}
body {
	width: 100%;
	height: 100%;
	font-family: Times New Roman, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
	color: black;
	background-color: #000;
	-webkit-text-size-adjust: 100%;
}
p {
	font-size: 16px;
	line-height: 1.7em;
}
a:focus, *:focus {
	outline: none;
}
.tag_01 {
	position: fixed;
	z-index: 10;
	bottom: 60px;
	right: 10px;
}
.tag_02 {
	position: fixed;
	z-index: 10;
	bottom: 10px;
	right: 10px;
}
/*中央配置用*/
.inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}
@media screen and (min-width: 0px) and (max-width: 768px) {
h2 {
	font-size: 26px;
	line-height: 1.5em;
}
}
@media screen and (min-width:769px) {
h2 {
	font-size: 32px;
	line-height: 1.5em;
}
}
/*汎用--------------------*/

.relative {
	position: relative;
}
.mt15 {
	margin-top: 15px;
}
.mt50 {
	margin-top: 50px;
}
/*ナビ*/
.top_nav ul {
	right: 20px;
	position: absolute;
	top: 20PX;
	z-index: 10;
	opacity: 0;
}
.top_nav ul a {
	color: #000;
}
.top_nav ul li {
	font-size: 12px;
	color: #000;
	list-style-type: none;
	float: left;
	padding-left: 15px;
}
hr {
    margin-top: 10px;
    margin-bottom: 32px;
    border: 0;
    border-top: 1px solid #000;
}
/*ボタン*/
.button {
	display: inline-block;
	width: 100%;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	z-index: 7;
}
.button::before, .button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button, .button::before, .button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button {
	position: relative;
	z-index: 2;
	background-color: #fff;
	border: 2px solid #000;
	color: #000;
	line-height: 50px;
	overflow: hidden;
}
.button:hover {
	color: #fff;
	text-decoration: none;
}
.button::after {
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
}
.button:hover::after {
	left: 0;
	background-color: #000;
}
/*---------------------------------------------
  TOP
  ---------------------------------------------*/
.top .top-body {
	position: relative;
	width: 100%;
	height: 100vh;
}
.top-body h1 {
	width: 100%;
	height: auto;
	z-index: 6;
}
.top {
	width: 100%;
	height: auto;
	padding: 0px 0;
	background: #F1E6DB;
	z-index: 6;
}
.color_01 {
	position: absolute;
	width: 100%;
	height: 100%;
	/**/background: url(../img/top_image_2025.png) no-repeat center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	background-color: #000;
	transform: translate3d(0, 0, 0);
}
.diamond_08 {
	position: absolute;
	width: 300px;
	height: 300px;
	background: #fbc211;
	opacity: 0.2;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	overflow: hidden;
	margin: 0 auto;
	bottom: -90px;
	right: 60px;
}
/*トップコピー*/
.anime_white {
	position: fixed;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #896238;
	z-index: 8;
	z-index: 98;
}
.first_copy {
	width: 80px;
	height: 46px;
	z-index: 99;
	position: fixed;
	top: 45%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}
.first_copy.trancelated {
	top: 17px;
	left: 60px;
	width:45px;
	transform: translateY(0%) translateX(0%);
	-webkit-transform: translateY(0%) translateX(0%);
}
 @media screen and (min-width: 0px) and (max-width: 991px) {
.anime_white_s {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 8;
}
.first_copy_s {
	width: 30px;
	height: 100px;
	position: absolute;
	top: 0px;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}
}
/*------------ie------------*/
.anime_white {
	height: 60px\9; /* IE10 */
}
.first_copy {
	width: 200px\9; /* IE10 */
	top: 30px\9; /* IE10 */
	left: 145px\9; /* IE10 */
}
.top_nav ul {
	opacity: 1\9; /* IE10 */
}
/*---------------------------------------------
  INTRO
  ---------------------------------------------*/
.comments {
 position: absolute;
 bottom: 53px;
 left: 22px;
 font-size: 11px;
 color: #666;
}
span.supText {
	font-size: 40%;
	vertical-align: top;
	position: relative;
	top: -0.2em;
}
 @media screen and (min-width: 0px) and (max-width: 768px) {
.intro {
	height: 650px;
	margin-top: 20px;
	z-index: 7;
	padding: 0 20px;
}
.logo_small1 {
	position: absolute;
	width: 70px;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	top: 85px;
}
.logo_small3 {
	position: absolute;
	width: 100px;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	top: 485px;
}
.intro h2 {
	padding-top: 185px;
	padding-bottom: 5px;
	color: #0;
	font-size: 26px;
	padding-left: 15px;
}
.intro p {
	margin-top: 15px;
	color: #000;
	text-align: center;
}
.intro_diamond {
	width: 160px;
	top: 90px;
}
.intro_diamond img {
	display: block;
	max-width: 100%;
	height: auto;
}
.gourmet_pic_01 {
	position: absolute;
	bottom: 81px;
	left: 50%;
	transform: translateX(-140%);
	-webkit-transform: translateX(-140%);
	width: 130px;
}
.gourmet_pic_02 {
	position: absolute;
	bottom: 69px;
	left: 50%;
	transform: translateX(26%);
	-webkit-transform: translateX(26%);
	width: 162px;
}
.gourmet_pic_03 {
	width: 93px;
	height: auto;
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
}
 @media screen and (min-width: 768px) and (max-width: 991px) {
.intro {
	height: 600px;
	margin-top: 70px;
	z-index: 7;
	padding: 0 20px;
}
}
@media screen and (min-width:769px) {
.intro {
	height: 700px;
	margin-top: -20px;
	z-index: 7;
}
.logo_small1 {
	position: absolute;
	width: 90px;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	top: 22%;
}
.logo_small2 {
	position: absolute;
	width: 100px;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	top: 85%;
}
.intro h2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	color: #fff;
	top: 38%;
	font-size: 36px;
}
.intro p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	color: #fff;
	top: 66%;
	text-align: center;
}
.gourmet_pic_01 {
	position: absolute;
	top: 20px;
	left: 55%;
	transform: translateX(-164%);
	-webkit-transform: translateX(-164%);
}
.gourmet_pic_02 {
	position: absolute;
	top: 450px;
	left: 51%;
	transform: translateX(38%);
	-webkit-transform: translateX(38%);
}
.gourmet_pic_03 {
	width: 200px;
	height: auto;
	position: absolute;
	bottom: -70px;
	left: 50%;
	transform: translateX(-170%);
	-webkit-transform: translateX(-170%);
}
.gourmet_pic_05 {
	width:300px;
	position: absolute;
	top: 50px;
	left: 0%;
	transform: translateX(-10%);
	-webkit-transform: translateX(-10%);
}
.gourmet_pic_06 {
	width:350px;
	position: absolute;
	top: 200px;
	right: 0%;
	transform: translateX(20%);
	-webkit-transform: translateX(20%);
}
}
/*---------------------------------------------
  NEWS
  ---------------------------------------------*/
.news_table {
	overflow: auto;
	height: 300px;
	background-color: #FFF;
}
.news_area th {
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	width: 100px;
	text-align: center;
}
.news_area td {
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
 @media screen and (min-width: 0px) and (max-width: 991px) {
.news_area {
	background-color: rgba(137,98,56,0.9);
	margin-top: -30px;
	padding-bottom: 30px;
	z-index: 2;
}
.news_heading div {
	background: #000;
	color: #FFF;
	text-align: center;
}
.news_facebook {
	margin-top: 25px;
}
.diamond_09 {
	display: none;
}
.news {
	margin-top: 35px;
}
.news_banner {
	margin-top: 25px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.news_area {
	background-color: rgba(137,98,56,0.9);
	height: 410px;
	margin-top: -30px;
	z-index: 2;
}
.news_facebook {
	margin-top: 0px;
}
}
@media screen and (min-width:992px) {
.news_area {
	background-color: rgba(137,98,56,0.9);
	height: 500px;
	margin-top: -30px;
	z-index: 2;
}
.news_heading div {
	background: #000;
	color: #FFF;
	padding-left: 6px;
}
.diamond_09 {
	position: absolute;
	width: 500px;
	height: 500px;
	background: #f6ab4f;
	opacity: 0.2;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	overflow: hidden;
	margin: 0 auto;
	left: -200px;
	top: -220px;
}
.news {
	margin-top: 100px;
}
.news_banner {
	margin-top: 50px;
}
}
/*---------------------------------------------
  section_01
  ---------------------------------------------*/
.section_01-area {
	padding: 0;
	margin: 0;
}
.gourmet_pic_04_caption h4 {
	margin-top: 0;
	margin-bottom: 8px;
	font-size: 22px;
}
.gourmet_pic_04_caption p {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
}
.box-area .row {
	width: 90%;
	margin: 0 auto;
}
.box_caption {
	margin-top: 15px;
	font-size: 14px;
	line-height: 1.41em;
	text-align: center;
}
.box-area div div img {
	margin: 0 auto;
}
 @media screen and (min-width: 0px) and (max-width: 991px) {
.section_01 h2 {
	color: #fff;
	text-align: center;
	z-index: 2;
	position: absolute;
	top: 55px;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding-left: 15px;
}
.section_01 p {
	font-size: 14px;
	color: #fff;
	text-align: center;
	z-index: 2;
	position: absolute;
	top: 150px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.diamond_02 {
	width: 550px;
	position: absolute;
	top: 180px;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}
.diamond_02 img {
	display: block;
	max-width: 100%;
	height: auto;
}
.gourmet_pic_04 img {
	margin : 0 auto;
}
.gourmet_pic_04_caption {
	text-align: center;
}
.color_02 {
	position: absolute;
	width: 100%;
	height: 480px;
	top: 260px;
	background-color: #CCA677;
}
.box-area {
	margin-top: 680px;
}
}
@media screen and (min-width: 0px) and (max-width: 500px) {
.gourmet_pic_04 {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 330px auto 0 auto;
	width: 320px;
}
.color_02 {
	position: absolute;
	width: 100%;
	height: 480px;
	top: 330px;
	background-color: #CCA677;
}
}
@media screen and (min-width: 500px) and (max-width: 768px) {
.gourmet_pic_04 {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 330px auto 0 auto;
	width: 500px;
}
.box-area {
	margin-top: 825px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.gourmet_pic_04 {
	position: absolute;
	top: 0px;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 330px auto 0 auto;
	width: 700px;
}
.gourmet_pic_04_caption {
	text-align: center;
}
.box-area {
	margin-top: 960px;
}
}
@media screen and (min-width:992px) {
.section_01 {
	height: 700px;
	z-index: 1;
}
.section_01 h2 {
	position: absolute;
	color: #fff;
	top: 40px;
	left: 180px;
	z-index: 2;
}
.section_01 p {
	position: absolute;
	font-size: 14px;
	color: #fff;
	top: 190px;
	left: 180px;
	z-index: 2;
}
.diamond_02 {
	position: absolute;
	top: -150px;
	left: -60px;
}
.gourmet_pic_04 {
	position: absolute;
	top: 150px;
	right: 0px;
	width: 50%;
	height: auto;
	z-index: 2;
	left: 40%;
}
.gourmet_pic_04_caption {
	position: absolute;
	top: 79%;
	left: -10%;
	z-index: 3;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #000;
	padding-left: 15px;
}
.color_02 {
	position: absolute;
	width: 100%;
	height: 500px;
	top: 255px;
	background-color: #CCA677;
}
}


/*---------------------------------------------
  Archive
  ---------------------------------------------*/
@media screen and (min-width: 0px) and (max-width: 991px) {
.archive_area {
	height: 290px;
	width: 100%;
	padding: 0;
	z-index: 1;
	margin-top: 30px;
	margin-bottom:-120px;
}
.archive_area .container {
	/**/margin-top: 30px;
}
.archive_area .container .row {
	width: 90%;
	margin: 0 auto;
}
.archive_area .col-md-offset-2 {
	margin-bottom: 10px;
}
}
@media screen and (min-width:992px) {
.archive_area {
	height: 280px;
	padding: 0;
	z-index: 1;
}
.archive_area .container {
	margin-top: 60px;
}
.diamond_04 {
	position: absolute;
	width: 300px;
	height: 300px;
	background: #fbc211;
	opacity: 0.2;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	overflow: hidden;
	margin: 0 auto;
	bottom: -40px;
	right: -40px;
}
}
/*---------------------------------------------
  section_02
  ---------------------------------------------*/
.section_02-area {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}
.section_02-area container {
	position: absolute;
	top: 0;
	left: 0;
}
.swiper-container {
	width: 100%;
}
@media screen and (min-width: 0px) and (max-width: 991px) {
.section_02-area {
	padding: 0;
}
.diamond_03 {
	display: none;
}
.section_02 h2 {
	text-align: center;
	z-index: 2;
	margin-top: 70px;
	margin-bottom: 24px;
	padding-left: 15px;
}
.section_02 p {
	text-align: center;
	font-size: 14px;
	z-index: 2;
	margin-bottom: 65px;
}
}
@media screen and (min-width:992px) {
.diamond_03 {
	position: absolute;
	top: -130px;
	left: -165px;
	opacity: 0.9;
	z-index: 2;
	pointer-events: none;
}
.section_02 h2 {
	position: absolute;
	top: 60px;
	left: 30px;
	z-index: 2;
}
.section_02 p {
	position: absolute;
	font-size: 14px;
	top: 210px;
	left: 30px;
	z-index: 2;
}
}
/*---------------------------------------------
  section_03
  ---------------------------------------------*/
.section_03-area {
	height: 350px;
}
.section_03 h2 {
	text-align: center;
	margin-top: 70px;
	margin-bottom: 25px;
}
.section_03 p {
	text-align: center;
	margin-bottom: 65px;
}
@media screen and (min-width: 0px) and (max-width: 768px) {
.section_03 {
	width: 90%;
}
.diamond_07 {
	position: absolute;
	width: 300px;
	height: 300px;
	background: #FC3;
	opacity: 0.2;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	overflow: hidden;
	top: 0px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
}
@media screen and (min-width:769px) {
.diamond_07 {
	position: absolute;
	width: 400px;
	height: 400px;
	background: #e6edf1;
	opacity: 0.5;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	overflow: hidden;
	margin: 0 auto;
	top: -350px;
	right: 150px;
}
}
/*---------------------------------------------
  section_06
  ---------------------------------------------*/
.section_06-area {
	height:;

}

.section_06 h2 {
	text-align: center;
	margin-top: 70px;
	margin-bottom: 100px;
	font-size:20px;
	text-decoration:underline;
}


.section_06 h3 {
  border-bottom: solid 2px #555555;
  position: relative;
  font-size:18px;
  line-height:1.7;
}


.section_06 p {
	text-align: left;
	font-size:80%;
	margin-bottom:10px;
}
@media screen and (min-width: 0px) and (max-width: 768px) {
.section_06 {
	width: 90%;
}
}
/*---------------------------------------------
  section_04 出場予定の道の駅
  ---------------------------------------------*/

figure img {
	width: 100%;
}
.diamond_05 {
	position: absolute;
	width: 250px;
	height: 250px;
	background: #f6ab4f;
	opacity: 0.2;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	overflow: hidden;
	margin: 0 auto;
	top: 150px;
	left: 100px;
}
.diamond_06 {
	position: absolute;
	width: 300px;
	height: 300px;
	background: #fbc211;
	opacity: 0.2;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	overflow: hidden;
	margin: 0 auto;
	top: 600px;
	right: 20px;
}
 @media screen and (min-width: 0px) and (max-width: 991px) {
.section_04 h3 {
	font-size: 18px;
	color: rgba(255,255,255,1);
	background-color: rgba(0,0,0,1);
	width: 100%;
	text-align: center;
	z-index: 5;
	padding: 10px;
}
.section_04_area.container-fluid {
	padding: 0 4px 0 4px;
}
.section_04_area .container {
	padding: 0 4px 0 4px;
}
figcaption h4 {
	font-size: 12px;
	margin-bottom: 0.2em;
	line-height: 1.3em;
}
figcaption p {
	font-size: 9px;
	margin-bottom: 0.2em;
}
figcaption {
	min-height: 100px;
	text-align: center;
}
figure {
	position: relative;
	overflow: hidden;
	width: 100％;
	height: auto;
	margin-bottom: 5px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
figcaption {
	min-height: 75px;
}
figure {
	position: relative;
	overflow: hidden;
	width: 100％;
	height: auto;
	margin-bottom: 15px;
}
figcaption h4 {
	font-size: 14px;
	margin-bottom: 0.5em;
	line-height: 1.5em;
}
figcaption p {
	font-size: 12px;
	margin-bottom: 0.5em;
}
}
@media screen and (min-width:992px) {
figure {
	position: relative;
	overflow: hidden;
	width: 100％;
	height: auto;
	margin-bottom: 15px;
}
.section_04 h3 {
	font-size: 24px;
	color: rgba(255,255,255,1);
	background-color: rgba(0,0,0,1);
	width: 100%;
	text-align: center;
	z-index: 5;
	padding: 10px;
	margin-bottom: 30px;
}
.diamond_06 {
	position: absolute;
	width: 300px;
	height: 300px;
	background: #fbc211;
	opacity: 0.2;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	overflow: hidden;
	margin: 0 auto;
	top: 600px;
	right: 20px;
}
figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
	color: rgba(255,255,255,1);
	text-align: center;
}
figcaption div {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 90%;
	height: 6em;
}
figure:hover figcaption {
	opacity: 1;
}
figcaption h4 {
	font-size: 14px;
	margin-bottom: 0.5em;
	line-height: 1.5em;
}
figcaption p {
	font-size: 12px;
	margin-bottom: 0.5em;
}
}
/*---------------------------------------------
  Access
  ---------------------------------------------*/
.access_area div {
	font-size: 14px;
}
.access_text {
	margin-bottom: 50px;
}
.access_text td {
	padding: 0 15px;
}
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.ggmap iframe, .ggmap object, .ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.car_parking_area {
	background: #FFF;
}
.car_parking_map {
	width: 100%;
	height: 350px;
	padding: 0px;
	margin: 0px;
}
.car_parking {
	padding-left: 30px;
}
.car_parking h3 {
	font-size: 20px;
}
 @media screen and (min-width: 0px) and (max-width: 991px) {
.access_text th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	text-align: center;
	padding-bottom: 5px;
}
.access_text table {
	margin-bottom: 40px;
	text-align: center;
}
.ggmap {
	border: 5px solid #FFF;
}
.car_parking_area {
	padding: 5px;
}
.access_area {
	background-color: #eee;
	padding-bottom: 50px;
	margin-top: 20px;
	padding-top: 40px;
}
.head_p {
	margin-top: 0px;
	margin-bottom: 30px;
}
}
@media screen and (min-width:992px) {
.access_area {
	background-color: #eee;
	margin-top: 80px;
	padding-top: 80px;
	padding-bottom: 100px;
}
.access_text th {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000;
	text-align: right;
	padding-right: 15px;
}
.ggmap {
	border: 15px solid #FFF;
}
.car_parking_area {
	padding: 15px;
}
.head_p {
	margin-top: 0px;
	margin-bottom: 50px;
}
}
/*---------------------------------------------
  Partners
  ---------------------------------------------*/
.partners_area .container .row {
	width: 90%;
	margin: 0 auto;
}
.partners_area .container img {
	margin: 0 auto 15px auto;
}
.head_h2 {
	margin-bottom: 0px;
}
.partners_text {
	margin-top: 30px;
	margin-bottom: 50px;
}
 @media screen and (min-width: 0px) and (max-width: 768px) {
.partners_area {
	padding-top: 40px;
	padding-bottom: 50px;
}
}
 @media screen and (min-width:769px) {
.partners_area {
	padding-top: 80px;
	padding-bottom: 130px;
}
}
/*---------------------------------------------
  footer
  ---------------------------------------------*/
.footer_area {
	color: #FFF;
	background: #000;
/*	height: 400px; */
}
.footer_area a {
	color: #FFF;
}
.executiveOfiice {
	margin: 50px 0 30px;
}
.copyright {
	font-size: 10px;
	margin: 30px auto 10px;
}
.button_footer {
	background-color: #000;
	border: 2px solid #fff;
	color: #fff;
	font-size: 16px;
}
.button_footer:hover {
	color: #000;
	text-decoration: none;
}
.button_footer:hover::after {
	left: 0;
	background-color: #fff;
}
 @media screen and (min-width: 0px) and (max-width: 767px) {
.button_footer {
	margin-bottom: 10px;
}
.xs_logo {
	width: 100px;
	margin: 0 auto;
}
.footer_area h2 {
	margin-bottom: 60px;
	margin-top: 80px
}
}
@media screen and (min-width:768px) {
.footer_area .container {
	width: 50%;
}
.xs_logo {
	margin: 0 auto;
}
.button_footer {
	margin-top: 20px;
	margin-bottom: 40px;
}
.footer_area h2 {
	margin-bottom: 60px;
	margin-top: 120px
}
}
/*---------------------------------------------
  Hamburger Nav
  ---------------------------------------------*/

.nav-list {
	display: table;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100vh;
	box-sizing: border-box;
	list-style: none;
	margin: 0;
	background: rgba(0, 0, 0, 0.8);
	text-align: center;
}
.nav-list li a {
	display: block;
	padding: 10px 1em;
	text-decoration: none;
	color: white;
}
.nav-list > ul {
	display: table-cell;
	vertical-align: middle;
	padding: 0;
}
.nav-list.open_menu {
	z-index: 98;
	animation: showAni .5s ease 0s 1 normal;
}
@keyframes showAni {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
.nav-list.close_menu {
	display: table;
	opacity: 0;
	animation: hideAni .5s ease 0s 1 normal;
}
@keyframes hideAni {
 0% {
 opacity: 1;
 z-index: 1;
}
 100% {
 opacity: 0;
 z-index: -1;
}
}
.nav-toggle-button {
	position: relative;
	z-index: 2;
	cursor: pointer;
}
.nav-toggle-button.close_menu {
	width: 50px;
	height: 50px;
	background: url(../img/menu_close.png);
	position: fixed;
	top: 10px;
	left: 10px;
	background-size: contain;
	z-index: 99;
}
.nav-toggle-button.open_menu {
	width: 50px;
	height: 50px;
	background: url(../img/menu_close.png);
	position: fixed;
	top: 10px;
	left: 10px;
	background-size: contain;
	z-index: 99;
}
.sf h1 {
	margin: 0;
}
.section_04_area figure img {
	background-color: #F7CD55;
}

/*---------------------------------------------
  Prize
  ---------------------------------------------*/

.prize {
	height: auto;
	margin-top: -90px;
	margin-bottom: 60px;
	z-index: 7;
}
.prize-bg {
	background: #fff;
	border: thin solid rgba(137,98,56,1);
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	 background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #f0f0f0 25%, #f0f0f0 50%,
    #fff 50%, #fff 75%,
    #f0f0f0 75%, #f0f0f0
  );
  background-size: 10px 10px;
  border-radius: 0px 0px 6px 6px;
}
.prize-caption-1 {
	font-size: 18px;
	font-weight: bold;
	color: rgba(204,0,0,1);
	text-align: center;
	padding: 0px;
	margin: 10px 0px 0px;
}

.prize-caption-1:first-child {
	font-size: 24px;
	font-weight: bold;
	color: rgba(204,0,0,1);
	text-align: center;
	padding: 0px;
	margin: 10px 0px 0px;
}
.sweets {
	font-size: 22px;
	font-weight: bold;
	color: rgba(204,0,0,1);
	text-align: center;
	padding: 0px;
	margin: 10px 0px 0px;
}
.prize-caption-2 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.granprix .prize-caption-2 {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.prize-caption-3 {
	font-size: 13px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.prize-caption-4 {
	font-size: 14px;
	margin: 15px 5px 0px 5px;
}

.prize-heading {
	background: rgba(137,98,56,1);
	height: 90px;
	border-radius: 6px 6px 0px 0px;
	display:table;
	
}
.prize-h {
	color: rgba(255,255,255,1);
    font-size: 16px;
	display:table-cell;
	vertical-align:middle;
}
.sm-only {
	display: none;}
@media screen and (min-width: 0px) and (max-width: 991px) {
.prize-box {
	margin-bottom: 20px;
}
}
@media screen and (min-width: 0px) and (max-width: 767px) {
.prize {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: -80px;
}
.prize-heading {
	height: 80px;
	width:100%;
}
.prize-h {
    font-size: 12px;
	line-height: 22px;
}
.prize-bg {
	padding-right: 15px;
	padding-left: 15px;
}
.granprix .prize-caption-2 {
	font-size: 18px;
}
}
@media screen and (min-width: 992px) {
.prize-box div{
	margin-top:30px;
}
.granprix .prize-caption-4 {
	margin: 15px 15px 0px 15px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.section04_over {
	font-size:12px
}
.top {
	margin-top: -90px;}
}

@media screen and (min-width: 0px) and (max-width: 768px) {
.howtoSp {margin-bottom:50px;}
}

/*flating banner*/
.floating-banner {
  position: fixed; /* バナーを追従させる */
  z-index: 99999; /* 他の要素の下に隠れないように */
  bottom: 0; /* バナーの上下の位置 */
  right: 0; /* バナーの左右の位置 */
  width: 250px; /* バナーの横幅 */
}
.floating-banner__image {
  max-width: 100%; /* 画像の最大幅 */
}
@media screen and (max-width: 767px) { /* スマホ用のブレイクポイントを指定 */
  .floating-banner {
    display: block;/* 消していたバナーを表示させる */
    width: 100vw; /* スマホの画面幅いっぱいにバナーを表示 */
  }
  .footer_area { padding-bottom:70px;}
}

/************************/


.banner {
    position: fixed;
    margin: 15px 20px;
    z-index: 99998;
    bottom: 0;
    right: 0;
}
.banner a {
    text-decoration: none;
}

.banner-close {
    font-weight: bold;
    position: absolute;
    top: -230px;
    right: -10px;
    z-index: 99999;
    padding: 0px 11px;
    border: none;
    background-color: #000000; color:#FFFFFF;
    border-radius: 50%;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .banner {
        width: 100%;
        margin: 0px;
    }
    .banner-close {
        display: none;
    }
}

table.inform {
    border-collapse:  collapse; width:100%; /* セルの線を重ねる */
}

table.inform th,table.inform td {
    border: solid 1px; font-size:12px;  /* 枠線指定 */
    padding: 10px; font-weight:normal;      /* 余白指定 */
}
table.inform th {width:20%;}
table.inform td {width:80%;}