@charset "utf-8";

@media screen and (max-width: 767px) {}
@media screen and (min-width: 768px) and (max-width: 1024px) {}
@media screen and (min-width: 768px) {}

/*-------------------------------------------------
共通指定
-------------------------------------------------*/
/*タイトル*/
.title_frame_01{ border-top: 1px solid #ebebeb; border-bottom: 4px solid #ebebeb;}
.title_frame_01 h1{ color: #b4b3b3;}

/*ボタン*/

.box_second_contents_01{ clear: both;}

/*ブラウザサイズ別指定*/
@media screen and (max-width: 767px) {
	.title_frame_01{ padding: 40px 0 4px;}
	.title_frame_01 h1{ text-align: center; font-size: 2em;}
}
@media screen and (min-width: 768px), print {
	.title_frame_01{ padding: 54px 0 4px;}
	.title_frame_01 h1{ margin-left: 50px; font-size: 30px;}
	.title_frame_01 time{ margin-left: 50px; font-size: 12px;}
}
/*-------------------------------------------------
レイアウト
-------------------------------------------------*/
/*--------------------ページメニュー*/
.box_page_menu_frame_01{ background: #e1e1e1;}
.box_page_menu_frame_01 h1{ color: #fff; font-weight: bold; font-size: 24px; margin-bottom: 4px;}
.box_page_menu_frame_01 ul li{ white-space: nowrap;}
.box_page_menu_frame_01 ul li a:hover{ background: #000; color: #fff;}

/*--------------------商品詳細*/
.box_product_x1{ clear: both; border-top: 4px solid #ebebeb; overflow: hidden;}
.box_product_x1:first-child{ border: none;}
.box_product_detail_01 h2{ color: #cecece;}
.box_product_detail_01 h3{ font-size: 16px; border-top: 3px solid #ebebeb; border-right: 3px solid #ebebeb; display: inline; padding: 5px 20px; background: #fff;margin-bottom:-3px!important;display:inline-block;}
.box_product_detail_01 p.headline_01{ font-weight: bold;}
.box_product_detail_01 p.text_02{ font-size: 12px; padding-top: 20px; border-top: 3px solid #ebebeb;}

/*ブラウザサイズ別指定*/
@media screen and (max-width: 767px) {
	.box_page_menu_frame_01{ text-align: center; padding: 10px;}
	.box_page_menu_frame_01 ul li{ display: inline; padding-right: 0.3em;}
	.box_page_menu_frame_01 ul li::before{  content: "/ "; padding-right: 0.3em;}
	.box_page_menu_frame_01 ul li:first-child::before{  content: none;}

	.box_product_frame_01{ margin-bottom: 30px;}
	.box_product_x1{ padding-top: 30px; padding-bottom: 40px;}
	.box_product_detail_01 h2{ font-size: 2em; line-height: 1;}
	.box_product_detail_01 p.title_sub_01{ margin-bottom: 1em;}
	.box_product_detail_01 p.headline_01{ font-size: 1.1em; margin-bottom: 0.5em;}
	.box_product_detail_01 p.text_01{ font-size: 0.9em; margin-bottom: 20px;}
	.box_product_detail_01 p.text_02{ margin-bottom: 20px;}

}
@media screen and (min-width: 768px), print {
	.box_page_menu_frame_01{ text-align: center; padding: 10px 0;}
	.box_page_menu_frame_01 ul li{ display: inline; font-size: 18px;}
	.box_page_menu_frame_01 ul li a{ padding: 8px 40px;}

	.box_product_frame_01{ margin-bottom: 60px;}
	.box_product_x1{ margin: 0 50px; padding-top: 50px; padding-bottom: 60px;}
	.box_product_detail_01{ width: 750px; float: right;}
	.box_product_detail_01 h2{ font-size: 38px; line-height: 1;}
	.box_product_detail_01 p.title_sub_01{ font-size: 18px; margin-bottom: 50px;}
	.box_product_detail_01 p.headline_01{ font-size: 18px; margin-bottom: 30px;}
	.box_product_detail_01 p.text_01{ margin-bottom: 30px;}
	.box_product_detail_01 p.text_02{ margin-bottom: 30px;}
	
	_:-ms-lang(x)::-ms-backdrop, .box_product_detail_01 h3 { padding-bottom: 3px;}

}


/* 次の記事・前の記事
---------------------------------------------------- */

#next {
font-size: 90%;
line-height: 150%;
margin: 50px 0 20px 0;
}

.next-left {
text-align: left;
margin: 0 0 10px 0;
}
.next-left a {
padding: 20px 20px 20px 20px;
display: block;
}

.next-left a:hover {
}
@media screen and (min-width: 768px) {
.next-left {
float: left;
	max-width: 50%;
}
.next-left a {
padding: 20px 20px 20px 50px;
display: block;
}

}

.next-right {
text-align: right;
margin: 0 0 10px 0;
}

.next-right a {
padding: 20px 20px 20px 20px;
display: block;
}

.next-right a:hover {
}
@media screen and (min-width: 768px) {
.next-right {
float: right;
	max-width: 50%;
}
.next-right a {
padding: 20px 50px 20px 20px;
}

}

/*■■■STORE LIST STYLE■■■*/

/*-------------------------------------------------
PC
-------------------------------------------------*/
@media screen and (min-width: 768px) {
#storelist_wrap a:hover {
  color:#dd017f;
}
#storelist_wrap .title_top {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  background-color: #e1e1e1;
  padding:10px 0;
  color: #ffffff;
  margin: 0;
}
#storelist_wrap .line {
  height: 5px;
  background-color: #f2f2f2;
  margin-bottom: 40px
}
#storelist_wrap .inner {
}
#storelist_wrap h1.title_top_01 {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 55px;
}
#storelist_wrap .haruk_description {
  max-width: 600px;
  margin: 0 auto;
  font-size: 11px;
  text-align:center;
}
#storelist_wrap .haruk_description p {
  text-align:center;
}
#storelist_wrap .eva_description {
  margin-bottom: 10px;
}
#storelist_wrap .haruka_about {
  text-align:left;
  background-color: #f1f1f1;
  padding: 15px 10px;
  margin-bottom: 20px;
}
#storelist_wrap .list_menu {
  max-width: 800px;
  margin: 0 auto;
}
#storelist_wrap .ChangeElem_Btn_Content {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
  font-weight: bold;
}
#storelist_wrap .ChangeElem_Btn {
  cursor: pointer;
  padding:0 20px;
  font-weight:normal;
  font-family: akzidenz-grotesk, "A+EqpB-游ゴシック体 Pr6N M", "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, YuGothic, sans-serif;
}
#storelist_wrap .is-active {
  border-bottom: 1px solid #000000;
  padding-bottom: 10px;
}
#storelist_wrap .main_contents {
  max-width: 1170px;
  margin: 0 auto;
}
#storelist_wrap .inner_box {
  margin-bottom: 60px;
}
#storelist_wrap .ChangeElem_Panel{
  display: flex;
  justify-content: space-between;
}
#storelist_wrap .area_box {
  width: 32%;
  background-color: #f1f1f1;
  padding: 30px 20px;
  font-size: 12px;
  margin-bottom: 25px;
  box-sizing: border-box;
}
#storelist_wrap .area_box ul li {
  margin-bottom: 10px;
}
#storelist_wrap .area_name {
  text-align: center;
  font-size:  15px;
  display: block;
  font-family: 游ゴシック体, YuGothic, sans-serif;
}
#storelist_wrap .area_line {
  width: 20px;
  margin: 15px auto 30px auto;
  border: 1px solid #000000;
  display: block;
  background-color:#000000;
}
/* エリアごと */
#storelist_wrap .wid_extend {
  width: 100%;
  overflow-y: hidden;
}
#storelist_wrap .hokkaido_layout {
  justify-content: center;
}
#storelist_wrap .kanto_layout,
#storelist_wrap .kansai_layout {
  display: flex;
  flex-direction: column;
}
#storelist_wrap .kanto_layout .box_Lower_part,
#storelist_wrap .kanto_layout .box_Upper_row,
#storelist_wrap .kansai_layout .box_Upper_row {
  display: flex;
  justify-content: space-between;
}
#storelist_wrap .box_Upper_row ul {
}
#storelist_wrap .kansai_layout .box_Lower_part .area_box {
  margin:0 auto;
}
#storelist_wrap .nagoya_layout,
#storelist_wrap .kyushu_layout {
  justify-content: center;
}
#storelist_wrap .nagoya_layout .area_box,
#storelist_wrap .kyushu_layout .area_box {
  margin:0 1% 20px 1%;
}
/* EVAGARDEN商品のご購入をご検討されているお客様へ */
#storelist_wrap .product_description {
  text-align: center;
  margin-bottom: 110px;
}
#storelist_wrap .product_coment {
  text-align: left;
  display: inline-block;
  margin-left: 40px;
}
#storelist_wrap .product_coment .product_title {
  font-size: 14px;
  margin-bottom: 20px;
  font-weight: bold;
  display: block;
}
#storelist_wrap .product_coment ul li {
  font-size: 12px;
  margin-bottom: 30px;
  text-indent:-1em;
  padding-left:1em;
}
#storelist_wrap .product_coment ul li::before {
  content: "■";
}
#storelist_wrap .shoplist_3box {
  width:30%;
}
#storelist_wrap .sp_cont {
  display: none;
}
}
/*-------------------------------------------------
SP
-------------------------------------------------*/
@media screen and (max-width: 767px) {
#storelist_wrap .title_top {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  background-color: #e1e1e1;
  padding:10px 0;
  color: #ffffff;
  margin: 0;
}
#storelist_wrap .line {
  height: 5px;
  background-color: #f2f2f2;
  margin-bottom: 30px
}
#storelist_wrap h1.title_top_01 {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
}
#storelist_wrap .haruk_description {
  max-width: 1000px;
  margin: 0 auto;
  font-size: 12px;
}
#storelist_wrap .eva_description {
  text-align:center;
  width:100%;
  padding:0 5%;
  margin-bottom: 15px;
  box-sizing:border-box;
}
#storelist_wrap .haruka_about {
  text-align:center;
  background-color: #f1f1f1;
  padding: 15px 10px;
  margin: 0 10px 20px 10px;
}
#storelist_wrap .ChangeElem_Btn_Content {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  padding-left: 5px;
  font-size: 16px;
  width:90%;
  margin:0 auto 20px auto;
}
#storelist_wrap .is-active::before {
    position: absolute;
    left: 0;
    content: '';
    width: 9px;
    height: 100%;
    background: url(//evagarden.jp/evagarden_wp/wp-content/uploads/2019/06/arrow.png);
    background-size: 9px 10px;
    margin-left: 5px;
    background-repeat: no-repeat;
    background-position: left center;
}
#storelist_wrap .ChangeElem_Btn {
  width: 50%;
  padding: 0 0 0 20px;
  margin:0 0 10px 0;
  position: relative;
  box-sizing: border-box;
}
#storelist_wrap .ChangeElem_Panel{
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#storelist_wrap .area_box {
  max-width: 100%;
  background-color: #f1f1f1;
  padding: 20px 15px 30px 15px;
  font-size: 14px;
  margin: 0 10px 30px 10px;
}
#storelist_wrap .area_box ul li {
  margin-bottom: 15px;
}
#storelist_wrap .area_name {
  text-align: center;
  font-size:18px;
}
#storelist_wrap .area_line {
  width: 20px;
  margin: 15px auto 30px auto;
  border: 1px solid #000000;
  background-color:#000000;
}
#storelist_wrap .kanto_layout .box_Lower_part,
#storelist_wrap .kansai_layout .box_Upper_row {
  display: flex;
  flex-direction: column;
}
#storelist_wrap .nagoya_layout,
#storelist_wrap .kyushu_layout {
  flex-direction: column;
}
/* EVAGARDEN商品のご購入をご検討されているお客様へ */
#storelist_wrap .product_description,
#storelist_wrap .product_image {
  text-align: center;
}
#storelist_wrap .product_image img {
  width: 50%;
}
#storelist_wrap .product_coment {
  font-size: 12px;
  margin-bottom: 45px;
  padding: 20px;
}
#storelist_wrap .product_title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 30px;
}
#storelist_wrap .product_title p,
#storelist_wrap .product_coment ul {
  display: inline-table;
  text-align: left;
}
#storelist_wrap .product_coment ul li {
  margin-bottom: 20px;
  font-size: 12px;
  text-indent:-1em;
  padding-left:1em;
}
#storelist_wrap .product_coment ul li::before {
  content: "■";
}
}
/*■■■STORE LIST STYLE■■■*/