@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@400;500;600&family=Montserrat:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined');

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-variation-settings: 'FILL'0, 'wght'400, 'GRAD'0, 'opsz'24;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  content: '';
  /* important */
}

/* 個別にアイコンを指定 */
.icon_arrow-up::after {
  content: "arrow_upward";
}

.icon_arrow-down::after {
  content: "arrow_downward";
  color: red;
}

/*--reset*/
h1,
h2,
h3,
h4 {
  display: block;
  margin-block-start: inherit;
  margin-block-end: inherit;
  margin-inline-start: inherit;
  margin-inline-end: inherit;
  font-weight: inherit;
  unicode-bidi: inherit;
  font-size: inherit;

}

/*au_v2 reset--*/

#contentsWrapper .contArea {
  max-width: 100%;
  padding: 0;
  overflow: clip;
}

.cmp-au-com-container__width__1column__980 > .cmp-au-com-container > .cmp-au-com-container__contents {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .breadcrumb {
    margin-top: 50px;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .contents_all_wrap {
    margin-top: 44px;
  }
}


/*common start*/

body .amazon_primeLp {
  font-family: 'Noto Sans JP', sans-serif;
}

body .amazon_primeLp img {
  width: 100%;
  user-drag: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
}

body .amazon_primeLp section {
  position: relative;
}





:root {
  --blue_1: #E1F6FF;
  --blue_2: #222F3E;
  --blue_3: #14AAEA;
  --blue_4: #14AAEA;
  --orange_1: #FF9123;
  ;

}

body .amazon_primeLp {
  letter-spacing: 0.05em;
}


body .amazon_primeLp .font_en {
  font-family: 'M PLUS 1', sans-serif;
  font-family: 'Montserrat', sans-serif;
}

body .amazon_primeLp .bold {
  font-weight: bold;
}

body .amazon_primeLp .red {
  color: red;
}

.indent {
  text-indent: -2em;
  padding-left: 2em;
}

.indent_1 {
  text-indent: -1.1em;
  padding-left: 1.1em;
}

.indent_1h {
  text-indent: -1.3em;
  padding-left: 1.3em;
}

.mb_1em {
  margin-bottom: 1em
}

.mb_hem {
  margin-bottom: 0.5em
}

.ml_1hem {
  margin-left: 1.3em
}



/*read tag*/

.read_tag {
  position: absolute;
  top: 0;
  left: 0;
  height: 100px;
  width: 100%;
}


.id_read_tag_wrap {
  position: relative;
}

.id_read_tag_wrap .id_read_tag {
  position: absolute;
  height: 30px;
  width: 30px;
  /*  background-color: red;*/
}

/*scroll driven animation
  -----------------------------------------------------*/
.-fadeUp {
  opacity: 0;
  transition: 1.5s all;
  transform: translateY(30px);
}

.-fadeUp.on {
  opacity: 1;
  transition-duration: 1.2s;
  transform: translate(0);
}

.-pcDeeley0 {}

.-pcDeeley1 {
  transition-delay: 0.2s;
}

.-pcDeeley2 {
  transition-delay: 0.4s;
}

.-pcDeeley3 {
  transition-delay: 0.6s;
}


/*read-tag*/
.read-tag_wrap{
  position: relative;
}
.read-tag_wrap .read-tag{
  position: absolute;
  left: 0;
  top;0;
  height: 30px;
  width: 30px;
/*  background-color: red;*/
}





/*accodion_bt click data-tg
--------------------------------------*/
-accodion_btn {
  position: relative;
}

.-accodion_btn .-to-open,
.-accodion_btn .-to-close {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
}

.-accodion_btn.on .-to-open,
.-accodion_btn.off .-to-close {
  display: none;
  pointer-events: none;
}

.-accodion_btn.on .-to-close,
.-accodion_btn.off .-to-open {
  display: block;
  pointer-events: auto;
}