@charset "UTF-8";
/* CSS Document */

/*フォント*/
@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&family=M+PLUS+Rounded+1c:wght@500;700;900&family=Noto+Sans+JP:wght@900&family=Quicksand:wght@300;400;500;600;700&display=swap');

.sample1{font-family: 'Kosugi Maru', sans-serif; }
.sample2{font-family: 'Quicksand', sans-serif;}
.sample3{font-family: 'M PLUS Rounded 1c', sans-serif;}
.sample4{font-family: 'Noto Sans JP', sans-serif;}

/*リセット*/
img{width: 100%;}
body{padding: 0 0 100px; margin: 0;}
ol, 
ul,
ul li {
  list-style-type: none;
  padding: 0; margin: 0;
}

/*価格部分・ページ既存部分*/
.detailetmpl{/*background: #fff;*/ padding-top: 60px;}
.mizai{display: none;}
#topicpath{display: none;}
#warp_footertop .fnavi{display: none;}
#foot_catelink{display: none;}
.order-wrap{background: #fff; text-align:left; }
/*SPフッター*/
#footer-navi{display: none;}
.global-navi-bar{display: none;}
/*下部ボタン消し*/
.order-arrow,
.first-price .buybutton-temp,
.order-option{display: none!important;}


/*フッター部分調整・PCのみ*/
@media screen and (min-width: 768px) {
#wrap00{margin-bottom: 0;}
#wrap_btm{margin-top: -280px;}
}
/*商品仕様*/
.section .spec-title,
.spec dl,
.spec ul.annotation{width: 800px!important; margin: auto;}
@media screen and (max-width:767px) {
.section .spec-title,
.spec dl,
.spec ul.annotation{width: 95%!important; margin: auto; padding: 0;}
}



/*2008リセット*/
body, div, p, ul, ol, li, dl, dt, dd, table, th, td, h1, h2, h3, h4, h5, form, img{font-size: 10px; font-size: 1rem;}
#header2 div,#header2 li{font-size: 15px; font-size: 1.5rem;}
h2::after{margin: 0; padding: 0; height: 0;}
h3{padding: 0;overflow: inherit;}
h3::before{display: none;}
.section{width: auto!important;}
.main1c body, .main1c div, .main1c p, .main1c ul, .main1c ol, .main1c li, .main1c dl, .main1c dt, .main1c dd, .main1c table, .main1c th, .main1c td, .main1c form, .main1c img {font-size: 10px; font-size: 1rem;}
.spec dl dt,.spec dl dd{font-size: 1.6em;}



/*PC/SP切り替え*/
.viewPc {
display: block;
}
.viewSp {
display: none;
}
@media screen and (max-width:767px) {
.viewSp {
display: block;
}
.viewPc {
display: none!important;
}
}


/*基準*/
.all_wrap{background: #ffc7c7; }
body{}
body main{font-size: 10px; font-feature-settings: "palt";}
main{width: 1100px; margin: auto; background: rgba(255,255,255,.70);
padding: 0 2px 30px;}


/*タイトル類*/
h2,h3{text-align: center; border-top: 0px; margin: 0;}

h2.type01,
h2.type02{ padding: 5px 0;
background: rgb(255,243,193,.75);
background: linear-gradient(90deg, rgba(255,243,193,0) 0%, rgba(255,255,255,0.75) 10%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,0.75) 90%, rgba(255,243,193,0) 100%);}

h2.type01 div,
h2.type02 div{width: 940px; margin: auto;
font-size: 42px!important;  
color: #044092!important;
/*text-shadow:
3px 3px 0px #fff, -3px -3px 0px #fff,
-3px 3px 0px #fff,  3px -3px 0px #fff,
3px 0px 0px #fff, -3px -0px 0px #fff,
0px 3px 0px #fff,  0px -3px 0px #fff;
*/

text-shadow:
3px 3px 3px #fff, -3px -3px 3px #fff,
-3px 3px 3px #fff,  3px -3px 3px #fff,
3px 0px 3px #fff, -3px -0px 3px #fff,
0px 3px 3px #fff,  0px -3px 3px #fff;}

h2.type02 div{color: #CE007B!important;}

h2.type01 div span,
h2.type02 div span{display: block; font-size: 26px!important; color: #000!important; font-weight: bold;}

/*上下ライン*/
h2.type01 div::before,
h2.type01 div::after,
h2.type02 div::before,
h2.type02 div::after{
content: '';/*何も入れない*/
display: block;
width: 100%;/*画像の幅*/
height: 7px;/*画像の高さ*/
background-image: url("../img/line01.png");
/*background-size: contain;*/
background-size: 100% 100%;
vertical-align: middle;
margin:5px 0 15px;}

h2.type01 div::before,
h2.type02 div::before{margin: 5px 0 15px;}

h2.type01 div::after,
h2.type02 div::after{margin: 15px 0 5px;}




/*更新情報*/

#updata{width: calc(830px - 45px); margin: 0 auto 40px; background: #fff; padding: 10px 5px 10px 20px; border: #ffe26f solid 5px;
}
#updata .updatatitle{padding: 0; margin: 0 0 5px; text-align: center; font-size: 2.2em; font-weight: 600;}

#updata dl{ margin: 0; padding: 0 0 20px ;
border: 0px;
font-family:'M PLUS Rounded 1c', sans-serif;
font-weight: 700;}

#updata dt{
font-size: 1.8em;
color: #666;
float: none;
padding: 0; margin: 0;
width: auto;}
#updata dd{font-size: 2em;
float: none;
padding: 0; margin: 0;
width: auto;
border: none;}
#updata .inner{ height: 190px; overflow-y: scroll; }
#updata .inner::-webkit-scrollbar{width: 10px;}
#updata .inner::-webkit-scrollbar-track{background-color: #fff;}
#updata .inner::-webkit-scrollbar-thumb{background-color: #ffbe00;}
#updata a,#updata a:active,#updata a:hover{color:#054092;}

@media screen and (max-width: 767px) {
#updata {width: calc(90% - 45px); padding: 5px 5px 0 10px;}
#updata .inner{height: 150px;}
#updata .updatatitle{ font-size: 18px; margin: 0;}
#updata dl{padding: 0 0 12px;}
#updata dt{font-size: 12px; line-height: 1.4em;}
#updata dd{font-size: 14px; line-height: 1.3em; 
border-bottom: none;}
}

.red{color: #FF0000; margin: 0; font-weight: bold;}
#block01-1 .red,
#block01-2 .red{color:#CE007B ;}
/*.line_star p{width: 140px; margin: 25px auto; }
.line_star2 p{width: 95px; margin: 25px auto; }*/
.line_star{width: 700px; margin: 0 auto 60px;}


/*注文ボタン*/
.buybutton_order{}
.buybutton_order .end_txt{text-align: center; font-size: 3em; color: #ff4893; margin: 0; font-weight: 600;}
.buybutton_order p.btn{width: 720px; margin: auto;}

.dx_buy{text-align: center; padding: 0 0 20px; margin-top: -10px; font-size: 16px!important;}
.dx_buy a{color: #006db1; font-size: 25px;}




/*メインビジュアル*/
#mv{width: 100%; margin: auto; padding: 0;}
#mv .mv1_add{width: 830px; margin: auto;}
#mv .mv2{width: 830px; margin:10px auto 30px;}

.sub_mv{width: 830px; margin:10px auto 30px;}



/*ブロック*/

section{}
section .inner{width: 720px; margin: 45px auto;}
section .inner .txtbox{font-size: 2em; line-height: 1.6em;}

section#block01-1{padding: 0 0 30px;}
section#block01-1 .inner{width: 940px;}
section#block01-1 .pict{float: right; width: 480px;}



section#block01-2{padding: 30px 0;}
section#block01-2 .inner{width: 920px;  /*margin: auto;*/ }
section#block01-2 .pict{margin:30px  auto; width: 680px;}
section#block01-2 .txtbox{/*width: 720px;*/ margin: auto;}
section#block01-2 .btn{margin: 20px auto 0; width: 540px;}

.line_garl p{width: 560px; margin: 50px auto 60px;}
.reg{font-style: normal; vertical-align: sub; margin-left: -2px; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";}
.slider_box li p.capt .reg{line-height: 2em;}

#block03 .samplebox_org h3,
#block03 .samplebox_yell h3,
#block03 .samplebox_gre h3,
#block03 .samplebox_prpl h3,
#block03 .samplebox_xmas h3,
#block05 h4.glow{
text-shadow: 
3px 3px 3px #fff, -3px -3px 3px #fff,
-3px 3px 3px #fff,  3px -3px 3px #fff,
3px 0px 3px #fff, -3px -0px 3px #fff,
0px 3px 3px #fff,  0px -3px 3px #fff;
font-family: 'M PLUS Rounded 1c', sans-serif; font-weight: 700;}


#block02{}
#block02 .txtbox{width: 720px; margin: 0 auto 20px;}
#block02 .inner{width: 920px;}
#block02 .newsong{/*background: rgba(255,255,255,.60);*/ background:#e6ffff;
padding: 25px 0 1px; border-radius: 35px;}
/*#block02 .newsong h3{width: 725px; margin: auto;}*/
#block02 .newsong h3{
font-size: 3.2em; text-align: center; color: #fff;
font-family: 'M PLUS Rounded 1c', sans-serif;
background: rgb(0,154,226);
background: linear-gradient(90deg, rgba(0,154,226,1) 0%, rgba(23,172,194,1) 40%, rgba(46,191,162,1) 100%);
width: 860px; height: 70px; line-height: 70px; margin: auto;
border-radius: 40px;
position: relative;}

#block02 .newsong h3::before{
  content: '';/*何も入れない*/
  display: inline-block;
  width: 35px;/*画像の幅*/
  height: 35px;/*画像の高さ*/
  background-image: url("../img/add_star_yl.png");
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 18px;
  left: 80px;
  }
#block02 .newsong h3::after{
  content: '';/*何も入れない*/
  display: inline-block;
  width: 35px;/*画像の幅*/
  height: 35px;/*画像の高さ*/
  background-image: url("../img/add_star_yl.png");
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 18px;
  right: 80px;
  }

#block02 .newsong h4{
color: #fff; text-align: center; font-size: 2.9em;
width: 460px; margin:auto; background: #666; border-radius: 30px;
line-height: 55px; top: -20px; position: relative;}

#block02 .newsong .list01 h4{background: #ff8056;}
#block02 .newsong .list02 h4{background: #ffb929;}
#block02 .newsong .list03 h4{background: #50c089;}
#block02 .newsong .list04 h4{background: #c181ca;}


#block02 .newsong h4{font-family: 'M PLUS Rounded 1c', sans-serif;}
#block02 .newsong li{font-family: 'M PLUS Rounded 1c', sans-serif; font-weight: 700; letter-spacing: -0.1em;

text-shadow: 
3px 3px 3px #fff, -3px -3px 3px #fff,
-3px 3px 3px #fff,  3px -3px 3px #fff,
3px 0px 3px #fff, -3px -0px 3px #fff,
0px 3px 3px #fff,  0px -3px 3px #fff;}

#block02 .list01,
#block02 .list02,
#block02 .list03,
#block02 .list04{width: 740px; margin: 60px auto; padding: 0 0 35px; position: relative; border-radius: 25px;}

#block02 .list01{background:#ffe2d1;}
#block02 .list02{background:#ffeacc;}
#block02 .list03{background:#d1eadf;}
#block02 .list04{background:#eadceb;}

/*#block02 .list01 .pict1{position: absolute; width: 70px; top: -28px; left: -15px;}*/
#block02 .list01 .pict2{position: absolute; width: 280px; top: 10px; right: -55px;}
/*#block02 .list02 .pict1{position: absolute; width: 80px; top: -45px; left: 10px;}*/
#block02 .list02 .pict2{position: absolute; width: 307px; top: -20px; right: -75px;}
/*#block02 .list03 .pict1{position: absolute; width: 70px; top: -38px; left: 5px;}*/
#block02 .list03 .pict2{position: absolute; width: 210px; top: -20px; right: -75px;}
#block02 .list04 .pict1{position: absolute; width: 60px; top: 50px; right: 75px;}

#block02 .newsong ul{margin-left: 70px;}
#block02 .newsong ul li{font-size: 2em; line-height: 1.4em; position: relative; padding-bottom: 10px; transform: rotate(0.05deg);}
#block02 .newsong ul li::before{content: '♪'; position: absolute; left: -1em;}
#block02 .newsong ul li span{font-size: 0.8em;}

#block02 .list01 li{ color: #004516;}
#block02 .list02 li{ color: #681D00;}
#block02 .list03 li{ color: #000;}
#block02 .list04 li{ color: #0227C3;}

#block03{}
#block03 .inner{display: flex; flex-wrap: wrap; justify-content:space-between; width: 1000px; }
#block03 .samplebox_org,
#block03 .samplebox_yell,
#block03 .samplebox_gre,
#block03 .samplebox_prpl,
#block03 .samplebox_xmas{/*width: 49%;*/ width: 490px;}




#block03 .pict{width: 550px; width: 90%; margin: 25px auto 20px;}
#block03 .text{width: 510px; width: 90%; margin: 0 auto 25px; border-radius: 25px; background: rgba(255,255,255,.60); padding: 15px; font-size: 1.6em;}
#block03 .audiobox{width: 645px; width: 90%; margin: auto;}
#block03 .audiobox .sample{font-size: 1.8em; font-weight: bold;}

#block03 .samplebox_xmas .sample{color: #fff;}

#block03 .samplebox_org{background: rgba(239,126,22,0.2);}
#block03 .samplebox_yell{background: rgba(255,203,60,0.30);}
#block03 .samplebox_gre{background:rgba(16,157,98,0.15); }
#block03 .samplebox_prpl{background:#a374c2;}
#block03 .samplebox_xmas{background:#43a369;}

#block03 .samplebox_org,
#block03 .samplebox_yell,
#block03 .samplebox_gre,
#block03 .samplebox_prpl,
#block03 .samplebox_xmas{ margin: 0 0 30px; padding: 20px 0; border-radius: 22px;}

#block03 .samplebox_org .text{border: 3px dashed #EF7E16;}
#block03 .samplebox_yell .text{border: 3px dashed #DB7100;}
#block03 .samplebox_gre .text{border: 3px dashed #109D62;}
#block03 .samplebox_prpl .text{border: 3px dashed #782992;}
#block03 .samplebox_xmas .text{border: 3px dashed #6b1685;}


#block03 h3{color:#F45800; font-size: 3em; font-size: 2.8em; font-family: 'M PLUS Rounded 1c', sans-serif; font-weight: 700;}
#block03 h3 span{font-size: 0.8em;}


#block03 .samplebox_yell h3{ color: #DB7100;}
#block03 .samplebox_gre h3{ color: #109D62;}




#block04{}

#block04 .record12_list h4{font-family: 'M PLUS Rounded 1c', sans-serif; font-weight: 700; word-break:keep-all;}
#block04 .record12_list li{font-family: 'M PLUS Rounded 1c', sans-serif; font-weight: 700; font-size: 1.6em; margin: 0 0 8px;}

#block04 h2.type02 .record12_type{font-size: 0.5em; }
#block04 h2.type02 .record12_type i{font-style: normal;}
#block04 h2 i.red,
.record12_list i.red{color: #f00; font-style: normal;}
#block04 h2 i.ppl,
.record12_list i.ppl{color: #8F00F3; font-style: normal;}
#block04 h2 i.grn,
.record12_list i.grn{color: #00AB45; font-style: normal;}
#block04 h2 i.ble,
.record12_list i.ble{color: #2291FF; font-style: normal;}
.record12_list i.mono{color: #5A7BAF; font-style: normal; padding-left: 0.5em;}


#block04 .record12_list{display: flex; flex-wrap: wrap; justify-content: space-between; width: 915px;}
#block04 .record12_list .disc{width: calc((100% - 100px)/2); background: rgba(255,255,255,.50); border-radius: 17px; padding: 20px 15px 20px 15px; margin: 0 0 25px;
 position: relative;}
 #block04 .record12_list .disc .btm_pict{position: absolute; bottom: 20px;}

#block04 .record12_list .disc .pict{/*width: 265px;*/ width: 80%; margin: 0 auto 20px;}

.record12_list h4{color: #fff; font-size: 25px;
text-align: center; width: 265px; margin: 0 auto 10px; }
.record12_list h4 span.d_num{background: #000; color: #fff; display: inline-block;padding: 0 5px; margin:0 0 5px;}
.record12_list h4 span.subtit{font-size: 0.8em;}


#block04 .record12_list .disc{counter-reset: cnt;}
#block04 .record12_list ul li {list-style: none; padding-left: 1.2em; 
letter-spacing: -0.05em; position: relative; transform: rotate(0.05deg);}/*reset*/
#block04 .record12_list ul li::before {
counter-increment: cnt;
content: counter(cnt);
color: #fff;
font-weight: bold;
background-color: #666;

border-radius: 50%;
width: 20px;
height: 20px;
line-height: 20px;
display: inline-block;
text-align: center;
/*margin-left: -1.6em;*/
/*margin-right: 0.3em;*/
font-size: 0.8em;
position: absolute;
top: -1px;
left: -5px;
}



.record12_list div:nth-child(1){border: dashed 3px #EF7E16;}
.record12_list div:nth-child(1) h4{color: #F45800;}
.record12_list div:nth-child(1) h4 span.d_num{background: #F45800;}
#block04 .record12_list div:nth-child(1) ul li::before {background-color: #F45800;}

.record12_list div:nth-child(2) {border: dashed 3px #0A92D3;}
.record12_list div:nth-child(2) h4{color: #0A92D3;}
.record12_list div:nth-child(2) h4 span.d_num{background: #0A92D3;}
#block04 .record12_list div:nth-child(2) ul li::before {background-color: #0791D4;}

.record12_list div:nth-child(3) {border: dashed 3px #F45800;}
.record12_list div:nth-child(3) h4{color: #EC6739;}
.record12_list div:nth-child(3) h4 span.d_num{background: #EC6739;}
#block04 .record12_list div:nth-child(3) ul li::before {background-color: #F45800;}

.record12_list div:nth-child(4) {border: dashed 3px #00A6AF;}
.record12_list div:nth-child(4) h4{color: #00A6AF;}
.record12_list div:nth-child(4) h4 span.d_num{background: #00A6AF;}
#block04 .record12_list div:nth-child(4) ul li::before {background-color: #00A6AE;}

.record12_list div:nth-child(5) {border: dashed 3px #E84386;}
.record12_list div:nth-child(5) h4{color: #E84386;}
.record12_list div:nth-child(5) h4 span.d_num{background: #E84386;}
#block04 .record12_list div:nth-child(5) ul li::before {background-color: #E84386;}

.record12_list div:nth-child(6) {border: dashed 3px #00A155;}
.record12_list div:nth-child(6) h4{color: #00A154;}
.record12_list div:nth-child(6) h4 span.d_num{background: #00A154;}
#block04 .record12_list div:nth-child(6) ul li::before {background-color: #00A155;}

.record12_list div:nth-child(7) {border: dashed 3px #894396;}
.record12_list div:nth-child(7) h4{color: #894396;}
.record12_list div:nth-child(7) h4 span.d_num{background: #894396;}
#block04 .record12_list div:nth-child(7) ul li::before {background-color: #894396;}

.record12_list div:nth-child(8) {border: dashed 3px #FC8807;}
.record12_list div:nth-child(8) h4{color: #FC8807;}
.record12_list div:nth-child(8) h4 span.d_num{background: #FC8807;}
#block04 .record12_list div:nth-child(8) ul li::before {background-color: #FC8807;}

.record12_list div:nth-child(9) {border: dashed 3px #063493;}
.record12_list div:nth-child(9) h4{color: #063493;}
.record12_list div:nth-child(9) h4 span.d_num{background: #063493;}
#block04 .record12_list div:nth-child(9) ul li::before {background-color: #063493;}

.record12_list div:nth-child(10) {border: dashed 3px #02A48A;}
.record12_list div:nth-child(10) h4{color: #02A48A;}
.record12_list div:nth-child(10) h4 span.d_num{background: #02A48A;}
#block04 .record12_list div:nth-child(10) ul li::before {background-color: #02A48A;}

.record12_list div:nth-child(11) {border: dashed 3px #98C617;}
.record12_list div:nth-child(11) h4{color: #98C617;}
.record12_list div:nth-child(11) h4 span.d_num{background: #98C617;}
#block04 .record12_list div:nth-child(11) ul li::before {background-color: #98C617;}
.record12_list div:nth-child(11) li p{color: #5F845F; font-size: 0.9em; line-height: 1.7em; margin: 0; letter-spacing: 0.03em;}

.record12_list div:nth-child(12) {border: dashed 3px #D25ED5;}
.record12_list div:nth-child(12) h4{color: #D25ED5;}
.record12_list div:nth-child(12) h4 span.d_num{background: #D25ED5;}
#block04 .record12_list div:nth-child(12) ul li::before {background-color: #D25ED5;}


#block05{}
#block05 .inner{width: 1000px; /*background: rgba(255,255,255,.50);
border-radius: 30px; padding: 45px 0 35px;*/}

/*#block05 h3{width: 680px; margin: auto;}*/
#block05 h3{
font-size: 3.2em; text-align: center; color: #fff;
font-family: 'M PLUS Rounded 1c', sans-serif;
background: rgb(255,173,93);
background: linear-gradient(60deg, rgba(255,173,93,1) 0%, rgba(255,138,107,1) 18%, rgba(255,110,118,1) 80%);
width: 740px; height: 70px; line-height: 70px; margin: auto;
border-radius: 40px;
position: relative;}

#block05 h3::before{
  content: '';/*何も入れない*/
  display: inline-block;
  width: 35px;/*画像の幅*/
  height: 35px;/*画像の高さ*/
  background-image: url("../img/add_star.png");
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 18px;
  left: 80px;
  }
#block05 h3::after{
  content: '';/*何も入れない*/
  display: inline-block;
  width: 35px;/*画像の幅*/
  height: 35px;/*画像の高さ*/
  background-image: url("../img/add_star.png");
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 18px;
  right: 80px;
  }


#block05 h4{margin-bottom: 0;}
#block05 h4{/*font-size: 2.8em;*/font-size: 3em; font-weight: bold; color: #4F7BE0; text-align: center; margin-bottom: 0.5em;}
#block05 h4 span{display: block; font-size: 0.8em;}
#block05 .h4_sub{text-align: center; font-size: 18px; margin-bottom: 0.8em;}
/*#block05 h4.glow{
text-shadow:
3px 3px 0px #fff, -3px -3px 0px #fff,
-3px 3px 0px #fff,  3px -3px 0px #fff,
3px 0px 0px #fff, -3px -0px 0px #fff,
0px 3px 0px #fff,  0px -3px 0px #fff;
font-family: 'M PLUS Rounded 1c', sans-serif; font-weight: 700;}*/

#block05 .record_list h4{font-size: 2em; font-weight: bold; color: #fff; margin-bottom: 0.8em;}

#block05 .inbox0{background: #fff; border-radius: 30px; padding: 45px 0 35px;}

#block05 .inbox0{width: 100%; margin: 0 auto 30px;}
#block05 .inbox0 .txtbox{width: 720px; margin: 1em auto;}
#block05 .inbox{width: 100%; /*width: 720px;*/ margin: auto;}
#block05 .inbox .txtbox{width: 720px; margin: 1em auto;}

.rcd_box_wrap{margin-top: 1.5em;}

.record_list{
width: 720px; margin: 40px auto ; padding: 30px 55px; font-size: 26px; 
background: #FFFFAE; 
border-radius: 20px;
font-family: 'M PLUS Rounded 1c', sans-serif; font-weight: 700;}
.record_list h4{color: #fff; font-weight: bold; background: #000; display: inline-block; padding: 5px 10px; margin: 0 0 20px; font-size: 30px;}


.record_list .rcd_box:nth-child(1) h4{background: #E85298;}
.record_list .rcd_box:nth-child(2) h4{background: #00AFEC;}
.record_list .rcd_box:nth-child(3) h4{background: #A64A97;}
.record_list .rcd_box:nth-child(4) h4{background: #EA5514;}
.record_list .rcd_box:nth-child(5) h4{background: #8FC31F;}

.record_list span{color: #044092; font-weight: bold; display: block; font-size: 1.3em; font-size: 1.5em;}

.record_list .rcd_box{margin: 0 0 20px; text-align: center;}
.record_list .rcd_box p{margin: 0 0 10px; text-align: left; font-size: 1.4em; font-size: 1.6em;
font-family: 'Quicksand', sans-serif; font-weight: 600;}
.record_list i{font-style: normal; }
.record_list i:first-child{color: #fff; background: #044092; border-radius: 50%; width: 24px; line-height: 24px; display: inline-block; text-align: center; font-size: 0.9em;}
.record_list i.mtime{padding-left: 0.7em; color: #777; font-size: 0.8em;}

#block05 .cddisk{width: 700px; margin: auto;}
#block05 .guidebox{width: 600px; margin: auto; text-align: center;
border: dashed #FF94B9 3px; border-radius: 25px; padding: 10px 30px 20px; background: #fff;}
#block05 .guidebox h5{background: #FFC0D8; padding: 5px; display: inline-block;  font-size: 1.8em; margin: 0;}
#block05 .guidebox p{font-size: 1.8em; text-align: left;}
#block05 .guidebox p span{color: #FF8BD3;}

#block05 .songbook_p{width: 660px; margin: auto;}

#block05 .tdrmap_p{width: 870px; margin: auto;}
#block05 .bag_p{width: 680px; margin: auto;}



/*スライダー*/
.slider_box{/*width: 790px;*/ width: 1000px; margin: auto; height: 600px; padding-bottom: 50px;}
.slider_box .slick-next:before, .slick-prev:before{color: rgba(102,102,102,.90);}

.slider_box li p.capt{height: 2em; display: flex; align-items: flex-end; justify-content: center; font-size: 2.4em; text-align: center; margin: 10px 0; color: #044092; font-weight: 600;}
.slider_box li{padding-bottom: 2em;}
.slider_box li div{width: 690px; width: 900px; margin: auto;}
.slider_box li img{width: 690px; width: 900px; height: auto;}
.slider_box .slick-dots{bottom: -5px!important;}

@media screen and (max-width: 767px) {

.slider_box{width: 340px; margin:30px  auto 0; height: 280px;}
.slider_box li{width: 70%;}
.slider_box li div{width: auto;}
.slider_box li img{width: 100%; height:200px;}
.slider_box li p.capt{height: 2em; font-size: 1.8em; margin: 20px 0 10px;}
.slider_box .slick-dots{bottom: -5px!important;}
.slider_box .slick-next{right: -25px!important; top: 60%!important;}
.slider_box .slick-prev{left: -25px!important; top: 60%!important;}
}


.slider_box .slick-arrow:before{
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
}

.slider_box .slick-next:before{
    background: url(../img/arrow_r.png)!important;
    background-size: contain!important;
}

.slider_box .slick-prev:before{
    background: url(../img/arrow_l.png)!important;
    background-size: contain!important;
    
}

.slider_box .slick-arrow{
    z-index:2!important;
    width:40px!important;
    height:40px!important;
}

.slider_box .slick-dots li button:before{font-size: 18px!important;}


/*トップスライダー*/


@media screen and (max-width: 767px) {

#mv_sp{padding: 70px 0 0;}

#mv_sp .slick-next{right: 60px!important; bottom: -10px!important; top: auto!important;}
#mv_sp .slick-prev{left: 60px!important; bottom: -10px!important; top: auto!important;}
.slick-num{text-align: center; width: 80px; margin: 10px auto; background: #fff; padding: 5px; font-size: 13px!important; font-weight: bold; border-radius: 10px;}
}


#mv_sp .slick-arrow:before{
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
}

#mv_sp .slick-next:before{
    background: url(../img/arrow_r.png)!important;
    background-size: contain!important;
}

#mv_sp .slick-prev:before{
    background: url(../img/arrow_l.png)!important;
    background-size: contain!important;
    
}

#mv_sp .slick-arrow{
    z-index:2!important;
    width:30px!important;
    height:30px!important;
}


/*エリア伸縮・cssのみ*/
.readmore{
    position: relative;
    box-sizing: border-box;
}

.readmore-content{
    position: relative;
    overflow: hidden;
    /*以下お好み*/
    /*高さの初期値*/
    height: 400px;
}
.readmore-content::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
    /*以下お好み グラデーションの色と高さ 高さはreadmoreのheight以下にすること*/
    height: 50px;
    background: -webkit-linear-gradient(top, rgba(255,243,193,0) 0%, rgba(255,243,193,0.8) 50%, rgba(255,243,193,0.8) 50%, #fff3c1 100%);
    background: linear-gradient(top, rgba(255,243,193,0) 0%, rgba(255,243,193,0.8) 50%, rgba(255,243,193,0.8) 50%, #fff3c1 100%);
    z-index: 2;
    

}

/*エリア伸縮・cssのみ*/
.readmore{
    position: relative;
    box-sizing: border-box;
}

.readmore-content{
    position: relative;
    overflow: hidden;
    /*以下お好み*/
    /*高さの初期値*/
    /*height: 400px;*/
    height: 1800px;
}
@media screen and (max-width: 767px) {
.readmore-content{
height: 1800px;
}
}

.readmore-content::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
    /*以下お好み グラデーションの色と高さ 高さはreadmoreのheight以下にすること*/
    height: 50px;
    background: -webkit-linear-gradient(top, rgba(255,243,193,0) 0%, rgba(255,243,193,0.8) 50%, rgba(255,243,193,0.8) 50%, #fff3c1 100%);
    background: linear-gradient(top, rgba(255,243,193,0) 0%, rgba(255,243,193,0.8) 50%, rgba(255,243,193,0.8) 50%, #fff3c1 100%);
    z-index: 2;
    

}

/* 続きを読むボタン */
.readmore-label{
    display: table;
    bottom: 5px;
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    margin: 0 auto;
    z-index: 2;
/*    padding: 5px 20px;
    background-color: #ff7777;
    border-radius: 25px;*/
    color: #FFF;
    font-size: 23px;
}
@media screen and (max-width: 767px) {
.readmore-label{
/*font-size: 18px;
text-align: center;
width: 60%;*/}
}
.readmore-label:before{
    /*content: '全ての収録曲見る';*/
    
  content: '';/*何も入れない*/
  display: inline-block;
  width: 446px;/*画像の幅*/
  height: 90px;/*画像の高さ*/
  background-image: url(../img/btn_opn_01.png);
  background-size: contain;
  vertical-align: middle;
}

.readmore-check{
    display: none;
}
/*チェック時にボタンを非表示*/
.readmore-check:checked ~ .readmore-label{
    position: static;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    /* 「続きを読む」を押した後、元に戻す必要がない場合は、上のオプションを消してこの1行だけにする */
    /* display: none; */
}
.readmore-check:checked ~ .readmore-label:before{
   /* content: '閉じる';*/
    
    
  content: '';/*何も入れない*/
  display: inline-block;
  /*width: 446px;*//*画像の幅*/
  /*height: 90px;*//*画像の高さ*/
  width: 0px;/*画像の幅*/
  height: 0px;/*画像の高さ*/
  background-image: url(../img/btn_opn_02.png);
  background-size: contain;
  vertical-align: middle;
}
/*チェック時に高さを自動に戻す*/
.readmore-check:checked ~ .readmore-content{
    height: auto;
}
/*チェック時グラデーション等を削除*/
.readmore-check:checked ~ .readmore-content::before {
    display: none;
}


@media screen and (max-width: 767px) {

.readmore-label:before{
  width: 297px;/*画像の幅*/
  height: 60px;/*画像の高さ*/
}
.readmore-check:checked ~ .readmore-label:before{
  width: 0px;/*画像の幅*/
  height: 0px;/*画像の高さ*/
  }
}


/*直書き価格用*/
.first-price{display: none!important;}
.direct_writing .first-price{display: block!important;}



/*ハロウィン*/
#block03 .ssn_hlwn{background: #f6a33b; width: 100%; margin: 110px 0 0; padding: 90px 0 0;}
#block03 .ssn_hlwn .samplebox_prpl:first-child{margin-right: 20px;}
#block03 .ssn_hlwn .hlwn_tit{width: 810px; margin: -150px auto 0;}
#block03 .lasttxt{width: 1000px; margin: 30px auto;}
#block03 .ssn_hlwn .inner{margin: 15px auto 45px;}



@media screen and (max-width: 767px) {

#block03 .ssn_hlwn .hlwn_tit{width: 100%; margin: -120px auto 0;}
}



/*クリスマス*/
#block03 .ssn_xmas{background: #d65942; width: 100%; margin: 110px 0 0; padding: 90px 0 0;}
#block03 .ssn_xmas .samplebox_xmas:first-child{margin-right: 20px;}
#block03 .ssn_xmas .xmas_tit{width: 810px; margin: -150px auto 0;}
#block03 .lasttxt{width: 1000px; margin: 30px auto;}
#block03 .ssn_xmas .inner{margin: 15px auto 45px;}



@media screen and (max-width: 767px) {
#block03 .ssn_xmas{padding: 90px 0 1px;}
#block03 .ssn_xmas .xmas_tit{width: 100%; margin: -120px auto 0;}
}



/*人気*/
#block03 .ssn_ninki{background: #fff3c1; width: 100%; margin: 0px 0 0; padding: 20px 0 0;}
#block03 .ssn_ninki .samplebox_org:first-child{margin-right: 20px;}
#block03 .ssn_ninki .ninki_tit{width: 810px; margin: 0 auto 60px;}
#block03 .lasttxt{width: 1000px; margin: 30px auto;}
#block03 .ssn_ninki .inner{margin: 15px auto 45px; justify-content: center;}



@media screen and (max-width: 767px) {
#block03 .ssn_ninki{padding: 80px 0 0;}
#block03 .ssn_ninki .ninki_tit{width: 100%; margin: 0 auto 30px;}
}



/*202402追加・終売*/
#add24_01 {margin: 60px auto 0;}
#add24_01 .inner{/*width: 1160px;*/ width: 1060px; margin: 20px auto 60px; background: #f1ffff;
border-radius: 20px;
padding: 20px 0;}

#add24_01 .capt{font-size: 1.3em; width: 1000px; margin: auto;}

#add24_01 h3{
font-size: 3.2em; text-align: center; color: #bf0e73;
font-family: 'M PLUS Rounded 1c', sans-serif;
background: rgb(255,209,209);
background: linear-gradient(90deg, rgba(255,209,209,1) 0%, rgba(255,230,200,1) 33%, rgba(255,249,191,1) 100%);
width: 960px; height: 70px; line-height: 70px; margin: auto;
border-radius: 40px;
position: relative;}

#add24_01 h3::before{
  content: '';/*何も入れない*/
  display: inline-block;
  width: 35px;/*画像の幅*/
  height: 35px;/*画像の高さ*/
  background-image: url("../img/add_star.png");
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 18px;
  left: 80px;
  }
#add24_01 h3::after{
  content: '';/*何も入れない*/
  display: inline-block;
  width: 35px;/*画像の幅*/
  height: 35px;/*画像の高さ*/
  background-image: url("../img/add_star.png");
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 18px;
  right: 80px;
  }


#add24_01 p{font-size: 21px; font-weight: 600;}
#add24_01 p span{font-size: 0.8em; display: block; color: #333333;}
#add24_01 p span.non{display: inline;}

#add24_01 .box01 p{color: #771737;}
#add24_01 .box02 p{color: #163470;}
#add24_01 .box03 p{color: #69206d;}

#add24_01 .flex{display: flex; align-items:center; position: relative;}
/*#add24_01 .flex li{width: 50%;}
#add24_01 li.pict{width: 500px;}*/

#add24_01 .box01{
flex-direction: row-reverse; flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
/*width: 1060px;*/ width: 1000px; margin: 0 auto 60px;
padding: 20px 0 30px;}
#add24_01 .box01 .balloon1-right{/*width: 480px;*/width: 430px;
}

#add24_01 .box01 li{width: calc(100% - 500px);}
#add24_01 .box01 li.pict{width: 500px;}
#add24_01 .box01 li:nth-child(2){padding: 10px 0 0;}
#add24_01 .box01 li:last-child{width: 500px; position: absolute; bottom: 10px; right: 0;}



#add24_01 .box02{padding: 20px 0 60px;}
#add24_01 .box02_1{align-items: center; /*width: 1130px;*/ width: 1030px; margin: 0 auto 0; }
#add24_01 .box02_1 .box02_p{width: 150px;}
#add24_01 .box02_1 li:nth-child(2),
#add24_01 .box02_1 li:nth-child(4){width: calc(50% - 170px);}
#add24_01 .box02_1 li:nth-child(2){margin-right: 20px;}

#add24_01 .box02_2{width: 1020px; margin: 25px auto;}
#add24_01 .box02_2 .box02_p{width: 340px;}
#add24_01 .box02_2 li:last-child{width: calc(100% - 360px);}
#add24_01 .box02_2 .balloon1-left{padding: 25px 20px;}


#add24_01 .box03{position: relative; align-items: flex-start; width: 1000px; margin: 0 auto 30px; justify-content: space-between; padding: 20px 0 0px;}

#add24_01 .box03 li{width: calc(100% - 550px);}
#add24_01 .box03 li.pict{width: 530px; padding-bottom: 3em;}
#add24_01 .box03 li:last-child{position: absolute; bottom: 20px; left: 0;  width: 500px;}
#add24_01 .box03 .balloon1-left{margin-bottom: 20px; padding: 25px 20px;}
#add24_01 .box03 .balloon1-left.min{width: 400px;}
#add24_01 .box03 li:nth-child(2) .balloon1-left:last-child::before{ top: 25%;}


/*右*/
#add24_01 .balloon1-right {
  position: relative;
  display: inline-block;
  margin: 0 15px 10px 0;
  padding: 15px 20px;
  color: #555;
  font-size: 16px;
  background: #e0edff;
  border-radius: 20px;
}
#add24_01 .balloon1-right:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 10px solid transparent;
  border-left: 15px solid #e0edff;
}
#add24_01 .balloon1-right p {
  margin: 0;
  padding: 0;
}

/*左*/
#add24_01 .balloon1-left {
  position: relative;
  display: inline-block;
  margin: 0 0 0 15px;
  padding: 15px 20px;
/*  min-width: 120px;
  max-width: 100%;*/
  color: #555;
  font-size: 16px;
  background: #e0edff;
  border-radius: 20px;
}

#add24_01 .balloon1-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -25px;
  margin-top: -15px;
  border: 10px solid transparent;
  border-right: 15px solid #e0edff;
}

#add24_01 .balloon1-left p {
  margin: 0;
  padding: 0;
}

/*上*/
#add24_01 .balloon1-top {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 15px 20px;
/*  min-width: 120px;
  max-width: 100%;*/
  color: #555;
  font-size: 16px;
  background: #e0edff;
  border-radius: 20px;
}

#add24_01 .balloon1-top:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #e0edff;
}

#add24_01 .balloon1-top p {
  margin: 0;
  padding: 0;
}


#add24_01 .box03 .balloon1-top{width: 490px;}

/*カラー*/
#add24_01 .pink_l,#add24_01 .pink_r,#add24_01 .pink_t{background: #fbc5d3;}
#add24_01 .pink_l::before{border-left: 15px solid #fbc5d3;}
#add24_01 .pink_r::before{border-right: 15px solid #fbc5d3;}
#add24_01 .pink_t::before{border-bottom: 15px solid #fbc5d3;}

#add24_01 .pink2_r{background: #f6d5f1;}
#add24_01 .pink2_r::before{border-right: 15px solid #f6d5f1;}

#add24_01 .org_l,#add24_01 .org_r{background: #ffdfa2;}
#add24_01 .org_l::before{border-left: 15px solid #ffdfa2;}
#add24_01 .org_r::before{border-right: 15px solid #ffdfa2;}

#add24_01 .grn_l,#add24_01 .grn_r{background: #bef2e5;}
#add24_01 .grn_l::before{border-left: 15px solid #bef2e5;}
#add24_01 .grn_r::before{border-right: 15px solid #bef2e5;}


#add24_01 .blr_r,#add24_01 .blr_t{background: #bfe4ff;}
#add24_01 .blr_r::before{border-right: 15px solid #bfe4ff;}
#add24_01 .blr_t::before{border-bottom: 15px solid #bfe4ff;}


#add24_01 .prpl_r{background: #c2cefe;}
#add24_01 .prpl_r::before{border-right: 15px solid #c2cefe;}

#add24_01 .yel_r{background: #fff69f;}
#add24_01 .yel_r::before{border-right: 15px solid #fff69f;}

@media screen and (max-width: 767px) {
#add24_01{position: relative; width: 100%; margin: 60px auto 0;}
#add24_01 .inner{width: 100%;}
#add24_01 .capt{width: 90%; padding: 10px 0 0;}

#add24_01 h3{width: 95%; height: auto; font-size:5.5vw; line-height: 1.1em; display: flex; justify-content: space-around; align-items: center;
padding: 10px 0;}
#add24_01 h3::before{left: auto; top: auto; height: 1em; width:1em; display: block; position:relative;}
#add24_01 h3::after{right: auto; top: auto; height: 1em; width:1em; display: block; position:relative;}

#add24_01 .flex{display: block; align-items:center; }
#add24_01 .flex li{width: 100%;}

#add24_01 p{font-size: 4vw; line-height: 1.4;}

#add24_01 .box01{flex-direction:row; flex-wrap: nowrap;
width: 100%; margin: auto;
align-items: flex-start;}
#add24_01 .box01 .balloon1-right{width: 80%; margin: 0 auto 10px; display: block;}
#add24_01 .box01 li{width:100%;}
#add24_01 .box01 li.pict{width: 95%; margin: auto;}
#add24_01 .box01 li:nth-child(2){padding: 10px 0 0;}
#add24_01 .box01 li:last-child{width: 90%; margin: auto;
position: relative; bottom: 0px; right: 0;}

#add24_01 .box02{padding: 20px 0 30px;}
#add24_01 .box02_1{align-items: center; width: 90%; display: flex; flex-wrap: wrap;
justify-content: space-between; margin: auto;}

#add24_01 .box02_1 .box02_p{width: 25%;}
#add24_01 .box02_1 li:nth-child(2),
#add24_01 .box02_1 li:nth-child(4){width: 73%; margin-right: 0;}

#add24_01 .box02_2{width: 90%; margin: 0px auto; display: flex; justify-content: space-between;}
#add24_01 .box02_2 .box02_p{width: 25%;}
#add24_01 .box02_2 li:last-child{width: 73%;}
#add24_01 .box02_2 .balloon1-left{padding: 20px 20px;}

#add24_01 .box02 li,
#add24_01 .box02_2 li{margin-bottom: 10px;}

#add24_01 .box03{position: relative; align-items: flex-start; width: 100%; margin: auto; justify-content: space-between;
padding: 20px 0 0;}
#add24_01 .box03 li{width:100%;}
#add24_01 .box03 li.pict{width: 95%; margin:auto; padding-bottom: 10px;}
#add24_01 .box03 li:last-child{position: relative; bottom: 0px; left: 0;  width: 100%;}
#add24_01 .box03 .balloon1-left,
#add24_01 .box03 .balloon1-top{margin-bottom: 0px; width: 80%; margin: 0 auto 10px; display: block;}
#add24_01 .box03 .balloon1-left.min{width: 80%; margin: 0 auto 10px;}


#add24_01 .balloon1-top,
#add24_01 .balloon1-left,
#add24_01 .balloon1-right{margin: 0; border-radius: 10px;}

#add24_01 .balloon1-top:before,
#add24_01 .balloon1-left:before,
#add24_01 .balloon1-right:before {
  display: none;
}


.pink_l::before,
.pink_r::before,
.pink_t::before{border-top: 15px solid #fbc5d3;}

.pink2_r::before{border-top: 15px solid #f6d5f1;}

.org_l::before,
.org_r::before{border-top: 15px solid #ffdfa2;}

.grn_l::before,
.grn_r::before{border-top: 15px solid #bef2e5;}

.blr_r::before,
.blr_t::before{border-top: 15px solid #bfe4ff;}

.prpl_r::before{border-top: 15px solid #c2cefe;}

.yel_r::before{border-top: 15px solid #fff69f;}
}