@charset "UTF-8";
/* CSS Document */
/*テレビーノ*/

/*body{background: #eee; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";}*/
img{width: 100%;}


/*h2,h2 p,h3{font-family: "Noto Sans JP","Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";}
*/

#televino_wrapper a:hover{opacity: 0.6;}

#televino_wrapper{width: 1200px; margin: auto; font-weight: 500;}

#televino_wrapper h2{margin: 0 0 30px;}

#televino_wrapper section{padding-bottom: 30px;}

#televino_wrapper i{font-style: normal; color:#cc0f6e;}

@media screen and (max-width: 767px) {
#televino_wrapper{width: 100%;}
#televino_wrapper h2{margin: 0 0 15px;}
#televino_wrapper section{padding-bottom: 15px;}
}

/*注文ボタン*/
.order_btn_t{display: flex; width: 1120px;/* margin: auto; */justify-content: space-between;
position: absolute; bottom: 0; left: 40px;}
.order_btn_t li{width: 540px;}


.order_btn_t2 ul{display: flex; width: 1140px; margin: auto; justify-content: center; flex-wrap: wrap;}
.order_btn_t2 li{width: 570px;}
.order_btn_t2 li:first-child{width: 690px;}


@media screen and (max-width: 767px) {
.order_btn_t{/*display:block; */width: 100%; margin: 10px auto 0;
/*position: relative; bottom: 0; */left: 0px; bottom: 0px;
position: relative;}
.order_btn_t li{width: 50%;}

.order_btn_t2 ul{display:block; width: 95%; margin: auto;}
.order_btn_t2 li{width: 100%;}
.order_btn_t2 li:first-child{width: 100%;}

}


#mv{/*background: #fff788;*/ /*position: relative; height: 1020px; overflow:hidden; */}
#mv .mv1{background: #fff;}

.mv_cap{font-size: 12px; text-align: right;}
.mv_cap span{color: #d70c79;}

@media screen and (max-width: 767px) {
#mv{height: auto;}
#televino_wrapper section#mv{padding-bottom: 0;}
}

/*@media screen and (min-width:400px) and ( max-width:768px) {

#mv{height: 410px;}
}*/

.innr{display: flex;}
.innr .box01{width: 50%;/* padding-left: 20px;*/}
.innr .box02{width: 50%;}
/*.innr .pict{margin-left: -20px;}*/

@media screen and (max-width: 767px) {
.innr{display:block;}
.innr .box01{width: 100%; padding-left: 0px;}
.innr .box02{width: 100%;}
.innr .pict{margin-left: 0px;}
}


h2 p{font-family: "Noto Serif JP", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-weight: 900; font-size: 50px; font-feature-settings: "palt";}

#block02 h2{
background-color:#db3c7e;
background: url("../../image/static/televino/recommend_bg.png")no-repeat;
background-size: cover;
line-height: 90px; text-align:center;
/* display: flex; justify-content: center; align-items: center; height: 90px;*/}
#block02 h2 p{/*width: 600px; font-size: 1em;*/ color: #fff;
text-shadow: 2px 3px 0px #6d0132;}

#block03 h2{background: #03008f; height: 80px; border-radius: 40px; text-align: center; color: #fff;}


#block04 h2{background: #623a16; text-align: center; color: #fff; padding: 10px 0;}
#block04 h2 p{border: 1px solid #fff; color: #fcff02;
text-shadow: 2px 3px 0px #350a00;}
#block04 h2 p span{letter-spacing: -0.5em;}

#block05 h2,
#block06 h2,
#block07 h2,
#block08 h2{/*background: #03008f; */ background: #871f24; line-height: 80px; text-align: center; 
color: #fff;}


#block05 h2 p,
#block06 h2 p,
#block07 h2 p,
#block08 h2 p{font-family: "Noto Sans JP","Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
font-size: 44px; font-weight: 900; font-feature-settings: "palt";}



#block03 h3,
#block06 h3,
#block07 h3,
#block06 .h3{
font-family: "Noto Sans JP", "sans-serif";
color: #bb006a;
font-weight: 900;
font-size: 36px;
margin-bottom: 10px;
font-feature-settings: "palt";
}
#block03 h3{font-size: 30px;}
#block06 .h3{font-size: 32px; font-feature-settings: "palt"; /*margin-top: 1em;*/ border-bottom: none;}


@media screen and (max-width: 767px) {
#block03 h3,
#block06 h3,
#block07 h3,
#block06 .h3{font-size: 5.5vw;text-align: center;}
#block02 h2 p{font-size: 7.6vw; letter-spacing: -0.04em; line-height: 1.2em; padding: 10px 0;}
#block04 h2 p{font-size: 8vw;}
#block05 h2 p,
#block06 h2 p,
#block07 h2 p,
#block08 h2 p{font-size: 8vw; line-height: 1.4em;}
#block05 h2, #block06 h2, #block07 h2, #block08 h2{padding: 10px 0;}
}


/*ユーザーボイス*/
.user_voice{display: flex; justify-content: space-between; flex-wrap: wrap;
width: 1180px; margin: auto;}
.user_voice li{background: #f5f5f5; width: 580px; margin: 0 0 20px; padding: 20px;
font-family: "Noto Serif JP", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-weight: 700;
font-size: 24px;
font-feature-settings: "palt";}

.user_voice li span{display: block;
font-family: "Noto Sans JP","Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
margin: 1.4em 0 0;
color: #921e57;
text-align: right;
}

/*.user_voice li:last-child{background: #fff;
font-family: "Noto Sans JP","Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
font-weight: 700;
font-size: 14px;
}*/

#block04 .cap{
font-family: "Noto Sans JP","Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
font-weight: 700;
font-size: 14px;}


@media screen and (max-width: 767px) {
.user_voice{width: 100%;}
.user_voice li{width: 100%; font-size: 5vw;}
/*.user_voice li:last-child{padding: 0;}*/
.user_voice li span{margin: 10px 0 0;}
}

/*ユーザーボイス02*/
#block12{position: relative;}
.user_voice02{display: flex; justify-content: space-between; flex-wrap: wrap;
width: 1180px; margin: auto; /*position: relative;*/}
.user_voice02 li{background: #fff9ee; width: 580px; margin: 0 0 20px; padding: 10px 20px;
font-family: "Noto Serif JP", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-weight: 700;
font-size: 24px;
font-feature-settings: "palt";}

.user_voice02 li span{display: block;
font-family: "Noto Sans JP","Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
margin: 0.8em 0 0;
color: #921e57;
text-align: right;
}

.user_voice02 li:last-child{background: #fff9bb;}
.user_voice02 li:last-child p{
position: absolute; bottom: 0px; right: 60px;
width: 377px;
}

@media screen and (max-width: 767px) {
#block12{position: relative;}
.user_voice02{position: relative;}
.user_voice02{width: 100%; margin-bottom: 10px;}
.user_voice02 li{width: 94%; font-size: 5vw; margin: 0 auto 20px; padding: 15px;}
.user_voice02 li span{margin: 1em 0 0;}
.user_voice02 li:last-child p{width: 50%; bottom: 0px; right: auto; left: 20px;}
.user_voice02 li:last-child{margin-bottom: 60px;}
}


/*sub_main*/
#televino_wrapper section.sub_main{position: relative; padding-bottom: 0;
margin: 40px 0 40px;}
.sub_main .cap{position: absolute; bottom: 10px; right: 10px;
text-align: right; font-size: 12px;
font-feature-settings: "palt";}
.sub_main .cap2{position: absolute; bottom: 15px; left: 20px; font-size: 12px;}

/*sub_main02*/
#televino_wrapper section.sub_main02{
margin: 80px 0 00px;}

@media screen and (max-width: 767px) {
.sub_main .cap{position: relative; bottom: 0; right: 0; padding: 0 2% 0;}
.sub_main .cap2{position: relative; bottom: 0; left: auto; text-align: right; padding: 0 2% 0;}
#televino_wrapper section.sub_main{margin: 20px auto 0;}
#televino_wrapper section.sub_main02{margin: 0;}

}



/*block01*/
#block01{margin: 80px 0 0;}
#block01 h2{text-align: center;}
#block01 h2 .blk01_h2_1{
font-size: 60px;
font-family: "Noto Serif JP", "serif";
font-weight: 900;
text-align: center;
font-feature-settings: "palt";
}
#block01 h2 .blk01_h2_1 span{letter-spacing: -0.5em;}

#block01 h2 .blk01_h2_2{
font-family: "Noto Sans JP", "sans-serif";
font-size: 70px;
color: #ba006a;
}
#block01 h2 .blk01_h2_2 span{
font-size: 120%;
color: #fff;
background: #ba006a;
padding:  0 10px;
border-radius: 20px;
}


#block01 h3{
font-family: "Noto Sans JP", "sans-serif";
color: #ba006a;
font-weight: 900;
font-size: 30px;
margin-bottom: 10px;
}
#block01 .pict{/*width: 510px; margin: auto;*/ margin-right: 10px;}

@media screen and (max-width: 767px) {
#block01{margin: 40px 0 0;}
#block01 .pict{width: 100%;}
#block01 .innr{display: flex; flex-wrap: wrap; 
flex-direction: column-reverse;}
#block01 .innr .box01{width: 100%;}
#block01 .innr .box02{width: 100%;}
#block01 h3{font-size: 6vw; text-align: center; letter-spacing: -0.04em;}

#block01 h2 .blk01_h2_1{font-size: 5.5vw; letter-spacing: -0.13em;}
#block01 h2 .blk01_h2_2{font-size: 6.5vw;}
#block01 h2 .blk01_h2_2 span{
border-radius: 10px;}

}


/*block02*/
#televino_wrapper section#block02{padding: 30px 0 80px;}
#block02 .innr{align-items: center;}
#block02 .innr .box01{width: 60%;}
#block02 .innr .box02{width: 40%;}
#block02 ul.box01 li{position: relative; padding-left: 44px;
font-size: 27px; font-weight: bold; margin-bottom: 25px;
font-feature-settings: "palt";}
#block02 ul.box01 li::before{
  content: url("../../image/static/televino/televino_check.png");
  transform: scale(0.5);
  position: absolute;
  top: -12px;
  left: 0px;}
  
@media screen and (max-width: 767px) {
#televino_wrapper section#block02{padding: 15px 0 40px;}
#block02 .innr .box01{width: 100%;}
#block02 .innr .box02{width: 100%;}
#block02 ul.box01 li{font-size: 5.5vw;}
}


/*block03*/
#block03{}

#block03 .innr .pict{
margin-left: 0;
margin: 20px 0 0;
}

#block03 .blk03_box02{
border: 4px solid #e50071;
border-radius: 20px;
width: 540px; margin:  20px auto 0px; padding: 0 0 30px
}
#block03 .blk03_box02 h4{
width: 490px;
margin: -27px auto 0;
/*
color: #fff;
font-size: 36px;
text-align: center;
background:#f27400;
font-weight: bold;
margin: -27px auto 0;
border-radius: 20px;*/}

#block03 .blk03_box02 .lead{
padding-top: 10px;
text-align: center;
font-size: 22px;
/*font-family: "Noto Sans JP", "sans-serif";
font-weight: 900;*/
}

#block03 .blk03_box02 .pict{
width: 480px;
margin: 20px auto 10px;
}

#block03 .blk03_box02 .cap{
font-size: 15px;
text-align: right;
padding: 0 20px 10px;
}

#block03 .box01 .cap{font-size: 0.8em; text-align:right; 
/*padding-right: 90px;*/}

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

#block03 .blk03_box02{width: 96%;}
#block03 .blk03_box02 h4{width: 96%; font-size: 5.5vw;}
#block03 .blk03_box02 .pict{width: 97%;}

#block03 .blk03_box02 .lead{font-size: 4.2vw;}

#block03 .innr .box02{margin-top: 40px;}
#block03 .box01 .cap{/*padding-right: 30px;*/ margin-top: -0.5em;}
#block03 .blk03_box02 .cap{font-size: 3.5vw;}
}

#block03 .box01{position: relative; padding: 0 0 30px;}
#block03 .box01 .pict{width: 400px; position: absolute; left: 0; bottom: 0; z-index: 3;}
#block03 .box01 .blc03_txt2{background: #ffe9b5; border-radius: 25px; position: absolute; right: 0; bottom: 40px;
padding: 20px 20px 20px 38%;}
#block03 .box01 .cap{position: absolute; bottom: 0; right: 0;}

@media screen and (max-width: 767px) {
#block03 .box01 .pict{position: relative; width: 100%; bottom: 0.5em;}
#block03 .box01 .cap{position: relative; bottom: 1.8em;}

#block03 .box01 .blc03_txt2{position: relative; padding: 30px 10px 10px; bottom: 3em;}
}

  
/*block06 もと05*/
#block06{}
#block06 .innr{align-items: center; justify-content: space-between;}
#block06 .innr .box01{width: 55%;}
#block06 .innr .box02{width: 43%;}

#block06 .uv_koe{/*width: 580px; */border: 4px solid #ea6c00; margin: 30px 0 0;}
#block06 .uv_koe .uvkoe_tit{background: #ea6c00; width: 310px;
border-bottom-right-radius: 20px; padding: 3px 15px 3px 140px; position: relative;}

#block06 .uv_koe .uvkoe_tit span{position: absolute; left: 5px; bottom: -5px; width: 117px;}

#block06 .uv_koe ul{margin: 10px 0 10px 10px;}
#block06 .uv_koe li{}
#block06 .uv_koe li::before{content: '●'; color:#ea6c00;}
#block06 .uv_koe li span{color: #5d0000;}

@media screen and (max-width: 767px) {
#block06 .innr .box01{width: 100%;}
#block06 .innr .box02{width: 100%;}
}

/*block05 もと０７*/
#block05{}
/*#block05 .box01 ul{display: flex; justify-content: center; align-items: baseline; width: 580px;}
#block05 .box01 ul li:first-child{width: calc(100% - 290px);}
#block05 .box01 ul li:last-child{width: 280px;}
#block05 .box01 ul li p{width: 80%; margin: auto; font-size: 16px; line-height: 1.4em;}*/

#block05 .box02{text-align: center;}
#block05 .catchcopy{
background:linear-gradient(transparent 60%, #ff6 60%);
font-size: 23px; color: #540005; font-weight: 700;
font-family: "Noto Sans JP", "sans-serif";
display: inline;}
#block05 .box02 .cap{font-size: 14px; display: block; text-align: right;
padding-bottom: 30px;}
#block05 .box02 .cap i{font-style: normal; color: #f00;}

@media screen and (max-width: 767px) {
#block05 .box01 ul{width: 100%;}
#block05 .box01 ul li:first-child{width:50%;}
#block05 .box01 ul li:last-child{width:50%;}
}

#block05 .blk05_01{width: 1020px; margin: 0 auto 30px;}
#block05 .blk05_01 li:first-child{display: flex; justify-content: space-between; padding: 0 5px;}
#block05 .blk05_01 li:first-child .pict01{width: 505px;}
#block05 .blk05_01 li:first-child .pict02{width: 460px;}


#block05 .blk05_01 li:last-child{/*background: #ffffd7;*/ padding: 0px 0px; border-radius: 20px; margin-top: 5px;}

@media screen and (max-width: 767px) {
#block05 .blk05_01{width: 100%;/* display: flex;*/}
#block05 .blk05_01 li:first-child{/*display: block; width: 50%;*/}
#block05 .blk05_01 li:first-child .pict01{width: 51%;}
#block05 .blk05_01 li:first-child .pict02{width: 47%;}
#block05 .blk05_01 li:last-child{width: 100%; padding: 10px;}
}


#block05 .blk05_02{width: 580px;}
#block05 .blk05_02 li{display: flex; justify-content: space-between; align-items: center; font-size: 20px; color: #03008e; font-weight: 700;}
#block05 .blk05_02 li span{font-size: 0.8em; color: #000;}
#block05 .blk05_02 li:first-child{padding-top: 40px;}
#block05 .blk05_02 li:first-child .pict{width: 287px;}
#block05 .blk05_02 li:first-child .txt{width:calc(100% - 287px);}
#block05 .blk05_02 li:last-child{margin-top: -40px;}
#block05 .blk05_02 li:last-child .pict{width: 280px;}
#block05 .blk05_02 li:last-child .txt{width: calc(100% - 280px);}

#block05 .blk05_02 .blk05_02_tit1{width:150px;}
#block05 .blk05_02 .blk05_02_tit2{width:117px;}

@media screen and (max-width: 767px) {
#block05 .innr{  display: flex; flex-direction: column-reverse;}
#block05 .innr .box02{margin-bottom: 0px;}
#block05 .box01 ul.blk05_02 li:first-child,
#block05 .box01 ul.blk05_02 li:last-child{width: 100%; font-size: 4vw;}
#block05 .blk05_02 li:first-child{padding-top: 0px;}
#block05 .blk05_02 li:first-child .pict{width: 50%;}
#block05 .blk05_02 li:first-child .txt{width:50%;}
#block05 .blk05_02 li:last-child{margin-top: 0px;}
#block05 .blk05_02 li:last-child .pict{width: 50%;}
#block05 .blk05_02 li:last-child .txt{width: 50%;}

#block05 .blk05_02 .blk05_02_tit1{width:120px;}
#block05 .blk05_02 .blk05_02_tit2{text-align: right; width: 90%;}
#block05 .blk05_02 .blk05_02_tit2 img{width:96px;}
}


#block08{margin: 40px 0 0px;}
#block08 .innr{justify-content: space-between;}
#block08 .innr .box01{width: 510px;}
#block08 .innr .box02{width: 650px;}

#block08 span{font-size: 14px; padding:1.4em 0 0; display: block;}

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

#block08 .innr .box01,
#block08 .innr .box02{width: 100%; margin: 20px 0 0;}
}

/*特大ボタン*/
#block09{border: 3px solid #7d0000; border-radius: 35px; width: 1150px; margin: 40px auto 30px;}

#block09 h2{background: #f9d6aa; text-align: center; padding: 20px 0;
font-family: "Noto Sans JP","Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
font-size: 53px; font-weight: 900;
color: #7d0000;
border-top-left-radius: 35px;
border-top-right-radius: 35px;
}

#block09 .lead{width: 1100px; margin: auto;
font-size: 22px; font-weight: bold;}
#block09 .pict{width: 1120px; margin: auto;}

#block09 dl{display: flex; border-radius: 40px; border: 3px solid #1d2085;
width: 1120px; margin: auto;}
#block09 dt{background: #1d2085; color: #f9d175; width: 330px;
border-top-left-radius: 31px;
border-bottom-left-radius: 31px;
display: flex; justify-content: center; align-items: center;
font-size: 24px;
}

#block09 dd{padding: 5px 0 5px 35px; font-size: 18px;}
#block09 dd span{font-size: 21px; color: #e30012;}

@media screen and (max-width: 767px) {
#block09{width: 96%; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
#block09 h2{font-size: 7vw; font-feature-settings: "palt";}
#block09 .lead{width: 96%; font-size: 3.2vw;}
#block09 .pict{width: 96%;}

#block09 dl{display: block; width: 96%; border-radius: 20px;}
#block09 dt{width: 100%;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 0px;}

#block09 dd{padding: 5px 0 5px 5px; font-size: 3.2vw;}
#block09 dd span{font-size: 1.2em; font-feature-settings: "palt";}
}

/*block10*/
#block10{width: 930px; border-radius: 35px; border: 3px solid #1d2085;
margin: 20px auto 40px; background: #eaf1cd;}
#block10 h2{background: #1d2085; text-align: center; padding: 5px 0 10px;
font-family: "Noto Sans JP","Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
font-size: 44px; font-weight: 900;
color: #fff;
border-top-left-radius: 31px;
border-top-right-radius: 31px;
}
#block10 h2 span{font-size: 0.8em;}

#block10 h3{color: #e30012; font-weight:bold; font-size: 26px;}

#block10 .ubox01{display: flex; justify-content: space-between; 
width: 800px; margin: 25px auto 10px;}

#block10 .ubox01 li:first-child{width: 155px;}
#block10 .ubox01 li:last-child{width: calc(100% - 195px); line-height: 1.8em; padding: 1.2em 0 0;}
#block10 .ubox01 li:last-child p{font-size: 19px; font-family: "Noto Sans JP", "sans-serif";}
#block10 .ubox01 li:last-child p span{font-weight: 900;}

#block10 .ubox01 .prof{font-size: 12px; font-weight: 700;
font-family: "Noto Sans JP", "sans-serif";
}
#block10 .ubox01 .prof span{font-size: 24px;}

#block10 .ubox02{display: flex; justify-content: space-between; 
width: 800px; margin:auto;}
#block10 .ubox02 li:first-child{width:413px; padding-top: 25px;}
#block10 .ubox02 li:last-child{width: 370px;}

#block10 .cap{text-align: right; width: 790px; margin: auto;}

@media screen and (max-width: 767px) {
#block10{width: 96%;}
#block10 h2{font-size: 7vw;}
#block10 .ubox01{display: block; width: 96%;}
#block10 .ubox01 li:last-child{display: block; width: 100%;}
#block10 .ubox01 li:first-child{width: 100%; display: flex; justify-content: center; align-items: center;}
#block10 .ubox01 li:first-child .prof{margin-left: 10px;}


#block10 .ubox02{display: block; width: 93%;}
#block10 .ubox02 li:first-child{width: 100%; margin-bottom: 10px;
padding: 0 0 20px;}
#block10 .ubox02 li:last-child{width: 100%;}
#block10 .cap{width: 100%;}
}


/*block11*/
#televino_wrapper section#block11{background: url("../../image/static/televino/block11_bg.png");
padding: 30px 0 1px; margin: 40px 0 55px;}

#block11 .innr{justify-content: space-between; padding: 0 30px; margin: 0 0 45px;}
#block11 .innr .box01{width: 540px;}
#block11 .innr .box02{/*width: 540px;*/ width: 570px; padding-top: 30px;}

#block11 h2{background: #fff; border-radius: 40px;
display: flex; justify-content: center; align-items: center;
height: 80px;
width: 1100px; margin: 0 auto 30px;}
#block11 h2 p{width: 848px; font-size: 1em; padding: 5px 0 0;}




#block11 dt{position: relative; padding-left: 35px; margin: 0 0 15px;
font-size: 24px; color: #7d0031; font-weight: bold;
font-feature-settings: "palt";}
#block11 dt::before{
content: 'Q'; background: #009973; height: 30px; width: 30px; line-height: 30px; text-align: center; color: #fff; font-weight: 600; font-size: 24px;
display: inline-block; border-radius: 5px;
position: absolute;
left: 0; top: 0;
}

#block11 dd{position: relative; padding-left: 35px; font-size: 22px;}
#block11 dd::before{
content: 'A'; background: #e1007f; height: 30px; width: 30px; line-height: 30px; text-align: center; color: #fff; font-weight: 600; font-size: 24px;
display: inline-block; border-radius: 15px;
position: absolute;
left: 0; top: 0;
}

#block11 dt::before,
#block11 dd::before{font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";}


#block11 ul.qa_uv1{margin: 0 0 15px;}
#block11 ul.qa_uv1,
#block11 ul.qa_uv2{display: flex; justify-content: space-between; align-items: center;
padding: 15px 20px;
/*width: calc(100% - 40px);*/ width: auto;
/*width: 500px; */
background: rgba(255,255,255,.50);
border-radius: 20px;
}

#block11 ul.qa_uv1 h3,
#block11 ul.qa_uv2 h3{color: #b30005; font-weight: bold; font-size: 1.2em;}
#block11 ul.qa_uv1 li:first-child{/*width: 305px;*/ width: calc(99% - 196px); font-size: 20px;}
#block11 ul.qa_uv2 li:first-child{/*width: 310px;*/ width: calc(95% - 166px); font-size: 20px;}
#block11 ul.qa_uv1 li:last-child{width: 196px;}
#block11 ul.qa_uv2 li:last-child{width: 166px;}

#block11 .pict{width: 300px; margin: 1em auto 0;text-align:center; }

#block11 .pict02{width: 450px;}
#block11 .pict03{width: 390px;}

#block11 .pict02 img,
#block11 .pict03 img{ border-radius: 15px; border: solid 2px #7d0031; }

@media screen and (max-width: 767px) {
#block11 h2{width: 96%; height: auto; padding: 5px 0; border-radius: 20px;}
#block11 .innr{padding: 0 2%;}
#block11 .innr .box01{width: 100%;}
#block11 .innr .box02{width: 100%; margin: 20px 0 0;}
#block11 ul.qa_uv1, #block11 ul.qa_uv2{width: 100%; display: block; padding: 10px;}
#block11 ul.qa_uv1 li:first-child,
#block11 ul.qa_uv2 li:first-child{width: 100%;}
#block11 ul.qa_uv1 li:last-child,
#block11 ul.qa_uv2 li:last-child{margin: auto;}
#block11 .pict02{width: 100%;}
#block11 .pict03{width: 100%;}



#block11 h2 p{width: 95%;}
}

/*block12*/
#block12{background: #fff9bb; padding: 40px 0 0; border-radius: 20px; margin: 40px 0 0px;}
#block12 .cap{font-size: 14px; padding: 0 20px;}

#block12 h2 {
  position: relative;
  height: 100px;
  line-height: 100px;
  text-align: center;
  padding: 10px 0;
  font-size: 18px;
  background: rgb(229,69,107);
background: linear-gradient(90deg, rgba(229,69,107,1) 0%, rgba(235,130,138,1) 50%, rgba(229,69,107,1) 100%);
  color: #FFF;
  box-sizing: border-box;
}

#block12 h2 p {
  margin: 0;
  padding: 0 30px;
  border-top: solid 1px #FFF;
  border-bottom: solid 1px #FFF;
  line-height: 80px;
  font-size: 50px;
  text-shadow: 2px 3px 0px #9b0047;
}

#block12 h2:before, #block12 h2:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

#block12 h2:before {
top: 0;
  left: 0;
  border-width: 50px 0px 50px 40px;
  border-color: transparent transparent transparent #fff9bb;
  border-style: solid;
}

#block12 h2:after {
top: 0;
  right: 0;
  border-width: 50px 40px 50px 0px;
  border-color: transparent #fff9bb transparent transparent;
  border-style: solid;
}

#block12 .lead{text-align: center; /*font-size: 30px;*/ margin: 0em 0 2em;}
#block12 .lead span{/*display: inline; */
font-size: 30px;
border-bottom: 1px solid #76b2ff;
color: #03008f;
font-family: "Noto Serif JP", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-weight: 600;}

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

#block12 h2 p {font-size: 5.5vw; letter-spacing: -0.05em;}
#block12 .lead span{font-size: 4vw;}

#block12 h2:before {
  border-width: 50px 0px 50px 20px;
}

#block12 h2:after {
  border-width: 50px 20px 50px 0px;
  }

}


#televino_wrapper section#block13{padding: 60px 0 0;}
#block13 h2 p,
#block13 h3{font-family: "Noto Sans JP","Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";}


#block13 h2{border: solid 2px #e30012; padding: 3px;
 text-align: center; width: 1090px; margin:  0 auto 30px;}
#block13 h2 p{border: solid 2px #e30012; padding: 3px;
  color: #e30012; font-size: 48px;}
  
#block13 h3{color: #1d2088; font-size: 44px; text-align: center; font-weight: 900; margin: 10px 0 30px;} 

#block13 h3 p{background:linear-gradient(transparent 60%, #ff6 60%);
 display: inline;}

@media screen and (max-width: 767px) {
#televino_wrapper section#block13{padding: 0;}
#block13 h2{width: 92%;}
#block13 h2 p,
#block13 h3{font-size: 8vw;}
}


/*#block14*/
#block14{width: 940px; margin: auto; padding: 20px; border: solid 3px #500a1b;}
#block14 .shiyou{background: #dff3ff; padding: 10px;}

#block14 .shiyou span{color: #c38b76;}
#block14 .shiyou p{display: inline; color: #2c4195;}

#block14 .kikaku{padding: 10px 0;}
#block14 .kikaku span{color: #739c77;}


#block14 h3{background: #b06320;position: relative;
height: 40px; line-height: 40px; display: inline-block;
padding:0 5px; 
font-size: 23px; color: #fff;
margin: 35px 0 20px 20px;}

#block14 h3:before, #block14 h3:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

#block14 h3::before {
top: 0;
  left: -20px;
  border-width: 20px 20px 20px 0px;
  border-color: transparent #b06320 transparent transparent ;
  border-style: solid;
}

#block14 h3::after {
top: 0;
  right: -20px;
  border-width: 20px 0px 20px 20px;
  border-color: transparent transparent transparent #b06320;
  border-style: solid;
}


#block14 .caution{border:  1px solid; font-size: 22px; padding: 10px; margin: 10px 0 0;}
#block14 .caution p{padding-left: 25px;}
#block14 .caution p::before{content: '※'; color: #f00; margin-left: -22px;}

#block14 .caution02{}
#block14 .caution02 h4{color: #0080c9;}
#block14 .caution02 span{ color: #e1007f;}

@media screen and (max-width: 767px) {
#block14{/*width: calc(100% - 60px);*/ width: 100%;}
#block14 .caution{font-size: 4vw;}

}


/*#block14{display: none!important;}*/



/*発売前・発売開始時コメントアウト*/
/*.before_sale{color: #f00; font-size: 1.4em;
border: double 3px #f00;
text-align: center;
padding: 10px; margin:20px auto;
width: 700px;}

#mv{height: 860px;}
.order_btn_t{display: none;}
.order_btn_t2{display: none;}
.page-goods .pane-goods-fixed-footer{display: none;}
#footer_contact{display: none;}
.block-header-bottom-menu-list li.block-header-bottom-menu-tel{display: none!important;}


@media screen and (max-width: 767px) {
.before_sale{width: 100%; font-size: 1em;}
#mv{height: 260px;}


.block-header-menu-tel{display: none;}
#header_top .block-header-menu-list{justify-content: flex-end;}
#header_top .block-header-menu-list li{margin-left:3px;}
}
*/


/*発売前赤文字*/
.before_sale{color: #f00; font-size: 1.4em;
border: double 3px #f00;
text-align: center;
padding: 10px; margin:20px auto;
width: 700px;}

@media screen and (max-width: 767px) {
.before_sale{width: 100%; font-size: 1em;}


}

/*ギフトバナー*/
.giftbnr{margin: 80px auto 0;}
@media screen and (max-width: 767px) {
.giftbnr{margin: 40px auto 0;}
}




/*追従注文ボタン*/
.page-goods .pane-goods-fixed-footer{display: none;}

/*-------------------------------
purchase_fixed 
-------------------------------*/

.purchase_fixed {
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	border-top: 4px solid #db844e;
	background: #f9f5e8;
	width: 100%;
	z-index: 99;
  }
  .purchase_fixed .inner {
	display: flex;
    align-items: center;
	justify-content: space-between;
	max-width: 1200px;
	padding: 10px 0px 0;
    margin: 0px auto 10px;
    height: 110px;
  }
  .purchase_fixed-item {
	/*flex: 0 0 49%;*/
    width: calc((100% - 20px)/3);
  }
  .purchase_fixed-item .dce_orderBtn.orderBtn--icon {
	margin: auto;
  }
  
  .purchase_fixed-item a:hover{opacity: 0.6;}
  
  @media (max-width: 768px) {
	.purchase_fixed {
	  border-top: 0;
	  box-shadow: 0px -2px 6px 3px rgba(0, 0, 0, 0.25);
	}
	.purchase_fixed .inner {
		padding: 5px 0;
        height: auto;
        flex-wrap: wrap;
	  }
	.purchase_fixed-item {
		margin: 0 0px;
		/*flex: 0 1 50%;*/
        width: 50%;
	}
    .purchase_fixed-item:first-child{width: 100%;}
    /*.purchase_fixed-item:first-child .dce_orderBtn.orderBtn--icon{width: 55%;}*/
    
    
	.purchase_fixed .dce_orderBtn {
		border-width: 2px;
	}
	.purchase_fixed .dce_orderBtn.orderBtn--icon {
		width: auto;
		height: 15vw;
	}
	.purchase_fixed .dce_orderBtn.orderBtn--icon a {
		max-width: 100%;
		width: auto;
		left: 5px;
		top: 0;
		bottom: 0;
		transform: translateY(-6px);
		margin: auto;
	}
    
    .page-goods.mode-valiation02 .block-page-top{
    
bottom: 85px;
    }
	
  }
  
  
/*  色追加202412*/

#add_block01{margin: 80px 0 0px;}
#add_block01 h2{margin: 0; padding: 0;}
#add_block01 .ad_blk01_box1{display: flex; justify-content: space-between; flex-wrap: wrap; background: #fcf4f0; padding: 0 0 20px; margin:  0px 0 40px;}
#add_block01 .ad_blk01_box1 li.textbox{width: 620px; padding: 10px;}
#add_block01 .ad_blk01_box1 li.textbox div:first-child{width: calc(100%- 30px); background: #fff; margin:auto; padding: 15px; font-feature-settings: "palt"; letter-spacing: 0.05em;}
#add_block01 .ad_blk01_box1 li.pictbox{width: 570px;}
#add_block01 .ad_blk01_box1 li.lastbox{width: 100%; font-feature-settings: "palt";}

#televino_wrapper i.c_brown{color: #682300; }

#add_block01 .cap{
font-family: "Noto Sans JP","Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
font-weight: 700;
font-size: 14px;}


#add_block01 .ad_blk01_box1 li.textbox .btm_pict {
  position: relative;
  width: 100%;
  height: auto;
}
#add_block01 .ad_blk01_box1 li.textbox .btm_pict::after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: inset 0 0 15px 15px #fcf4f0;
}
#add_block01 .ad_blk01_box1 li.textbox .btm_pict .img {
  width: 100%;
  height: 100%;
}


#add_block01 .ad_blk01_box1 li.lastbox p{background: #fbe9de; width: 960px; margin: auto; text-align: center;
font-size: 24px; font-weight: bold; padding: 20px 0;}
#add_block01 .ad_blk01_box1 li.lastbox p span{font-size: 70%; display: block;}

#add_block01 h3{
padding: 15px 0;
background: rgb(229,191,92);
background: linear-gradient(90deg, rgba(229,191,92,1) 0%, rgba(255,246,194,1) 38%, rgba(255,246,194,1) 61%, rgba(229,191,92,1) 100%);
border-bottom: solid 15px #681717;
border-top: solid 15px #681717;}
#add_block01 h3 p{color: #0b253f; text-align: center; font-size: 36px;
font-family: "Noto Serif JP", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}


  @media (max-width: 768px) {
#add_block01 .ad_blk01_box1 li.textbox{width: 100%; padding: 10px;}
#add_block01 .ad_blk01_box1 li.pictbox,
#add_block01 .ad_blk01_box1 li.lastbox p{width: 100%; font-size: 4vw;}
#add_block01 h3 p{font-size: 6vw;}
  }


.ad_blk01_box2_wrap{
background: rgb(255,244,223);
background: linear-gradient(0deg, rgba(255,244,223,1) 0%, rgba(255,244,223,1) 60%, rgba(248,202,134,1) 100%);
margin: 0 0 40px;
}
.ad_blk01_box2{justify-content: space-around; padding: 40px 0 20px;
background-image: url("../../image/static/televino/ad_blk01_box2_bg.png");
}


.ad_blk01_box2 .ad_blk01_box2_sub1,
.ad_blk01_box2 .ad_blk01_box2_sub2{position: relative;}
.ad_blk01_box2 .ad_blk01_box2_sub1 p,
.ad_blk01_box2 .ad_blk01_box2_sub2 p{position: absolute; width: 20px;}

.ad_blk01_box2 .ad_blk01_box2_sub1 p{width: 96px; right: 20px; top:-15px;}
.ad_blk01_box2 .ad_blk01_box2_sub2 p{width: 96px; right: 20px; top:-15px;}

.ad_blk01_box2 .ad_blk01_box2_sub1 div.pict{width: 530px;}
.ad_blk01_box2 .ad_blk01_box2_sub2 div.pict{width: 600px;}

.ad_blk01_box2 .ad_blk01_box2_sub1 div.pict img,
.ad_blk01_box2 .ad_blk01_box2_sub2 div.pict img{border-radius: 25px; border: solid #ba7960 3px; height: 470px; object-fit: cover; object-position: 100% 100%;}

/*.ad_blk01_box2 .ad_blk01_box2_sub1 div.pict img{width: 520px; height: 470px; object-fit: cover; object-position: 100% 100%; border-radius: 25px; border: solid #ba7960 3px;}
.ad_blk01_box2 .ad_blk01_box2_sub2 div.pict img{width: 620px; height: 470px; object-fit: cover; object-position: 100% 100%; border-radius: 25px; border: solid #ba7960 3px;}*/


#televino_wrapper .order_btn_t3{width: 1000px; margin: auto;}

  @media (max-width: 768px) {
.ad_blk01_box2_wrap{margin: 0 0 20px}
.ad_blk01_box2 .ad_blk01_box2_sub1 div.pict{width: 96%; margin:  0 auto 30px;}
.ad_blk01_box2 .ad_blk01_box2_sub2 div.pict{width: 96%; margin: auto;}
.ad_blk01_box2 .ad_blk01_box2_sub1 div.pict img,
.ad_blk01_box2 .ad_blk01_box2_sub2 div.pict img{height: auto; object-fit:contain; object-position: 100% 100%;}


.ad_blk01_box2 .ad_blk01_box2_sub1 p{width: 18%; right: 4%; top:-35px;}
.ad_blk01_box2 .ad_blk01_box2_sub2 p{width: 18%; right: 4%; top:-35px;}

#televino_wrapper .order_btn_t3{width: 100%; margin: auto;}
  }



.blk14_itembox{background: #eee;}
.blk14_itembox .lastbox{display: flex; justify-content: center; align-items: center;}
.blk14_itembox .lastbox .pict{width: 140px;}
.blk14_itembox .lastbox .text{width: 500px;}

@media (max-width: 768px) {
.blk14_itembox .lastbox .pict{width: 20%;}
.blk14_itembox .lastbox .text{width: 70%; font-size: 2vw;}
}