@charset "utf-8";

/******************************************************************************/
/***                                                                        ***/
/***                                                                        ***/
/***     column.css                                                         ***/
/***                                                                        ***/
/***    【内容】                                                            ***/
/***                                                                        ***/
/***     ・コラム専用のスタイルを記述する                                   ***/
/***                                                                        ***/
/***                                                                        ***/
/******************************************************************************/

.column .column_wp {
	width: auto;
	margin: 0 auto;
}
.main_inner {
	padding-bottom: 100px;
}
.enemall_intro {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	color: #4E3B30;
 }
.enemall_intro figure, 
.enemall_intro .img {
	text-align: center;
	line-height: 0;
}
.enemall_intro p {
	font-size: 110%;
	line-height: 1.77;
	font-weight: bold;
}
.enemall_intro .btn_common {
	max-width: 400px;
	margin: 0 auto;
}
.enemall_intro .btn_common a {
	position: relative;
	padding: 15px 40px 15px 30px;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 1.4;
	color: #4E3B30;
	/* border: 2px solid #4E3B30; */
	border-radius: 50px;
	display: block;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.enemall_intro .btn_common a:hover {
	padding-left: 35px;
	padding-right: 35px;
	filter: brightness(1.1);
	-webkit-transition: all .2s;
	transition: all .2s;
}
.enemall_intro .btn_common.grn a {
	color: #FFF;
	background-color: #099B48;
	border: none;
}
.enemall_intro .btn_common.ylgr a {
	color: #FFF;
	background-color: #6DAD19;
	border: none;
}
.enemall_intro .btn_common.yel a {
	background-color: #F39800;
	color: #FFFFFF;
}
.enemall_intro .btn_common.wht a {
	background-color: #FFF;
	border: 2px solid #4E3B30;
}
.enemall_intro .btn_common a::after {
	content: "";
	position: absolute;
	top: 0;
	right: 15px;
	bottom: 0;
	width: 18px;
	height: 18px;
	margin: auto 0;
	background: url("enemall_intro_ico03.svg") no-repeat center center / contain;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.enemall_intro .btn_common.wht a::after {
	background: url("enemall_intro_ico02a.svg") no-repeat center center / contain;
}
.enemall_intro .btn_common a:hover::after {
	right: 10px;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.enemall_intro .menu_btn {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.enemall_intro .menu_btn .btn_common {
	width: calc(50% - 10px);
}
.enemall_intro .menu_btn .btn_common a::after {
	background-image: url("enemall_intro_ico01a.svg");
}
.enemall_intro .box_wht {
	margin: 20px 0;
	padding: 30px;
	background-color: #FFF;
	border-radius: 10px;
}
.enemall_intro .box_wht.great_deals, 
.enemall_intro .box_wht.enetomo {
	padding-top: 50px;
	padding-bottom: 50px;;
}
.enemall_intro .box_wht strong {
	color: #D80000;
}
.enemall_intro .box_wht .supplement {
	background-color: #E6F0B4;
	border-radius: 10px;
	margin: 20px 0;
	padding: 20px;
}
.enemall_intro .box_wht .supplement.indent {
	text-indent: -6.5em;
	padding-left: 8.0em;
}
.enemall_intro .box_wht figure {
	text-align: center;
}

.box_inner {
	max-width: 700px;
	margin: 0 auto;
}
.box_inner h5.img {
	margin-top: 50px;
}
.box_inner.img_wide {
	max-width: 750px;
	margin: 0 auto;
}
.box_inner.img_wide p {
	max-width: 700px;
	margin: 0 auto;
}
.box_inner.img_wide figure {
	margin-top: 40px;
}

.article_heading {
	padding: 47px 20px 60px;
}
.article_heading .main_img {
	margin-bottom: 44px;
	text-align: center;
	line-height: 0;
}
.article_heading p {
	margin-bottom: 50px;
	text-align: center;
}
.article_heading .video {
	background: #FFF5E0;
	border: 3px solid #6A3906;
	border-radius: 10px;
	margin: 0 auto 50px;
	padding: 30px;
	max-width: 800px;
}
.article_heading .video h3 {
	margin-bottom: 20px;
	padding-bottom: 0;
}
.article_heading .video h3 img {
	margin: 0 auto;
}
.article_heading .video div {
	text-align: center;
	aspect-ratio: 16 / 9;
}

.usage_status {
	padding: 50px;
	background: #FFF5E0 url("enemall_intro_line01.png") no-repeat center top / 100% auto;
}
.usage_status h3 {
	margin-bottom: 32px;
}
.usage_status .top_img {
	margin-bottom: 53px;
}
.usage_status .img_txt {
	max-width: 760px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.usage_status h4 {
	max-width: 700px;
	margin: 0 auto 40px;
}
.usage_status .img_txt figure {
	width: 56.18%;
}
.usage_status .img_txt .txt {
	width: 40.13%;
}
.usage_status .img_txt .txt .btn_common {
	margin-top: 36px;
}
.usage_status .mail_maga {
	margin-top: 120px;
	padding: 1px 30px 40px;
	text-align: center;
	background-color: #FFD353;
	border: 3px solid #4E3B30;
	border-radius: 10px;
}
.usage_status .mail_maga h3 {
	margin-top: -70px;
	margin-bottom: 36px;
}
.usage_status .mail_maga h3 img {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.usage_status .box_shortcut p {
	margin: 60px 0 20px;
	text-align: center;
}
.usage_status .box_shortcut a {
	padding-bottom: 0;
	color: #4E3B30;
}
.usage_status .box_shortcut a:hover {
	text-decoration: none;
}
.usage_status .box_shortcut a img {
	margin: 0 auto;
}

.point_service {
	position: relative;
	margin-top: 86px;
	padding: 0 50px 50px;
	background-color: #FFF5E0;
}
.point_service .ornament {
	margin: 0 -50px 50px;
}
.point_service .point_desc {
	position: relative;
}
.point_service .point_desc.type01 {
	padding-top: 20px;
	padding-bottom: 30px;
	background: url("enemall_intro_line03.png") no-repeat center bottom / 100% auto;
}
.point_service .point_desc.type02 {
	padding-top: 30px;
}
.point_service .title_txt {
	max-width: 730px;
	margin: 0 auto;
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.point_service .title_txt h3 {
	width: 46.98%;
}
.point_service .title_txt .txt {
	width: 47.94%;
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.point_service .type01 .title_txt .txt p {
	width: 80%;
}
.point_service .type01 figure {
	position: absolute;
	bottom: 30px;
	right: -30px;
}
.point_service .point_desc .btn_common {
	margin-top: 40px;
}
.point_service h4 {
	margin-top: 50px;
	margin-bottom: 40px;
}
.point_service .list_wp {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}
.point_service .logo_list {
	margin: 0 calc(100px / 2 * -1);
 	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.point_service .logo_list li {
	width: calc(25% - 100px);
	margin: 0 calc(100px / 2) 30px;
	text-align: center;
	line-height: 0;
}
.point_service .logo_list_4,
.point_service .logo_list_5,
.point_service .logo_list_6 {
	margin: 0 calc(100px / 2 * -1);
 	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.point_service .logo_list_4 li {
	width: calc(25% - 60px);
	margin: 0 calc(60px / 2) 30px;
	text-align: center;
	line-height: 0;
}
.point_service .logo_list_5 li {
	width: calc(20% - 60px);
	margin: 0 calc(60px / 2) 30px;
	text-align: center;
	line-height: 0;
}
.point_service .logo_list_6 li {
	width: calc(20% - 60px);
	margin: 0 calc(33px / 2) 30px;
	text-align: center;
	line-height: 0;
}
.point_service .item_list {
	margin: 0 calc(30px / 2 * -1);
 	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.point_service .item_list.center {
	justify-content: center;
}
.point_service .item_list li {
	width: calc(25% - 30px);
	margin: 0 calc(30px / 2) 10px;
	line-height: 0;
}
.point_service .kiramake {
	margin-bottom: 30px;
}
.point_service .notes {
	font-size: 100%;
	text-align: right;
	line-height: 1.4;
}
.point_service .txt_center {
	margin-top: 10px;
	text-align: center;
}
.point_service .btn_common {
	margin-top: 35px;
}
.great_deals h3, 
.enetomo h3 {
	margin-bottom: 35px;
}
.great_deals h3 img, 
.enetomo h3 img {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.great_deals .txt_img {
 	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
  	-webkit-box-orient: horizontal;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: row-reverse;
  	flex-direction: row-reverse;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;

}
.great_deals .txt_img p {
	width: 68.57%;
}
.great_deals .txt_img figure {
	width: 22.85%;
}
.enetomo .btn_common {
	margin-top: 35px;
}


.enemall_entry {
	margin-top: 86px;
	margin-bottom: 100px;
	padding: 0 30px 50px;
	background-color: #E6F0B4;
}
.enemall_entry .ornament {
	margin: 0 -30px;
}
.enemall_entry h3 {
	margin-top: 40px;
	margin-bottom: 40px;
}
.enemall_entry h3 img {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.enemall_intro .btn_entry {
	max-width: 700px;
	margin: 0 auto;
}
.enemall_intro .btn_entry a {
	position: relative;
	padding: 20px 45px 20px 35px;
	font-size: 160%;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
	text-decoration: none;
	/* color: #4E3B30; */
	color: #FFFFFF;
	background-color: #FBA518;
	/* border: 3px solid #4E3B30; */
	/* outline: 8px solid #FFF; */
	border-radius: 10px;
	display: block;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.enemall_intro .btn_entry a:hover {
	padding-left: 40px;
	padding-right: 40px;
	filter: brightness(1.1);
	-webkit-transition: all .2s;
	transition: all .2s;
}
.enemall_intro .btn_entry a::after {
	content: "";
	position: absolute;
	top: 0;
	right: 20px;
	bottom: 0;
	width: 18px;
	height: 18px;
	margin: auto 0;
	background: url("enemall_intro_ico03.svg") no-repeat center center / contain;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.enemall_intro .btn_entry a:hover::after {
	right: 15px;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.enemall_intro .link_flow {
	margin-top: 30px;
	text-align: center;
}
.enemall_intro .link_flow a {
	position: relative;
	padding-right: 30px;
	font-size: 100%;
	font-weight: bold;
	text-decoration: underline;
	color: #4E3B30;
}
.enemall_intro .link_flow a:hover {
	text-decoration: none;
}

.enemall_intro .link_flow a::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 18px;
	height: 18px;
	margin: auto 0;
	background: url("enemall_intro_ico02a.svg") no-repeat center center / contain;
	-webkit-transition: all .2s;
	transition: all .2s;
}


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

.main_inner {
	padding: 0 3.91vw;
	padding-bottom: 13.03vw;
}
/*
.main_inner .common_btn {
	width: calc(100% - 40px);
	margin-left: 20px;
	margin-right: 20px;
}
*/
.enemall_intro p {
	font-size: max(3.91vw, 15px);
}
.enemall_intro .btn_common {
	max-width: inherit;
}
.enemall_intro .btn_common a {
	padding: 4.5vw 40px 4.5vw 30px;
	font-size: max(3.9113vw, 15px);

	border-radius: 100px;
	display: block;
}
.enemall_intro .btn_common a::after {
	width: max(2.34vw, 18px);
	height: max(2.34vw, 18px);
}
.enemall_intro .menu_btn {
  	display: block;
}
.enemall_intro .menu_btn .btn_common {
	width: 100%;
}
.enemall_intro .menu_btn .btn_common +  .btn_common {
	margin-top: 6.51vw;
}
.enemall_intro .box_wht {
	margin: 5.21vw 0;
	padding: 5.21vw 5.21vw 7.82vw;
}
.enemall_intro .box_wht.great_deals, 
.enemall_intro .box_wht.enetomo {
	padding-top: 7.82vw;
	padding-bottom: 7.82vw; 
}
.enemall_intro .box_wht .supplement {
	padding: 15px;
}
.enemall_intro .box_wht .supplement.indent {
	text-indent: 0;
	padding-left: 15px;
}
.box_inner {
	max-width: inherit;
}
.box_inner h5.img {
	margin-top: 40px;
}
.box_inner.img_wide {
	max-width: inherit;
	margin: auto -2.6vw 0 -2.6vw;
}
.box_inner.img_wide figure {
	margin-top: 20px;
}

.article_heading {
	padding: 6.51vw 3.91vw 13.03vw;
}
.article_heading .main_img {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 11.73vw;
}
.article_heading p {
	margin-bottom: 9.12vw;
	text-align: left;
}
.article_heading .video {
	margin: 0 -3.91vw 40px;
	padding: 15px;
	width: auto;
}
.article_heading .video h3 {
	margin: 0 auto 15px;
	width: 100%;
}
.article_heading .video div {
	text-align: center;
	aspect-ratio: 16 / 9;
}
.usage_status {
	margin: 0;
	padding: 6.51vw 2.60vw;
	background-image: url("sp/enemall_intro_line01.png");
}
.usage_status h3 {
	max-width: 280px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding: 0 20px;
}
.usage_status .top_img {
	margin-bottom: 10.43vw;
}
.usage_status .top_img img + img {
	margin-top: 10px;
}
.usage_status .img_txt {
	max-width: 760px;
  	display: block;
}
.usage_status h4 {
	max-width: 500px;
	margin: 0 auto 5.21vw;
}
.usage_status .img_txt figure {
	width: auto;
	margin-left: -2.6vw;
	margin-right: -2.6vw;
	margin-bottom: 7.82vw;
}
.usage_status .img_txt .txt {
	width: 100%;
}
.usage_status .img_txt .txt .btn_common {
	margin-top: 5.73vw;
}
.usage_status .mail_maga {
	margin-top: 16.94vw;
	padding: 1px 5.21vw 5.21vw;
}
.usage_status .mail_maga h3 {
	max-width: inherit;
	margin-top: -9.12vw;
	margin-bottom: 3.91vw;
	padding: 0;
}
.usage_status .box_shortcut p {
	margin-top: 40px;
	margin-bottom: 20px;
}
.point_service {
	margin-top: 11.73vw;
	padding: 0 3.91vw 7.82vw;
}
.point_service .ornament {
	margin: 0 -3.91vw 7.82vw;
}
.point_service .point_desc {
	padding-left: 2.6vw;
	padding-right: 2.6vw;
}
.point_service .point_desc.type01 {
	padding-top: 2.6vw;
	padding-bottom: 7.82vw;
	background-image: url("sp/enemall_intro_line03.png");
}
.point_service .point_desc.type02 {
	padding-top: 7.82vw;
}
.point_service .title_txt {
	max-width: 730px;
	margin: 0 auto;
  	display: block;
}
.point_service .title_txt h3 {
	width: 78.18%;
}
.point_service .title_txt .txt {
	width: 100%;
  	display: block;
}
.point_service .type01 .title_txt .txt p {
	width: 100%;
}
.point_service .type01 figure {
	top: calc(-7.82vw - 10px);
	right: 0;
	bottom: auto;
	width: 17.81%;
}
.point_service .point_desc .btn_common {
	margin-top: 7.82vw;
}
.point_service h4 {
	margin-top: 7.82vw;
	margin-bottom: 5.21vw;
}
.point_service .list_wp {
	max-width: inherit;
}
.point_service .logo_list,
.point_service .logo_list_4,
.point_service .logo_list_5,
.point_service .logo_list_6 {
	margin: 0 calc(13.03vw / 2 * -1);
	padding: 0 7.82vw;
}
.point_service .logo_list li,
.point_service .logo_list_4 li,
.point_service .logo_list_5 li,
.point_service .logo_list_6 li {
	width: calc(50% - 13.03vw);
	margin: 0 calc(13.03vw / 2) 5.21vw;
}
.point_service .item_list {
	margin: 0 calc(5.21vw / 2 * -1);
	padding: 0 3.91vw;
}
.point_service .item_list li {
	width: calc(50% - 5.21vw);
	margin: 0 calc(5.21vw / 2) 10px;
	line-height: 0;
}
.point_service .notes {
	margin: 1.3vw 3vw 0;
	font-size: max(3.3898vw, 1.3px);
	text-align: left;
	text-indent: -1.0em;
	padding-left: 1.0em;
}
.great_deals h3, 
.enetomo h3 {
	margin-bottom: 5.21vw;
}
.great_deals h3 {
	margin-left: 9.12vw;
	margin-right: 9.12vw;
}
.enetomo h3 {
	margin-left: 5.21vw;
	margin-right: 5.21vw;
}
.great_deals .txt_img {
  	display: block;
}
.great_deals .txt_img p {
	width: 100%;
}
.great_deals .txt_img figure {
	width: 30%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4.56vw;
}
.enetomo .btn_common {
	margin-top: 4.56vw;
}


.enemall_entry {
	margin-top: 13.03vw;
	margin-bottom: 13.03vw;
	padding: 0 3.91vw 5.21vw;
}
.enemall_entry .ornament {
	margin: 0 -3.91vw;
}
.enemall_entry h3 {
	margin: 7.82vw 3.91vw;
}
.enemall_entry h3 img {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.enemall_intro .btn_entry {
	max-width: inherit;
}
.enemall_intro .btn_entry a {
	padding: 4.56vw 45px 4.56vw 35px;
	font-size: max(4.1720vw, 16px);
}
.enemall_intro .link_flow a {
	font-size: max(3.9113vw, 15px);
}
}


@media print {
.sp_menu_panel {
	display: none;
}

.enemall_intro {
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
}

.column_wp.enemall_intro {
	margin-bottom: 100px;
}

.page_top {
	display: none;
}
}