@charset "UTF-8";

@-ms-viewport {width: device-width;}
body {
	margin: 0;
	padding: 0;
}
h4, h4, h5, h6 {font-weight: normal;}
img {border: none;}
.clearfix::after {
	content: '';
	display: block;
	clear: both;
}
/* 全体 */
#p_wrapper {
	padding-bottom: 3%;
	background-color: #fffded;
}
.orenge {
	color: #ec6c00;
}
.green {
	color: #61a951;
}
.blue {
	color: #0075d7;
}
.mt-1{ margin-top: 1rem;]
}
.mametoku_m {
	margin: 2% 0;
}
/* コンテナ */
.container {
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 16px ;
	line-height: 1.618 ;
	max-width: 1040px;
	margin: 0 auto 2%;
	padding: 0 10px 0 10px;
	color: #3e3a39;
}
.container a {
	color: #3e3a39;
	text-decoration: none;
}
.container a:hover {
	opacity: 0.8;
}
/* スマホは非表示 */
.disp_yes {display: inline;}
.disp_no {display: none;}
/* メインバナー */
.p_main {
	padding: 0;
	background-color: #f4c039;
	background: repeating-linear-gradient(90deg, #f4c039, #f4c039 8px, #f2cf81 8px, #f2cf81 9px);
}
.p_main h4 {
	margin: 0;
	text-align: center;
	background-color: none!important;
}
.p_main .logo {
	max-width: 800px;
	width: 90%;
	height: auto;
	margin: 0 auto;
	border: none;
}
/* 告知10/1スタート*/
.kokuchi {
	position: relative;
}
.kokuchi .kokuchi_img {
	position: absolute;
  top: 62%;
  right: 7%;
}
.kokuchi .kokuchi_img img {
	width: 100%;
	height: auto;
}
/* まめ得プログラムとは？ */
.mametoku_naka {
	padding: 0;
	margin: 3% auto 1%;
	text-align: left;
}
.mametoku_naka .toku_exb {
	font-size: 25px;
	font-weight: bold;
}
.mametoku_naka img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
.mametoku_naka p {
	/* font-size: 13px; */
	text-align: left;
	margin: 2% 0;
}
/* -------------------------------------------------------------------------^-------------------- */
/* -------------------------------------------------------------------------^-------------------- */
/* -------------------------------------------------------------------------^-------------------- */
.mametoku_naka .mg_day {
	font-weight:bolder;
	text-align: center;
	font-size: 2rem;
	vertical-align: middle;
}

.mametoku_naka .mg_strong {
	font-weight:bolder;
	font-size: 1.2em;
}

.mg_day small {
    font-size: 90%;
}

/* -------------------------------------------------------------------------^-------------------- */
/* -------------------------------------------------------------------------^-------------------- */
/* -------------------------------------------------------------------------^-------------------- */

.mametoku_naka .toku_copy {
	font-size: 19px;
	line-height: 1.4;
}
.mametoku_naka .text_att {
	font-size: 13px;
	text-align: left;
	margin: 2% 0 2%;
	padding: 0;
	vertical-align: top;
}
/* マメー7倍デーバナー */
.mame_7_bnr img {
	margin-top: 2%;
}
/* さらに */
/* .max10 {
	position: relative;
}
.max10_waku {
	border: 3px solid #f4c039;
	margin: 3% 0;
	padding: 0 1%;
}
.catch {
	position: absolute;
	top:-26%;
	left: -2%;
}
.catch img {
	width: 100%;
}
.inb {
	padding: 1% 2%;
	width: 30%;
}
.inb2 {
	padding: 2% 1%;
}
.inb,.inb2 {
	display: inline-block;
} */
@media screen and (max-width: 768px) {
	/* タブレットは非表示 */
	.disp_no {display: none;}
	/* PC表示 タブレット表示 */
	.disp_yes {display: inline-block;}
	/* コンテナ */
	.container {font-size: 14px ;}
	.mametoku_m {
		margin: 7% 0;
	}
	/* まめ得プログラムとは？ */
	.mametoku_naka {
		margin: 4% 0;
	}
	.mametoku_naka .toku_exb {
		font-size: 19px;
	}
	/* マメー7倍デーバナー */
	.mame_7_bnr {
		margin: 7% 0;
	}

	/* .max10_waku {
		margin: 10% 0 7%;
		padding: 2% ;
	}
	.catch {
		position: absolute;
		top: -16%;
		left: -2%;
	}
	.catch img {
		width: 70%;
	}
	.inb {
		width: 38%;
	}*/
}
/* マメーとは？ */
.p_bg {
	margin: 3% 0 ;
	padding: 2% 0;
	background-color: #e4efde;
}
.mametowa_naka {
	text-align: center;
}
.mametoku_naka .mame_copy {
	font-size: 19px;
	line-height: 1.4;
	float: right;
	width: 100%;
}
.mametoku_towa_img {
	padding: 0 0 0 33%;
}
.mame_step {
	position: relative;
	background: #fff;
	margin: 5%;
	padding: 3%;
	border-radius: 6px;
}
.mame_step .mame_step_no {
	position: absolute;
	top:-10%;
	left:-10%;
	width: 30%;
}
.mame_step .toku_exb {
	padding-left: 21%;
}
.mame_step .mame_step_no img {
	width: 100%;
}
.mame_step .mame_step_img img {
	width: 100%;
}
.t_c {
	text-align: left;
	padding: 0 0 0 3%;
	margin: 0;
}
.fontawe {
	vertical-align: middle;
	margin-top: 150px;
}
.fontawe i {
	font-size: 70px;
	color: #aecf9c;
	vertical-align: middle;
	margin-left: -16px;
}
/* btn */
.step_m {
	margin: 7% 0 0;
}

.step_link {
	width: 100%;
	height: auto;
	cursor: pointer;
	border-radius: 3px;
	padding: 0;
	background-color: #61a951;
	text-align: center;
	margin: 3% auto;
}
.tame_link {
	width: 100%;
	cursor: pointer;
	border-radius: 3px;
	padding: 0;
	background-color: #61a951;
	text-align: center;
	margin: 3% auto;
}
.step_link:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.step_link a,.tame_link a {
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-size: 18px;
	line-height: 3.2;
	display: block;
}
 @media screen and (max-width: 768px) {
	.p_bg	{
		margin: 3% 0 7%;
	}
	.mametoku_towa_img{
		padding: 0 10%;
	}
	.mame_step .mame_step_img img{
		width: 50%;
	}
	.mametoku_naka .mame_copy{
		font-size: 19px;
		line-height: 1.4;
		float: right;
		width: 50%;
	}
	.mame_step{
		margin: 0 3%;
	}
	.mame_step .mame_step_no{
		width: 23%;
		top:-5%;
		left: -3%;
	}
	.mame_step .mame_step_img{
		width: 100%;
	}
	.fontawe{
		margin: 0px auto -20px;
		transform: rotate(90deg);
	}
}
/* マメーとは？end */
/* マメーを貯める方法はいろいろ! */
.mametoku_naka .toku_text {
	font-size: 17px;
	line-height: 1.4;
}
.mame_step2 {
	position: relative;
	background: #fae6ad;
	margin: 5%;
	padding: 2%;
	border-radius: 6px;
}
.mame_step3 {
	padding: 1% 0 0 3%;
	margin: 5% 0 0 3%;
}
.mame_step2 .mame_step_no1,
.mame_step2 .mame_step_no2,
.mame_step2 .mame_step_no3,
.mame_step2 .mame_step_no4,
.mame_step2 .mame_step_no5 {
	position: absolute;
}
.mame_step2 .mame_step_no1 {
	position: absolute;
	top: -60px;
	left: -4%;
}
.mame_step2 .mame_step_no2,
.mame_step2 .mame_step_no3,
.mame_step2 .mame_step_no4,
.mame_step2 .mame_step_no5 {
	position: absolute;
	top: -40px;
	left: -2%;
}
.mame_step2 .toku_exb {
	padding-left: 18%;
}
.mame_step2 .mame_step_no img {
	width: 100%;
}
.mame_step2 .mame_step_img {
	/* margin: 5%; */
}
.mame_step2 .mame_step_img img {
	width: 100%;
}
.tameru_copy {
	font-size: 19px;
}
/* WEBからがお得　7倍の日 */
.mame_step2_2col {
	background: #fae6ad;
	border-radius: 6px;
	margin: 3%;
	padding: 0;
	position: relative;
}
.mame_baiday_all {
	position: relative;
	/* background: #fae6ad; */
	margin: 0;
	padding: 3%;
	border-radius: 6px;
}
/* 目隠し　10/1削除 */
.mekakusi {
	background-color: #fae6ad;
	display: inline-block;
}
/* 目隠し　10/1削除 end*/
/* .mame_baiday {
	background-color: #fff;
	border-radius: 6px;
	padding: 2%;
	text-align: center; */
}
.mame_baiday img {
	/*
	width: 83%;
	*/
	width: 100%;
	height: auto;
}
.mame_baiday .baiday_att {
	font-size: 13px;
	text-align: left;
	margin: 2% 0 0;
	padding: 0;
}
@media screen and (max-width: 768px) {
	.mame_step2 {
		margin: 5vw 3%;
	}
	.mame_step2_2col {
		padding: 3%;
	}
	.mame_baiday_all {
		margin: 0;
		padding: 0;
	}
	.mame_baiday {
		padding: 2%;
	}
	.mame_baiday img {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.mametoku_naka .toku_text {
		font-size: 15px;
	}
	.mametoku_naka .toku_copy {
		font-size: 17px;
		line-height: 1.4;
		padding: 1% 0 0;
	}
	.mametoku_naka .tameru_copy {
		font-size: 17px;
		line-height: 1.4;
		padding: 6% 0 0;
	}
	.mametoku_naka .tameru_copy_2 {
		font-size: 17px;
		line-height: 1.4;
	}
	.mame_step2 .mame_step_no1 {
		top: -14vw;
		height: 18vw;
		left: -9%;
	}
	.mame_step2 .mame_step_no2,
	.mame_step2 .mame_step_no3,
	.mame_step2 .mame_step_no4,
	.mame_step2 .mame_step_no5 {
		top: -5vw;
		height: 18vw;
	}
	.mame_step2 .mame_step_no1 img,
	.mame_step2 .mame_step_no2 img,
	.mame_step2 .mame_step_no3 img,
	.mame_step2 .mame_step_no4 img,
	.mame_step2 .mame_step_no5 img {
		height: 100%;
	}
}
/* マメーを貯める方法はいろいろ!end */
/* btn */
.mame_link {
	width: 410px;
	height: 57px;
	cursor: pointer;
	border-radius: 3px;
	padding: 0;
	background-color: #ec6c00;
	text-align: center;
	margin: 3% auto;
}
.mame_link:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.mame_link a {
	color: #ffffff;
	text-decoration: none;
	font-size: 18px;
	line-height: 3.2;
	display: block;
}
.mame_link i {
	font-size: 17px;
	margin: 0px 0px 0px 5px !important;
	display: inline-block;
	color: #ffffff;
}
/* よくある質問 */
.point_att {
	color: #3e3a39;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 14px ;
	line-height: 1.6 ;
	max-width: 1000px;
	margin: 0 auto 4%;
	padding: 0 10px 0 10px;
	text-align: justify;
	letter-spacing:0.1pt;
}
.point_att h5 {
	font-size: 20px;
	font-weight: bold;
	background-color: #f4c039;
	padding: 1% 0;
	margin: 2% 0;
	text-align: center;
	color: #ffffff;
	vertical-align: middle;
	line-height: 20px;
	height: 37px;
}
.point_att .h6 {
	font-weight: bold;
	font-size: 15px;
	margin: 1% 0 1%;
}
.point_att .pink {
	font-size: 20px;
	color:#f4c039;
}
.point_att .green {
	font-size: 20px;
	color:#61a951;
	font-weight: bold;
	vertical-align: middle;
}
.point_att p {
	margin: 1% auto 5%;
}
.point_att p a {
	text-decoration: underline;
	color: #61a951;
}
.point_att p a:hover {
	opacity: 0.8;
}
.point_att .kome {
	font-size: 13px;
	margin: 1% 0 0;
	display: block;
}
.mame_m {
	margin: 7% 0 0;
}
/*ブルックスマルシェ用に追加*/
.mame_step2 .mame_step_img2 {
	/* margin-top: 40px; */
	width: 100%;
	overflow: hidden;
	position: relative;
	display: flex;
    align-items: flex-end;
}
.mame_step2 .step_m {
	width: 60%;
	float: left;
	position: absolute;
	bottom: 0;
}

.mame_step2 .step_m2 {
	margin:0;
	width: 70%;
	float: left;

}

.mame_step2 .step_mail_gogo {
    width: 60%;
    clear: both;
    /* position: absolute; */
    bottom: 0;
}


.mame_step2 .mame_step_img2 img {
	float: right;
	width: 39%;
	padding-left: 3%;
	box-sizing: border-box;
}
.tameru_text {
	font-size: 15px;
}
.game {
	margin: 2% 5%;
	text-align: center;
}
.game .illust {
	width: 60%;
	height: auto;
}

.mame_step2 .mame_step_img2 .img_2{
	width:30%;
}
@media screen and (max-width: 768px) {
	.disp_yes {display: none;}
	.disp_no {display: inline;}
	.container {
		font-size: 14px ;
		margin: 0 auto 3%;
	}
	/*spだけ改行しない*/
	.br-sp {display:none;}
	/* メインバナー */
	.p_main h4 {
		padding: 1% 0 9%;
	}
	/* 告知10/1スタート*/
	.kokuchi {
		position: relative;
	}
	.kokuchi .kokuchi_img {
		position: absolute;
		top: 73%;
		right: 0%;
		width: 50%;
		height: auto;
	}
	.kokuchi .kokuchi_img img {
		width: 100%;
		height: auto;
	}
	.mame_step3 {
		padding: 0;
	}
	/* btn */
	.mame_link {
		width: 96%;
		margin-bottom: 5%;
	}
	/* よくある質問 */
	.mame_m {margin: 13% 0 0 !important;}
	/*ブルックスマルシェ用に追加*/
	/* .mame_step2  {
		margin-top: 0;
	} */

	/* .mame_step2 .mame_step_img {
		margin-top: 2%;
	} */
	.game .illust {
		padding-top: 2%;
		width: 40%;
	}
	.game {
		margin: 2% 10%;
	}
	.point_att h5 {
		line-height: 26px;
	}
	.mame_step2 .step_m2 {
		margin: 2% 0 0;
	}
}
@media screen and (max-width: 375px){
	.point_att h5 {
		height: 30px;
	}
	.mame_step2 .step_m2 {
		margin: 2% 0 0;
	}
}


/*------------- LINEにゴーゴー!!!キャンペーン ----------------*/
.webgo_pre_all {
	background-color: #fae6ad;
}
.webgo_pre_all .go_logo {
	padding: 0;
}

.webgo_pre_all .go_logo2 {
	padding: 0;
	max-width: 80%;
}

.mame_mg_img {
	text-align: left;
	display: block;
justify-content: center;
align-items: center;
}

.webgo_pre_all .tameru_text strong {
	font-size: 19px;
}
/* タイトル */
.webgo_pre_all .choice_pre {
	margin: 0;
	padding: 0;
	background-color: #d8e266;
	font-size: 18px;
}
.webgo_pre_all .choice_pre p {
	margin: 0;
	text-align: center;
}
/* プレゼント */
.pure-present {
	display: flex;
	justify-content: center;
}
.present {
	background-color: #fff;
	border-radius: 6px;
	text-align: center;
}
.present p {
	margin: 0 2% 2%;
	font-size: 11px;
	line-height: 1.4;
	/* text-align: center; */
}
.pre_name {
	font-size: 13px;
}
.pre_mame {
	font-size: 25px;
}
.icon_plus {
	position: relative;
	height: 100%;
}
.icon_plus img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	width: 80%;
}
.mame_55 {
	line-height: 4em !important;
}

@media screen and (max-width: 768px){
 	.mame_mg_img {
		padding-top: 20px;
		}
	}

/* 注記 */
.gogo_att {
	font-size: 13px;
	margin: 2% auto 0 !important;
}
@media screen and (max-width: 768px) {
	.webgo_pre_all .go_logo{
		padding: 10% 0 0;
	}
	.webgo_pre_all .go_logo2{
		padding:0;
		max-width: 95%;
	}
	.mame_55 {
		line-height: 5.5em !important;
	}
	/* 友達追加ボタン */
	.line_link {
		display: block;
		width: 50%;
		margin: 2% auto;
	}
	.gogo_topborder{
		display: block;
		margin-top: 2%;
		padding-top: 2%;
		border-top: 1px dotted #c9c9c9;
	}

mg_day{
	  margin: 20px;
	 	font-size: 20px;
}
}

/*------------- LINEにゴーゴー!!!キャンペーン end ----------------*/

/*------------- 選べるプレゼント全体 ----------------*/
	.webgo_pre_all{
		color: #3e3a39;
		background-color: #fae6ad;
	}

	.webgo_pre_all .go_logo{
		padding: 1rem 0 0;
	}

	/* 段組み */
	.webgo_pre_all .cols{
		padding: 3px ;
		box-sizing: border-box;
		background-color: #ffffff;
		width:100%;
    margin:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    /* -moz-box-lines:multiple; */
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	}

	.webgo_pre_all .col	{
		float: left;
		width: 33%;
		*clear: right;
		padding: 0 4px;
		box-sizing: border-box;
	}
	@media screen and (max-width: 1024px) {
		.webgo_pre_all .col	{
			padding: 0;
		}
	}

	.webgo_pre_all .col:first-child	{
		width: 33%;
		border-right:1px dotted #3e3a39 ;
		box-sizing: border-box;
	}

	.webgo_pre_all .col:last-child	{
		width: 33%;
		border-left:1px dotted #3e3a39 ;
		box-sizing: border-box;
	}

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

	.webgo_pre_all .cols	{*zoom: 1;}

	.webgo_pre_all .col .pre_img{
		padding: 0 3%;
	}

	.webgo_pre_all .col img{
		width: 100%;
		height: auto;
	}

	/* プレゼント */
	.webgo_pre_all .cols .col .present	{
		padding: 5px 0 0 0;
	}

	.cols .col .present .pre_float_all{
		overflow: hidden;
		min-height: 2em;
	}

	.present .pre_float_01	{width: 20%; float: left;}
	.present .pre_float_02	{width: 78%; float: left; padding-left: 2%;}
	.present .pre_float_01 p{display: block;}
	.present .pre_mame{font-size: 1.5em;}
	.present .pre_mame{line-height: 1.2em;}

	.present p	{
		margin: 0 0 0 0;
		font-size: 14px;
		line-height: 1.6;
	}
	@media screen and (max-width: 1024px) {
		.present p	{
			line-height: 1.3;
		}
	}


@media screen and (max-width: 1024px) {
	.present .pre_float_02	{
		width: 74%; float: left; padding-left: 6%;
	}
}

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

	.present .pre_float_01	{width: 100%; float: none;}
	.present .pre_float_02	{	width: 100%; float: none;}

	.webgo_pre_all .go_logo{
		padding-top: 3rem;
	}


}

/* 2022 WEBゴー */

.webgo_table {
	margin: 0 auto;
	width: 100%;
	background-color: white;
	border-spacing: 0;
	border: 1px solid #d8e266;
}
.webgo_table caption {
	background-color: #d8e266;
	font-size: 19px;
	text-align: center;
}
.webgo_table th,
.webgo_table td {
	width: 33%;
	border-right: 1px solid #d8e266;
	font-size: 14px;
	font-weight: normal;
	vertical-align: top;
}
.webgo_table th {
	padding: 5px 5px 0;
}
.webgo_table td {
	padding: 0 5px;
}
.webgo_table th:last-child,
.webgo_table td:last-child {
	border-right: none;
}
.webgo_table .no {
	float: left;
	margin: 0 0.5em 0 0;
	width: 24px;
	height: 24px;
	background-color: #d8e266;
	border-radius: 50%;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
}
.webgo_table .big {
	font-size: 24px;
}
.webgo_table .lh {
	line-height: 1.8rem;
}
.gogo_att {
	font-size: 13px;
}
.gogo_att p {
	margin: 0;
}
.gogo_att ul {
	margin: 0;
	padding-left: 2em;
}

@media screen and (max-width: 768px) {
	.webgo_table caption {
		font-size: 17px;
	}
	.webgo_table .no {
		float: none;
	}
	.webgo_pre_all .tameru_copy {
		padding: 0;
	}
}


/*------------- 選べるプレゼント全体 end ----------------*/

/*------------- 選べるプレゼント全体 ----------------*/

/* その３～5 余白調整 */
.space-adj {
	padding: 4% 0 0 4%;
}

.summer_all {
	margin: 2% 0;
}

@media screen and (max-width: 768px){
	.summer_all {
		padding: 6% 0 0;
	}
}

.summer_all .summer_logo {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.mame_baiday hr {
	height: 7px;
	border-width: 0;
	border-width: 0;
	background: repeating-linear-gradient(-45deg, #f4c039, #f4c039 4px, transparent 4px, transparent 8px);"
}
.text_mame_summer-2 {
	padding: 0 2%;
}

/* 花火 */

.firework-1,
.firework-2 {
	position: absolute;
	width: 22% !important;
}
.firework-1 {
	top: -16%;
	right: -10%;
	z-index: 1
}
.firework-2 {
	bottom: -10%;
	left: -10%;
}

@media screen and (max-width: 768px){
	.firework-1 {
		width: 20vw !important;
	}
	.firework-1 {
		top: -10vw;
		right: -5vw;
	}
	.firework-2 {
		display: none;
	}
}

/* WEBからのご注文で */

.relative {
	position: relative;
}
.point_mame_summer {
	position: absolute;
	top: -10%;
	left: -8%;
	margin: 0 !important;
	width: 30%;
}

@media screen and (max-width: 768px){
	.point_mame_summer {
		top: -4vw;
		left: -4vw;
		width: 24vw;
	}
}