@charset "UTF-8";
@import url("smoothness/jquery-ui-1.8.4.custom.css"); 

/*=================================================================
共通処理
=================================================================*/
#header *,
#footer * {box-sizing: border-box; margin: 0; padding: 0;}
#header li,
#footer li {list-style-type: none;}
#header img,
#footer img {border: 0;}
#header a:link,
#header a:visited,
#footer a:link,
#footer a:visited {color: #14729b;}
#header a,
#footer a {text-decoration: none;}
#header .sp,
#footer .sp {display: none;}
#header .pc,
#footer .pc {display: block;}


/*-- 共通パーツ --*/
#header .inline_link,
#footer .inline_link {position: relative; padding: 0 0 0 14px;}
#header .inline_link::before,
#footer .inline_link::before {content:""; background: url(../images/icon/navy/link_arrow.svg) no-repeat center/contain; display: block; height: 20px; width: 20px; position: absolute; top: 50%; transform: translateY(-50%); transition: 0.2s; left: 0;}
#header .link_list,
#footer .link_list {display: flex; flex-direction: column; gap: 10px; font-size: 18px;}
#header .link_list a,
#footer .link_list a {position: relative; padding: 0 0 0 27px; display: block;}
#header .link_list a::before,
#footer .link_list a::before {content:""; background: url(../images/icon/navy/link_arrow.svg) no-repeat center/contain; display: block; height: 20px; width: 20px; position: absolute; top: 50%; transform: translateY(-50%); transition: 0.2s; left: 0;}
#header .links_area,
#footer .links_area {display: flex; flex-direction: column; align-items: flex-start;}
#header .links_area a,
#footer .links_area a {padding: 16px 24px 16px 8px; display: block; position: relative;}

/*=================================================================
header - ヘッダ
=================================================================*/
#header {display: flex;border-bottom: 1px solid #fff; background-image: -moz-linear-gradient( 175deg, rgb(222,163,226) 0%, rgb(214,179,232) 31%, rgb(206,195,237) 52%, rgb(141,224,255) 100%); background-image: -webkit-linear-gradient( 175deg, rgb(222,163,226) 0%, rgb(214,179,232) 31%, rgb(206,195,237) 52%, rgb(141,224,255) 100%); background-image: -ms-linear-gradient( 175deg, rgb(222,163,226) 0%, rgb(214,179,232) 31%, rgb(206,195,237) 52%, rgb(141,224,255) 100%); font-size: 13px; top: 62px; left: 0; z-index: 997; width: 100%; height: 120px; position: fixed;}
#header a {color: #FFFFFF;}
#header .button::before {top: -3px;}
#header .header_logo {overflow: hidden; width: 236px;}
#header .header_logo a {display: block; width: 100%; max-width: 236px; height: 126px; background: url(../images/logo.png) no-repeat center/contain; text-indent: -9999px;position: absolute;top: 10px;left: 10px;}
#header .inner {margin: auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; width: 100%;}

#header .logo{position: relative;}
#header .logo img{max-width: 236px; position: relative; top: 10px; left: 10px;}
#header .search_form_area{flex-grow: 1; display: flex; justify-content: end; margin-left: 40px;}
#header .search_form_area.sp{display: none;}
#header .search_form_area form{position: relative; max-width: 300px; width: 100%;}
#header .search_form_area input{border:2px solid rgb(58, 181, 73);  border-radius: 10px; background-color: #fff; padding: 6px 40px 10px 6px; width: 100%; font-size:18px}
#header .search_form_area input::placeholder{color: #b2b2b2;}
#header .search_button{position: absolute; right: 11px; content: ""; background: url(../images/icon/search.svg) no-repeat center/contain; width: 23px; height: 23px; border: none; cursor: pointer; top: 50%; transform: translateY(-50%);}  
#header .guide{display: flex; align-items: center; margin-left: auto;}
#header .guide_area {display: flex; column-gap: 30px; margin-left: 50px;}
#header .guide_area .header_link{display: flex; flex-direction: column; cursor: pointer;}
/* #header .guide_area .header_link .header_link_txt{display: flex; flex-direction: column;} */
#header .guide_area .header_link .header_link_txt{color: #4b5aa0;text-align: center;font-weight: bold;font-size: 14px;font-family: "ab-tombo-bold";padding-top: 5px;height: 40px;display: flex;align-items: center; justify-content: center; line-height: 1.25;}
#header .guide_area .header_link .header_link_area{display: flex; align-items: end;flex-grow: 1;justify-content: center;}
#header .guide_area .header_link.guide img{width: 47px;}
#header .guide_area .header_link.info img{width: 55px;}
#header .guide_area .header_link.search img{width: 81px;}
#header .guide_area .header_link.mypage img{width: 52px;}
#header .guide_area .header_link.cart img{width: 62px;}
#header .guide_area .header_link.menu img{width: 52px;}
/* #header .guide_area .header_link.guide .header_link_area{margin-bottom: 4px;}
#header .guide_area .header_link.info .header_link_area{margin-bottom: 9px;}
#header .guide_area .header_link.mypage .header_link_area{margin-bottom: 5px;}
#header .guide_area .header_link.cart  .header_link_area{margin-bottom: 5px;}
#header .guide_area .header_link.menu  .header_link_area{margin-bottom: 5px;} */
#header .guide_area .header_link_area img.active{display: none;}
#header .guide_area .header_link:hover img.active{display: block;}
#header .guide_area .header_link:hover img.default{display: none;}
#header .guide_area .search_block .search_block_inner_wrapper {position: relative; overflow-y: auto; max-height: calc(100vh - 220px); scrollbar-width: thin; }



#header .header_info .search_block {opacity: 0; visibility: hidden; position: absolute; z-index:-1; transition: 0.3s; left: 0; top: 120px; width: 100%; background: url(../images/bg/bg_green.png) repeat center / 32px auto; overflow-x: hidden;}
#header .header_info .search_block .search_block_inner {margin: 0 auto; width: 100%; max-width: 1400px; padding: 57px 16px 100px; height: 100%;}
#header .header_info .search_block .bnr_head {margin: 0 0 70px; display: flex; flex-wrap: nowrap; gap: 16px; align-items: end;}
#header .header_info .search_block .bnr_head img {width: 100%;}
#header .header_info .search_block .button_area .multi_wrapper{gap: 38px;}
#header .header_info .search_block .search_detail {display: flex; flex-wrap: nowrap; gap: 32px;}
#header .header_info .search_block .search_detail > dl {flex: 1;}
#header .header_info .search_block .search_detail .category_list {padding: 0 4px; display: flex; align-items: flex-start; gap: 36px; color: #14729b;}
#header .header_info .search_block .search_detail .category_list dl {flex: 1;}
#header .header_info .search_block .search_detail .category_list dt {margin: 0 0 20px; font-size: 22px;}
#header .header_info .search_block .search_block_inner.menu{display: flex; max-width: 1200px; gap: 20px;}
#header .header_info .search_block .menu_list{width: 100%;}
#header .header_info .search_block .menu_list a{font-size: 18px; display: block; width: 100%; max-width: 420px; border-bottom: 1px solid #14729b; position: relative; padding: 14px 40px 14px 10px;}
#header .header_info .search_block .guide_link_area{margin-left: auto;}
#header .header_info .search_block .menu_list a::after{content:""; background: url(../images/icon/navy/link_arrow.svg) no-repeat center/contain; display: block; height: 20px; width: 20px; position: absolute; top: 50%; transform: translateY(-50%); transition: 0.2s; right: 10px;}
#header .header_info .search_block .guide_links {margin: 20px 0 38px; font-size: 18px; display: flex; justify-content: center; align-items: center; gap: 75px;}
#header .header_info .search_block .guide_links a{display: flex; justify-content: center; align-items: center; flex-direction:column; gap: 9px;}
#header .header_info .search_block .guide_links a>div{color: #14729b;}
#header .header_info .search_block .guide_link_area .button_area{gap: 37px;}
#header .header_info .search_block .guide_link_area .button.small{width: 260px; padding: 8px; color:#fff; font-size: 20px;}
/* #header .header_info .guide .header_link .hover_block {padding: 24px; border: 1px solid rgb(219 169 0 / 60%); opacity: 0; visibility: hidden; position: absolute; transition: 0.3s; width: max-content; display: flex; flex-direction: column; top: 46px; background: url(../images/bg/footer.png) no-repeat left bottom/1366px; z-index: 9999; left: 50%; transform: translate(-50%); gap: 8px;}
#header .header_info .guide .header_link .hover_block:before {display: block; content:""; width: 0; height: 0; border-style: solid; border-right: 6px solid transparent; border-left: 6px solid transparent; border-bottom: 6px solid rgb(219 169 0 / 60%); border-top: 0; position: absolute; top: -8px; left: 50%; transform: translateX(-50%);} */


#header .header_info .guide .search {position: relative;}
#header .header_info .guide .search input[type="submit"] {position: absolute; top: 50%; transform: translateY(-50%); right: 0; text-indent: -9999px;}
#header .header_info .guide .mypage::before  {background-image: url(../images/icon/mypage.svg); width: 18px; height: 20px;}
#header .header_info .guide .mypage + .hover_block .button {width: 190px;}
#header .header_info .guide .mypage + .hover_block .button + .inline_link {margin: 0 auto;}
#header .header_info .guide .mypage + .hover_block .button + .inline_link {margin-top: 8px;}
#header .header_info .guide .wishlist + .hover_block,
#header .header_info .guide .cart + .hover_block {padding: 12px 16px;}
#header .header_info .guide .wishlist::before {background-image: url(../images/icon/wishlist.svg); width: 22px; height: 21px;}
#header .header_info .guide .cart::before {background-image: url(../images/icon/cart.svg); width: 24px; height: 20px;}
#header .header_info .guide .cart {position: relative;}
#header .header_info .guide .cart .cart_item_count {position: absolute; color: #fff; background: #4941ab; width: 14px; height: 14px; font-size: 10px; top: 10px; right: 0; border-radius: 9999px; text-align: center; font-family: 'Noto Serif JP', serif; line-height: 14px; text-indent: 0;}
#header .header_info .guide .support::before {background-image: url(../images/icon/support.svg); width: 15px; height: 22px;}
#header .header_info .guide .support + .hover_block {right: -5px; gap: 12px; transform: none; left: unset;}
#header .header_info .guide .support + .hover_block:before {right: 15px; left: unset; transform: none;}
#header .header_info .guide .support + .hover_block a {display: flex; align-items: center; justify-content: flex-start; gap: 8px;}
#header .header_info .guide .support + .hover_block a::before {content: ""; display: block; width: 36px; height: 36px; background-repeat: no-repeat; background-size: contain;}
#header .header_info .guide .support + .hover_block .shopping::before {background-image: url(../images/icon/guide.png);}
#header .header_info .guide .support + .hover_block .faq::before {background-image: url(../images/icon/faq.png);}
#header .header_info .guide .support + .hover_block .contact::before {background-image: url(../images/icon/contact.png);}

.common_sparkling_left{width:25vw; height:20vw; position: absolute; top: 120px; z-index: -1;}
.common_sparkling_right{width:25vw; height:20vw; position: absolute; right: 0; top: calc(20vw + 120px); z-index: -1;}
.star01 {fill:#fff;transform-origin:center; animation:star01 1s linear; stroke-width:0;}
@keyframes commonAnimation {
	from {
	  transform: scale(0);
	  opacity: 0;
	  stroke-width: 30;
	}
	50% {
	  transform: scale(1);
	  opacity: 0.8;
	  stroke-width: 14;
	}
	to {
	  transform: scale(0);
	  opacity: 0;
	}
  }
  .star01,.star02,.circle,.circle02 {fill: #fff; transform-origin: center; animation: commonAnimation 1.7s linear; stroke-width: 0;}
  .star02 {fill: #e2dbc7;}

#header .hd_bnr{background:linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(68, 68, 68, 1) 100%);padding:8px;position:fixed;width:100%;top:0;display:block;color:#fff;text-align:center;}

/*=================================================================
footer - フッタ
=================================================================*/
#footer {color: #fff; font-size: 13px; background:#fff;}
#footer .footer_top{background: url(../images/bg/footer_top.png) no-repeat center bottom/cover; padding: 66px 16px;}
#footer .sns{display: flex; gap:15px; justify-content: center; margin: 12px 0 30px;}
#footer .sns img{width: 45px; height: 45px;}
#footer .footer_menu{display: flex; gap:18px; background: rgba(23, 38, 117, 0.75); border-radius: 10px; padding:27px 0; font-size: 18px; justify-content: center; margin: 0 auto; max-width: 1200px; flex-wrap: wrap;}
#footer .footer_menu a{color: #fff;}
#footer .footer_menu a:hover{text-decoration: underline;}
#footer .footer_bottom{background: url(../images/bg/footer_bottom.png) no-repeat center center/cover; padding: 0 16px; font-size: 17px; text-align: center; height: 570px; position: relative;}
#footer .copyright_area{position: absolute; bottom: 25px; left: 50%;transform: translateX(-50%);width: 100%; line-height: 1.25;}
#footer .copyright_txt{margin-bottom: 30px;}
#footer a {color: #fff;}
#footer .bnr_area {margin: 34px 10px; padding: 16px 2vw; display: flex; justify-content: center; align-items: center; gap: 32px;}
#footer .bnr_area li {width: 100%; max-width: 300px;}
#footer .bnr_area img {width: 100%;}
#footer .footer_grogu{width: 190px; position: absolute; bottom: 160px; right: 0; left: 250px; margin: auto;}
#footer .footer_butterfly{width: 55px; position: absolute; bottom: 400px; right: 0; left: 115px; margin: auto;}
@keyframes footerGroguImage {
	0% {
	  transform: rotate(0deg);
	}
	50% {
	  transform: rotate(1deg);
	}
	100% {
	  transform: rotate(0deg);
	}
  }
  
  .footer_grogu {
	animation: footerGroguImage 0.8s infinite;
  }

  @keyframes footer_butterfly {
	0% {
	  transform: rotate(0deg);
	}
	50% {
	  transform: rotate(8deg);
	}
	100% {
	  transform: rotate(0deg);
	}
  }
  
  .footer_butterfly {
	animation: footer_butterfly 0.8s infinite;
  }
/* トップへ戻る */
@keyframes pagetophorizontal {
    0% { transform:translateX( -3px); }
    100% { transform:translateX(  0px); }
}
@keyframes pagetopvertical {
    0% { transform:translateY(-10px); }
    100% { transform:translateY(  0px); }
}
#topBtn {position:fixed; bottom:10px; right:18px; display:block; z-index: 996;}
#topBtn a {width: 120px; height: 100px; display: block; animation: pagetopvertical .7s ease-in-out infinite alternate;}
#topBtn a img {animation: pagetophorizontal .7s ease-in-out infinite alternate; width: 100%;}



/* 1200px以下 - コンテンツ幅以下
-------------------------------------------------------------*/
@media screen and (max-width: 1200px) and (min-width: 768px) {

	/* -------------------------------------------------------------
	header - ヘッダ
	-------------------------------------------------------------*/
	#header {font-size: 10px;}
	#header .header_info .guide .header_link .hover_block {padding: 16px;}
	#header .header_logo,
	#header .header_logo a {max-width: 210px;}
	#header .inner { padding: 0 10px;}
	#header .header_info .info .header_link > a {padding: 22px 5px; gap: 3px; flex-direction: column;}
	#header .logo img{max-width: 186px;}
	#header .header_info .guide .header_link > a {width: 30px;}
	#header .header_info .guide .mypage + .hover_block .button {width: 130px;}
	#header .guide_area .header_link .header_link_txt{font-size: 10px;  letter-spacing:-1px;}
	#header .guide_area{margin-left: 10px; gap: 10px;}
	/* -------------------------------------------------------------
	footer - フッタ
	-------------------------------------------------------------*/
	#footer .footer_top .footer_menu .site_menu_wrapper {gap: 8px;}
	#footer .footer_top .search_detail_wrapper {gap: 8px;}
	#footer .footer_top .logo_area > img {min-width: 210px; max-width: 210px;}
}

/* 769px以上 - スマホ以外
-------------------------------------------------------------*/
@media screen and (min-width: 768px){

	/*=================================================================
	共通処理
	=================================================================*/


	/* -------------------------------------------------------------
	header - ヘッダ
	-------------------------------------------------------------*/
	#header .header_info .search.header_link:hover + .hover_block,
	#header .header_info .menu.header_link:hover + .hover_block,
	#header .header_info .hover_block:hover,
	#header .header_info .guide .header_link > a:hover + .hover_block,
	#header .header_info .guide .header_link .hover_block:hover {opacity: 1; visibility: visible;}
	#header .header_info .search_block .search_detail .house_list a:hover p::after {right: -8px;}
	#header .header_info .search_block .search_detail .category_list dt {pointer-events: none;}
	#header .header_info .search_block .search_detail .house_list {display: block!important;}
	#header .header_info .search_block .search_detail .link_list{display: flex!important; flex-wrap: wrap; flex-direction: row;}
	#header .header_info .search_block .search_detail .link_list >div{width: calc((100% - 40px)/5);}
}

/* 768px以下 - スマホ向け
-------------------------------------------------------------*/
@media screen and (max-width: 768px) {

	/*=================================================================
	共通処理
	=================================================================*/
	#header .sp,
	#footer .sp {display: block;}
	#header .pc,
	#footer .pc {display: none;}

	/* -------------------------------------------------------------
	header - ヘッダ
	-------------------------------------------------------------*/
	#header {height: 60px;top:47px;}#container{padding: 108px 0 0;} 
	#header .header_logo{width: 93px;}
	#header .inner {padding: 0 10px; font-size: 14px; gap: 8px;}
	#header .header_logo a {background: url(../images/logo_sp.png) no-repeat center / contain; max-width: 93px; height: 63px; top: 5px; left: 5px;}


	#header.gry .header_logo a {background-image: url(../images/logo_sp.png); max-width: 79px;}
	#header.gry .header_logo {max-width: 130px; gap: 6px;}
	#header.gry .header_logo::after {width: 44px; height: 52px;}

	#header.rav .header_logo a {background-image: url(../images/logo_sp.png); max-width: 79px;}
	#header.rav .header_logo {max-width: 130px; gap: 6px;}
	#header.rav .header_logo::after {width: 45px; height: 52px;}

	#header.sly .header_logo a {background-image: url(../images/logo_sp.png); max-width: 79px;}
	#header.sly .header_logo {max-width: 130px; gap: 6px;}
	#header.sly .header_logo::after {width: 44px; height: 52px;}

	#header.huf {background: linear-gradient(90deg, rgba(254, 209, 65, 1), rgba(204, 137, 0, 1));}
	#header.huf .header_logo a {background-image: url(../images/logo_sp.png); max-width: 79px;}
	#header.huf .header_logo {max-width: 130px; gap: 6px;}
	#header.huf .header_logo::after {width: 42px; height: 52px;}

	#header.non .header_logo a {background-image: url(../images/logo_sp.png); max-width: 79px;}
	#header.non .header_logo::after {width: 45px; height: 52px;}
	
	#header .search_form_area{max-width: 100%; margin:0 0 20px 0;}
	#header .search_form_area.sp{display: flex;}
	#header .search_form_area form{max-width: 100%;}
	#header .search_form_area input{padding: 8px 40px 8px 10px; width: 100%;}

	#header .header_info .guide .header_link > a {width: 31px;}
	#header .header_info .guide li.search {width: unset;}
	#header .header_info .guide li.search {position: relative; background: url(../images/icon/search.svg) no-repeat center/100%;}
	#header .header_info .guide #awoo-search {height: 20px; width: 20px;}
	#header .header_info .guide #awoo-search:after {display: none;}
	#header .header_info .guide .mypage {width: 30px;}
	#header .header_info .guide .wishlist {width: 34px;}
	#header .header_info .guide .cart {width: 36px;}
	#header .header_info .guide #searchBtnClose,
	#header .header_info .guide #spMenuBtn,
	#header .header_info .guide #spMenuBtnClose {padding: 0; width: 31px; height: 60px; background-color: unset; background-repeat: no-repeat; background-position: center; text-indent: -9999px; overflow: hidden; white-space: nowrap; border: 0; display: flex; justify-content: center; align-items: center;}
	#header .header_info .guide #spMenuBtn {width: 36px; color: transparent;}
	#header .header_info .guide #spMenuBtn::before {content: ""; display: block; background: url(../images/icon/menu.svg) no-repeat center/100%; width: 24px; height: 20px; position: absolute;}
	#header.huf .header_info .guide #spMenuBtn::before {background-image: url(../images/icon/menu_bright.svg)}
	#header .header_info .guide #searchBtnClose,
	#header .header_info .guide #spMenuBtnClose {background: url(../images/icon/close.svg) no-repeat center/100%;; right: 5px; top: 5px; width: 32px; height: 32px; position: fixed; z-index: 99;}
	#header .header_info .guide #spMenuBtn.open + .sp_menu_block {opacity: 1; visibility: visible;}
	#header .guide .guide_area .search_block,
	#header .guide .guide_area .sp_menu_block {opacity: 0; transition: 0.3s; position: fixed; top: 0; left: 0; width: 100vw; min-height: 100vh; visibility: hidden; background: url(../images/bg/bg_green.png) repeat center / 32px auto; z-index: 999;}
	#header .header_info .guide .search .search_block {padding: 140px 0 0;}
	#header .guide .search_block.open {opacity: 1; visibility: visible;}
	#header .guide .sp_menu_block .sp_menu_block_inner {padding: 60px 16px 140px;}
	awoo-site-search {display: none;}
	#header.open ~ awoo-site-search {display: block;}
	#header .header_info .guide .cart .cart_item_count{top:2px;}
	#header .link_list a::before{right: 6px; left: auto; width: 18px; height: 18px;}
	#header .header_info .search_block .search_block_inner{padding: 20px 24px 100px;}
	#header .header_info .search_block .search_block_inner.menu{flex-direction:column}
	#header .header_info .search_block .menu_list a{font-size: 15px; padding: 8px 40px 8px 10px; max-width: 100%;}
	#header .header_info .search_block .guide_links{font-size: 11px; gap: 23px;}
	#header .header_info .search_block .guide_links img{width: 50px; height: 50px;}
	#header .header_info .search_block .guide_link_area{margin: 0 auto;}
	#header .header_info .search_block .guide_link_area .button.small{font-size: 14px; padding: 13px;}
	#header .header_info .guide .search_block .menu_logo{text-align: center; margin-bottom: 17px;}
	#header .header_info .guide .search_block .menu_logo img{width: 131px;}
	#header .header_info .guide .search_block .bnr_head {margin: 0 0 40px; gap:2%; flex-wrap: wrap;}
	#header .header_info .guide .search_block .bnr_head li:nth-of-type(1){width: 100%;}
	#header .header_info .guide .search_block .bnr_head li:nth-of-type(2),#header .header_info .guide .search_block .bnr_head li:nth-of-type(3){width: 49%;}
	#header .header_info .guide .search_block .bnr_head img {width: 100%; display: block;}
	#header .header_info .guide .search_block .bnr_head a {display: block; margin: 0 0 8px;}
	#header .header_info .search_block .search_detail .category_list{display: block;}
	#header .header_info .guide .search_block .search_detail {font-size: 16px; position: relative; padding: 0 0 123px;}
	#header .header_info .guide .search_block .search_detail > dl {position: relative;}
	#header .header_info .guide .search_block .search_detail .title {position: relative; font-size: 14px;}
	#header .header_info .guide .search_block .search_detail .title::after{content: ""; background: url(../images/icon/accordion_open.svg) no-repeat center/contain; position: absolute; display: block; top: 50%; transform: translateY(-50%); right: 6px; width: 18px; height: 18px;}
	#header .header_info .guide .search_block .search_detail .title.open::after{background: url(../images/icon/accordion_close.svg) no-repeat center/contain;}
	#header .header_info .guide .search_block .search_detail .category_list dt {padding: 10px 24px 10px 0; position: relative; font-size: 15px; border-bottom: 1px solid #14729b; margin: 0;}
	#header .header_info .guide .search_block .search_detail .category_list dt.open + .link_list{background: rgba(178, 237, 167,0.43);}
	#header .guide_area .search_block .search_block_inner_wrapper{padding: 0 0 140px; position: relative; overflow-y: scroll; height: 100vh; min-height: 100vh;}
	#header .header_info .guide .search_block .search_detail .category_list dd {gap: 0; display: none;}
	#header .header_info .guide .search_block .search_detail .category_list dd a {position: relative; padding: 10px 24px 10px 13px;  font-size: 15px; border-bottom: 1px solid #14729b;}
	#header .header_info .guide .search_block .search_detail .category_list dl:last-child .link_list div:last-child a::after {opacity: 1;}

	#header .header_info .guide .sp_menu_block .guide_links {margin: 48px 0; font-size: 10px; display: flex; justify-content: center; align-items: center; gap: 18px;}
	#header .header_info .guide .sp_menu_block .button_area {gap: 22px;}
	#header .header_info .guide .sp_menu_block .inline_link {margin: 0 auto; display: block; width: fit-content;}

	#header .guide_area{margin-left: 0;}
	#header .guide_area .header_link .header_link_txt{font-size: 8px; height: 20px; padding-top: 0; line-height:1.06; letter-spacing: -1px;}
	#header .guide_area .header_link.guide img{width: 26px;}
	#header .guide_area .header_link.info img{width: 30px;}
	#header .guide_area .header_link.search img{width: 43px;}
	#header .guide_area .header_link.mypage img{width: 25px;}
	#header .guide_area .header_link.cart img{width: 33px;}
	#header .guide_area .header_link.menu img{width: 28px;}
	#header .guide_area .header_link.guide .header_link_area{margin-bottom: 3px;}
	#header .guide_area .header_link.info .header_link_area{margin-bottom: 3px;}
	#header .guide_area .header_link.mypage .header_link_area{margin-bottom: 3px;}
	#header .guide_area .header_link.cart  .header_link_area{margin-bottom: 3px;}
	#header .guide_area .header_link.menu  .header_link_area{margin-bottom: 3px;}
	#header .guide_area{column-gap: 7px;}

	#header .button_area,
	#footer .button_area {margin: 0 auto;}
	#header .button_area .button,
	#footer .button_area .button {max-width: 314px; width: 100%; margin: 0 auto;}
	#header .header_info .button_area span,
	#header .header_info .button_area div {width: 100%; flex-direction: column;}
	#header .header_info .search_block .button_area .multi_wrapper{gap:10px;}
	/* -------------------------------------------------------------
	footer - フッタ
	-------------------------------------------------------------*/
	#footer .footer_top{padding: 23px 10px; background: url(../images/bg/footer_sp_top.png) no-repeat center bottom/cover;}
	#footer .bnr_area{gap:17px; margin: 9px 10px 2px;}
	#footer .sns{margin: 12px 0;}
	#footer .sns img{width: 30px; height: 30px;}
	#footer .footer_menu{background: transparent; gap: 6px; padding: 0;}
	#footer .footer_menu li{background: rgba(23, 38, 117, 0.75);width: calc((100% - 6px) / 2);  border-radius: 10px; font-size: 13px; text-align: center;}
	#footer .footer_menu li a{display: block; padding: 10px;}
	#footer .footer_bottom{height: 350px; background: url(../images/bg/footer_sp_bottom.png) no-repeat center center/cover;}
	#footer .footer_grogu{bottom: 120px; width: 94px; left: 190px;}
	#footer .footer_butterfly{bottom: 240px;  width: 28px; left: 100px;}
	#footer .copyright_area{font-size: 8px; bottom: 12px;}
	#footer .copyright_txt{margin-bottom: 13px;}

	.common_sparkling_left{width:70vw; height:40vw; position: absolute; top: 60px; z-index: -1;}
	.common_sparkling_right{display: none;}
}

/* togglebutton */
.toggleButton__inner{
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
  }
  .toggleButton__inner_sp{
	display: none;
  }
  @media screen and (max-width: 768px)  {
	.toggleButton__inner{
	  margin-left: 0;
	}
	.toggleButton__inner_pc{
		display: none;
	}
	.toggleButton__inner_sp{
		display: -webkit-box;
		display: flex;
		position: relative;
        z-index: 3;
	}
  }
  
  .toggleButton__input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	opacity: 0;
	cursor: pointer;
  }
  
  .toggleButton__label {
	width: 46px;
	height: 24px;
	background: #BBBBBB;
	position: relative;
	display: inline-block;
	border-radius: 14px;
	transition: transform 0.2s;
	box-sizing: border-box;
  }
  
  input[type='checkbox'].toggleButton__input + .toggleButton__label:after {
	content: "";
	position: absolute;
	width: 22px;
	height: 22px;
	border-radius: 100%;
	left: 1px;
	top: 50%;
	transform: translate(0,-50%);
	z-index: 2;
	background: #fff;
	transition: transform 0.2s;
	box-sizing: border-box;
	border: none;
  }
  
  input[type='checkbox'].toggleButton__input + label{
	margin: 0;
  }

  input[type='checkbox'].toggleButton__input + .toggleButton__label:before{content: none;}

  .toggleButton__input:checked + .toggleButton__label {
	background-color: #675dc2;
  }
  
  input[type='checkbox'].toggleButton__input:checked + .toggleButton__label:after {
	transform: translate(22px,-50%);
  }
  
  .toggleButton {
	position: relative;
	width: 46px;
	height: 24px;
	margin-left: 5px;
  }
  .toggleButton__comment{
	font-size: 18px;
	margin-left: 7px;
	color: #675dc2;
  }
  
  .modalArea__img{
	text-align: center;
  }
  .modalArea__imgMessage{
	width: 46px;
	height: auto;
  }
  .modalArea__ButtonContent{
	display: -webkit-box;
	display: flex;
	-webkit-column-gap:14px;
	column-gap: 14px;
	margin-top: 30px;
  }
  .modalArea__Button.button {
	width: 50%;
	font-size: 14px;
	padding: 13px;
  }

  .modalArea__ButtonRed.negative{
	background: #d54448;
	opacity: 0.85;
	border: none;
  }
  .modalArea__ButtonRed.negative:hover{
	background-color: rgba(199, 0, 0, 0.8);
	opacity: 1;
  }
  .modalArea__ButtonRed::before{
	border-color: #C70000;
  }
  .button.link.negative.modalArea__ButtonRed::after{
	background-image: url(../images/icon/white/link_arrow.svg);
  }

  #member.mypage ul li a.modalArea__Button{
	color: #fff;
	padding: 13px;
  }

  .modalArea__title{
	font-size: 20px;
	text-align: center;
	margin: 10px 0;
	color: #d54448;
  }
  .modalArea__attentionTxt{
	color: #d54448;
	font-weight: bold;
	font-size: 26px;
	font-family: "ab-tombo-bold", "sans-serif";
  }
  .modalArea__txt{
	padding: 0 20px;
	font-size: 14px;
  }
  .modalArea {
	display: none;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  }
  
  .modalArea__overlay {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
  }
  
  .modalArea__content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,0);
	width: 100%;
	max-width: 500px;
	padding: 22px;
	background-color:#fff7b2;
	opacity: 0;
    visibility: hidden;
    transition: opacity 1s, visibility 1s, transform 1s;
  }

  .modalArea__animationActive{
	opacity: 1;
    visibility: visible;
	transform:translate(-50%,-50%);

  }
  
  .info__cartArea{
	background: #fff7b2;
	margin: 30px 0;
	padding: 15px 32px 20px;
	border: 4px solid #dd6f88;
	box-shadow: 4px 4px 0px 0px #dd6f88;
  }
  .info__title,#cartIndex h3.info__title{
	text-align: center;
	font-size: 18px;
	color: #4b5aa0;
	font-weight: bold;
	margin-bottom: 0;
  }
  .info__lists{
	border-bottom: 1px solid #dd6f88;
	padding: 20px 0;
  }
  .info__lists:last-child{
	border-bottom: none;
	padding-bottom: 0;
  }
  .info__date{
	color: #4b5aa0;
	font-size: 12px;
	font-weight: bold;
  }
  .info__txt{
	color: #4b5aa0;
	font-size: 16px;
	margin-left: 24px;
  }
  
  .info__link{
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
  }
  @media screen and (max-width: 768px)  {
	.toggleButton__comment{font-size: 11px; margin-left: 0; line-height: 1.25;}
	.info__cartArea{
	  padding: 15px 23px;
	}
	.info__title,#cartIndex h3.info__title{
	  font-size: 16px;
	  margin-bottom: 0;
	}
	.info__lists{
	  padding: 15px 0;
	}
	.info__txt{
	  font-size: 14px;
	}
	.info__date,.info__txt{
	  display: block;
	  margin-left: 0;
	  width: 100%;
	}
	.info__link{
	  flex-direction: column;
	}
  
  }
  .invisible{display: none;}