@charset "utf-8";

.fadeUp.scrollin {
  -webkit-animation: fadeUp 0.7s ease-in-out 0s 1 normal forwards;
  animation: fadeUp 0.7s ease-in-out 0s 1 normal forwards; transition: 1.0s ;
  }

a:hover{
    opacity: 0.5;
  }

figure,p,dd,ul,li {margin:0; padding:0;}
li {list-style:none;}

dl{margin: 0 10px;}

.wall-tvstand-choice {font-size:14px; line-height:1.8; color:#333; width:100%; margin:auto;}

.reason_video iframe {width:auto !important;}

.brsp{display: block;}

.tvstand-choice-mainvisual {
 display:flex;
 align-items: center; /* 縦方向の中央揃え */
 justify-content: center; /* 横方向の中央揃え */
 flex-direction: column; /* 子要素の並びを上から下にする（要素の改行に対応） */
 max-width: 100%;
 margin:0;
 padding: 10px 0;
 background-color:#CED7DF ;
 }
 .tvtitle{
  margin:30px;
 }
 .wall_sel_tv_sp{
  display: block;
  margin: 30px auto;
  text-align: center;
  width: 90%;
 }
 .wall_sel_tv_pc{
  display: none;
 }

.pita_tv{
 font-size:70%;
 color:#ffa700;
 font-weight: 200;
}
.choice_tv{
  font-size: 3.5vw;
}
.tvstand-choice-mainvisual div {
 display:flex;
 align-items: center; /* 縦方向の中央揃え */
 justify-content: center; /* 横方向の中央揃え */
 flex-direction: column; /* 子要素の並びを上から下にする（要素の改行に対応） */
 margin:auto;
 }
/*.tvstand-choice-mainvisual p {font-size: 7vw; margin-bottom:1vw;}*/
.tvstand-choice-mainvisual p span {
 font-size:16px;
 display: block;
 line-height: 1;
 margin: 0;padding: 0;
 }
.tvstand-choice-mainvisual ul {margin-bottom:30px;}
.tvstand-choice-mainvisual ul li {background-color:#666; padding:5px 40px; margin-bottom:10px; border-radius: 50px;}
.tvstand-choice-mainvisual ul li:hover{opacity:0.5;}
.tvstand-choice-mainvisual ul span{font-size:14px;}
.tvstand-choice-mainvisual ul a li{text-decoration:none; color:#fff; text-align:center; display:block;}

.tvstand-choice-mainvisual .pc {display:block;width: 30%;margin:auto;}
.tvstand-choice-mainvisual .sp {display:none;}
.tvstand-choice-mainvisual img {width:100%;}

.tvstand-choice-chapter1 .cp-header {width:100%; background: #333; color: #fff; padding:5vw 0;}
.tvstand-choice-chapter1 .cp-header p {width:90%; margin:auto;}
.tvstand-choice-chapter1 .cp-header p.chapter {text-align:center; font-size:3vw;}
.tvstand-choice-chapter1 .cp-header p.cp-title {text-align:center; font-size:5.5vw;}
.tvstand-choice-chapter1 .cp-header p.cp-title span {font-weight: bold;}

.tvstand-choice-chapter1 dl {width:90%; margin: auto;}
.tvstand-choice-chapter1 dt {
 text-align :left;
 border-bottom: 1px solid #ddd;
 margin: 5vw 0 2vw 0;
 font-size: 4vw;
 font-weight:bold;
 color:#000;
 }
.tvstand-choice-chapter1 dd {margin-bottom: 8vw;}
.tvstand-choice-chapter1 .read {width:100%; margin: 2vw auto 2vw;}
.tvstand-choice-chapter1 .st {font-weight: bold;}
.tvstand-choice-chapter1 .exp1 {text-align:center; width:90%; margin: auto;}
.tvstand-choice-chapter1 .exp1 img {width:90%;}

.tvstand-choice-chapter1 .exp2 {display: flex; flex-direction: column; width:100%;}
.tvstand-choice-chapter1 .exp2 p {width:100%; text-align:center; margin: 0 0 7vw 0;}
.tvstand-choice-chapter1 .exp2 p img {width:100%;}

.tvstand-choice-chapter1 .exp3 {
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 width:100%;
 }
.tvstand-choice-chapter1 .exp3 p {
 display: flex;
 justify-content: space-evenly;
 flex-wrap: wrap;
 margin-bottom: 7vw;
}
.tvstand-choice-chapter1 .exp3 p img {width:50%;}
.tvstand-choice-chapter1 .exp3 p span {
 width: 45%;
 text-align: left;
 font-weight: 100;
 display: block;
 float: right;
 padding-top: 10vw;
 }

.tvstand-choice-chapter2 .cp-header {width:100%; background: #333; color: #fff; padding:5vw 0;}
.tvstand-choice-chapter2 .cp-header p {width:90%; margin:auto;}
.tvstand-choice-chapter2 .cp-header p.chapter  {text-align:center; font-size:3vw;}
.tvstand-choice-chapter2 .cp-header p.cp-title {text-align:center; font-size:5.5vw;}
.tvstand-choice-chapter2 .cp-header p.cp-title span {font-weight: bold;}
.tvstand-choice-chapter2 .cp-header dt {font-size:5.5vw;}


.tvstand-choice-chapter2 dl {margin-bottom: 10vw; }
.tvstand-choice-chapter2 dt {
 width: 95%;
 border-bottom: 1px solid #ddd;
 margin: 2vw auto 1vw;
 font-size: 3.5vw;
 color:#000;
 }
.tvstand-choice-chapter2 dd {
 display: flex;
 flex-direction: column;
 flex-wrap: wrap;
 justify-content: space-between;
}
.tvstand-choice-chapter2 dd p {width:90%; margin: 0 auto 3vw;}
.tvstand-choice-chapter2 dd p span {font-weight: bold; font-size:4.5vw; display:block; margin: 2vw 0 2vw 0;}
.tvstand-choice-chapter2 dd .cp2-img1 {width:80%; margin: auto;}
.tvstand-choice-chapter2 dd .cp2-img2 {width:100%; margin: 2vw auto 0;}
.tvstand-choice-chapter2 dd figure img {width:100%;}


.tvstand-choice-chapter3 .cp-header {width:100%; background: #333; color: #fff; padding:1vw; margin-bottom:10px;}
.tvstand-choice-chapter3 .cp-header p {width:90%; margin:auto;}
.tvstand-choice-chapter3 .cp-header p.chapter {text-align:center; font-size:3vw;}
.tvstand-choice-chapter3 .cp-header p.cp-title {text-align:center; font-size:5vw;}
.tvstand-choice-chapter3 .cp-header p.cp-title span {font-weight: bold;}
/*.tvstand-choice-chapter3 .cp-header ul li {display:flex;}*/
.tvstand-choice-chapter3 .cp-header ul li img {width:45%;}
.tvstand-choice-chapter3 .cp-header ul li ol {width:50%; font-size:1.5vw; padding:2vw;}
/*.tvstand-choice-chapter3 a {color:#fff !important; text-decoration:none;}*/
.tvstand-choice-chapter3 a:hover {text-decoration:underline;}

.lij_1:hover{opacity: 0.5;}
.lij_2:hover{opacity: 0.5;}
.lij_3:hover{opacity: 0.5;}
.lij_4:hover{opacity: 0.5;}
.lij_5:hover{opacity: 0.5;}

.lij_1 li{color: #000; text-align: center; font-weight: bold; background-color: #CED7DF;  width: 90%; margin: 10px auto 15px auto; padding:5px; border-radius: 10px;}
.lij_2 li{color: #000; text-align: center; font-weight: bold; background-color: #cbcbcb;  width: 90%; margin: 10px auto 15px auto; padding:5px; border-radius: 10px;}
.lij_3 li{color: #000; text-align: center; font-weight: bold; background-color: #CED7DF;  width: 90%; margin: 10px auto 15px auto; padding:5px; border-radius: 10px;}
.lij_4 li{color: #000; text-align: center; font-weight: bold; background-color: #cbcbcb;  width: 90%; margin: 10px auto 15px auto; padding:5px; border-radius: 10px;}
.lij_5 li{color: #000; text-align: center; font-weight: bold; background-color: #CED7DF;  width: 90%; margin: 10px auto 15px auto; padding:5px; border-radius: 10px;}

.jiritu_subt{text-align: center; padding:1vw; line-height:10px; height: 20px;}
.jiritu_btn{text-align: center; background-color: #CED7DF; padding: 10px 0; border-radius: 10px; margin: 0;}
.jiritu_icon{margin: 20px 0 0 0;}
.jiritu_all{width:100%;}
.tvstand-choice-chapter3 div dd .jiritu_text{width:90%; margin: 0 auto; padding-left:0;}

.tvstand-choice-chapter3 div {width: 95%; margin:auto;}
.tvstand-choice-chapter3 div p.header {text-align: center; font-size: 20px; margin:10px 0;}

.tvstand-choice-chapter3 div dt {
 font-size:14px;
 color: #fff;
 border-radius: 15px;
 background:#333;
 margin-top: 10px;
}
.tvstand-choice-chapter3 div dt span {
 color: #fff;
 font-size:4vw;
 margin: 0 2.8vw 0 2vw;
 font-weight:bold;
 border-radius: 15px;
}
.tvstand-choice-chapter3 div dd {display: flex; flex-wrap: wrap; margin-bottom:8vw;}

.tvstand-choice-chapter3 div dd span.icon_a {
 color: #000;
 font-size:max(4vw,16px);
 font-weight:bold;
 border-radius:50%;
 margin: 1.5vw 0 0 0;
 float:left;
 width: 30px;
 height:30px;
 line-height: 30px;
 text-align: center;
}
.tvstand-choice-chapter3 div dd .header {
 width:90%;
 text-align:left;
 margin: 2vw 0 0 1vw;
 font-size:14px;
 color:#000;
 font-weight:bold;
}

.sp_none{
  display: none;
}

.tvstand-choice-chapter3 div dd .text50  {width:90%; margin: 0; padding-left:8vw;}
.tvstand-choice-chapter3 div dd .text100 {width:90%; margin: 0; padding-left:8vw;}
.tvstand-choice-chapter3 div dd .att  {color:#ff0000; display:block; font-size:12px;}
.tvstand-choice-chapter3 div dd figure     {width:100%; text-align:center; margin-top: 10px;}
.tvstand-choice-chapter3 div dd figure img {width:100%; margin:10px auto; }

.tvstand-choice-chapter3 .qa01 dd span.icon_a {background:#CED7DF;}
.tvstand-choice-chapter3 .qa02 dd span.icon_a {background:#cbcbcb;}
.tvstand-choice-chapter3 .qa03 dd span.icon_a {background:#CED7DF;}
.tvstand-choice-chapter3 .qa04 dd span.icon_a {background:#cbcbcb;}
.tvstand-choice-chapter3 .qa05 dd span.icon_a {background:#CED7DF;}

.tvstand-choice-chapter3 div dd .reason_video {
 display: flex;
 justify-content: space-evenly;
 margin-top:20px;
 flex-wrap: wrap;
 }
.tvstand-choice-chapter3 div dd .reason_video iframe {margin-bottom:10px;}
.tvstand-choice-chapter3 div dd .tanaita {
 display: flex;
 justify-content: space-evenly;
 margin-top: 20px;
 width: 100%;
 flex-wrap: wrap;
}
.tvstand-choice-chapter3 div dd .tanaita figcaption {
 width:100%;
 text-align:center;
 background:none;
 font-size:16px;
 font-weight:bold;
 color:#000;
 padding:10px;
}

.itemlist ul {display: flex; overflow-x: scroll;}
.itemlist ul li {min-width:45%;max-width: 174.22px;}
.fs-c-productListItem__productName.fs-c-productName {margin:10px 0; padding:0 10px; max-width:100%;}
.fs-c-productName__name {color:#333; font-size:12px;}
.fs-c-productListItem__viewMoreImageButton.fs-c-buttonContainer {display:none;}
.fs-c-productListItem__prices.fs-c-productPrices {display:none;}
.fs-c-productListItem__control.fs-c-buttonContainer {display:none;}

.shop_wall_q_btn{
  display: block;
  background: #333;
  border-radius: 30px;
  text-align: center;
  margin-top: 20px;
  padding: 15px 20px;
  color:#fff;
}

.shop_wall_q_btn:hover{
opacity: 0.5;
}


@media screen and (min-width: 767px){
.wall-tvstand-choice {font-size:14px;}


.tvstand-choice-mainvisual {width: 100%; flex-direction:row;}
.tvstand-choice-mainvisual div {
 display:flex;
 flex-flow: row wrap;
 width: 45%;
 margin:auto;
 }

.tvstand-choice-mainvisual p span {font-size:1.5vw;display: block;line-height: 1;margin: 0;padding: 0;}
.tvstand-choice-mainvisual ul li {font-size: 20px;}

.tvstand-choice-mainvisual span.spbr {display:block;}

.tvstand-choice-mainvisual .pc {display:block; width: 30%; margin:auto;}
.tvstand-choice-mainvisual .sp {display:none;}
.tvstand-choice-mainvisual img {max-height:360px; width:auto;}

.wall_sel_tv_sp{
  display: none;
 }
 .wall_sel_tv_pc{
  display: block;
  margin: 30px auto;
  text-align: center;
  width: 70%;
 }

.tvstand-choice-chapter1 .cp-header,.tvstand-choice-chapter2 .cp-header {padding:2vw 0;}
.tvstand-choice-chapter1 .cp-header p {width:50%;}
.tvstand-choice-chapter1 .cp-header p.chapter {text-align:center;font-size:2vw;}
.tvstand-choice-chapter1 .cp-header p.cp-title {text-align:center; width: 90%; font-size:3vw;}

.tvstand-choice-chapter1 dl {width:80%; margin: auto;}
.tvstand-choice-chapter1 dt {
 text-align :center;
 border-bottom: 1px solid #ddd;
 margin: 2vw 0 1vw 0;
 font-size: 1.5vw;
 color:#000;
 }
.tvstand-choice-chapter1 dd {margin-bottom: 5vw;}
.tvstand-choice-chapter1 .read {width:70%;}
.tvstand-choice-chapter1 .exp1 {width:70%;}
.tvstand-choice-chapter1 .exp1 img {width:70%;}

.tvstand-choice-chapter1 .exp2 {display: flex; flex-direction: row; width:100%;}
.tvstand-choice-chapter1 .exp2 p {width:50%; text-align:center; margin: 0;}

.tvstand-choice-chapter1 .exp3 {flex-direction: row;}
.tvstand-choice-chapter1 .exp3 p {width:48%; margin: 0;}
.tvstand-choice-chapter1 .exp3 p span {padding-top: 4vw;}


.tvstand-choice-chapter2 .cp-header p {width:50%;}
.tvstand-choice-chapter2 .cp-header p.chapter {text-align:center; font-size:2vw;}
.tvstand-choice-chapter2 .cp-header p.cp-title {text-align:center; width: 90%; font-size:3vw;}

.tvstand-choice-chapter2 dl {margin:0 auto 5vw auto; width: 95%;}
.tvstand-choice-chapter2 dt {
 width: 95%;
 border-bottom: 1px solid #ddd;
 margin: 2vw 0 1vw 0;
 font-size: 1.8vw;
 color:#000;
 }
.tvstand-choice-chapter2 dd {flex-direction: row;}
.tvstand-choice-chapter2 dd p {width:35%;}
.tvstand-choice-chapter2 dd p span {font-size:1.5vw;}
.tvstand-choice-chapter2 dd .cp2-img1 {width:63%;}
.tvstand-choice-chapter2 dd .cp2-img2 {width:90%; margin: auto;}
.tvstand-choice-chapter2 dd figure img {width:100%;}

.sp_none{
  display: block;
}

.tvstand-choice-chapter3 .cp-header p {width:50%;}
.tvstand-choice-chapter3 .cp-header p.chapter {font-size:2vw;}
.tvstand-choice-chapter3 .cp-header p.cp-title {width: 90%; font-size:3vw;}
.tvstand-choice-chapter3 .cp-header ul li {display:flex;}
.tvstand-choice-chapter3 .cp-header ul li img {width:50%;}
.tvstand-choice-chapter3 .cp-header ul li ol {width:45%; font-size:1.5vw; padding:2vw;}

.cp3_list{
  width: 80%;
  line-height: 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  color: #fff;
  margin: 20px auto;
 }

.lij_1 li{height:60px; padding: 10px 20px; margin: 0; width: 180px; border-radius: 10px 10px 0 0;}
.lij_2 li{height:60px; padding: 10px 20px; margin: 0; width: 180px; border-radius: 10px 10px 0 0;}
.lij_3 li{height:60px; padding: 10px 20px; margin: 0; width: 180px; border-radius: 10px 10px 0 0;}
.lij_4 li{height:60px; padding: 10px 20px; margin: 0; width: 180px; border-radius: 10px 10px 0 0;}
.lij_5 li{height:60px; padding: 10px 20px; margin: 0; width: 180px; border-radius: 10px 10px 0 0;}

.jiritu_all{display: flex; width: 50%; margin: 0 0 0 4.5vw; padding:0vw;}
.jiritu_btn{display: flex; width: 50%; padding: 20px 0;}
.jiritu_subt{width: 50%; margin: 0 auto 20px; height: 20px;}
.tvstand-choice-chapter3 div dd .jiritu_text{width:50%;  padding-left:0;}

.jiritu_icon{
  display: block;
  margin: 10px auto 30px auto;
}

.tvstand-choice-chapter3 div {width:100%; margin:auto;}
.qa01 .qa02 .qa03 .qa04 .qa05{width: 90%;}
.tvstand-choice-chapter3 div p.header {text-align: center; font-size: 22px;}
.tvstand-choice-chapter3 div dt {font-size:16px;}
.tvstand-choice-chapter3 div dt span {font-size:2vw; margin: 0 1.8vw 0 1vw;}

.tvstand-choice-chapter3 div dd {display: flex; flex-wrap: wrap; margin-bottom:4vw;}

.tvstand-choice-chapter3 div dd span.icon_a {
 font-size:2vw;
 margin: 0.8vw 0 0 0;
 float:left;
 height:50px;
 width: 50px;
 line-height:50px;
 text-align: center;
}
.tvstand-choice-chapter3 div dd .header {width:92%; margin: 1.3vw 0 0 1vw; font-size:16px; text-align:left; line-height:2.4vw;}
.tvstand-choice-chapter3 div dd .text50 {width:50%; margin: 0 0 0 4.5vw; padding:0vw;}
.tvstand-choice-chapter3 div dd .text100 {width:90%; margin: 0 0 0 4.5vw; padding:0vw;}

.tvstand-choice-chapter3 div dd figure     {width:42%; text-align:center; padding:0vw; margin-top: 0;}
.tvstand-choice-chapter3 div dd figure img {width:90%; margin: auto;}
.tvstand-choice-chapter3 div dd figure figcaption {text-align:center;}
.tvstand-choice-chapter3 div dd .tanaita figcaption {background:#EFEFEF;}
.tvstand-choice-chapter3 div dd figure.tanaita img {width:50%;}

.itemlist ul {width:90%; margin: auto;}
.itemlist ul li {min-width:22%; max-width: 259.59px;}

.shop_wall_q_btn{
  margin:10px;
}

}