font-feature-settings: "palt";font-feature-settings: "palt";font-feature-settings: "palt";font-feature-settings: "palt";font-feature-settings: "palt";font-feature-settings: "palt";font-feature-settings: "palt";font-feature-settings: "palt";font-feature-settings: "palt";font-feature-settings: "palt";@charset "utf-8";
/*========= ▼reset ===============*/
*:where(:not(iframe, canvas, img, svg, video, a):not(svg *)) {all: unset;display: revert;}
/* box-sizingの優先値 */
*, *::before, *::after {box-sizing: border-box;}
/* リストのスタイル（箇条書き・番号）を削除します */
ol,ul {list-style: none;}
/* 画像がコンテナを超えないようにするため */
img {max-width: 100%;}
/* テーブルのセル間のスペースを削除します */
table {border-collapse: collapse;}
body{margin: 0;padding: 0;}
button{background: none;margin: 0;padding: 0;border: none;}
/*========= ▲reset ===============*/
*{box-sizing: border-box;}
a {
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
text-decoration: none;
    color: #333;
}

@media screen and (min-width: 701px) {
    a[href^="tel:"] {
    pointer-events: none;
    }
    }
/*--------------------------------------------*/
#HEADER .global{display: none;}
#CONTENTS, body:not(.noGlobal) #CONTENTS {margin-left: 0;padding: 0;}
#FOOTER{margin-left: 0;}
#PAGEBODY{padding-bottom: 0;}
.includeSCT .item{box-shadow: 2px 5px 10px var(--shadowColor);}
.includeSCT .item:hover{transform:translateY(-5px);box-shadow: 2px 10px 20px var(--shadowColor);}
.includeSCT .name{text-align:left;line-height: 1.5;}
.includeSCT .tag{align-content: flex-start;}
#win11cp_2025 ul.action {display: none;}
#win11cp_2025 .includeSCT .item{height: auto !important;}/*カードの高さ調節*/
#win11cp_2025 .includeSCT .kanbai .item::after{
    background: rgba(0, 0, 0, .5);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "完　売";
    top: 0;
    left: 0;
    font-size: 36px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
}
#win11cp_2025 .includeSCT .tag .stockLabel .outStock{
    background: red;
    color: #fff;
}

/*--------------------------------------------*/

/*========= ▼特選特集用 ===============*/
:root {
--fontColor:#000;
--primaryColor:#FF2424;
--secondaryColor:#FF4856;
--bgColor:#E8EFF5;
--index01:#EDC20C;
--index02:#FAA503;
--index03:#FA8803;
--index04:#FA6203;
--index05:#FF5131;
--index06:#FF2424;
--index07:#FF437D;
--redColor:#FF1F0E;
--whiteColor:#fff;
--linkColor:#0065D1;
--shadowColor:rgba(0, 0, 0, 0.35);
--shadowColor2:rgba(0, 0, 0, 0.5);
--shadowWhite:rgba(255, 255, 255, 0.7);
--gradeColor:linear-gradient(17deg, #FFFFFF 0%, #EFEFEF 100%);
}
#win11cp_2025 .font_small {font-size: 80%;}
#win11cp_2025 .font_ss{font-size: 70%;}
#win11cp_2025 .font_sss{font-size: 62%;}
#win11cp_2025 .font_large {font-size: 130%;}
#win11cp_2025 .font_ll{font-size: 155%;}
#win11cp_2025 .line_center {text-align: center;}
#win11cp_2025 .line_right{text-align: right;}
#win11cp_2025 .line_left{text-align: left;}
#win11cp_2025 .font_bold{font-weight: bold;}
#win11cp_2025 .font_red {color: var(--redColor);}
#win11cp_2025 img {width: auto;max-width: 100%;vertical-align: bottom;}

#win11cp_2025 {overflow: hidden;font-family:  "Noto Sans JP", sans-serif;font-optical-sizing: auto; font-weight: 400;font-style: normal;line-break: strict;word-wrap: break-word;word-break: break-all!important;line-height: 1.7;color: var(--fontColor);max-width: 2040px;margin: auto;font-feature-settings: "palt";padding-top: 100px;}

#win11cp_2025 h2 {font-family: "Noto Sans JP", sans-serif; line-break: strict;word-break: break-word;letter-spacing:inherit;line-break: strict;overflow-wrap: break-word;word-wrap: break-word;word-break: normal !important;letter-spacing:inherit;color: var(--fontColor);}

.gradeColor{
    background: var(--gradeColor);
}
/*========= ▲特選特集用 ===============*/
/*========= LoadingのためのCSS ===============*/
.loader-wrap {
	position: fixed;
	display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    background: var(--secondaryColor);
    z-index: 999;
}
/* HTML: <div class="loader"></div> */
.loader {
  width: fit-content;
  font-weight: bold;
  font-family: monospace;
  font-size: 30px;
  background: radial-gradient(circle closest-side,#000 94%,#0000) right/calc(200% - 1em) 100%;
  animation: l24 1s infinite alternate linear;
}
.loader::before {
  content: "Loading...";
  line-height: 1em;
  color: #0000;
  background: inherit;
  background-image: radial-gradient(circle closest-side,#fff 94%,#000);
  -webkit-background-clip:text;
          background-clip:text;
}

@keyframes l24{
  100%{background-position: left}
}

/*========= ▲LoadingのためのCSS ===============*/

/*==================================================
スライダーのためのcss
==================================================*/
#win11cp_2025 #slider {
    width: 100%;
    height: 100vh;
  position: relative;
}
#win11cp_2025.fa-external-link-alt{margin-left: 5px;}
#win11cp_2025 h1 {font-size: clamp(24px, 5vw, 85px);text-align: center;font-weight: 600;text-shadow: 0 7px 5px var(--fontColor);color: var(--whiteColor);margin: 0.5em auto 0.2em;}
#win11cp_2025 h3 {font-size: clamp(17px, 3.7vw, 65px); text-align: center;font-weight: 600;text-shadow: 0 6px 4px var(--fontColor);color: var(--whiteColor);margin: 0;}
#win11cp_2025 .sec01_top{margin: 3.5% auto;}
#win11cp_2025 .wlogo{width: 16%;margin: auto;}
#win11cp_2025 .sec01_bottom{
    background: var(--shadowWhite);
    padding: 2em 1.5em 5em;;
    position: relative;
    text-align: center;
    width: 90%;
    margin: auto;
    max-width: 1100px;
}
#win11cp_2025 .attentionTitle{
    font-size: clamp(17px, 1.6vw, 26px);
    font-weight: 500;
    margin-bottom: 0.5em;
}
#win11cp_2025 .fa-triangle-exclamation{
    color: var(--primaryColor);
}
#win11cp_2025 a.link {
    font-size: clamp(11px, 1vw, 16px);
    font-weight: 500;
    color: var(--linkColor);
}
#win11cp_2025 .attentionSummary{
    font-size: clamp(13px, 1.15vw, 18px);
    font-weight: 400;
    margin-top: 2em;
    line-height: 1.8;
}
#win11cp_2025 .fa-exclamation-triangle{
    color: var(--primaryColor);
}
#win11cp_2025 .ab{
    position: relative;
    margin: 0;
}
#win11cp_2025 .illustBefore {
    position: absolute;
    width: 18%;
    left: -1%;
    bottom: -1%;
}
#win11cp_2025 .illustAfter {
    position: absolute;
    width: 18%;
    right: -1%;
    bottom: -1%;
}

#win11cp_2025 section{padding: 5% 0;position: relative;}
#win11cp_2025 .secInner{max-width: 1290px;width: 88%;position: relative;margin: 0 auto;}
#win11cp_2025 .index_secInner{max-width: 1546px;width: 94%;position: relative;margin: 0 auto;}

#win11cp_2025 #sec01{padding: 0;}
#win11cp_2025 .leadTxt{font-size: clamp(15px, 1.25vw, 20px);text-align: center;}
#win11cp_2025 .h2Area h2{font-size: clamp(20px, 2.65vw, 42px);font-weight: bold;display: flex;align-items: center;justify-content: center;line-height: 1.5;color: var(--fontColor);font-weight: 400;}
#win11cp_2025 .h2Area h2 span {text-align: center;
display: inline-block;}
#win11cp_2025 #sec03{
    background: url("feature_win11cp_2025/after.jpg?$staticlink$") no-repeat center top;
    background-size: cover;
}
#win11cp_2025 .gridArea{margin-top: 3em;}
#win11cp_2025 .gridWapper{display: grid;grid-gap: 20px;grid-template-columns: repeat( auto-fill, minmax(210px,1fr));grid-template-rows: repeat( auto-fill, minmax(245px, 245px));padding-left: 0;}
#win11cp_2025 .gridWapper li {border-radius: 20px;text-align: center;position: relative;padding: 10px;transition: all .5s;background: var(--whiteColor);}
#win11cp_2025 .gridWapper li > a {display: block;width: 100%;height: 100%;}
#win11cp_2025 .in01{border: 3px solid var(--index01);border-bottom: 12px solid var(--index01);}
#win11cp_2025 .in01 a {color: var(--index01);}
#win11cp_2025 .in02{border: 3px solid var(--index02);border-bottom: 12px solid var(--index02);}
#win11cp_2025 .in02 a {color: var(--index02);}
#win11cp_2025 .in03{border: 3px solid var(--index03);border-bottom: 12px solid var(--index03);}
#win11cp_2025 .in03 a {color: var(--index03);}
#win11cp_2025 .in04{border: 3px solid var(--index04);border-bottom: 12px solid var(--index03);}
#win11cp_2025 .in04 a {color: var(--index04);}
#win11cp_2025 .in05{border: 3px solid var(--index05);border-bottom: 12px solid var(--index05);}
#win11cp_2025 .in05 a {color: var(--index05);}
#win11cp_2025 .in06{border: 3px solid var(--index06);border-bottom: 12px solid var(--index06);}
#win11cp_2025 .in06 a {color: var(--index06);}
#win11cp_2025 .in07{border: 3px solid var(--index07);border-bottom: 12px solid var(--index07);}
#win11cp_2025 .in07 a {color: var(--index07);}

#win11cp_2025 .inNo{font-size: 48px;position: absolute;top: 0;left: 7%;font-weight: bold;}
#win11cp_2025 .inIcon{width: 56%;margin: auto;transform: translateX(5%);}
#win11cp_2025 .inTitle{font-size: clamp(15px, 1.2vw, 19px);font-weight: 400;color: var(--fontColor);margin: 0.5em auto;line-height: 1.7;}


#win11cp_2025 #sec04 {background-image: url("feature_win11cp_2025/bg01.jpg?$staticlink$");background-color: rgba(0,0,0,0.5);background-blend-mode:darken;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
#win11cp_2025 .flexArea {margin-top: 4em;}
#win11cp_2025 .flexUl{display: flex;flex-wrap: wrap;gap:30px;}
#win11cp_2025 .flexUl > li {flex-basis: calc((100% - 90px)/4);position: relative;background: var(--whiteColor);padding: 1.5em;border-radius: 18px;box-shadow: 3px 6px 10px var(--shadowColor);margin-bottom: 3%;}
#win11cp_2025 .elBtn {font-size: clamp(15px, 1.15vw, 18px); display: block;color: var(--fontColor);border: 2px solid var(--primaryColor);padding: 0.7em;background: var(--whiteColor);border-radius: 50vh;text-align: center;font-weight: bold;position: relative;transition: all .5s;}
#win11cp_2025 .elBtn::before {font-family: "Font Awesome 5 Free";content: "\f061";font-weight: 900;position: absolute;top: 50%;right: 7%;transform: translateY(-50%);transition: all .3s}
#win11cp_2025 .pro-title {font-size: clamp(14px, 1.1vw, 17px);}
#win11cp_2025 .pro-price {font-size: clamp(15px, 1.15vw, 18px);font-weight: bold;color: var(--redColor);}
#win11cp_2025 .imgBtn {position: relative;transition: all .3s;}
#win11cp_2025 .imgBtn span {display: block;padding: 5px;overflow: hidden;}
#win11cp_2025 .imgBtn::before, .imgBtn::after {content: "";position: absolute;width: 0;height: 2px;background: var(--primaryColor);transition: all .2s linear;}
#win11cp_2025 .imgBtn span::before,.imgBtn span::after{content: "";position: absolute;width: 2px;height: 0;background: var(--primaryColor);transition: all .2s linear;}
#win11cp_2025 .price-box{margin-bottom: 5px;}

#win11cp_2025 .meritArea{margin: 5% auto 0;}
#win11cp_2025 .whiteBox{background-color: var(--whiteColor);box-shadow: 3px 6px 10px var(--shadowColor);border-radius: 30px;overflow: hidden;}
#win11cp_2025 .boxMerit{background-color: rgba(255, 255, 255, 0.4);background-image: url("feature_win11cp_2025/merit.jpg?$staticlink$");background-size: cover;background-repeat: no-repeat;background-position: right bottom;margin-bottom: 5%;}
#win11cp_2025 .merit_txtArea{padding: 2em 2em 3em;width: 50%;margin-right: auto;}
#win11cp_2025 h5 {color: var(--primaryColor6);font-weight: 500;font-size: clamp(16px, 1.5vw, 24px);text-align: center;margin-bottom: 1em;}
#win11cp_2025 .meritArea dl {text-shadow: -1px -1px 2px var(--whiteColor), -1px 0 2px var(--whiteColor), -1px 1px 2px var(--whiteColor), 0 -1px 2px var(--whiteColor), 0 1px 2px var(--whiteColor), 1px -1px 2px var(--whiteColor), 1px 0 2px var(--whiteColor), 1px 1px 2px var(--whiteColor);}
#win11cp_2025 .meritArea dt {position: relative;font-size: clamp(15px, 1.15vw, 18px);color: var(--secondaryColor);font-weight: 500;margin-top: 1.5em;}
#win11cp_2025 .meritArea dt::before{font-family: "Font Awesome 5 Free";content: '\f0a4';font-weight: 900;margin-right: 7px;}
#win11cp_2025 .meritArea dd {font-size: clamp(13px, 1vw, 16px);padding-left: 1em;line-height: 1.6;}
#win11cp_2025 .boxDemerit{background-color: rgba(255, 255, 255, 0.4);background-image: url("feature_win11cp_2025/demerit.jpg?$staticlink$");background-size: cover;background-repeat: no-repeat;background-position: left bottom;}
#win11cp_2025 .demerit_txtArea{padding: 2em 2em 3em;width: 50%;margin-left: auto;}
#win11cp_2025 .comicomiBox{container-type: inline-size;position: relative;width: 55%;text-align: left;margin-bottom: 5%;}
#win11cp_2025 .comicomiSum{font-size: clamp(15px, 1.15vw, 18px);}
#win11cp_2025 .comiContentBox{position: relative;text-align: center;margin-top: 2%;}
#win11cp_2025 .comiContentTitle{font-size: clamp(16px, 1.4vw, 22px);font-weight: 600;border: 2px solid #707070;background: #fff;text-align: center;border-radius: 10px;display: inline-block;padding: 0.2em 1em;position: relative;top: 1.1em;}
#win11cp_2025 .comiContent{font-size: clamp(17px, 1.25vw, 20px);border: 1px solid #707070;background: var(--whiteColor);border-radius: 10px;padding: 3em 1.5em 1.5em;text-align: left;}
#win11cp_2025 .illustArea{background: url("feature_win11cp_2025/comicomi-img.png?$staticlink$") no-repeat 96% 1%;background-size: 37%;}
#win11cp_2025 .ul-flow {display: flex;list-style: none;justify-content: center;margin: 2.5em 0;padding: 0;align-items: center;}
#win11cp_2025 .ul-flow li:nth-of-type(1), #win11cp_2025 .ul-flow li:nth-child(3), #win11cp_2025 .ul-flow li:nth-child(5), #win11cp_2025 .ul-flow li:nth-child(7) {background-color: #1d1d1f;color: #efff2d;font-size: clamp(18px, 1.5vw, 24px); ;padding: 0.5em 0.5em 0.3em; text-align: center;line-height: 1.7;flex-basis: 22%;}
#win11cp_2025 .ul-flow li:nth-child(2), #win11cp_2025 .ul-flow li:nth-child(4), #win11cp_2025 .ul-flow li:nth-child(6) {font-size: 30px;flex-basis: 4%;}
#win11cp_2025 .flowS{display: block;border-top: 1px solid #fff;font-size: 70%;color: #FFF;}
#win11cp_2025 .flowNotice{font-size: clamp(14px, 1.1vw, 17px);background: #fff;border: 1px solid #c90000;display: inline-block;padding: 0.5em 1.5em;line-height: 2;margin-bottom: 3%;}
#win11cp_2025 .modalCon h6 {font-size: clamp(20px, 1.9vw, 30px);color: var(--primaryColor);font-weight: 600;}
#win11cp_2025 .accbox {margin: 2em 0;padding: 0; }
/*ラベル*/
#win11cp_2025 .accbox label {display: block; margin: 1.5px 0; padding : 0.5em;color: #000;font-weight: bold;background: #fff;cursor :pointer; transition: all 0.5s;font-size: clamp(18px, 1.5vw, 24px); background:  var(--primaryColor);text-align: center;color: var(--whiteColor);}
/*アイコンを表示*/
#win11cp_2025 .accbox label:after { content: '\f107'; font-family: 'Font Awesome 5 Free'; padding-left: 1em;font-size: clamp(18px, 1.5vw, 24px);}
/*ラベルホバー時*/
#win11cp_2025 .accbox label:hover { background :var(--secondaryColor);}
/*チェックは隠す*/
#win11cp_2025 .accbox input { display: none; }
/*中身を非表示にしておく*/
#win11cp_2025 .accbox .accshow {height: 0; padding: 0;overflow: hidden;opacity: 0;transition: 0.8s; padding: 1em;}
/*クリックで中身表示*/
#win11cp_2025 .cssacc:checked + label + .accshow {height: auto;background: #fff;opacity: 1;border: 1px solid var(--primaryColor);margin-top: -2px; }
#win11cp_2025 .accbox .accshow p {margin: 15px 10px;font-size: clamp(13px, 1vw, 16px); line-height: 1.7;text-align: left;}
/*アイコンを入れ替える*/
#win11cp_2025 .cssacc:checked + label:after { content: '\f106'; }    
#win11cp_2025 .komikomi-sum {margin: 4em;position: relative;border: 1px solid #303032; padding: 0.8em 1em 2em;border-radius: 10px;text-align: center;}
#win11cp_2025 .div-flex {display: flex;justify-content: space-around;text-align: left;font-size: clamp(13px, 1vw, 16px); }
#win11cp_2025 .div-flex > div {flex-basis: 46%;}
#win11cp_2025 h5.acTitle {font-size: clamp(18px, 1.4vw, 22px);; color: #000; background: #fff;display: inline-block;position: relative;margin: 0;top: -1.3em;}
#win11cp_2025 .acoTitle{font-size: clamp(15px, 1.15vw, 18px);margin-bottom: 1em;font-weight: 600;}
#win11cp_2025 .modalUl{display: flex;flex-wrap: wrap;gap:30px;justify-content: center;padding-left: 0;}
#win11cp_2025 .modalUl > li {flex-basis: calc((100% - 90px)/4);position: relative;background: var(--fontColor);border-radius: 30px;box-shadow: 3px 6px 10px var(--shadowColor);margin-bottom: 3%;overflow: hidden;}
#win11cp_2025 .win11_modalLink{display: block;}
#win11cp_2025 .win11_modalLink img {width: 100%;display: block;opacity: .5;transition: all .5s;}
#win11cp_2025 .abReco{
    position: absolute;
    top: -2%;
    left: -5%;
    width: 23%;
    z-index: 1;
}
#win11cp_2025 .abBox{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-items: center;justify-content: center;padding: 1em;}
#win11cp_2025 .flexBox {color: var(--whiteColor);text-align: center;}
#win11cp_2025 .flexBox_title {font-size: clamp(18px, 1.65vw, 25px);font-weight: bold;line-height: 1.5;margin-bottom: 1em;}
#win11cp_2025 .flexBox_semititle{font-size: clamp(13px, 1vw, 16px);font-weight: bold;}
#win11cp_2025 .abIcon {
    position: absolute;
    font-size: 50px;
    color: var(--whiteColor);
    bottom: 1.5%;
    right: 3%;
}
#win11cp_2025 .modalCon{padding: 5em 5em 3em;position: relative;max-width: 1290px;text-align: center;}
#win11cp_2025 #cboxLoadedContent{border-radius: 40px;}
#win11cp_2025 #cboxLoadedContent::-webkit-scrollbar {display: block;background: transparent;width: 7px;height: 10px;border-radius: 7px;padding: 8;position: absolute;top: 5%;right: 5%;}
#win11cp_2025 #cboxLoadedContent::-webkit-scrollbar-thumb {background: #aaa;border-radius: 5px;}
#win11cp_2025 #cboxLoadedContent::-webkit-scrollbar-thumb:hover {background: #777;}
#win11cp_2025 .modarInner_title{font-size: clamp(20px, 2vw, 32px);font-weight: bold;}
#win11cp_2025 .modalInner_box{margin: 4em auto;}
#win11cp_2025 .modarInner_sum{font-size: clamp(15px, 1.15vw, 18px);margin-bottom: 3em;text-align: left;}
#win11cp_2025 .closeBtn {position: absolute;top: 1.5%;right: 1.5%;font-size: 56px;transition: all .3s;z-index: 999;}
#win11cp_2025 h6{
    font-size: clamp(18px, 1.85vw, 30px); 
    font-weight: 600;
    color: var(--primaryColor);
}

#win11cp_2025 #sec06 {background-image: url("feature_win11cp_2025/bgSec05.jpg?$staticlink$");background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
#win11cp_2025 .secLead{margin: 2em auto;}
#win11cp_2025 .secLead p {font-size: clamp(15px, 1.15vw, 18px);font-weight: 400;text-align: center;}
#win11cp_2025 .btnArea{margin: 5em auto;text-align: center;}
#win11cp_2025 .btnArea a {display: inline-block;color: var(--whiteColor);border: 3px solid var(--secondaryColor);background: var(--shadowColor);font-size: clamp(18px, 1.5vw, 24px);font-weight: 500;padding: 1em 4em 1em 3em;border-radius: 100vh;transition: all .5s;position: relative;backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px);}
#win11cp_2025 .btnArea a::before {font-family: "Font Awesome 5 Free";content: "\f061";font-weight: 900;position: absolute;top: 50%;right: 7%;transform: translateY(-50%);transition: all .5s;color: var(--secondaryColor);}


#win11cp_2025 .h2Area h4 {font-size: clamp(18px, 1.5vw, 24px);font-weight: bold;line-height: 1;}

#win11cp_2025 #sec08 {background-image: url("feature_win11cp_2025/bgSec07.jpg?$staticlink$");background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}

#win11cp_2025 #sec10 {background-image: url("feature_win11cp_2025/bgSec09.jpg?$staticlink$");background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}

#win11cp_2025 .flexUl9{display: flex;flex-wrap: wrap;gap:30px;justify-content: center;}
#win11cp_2025 .flexUl9 > li {flex-basis: 40%;position: relative;background: var(--fontColor);border-radius: 30px;overflow: hidden;box-shadow: 3px 6px 10px var(--shadowColor);}
#win11cp_2025 .flexUl9 li a img {opacity: .5;transition: all .5s;}
#win11cp_2025 .flexUl9 li a .otherTitle {position: absolute;top: 50%;left: 50%;width: 100%;padding: 1em;font-size: clamp(18px, 1.5vw, 24px);font-weight: bold;color: var(--whiteColor);transform: translate(-50%, -50%);text-align: center;}
#win11cp_2025 #link01, #win11cp_2025 #link02, #win11cp_2025 #link03, #win11cp_2025 #link04, #win11cp_2025 #link05, #win11cp_2025 #link06, #win11cp_2025 #link07{padding-top: 100px;margin-top: -100px;}

#win11cp_2025 #sec12 .flexUl9 > li {flex-basis: 40%;position: relative;box-shadow: 3px 6px 10px var(--shadowColor);background: none;border-radius: 0;transition: all .5s;}
#win11cp_2025 #sec12 .flexUl9 li a img {opacity: 1;}


#win11cp_2025 .includeSCT .item{height: 100%;}
#win11cp_2025 ul.action {display: none;}
#win11cp_2025 .modal{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  padding: 40px 20px;
  transition: all 1s ease-in-out;
  z-index: 9;
}


/* モーダル内側の指定 */
#win11cp_2025 .modal-box{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: 80%;
    max-width: 1290px;
    background: #fff;
    text-align: center;
    padding: 5em 5em 3em;
    border-radius: 40px;
    overflow-y: auto;
    animation: show 0.6s linear 0s;
    margin-top: 3.5%;
}
  
@keyframes show{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
#win11cp_2025 .modal-box::-webkit-scrollbar {display: block;background: transparent;width: 7px;height: 10px;border-radius: 7px;padding: 8;position: absolute;top: 5%;right: 5%;}
#win11cp_2025 .modal-box::-webkit-scrollbar-thumb {background: #aaa;border-radius: 5px;}
#win11cp_2025 .modal-box::-webkit-scrollbar-thumb:hover {background: #777;}
#win11cp_2025 .modalOpen img {width: 100%;opacity: .5;transition: all .5s;}
    #win11cp_2025 #sec04 #RECO-SPLIDE{margin-top: 4em;}
    #win11cp_2025 .splide__list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
#win11cp_2025 .justCenter{justify-content: center;}


    #win11cp_2025 .splide__list .splide__slide {
        flex-basis: 25%;
        margin: 0;
        position: relative;
    }

    #win11cp_2025 ul.details {
        display: flex;
        justify-content: flex-end;
        margin: 1em 0;
    }
#win11cp_2025 .includeSCT .item:hover{
transform:translateY(-10px);
}
#win11cp_2025 .pad-cam {display: none!important;}
#win11cp_2025 .pad-sp {display: none!important;}
#win11cp_2025 .sp-cam {display: none !important;}
    
@media (any-hover: hover) {
/*:hover はここに書く*/
  #win11cp_2025 .in01:hover{margin-top: 9px;border-bottom: 3px solid var(--index01);}
  #win11cp_2025 .in02:hover{margin-top: 9px;border-bottom: 3px solid var(--index02);}
  #win11cp_2025 .in03:hover{margin-top: 9px;border-bottom: 3px solid var(--index03);}
  #win11cp_2025 .in04:hover{margin-top: 9px;border-bottom: 3px solid var(--index04);}
  #win11cp_2025 .in05:hover{margin-top: 9px;border-bottom: 3px solid var(--index05);} 
  #win11cp_2025 .in06:hover{margin-top: 9px;border-bottom: 3px solid var(--index06);} 
  #win11cp_2025 .in07:hover{margin-top: 9px;border-bottom: 3px solid var(--index07);} 
  #win11cp_2025 .elBtn:hover{background: var(--primaryColor);color: var(--whiteColor);}
  #win11cp_2025 .elBtn:hover::before{right: 4%;color: var(--whiteColor);}
  #win11cp_2025 .imgBtn:hover::before, .imgBtn:hover::after{width: 100%;}
  #win11cp_2025 .imgBtn:hover span::before, .imgBtn:hover span::after{height: 100%;}
  #win11cp_2025 .bordercircle1::before{right: 0;top: 0;transition-delay: 0.2s;}
  #win11cp_2025 .bordercircle1::after{left: 0;bottom: 0;transition-delay: 0.2s;}
  #win11cp_2025 .bordercircle1 span::before{left: 0;top: 0;}
  #win11cp_2025 .bordercircle1 span::after{right: 0;bottom: 0;}
  #win11cp_2025 .modalUl > li:hover .modalOpen img {opacity: .85;}
  #win11cp_2025 .btnArea a:hover::before{right: 4%;}
  #win11cp_2025 .btnArea a:hover{background: var(--whiteColor);backdrop-filter: blur(0);-webkit-backdrop-filter: blur(0);color: var(--fontColor);}
  #win11cp_2025 .flexUl9 li:hover a img {opacity: .85;}
  #win11cp_2025 .includeSCT .kanbai .item:hover{
  transform: none;
}
    #win11cp_2025 #sec12 .flexUl9 > li:hover{
        transform: translateY(-5px);
    }
}

/************************************************************/@media screen and (max-width: 1279px) {
  #HEADER .global{display: block;}
}


/************************************************************/@media screen and (max-width: 820px) {
    #win11cp_2025 #slider{
        height: 60vh;
    }
    #win11cp_2025 .sec01_top{
        margin: 7% auto;
    }
#win11cp_2025 .gridWapper{grid-template-columns: repeat( auto-fill, minmax(200px,1fr));grid-template-rows: repeat( auto-fill, minmax(230px, 230px));}
#win11cp_2025 .flexUl > li, #win11cp_2025 .modalUl > li{flex-basis: calc((100% - 60px)/3);}
#win11cp_2025 #link01, #win11cp_2025 #link02, #win11cp_2025 #link03, #win11cp_2025 #link04, #win11cp_2025 #link05{padding-top: 45px;margin-top: -45px;}
#win11cp_2025 .ul-flow li:nth-of-type(1), #win11cp_2025 .ul-flow li:nth-child(3), #win11cp_2025 .ul-flow li:nth-child(5), #win11cp_2025 .ul-flow li:nth-child(7) {flex-basis: 85%;}
#win11cp_2025 .ul-flow{flex-wrap: wrap;margin: 2em 0;justify-content: center;}
#win11cp_2025 .ul-flow li:nth-child(2), #win11cp_2025 .ul-flow li:nth-child(4), #win11cp_2025 .ul-flow li:nth-child(6) {transform: rotate(90deg);flex-basis: 85%;}
#win11cp_2025 .merit_txtArea, .demerit_txtArea{width: 60%;}
#win11cp_2025 .splide__list .splide__slide {flex-basis: 33.333%;}
    #win11cp_2025 .flexStart{
        justify-content: flex-start;
    }
#win11cp_2025 .sp-cam {display: none!important;}
#win11cp_2025 .pad-sp {display: block !important;}
#win11cp_2025 .pc-cam {display: none !important;}
#win11cp_2025 .pad-cam {display: block!important;}
#win11cp_2025 .pc-pad {display: block!important;}

}
/************************************************************/@media screen and (max-width: 768px) {
  #win11cp_2025 .illustArea{background-position: 69% 0;background-size: 90%;padding-top: 85%;}
  #win11cp_2025 .comicomiBox{width: 100%;}
    
#win11cp_2025 .sp-cam {display: none!important;}
#win11cp_2025 .pad-sp {display: block !important;}
#win11cp_2025 .pc-cam {display: none !important;}
#win11cp_2025 .pad-cam {display: block!important;}
#win11cp_2025 .pc-pad {display: block!important;}
}

/************************************************************/@media screen and (max-width: 700px) {
    #win11cp_2025 #slider{
        height: 90vh;
    }
    #win11cp_2025 .wlogo{
        width: 30%;
    }
    #win11cp_2025 .sec01_bottom{
        padding: 1.2em 1.3em 4em;
    }
    #win11cp_2025 .illustBefore,
    #win11cp_2025 .illustAfter {
        width: 28%;
    }
    #win11cp_2025 .sec01Wrap{
        position: absolute;
        width: 98%;
        top: 47%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    #win11cp_2025 .gridArea{
        margin-top: 2em;
    }
    #win11cp_2025 .btnArea a{
        font-weight: 500;
        padding: 0.5em 3em 0.5em 2em;
    }
    #win11cp_2025 .flexUl9{
        flex-direction: column;
    }
    #win11cp_2025 .splide__list{
        justify-content: flex-start;
    }
    #win11cp_2025 .attentionSummary{
        text-align: left;
    }
  #win11cp_2025 section{padding: 7% 0;}
  #win11cp_2025 section.merit{padding-bottom: 0;}
  #win11cp_2025 .leadTxt{text-align: left;}
  #win11cp_2025 .gridWapper {gap:15px;grid-template-columns: repeat( auto-fill, minmax(137px,1fr));grid-template-rows: repeat( auto-fill, minmax(160px, 170px));padding-left: 0;}
  #win11cp_2025 .inNo{font-size: 50px;top: -8%;}
  #win11cp_2025 .inIcon{transform: translateX(9%);}
  #win11cp_2025 .inTitle{line-height: 1.2;margin-bottom: 0.1em;}
  #win11cp_2025 .inDown{font-size: 60px;bottom: -9%;}
  #win11cp_2025 .flexUl{gap: 10px;}
  #win11cp_2025 .flexUl > li{flex-basis: 48%;margin: auto;padding: 12px;}
  #win11cp_2025 .imgBtn span{border: 1px solid var(--primaryColor);}
  #win11cp_2025 .secLead{margin: 3em auto;}
  #win11cp_2025 .flexArea{margin-top: 3em;}
  #win11cp_2025 .flexUl9 > li{flex-basis: 80%;}
  #win11cp_2025 .modalCon{padding: 3em 1.5em;}
  #win11cp_2025 .closeBtn{font-size: 43px;}
  #win11cp_2025 #cboxLoadedContent{border-radius: 30px;}
  #win11cp_2025 .modalInner_box{margin: 2em auto;}
  #win11cp_2025 .modarInner_sum{margin-bottom: 1em;}
  #win11cp_2025 .comicomiBox{width: 100%;}
  #win11cp_2025 .merit_txtArea, #win11cp_2025 .demerit_txtArea{width: 100%;}
  #win11cp_2025 .boxMerit, #win11cp_2025 .boxDemerit {background-blend-mode: lighten;}
  #win11cp_2025 .comiContent{padding-top: 1.5em;}
  #win11cp_2025 .illustArea{background-position: 70% 0;background-size: 92%;}
  #win11cp_2025 .modalUl{gap:10px;}
  #win11cp_2025 .modalUl > li {flex-basis: calc((100% - 20px) / 2);}
  #win11cp_2025 .abIcon{font-size: 36px;}
  #win11cp_2025 .flexBox_semititle{font-weight: 500;line-height: 1.4;padding-bottom: 2em;}
  #win11cp_2025 .elBtn{background: var(--primaryColor);color: var(--whiteColor);padding: 0.6em;}
  #win11cp_2025 .komikomi-sum{margin: 0.5em;}
  #win11cp_2025 .div-flex{flex-direction: column;}
  #win11cp_2025 .btnArea{margin: 3em auto 0;}
  #win11cp_2025 .modal-box{padding: 3.5em 1.5em 3em;}  
#win11cp_2025 .splide__list .splide__slide {flex-basis: 50%;}
    #win11cp_2025 .modal-box{
        margin-top: 11%;
    }
    #win11cp_2025 .closeBtn{
        top: -2%;
    }
    #win11cp_2025 .secLead p{text-align: left;}
#win11cp_2025 .sp-cam {display: block !important;}
#win11cp_2025 .pad-sp {display: block !important;}
#win11cp_2025 .pc-cam {display: none !important;}
#win11cp_2025 .pad-cam {display: none !important;}
#win11cp_2025 .pc-pad {display: none !important;}
  
}