@charset "utf-8";
/* デフォルトCSSリセット */
* {
    margin: 0;
    padding: 0;
    box-sizing: content-box
}
li {
    list-style: none;
}
h1, h2, h3, p, input, textarea, select {
    font-weight: normal;
}
img {
    border: 0;
    box-shadow: none !important;
    text-decoration: none;
}
body, input, select, textarea, table, th, td, li, a {
    font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12;
}
body, form, img, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, table, th, td, select {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none;
}
/* ClearFix
------------------------------------------------------------*/
.cFix {
*zoom: 1;
}
.cFix:after {
    display: block;
    clear: both;
    height: 0;
    content: '';
}
/* ページ共通 */
a:link {
    color: #1558ce!important;
    text-decoration: none!important;
}
a:hover {
    color: #e77611!important;
    text-decoration: underline!important;
}
a:visited {
    color: #7607f1!important;
}
.pc {
    display: block;
}
.sp {
    display: none;
}
/* メイン */
.featuretx {
    font-size: 14px;
    text-align: left;
    padding: 10px;
	margin-bottom: 30px;
    font-weight: bold;
    color: #3b1800;
}
#main {
}
#main a {
    text-decoration: none;
}
#main a:hover {
    text-decoration: underline;
}
#contnt {
    width: 740px;
}
#contnt h3 {
    margin-bottom: 18px;
}
#contnt .cassette {
    background-color: #efebe6;
    padding: 18px;
}
.now_cp {
    background-color: #FFFFFF;
    padding: 26px;
    margin-bottom: 18px;
    display: flex;
	justify-content: center;
    align-items: center;
}
.now_cp:hover {
    background-color: #fef5d8;
}
.now_cp:last-child {
    margin-bottom: 0;
}
.now_cp li {
    float: left;
}
.now_cp li + li {
    padding-left: 22px;
    width: 390px;
}
.now_cp .new {
    display: block;
}
.now_cp li a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}
.now_cp .cp_name {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
    line-height: 22px;
}
.now_cp .cp_period {
    font-size: 14px;
    color: #3b1800;
    margin-bottom: 10px;
}
.now_cp .cp_btn a {
	display: block;
    text-align: center;
    background-color: #1182e7;
    width: 240px;
    height: 33px;
    box-shadow: 0 4px #0766ce;
    margin: 0 auto;
	padding: 17px 0 6px;
    border-radius: 8px;
	color: #FFFFFF!important;
    font-weight: bold;
    font-size: 18px;
    text-decoration: none!important;
}
.now_cp .cp_btn a:hover {
    background-color: #46a2e7;
    box-shadow: 0 4px #1182e8;
    cursor: pointer;
}
.now_cp .cp_btn a:hover {
    text-decoration: none!important;
}
.back_number {
    margin: 70px 0 45px;
}
.back_number .bn_back {
    background-color: #f7f6f2;
    padding: 18px;
    margin-top: 10px;
}
.back_number .red {
    font-size: 14px;
    color: #ca1738;
    margin-bottom: 10px;
}
.back_number .bn_list {
    background-color: #FFFFFF;
    padding: 15px 0;
    border-top: solid 1px #c3c3c3;
}
.back_number .bn_list:hover {
    background-color: #fef5d8;
}
.back_number .bn_list:last-child {
    border-bottom: solid 1px #c3c3c3;
}
.back_number .bn_cp_name {
    font-weight: bold;
    font-size: 16px;
    padding: 0 0 0 35px;
    background: url(../images/bn_name_icon.png) no-repeat 14px center;
}
.back_number .bn_cp_period {
    padding-left: 35px;
	color: #3b1800;
}

/*右サイド*/
.right {
    float: right;
    width: 180px;
    margin-left: 30px;
}
.right p{
	padding-bottom: 15px;
}

/*実装のとき調整してください*/


/* フッター */
.scrollWrap {
    bottom: 40px;
    margin-left: 1000px;
    position: fixed;
    width: 70px;
}
#footerRLogo a {
    color: #435B67!important;
	text-decoration: underline!important;
}
#footerRLogo a:visited {
    color: #9720c9!important;
    text-decoration: underline;
}

/* リエルコ設定 */
.adServerLoading {
  min-height: 200px;
  background: #fff url(/uw/images/loading_spinner_30x30.gif) center no-repeat;
}
.dataNotFound {
  background-color: #fff !important;
}
.dataNotFound p {
  font-size: 13px;
}

/*SP*/
@media only screen and (max-width: 640px) {
.pc {
    display: none;
}
.sp {
    display: block;
}
img {
    width: 100%;
    height: auto;
}
#footerRLogo img{
	width: 263px;
}
div#main {
    width: 100%;
    margin: 0 auto;
}
.featuretx{
	font-size: 80%;
	margin-bottom: 4%;
}
.content {
    width: 100%;
    margin-top: 5%;
}
#contnt {
    width: 100%;
}
#contnt h3{
    margin-bottom: 0;
}
#contnt h3 p{
	font-weight: bold;
	background-color: #e77611;
	color: #FFFFFF;
	padding: 2% 3%;
	font-weight: bold;
	font-size: 110%;
}
#contnt .cassette {
    padding: 3% 3%;
}
.now_cp {
    padding: 3%;
    margin-bottom: 3%;
    height: auto;
}
.now_cp .new {
    width: 45%;
}
.now_cp > li:first-child {
    width: 40%;
}
.now_cp > li:last-child{
    padding-left: 0;
    width: 60%;
}
.now_cp .cp_name {
    font-size: 100%;
    margin-bottom: 2%;
    line-height: 18px;
    padding-left: 8%;
}
.now_cp .cp_period {
    font-size: 70%;
    padding-left: 8%;
    margin-bottom: 2%;
}
.now_cp .cp_btn a{
    width: 80%;
    height: 28px;
	padding: 5% 0 0;
	margin: 2% 0 2% 14%;
	font-size: 120%;
}
h4{
	margin-bottom: 0;
}
h4 p{
	font-weight: bold;
	background-color: #918b8a;
	color: #FFFFFF;
	padding: 2% 3%;
	font-weight: bold;
	font-size: 110%;
}
.back_number {
    margin: 5% 0;
}
.back_number .bn_back {
    padding: 3%;
    margin-top: 0;
}
.back_number .red {
    font-size: 100%;
    margin-bottom: 3%;
}
.back_number .bn_list {
    padding: 3% 0;
}
.back_number .bn_cp_name {
    font-weight: bold;
    font-size: 100%;
	line-height: 18px;
    padding: 0 2% 1% 30px;
    background: url(../images/bn_name_icon.png) no-repeat 10px center;
}
.back_number .bn_cp_period {
    padding-left: 30px;
	font-size: 90%;
}
.scrollWrap {
    right: 2%;
    z-index: 5;
	width: 15%;
}
#jsiSpBanner div {
  padding-top: 5%;
}
#jsiSpBanner div:first-child{
  padding-top: 0;
}
}