@charset "shift_jis";
/*
	2014 siterewal ver.4.1
*/


/* --------------------------------------------------
#right_container
	-------------------------------------------------- */
#right_container h1{
    color: #000000;
    font-size: 14px;
    width: auto;
    background-color: #cc0000;
    height: auto;
    padding: 10px 0 0 0;
    margin: 0 auto 10px auto;
    color: #ffffff;
    font-family: "RoundedMgenplus-medium";
}
/*#right_container h1 strong{
    width: 30%;
    display: inline-block;
    width: auto;
}*/
/*#right_container h1 img{
    width: 180px;
    margin: -5px 0 0 0;
    display: inline-block;
}*/

#right_container p.Large_read {
    font-size: 14px;
    color: #000000;
    margin: auto;
      padding: 0 0px 20px 0px;
    width: 90%;
    max-width: 500px;
}

#right_container p.read {
    font-size: 16px;
    color: #000000;
    margin: auto;
    width: 90%;
    max-width: 500px;
}

#right_container div.titlearea{
	max-width: 425px;
	margin: auto;
}
#right_container h1{
}
#right_container img.title_lady{
	display:none;
}
#right_container:not(.lstop) h2{
    background-image: none !important;
    width: 70%;
    height: auto;
    margin: auto;
    padding: 0;
    display: block;
}
#right_container h2 img{
	width: 100%;
}
#right_container p.readimage{
    width: 90%;
    display: block;
    margin: auto;
    max-width: 600px;
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    color: #000;
}
#right_container p.readimage span{
    font-size: 0.8em;
}
#right_container p.read_tyusyaku{
    text-align: right;
    font-size: 0.8em;
    width: 90%;
    margin: 0;
}

#right_container p.read{
	width:87%;
	margin:0px 0 0px 3%;
	padding: 20px 0 0 0;
}
#right_container p.number{
    width: 87%;
    margin:0 auto;
	padding: 0 0 20px 0;
    text-align: right;
    font-size: 0.8em;
    max-width: 500px;
}
#right_container p img{
	width:100%;
}
#right_container div.mainimage{
	width:90%;
	text-align:center;
	margin:0px auto 10px auto;
}

#right_container div.mainimage img{
	width:100%;
    max-width: 500px;
}

#right_container h3{
    font-family: "RoundedMgenplus-medium";
    background-color: #ee0000;
    color: #ffffff;
    width: 90%;
    margin: 20px auto 0 auto;
    text-align: center;
    font-weight: normal;
    padding: 5px 0;
    letter-spacing: 2px;
    font-size: 22px;
}

#right_container p.read{
    font-size: 16px;
    color: #000000;
    margin: auto;
    width: 90%;
    max-width: 500px;
}



#right_container div.btn{
	text-align:center;
	color:#000;
	display:table;
	width:90%;
    max-width: 500px;
	height:60px;
	margin:0 auto 20px auto;
	white-space: normal;

}
#right_container div.btn a{
	color: #000;
    display: table-cell;
    vertical-align: middle;
    font-size: 110%;
    text-decoration: none;
    border-radius: 8px;
    border-bottom: 1px solid #999;
	padding:0;
    box-shadow: 0px 0px 3px #ccc;
    position: relative;
}
#right_container div.btn a::before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #c00;
    border-right: solid 2px #c00;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 35%;
    right: 5%;
    margin-top: -4px;
}
#right_container div.btn a div{
    display: inline-block;
    margin: 0px auto 0 auto;
    padding: 15px 0 15px 50px;
    text-align: center;
    background-image: url(/shohin/lifesupport/unext/image/icon_tv.png);
    background-position: left;
    background-size: 40px;
    background-repeat: no-repeat;
}
#right_container div.btn a div span{
    font-size: 12px;
    text-align: left;
    display: block;
    display: inline-block;
    margin: 10px 0 0 0;
}
#right_container div.btn a div h4{
    color: #0087c5;
    font-family: "RoundedMgenplus-medium";
    font-size: 22px;
    text-align: left;
    margin: 5px 0 0 0;
}

#right_container div.btn a img{
	width:6%;
}
#right_container div.btn p{
    background-color: #0087c5;
    margin: 0;
    color: #ffffff;
    width: 100%;
    border-radius: 0 0 8px 8px;
    padding: 5px 0;
}
#right_container div.chushaku{
    width: 80%;
    color: #ccc;
    text-align: right;
    margin: auto;
}

#right_container div.chushaku_unext p {
    font-size: 80%;
    clear: both;
    text-align: right;
    margin: 5px auto 15px auto;
    width: 90%;
}

/* --------------------------------------------------
-----------------------------------------------------
window size 650-
-----------------------------------------------------
-------------------------------------------------- */
@media screen and (min-width:650px){
	/* --------------------------------------------------
	‹¤’Ê
	-------------------------------------------------- */
}


@media screen and (min-width:900px){


	/* --------------------------------------------------
	#right_container
	-------------------------------------------------- */
	#right_container h1{
		width: 670px;
		margin:0 0 20px 0 !important;
		text-align: left;
        border-bottom: 2px solid #cccccc;
        background-color: transparent;
        color: #666666 !important;
        text-align: right !important;
        height: inherit !important;
        padding: 0 !important;
        font-size: 16px !important;
	}
	/*#right_container h1 strong{
		margin-top: -20px;
	}*/
	#right_container img.title_lady{
		position:relative;
		top:-130px;
		left:500px;
		margin-bottom:-110px;
		display: block;
	}
	#right_container div.titlearea{
		width:350px;
		margin:15px 0 0 20px;
		float: left;
	}
	#right_container h2{
		width:300px;
		margin:0;
	}
    #right_container p.readimage{
        background-color: #eee;
        text-align: center;
        display: block;
        clear: both;
        padding: 5px;
        font-size: 1.4em;
    }
    #right_container p.readimage br{
        display: none;
    }
    #right_container p.read_tyusyaku{
        max-width: 600px;
        margin: 0 auto;
    }
    #right_container img.read{
        margin: auto;
        max-width: 430px;
    }

	#right_container div.mainimage{
		width:300px;
		float: left;
		margin: 0 0 10px 10px;
	}

    	#right_container div.chushaku_unext{
		/* font-size:80%;
		clear:both;
        text-align: right;
            margin: 0 auto;
        width: 40%; */
	}

#right_container div.chushaku_unext p {
    font-size: 80%;
    clear: both;
    text-align: right;
    margin: 5px auto 25px auto;
    width: 100%;
    max-width: 600px;
}

#right_container p.Large_read {
    font-size: 14px;
    color: #000000;
    margin: auto;
      padding: 0 0px 20px 0px;
    width: 100%;
    max-width: 600px;
}


    #right_container h3{
        color: #ee0000;
        background-color: transparent;
        font-size: 26px;
    }

	#right_container div.btn{
		text-align:center;
		color:#000;
		display:table;
		width:90%;
		height:80px;
		margin:0 auto 60px auto;
	}
	#right_container div.btn a{
		color:#000;
		display:table-cell;
		vertical-align:middle;
		font-size:1.4em;
		text-decoration:none;
		border-radius:8px;
		border-bottom:1px solid #999;
	}
	#right_container div.btn a:hover{
		opacity:0.8;
	}

    #right_container div.btn p{
        font-size: 14px;
    }
    #right_container div.btn p br{
        display: none;
    }

}