@charset "UTF-8";

/* ----------------------------------
 基本レイアウト設定／共通
---------------------------------- */
[data-browse-mode="P"] .js-block-header-fix-wrap { min-height: 108px;}
[data-browse-mode="P"] .pane-contents { padding-bottom: 0;}
[data-browse-mode="P"] .pane-contents .container { width: 100%; padding: 0; margin: 0; display: block !important;}
[data-browse-mode="P"] .pane-contents .container .block-separat { display: none !important;}
[data-browse-mode="P"] .pane-left-menu  { display: none !important;}
[data-browse-mode="P"] .pane-right-menu { display: none !important;}

[data-browse-mode="S"] .pane-main .block-separat { display: none !important;}

@media only screen and (min-width: 767px) { 
	.is_sp { display: none;}
}
@media only screen and (max-width: 768px) { 
	.is_pc { display: none;}
	
	[data-browse-mode="P"] body > .wrapper { width: 100%;}
	[data-browse-mode="P"] .pane-header,
	[data-browse-mode="P"] .pane-globalnav-wrapm
	[data-browse-mode="P"] .pane-footer { width: 1400px;}
	
}

/* ----------------------------------
 ANAロゴ刻印版 iPad
---------------------------------- */
#ana-ipad { padding: 0 0 50px; background: #F5F5F5;}
#ana-ipad img { width: 100%; vertical-align: top;}
#ana-ipad h1 { padding: 0; margin: 0; border: none;}
#ana-ipad .mv { width: 100%;}
#ana-ipad .ipad-content-wapper { width: 1320px; margin: 0 auto;}
#ana-ipad .ipad-date { padding: 15px; background: #2B9DF9; display: flex; justify-content: center; align-items: center;}
#ana-ipad .ipad-date p { font-size: 26px; font-weight: bold; letter-spacing: 0.05em; color: #FFF;}
#ana-ipad .ipad-close p {
  max-width: 1320px;
  padding: 16px;
  margin: 80px auto 0;
  border: #FF4848 2px  solid;
  font-family: Noto Sans JP, sans-serif;
  font-size: 30px;
  font-weight: 900;
  text-align: center;
  color: #FF4848;
  display: block;
}
#ana-ipad .ipad-caption { margin-top: 70px;}
#ana-ipad .ipad-product { margin-top: 70px;}
#ana-ipad .ipad-product-title .sub { margin-bottom: 10px; font-size: 42px;}
#ana-ipad .ipad-product-title .sub-desc { margin-bottom: 60px; font-size: 18px;}
#ana-ipad .ipad-product-title .sub-desc span { color: #C00;}
#ana-ipad .ipad-product-title .sub-desc a { text-decoration: underline; text-decoration-color: #00146E !important; color: #00146E !important;}
#ana-ipad .ipad-product-flex-menu ul { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px;}
#ana-ipad .ipad-product-flex-menu li { width: calc(50% - 15px);}
#ana-ipad .ipad-attention { margin-top: 70px;}

@media only screen and (max-width: 768px) {
	#ana-ipad { padding: 0 0 30px;}
  #ana-ipad .ipad-content-wapper { width: calc(100% - 30px); margin: 0 15px;}
	#ana-ipad .ipad-date { padding: 15px 0;}
	#ana-ipad .ipad-date p { font-size: 16px; letter-spacing: 0;}
  #ana-ipad .ipad-close p { width: calc(100% - 30px); padding: 8px 0; margin: 40px 15px 0; font-size: 18px;}
  #ana-ipad .ipad-caption { margin-top: 40px;}
  #ana-ipad .ipad-product { margin-top: 40px;}
  #ana-ipad .ipad-product-title .sub { margin-bottom: 15px; font-size: 24px;}
  #ana-ipad .ipad-product-title .sub-desc { margin-bottom: 30px; font-size: 17px;}
	#ana-ipad .ipad-product-flex-menu ul { display: block;}
  #ana-ipad .ipad-product-flex-menu li { width: 100%;}
  #ana-ipad .ipad-product-flex-menu li + li { margin-top: 10px;}
  #ana-ipad .ipad-attention { margin-top: 40px;}
}

@media only screen and (max-width: 468px) {
	#ana-ipad .ipad-date p { font-size: 14px; letter-spacing: -0.25px;}
}

/* ----------------------------------
 Appleがデザインした純正アクセサリ
---------------------------------- */
#logoipad-acc { padding: 90px 0; background: #F5F5F5;}
#logoipad-acc .acc-container { width: 1320px; margin: 0 auto;}
#logoipad-acc .acc-container .title { padding: 0; margin: 0 0 30px; border: none; font-size: 42px; font-weight: bold; text-align: center; letter-spacing: 0.05em; color: #000; background: none;}
#logoipad-acc .acc-container .title span { font-size: 42px; font-weight: bold; color: #000;}
#logoipad-acc .acc-products-list { padding: 40px; border-radius: 10px; background: #FFF;}

#logoipad-acc .acc-products-list .block-pickup-list-p--items a { text-decoration: none;}
#logoipad-acc .acc-products-list .block-pickup-list-p--items > li { margin: 0; display: flex; flex-wrap: wrap; gap: 0 30px;}
#logoipad-acc .acc-products-list .block-pickup-list-p--items > li + li { margin-top: 30px;}
#logoipad-acc .acc-products-list .block-pickup-list-p--item-body { width: calc((100% - 30px * 4)/5); padding: 20px 25px; margin: 0; border-radius: 10px; box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);}
#logoipad-acc .acc-products-list .block-pickup-list-p--item-body .block-pickup-list-p--image { width: 100%;}
#logoipad-acc .acc-products-list .block-pickup-list-p--item-body .block-pickup-list-p--goods-name a { font-size: 16px; font-weight: bold; color: #000;}
#logoipad-acc .acc-products-list .block-pickup-list-p--item-body .block-pickup-list-p--price-items { width: 100%;}
#logoipad-acc .acc-products-list .block-pickup-list-p--item-body .block-pickup-list-p--price-items .price { font-size: 16px; font-weight: bold; color: #000;}
#logoipad-acc .acc-products-list .block-pickup-list-p--item-body .block-pickup-list-p--mile { color: #666;}
#logoipad-acc .acc-products-list .block-pickup-list-p--item-body .block-pickup-list-p--shop-name,
#logoipad-acc .acc-products-list .block-pickup-list-p--item-body .block-pickup-list-p--transport,
#logoipad-acc .acc-products-list .block-pickup-list-p--item-body .block-pickup-list-p--bookmark,
#logoipad-acc .acc-products-list .block-pickup-list-p--item-body .block-goods-review,
#logoipad-acc .acc-products-list .block-pickup-list-p--item-body .coupon { display: none !important;}
#logoipad-acc .acc-products-list .block-pickup-list-p--item-body .block-goods--mile--info { display: none !important;}

#logoipad-acc .acc-products-list .block-pickup-list-p--items.flattened-done { margin: 0; display: flex; flex-wrap: wrap; gap: 30px;}
#logoipad-acc .acc-products-list .block-pickup-list-p--items.flattened-done > li + li { margin-top: 0;}
#logoipad-acc .acc-products-list .block-pickup-list-p--items.flattened-done > li { width: calc((100% - 30px * 4)/5);}
#logoipad-acc .acc-products-list .block-pickup-list-p--items.flattened-done .block-pickup-list-p--item-body { width: 100%;}
#logoipad-acc .acc-products-list .block-pickup-list-p--items.flattened-done .block-pickup-list-p--goods-name {
	max-height: calc(3em * 1.4);
	margin: 0 0 15px;
  font-size: 16px;
  font-weight: bold;
	line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
	color: #000;
}

#logoipad-acc .acc-products-list .block-thumbnail-t--items a { text-decoration: none;}
#logoipad-acc .acc-products-list .block-thumbnail-t--items { padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 30px;}
#logoipad-acc .acc-products-list .block-thumbnail-t--item { width: calc((100% - 30px * 4)/5); padding: 20px 25px; margin: 0; border-radius: 10px; box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);}
#logoipad-acc .acc-products-list .block-thumbnail-t--item .block-thumbnail-t--goods-image { width: 100%; position: relative;}
#logoipad-acc .acc-products-list .block-thumbnail-t--item .block-thumbnail-t--goods-name a { font-size: 16px; font-weight: bold; color: #000;}
#logoipad-acc .acc-products-list .block-thumbnail-t--item .block-thumbnail-t--price-items .price { font-size: 16px; color: #000;}
#logoipad-acc .acc-products-list .block-thumbnail-t--item .block-thumbnail-t--mile { color: #666;}
#logoipad-acc .acc-products-list .block-thumbnail-t--item .block-thumbnail-t--shop-info,
#logoipad-acc .acc-products-list .block-thumbnail-t--item .block-thumbnail-list-t--transport,
#logoipad-acc .acc-products-list .block-thumbnail-t--item .block-thumbnail-t--bookmark,
#logoipad-acc .acc-products-list .block-thumbnail-t--item .block-goods-review,
#logoipad-acc .acc-products-list .block-thumbnail-t--item .coupon { display: none !important;}
#logoipad-acc .acc-products-list .block-thumbnail-t--item .block-goods--mile--info { display: none !important;}

#logoipad-acc .acc-products-list .block-thumbnail-t--items.flattened-done { margin: 0; display: flex; flex-wrap: wrap; gap: 30px;}
#logoipad-acc .acc-products-list .block-thumbnail-t--items.flattened-done .block-thumbnail-t--item { width: calc((100% - 30px * 4)/5);}
#logoipad-acc .acc-products-list .block-thumbnail-t--items.flattened-done .block-thumbnail-t--goods-name {
	min-height: calc(3em * 1.4);
	margin: 0 0 15px;
  font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
	color: #000;
}
#logoipad-acc .acc-products-list .block-thumbnail-t--items.flattened-done .block-thumbnail-list-t--shop-off { position: relative; bottom: auto; left: auto;}

@media only screen and (max-width: 768px) {
	#logoipad-acc { padding: 30px 0;}
	#logoipad-acc .acc-container { width: 100%; margin: 0 auto; border-radius: 0;}
	#logoipad-acc .acc-container .title { margin: 0 0 20px; font-size: 20px; letter-spacing: 0;}
	#logoipad-acc .acc-container .title span { font-size: 20px; text-align: center; display: block;}
	#logoipad-acc .acc-products-list { padding: 20px 20px 30px; border-radius: 0;}
	#logoipad-acc .acc-products-list .block-pickup-list-p--items > li { gap: 15px;}
	#logoipad-acc .acc-products-list .block-pickup-list-p--items > li + li { margin-top: 15px;}
	#logoipad-acc .acc-products-list .block-pickup-list-p--item-body { width: calc((100% - 15px)/2); padding: 10px;}
	#logoipad-acc .acc-products-list .block-pickup-list-p--item-body .block-pickup-list-p--goods-name a { font-size: 14px;}
	#logoipad-acc .acc-products-list .block-pickup-list-p--item-body .block-pickup-list-p--price-items .price { font-size: 14px;}
	
	#logoipad-acc .acc-products-list .block-pickup-list-p--items.flattened-done { gap: 15px;}
	#logoipad-acc .acc-products-list .block-pickup-list-p--items.flattened-done > li { width: calc((100% - 15px)/2);}
	#logoipad-acc .acc-products-list .block-pickup-list-p--items.flattened-done .block-pickup-list-p--goods-name { font-size: 14px;}
	
	#logoipad-acc .acc-products-list .block-thumbnail-t--items { margin: 0; display: flex; flex-wrap: wrap; gap: 15px;}
	#logoipad-acc .acc-products-list .block-thumbnail-t--item { width: calc(50% - 15px); padding: 10px;}
	#logoipad-acc .acc-products-list .block-thumbnail-t--item .block-thumbnail-t--goods-name a { font-size: 14px;}
	#logoipad-acc .acc-products-list .block-thumbnail-t--item .block-thumbnail-t--price-items .price { font-size: 14px;}
	
	#logoipad-acc .acc-products-list .block-thumbnail-t--items.flattened-done { margin: 0; display: flex; flex-wrap: wrap; gap: 15px;}
	#logoipad-acc .acc-products-list .block-thumbnail-t--items.flattened-done .block-thumbnail-t--item { width: calc((100% - 15px)/2);}
	#logoipad-acc .acc-products-list .block-thumbnail-t--items.flattened-done .block-thumbnail-t--goods-name { min-height: auto; max-height: calc(3em * 1.4); margin: 0 0 15px; font-size: 14px;}
}

/* ----------------------------------
 3周年記念ページ導線バナー
---------------------------------- */
#bnr-3rd-aniversary { padding: 40px 0; background: #F5F5F5;}
#bnr-3rd-aniversary .banner { width: 1320px; margin: 0 auto; text-align: center;}
#bnr-3rd-aniversary .banner img { max-width: 100%; vertical-align: top;}

@media only screen and (max-width: 768px) {
	#bnr-3rd-aniversary { padding: 30px 0;}
	#bnr-3rd-aniversary .banner { width: auto;}
}

/* ----------------------------------
 マイルを使ってApple製品を手に入れよう
---------------------------------- */
#logoipad-bottom { padding: 90px 0 200px; background: #F5F5F5;}
#logoipad-bottom .logoipad-content-wapper { width: 1320px; margin: 0 auto;}
#logoipad-bottom .banner { margin: 0 0 40px; text-align: center;}
#logoipad-bottom .text { font-size: 30px; font-weight: 500; text-align: center;}
#logoipad-bottom .text a { font-size: 30px; font-weight: 500; text-decoration: underline; transition: 0.3s;}
#logoipad-bottom .text a:hover { text-decoration: none; opacity: 0.7;}

@media only screen and (max-width: 768px) {
	#logoipad-bottom { padding: 50px 0 100px;}
	#logoipad-bottom .logoipad-content-wapper { width: 100%; margin: 0 auto;}
	#logoipad-bottom .banner { margin: 0 0 20px; text-align: center;}
	#logoipad-bottom .text,
	#logoipad-bottom .text a { font-size: 18px;}
}