* {
margin:0;
padding:0;
}

.roomimg {
  width: 100%;
}

.cookingimg {
  width: 296px;
}

.cbox {
  background-color: lemonchiffon;
}

/*noto sans*/
.noto {font-family: 'Noto Sans JP', sans-serif; font-weight: 500;}
.noto-bold {font-family: 'Noto Sans JP', sans-serif; font-weight: 700;}

/*改行*/
.pc-br { display:block;}
.sp-br { display:none;}

/*フォントサイズ*/
.font12 { font-size:12px; }
.font14 { font-size:14px; }
.font15 { font-size:15px; }
.font16 { font-size:16px; }
.font17 { font-size:17px; }
.font18 { font-size:18px; }
.font19 { font-size:19px; }
.font20 { font-size:20px; }
.font21 { font-size:21px; }
.font22 { font-size:22px; }
.font23 { font-size:23px; }
.font24 { font-size:24px; }
.font25 { font-size:25px; }
.font26 { font-size:26px; }
.font27 { font-size:27px; }
.font28 { font-size:28px; }
.font29 { font-size:29px; }
.font30 { font-size:30px; }
.font32 { font-size:32px; }
.font34 { font-size:34px; }
.font36 { font-size:36px; }
.font38 { font-size:38px; }
.font40 { font-size:40px; }
.font42 { font-size:42px; }
.font50 { font-size:50px; }
.f-palt { font-feature-settings: "palt";}
.ls10 {  letter-spacing:0.2em; }

/*余白など*/
.mt10 { margin-top:10px!important;}
.mt20 { margin-top:20px!important;}
.mt40 { margin-top:40px!important;}
.mt60 { margin-top:60px!important;}
.mt80 { margin-top:80px!important;}

.mt0 { margin:0!important;}
.mt-5 { margin-top:-5px!important;}
.mt-10 { margin-top:-10px!important;}
.mt-20 { margin-top:-20px!important;}
.mt-40 { margin-top:-40px!important;}
.mt-50 { margin-top:-50px!important;}
.mt-60 { margin-top:-60px!important;}
.mt-70 { margin-top:-70px!important;}
.mt-80 { margin-top:-80px!important;}

.pt10 { padding-top:10px!important;}
.pt20 { padding-top:20px!important;}
.pt40 { padding-top:40px!important;}
.pt60 { padding-top:60px!important;}
.pt80 { padding-top:80px!important;}

.pb10 { padding-bottom:10px!important;}
.pb20 { padding-bottom:20px!important;}
.pb40 { padding-bottom:40px!important;}
.pb60 { padding-bottom:60px!important;}
.pb80 { padding-bottom:80px!important;}
.pb120 { padding-bottom:120px!important;}


/*アコーディオン*/
summary {
  /* display: list-item;以外を指定してデフォルトの三角形アイコンを消します */
  display: block;
}

summary::-webkit-details-marker {
  /* Safariで表示されるデフォルトの三角形アイコンを消します */
  display: none;
}



div#floating-menu {
	display:block;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1;
}

/*フッター追加*/
.footerUnit {
	padding-top: 30px;
	border-top: 1px solid #4f4f4f;
}
/* footerLogo */
.footerLogoRayard img {
	width: 200px;
}
/* footerNav */
.footerNav05,
.footerNav06 {
	width: 200px;
}
.footerNavRayard {
	text-align: center;
}
.footerNavRayard dl {
	text-align: left;
}

/*ものみゆさん*/
.w1000 { width:1000px; margin:0 auto;}
.w920 { width:920px; margin:0 auto;}
.w860 { width:860px; margin:0 auto;}
.w855 { width:855px; margin:0 auto;}
.w756 { width:756px; margin:0 auto;}
.w722 { width:722px; margin:0 auto;}
.w660 { width:660px; margin:0 auto;}
.w644 { width:644px; margin:0 auto;}
.w632 { width:630px; margin:0 15px;}
.w620 { width:620px; margin:0 auto;}
.w560 { width:560px; margin:0 auto;}
.w540 { width:540px; margin:0 auto;}
.w530 { width:530px; margin:0 auto;}
.w532 { width:532px; margin:0 auto;}
.w480 { width:480px; margin:0 auto;}

.bg-model { background-image: url("../image/bg-model.png"); background-repeat: repeat; background-position: top center; padding:40px 0;}
.bg-about { background-image: url("../image/bg-about.png"); background-repeat: repeat; background-position: top center; padding:40px 0;}
.bg-stamp { background-image: url("../image/bg-stamp.png"); background-repeat: repeat; background-position: top center; padding:40px 0;}
.bg-tokuten { background-image: url("../image/bg-tokuten.png"); background-repeat: repeat; background-position: top center; padding:40px 0;}

.bg-kadomaru { background-color: #fff; border-radius: 25px; padding:50px 0;}
.box-model-1 { box-sizing: border-box; border:solid 3px #e39d63; background-color: #f5eadc; }
.box-model-2 { box-sizing: border-box; border:solid 3px #b7cb4f; background-color: #f0f2dc; }
.box-model-3 { box-sizing: border-box; border:solid 3px #87ccc0; background-color: #e7f5f3; }
.box-model-4 { box-sizing: border-box; border:solid 3px #932e44; background-color: #e1d0cf; }

.f-ctr { text-align: center;}
.f-jst {text-align:justify;}
.f-red { color:#e60012;}
.f-blue { color:#002b60;}
.f-blue1 { color:#053b64;}
.position { position: relative;}
.coupon { position:absolute; top: 50%; transform: translateY(-50%); margin:0 auto; right:0;}
.obi { background-color:#053b64; text-align: center; height:1.8em; line-height: 1.8em; color:#fff; }
.obi-org { background-color:#ce573f; text-align: center; height:1.8em; line-height: 1.8em; color:#fff; }
.stamp { width:475px; position:absolute; top:35px; right:0;}
.bd-blue { border:2px solid #002b60; border-radius:20px; padding:40px 0;}
.join { position:absolute; top:-20px; }
.gray { background-color: #ebf3e9; padding:30px 0 ;}
.gray1 { background-color: #ebf3e9; padding:0 0 30px 0 ;}
ul.step1 { list-style: none; display:flex; align-items: center;}
ul.step1 li:nth-child(1) { width:420px;}
ul.step3 { list-style: none; display:flex; align-items: center;}
ul.step3 li:nth-child(1) { width:310px;}
ul.step4 { list-style: none; display:flex; align-items: center;}
ul.step4 li:nth-child(1) { width:458px;}
ul.step5 { list-style: none; display:flex; align-items: center;}
ul.step5 li:nth-child(1) { width:297px;}
.point { width:335px; position:absolute; top:30px; left:30px; text-align: center;}
.f-bg { background-color:#4a5274; display: inline-block; padding:0.1em 0.4em; color:#fff; margin:0 0.4em 0.2em 0;}
.f-bg1 { background-color:#053b64; display: inline-block; padding:0.3em 0.6em; color:#fff; }

.box-detail { font-size:20px; text-align: justify; height:16em;}
.sub-tab { display:flex; width:644px; justify-content: space-between; margin:0 auto;}
.sub-tab1 { display:flex; width:430px; justify-content: space-between; margin:0 auto; flex-wrap:wrap; row-gap: 30px;}
.kv { width:1000px; margin:0 auto;}
.menu { background-image: url("../image/top-bg.png"); background-repeat: repeat-x; background-position: top center; padding:40px 0 60px 0;}
ul.mainmenu { list-style: none; width:920px; margin:0 auto; display:flex;}

.box-c { box-sizing: border-box; border:solid 2px #e39d63; border-top:none; border-radius:0 0 15px 15px; background-color:#fff; padding-bottom:40px; position: relative;}
.box-f { box-sizing: border-box; border:solid 2px #b7cb4f; border-top:none; border-radius:0 0 15px 15px; background-color:#fff; padding-bottom:40px; position: relative;}
.box-m { box-sizing: border-box; border:solid 2px #87ccc1; border-top:none; border-radius:0 0 15px 15px; background-color:#fff; padding-bottom:40px; position: relative;}
.box-p { box-sizing: border-box; border:solid 2px #942c44; border-top:none; border-radius:0 0 15px 15px; background-color:#fff; padding-bottom:40px; position: relative;}
.border-btm { padding-bottom:20px; border-bottom:solid 1px #000;}
.caption { width:532px; position:absolute; bottom:20px; left: 50%; transform: translateX(-50%);}
.metro { display:flex; align-items: center;}
.metro .icon-card { width:195px!important; height:auto;}
.metro .icon-cap { width:527px!important; height:auto;}

.box-c1 { box-sizing: border-box; border:solid 2px #e39d63; border-top:none; border-radius:0 0 24px 24px; background-color:#fff; padding-bottom:40px; position: relative;}
.ttl-c { background-color:#e39d63; padding:0.15em 0 0.25em 0; color:#fff; text-align: center; border:solid 2px #e39d63; border-bottom:none; border-radius:24px 24px 0 0; }
.box-f1 { box-sizing: border-box; border:solid 2px #b7cb4f; border-top:none; border-radius:0 0 24px 24px; background-color:#fff; padding-bottom:40px; position: relative;}
.ttl-f { background-color:#b7cb4f; padding:0.15em 0 0.25em 0; color:#fff; text-align: center; border:solid 2px #b7cb4f; border-bottom:none; border-radius:24px 24px 0 0; }
.box-m1 { box-sizing: border-box; border:solid 2px #87ccc1; border-top:none; border-radius:0 0 24px 24px; background-color:#fff; padding-bottom:40px; position: relative;}
.ttl-m { background-color:#87ccc1; padding:0.15em 0 0.25em 0; color:#fff; text-align: center; border:solid 2px #87ccc1; border-bottom:none; border-radius:24px 24px 0 0; }
.box-p1 { box-sizing: border-box; border:solid 2px #942c44; border-top:none; border-radius:0 0 24px 24px; background-color:#fff; padding-bottom:40px; position: relative;}
.ttl-p { background-color:#942c44; padding:0.15em 0 0.25em 0; color:#fff; text-align: center; border:solid 2px #942c44; border-bottom:none; border-radius:24px 24px 0 0; }

.summary_inner {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content:center;
  align-items: center;
  /*231031修正*/
  padding: 4px 20px;
}

/* --------アコーディオンの中身のスタイル-------- */
.content { padding: 20px 0; margin:0;}

/* --------アイコンを作ります-------- */
.icon {
  display: block;
  position: relative;
  width: 24px;
  margin-left: 6px;
  flex-shrink: 0;
  transform-origin: center 43%;
  transition: transform 0.4s;
  right:-23%;
}
.icon2 {
  display: block;
  position: relative;
  width: 24px;
  margin-left: 6px;
  flex-shrink: 0;
  transform-origin: center 43%;
  transition: transform 0.4s;
  right:-35%;
}

/* アコーディオンが開いた時のスタイル */
details[open] .icon {
  transform: rotate(180deg);
}
details[open] .icon2 {
  transform: rotate(180deg);
}

/* アイコンのバーのスタイル */
.icon::before,
.icon::after {
  content: "";
  position: absolute;
  display: block;
  width: 15px;
  height: 3px;
  background-color: #fff;
}

.icon2::before,
.icon2::after {
  content: "";
  position: absolute;
  display: block;
  width: 15px;
  height: 3px;
  background-color: #fff;
}

.icon::before {
  left: 0;
  transform: rotate(45deg);
}
.icon2::before {
  left: 0;
  transform: rotate(45deg);
}

.icon::after {
  right: 0;
  transform: rotate(-45deg);
}
.icon2::after {
  right: 0;
  transform: rotate(-45deg);
}


/*スライダー矢印*/
 .arrows {
   width: 200px; /* スライダーの幅と同じにする */
   position:absolute;
   right: 0;
  left: 0;
  bottom:10px;
  margin: 0 auto;
  padding-bottom:55px;
  pointer-events: none;
   }
   
  .arrows1 {
   width: 200px; /* スライダーの幅と同じにする */
   position:absolute;
   right: 0;
  left: 0;
  bottom:10px;
  margin: 0 auto;
  padding-bottom:55px;
  pointer-events: none;
   }
   
  .arrows2 {
   width: 200px; /* スライダーの幅と同じにする */
   position:absolute;
   right: 0;
  left: 0;
  bottom:10px;
  margin: 0 auto;
  padding-bottom:55px;
  pointer-events: none;
   }
   
  .arrows3 {
   width: 200px; /* スライダーの幅と同じにする */
   position:absolute;
   right: 0;
  left: 0;
  bottom:10px;
  margin: 0 auto;
  padding-bottom:55px;
  pointer-events: none;
   }
   
   .arrows4 {
   width: 200px; /* スライダーの幅と同じにする */
   position:absolute;
   right: 0;
  left: 0;
  bottom:10px;
  margin: 0 auto;
  padding-bottom:55px;
  pointer-events: none;
   }
   
   .arrows5 {
   width: 200px; /* スライダーの幅と同じにする */
   position:absolute;
   right: 0;
  left: 0;
  bottom:10px;
  margin: 0 auto;
  padding-bottom:55px;
  pointer-events: none;
   }
   
   .arrows6 {
   width: 200px; /* スライダーの幅と同じにする */
   position:absolute;
   right: 0;
  left: 0;
  bottom:10px;
  margin: 0 auto;
  padding-bottom:55px;
  pointer-events: none;
   }
   
    .arrows7 {
   width: 200px; /* スライダーの幅と同じにする */
   position:absolute;
   right: 0;
  left: 0;
  bottom:10px;
  margin: 0 auto;
  padding-bottom:55px;
  pointer-events: none;
   }
   
   .arrows8 {
   width: 200px; /* スライダーの幅と同じにする */
   position:absolute;
   right: 0;
  left: 0;
  bottom:10px;
  margin: 0 auto;
  padding-bottom:55px;
  pointer-events: none;
   }
   
   .arrows9 {
   width: 200px; /* スライダーの幅と同じにする */
   position:absolute;
   right: 0;
  left: 0;
  bottom:10px;
  margin: 0 auto;
  padding-bottom:55px;
  pointer-events: none;
   }
   
    .arrows10 {
   width: 200px; /* スライダーの幅と同じにする */
   position:absolute;
   right: 0;
  left: 0;
  bottom:10px;
  margin: 0 auto;
  padding-bottom:55px;
  pointer-events: none;
   }
   
   .arrows11 {
   width: 200px; /* スライダーの幅と同じにする */
   position:absolute;
   right: 0;
  left: 0;
  bottom:10px;
  margin: 0 auto;
  padding-bottom:55px;
  pointer-events: none;
   }
   
   .arrows12 {
   width: 200px; /* スライダーの幅と同じにする */
   position:absolute;
   right: 0;
  left: 0;
  bottom:10px;
  margin: 0 auto;
  padding-bottom:55px;
  pointer-events: none;
   }
   
   .arrows13 {
   width: 200px; /* スライダーの幅と同じにする */
   position:absolute;
   right: 0;
  left: 0;
  bottom:10px;
  margin: 0 auto;
  padding-bottom:55px;
  pointer-events: none;
   }

  .slick-prev, .slick-next {
   border: none; /* デフォルトのボーダーを消す */
   color: #000;
   font-size: 20px; /* 矢印のサイズ調整 */
   padding: 20px;
   cursor: pointer;
   pointer-events: auto;
   }
   

.slick-dots{
	bottom: -30px!important;
}

/*タブ*/
.mc { display:flex;}
.tab { cursor:pointer;}
.tab img.off { display:block;}
.tab img.on { display:none;}
.tab.active img.on { display:block;}
.tab.active img.off { display:none;}
.panel {
  display: none;
}
.panel.active {
  display: block;
   width:100%;
   position:relative;
   padding-bottom:20px;
}
.tab1 { cursor:pointer;}
.tab1 img.off { display:block;}
.tab1 img.on { display:none;}
.tab1.active img.on { display:block;}
.tab1.active img.off { display:none;}

.tab2 { cursor:pointer;}
.tab2 img.off { display:block;}
.tab2 img.on { display:none;}
.tab2.active img.on { display:block;}
.tab2.active img.off { display:none;}

.tab3 { cursor:pointer;}
.tab3 img.off { display:block;}
.tab3 img.on { display:none;}
.tab3.active img.on { display:block;}
.tab3.active img.off { display:none;}

.tab4 { cursor:pointer;}
.tab4 img.off { display:block;}
.tab4 img.on { display:none;}
.tab4.active img.on { display:block;}
.tab4.active img.off { display:none;}

.panel1 {
  display: none;
}
.panel2 {
  display: none;
}
.panel3 {
  display: none;
}
.panel4 {
  display: none;
}
.panel1.active {
  display: block;
   width:100%;
}
.panel2.active {
  display: block;
   width:100%;
}
.panel3.active {
  display: block;
   width:100%;
}
.panel4.active {
  display: block;
   width:100%;
}

.panel1.active .slick-dots li button:before
{
    color: #e39d63!important;
}
.panel1.active .slick-dots li.slick-active button:before
{
    opacity: .75;
    color: #e39d63!important;
}

.panel1.active .slick-prev:before,
.panel1.active .slick-next:before {
    color: #e39d63!important;
}

.panel2.active .slick-dots li button:before
{
    color: #b7cb4f!important;
}
.panel2.active .slick-dots li.slick-active button:before
{
    opacity: .75;
    color: #b7cb4f!important;
}

.panel2.active .slick-prev:before,
.panel2.active .slick-next:before {
    color: #b7cb4f!important;
}

.panel3.active .slick-dots li button:before
{
    color: #87ccc1!important;
}
.panel3.active .slick-dots li.slick-active button:before
{
    opacity: .75;
    color: #87ccc1!important;
}

.panel3.active .slick-prev:before,
.panel3.active .slick-next:before {
    color: #87ccc1!important;
}

.panel4.active .slick-dots li button:before
{
    color: #942c44!important;
}
.panel4.active .slick-dots li.slick-active button:before
{
    opacity: .75;
    color: #942c44!important;
}

.panel4.active .slick-prev:before,
.panel4.active .slick-next:before {
    color: #942c44!important;
}

@media screen and (max-width: 600px) {
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
margin:0;
padding:0;
}

div#floating-menu {
	display:block;
    position: fixed;
    bottom: 2%;
    right: 2%;
    z-index: 1;
}

/*改行*/
.pc-br { display:none;}
.sp-br { display:block;}

.footerMenu { overflow: hidden;}
.footerBanner { overflow: hidden;}

.mt60 { margin-top:5%!important;}

/*ものみゆさん*/
.bg-model { background-image: url("../image/bg-model.png"); background-repeat: repeat; background-position: top center; padding:4% 0; background-size:5%;}
.bg-about { background-image: url("../image/bg-about.png"); background-repeat: repeat; background-position: top center; padding:4% 0; background-size:5%;}
.bg-stamp { background-image: url("../image/bg-stamp.png"); background-repeat: repeat; background-position: top center; padding:4% 0; background-size:5%;}
.bg-tokuten { background-image: url("../image/bg-tokuten.png"); background-repeat: repeat; background-position: top center; padding:4% 0; background-size:5%;}

.bg-kadomaru { background-color: #fff; border-radius: 15px; padding:5% 0;}
.box-model-1 { box-sizing: border-box; border:solid 3px #e39d63; background-color: #f5eadc; }
.box-model-2 { box-sizing: border-box; border:solid 3px #b7cb4f; background-color: #f0f2dc; }
.box-model-3 { box-sizing: border-box; border:solid 3px #87ccc0; background-color: #e7f5f3; }
.box-model-4 { box-sizing: border-box; border:solid 3px #932e44; background-color: #e1d0cf; }

.f-ctr { text-align: center;}
.f-jst {text-align:justify;}
.f-red { color:#e60012;}
.f-blue { color:#002b60;}
.f-blue1 { color:#053b64;}
.position { position: relative;}
.coupon { position:absolute; top: 50%; transform: translateY(-50%); margin:0 auto; right:0!important; width:25%;}
.coupon img { width:100%; height:auto; }
.obi { background-color:#053b64; text-align: center; height:2.2em; line-height: 2.2em; color:#fff; }
.obi-org { background-color:#ce573f; text-align: center; height:1.8em; line-height: 1.8em; color:#fff; }
.stamp { width:65%; position:absolute; top:4%; right:0;}
.bd-blue { border:1px solid #002b60; border-radius:12px; padding:5% 0 4% 0;}
.join { position:absolute; top:-1vh; }
.gray { background-color: #ebf3e9; padding:3% 0 ;}
.gray1 { background-color: #ebf3e9; padding:0 0 3% 0 ;}
ul.step1 { list-style: none; display:flex; align-items: center;}
ul.step1 li:nth-child(1) { width:70%;}
ul.step1 li:nth-child(2) { width:30%;}
ul.step3 { list-style: none; display:flex; align-items: center;}
ul.step3 li:nth-child(1) { width:55%;}
ul.step3 li:nth-child(2) { width:45%;}
ul.step4 { list-style: none; display:flex; align-items: center;}
ul.step4 li:nth-child(1) { width:72%;}
ul.step4 li:nth-child(2) { width:28%;}
ul.step5 { list-style: none; display:flex; align-items: center;}
ul.step5 li:nth-child(1) { width:55%;}
ul.step5 li:nth-child(2) { width:45%;}
.point { width:50%; position:absolute; top:2vh; left:4%; text-align: center;}
.f-bg { background-color:#4a5274; display: inline-block; padding:0.1em 0.4em; color:#fff; margin:0 0.4em 0.2em 0;}
.f-bg1 { background-color:#053b64; display: inline-block; padding:0.3em 0.6em; color:#fff; }
.span-block { display:block!important;}

.box-detail { font-size:2vw; text-align: justify; height:14em;}
.sub-tab { display:flex; width:90%; justify-content: space-between; margin:0 auto;}
.sub-tab .tab1 { width:31%;}
.sub-tab .tab1 img { width:100%; height:auto;}
.sub-tab .tab2 { width:31%;}
.sub-tab .tab2 img { width:100%; height:auto;}
.sub-tab1 { display:flex; width:60%; justify-content: space-between; margin:0 auto; flex-wrap:wrap; row-gap: 2vw;}
.sub-tab1 .tab3 { width:48%;}
.sub-tab1 .tab3 img { width:100%; height:auto;}
.sub-tab .tab4 { width:31%;}
.sub-tab .tab4 img { width:100%; height:auto;}
.kv { width:100%; margin:0 auto;}
.menu { background-image: url("../image/top-bg.png"); background-repeat: repeat-x; background-position: top center; padding:4% 0 6% 0;}
ul.mainmenu { list-style: none; width:90%; margin:0 auto; display:flex;}

.box-c { box-sizing: border-box; border:solid 2px #e39d63; border-top:none; border-radius:0 0 10px 10px; background-color:#fff; padding-bottom:6%; position: relative;}
.box-f { box-sizing: border-box; border:solid 2px #b7cb4f; border-top:none; border-radius:0 0 10px 10px; background-color:#fff; padding-bottom:6%; position: relative;}
.box-m { box-sizing: border-box; border:solid 2px #87ccc1; border-top:none; border-radius:0 0 10px 10px; background-color:#fff; padding-bottom:6%; position: relative;}
.box-p { box-sizing: border-box; border:solid 2px #942c44; border-top:none; border-radius:0 0 10px 10px; background-color:#fff; padding-bottom:6%; position: relative;}
.border-btm { padding-bottom:2%; border-bottom:solid 1px #000;}
.caption { width:90%; position:absolute; bottom:1.5%; left: 50%; transform: translateX(-50%);}
.metro { display:flex; align-items: center; width:100%;}
.metro .icon-card{ width:27%!important; height:auto;}
.metro .icon-cap{ width:73%!important; height:auto;}

.box-c1 { box-sizing: border-box; border:solid 2px #e39d63; border-top:none; border-radius:0 0 12px 12px; background-color:#fff; padding-bottom:6%; position: relative;}
.ttl-c { background-color:#e39d63; padding:0.2em 0 0.3em 0; color:#fff; text-align: center; border:solid 2px #e39d63; border-bottom:none; border-radius:12px 12px 0 0; }
.box-f1 { box-sizing: border-box; border:solid 2px #b7cb4f; border-top:none; border-radius:0 0 12px 12px; background-color:#fff; padding-bottom:6%; position: relative;}
.ttl-f { background-color:#b7cb4f; padding:0.2em 0 0.3em 0; color:#fff; text-align: center; border:solid 2px #b7cb4f; border-bottom:none; border-radius:12px 12px 0 0; }
.box-m1 { box-sizing: border-box; border:solid 2px #87ccc1; border-top:none; border-radius:0 0 12px 12px; background-color:#fff; padding-bottom:6%; position: relative;}
.ttl-m { background-color:#87ccc1; padding:0.2em 0 0.3em 0; color:#fff; text-align: center; border:solid 2px #87ccc1; border-bottom:none; border-radius:12px 12px 0 0; }
.box-p1 { box-sizing: border-box; border:solid 2px #942c44; border-top:none; border-radius:0 0 12px 12px; background-color:#fff; padding-bottom:6%; position: relative;}
.ttl-p { background-color:#942c44; padding:0.2em 0 0.3em 0; color:#fff; text-align: center; border:solid 2px #942c44; border-bottom:none; border-radius:12px 12px 0 0; }

.summary_inner {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content:center;
  align-items: center;
  /*231031修正*/
  padding: 4px 20px;
}

/* --------アコーディオンの中身のスタイル-------- */
.content { padding: 4% 0; margin:0;}

/* --------アイコンを作ります-------- */
.icon {
  display: block;
  position: relative;
  width: 20px;
  margin-left: 6px;
  flex-shrink: 0;
  transform-origin: center 43%;
  transition: transform 0.4s;
  right:-23%;
}
.icon2 {
  display: block;
  position: relative;
  width: 20px;
  margin-left: 6px;
  flex-shrink: 0;
  transform-origin: center 43%;
  transition: transform 0.4s;
  right:-35%;
}

/* アコーディオンが開いた時のスタイル */
details[open] .icon {
  transform: rotate(180deg);
}
details[open] .icon2 {
  transform: rotate(180deg);
}

/* アイコンのバーのスタイル */
.icon::before,
.icon::after {
  content: "";
  position: absolute;
  display: block;
  width: 13px;
  height: 3px;
  background-color: #fff;
}

.icon2::before,
.icon2::after {
  content: "";
  position: absolute;
  display: block;
  width: 13px;
  height: 3px;
  background-color: #fff;
}

.icon::before {
  left: 0;
  transform: rotate(45deg);
}
.icon2::before {
  left: 0;
  transform: rotate(45deg);
}

.icon::after {
  right: 0;
  transform: rotate(-45deg);
}
.icon2::after {
  right: 0;
  transform: rotate(-45deg);
}


/*スライダー矢印*/
 .arrows {
   width: 200px; /* スライダーの幅と同じにする */
   position:absolute;
   right: 0;
  left: 0;
  bottom:10px;
  margin: 0 auto;
  padding-bottom:55px;
  pointer-events: none;
   }
   
  .arrows1 {
   width: 50%; /* スライダーの幅と同じにする */
   position:absolute;
   right: 0;
  left: 0;
  bottom:10px;
  margin: 0 auto;
  padding-bottom:50px;
  pointer-events: none;
   }
   
  .arrows2 {
   width: 50%; /* スライダーの幅と同じにする */
   position:absolute;
   right: 0;
  left: 0;
  bottom:10px;
  margin: 0 auto;
  padding-bottom:50px;
  pointer-events: none;
   }
   
  .arrows3 {
   width: 50%; /* スライダーの幅と同じにする */
   position:absolute;
   right: 0;
  left: 0;
  bottom:10px;
  margin: 0 auto;
  padding-bottom:50px;
  pointer-events: none;
   }
   
   .arrows4 {
   width: 50%; /* スライダーの幅と同じにする */
   position:absolute;
   right: 0;
  left: 0;
  bottom:10px;
  margin: 0 auto;
  padding-bottom:50px;
  pointer-events: none;
   }
   
   .arrows5 {
   width: 50%; /* スライダーの幅と同じにする */
   position:absolute;
   right: 0;
  left: 0;
  bottom:10px;
  margin: 0 auto;
  padding-bottom:50px;
  pointer-events: none;
   }
   
   .arrows6 {
   width: 50%; /* スライダーの幅と同じにする */
   position:absolute;
   right: 0;
  left: 0;
  bottom:10px;
  margin: 0 auto;
  padding-bottom:50px;
  pointer-events: none;
   }
   
    .arrows7 {
   width: 50%; /* スライダーの幅と同じにする */
   position:absolute;
   right: 0;
  left: 0;
  bottom:10px;
  margin: 0 auto;
  padding-bottom:50px;
  pointer-events: none;
   }
   
   .arrows8 {
   width: 50%; /* スライダーの幅と同じにする */
   position:absolute;
   right: 0;
  left: 0;
  bottom:10px;
  margin: 0 auto;
  padding-bottom:50px;
  pointer-events: none;
   }
   
   .arrows9 {
   width: 50%; /* スライダーの幅と同じにする */
   position:absolute;
   right: 0;
  left: 0;
  bottom:10px;
  margin: 0 auto;
  padding-bottom:50px;
  pointer-events: none;
   }
   
    .arrows10 {
   width: 50%; /* スライダーの幅と同じにする */
   position:absolute;
   right: 0;
  left: 0;
  bottom:10px;
  margin: 0 auto;
  padding-bottom:50px;
  pointer-events: none;
   }
   
   .arrows11 {
   width: 50%; /* スライダーの幅と同じにする */
   position:absolute;
   right: 0;
  left: 0;
  bottom:10px;
  margin: 0 auto;
  padding-bottom:50px;
  pointer-events: none;
   }
   
   .arrows12 {
   width: 50%; /* スライダーの幅と同じにする */
   position:absolute;
   right: 0;
  left: 0;
  bottom:10px;
  margin: 0 auto;
  padding-bottom:50px;
  pointer-events: none;
   }
   
   .arrows13 {
   width: 50%; /* スライダーの幅と同じにする */
   position:absolute;
   right: 0;
  left: 0;
  bottom:10px;
  margin: 0 auto;
  padding-bottom:50px;
  pointer-events: none;
   }

  .slick-prev, .slick-next {
   border: none; /* デフォルトのボーダーを消す */
   color: #000;
   font-size: 20px; /* 矢印のサイズ調整 */
   padding: 20px;
   cursor: pointer;
   pointer-events: auto;
   }
   

.slick-dots{
	bottom: -30px!important;
}

/*タブ*/
.mc { display:flex;}
.tab { cursor:pointer;}
.tab img.off { display:block;}
.tab img.on { display:none;}
.tab.active img.on { display:block;}
.tab.active img.off { display:none;}
.panel {
  display: none;
}
.panel.active {
  display: block;
   width:100%;
   position:relative;
   padding-bottom:20px;
}
.tab1 { cursor:pointer;}
.tab1 img.off { display:block;}
.tab1 img.on { display:none;}
.tab1.active img.on { display:block;}
.tab1.active img.off { display:none;}

.tab2 { cursor:pointer;}
.tab2 img.off { display:block;}
.tab2 img.on { display:none;}
.tab2.active img.on { display:block;}
.tab2.active img.off { display:none;}

.tab3 { cursor:pointer;}
.tab3 img.off { display:block;}
.tab3 img.on { display:none;}
.tab3.active img.on { display:block;}
.tab3.active img.off { display:none;}

.tab4 { cursor:pointer;}
.tab4 img.off { display:block;}
.tab4 img.on { display:none;}
.tab4.active img.on { display:block;}
.tab4.active img.off { display:none;}

.panel1 {
  display: none;
}
.panel2 {
  display: none;
}
.panel3 {
  display: none;
}
.panel4 {
  display: none;
}
.panel1.active {
  display: block;
   width:100%;
}
.panel2.active {
  display: block;
   width:100%;
}
.panel3.active {
  display: block;
   width:100%;
}
.panel4.active {
  display: block;
   width:100%;
}

.panel1.active .slick-dots li button:before
{
    color: #e39d63!important;
}
.panel1.active .slick-dots li.slick-active button:before
{
    opacity: .75;
    color: #e39d63!important;
}

.panel1.active .slick-prev:before,
.panel1.active .slick-next:before {
    color: #e39d63!important;
}

.panel2.active .slick-dots li button:before
{
    color: #b7cb4f!important;
}
.panel2.active .slick-dots li.slick-active button:before
{
    opacity: .75;
    color: #b7cb4f!important;
}

.panel2.active .slick-prev:before,
.panel2.active .slick-next:before {
    color: #b7cb4f!important;
}

.panel3.active .slick-dots li button:before
{
    color: #87ccc1!important;
}
.panel3.active .slick-dots li.slick-active button:before
{
    opacity: .75;
    color: #87ccc1!important;
}

.panel3.active .slick-prev:before,
.panel3.active .slick-next:before {
    color: #87ccc1!important;
}

.panel4.active .slick-dots li button:before
{
    color: #942c44!important;
}
.panel4.active .slick-dots li.slick-active button:before
{
    opacity: .75;
    color: #942c44!important;
}

.panel4.active .slick-prev:before,
.panel4.active .slick-next:before {
    color: #942c44!important;
}

.w1000 { width:100%; margin:0 auto;}
.w920 { width:92%; margin:0 auto;}
.w860 { width:90%; margin:0 auto;}
.w855 { width:99%; margin:0 auto;}
.w756 { width:90%; margin:0 auto;}
.w722 { width:84%; margin:0 auto;}
.w660 { width:90%; margin:0 auto;}
.w644 { width:90%; margin:0 auto;}
.w632 { width:630px; margin:0 10px;}
.w620 { width:88%; margin:0 auto;}
.w560 { width:90%; margin:0 auto;}
.w540 { width:65%; margin:0 auto;}
.w530 { width:85%; margin:0 auto;}
.w532 { width:90%; margin:0 auto;}
.w480 { width:60%; margin:0 auto;}

/*フォントサイズ*/
.font12 { font-size:1.2vw; }
.font14 { font-size:1.4vw; }
.font15 { font-size:15px; }
.font16 { font-size:1.6vw; }
.font17 { font-size:17px; }
.font18 { font-size:1.8vw; }
.font19 { font-size:19px; }
.font20 { font-size:2vw }
.font21 { font-size:21px; }
.font22 { font-size:2.2vw; }
.font23 { font-size:23px; }
.font24 { font-size:2.4vw; }
.font25 { font-size:25px; }
.font26 { font-size:2.6vw; }
.font27 { font-size:27px; }
.font28 { font-size:2.8vw; }
.font29 { font-size:29px; }
.font30 { font-size:3vw; }
.font32 { font-size:3.2vw; }
.font34 { font-size:3.4vw; }
.font36 { font-size:3.6vw; }
.font38 { font-size:3.8vw; }
.font40 { font-size:4vw; }
.font42 { font-size:4.2vw; }
.font50 { font-size:5vw; }
.f-palt { font-feature-settings: "palt";}
.ls10 {  letter-spacing:0.2em; }

/*余白など*/
.mt10 { margin-top:1%!important;}
.mt20 { margin-top:2%!important;}
.mt40 { margin-top:4%!important;}
.mt60 { margin-top:6%!important;}
.mt80 { margin-top:8%!important;}

.mt0 { margin:0!important;}
.mt-5 { margin-top:-5px!important;}
.mt-10 { margin-top:-10px!important;}
.mt-20 { margin-top:-20px!important;}
.mt-40 { margin-top:-40px!important;}
.mt-50 { margin-top:-50px!important;}
.mt-60 { margin-top:-60px!important;}
.mt-70 { margin-top:-70px!important;}
.mt-80 { margin-top:-80px!important;}

.pt10 { padding-top:10px!important;}
.pt20 { padding-top:20px!important;}
.pt40 { padding-top:40px!important;}
.pt60 { padding-top:60px!important;}
.pt80 { padding-top:80px!important;}

.pb10 { padding-bottom:10px!important;}
.pb20 { padding-bottom:20px!important;}
.pb40 { padding-bottom:40px!important;}
.pb60 { padding-bottom:60px!important;}
.pb80 { padding-bottom:80px!important;}
.pb120 { padding-bottom:120px!important;}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 50%;
    padding: 0;
    margin: 0 auto;
	right: 0;
  left: 0;
    list-style: none;

    text-align: center;
	
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 10px!important;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 12px!important;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 18px!important;
    line-height: 1;

    opacity: 100;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '◀';
}
[dir='rtl'] .slick-prev:before
{
    content: '▶';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '▶';
}
[dir='rtl'] .slick-next:before
{
    content: '◀';
}

}