@charset "shift_jis";
/* CSS Document */
/* 全体にかかるCSS */

#coupon{
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0  0 3vw!important;
    background: url("../../image/201127_tv_point/bg.jpg") no-repeat center top;
	background-color:#e50101;
    text-align: center;
}

#coupon *{
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 0
}

#coupon ul li {
    float: left;
    overflow: hidden
}

#coupon img{
    width: 100%;
}

#coupon .bn_coupon{
	width: 90%;
    margin: 1rem 0 2rem 0.75rem;
}

/*******看板*******/

#coupon .event_title{
    width: 850px;
    margin: auto
}

#coupon .event_title ul.get{
    width: 100%;
    margin: 0;
}

#coupon .event_title ul.get li{
    width: 50%;
}

#coupon .event_title .date {
    width: 96%;
    margin: 1rem 2% 1.5rem;
    padding: 0.5vw 0;
    background: #870100;
    color: #fff;
    font-weight: 600;
    font-size: 1.05rem;
    font-family: "M PLUS 1p"!important;
    letter-spacing: 0.1vw;
}


/*******対象商品*******/

#coupon .event_item{
    width: 850px;
    margin: 2rem auto;
    padding-bottom: 2vw;
    background: #FFFFFF;
    filter: drop-shadow(0px 5px 2px rgba(0,0,0,0.3));
}

#coupon .event_item h2,
#coupon .event_item ul li{
    background: -moz-linear-gradient(bottom, #333, #FFF);
    background: -webkit-linear-gradient(bottom, #333, #FFF);
    background: linear-gradient(to top, #333, #FFF);
}

#coupon .event_item ul{
    margin: 2rem 25px 0;  
}

#coupon .event_item ul li{
    margin-right: 10px;
	width: 32.5%;
}
 #coupon .event_item ul li:last-child{
     margin-right: 0;
}

 #coupon .event_item a:hover img{
    opacity: 0.8;
    transition-duration: 0.3s;
}


/*******その他のラインナップ見出し*******/
#iristv_wrap .lineup{
    width: 900px;
    text-align: center;
    margin: 2rem auto 0 auto;
    padding: 0;
}

#iristv_wrap .lineup img{
    width: 100%;
}

.inner_content{width:900px;}

#iristv_wrap *{ 
	list-style:none;
	margin: 0; 
	padding: 0;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

#iristv_wrap a{
	text-decoration:none;
}

#iristv_wrap a img{
	border:none;
}

#iristv_wrap img{
	vertical-align:bottom;
}

#iristv_wrap{
	width:100%; margin:0 auto;
}
/*▽価格プロ*----------------------------------------*/
#iristv_wrap .buy_price{
	text-align: center!important;
}

#iristv_wrap li .price{
	font-size:30px; color:#000; font-weight:bold;
}

#iristv_wrap .spesicalprice, #iristv_wrap .intax{
	display: none;
}

/*▽商品部分のテキスト----------------------------------------*/
#iristv_wrap div p{
	font-size: 14px;
	text-align:center; 
	padding:0.5em 1em 0; 
	line-height: 1.2em;
}

/*▽ナビゲーション部分----------------------------------------*/
#iristv_wrap #nav_title{
	margin-top: 30px;
}

#iristv_wrap #tv_nav{
	margin: 10px auto 10px;
	width: 100%;
}

#iristv_wrap #tv_nav{
	display:flex;
	justify-content: center;
}

#iristv_wrap #tv_nav li{
	margin:5px;
	transition: 0.4s;
	filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.2));
}


#iristv_wrap #tv_nav li:hover{
	transform: scale(1.05);
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.6));
}

/*ナビゲーション下クロームキャスト、スピーカーバナー----------------------------------------*/

#iristv_wrap .sound_chrome{
	display: flex; 
	width: 96%; 
	margin: 20px auto 40px;
}

#iristv_wrap .sound_chrome li:nth-child(2) {
	padding-left:5px;
}



/*▽商品横並びラインナップ部分----------------------------------------*/

/*2カラム商品----------------------------------------*/
#iristv_wrap ul.item_list2{
	width: 95%; 
	display:flex;
	justify-content: center;
}

#iristv_wrap ul.item_list2{
	margin: 20px auto 0;
}


/*2カラム商品（幅大き目）----------------------------------------*/

#iristv_wrap ul.item_list2 .big{
    width: 40%
}



/*3カラム商品----------------------------------------*/
#iristv_wrap ul.item_list3{
	margin: -50px auto 0;
}

#iristv_wrap #luca_01 ul.item_list3{
	margin: 35px auto 0;
}

/*3カラム商品（4K）----------------------------------------*/
#iristv_wrap ul.item3c{
	padding:20px 0 50px 0;
	width:100%;
	display: flex;
	justify-content: space-evenly;
}
#iristv_wrap ul.item3c li{
		padding: 0 0.5% 0;
}


/*4カラム商品----------------------------------------*/
#iristv_wrap ul.item_list4{
	margin: 20px auto 0;
}

#iristv_wrap #luca_01b ul.item_list4{
	margin:0px auto 0;
}

/*3.4カラム商品共通 ----------------------------------------*/
#iristv_wrap ul.item_list3,#iristv_wrap ul.item_list4{
	width: 95%; 
	display:flex;
	justify-content: center;
}


/*▽商品ラインナップ大枠部分----------------------------------------*/

#iristv_wrap #luca_01b{
	margin-top: 60px;
}

#iristv_wrap #luca_01,#iristv_wrap #luca_02,#iristv_wrap #luca_03,#iristv_wrap #luca_04,#iristv_wrap #luca_07{
	margin-top: 60px;
}


/*サウンドスピーカーセット/ウェアラブルスピーカー部分----------------------------------------*/
#iristv_wrap #soundspeaker{
	position: relative;
    margin-bottom: 2rem;
    margin-top: 60px;
}

#iristv_wrap #soundspeaker .buy_price{
	position: absolute; 
	bottom:30px; 
	right:80px;
}


/*▽商品1つごとのスタイル----------------------------------------*/
#iristv_wrap ul li dl{
	position: relative;
}

#iristv_wrap ul li dl dt{
	z-index: 15; 
	position: absolute;
}

#iristv_wrap dl dd:nth-child(1){
	z-index: 10;
	position: absolute;
	bottom: 10px;
}

#iristv_wrap dl dd:nth-child(2){
	z-index: 5; 
	position: absolute; 
	bottom: 0;
}

#iristv_wrap ul li dl dt{
 bottom: 28px;
  transition: 0.4s;
}

#iristv_wrap ul li dl:hover dt{
 bottom: 38px;
 transform: scale(1.02);
}

/*▽クーポンバナー----------------------------------------*/
#iristv_wrap #cp{
	margin: 40px auto;
	width: 80%;
	transition: 0.4s;
}
#iristv_wrap #cp:hover{
	transform: scale(1.05);
}

/*▽4Kチューナーセットへのボタン　共通▽----------------------------------------*/
#iristv_wrap div[class^="set_bn"]{
	background:#8fc31f; 
	color:#ffff00; 
	font-size: 100%; 
	padding: 0.2em 0; 
	text-align: center; 
	width: 92%; 
	margin:0 auto; 
	margin-bottom: 0.5em; 
	margin-top: 0.5em;
	position: relative;
}

#iristv_wrap div[class^="set_bn"]>a{
	color: #ffff00;
}

#iristv_wrap div[class^="set_bn"]>p span{
	letter-spacing: -1px;
}

#iristv_wrap div[class^="set_bn"]:hover{
	opacity: 0.7;
}
	
/*▽4Kチューナーセットへのボタン　3つ並び用▽----------------------------------------*/
#iristv_wrap div.set_bn{
	border-radius: 50px; 
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px; 
}

#iristv_wrap div.set_bn p{ 
	font-size: 20px; 
	font-weight: bold;
}

#iristv_wrap div .set_bn p{ 
	font-size: 16px;
}

#iristv_wrap div.set_bn .arrow {
	font-size: 2em; 
	position:absolute; 
	top: 30px; 
	right: 15px; 
	color: #fff;
}

/*▽4Kチューナーセットへのボタン　4つ並び用▽----------------------------------------*/
#iristv_wrap div.set_bn_2{
	border-radius: 40px; 
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
}

#iristv_wrap div.set_bn_2 p{ 
	font-size: 20px;
	font-weight: bold;
}

#iristv_wrap div .set_bn_2 p{ 
	font-size: 14px;
}

#iristv_wrap div.set_bn_2 .arrow {
	font-size: 2em; 
	position:absolute; 
	top: 25px; 
	right: 5px; 
	color: #fff;
}

/*▽YouTube用▽----------------------------------------*/
#iristv_wrap .movie_wrap {
	width:80%;
   margin: 20px auto -30px;
    z-index: 99;
    position: relative;
    top: -104px;
}

#iristv_wrap .movie_wrap .youtube_wrap{
  	width: 100%;
}

#iristv_wrap .movie_wrap2 {
	width:100%;
}

#iristv_wrap .movie_wrap2 .youtube_wrap{
  	width: 100%;
}

#iristv_wrap .youtube {
    position: relative;
    width: 100%;
  padding-top: 56.25%;
	
}
#iristv_wrap .youtube iframe{
    position: absolute;
    top: 0;
    left: 0;
  width: 100% !important;
  height: 100% !important;
	/*z-index:5;*/
}