4@charset "shift_jis";
@import url("//use.typekit.net/ibt0rdc.css");


/*▼IEでのMaterial Icons表示に必要*/
body {
    text-rendering: optimizeLegibility;
    font-kerning: normal;               
    font-variant-ligatures: common-ligatures contextual;
    font-feature-settings: "kern", "liga", "clig", "calt";
    
}
body,html{
	overflow-x:hidden;
}

body{
    margin: 0;
    padding: 0;
/*    background: linear-gradient(to bottom,#9c9c9c, #ffffff, #ffffff);
    background-attachment: fixed;*/
}

html {
    overflow-y: scroll;
    scroll-behavior:smooth;
}


/*===============================
基本
===============================*/

#tv_new{
	width: 750px;
    margin: 0 auto;
    padding: 0 ;
    margin-bottom: 20px;
    min-height: 5000px;
    text-align: center;
    font-family: 
        -apple-system, blinkMacSystemFont, /* Macの欧文はSan Francisco (OS X 10.11以降) */ 
        'Helvetica Neue', /* Macの欧文 (OS X 10.10以前) */ 
        'Segoe UI', /* Windowsの欧文 */ 
        'Hiragino Kaku Gothic ProN', /* Macのヒラギノ */ 
        Meiryo, /* Windowsのメイリオ */ 
        sans-serif;
    font-weight: normal;
    letter-spacing: 0.05rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    background: #000
}

#tv_new *{
    font-family: Meiryo;
}

#tv_new li{
    list-style:none;
    float: left}

#tv_new a{
	text-decoration:none;
	color:#000;
	}
#tv_new a:visited{color:#000;}

#tv_new a:hover {
	opacity:0.9;
}

#tv_new img{
	width:100%;
    vertical-align: bottom;
}
#tv_new a:hover img{
	opacity:0.6;
}

#tv_new dd,#tv_new dl,
#tv_new li,
#tv_new ul{
    margin:0;
    padding:0;
    overflow: hidden
}

#tv_new h1,
#tv_new h2{
    margin: 0; 
    padding: 0;
}

#tv_new dd, 
#tv_new dd a,
#tv_new dd a:after{
	 -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
    transition: all 0.3s;
}

#tv_new dd.price:hover {
	background-color:#C7C7C7;
    color: #969696
}

#tv_new .annotation{
    font-size: 0.5rem;
    text-align: left;
    margin: 10px;
}

#tv_new p{
    margin: 0
}

#tv_new hr{
    border-width: 0 0 1px;
    border-image: linear-gradient( 90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.8) 80%, hsla(0, 0%, 100%, 0) 100%) 0 0 100%;
    border-style: solid;
    margin-top: 40px;
}


/*===============================
モデルごとの枠
===============================*/

#tv_new div[class^="model_"] {
    padding-bottom: 20px;
    margin: 0 10px 20px;
    text-align: center;
    overflow: hidden;
}

#tv_new div[class^="model_4k_"] {
    border:10px #000 solid;
    border-top: 0;    
}
/*AIオート機能搭載*/
#tv_new .model_4k_ai {
    background: #014bd3;
    margin: 0!important;
}

/*4Kチューナー内蔵2020年最新モデル*/
#tv_new .model_4k_2020 {
    background: #1d2c4c;
    margin: 0!important;
}

/*4Kチューナー内蔵ネット限定モデル*/
#tv_new .model_4k_online {
    background: #dcd7b9;
    margin: 0!important;
}

/*基本モデル*/
#tv_new .model_basic {
    background: #fff
}

/*アイコン枠*/
#tv_new .spec_icon{
    text-align: right;
    display: inline-block;
    margin:0 0 10px;
    width: 650px;
}

/*===============================
ナビ
===============================*/
#tv_new .pc_menu {
    background: #000;
    padding: 40px 5px 25px;
    overflow: hidden;
}
#tv_new .pc_menu li {
    float: left;
    overflow: hidden;
    margin: 5px;
    padding: 0;
    border: 1px solid #ccc;
    background: #fff;
}
#tv_new .smp_menu{
    display: none
}



/*===============================
4K・2K
===============================*/

#tv_new div[class^="item_box"]{
	padding-top:40px;
	padding-bottom:24px;
    text-align: center;
    overflow: hidden
}
#tv_new .item_box1{
	background: linear-gradient(#000,#dfe7ed);
}

#tv_new .item_box2{
	background-color:#dfe7ed;
}

#tv_new div[class^="item_box"] h2 {
    margin-bottom: 15px
}

#tv_new div[class^="item_box"] h3 {
    box-sizing: border-box;
    width: 630px;
    margin: 0 auto;
    margin-bottom: 28px;
    padding: 30px 0 50px;
    font-size: 70px;
    font-weight: normal;
    text-align: center;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

#tv_new div[class^="item_box"] h3.color {
    border-top: 1px solid #b3a580;
    border-bottom: 1px solid #b3a580;
    color: #b3a580;
}

#tv_new div[class^="item_box"] h3 img {
    width: 50%;
}

#tv_new div[class^="item_box"] h3 .txt {
    font-size: 26px;
    text-align: center;
    margin: 0;
    font-weight: bold;
    line-height: 120%;
    font-family: "游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝";
}

#tv_new div[class^="item_box"] h3.other {
    font-size: 50px;
    padding: 30px 0;
    font-family: "游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝";
}

#tv_new div[class^="item_box"] .point {
    margin-bottom: 40px;
}

#tv_new div[class^="item_box"] .point *[class^="mi"] {
    padding: 7px 60px;
    margin: 0 200px;
    font-size: 20px;
    color: #FFF;
    background-color: #000;
    font-family: "游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝";
}

#tv_new div[class^="item_box"] .point h6 {
    font-size: 22px;
    color: #3656a8;
    margin: 25px 0 10px;
    font-family: "游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝";
}
#tv_new div[class^="item_box"] .point h6.white {
    color: #fff;
}

#tv_new div[class^="item_box"] .point *[class^="txt"] {
    font-size: 14px;
    color: #000;
    font-family: Meiryo;
    font-weight: normal;
}

#tv_new div[class^="item_box"] .point .txt_white {
    color: #fff;
}

/*===============================
基本モデル用見出し
===============================*/
#tv_new .model_basic h2{
    position: relative;
}

#tv_new .model_basic h2 .midashi {
    width: 48%;
    position: absolute;
    top: 35px;
    left: 0;
    text-align: center;
    font-size: 25px;
    letter-spacing: 0;
    line-height: 130%;
    font-family: "游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝";
}
#tv_new .model_basic h2 .midashi2 {
    text-align: left;
    width: 50%;
    left: 10px;
}

#tv_new .model_basic h2 .midashi_txt {
    width: 28%;
    position: absolute;
    top: 160px;
    left: 15px;
    text-align: left;
    font-size: 13px;
    font-weight: normal;
    line-height: 170%;
}

#tv_new .model_basic h2 .midashi_icon{
    width: 40%
}

#tv_new .model_basic h2 .midashi_icon2{
    width: 38%
}

/*===============================
商品
===============================*/

#tv_new div[class^="model_"] .item{
    background: #fff;
    padding: 20px 10px;
    overflow: hidden;
    margin: 0 15px;
}
#tv_new div[class^="model_"] .item > ul,
#tv_new div[class^="model_"] .item > .chromecast > ul{
    border-right:1px dotted #000;
    overflow: hidden;
    margin: 20px auto auto 0;
}
#tv_new div[class^="model_"] .item > ul > li,
#tv_new div[class^="model_"] .item > .chromecast > ul > li{
    text-align: center;
    border-left:1px dotted #000;
    padding: 0 5px;
    position: relative
}
#tv_new div[class^="model_"] .item ul.cal5 > li{
    width: calc(91%/5);
}
#tv_new div[class^="model_"] .item ul.cal4 > li{
    width: calc(93%/4);
}
#tv_new div[class^="model_"] .item ul.cal3 > li{
    width: calc(95%/3);
}

#tv_new div[class^="model_"] .item ul.cal2 > li{
    width: calc(96%/2);
}

#tv_new div[class^="model_"] .item ul.cal1 > li{
    width: calc(98%/1);
}

#tv_new div[class^="model_"] .item ul li img{
    width: auto;
    margin-bottom: 5px
}
#tv_new div[class^="model_"] .item ul li dd{
    position: relative;
}
#tv_new div[class^="model_"] .item ul li dd.number{
    font-size: 12px
}
#tv_new div[class^="model_"] .item ul li dd a{
    color: #969696;
}

#tv_new div[class^="model_"] .item ul li dd.price::after,
#tv_new .btn::after{
    content: "navigate_next";
    font-family: "Material Icons";
    display: block;
    position: absolute;
    font-size: 30px;
    height: 1em;
    width: 1em;
    top: 0;
    bottom: 0;
    right: -10px;
    margin: auto;
    font-weight: normal
}

#tv_new div[class^="model_"] .item ul li dd.price .smp_bt{
    display: none
}


#tv_new .btn::after{
    font-size: 27px;
    top: 3px;
    bottom: 0;
    right: -5px;
	display: none;
}


#tv_new div[class^="model_"] .item .chromecast{
    background: #f0f0f0;
    padding-bottom: 15px;
}
#tv_new div[class^="model_"] .item h4{
    margin: 30px 0 20px;
    padding-left: 70px;
    background: #dedede;
    position: relative;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}
#tv_new div[class^="model_"] .item h4 img{
    position: absolute;
    top: -23px;
    left: 210px;
    width: 60px;
}

#tv_new div[class^="model_"] .item .pl0{
    padding-left: 0;
}

#tv_new div[class^="model_"] .item .mt0{
    margin-top: 0
}

#tv_new div[class^="model_"] .item .pb0{
    padding-bottom: 0;   
}

/*LUCAスタンダードモデルのchromecast*/
#tv_new div[class^="model_"] .item ul li h4{
    margin-top: 17px;
    min-height: 24px
}
#tv_new div[class^="model_"] .item ul li h4 img{
    position: absolute;
    top: -23px;
    left: 35px;
    width: 60px;
}


/*===============================
その他周辺機器
===============================*/

#tv_new div[class^="item_box"] ul.ml10{
    margin: 20px auto auto 10px;
	display: flex;
    justify-content: space-around;
    /*align-items: center;*/	
}
#tv_new div[class^="item_box"] li[class^="c3_1"]{
	padding:3px;
	background-color:#fff;
	width:300px;
	float:left;
	margin-right:5px;
    text-align: left;
    min-height: 515px
}
#tv_new div[class^="item_box"] li.c3_1s{
	max-height: 394px;
}
#tv_new div[class^="item_box"] li.c3_1b
	height: 460px;
}

#tv_new div[class^="item_box"] li[class^="c3_1"]:nth-child(n){
	margin-left:2px;
}

#tv_new div[class^="item_box"] li[class^="c3_1"]:nth-child(3n){
	margin-right:0;
}
#tv_new div[class^="item_box"] li[class^="c3_1"]:nth-child(n + 4) {margin-top:20px;}
#tv_new div[class^="item_box"] li[class^="c3_1"] dd{
	/*width:234px;*/
}
#tv_new div[class^="item_box"] li[class^="c3_1"] dd.icon{
	min-height: 55px;
    margin-top: 5px;
}
#tv_new div[class^="item_box"] li[class^="c3_1"] dd.icon2{
	height: 50px
}
#tv_new div[class^="item_box"] li[class^="c3_1"] .name{
	font-size:16px;
	font-weight:bold;
	padding:5px 0 0 3px;
    font-family: "游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝";
}

#tv_new div[class^="item_box"] li[class^="c3_1"] .num{
	padding-left:3px;
	min-height:30px;
	color: #999;
	font-size: 70%!important;
}

#tv_new div[class^="item_box"] li[class^="c3_1"] .txt{
	padding:10px 5px;
	height: 40px;
	font-size: 80%!important;
}
#tv_new div[class^="item_box"] li[class^="c3_1"] dd.price,
#tv_new div[class^="item_box"] li[class^="c3_1"] dd.price ul,
#tv_new div[class^="item_box"] li[class^="c3_1"] dd.price ol{
	padding:6px 0 0;
	text-align:right;
    margin-right: 20px;
}
#tv_new div[class^="item_box"] li[class^="c3_1"] dd.price div>span{
    margin-right: 10px;
}

#tv_new div[class^="item_box"] li[class^="c3_1"] dd.btn{
	bottom:0;
	right:0;
    position: relative;
    border-bottom: 1px dotted;
}

#tv_new div[class^="item_box"] li[class^="c3_1"] dd.btn_none{
	background: #ddd;
    border: 1px solid #ccc;
}

#tv_new div[class^="item_box"] li[class^="c3_1"] dd.btn *[class^="syohin"]{
    width: 70px;
    font-size: 11px;
    position: absolute;
    left: 3px;
    text-align: left;
    font-weight: normal;
    color: #000000
}

#tv_new div[class^="item_box"] li[class^="c3_1"] dd.btn .syohin1{
    top: 18px;
}

#tv_new div[class^="item_box"] li[class^="c3_1"] dd.btn .syohin2{
    top: 9px;
    padding: 0;
    margin: 0
}

#tv_new div[class^="item_box"] li[class^="c3_1"] dd.btn .syohin2 span{
    font-size:16px;
    display: block;
    font-weight: bold;
    margin-right: 3px
}

#tv_new div[class^="item_box"] li[class^="c3_1"] dd.btn_none span.syohin2{
    color: #999
}

#tv_new div[class^="item_box"] dd.dvd{
	font-size: 12px;
}

#tv_new div[class^="item_box"] dd.hdd{
	font-size: 12px;
    margin: 10px 0;
}



/*===============================
アイコン
===============================*/

/*アイコン共通*/
#tv_new *[class^="icon_"]{
	display:block;
	font-weight:normal;
	float:left;
    margin: 0 3px 3px 0;
}

#tv_new *[class^="icon_"] span{
    padding: 5px 10px;
    display: inline-block;
    font-size: 14px;
    color: #FFF;
    float: left;
    border-radius: 4px;
    border: 1px solid #fff;
    /* letter-spacing: 0.1vw;*/
}

#tv_new *[class^="icon_"] span.small{
    font-size: 12px;
}


/*設置無料アイコン*/
#tv_new dd.icon_secchi{
    margin: 5px 0 0;
    width: 100%;
    min-height: 30px
}
#tv_new dd.icon_secchi span{
    padding: 3px 1%;
    font-size: 13px;
    background: #cc0000;
    width: 98%;
    margin-left: 0;
    border: none
}

/*ゴールドアイコン*/
#tv_new .icon_gold span{
	background:#bb8324;
}

/*赤アイコン*/
#tv_new .icon_red span{
	background:#FF0000;
}

/*ピンクアイコン*/
#tv_new .icon_pink span{
	background: #b556bb;
}

/*青アイコン*/
#tv_new .icon_blue span{
	background:#00a0e9;
}

/*黒アイコン*/
#tv_new .icon_black span{
	background: #000;
}

/*茶アイコン*/
#tv_new .icon_brown span{
    background: #9f2702;
}

/*緑アイコン*/
#tv_new .icon_green span{
    background: #00A703;
}

/*延長保証アイコン*/
#tv_new .icon_encho span{
    background: #FF6BA2;
}

/*===============================
価格プロ
===============================*/

#tv_new dd.price{
    width: 100%;
    color: #969696
}


#tv_new li.price,
#tv_new li.intax{
	vertical-align: baseline;
	display:inline-block;
	font-family: centuryGB,"Century Gothic",helvetica,Arial,sans-serif;
	font-weight:bold;
	color: #969696;
    float: none
    /*background: #fff*/
}


#tv_new .cal5 li.price,
#tv_new .cal5 li.intax{
    display: block
}


#tv_new .prdisp-taxin{
	font-size: 24px;
    letter-spacing: 100%;
	color: #969696;
    padding-right: 10px;
}

#tv_new .prdisp-taxin span span{
	/*bottom: 25%!important;*/
    margin-right: 3px
}

#tv_new .motoprice{display:none;}
#tv_new li.price{font-size:18px;}
#tv_new .buy_price ol{font-size: 18px;
    text-align: center;
    display: inline-block;
    color: #969696;}
#tv_new .intax{font-size:11px;margin-left:5px;font-weight:normal;}
#tv_new .spesicalprice{font-size:12px;color:#626262;display: inline-block;line-height:1;position:relative;text-align:left; margin-right:1em;color: #C00; display: none}

#tv_new div[class^="model_"] .item ul li div.buy_price ul ,
#tv_new div[class^="model_"] .item ul li div.buy_price ul li{
    border: none
}



/*===============================
フッター
===============================*/
#tv_new #footer{
	text-align:center;
	font-size:14px;
}

#tv_new #footer a:hover{
    color: #003CFF;
    text-decoration: underline
    }

/*===============================
PAGE TOP
===============================*/
#tv_new .to-top {
    position: fixed;
    right: 10px;
    bottom: 10px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 14px;
    text-align: center;
    border-radius: 50%;
    background-color: #a3a3a3;
    z-index: 99999;
    opacity: 1;
    transition: .5s;
    display: none
}

/*===============================
2021 10月　メンテナンス
===============================*/

/*QLEDの画像*/
#tv_new .qled-img img {
	width: 100%;
}

#tv_new .back-color {
	background: #6a1cce;
}


/*音声操作*/
#tv_new .voice-operation {
	font-size: 1.2rem;
	color: #fff;
	letter-spacing: 1.2px;
	padding: 10px 0;
	margin: 0 15px 15px 15px;
	background: #9f2702;
}

#tv_new .item .cal1 {
    display: flex;
    justify-content: center;
    align-items: center;
}


/*その他の周辺機器の見出し*/
#tv_new .item_box2 .sub-heading p {
	font-size: 1.2rem;
	color: #fff;
	background: #737070;
	padding: 10px 0;
	margin: 58px 15px 0 15px;
}


/*IRIS OHYAMA ウェアラブルスピーカー*/
#tv_new .item_box2 .others-item1  {
	margin: 0 15px;
	/*background: #fff;*/
}

#tv_new .item_box2 .others-item1  img{
	width: 100%;
	margin: 10px;
}


#tv_new .item_box2 .others-item1 {
	background: #fff;
    padding: 20px 10px;
    overflow: hidden;
    margin: 0 15px
}

#tv_new .item_box2 .others-item1 p {
	font-size: 0.8rem;
	margin: 20px 0;
}

#tv_new .item_box2 .others-item1 ul {
	text-align: center;
	margin: 0 auto;
}

#tv_new .item_box2 .others-item1 .item-menu li{
    text-align: center;
    /*border-left: 1px dotted #000;*/
    padding: 0 5px;
}

#tv_new .item_box2 .others-item1 .item-menu .border-right {
	border-left: 1px dotted #000;
}

#tv_new .item_box2 .others-item1 dd,
#tv_new .item_box2 .others-item1 dl,
#tv_new .item_box2 .others-item1 li,
#tv_new .item_box2 .others-item1 ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#tv_new .item_box2 .others-item1 .item-menu{
    border-right: 1px dotted #000;
    overflow: hidden;
    margin: 20px auto auto 0;
}

#tv_new .item_box2 .others-item1 .item ul li {
    width: calc(93%/2);
}

#tv_new .item_box2 .others-item1 dl .number {
	font-weight: bold;
}


/*IRIS OHYAMA サウンドスピーカー*/
#tv_new .item_box2 .sub-heading img {
	width: 96%;
}

#tv_new .item_box2 .item-speaker {
	width: 96%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 auto;
}

#tv_new .item_box2 .item-speaker .syohin2 {
	font-size: 1rem;
	width:80%;
	float: left;
	text-align: left;
	margin :0 auto;
	padding-left: 10px;
}

#tv_new .item_box2 .item-speaker .btn {
	width: 100%;
	background: #fff;
	padding: 10px 0;
}

#tv_new .item_box2 .item-speaker .btn:hover {
	background-color:#C7C7C7;
    color: #969696;
	opacity: 0.9;
}

/*商品名と価格欄*/
#tv_new .others-item .box-item li dl .price {
	text-align: right;
}

#tv_new .others-item .box-item li dl dd.btn .syohin2{
    top: 9px;
    padding: 0;
    margin: 0
}

#tv_new .others-item .box-item li dl dd.btn .syohin2 span{
    font-size: 21px;
    font-weight: bold;
    margin-right: 3px
}

#tv_new .others-item .box-item li dl dd.btn_none span.syohin2{
    color: #999
}
#tv_new .others-item .box-item li[class^="c3_1"] {
    padding: 3px;
    background-color: #fff;
	height: 0;
    width: 100%;
    float: left;
    margin-right: 5px;
    text-align: center;
}

#tv_new .others-item .box-item li[class^="c3_1"] dd.btn {
    bottom: 0;
    right: 0;
    position: relative;
    border-bottom:none;
}
#tv_new div[class^="item_box"] li[class^="c3_1"] dd.btn *[class^="syohin"] {
    width: 100%;
    font-size: 11px;
    position: absolute;
    left: 3px;
    text-align: left;
    font-weight: normal;
    color: #000000;
}

#tv_new .others-item .box-item li[class^="c3_1"] dd.btn .syohin2 {
    width: 100%;
    font-size: 1rem;
	font-weight: normal;
    position: absolute;
    left: 3px;
    text-align: left;
    color: #000000;
}


/*DVDプレイヤー・QLED　価格欄*/

#tv_new .border {
	 padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    border: solid 3px #fff;
}