@charset "UTF-8";
/* CSS Document */
@media screen and (max-width: 768px) {
  body {
    font-size: 18px; } }

/*-------------------スマホだけ-------------------*/
.coanOrgSP {
  display: none; }

@media screen and (max-width: 768px) {
  .coanOrgSP {
    display: block; } }

/*-------------------画像リンク-------------------*/
a img:hover,
.coanOrgModal img:hover {
  filter: brightness(1.1); }

/*-------------------幅-------------------*/
.coanOrgLayW430Typ01, .coanOrgLayW430Typ02 {
  margin: 0 auto; }

.coanOrgLayW430Typ02 {
  padding: 0 20px; }

/*----幅370px 左右に余白を作らない----*/
.coanOrgLayW430Typ01 {
  max-width: 430px; }

@media screen and (max-width: 430px) {
  .coanOrgLayW430Typ01 {
    width: 100%;
    max-width: inherit; } }

/*----幅370px 左右に余白を20px----*/
.coanOrgLayW430Typ02 {
  max-width: 470px; }

@media screen and (max-width: 470px) {
  .coanOrgLayW430Typ02 {
    width: 100%;
    max-width: inherit; } }

/*-------------------背景-------------------*/
/*----背景 02----*/
.coanOrgBgTyp02 {
  padding: 20px 0;
  background: #001829; }

/*----背景 03----*/
.coanOrgBgTyp03 {
  margin: 20px 50px;
  padding: 10px 40px 30px;
  background: #e2e4e8;
  font-family: 'Noto Serif JP', serif; }

@media screen and (max-width: 560px) {
  .coanOrgBgTyp03 {
    margin: 20px;
    padding: 10px 20px 30px; } }

/*----背景 04----*/
.coanOrgBgTyp04 {
  padding: 40px 60px;
  background: #203341; }

@media screen and (max-width: 560px) {
  .coanOrgBgTyp04 {
    padding: 30px; } }

/*----背景 05----*/
.coanOrgBgTyp05 {
  padding: 30px 40px;
  background: #0e191d; }

@media screen and (max-width: 560px) {
  .coanOrgBgTyp05 {
    padding: 20px; } }

/*----背景 06----*/
.coanOrgBgTyp06 {
  padding: 30px 70px;
  background: #4f454e; }

@media screen and (max-width: 560px) {
  .coanOrgBgTyp06 {
    padding: 30px; } }

/*----背景 07----*/
.coanOrgBgTyp07 {
  padding: 20px 0;
  background: #040410; }

/*-------------------本文-------------------*/
/*----テキスト h2----*/
.coanOrgh2 {
  margin-top: 26px;
  border-bottom: 1px solid #888;
  font-weight: bold; }

/*----テキスト 02----*/
.coanOrgTxtTyp02 {
  color: #fff;
  font-size: 22px;
  line-height: 2; }

@media screen and (max-width: 560px) {
  .coanOrgTxtTyp02 {
    font-size: 18px; } }

/*----テキスト 03----*/
.coanOrgTxtTyp03 {
  color: #fff; }
  .coanOrgTxtTyp03 p {
    margin: -40px 20px 0;
    font-size: 12px;
    text-align: center; }

@media screen and (max-width: 560px) {
  .coanOrgTxtTyp03 p {
    font-size: 10px; } }

/*----テキスト 04----*/
.coanOrgTxtTyp04 {
  margin-top: -40px;
  position: relative;
  z-index: 10; }

/*-------------------期間限定特別価格-------------------*/
.wrapCoanLimited02 {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 540px; }

@media screen and (max-width: 560px) {
  .wrapCoanLimited02 {
    padding: 0; } }

dl.coanLimited02 {
  padding: 0 10px 10px;
  color: #d3bf96;
  font-weight: 500; }

dl.coanLimited02 dt {
  text-align: center;
  font-size: 32px; }

dl.coanLimited02 dd {
  text-align: center;
  font-size: 23px; }

@media screen and (max-width: 768px) {
  dl.coanLimited02 dt {
    font-size: 28px; }
  dl.coanLimited02 dd {
    font-size: 20px; } }

.wrapCoanLimited03 {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 540px; }

@media screen and (max-width: 560px) {
  .wrapCoanLimited03 {
    padding: 0; } }

.coanLimited03 {
  padding: 0 10px;
  color: #dab871;
  font-weight: 500;
  text-align: center;
  font-size: 26px; }

/*-------------------購入エリア-------------------*/
.coanPriceInLay02 .coanPriceRegular.coanPriceRegularNonoff {
  font-size: 40px; }

/*-------------------モーダル-------------------*/
.coanOrgModal {
  cursor: pointer;
  cursor: hand; }

/*-------------------スライダー-------------------*/
.coanOrgLaySlider {
  width: 560px;
  max-width: 560px;
  margin: 0 auto;
  position: relative;
  background: #4f454e;
  padding: 20px 60px; }

.slider .slider__item_txt {
  padding: 30px 0 20px; }

.slick-arrow.slick-next {
  top: 125px;
  right: 0; }

.slick-arrow.slick-prev {
  top: 125px;
  left: 0; }

@media screen and (max-width: 560px) {
  .coanOrgLaySlider {
    width: 100vw;
    max-width: 100vw; }
  .slider img {
    width: 100% !important;
    height: inherit !important; }
  .slick-arrow.slick-next {
    top: calc((100vw - 60px - 60px ) * 0.56 / 2); }
  .slick-arrow.slick-prev {
    top: calc((100vw - 60px - 60px ) * 0.56 / 2); } }

/*-------------------アコーディオンパネル-------------------*/
.coanOrgPanel {
  background-color: #92897b;
  color: #fff;
  padding: 20px 20px 10px; }

.coanOrgPanelHeader {
  position: relative; }
  .coanOrgPanelHeader:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url("/cms/magazine/a2211/06/img/btn_002.png");
    background-size: contain;
    display: block;
    position: absolute;
    top: 30px;
    right: -8px; }
  .coanOrgPanelHeader.active:after {
    background-image: url("/cms/magazine/a2211/06/img/btn_005.png"); }
  .coanOrgPanelHeader.active:hover:after {
    background-image: url("/cms/magazine/a2211/06/img/btn_003.png"); }
  .coanOrgPanelHeader:hover {
    cursor: pointer;
    cursor: hand; }
    .coanOrgPanelHeader:hover:after {
      background-image: url("/cms/magazine/a2211/06/img/btn_004.png"); }

@media screen and (max-width: 560px) {
  .coanOrgPanelHeader {
    padding-right: 40px;
    padding-left: 40px; } }

.coanOrgPanelHeader h2 {
  font-family: 'Noto Serif JP', serif;
  text-align: center !important;
  font-size: 30px;
  font-weight: bold; }

.coanOrgPanelHeader img {
  max-width: 300px;
  margin: 0 auto 20px; }

.coanOrgPanelContents {
  line-height: 2;
  font-size: 18px;
  display: none;
  margin-bottom: 10px;
  padding: 0 20px; }

@media screen and (max-width: 560px) {
  .coanOrgPanelContents {
    padding: 0; } }

.coanOrgPanelContentsSub {
  font-size: 14px;
  margin-top: 20px; }

/*-------------------商品名-------------------*/
.coanPurchaseItem02 {
  position: relative; }
  .coanPurchaseItem02 img {
    display: block;
    float: right;
    width: 120px;
    max-width: 50%;
    margin-top: -20px; }
  .coanPurchaseItem02 span {
    width: 240px;
    display: block;
    font-size: 26px; }

.coanPurchasePrice01 {
  clear: both; }

.coanPurchaseItem02 small {
  font-size: 16px; }

.coanPurchaseItemSup02 {
  font-size: 22px;
  clear: both;
  margin-top: 0;
  margin-bottom: 28px; }

.coanPurchaseItemSup02 span {
  font-size: 18px; }

@media screen and (max-width: 560px) {
  .coanPurchaseItem02 img {
    margin-top: -10px;
    max-width: 30%; }
  .coanPurchaseItemSup02 {
    font-size: 16px; }
  .coanPurchaseItemSup02 span {
    font-size: 14px; } }

.coanPurchaseItem0255 dt {
  font-size: 25px;
  line-height: 1.2;
  font-weight: 500;
  margin-right: 160px; }

.coanPurchaseItem0255 dt span {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500;
  display: block;
  margin: 30px 0; }

.coanPurchaseItem0255 dd {
  position: absolute;
  top: 0;
  right: 0;
  width: 160px; }

.coanPurchaseItem0255 dt + dd {
  margin-top: 8px; }

/*end*/