@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,
#footer {line-height: 1.5; word-wrap: break-word; font-size: 14px; font-weight: 400;}
#header a:link,
#header a:visited,
#footer a:link,
#footer a:visited {color: #fff;}
#header a,
#footer a {text-decoration: none;}
#header a.button,
#header .button,
#footer a.button,
#footer .button {font-size: 16px; color: #00a0e9; background: #fff; display: block; text-align: center; padding: 8px 10px; position: relative; transition: 0.2s; border-style: none; cursor:url(../images/cursor.cur),auto; max-width: 250px;}
#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/link_arrow.svg) no-repeat center/contain; display: block; height: 12px; width: 8px; position: absolute; top: 50%; transform: translateY(-50%); transition: 0.2s; left: 0;}
#header .link_list,
#footer .link_list {display: flex; flex-direction: column; gap: 8px;}
#header .link_list a,
#footer .link_list a,
#footer .link_list .footer_list_title{position: relative; padding: 0 0 0 14px; display: block;}
#header .link_list a::before,
#footer .link_list a::before,
#footer .link_list .footer_list_title::before {content:""; background: url(../images/icon/link_arrow_white.svg) no-repeat center/contain; display: block; height: 12px; width: 8px; position: absolute; top: 4px; 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 .links_area a::after,
#footer .links_area a::after {content:""; display: block; width: 8px; height: 12px; background: url(../images/icon/link_arrow.svg) no-repeat center/contain; position: absolute; top: 50%; right: 13px; transform: translateY(-50%);}

/*=================================================================
header - ヘッダ
=================================================================*/
#header {background: #FFFFFF; font-size: 14px; position: fixed; top: 0; left: 0; z-index: 997; width: 100%; transition: .3s;}
.is-animation{opacity: 0;}
#header a {color: #FFFFFF;}
#header .button::before {top: -3px;}
#header .header_logo {overflow: hidden; width: 177px;}
#header .header_logo a {display: block; width: 100%; max-width: 177px; height: 83px; background: url(../images/logo_main.png) no-repeat center/contain; text-indent: -9999px;}
#header .inner {margin: auto; padding: 0 80px; display: flex; align-items: center; justify-content: space-between; gap: 40px; width: 100%; height: 106px;}
#header .sub_title{display: flex; align-items: center; flex: 1; gap:24px;}
#header .sub_title.hd_00_04 .sub_title_img{background-image:url(../images/hd_00-04.png);}
#header .sub_title.hd_04_06 .sub_title_img{background-image:url(../images/hd_04-06.png);}
#header .sub_title.hd_06_11 .sub_title_img{background-image:url(../images/hd_06-11.png);}
#header .sub_title.hd_11_14 .sub_title_img{background-image:url(../images/hd_11-14.png);}
#header .sub_title.hd_14_17 .sub_title_img{background-image:url(../images/hd_14-17.png);}
#header .sub_title.hd_17_21 .sub_title_img{background-image:url(../images/hd_17-21.png);}
#header .sub_title.hd_21_24 .sub_title_img{background-image:url(../images/hd_21-24.png);}
#header .sub_title_img{background:no-repeat;background-size:contain;}
#header .sub_title_img img{width: 96px;}
#header .sub_title_txt{color: #00a0e9; font-size: 16px; font-family: 'M PLUS Rounded 1c', sans-serif;}

#header .header_info {display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap;  gap: 8px; flex: 1;}


#header .header_info .guide {display: flex; justify-content: flex-end; flex-wrap: nowrap; width: 100%; gap: 30px;}
#header .header_info .guide li.search {width: 100%; max-width: 240px;}
/* #header .header_info .guide #awoo-search {position: relative; height: 36px;}
#header .header_info .guide #awoo-search:after {position: absolute; content: ''; background: url(../images/icon/search_yellow.svg) no-repeat center/100%; width: 19px; height: 19px; right: 10px; top: 50%; transform: translateY(-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: rgba(207,15,42,0.9); width: 14px; height: 14px; font-size: 10px; top: 9px; left: 0; border-radius: 9999px; text-align: center; line-height: 14px; text-indent: 0;}
#header .header_info .guide .header_link {position: relative;display: flex; flex-direction: column; cursor:url(../images/cursor.cur),auto;}
#header .header_info .guide .header_link a{display: flex; flex-direction: column;}
#header .header_info .guide .header_link .header_link_area{display: flex; align-items: end; flex-grow: 1; justify-content: center;}
#header .header_info .guide .info .header_link_area img{width: 40px;}
#header .header_info .guide .use_guide .header_link_area img{width: 44px;}
#header .header_info .guide .mypage .header_link_area img{width: 35px;}
#header .header_info .guide .cart .header_link_area{margin-left: 8px;}
#header .header_info .guide .cart .header_link_area img{ width: 43px;}
#header .header_info .guide .menu .header_link_area img{ width: 42px;}
#header .header_info .guide .header_link_txt{font-size: 10px; font-family: "M PLUS Rounded 1c", sans-serif; color: #666666; padding-top: 5px; display: flex; align-items: center; justify-content: center;}
#header .header_info .search_block {opacity: 0; visibility: hidden; position: absolute; transition: 0.3s; left: 0; top: 156px; width: 100%; overflow-x: hidden;}
#header .header_info .search_block .search_block_inner_wrapper::-webkit-scrollbar {background: transparent; width:8px;}
#header .header_info .search_block .search_block_inner_wrapper::-webkit-scrollbar-thumb {background-color: #0C3F64; border-radius: 9999px;}
#header .header_info .search_block .search_block_inner_wrapper {position: relative; overflow-y: auto; max-height: calc(100vh - 120px); scrollbar-width: thin; scrollbar-color: #0C3F64 rgba(0, 0, 0, 0.24); z-index: 2;}
#header .header_info .search_block .search_block_inner {margin: 0 auto; width: 100%; max-width: 1232px; padding: 25px 16px; height: 100%;}
#header .header_info .search_block .bnr_head {margin: 0 0 32px; display: flex; flex-wrap: nowrap; gap: 32px;}
#header .header_info .search_block .bnr_head img {width: 100%;}
#header .header_info .search_block .search_detail {display: flex; flex-wrap: nowrap; gap: 32px; justify-content: center;}
#header .header_info .search_block .search_detail .category_list {padding: 0 4px; display: flex; gap: 20px 40px; font-size: 16px; flex-wrap: wrap; justify-content: center;}
#header .header_info .search_block .search_detail .category_list>div{display: flex; align-items: center;}
#header .header_info .search_block .search_detail .category_list a{color: #00a0e9; display: flex; align-items: center;}
#header .header_info .search_block .search_detail .category_list .category_list_img{max-width: 32px; max-height: 32px; margin-right: 10px;}
/* hoverした時 */
#header .header_info .guide .search_block{top: 86px; z-index: 999; background: none; padding-top: 20px;}
#header .header_info .guide .search_block::before{ content: ""; position: absolute; inset: 0; top: 20px; background: rgba(0, 160, 233, 0.8); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); z-index: 1;}
#header .header_info .guide .search_block .search_block_inner{padding: 42px 16px 48px;}
#header .header_info .guide .search_block .guide_wrapper{flex: 1;}
#header .header_info .guide .search_block .toggle_list a{display: block; padding: 14px 15px 14px 0; position: relative; width: 240px; border-bottom: 1px solid #ffffff; font-size: 14px;}
#header .header_info .guide .search_block .toggle_list a::after{content: ""; background: url(../images/icon/link_arrow.svg) no-repeat center / contain; display: block; height: 12px; width: 15px; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
#header .header_info .guide .search_block .header_link{justify-content: center; align-items: center;}
#header .header_info .guide .search_block .guide .header_link_area img{width: 66px; height: 66px;}
#header .header_info .guide .search_block .guide{justify-content: center; margin-top: 14px; gap: 40px;}
#header .header_info .guide .search_block .header_link_txt{font-size: 14px; color: #fff; font-family: "Noto Sans JP", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "MS PGothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Osaka", sans-serif;}
#header .header_info .guide .search_block .button_area{margin-top: 30px;}
#header .header_info .guide .search_block .button_area .link::after{background: url(../images/icon/link_arrow_blue.svg) no-repeat center/contain;}
#header .header_info .search_block .category_img{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 38px;}
#header .header_info .search_block .category_img img{max-width: 220px;}
#header .header_info .search_block::before{ content: ""; position: absolute; inset: 0; background: rgba(255, 255, 255, 0.75); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); z-index: 1;}


#header .bg_blue{background: #0c3f64;}
#header .inner.menu{padding: 0 10px; margin: 0 auto; max-width: 1200px; height: 50px;}
#header .header_info .info {display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap;}
#header .header_info .info .header_link > a {padding: 10px 10px 10px 20px; display: flex; align-items: center; justify-content: flex-start; gap: 6px; white-space: nowrap; font-size: 16px; cursor:url(../images/cursor.cur),auto;}
#header .header_info .info .header_link > a::before {content: ""; display: block;background: url(../images/icon/link_arrow_blue.svg)  no-repeat center/contain; width: 15px; height: 12px;}
#header .search_form_area{flex: 1; display: flex; justify-content: end;}
#header .search_form_area form{position: relative; max-width: 290px; width: 290px;}
#header .search_form_area input{border-radius: 15px; background-color: #fff; padding: 8px 40px 8px 16px; width: 100%; font-size:16px; height: 30px; border: none;}
#header .search_form_area input::placeholder{color: #cdd6dd;}
#header .search_button{position: absolute; right: 11px; content: ""; background: url(../images/icon/search_grey.svg) no-repeat center/contain; width: 20px; height: 20px; border: none; cursor:url(../images/cursor.cur),auto; top: 50%; transform: translateY(-50%);} 


/* ドラえもんストア */
#header.doraemonstore{border-bottom: 1px solid #00a0e9;}
#header.doraemonstore .header_logo a{background: url(../images/logo_doraemonstore.png) no-repeat center/contain; max-width: 417px; height: 30px;}
#header.doraemonstore .header_logo{width: 417px;}
#header.doraemonstore .inner{height: 70px; max-width: 1200px; padding: 0;}
#header.doraemonstore .header_info{flex: none; gap: 38px;}
#header.doraemonstore .search_form_area form{max-width: 230px; width: 230px;}
#header.doraemonstore .search_form_area input{border: 1px solid #00a0e9;}
#header.doraemonstore .search_button{background: url(../images/icon/search_blue.svg) no-repeat center/contain;}
#header.doraemonstore .header_info .guide .header_link{flex-direction: row; gap: 9px;}
#header.doraemonstore .header_info .guide .header_link_txt{padding: 0; color: #00a0e9; font-size: 14px; font-family: "Noto Sans JP", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "MS PGothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Osaka", sans-serif;}
#header.doraemonstore .header_info .guide .use_guide .header_link_area img{width: 19px;}
#header.doraemonstore .header_info .guide .mypage .header_link_area img{width: 19px;}
#header.doraemonstore .header_info .guide .cart .header_link_area img{width: 23px;}
#header.doraemonstore .header_info .guide .cart .cart_item_count{top: -2px; left: 24px;}

/*=================================================================
footer - フッタ
=================================================================*/
#footer {font-size: 14px; background: #fff; position: relative; color: #fff;}
#footer .bnr_area {margin: 0 auto 46px; padding: 10px 16px; display: flex; justify-content: center; align-items: center; gap: 51px; flex-wrap: wrap; max-width: 1200px;}
#footer .bnr_area li {width: calc((100% - 153px) / 4)}
#footer .bnr_area img {width: 100%; display: block;}
#footer .footer_top {background: #00a0e9;}
#footer .footer_top_wrapper{margin: 0 auto; padding: 0 80px; width: 100%; max-width: 1200px;}
#footer .footer_top .sns_area {margin: 24px 0 0; display: flex; align-items: center; gap: 6px; justify-content: center; font-size: 10px;}
#footer .footer_top .sns_area img {width: 28px;}
#footer .footer_top .title {margin: 0 0 16px; padding: 0 4px 10px 4px; font-size: 16px; position: relative; font-family: 'M PLUS Rounded 1c', sans-serif; border-bottom: 1px solid #fff;}
#footer .footer_top .footer_menu {padding: 30px 0;}
#footer .footer_top .footer_menu .site_menu_wrapper {display: flex; align-items: flex-start; justify-content: left; gap: 104px; width: 100%;}
#footer .footer_top .footer_menu .site_menu_wrapper .site_menu {width: 100%; flex: 1; }
#footer .footer_top .footer_menu .site_menu_wrapper .site_menu.item {flex: 3; }
#footer .footer_top .footer_menu .site_menu_wrapper .site_menu.item .link_list .footer_lists{width: calc(100% / 3 - 16px);}
#footer .footer_top .link_list .footer_list{display: flex; flex-wrap: wrap; gap: 8px;}
#footer .footer_bottom {padding: 20px 16px; font-size: 12px; text-align: center; background: #0c3f64;}
/* #footer.cart_footer {padding: 24px 0 16px;} */
#footer .footer_bottom .copyright_text {margin: 0 auto 10px; font-weight: 400;}

#footer .sns{display: flex; gap:12px; justify-content: center; padding: 35px 0; align-items: center;} 
#footer .sns img{width: 35px; height: 35px; display: block;}

/* ドラえもんストア */
#footer.doraemonstore .footer_top_wrapper{padding: 0 50px;}
#footer.doraemonstore .footer_top{background: #FFFFFF;}
#footer.doraemonstore .link_list{flex-direction: row; justify-content: center; gap: 25px; flex-wrap: wrap;}
#footer.doraemonstore .link_list a{color: #666666;}
#footer.doraemonstore .footer_top .footer_menu{padding: 20px 0;}
#footer.doraemonstore .footer_bottom{background: #00a0e9;}
#footer.doraemonstore .bnr_area_wrapper{background: #f5f6f7; padding-bottom: 48px;}
#footer.doraemonstore .bnr_area{margin-bottom: 0;}
/*=================================================================
ローディング
=================================================================*/
body:not(.finish) header,body:not(.finish) footer, body:not(.finish) #container  { opacity: 0; }
#loading_wrapper { width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 9999; background: #fff; }
#loading_wrapper #loading_inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; z-index: 99999; text-align: center; }
#loading_wrapper .loading_box { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 25px;}
#loading_wrapper .loading_box .txt{color: #00a0e9; font-size: 24px; font-weight: bold;}
#loading_wrapper .loading_logo { margin: 0; width: 354px; height:166px; background: url(../images/logo_main.png) no-repeat top left / contain; }
#loading_wrapper .loading_logo img { max-width: 360px; display: none; }


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

	/* -------------------------------------------------------------
	header - ヘッダ
	-------------------------------------------------------------*/
	/* #header {font-size: 10px;} */
	#header .header_info .guide .header_link .hover_block {padding: 16px;}
	#header .inner {gap: 6px; padding: 0 10px;}
	#header .header_info .info .header_link > a {gap: 3px; padding: 5px; font-size: 13px;}
	#header .sub_title{gap: 5px;}
	#header .header_info .guide .header_link > a {width: 30px;}
	#header .header_info .guide .mypage + .hover_block .button {width: 130px;}
	#header .link_list a::before {top: 1px;}
	#header .header_info .guide{gap: 15px;}
	#header .header_info .guide .search_block .guide{gap: 10px;}
	#header a.button, #header .button, #footer a.button, #footer .button{max-width: 200px;}
	#header .search_form_area form{width: 100%;}
	/* -------------------------------------------------------------
	footer - フッタ
	-------------------------------------------------------------*/
	#footer .bnr_area{padding: 10px 16px;}
	#footer .bnr_area{gap: 10px;}
	#footer .bnr_area li {width: calc((100% - 30px) / 4)}
	#footer .footer_top .footer_menu .site_menu_wrapper {gap: 8px;}
}

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

	/*=================================================================
	共通処理
	=================================================================*/
	#header .inline_link:hover::before,
	#footer .inline_link:hover::before {left: 2px;}
	#header .link_list a:hover:before,
	#footer .link_list a:hover:before {left: 2px;}
	#footer .link_list a{padding: 0;}
	#footer .link_list a::before{content: none;}

	/* -------------------------------------------------------------
	header - ヘッダ
	-------------------------------------------------------------*/
	#header .header_info .header_link > a:hover + .hover_block,
	#header .header_info .menu.header_link:hover + .hover_block,
	#header .header_info .header_link .hover_block:hover,
	#header .header_info .guide .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 .info .search_block .search_detail .title {pointer-events: none;}
	#header .header_info .guide .header_link.search.sp{display: none;}


	/* -------------------------------------------------------------
	footer - フッター
	-------------------------------------------------------------*/

	#footer .footer_top .link_list .footer_list_title{display: none!important;}
	#footer .footer_top .footer_list_wrapper{display: block!important;}
	#footer .footer_top .footer_list_wrapper.sp{display: none!important;}
}

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

	/*=================================================================
	ローディング
	=================================================================*/
	#loading_wrapper .loading_logo{width: 260px; height: 122px;}
	#loading_wrapper .loading_box .txt{font-size: 18px;}

	/*=================================================================
	共通処理
	=================================================================*/
	#header .sp,
	#footer .sp {display: block;}
	#header .pc,
	#footer .pc {display: none;}
	#header .link_list a::before, #footer .link_list a::before,#footer .link_list .footer_list_title::before{width: 6px; height: 10px;top: 50%; transform: translateY(-50%);}
	#header .link_list, #footer .link_list{gap: 0;}
	#header .link_list a, #footer .link_list a,#footer .link_list .footer_list_title{padding: 7px 0 7px 14px;}
	#footer .link_list a::after,#footer .link_list .footer_list_title::after{position: absolute; background:url(../images/border_dotted_white.svg) repeat center; bottom: 0; left: 50%; transform: translateX(-50%); content: ""; width: 100%; height: 1px;}
	/* -------------------------------------------------------------
	header - ヘッダ
	-------------------------------------------------------------*/
	#header .inner {padding: 0 5px; font-size: 14px; gap: 8px; height: 60px;}
	#header .menu.header_info{height: 25px;}
	#header .header_logo {width: 98px;}
	#header .header_logo a{height: 50px;}
	#header .sub_title_img{margin-left: 7px;}
	#header .sub_title_img img{width: 58px;}
	#header .sub_title_txt{font-size: 12px; margin-left: 7px; margin-top: 5px;}
	
	#header .header_top{display: flex; height: 24px;}
	#header .header_top .header_img_list{display: flex; margin-left: auto; align-items: center; gap: 8px; background: url(../images/bg/bg_header_top_sp.png) no-repeat top/100%; padding: 2px 5px 2px 10px;}
	#header .header_top .header_img_list .header_img_lists{display: flex; align-items: end; height: 24px;}
	#header .header_top .header_img_list .begin img{width: 20px;}
	#header .header_top .header_img_list .use_guide img{width: 20px;}
	#header .header_top .header_img_list .delivery img{width: 24px;}


	#header .header_info .guide{gap: 0;}
	#header .header_info .guide .search_block .button_area{margin-top: 56px;}
	#header .header_info .guide .header_link.pc{display: none;}
	#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 .header_link_txt{display: none;}
	/* #header .header_info .guide .search {display: flex; width: 31px; justify-content: center; align-items: center;} */
	#header .header_info .guide .mypage .header_link_area img{width: 22px;}
	#header .header_info .guide .mypage{margin-right: 8px;}
	#header .header_info .guide .cart .header_link_area{margin-left: 0;}
	#header .header_info .guide .cart .header_link_area img{width: 26px;}
	#header .header_info .guide .menu .header_link_area img{width: 25px;}
	/* #header .header_info .guide .menu{margin-right: 2px;} */
	#header .header_info .guide .search .header_link_area img{width: 23px;}
	#header .header_info .guide .search{margin-right: 10px;}
	#header .header_info .guide .cart .cart_item_count{font-size: 9px; top: 4px; width: 12px; height: 12px; line-height: 12px; left: -5px;}
	#header .header_info .guide #searchBtnClose,
	#header .header_info .guide #spMenuBtnClose {padding: 0; width: 16px; height: 16px; 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 #searchBtnClose,
	#header .header_info .guide #spMenuBtnClose {background-image: url(../images/icon/close.svg); right: 16px; top: 16px; width: 16px; position: fixed; z-index: 99;}
	#header .header_info .guide #spMenuBtn.open + .sp_menu_block {opacity:1; visibility: visible;}
	#header .header_info .guide .search_block,
	#header .header_info .guide .sp_menu_block {opacity: 0; transition: 0.3s; position: fixed; top: 0; left: 0; width: 100vw; min-height: 100vh; visibility: hidden; z-index: 999; padding: 0;}
	#header .header_info .guide .search .search_block {padding: 140px 0 0;}
	#header .header_info .search_block{top: 107px;}
	#header .header_info .search_block.open{opacity: 1; visibility: visible;}
	#header .header_info .guide .search_block::before{top: 0;}
	#header .header_info .guide .search_block.open {opacity: 1; visibility: visible;}
	#header .header_info .guide .search_block_inner_wrapper {padding: 0; position: relative; overflow-y: scroll; height: 100vh;}
	#header .header_info .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 .search_block .bnr_head {margin: 0 0 40px; padding: 0 16px;}
	#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 16px;}
	#header .header_info .guide .search_block .search_block_inner{padding: 42px 16px 16px;}
	#header .header_info .guide .search_block .search_detail .category_list {display: none; background: rgb(0 0 0 / .24);}
	#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 .header_info .guide .search_block.search_input .search_block_inner_wrapper{background-color: #0C3F64; height: 122px;}
	#header .header_info .guide .search_block.search_input .serach_input_overlay{height: calc(100vh - 122px);}
	#header .header_info .guide .search_block.search_input{background: rgba(0, 0, 0, 0.4);}
	#header .header_info .guide .search_block.search_input::before{content: none;}
	#header .inner.menu{padding: 0 25px; justify-content: center;}
	#header .header_info .info .header_link > a{font-size: 13px; padding: 0 10px; gap: 3px;}
	#header .header_info .info .header_link > a::before{width: 10px; height: 8px;}
	#header .search_form_area{margin-top: 24px;}
	#header .search_form_area form{max-width: none; width: 100%;}
	#header .search_form_area input{height: 40px; border-radius: 100px;}

	#header .button_area,
	#footer .button_area {margin: 0 auto;}
	#header .button_area .button,
	#footer .button_area .button {max-width: none; width: 100%; margin: 0 auto;}
	#header .header_info .button_area span,
	#header .header_info .button_area div {width: 100%;}

	#header .header_info .search_block .search_detail{flex-wrap: wrap; flex-direction: column; gap:24px}
	#header .header_info .search_block .search_detail .category_list{gap:10px 20px;}
	#header .header_info .search_block .search_detail .category_list>div{width: calc(50% - 10px);}
	#header .header_info .guide .search_block .toggle_list a{width: 100%;}
	#header .header_info .sp_menu_block .guide .header_link_txt{display: block; font-size: 12px;}
	#header .header_info .guide .search_block .guide{flex-wrap: wrap; gap: 16px; justify-content:space-between;}

	/* ドラえもんストア */
	#header.doraemonstore .header_logo{width: 224px;}
	#header.doraemonstore .header_logo a{max-width: 224px; height: 16px;}
	#header.doraemonstore .inner{padding: 0 16px; height: 53px;}
	#header.doraemonstore .header_info .guide .header_link_txt{display: block; font-size: 9px;}
	#header.doraemonstore .header_info .guide .header_link{flex-direction: column; gap: 4px;}
	#header.doraemonstore .header_info .guide .mypage{margin: 0;}
	#header.doraemonstore .header_info .guide{gap: 12px;}
	#header.doraemonstore .header_info .guide .use_guide .header_link_area img{width: 17px;}
	#header.doraemonstore .header_info .guide .mypage .header_link_area img{width: 17px;}
	#header.doraemonstore .header_info .guide .cart .header_link_area img{width: 20px;}
	#header.doraemonstore .header_info .guide .cart .cart_item_count{top: -2px; left: 18px;}

	/* -------------------------------------------------------------
	footer - フッタ
	-------------------------------------------------------------*/
	#footer .footer_top_wrapper{padding: 0 25px;}
	#footer .bnr_area {gap: 8px; padding: 0 25px; margin: 10px 0 25px;}
	#footer .bnr_area li {width: calc((100% - 16px) / 2)}
	#footer .footer_top .title {margin: 0; padding: 6px 0 3px; font-size: 14px;}
	#footer .footer_top dd {flex-direction: row; flex-wrap: wrap; gap: 12px 24px;}
	#footer .footer_top .footer_menu {flex-direction: column-reverse; gap: 40px; padding-inline-start: 30px 0 40px;}
	#footer .footer_top .footer_menu .site_menu_wrapper .site_menu.item .link_list li{width: 100%;}
	#footer .footer_top .sns_area {margin: 32px 0 0; flex-direction: column;}
	#footer .footer_top .footer_menu .site_menu_wrapper {flex-direction: column; gap: 10px;}
	#footer .footer_top .footer_menu .site_menu_wrapper .site_menu {max-width: unset;}
	#footer .footer_top .link_list .footer_lists a{padding: 0;}
	#footer .footer_top .link_list .footer_list{padding: 0 0 10px 14px; position: relative;}
	#footer .footer_top .footer_menu .site_menu_wrapper .site_menu.item .link_list .footer_lists{width: calc(100% / 2 - 6px);}
	#footer .footer_top .link_list .footer_lists a::before,#footer .link_list .footer_lists a::after{content: none;}
	#footer .footer_top .footer_list_wrapper{display: none;}
	/* #footer .footer_top .link_list .footer_list::after{position: absolute; background: url(../images/border_dotted_white.svg) no-repeat center / 100%; bottom: 0; left: 50%; transform: translateX(-50%); content: ""; width: 100%; height: 1px;} */
	#footer .footer_top .link_list .footer_list_title::before{transform: translate(0%, -50%) rotate(90deg); left: 3px;}
	#footer .footer_top .link_list .footer_list_title.is-open::before{transform: translate(0%, -50%) rotate(-90deg);}
	#footer .footer_top .link_list .footer_list_title.is-open::after{content: none;}
	#footer .footer_bottom{font-size: 11px; padding: 18px 25px;}
	#footer .sns{padding: 20px 0;}
	/* ドラえもんストア */
	#footer.doraemonstore .link_list{gap: 6px 10px;}
	#footer.doraemonstore .link_list a{padding: 0; font-size: 12px;}
	#footer.doraemonstore .link_list a::before{content: none;}
	#footer.doraemonstore .footer_top_wrapper{padding: 0 25px;}
	#footer.doraemonstore .bnr_area_wrapper{ padding-bottom: 24px;}
	#footer.doraemonstore .bnr_area{margin-top: 0;}

}