@charset "UTF-8";
/* ------------------------------- Start General ----------------------------------------- */
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0; }

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

.clearfix {
  min-height: 1px; }

* html .clearfix {
  height: 1px; }

body {
  font: 14px/1.9 "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
  font-weight: 300;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  font-size: 12px;
  color: #6a3921;
  background-color:#e85298;
	background-image: url("../images/top_bg.gif");
}

img {
	margin: 0;
	padding: 0;
}

a:hover img {
	opacity: 0.7;
}

section {
  width: 100%;
  text-align: center; }

.container {
  width: 100%;
  max-width: 1150px;
  margin: 0 auto;
  overflow: hidden; }


/** pre **/

.album {
  text-align:center;
	margin: 30px auto;
	position: relative;
}
.album img {
  margin:0 auto;
  max-width: 100%;
}
.soon {
	margin-bottom: 100px;
}
.soon p {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	color:#fff;
}

@media screen and (max-width: 868px) {
.soon p {
	font-size: 18px;
}
}

/** ori **/

.h_btn-box {
	overflow: hidden;
	width: 100%;
	max-width: 980px;
	margin: 0 auto 40px auto;
}
.h_btn-box img {
	margin: 0 auto;
}
@media screen and (max-width: 868px) {
.h_btn-box {
	width:90%;
	margin: 0 auto 20px auto;
}
}


header p.top_visual {
	width: 100%;
	max-width: 1184px;
	padding: 0;
	margin: 20px auto 0px auto;
}

header p.top_tit {
	width: 100%;
	max-width: 740px;
	padding: 0;
	margin: 0 auto 40px auto;
}
@media screen and (max-width: 868px) {
header p.top_tit {
	width:90%;
	margin: 0 auto 20px auto;
}
}

p.line_01 {
	width: 100%;
	max-width: 868px;
	padding: 0;
	margin: 0 auto 40px auto;
}
@media screen and (max-width: 868px) {
p.line_01 {
	width:90%;
	margin: 0 auto 20px auto;
}
}


p.question {
	width: 100%;
	max-width: 868px;
	padding: 0;
	margin: 0 auto 40px auto;
}
@media screen and (max-width: 868px) {
p.question {
	width:90%;
	margin: 0 auto 20px auto;
}
}


.prize-box {
	overflow: hidden;
	width: 100%;
	max-width: 868px;
	margin: 0 auto 40px auto;
}
.prize-box img {
	margin: 0 auto;
}
@media screen and (max-width: 868px) {
.prize-box {
	width:90%;
	margin: 0 auto 20px auto;
}
}



.tit_oubo {
	width: 100%;
	max-width: 728px;
	margin: 0 auto 40px auto;
}
.tit_oubo img {
	margin: 0 auto;
}
@media screen and (max-width: 868px) {
.tit_oubo {
	width:90%;
	margin: 0 auto 20px auto;
}
}




.oubo-box {
	overflow: hidden;
	width: 100%;
	max-width: 758px;
	margin: 0 auto 40px auto;
}
.oubo-box img {
	margin: 0 auto;
}
@media screen and (max-width: 868px) {
.oubo-box {
	width:90%;
	margin: 0 auto 20px auto;
}
}


.atesaki_add {
	width: 100%;
	max-width: 860px;
	margin: 0 auto 40px auto;
}
.atesaki_add img {
	margin: 0 auto;
}
@media screen and (max-width: 868px) {
.atesaki_add {
	display: none;
}
}

.atesaki_add_sp {
	display: none;
}
@media screen and (max-width: 868px) {
.atesaki_add_sp {
	display: block;
	width:90%;
	margin: 0 auto 20px auto;
	border: 2px solid #595757;
	text-align: center;
	border-radius: 10px;
	background-color: rgba(255,255,255,0.8);
	font-size: 1.2em;
}
}


.comment {
	font-size:92%;
}
@media screen and (max-width: 868px) {
.comment {
	display:block !important;
	padding:10px 0;
}
}
	
.atten {
	padding-top:15px;
}


.txt_oubo {
	width: 100%;
	max-width: 840px;
	margin: 0 auto 40px auto;
	font-size: 1.36em;
}
.txt_oubo img {
	margin: 0 auto;
}
@media screen and (max-width: 868px) {
.txt_oubo {
	width:90%;
	margin: 0 auto 20px auto;
	font-size: 1em;
}
}



.soon-box {
	overflow: hidden;
	width: 100%;
	max-width: 868px;
	margin: 0 auto 40px auto;
}
.soon-box img {
	margin: 0 auto;
}
@media screen and (max-width: 868px) {
.soon-box {
	width:90%;
	margin: 0 auto 20px auto;
}
}




p.line_02 {
	width: 100%;
	max-width: 904px;
	padding: 0;
	margin: 0 auto 40px auto;
}
@media screen and (max-width: 868px) {
p.line_02 {
	width:90%;
	margin: 0 auto 20px auto;
}
}






p.txt_aji {
	width: 100%;
	max-width: 690px;
	padding: 0;
	margin: 0 auto 40px auto;
}
@media screen and (max-width: 868px) {
p.txt_aji {
	width:90%;
	margin: 0 auto 20px auto;
}
}








.aji-box {
	overflow: hidden;
	width: 100%;
	max-width: 912px;
	margin: 0 auto 40px auto;
	background-image: url('../images/aji_oishi_bg.png');
	padding: 30px 50px;
}

.aji-box .aji_oishi_tit {
	overflow: hidden;
	width: 100%;
	max-width: 720px;
	margin: 0 auto;
}
.aji-box img {
	margin: 0 auto;
}
.aji-box .aji_yasai img {
	padding-top: 30px;
	width: 380px;
}
@media screen and (max-width: 868px) {
.aji-box {
	width:90%;
	margin: 0 auto 10px auto;
	padding: 10px;
	background-image: url('../images/aji_oishi_bg_sp.png');
}
.aji-box .aji_yasai img {
	padding-top: 0;
	width: 100%;
}
}








p.btn_recipe {
	width: 100%;
	max-width: 504px;
	padding: 0;
	margin: 0 auto 40px auto;
}
@media screen and (max-width: 868px) {
p.btn_recipe {
	width:90%;
	margin: 0 auto 20px auto;
}
}








hr.line_01 {
	width: 100%;
	max-width: 888px;
	border-top: 1px #40220f solid;
	padding: 0;
	margin: 0 auto 40px auto;
}
@media screen and (max-width: 868px) {
hr.line_01 {
	width:90%;
	margin: 0 auto 20px auto;
}
}


hr.line_02 {
	width: 100%;
	max-width: 784px;
	border-top: 1px #40220f solid;
	padding: 0;
	margin: 0 auto 40px auto;
}
@media screen and (max-width: 868px) {
hr.line_02 {
	width:90%;
	margin: 0 auto 20px auto;
}
}






p.list_recipe {
	width: 100%;
	max-width: 714px;
	padding: 0;
	margin: 0 auto 40px auto;
}
@media screen and (max-width: 868px) {
p.list_recipe {
	width:90%;
	margin: 0 auto 20px auto;
}
}



.recipe-box {
	overflow: hidden;
	width: 100%;
	max-width: 828px;
	margin: 0 auto 40px auto;
}
.recipe-box img {
	margin: 0 auto;
}
@media screen and (max-width: 868px) {
.recipe-box {
	width:90%;
	margin: 0 auto 20px auto;
}
}







p.mitsuyama {
	width: 100%;
	max-width: 790px;
	padding: 0;
	margin: 0 auto 40px auto;
}
@media screen and (max-width: 868px) {
p.mitsuyama {
	display: none;
}
}



p.mitsuyama_sp {
    display: none;
  }
@media screen and (max-width: 868px) {
p.mitsuyama_sp {
	display: block;
	width:90%;
	margin: 0 auto 20px auto;
}
}






.tit_jitan {
	width: 100%;
	max-width: 590px;
	margin: 0 auto 40px auto;
}
.tit_jitan img {
	margin: 0 auto;
}
@media screen and (max-width: 868px) {
.tit_jitan {
	width:90%;
	margin: 0 auto 20px auto;
}
}

/* シリアル
------------------------------------------------------------------------------------------------ */
.box_serial{
	width: 100%;
	max-width: 1200px;
	margin: 20px auto 40px;
	padding: 40px;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 20px;
}
.box_serial .line{
	width: 100%;
	border: 1.5px solid #3a0700;
	position: relative;
	z-index: 0;
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
}
.line .line_lt{
	position: absolute;
	top: -1.5px;
	left: -1.5px;
	width: 33px;
	height: 33px;
	background-color: #fff;
}
.line .line_rt{
	position: absolute;
	top: -1.5px;
	right: -1.5px;
	width: 33px;
	height: 33px;
	background-color: #fff;
}
.line .line_lb{
	position: absolute;
	bottom: -11.5px;
	left: -1.5px;
	width: 33px;
	height: 33px;
	background-color: #fff;
}
.line .line_rb{
	position: absolute;
	bottom: -11.5px;
	right: -1.5px;
	width: 33px;
	height: 33px;
	background-color: #fff;
}
.box_serial .list_serial{
	position: relative;
	padding: 40px;
	box-sizing: border-box;
	margin: 0px;
}
	.list_serial > .ttl{
		width: 100%;
		position: relative;
		z-index: 100;
		text-align: center;
		font-weight: bold;
		color: #3a0700;
	}
	.list_serial > .ttl > h1{
		font-size: 3.6rem;
	}
	.list_serial > .code{
		width: 100%;
		margin: 60px auto 0;
		text-align: center;
	}
		.code > form > h2{
			font-size: 2.5rem;
			padding: 0 0 20px 0;
			margin: 0px;
			font-weight: bold;
			color: #3a0700;
		}
		.code > form .box_codeform{
			width: 100%;
			max-width: 700px;
			height: 60px;
			border: 2px solid #ddd;
			font-size: 2rem;
			text-align: center;
			line-height: 2.5rem;
			letter-spacing: 0.5rem;
			font-weight: bold;
		}
		.code > form > h2.mt90{
			margin: 60px 0 0 0;
		}
.code > form > .btn{
	width: 90%;
	margin: 60px auto 0;
	display: block;
	box-shadow: none !important;
}
.btn .btn_code > .bg-bw{
	width: 100%;
	max-width: 300px;
	height: 70px;
	background-color: #d92817;
	color: #fff;
	border-radius: 10px;
	font-size: 2.5rem;
	letter-spacing: 0.5rem;
	border: none;
}
.btn .btn_code > .bg-bw:hover{
	opacity: 0.7;
}
@media screen and (max-width: 868px) {
.box_serial{
	width: 90%;
	padding: 15px;
}
.box_serial .line{
}
.box_serial .list_serial{
	padding: 20px 15px;
}
	.list_serial > .ttl{
	}
	.list_serial > .ttl > h1{
		font-size: 2rem;
	}
	.list_serial > .code{
		margin: 40px auto 0;
	}
		.code > form > h2{
			font-size: 1.5rem;
			padding: 0 0 10px 0;
		}
		.code > form .box_codeform{
			width: 100%;
			height: 50px;
			font-size: 1.5rem;
			line-height: 2rem;
		}
		.code > form > h2.mt90{
			margin: 40px 0 0 0;
		}
.code > form > .btn{
	width: 90%;
	margin: 40px auto 0;
}
.btn .btn_code > .bg-bw{
	height: 50px;
	border-radius: 10px;
	font-size: 1.5rem;
	letter-spacing: 0.5rem;
	border: none;
}
.btn .btn_code > .bg-bw:hover{
}
}
.box_serial .errorMessage {
  font-size: 1.6rem;
  color: #f00;
  margin-bottom: 20px;
}


/* アンケート
------------------------------------------------------------------------------------------------ */
box.box_return{
	width: 100%;
}
p.btn_return {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 40px auto;
	display: block;
	text-align: center;
	box-sizing: border-box;
}
p.btn_return a {
	font-size: 1.36em;
	width: 100%;
	padding: 10px 10px;
	box-sizing: border-box;
	background: #009e3b;;
	border-radius: 5px;
	color: #fff;
}
p.btn_return a:hover {
	text-decoration: none;
	opacity: 0.7;
}
@media screen and (max-width: 868px) {
p.btn_return a {
	width:90%;
	font-size: 1em;
}
}



.enq_box {
	width: 90%;
	max-width: 1200px;
	margin: 20px auto 40px;
	padding: 50px 70px 40px;
	background-color:rgba(255,255,255,0.7);
  color: #593016;
}
.enq_box > h3 {
	padding: 15px;
	margin: 0 0 20px 0;
	border: 2px solid #593016;
	box-sizing: border-box;
	background-color:rgba(255,255,255,0.7);
	font-size: 2.3rem;
}
.enq_box > h4 {
	font-size: 2.8rem;
	padding: 0 0 20px;
}
.enq_box > .kakunin {
	font-size: 2rem;
	padding: 0 0 5px;
}

.enq_box p.h4 {
	margin-bottom:20px;
}

.form-group > .btn{
	width: 90%;
	margin: 25px auto 0;
	display: block;
	box-shadow: none !important;
}
.btn .btn_check > .bg-bw{
	width: 100%;
	max-width: 300px;
	height: 70px;
	background-color: #d92817;
	color: #fff;
	border-radius: 10px;
	font-size: 2.5rem;
	letter-spacing: 0.5rem;
	border: none;
}
.btn .btn_check > .bg-bw:hover{
	opacity: 0.7;
}
/* 修正・送信ボタン設定 */
.form-group > .btn_dw{
	width: 90%;
	margin: 25px auto 0;
	display: flex;
	justify-content: center;
}
.btn_dw .btn_retouch{
	margin: 0 15px 0 0;
}
.btn_dw .btn_retouch > .bg-gy{
	width: 100%;
	max-width: 300px;
	height: 70px;
	background-color: #777;
	color: #fff;
	border-radius: 10px;
	font-size: 2.5rem;
	letter-spacing: 0.5rem;
	border: none;
}
.btn_dw .btn_submit{
	margin: 0 0 0 15px;
}
.btn_dw .btn_submit > .bg-bw{
	width: 100%;
	max-width: 300px;
	height: 70px;
	background-color: #d92817;
	color: #fff;
	border-radius: 10px;
	font-size: 2.5rem;
	letter-spacing: 0.5rem;
	border: none;
}
.btn_dw .btn_retouch > .bg-gy:hover{
	opacity: 0.7;
}
.btn_dw .btn_submit > .bg-bw:hover{
	opacity: 0.7;
}
@media screen and (max-width: 868px) {
.enq_box {
	width:96%;
	padding: 20px 10px;
	line-height: 1.8rem;
}
.enq_box > h3 {
	padding: 10px;
	margin: 0 0 15px 0;
	border: 2px solid #593016;
	box-sizing: border-box;
	background-color:rgba(255,255,255,0.7);
	font-size:1.9rem;
}
.enq_box > h4 {
	font-size: 1.7rem;
	padding: 0 0 15px;
}
.enq_box > .kakunin {
	font-size: 1.5rem;
	padding: 0 0 5px;
}
.form-group > .btn{
	width: 90%;
	margin: 20px auto 0;
}
.btn .btn_check > .bg-bw{
	height: 50px;
	font-size: 1.5rem;
	border: none;
}
/* 修正・送信ボタン設定 */
.form-group > .btn_dw{
	width: 90%;
	margin: 20px auto 0;
}
.btn_dw .btn_retouch{
	margin: 0 5px 0 0;
}
.btn_dw .btn_retouch > .bg-gy{
	height: 50px;
	font-size: 1.5rem;
	border: none;
}
.btn_dw .btn_submit{
	margin: 0 0 0 5px;
}
.btn_dw .btn_submit > .bg-bw{
	height: 50px;
	font-size: 1.5rem;
	border: none;
}
}


.control-label {
	font-size: 1.36em;
}

.col-sm-10, .col-sm-6 {
	font-size: 1.36em;
}

.check_now > form > .form-group > .col-sm-10, .check_now > form > .form-group > .col-sm-6 {
	padding-top: 8px;
	padding-bottom: 8px;
}



/* pagetop
---------------------------------------------------------------*/
#pagetop {
  position: fixed;
  right: 20px;
  bottom: 0;
  z-index: 1500;
}
#pagetop a {
  overflow: hidden;
  outline: none;
}
@media all and (max-width: 768px) {
  #pagetop a img {
    opacity: 0.7;
    width: 60px;
    height: auto;
  }
}

section.foot p.ja_logo {
	width: 100%;
	max-width: 316px;
	padding: 0;
	margin: 0 auto 10px auto;
}
@media screen and (max-width: 868px) {
section.foot p.ja_logo {
	width:90%;
	margin: 0 auto 10px auto;
}
}

/*  footer
---------------------------------------------------------------*/
footer {
  text-align: center;
  padding: 40px 0;
  background: #fff;
}

.footer_logo {
  padding: 0 0 20px;
}

br.only_sp{display: none;}
.mt10{
	margin-top: 10px;
}
.mb10{
	margin-bottom: 10px;
}
@media screen and (max-width: 868px) {
	br.only_sp{display: block;}
}