@charset "utf-8";
/* CSS Document */

/* 共通
---------------------------------------------------- */
.e-link-underline{
	margin: 0 .2rem;
	text-decoration: underline;
}

.e-link-underline:hover,
.e-link-underline:active{
	color: #ff5300;
}

.e-link-underline:visited{
	color: #15c;
}

/*サイドメニューバナー
---------------------------------------------*/
.sideaccrete_wrooper{
	width: 320px;
	line-height: normal;
	margin: 0 0 15px 0;
}

.sideaccrete_wrooper .aside__tit{
	text-align: left;
}

.sideaccrete_box{
	overflow: hidden;
	padding: 10px;
	margin: 10px 0 0 0;
	font-size: 85%;
	text-align: left;
}

.sideaccrete_box:hover{
	opacity: 0.8;
	cursor: pointer;
}

.sideaccrete_box .sideaccrete__img img{
	width: 70px;
	float: left;
	margin: 0 10px 0 0;
}

.sideaccrete_box .sideaccrete__img--100 img{
	width: 100px;
	float: left;
	margin: 10px 10px 10px 0;
}

.sideaccrete_box .sideaccrete__tit{
	color: #0070c0;
	margin: 0 0 3px 0;
}

.sideaccrete_box .sideaccrete__txt{
	color: #000;
}

.sideaccrete_box .sideaccrete__txt--bold{
	color: #000;
	font-weight: bold;
}

.sideaccrete_box .sideaccrete__btn{
	background: #0070c0;
	padding: 5px 10px;
	border-radius: 5px;
	margin: 5px 0 0 80px;
	text-align: center;
	color: #fff;
}

.sideaccrete_box .sideaccrete__btn a{
	color: #fff;
	text-decoration: none;
}

/*記事下バナー群 デジタルサービス
---------------------------------------------*/
.newsbnrbox_item{
	margin: 10px 0 20px 0;
	overflow: hidden;
}

.newsbnrbox_item li{
	width: 23%;
	margin: 0 2% 0 0;
	float: left;
}

.newsbnrbox_item li:nth-child(4n){
	margin: 0;
}


/*記事下バナー群 ミニバナー
---------------------------------------------*/
.minibnrbox_item{
	margin: 10px 0 20px 0;
	overflow: hidden;
}

.minibnrbox_item li{
	width: 80px;
	margin: 0 10px 0 0;
	float: left;
}

.minibnrbox_item li img{
	border: 1px solid #ccc;
}

.minibnrbox_item li:hover img{
	border: 1px solid #ff5300;
}

/*総合トップ　リンクボックス
---------------------------------------------*/
.top_linkbox{
	overflow: hidden;
}

.top_linkbox li{
	font-size: 85%;
	background: #f4f4f4 url("/media/images/img/articlelink_bg.png") no-repeat 10px center / 5px auto;
	border: 1px solid #e2e2e2;
	border-radius: 3px;
	float: left;
	margin: 0 5px 5px 0;
	padding: 5px 10px 5px 22px;
}

/*バナーボックス3カラム
---------------------------------------------*/
.bnr_3col_box{
	overflow: hidden;
	margin: 20px;
}

.bnr_3col_box li{
	float: left;
	line-height: 0;
	margin: 0 2% 15px 0;
	text-align: center;
	width: 32%;
}

.bnr_3col_box li:nth-child(3n){
	margin: 0;
}

/*愛媛新聞ご愛読ありがとうキャンペーン
---------------------------------------------*/
.fb{
	font-weight: bold;
}

.presentcmp h3{
	margin: 0 0 30px 0;
}

.presentcmp a{
	text-decoration: underline;
}

.presentcmp .presentcmp_list{
	margin: 0 0 3% 0;
	overflow: hidden;
}

.presentcmp .wchance{
	background: #faf9f6;
	padding: 15px 20px 15px 20px;
	border: 1px dotted #0159ac;
}

.presentcmp div.presentcmp_list dl{
	border-top: 1px solid;
	padding: 20px 0 0;
}

.presentcmp .col2 dl{
	overflow: hidden;
	width: 48%;
	margin: 0 0 0 4%;
	float: left;
}

.presentcmp .col3 dl{
	overflow: hidden;
	width: 32%;
	margin: 0 0 0 2%;
	float: left;
}

.presentcmp .wchance dl{
	overflow: hidden;
	width: 100%;
	float: left;
	border-top: none !important;
	padding: 0 !important;
}

.presentcmp div.presentcmp_list.col2.bdrnon dl{
	border-top: none;
}

.presentcmp .presentcmp_list.wchance dl dt{
	margin: 20px 20px 20px 0;
}

.presentcmp .presentcmp_list dl:first-child{
	margin: 0 0 0 0;
}

.presentcmp .presentcmp_list dl dt{
	float: left;
	margin: 0 10px 0 0;
	line-height: 0;
}

.presentcmp .presentcmp_list dl dd{
	margin: 0 0 0 30px;
}

.presentcmp div.presentcmp_list.wchance dl dd{
	margin: 0;
	border-bottom: none;
	padding: 0;
}

.presentcmp div.presentcmp_list.col3 dl dd{
	margin: 10px 0 0 30px;
}

.presentcmp .presentcmp_list dl dd h4{
	color: #0159ac;
	font-size: 125%;
	font-weight: bold;
	margin: 0 auto 7px auto;
}

.presentcmp .presentcmp_list dl dd h4 span.money{
	border: 1px solid;
	font-size: 70%;
	margin: 0 0 0 10px;
	padding: 1px 6px 0 5px;
	vertical-align: 5%;
}

.presentcmp div.presentcmp_list.wchance dl dd h4 span.fs85{
	border: none;
	font-size: 85%;
	margin: 0;
	padding: 0;
}

.presentcmp .presentcmp_list__title{
	font-size: 125%;
	font-weight: bold;
}

.presentcmp .presentcmp_list__tousenNo{
	color: #fff;
	background: #d70d19;
	font-weight: bold;
	font-size: 75%;
	float: right;
	padding: 3px 10px 0 10px;
	margin: 0 10px 0 0;
	border-radius: 15px;
}

.presentcmp .presentcmp_gaiyo_box{
	margin: 25px 0 0 0;
}

.presentcmp .presentcmp_gaiyo_box h4{
	font-size: 110%;
	font-weight: bold;
	background: url("/media/images/present/ico_gaiyobox_h4.gif") no-repeat left center;
	padding: 0 0 0 18px;
	margin: 0 0 5px 0;
}

.presentcmp .presentcmp_gaiyo_box h5{
	margin: 25px 0 5px 0;
	color: #0159ac;
}

.presentcmp .presentcmp_gaiyo_box dl{
	margin: 0 0 10px 0;
	display: table;
	width: 100%;
}

.presentcmp .presentcmp_gaiyo_box dl dt{
	width: 15%;
	vertical-align: middle;
	display: table-cell;
	padding: 0 0 0 10px;
}

.presentcmp .presentcmp_gaiyo_box dl dd{
	width: 85%;
	padding: 0 0 0 15px;
	border-left: 1px solid #0159ac;
	display: table-cell;
}

.presentcmp .presentcmp_gaiyo_box dl dd ol{
	padding: 0 0 0 25px;
}

/*E4申し込み会員選択画面
---------------------------------------------*/
.mb70{
	margin-bottom:70px;
}

.select_e4{
    overflow: hidden;
	margin:0 7% 30px 7%;
    text-align: center;
}

.select_e4:last-child{
	margin:0 7% -20px 7%;
}

.select_e4 li{
    border-radius: 3px;
    display: inline-block;
    font-weight: bold;
    letter-spacing: 0.2em;
    line-height: 1.2em;
    list-style: none;
    margin: 0 2% 0 0;
    text-align: center;
    width: 40%;
}

.select_e4 li:last-child{
	margin:0;
}

.select_e4 li a{
	padding:12px 10px;
	display:block;
	color:#fff;
}

.select_e4 li span{
	font-weight:bold;
}

.select_e4 li a:hover,
.select_e4 li a:hover span{
	color:#fff;
}

.select_e4__list--kojin{
	background:#f32c3b;
	border:1px solid #c70010;
}

.select_e4__list--kojin:hover{
	background:#d0222f;
	border:1px solid #93000c;
}

.select_e4__list--hojin{
    background: #656565;
    border: 1px solid #505050;
    line-height: 2.4em !important;
    margin: 0 auto;
    width: 40%;
}

.select_e4__list--hojin a{
    color: #fff;
    display: block;
    padding: 10px;
    text-align: center;
	font-weight:bold;
}
.select_e4__list--hojin:hover{
	background:#4d4d4d;
	border:1px solid #1a1a1a;
}

.select_e4_entry_box{
	margin:40px 0 0 0;
	text-align:center;
	padding:0 10px;
}

.select_e4_entry_box__logo{
	margin:0 0 20px 0;
}

.select_e4_entry_box__comment{
	font-weight:bold;
	font-size:120%;
}

.select_e4_entry_box__comment--small{
	font-size:75%;
	padding:0 10px;
}

.select_e4_entry_box__ico{
    display: block;
    margin: 10px auto;
}

.select_e4_entry_box__comment--cap{
	background:#fae8e7;
    color: #d71518;
    display: inline-block;
    font-weight: bold;
    margin: 0 0 5px;
    padding: 3px 10px 1px;
}


/*杉浦非水スライドショー
---------------------------------------------*/
.slideimg_hisui__pc{
	position:relative;
}

.slideimg_hisui__area--pc{
	position:absolute;
	top: 70% !important;
	left: 53% !important;
}

.slideimg_hisui__area--sp{
	top: 85% !important;
	left: 50% !important;
	width:50% !important;
}

/*愛媛新聞アプリガイドページ
---------------------------------------------*/
.apri_guide_box__gaiyo{
	margin:0 0 30px 0;
}

.apri_guide_box__gaiyo--mainbox{
	padding:40px 20px 35px 24%;
	background: #0059ab url("/media/images/img/apri_guide_gaiyo_01.jpg") no-repeat 7% bottom;
	background-size:100px auto;
	margin:15px 0;
}

.apri_guide_box__gaiyo--h4{
	display:inline-block;
	font-size:120%;
	font-weight:bold;
	background: #fff;
	border-radius: 20px;
	padding: 7px 20px 5px 20px;
	margin: 0 0 20px 0;
	box-shadow: 0 4px 0 rgba(0,31,115,255);
}

.apri_guide_box__gaiyo--text{
	color:#fff;
	font-size:95%;
}

.apri_guide_box__gaiyo--pointbox{
	margin:0 0 0 3%;
}

.apri_guide_box__gaiyo--pointlist{
	overflow:hidden;
}

.apri_guide_box__gaiyo--pointlistitem{
	border-top:2px solid #001f73;
	position:relative;
	margin:50px 3% 0 0;
	padding:50px 0 15px 0;
	width:30%;
	float:left;
}

.apri_guide_box__gaiyo--pointlistitem:last-child{
	margin:50px 0 0 0;
}

.apri_guide_box__gaiyo--pointlistimg{
	position:absolute;
	top:-45px;
	left:32%;
	width:90px;
}

.apri_guide_box__gaiyo--pointlisttext{
	font-size:95%;
}

.apri_guide_box__gaiyo--pointlistlink{
	border:1px solid #000;
	background: url("/media/images/img/apri_guide_ico03.gif?1") no-repeat 125px center #f1f1f1;
	background-size:15px 13px;
	display:block;
	width:8em;
	margin:7px auto 0 auto;
	padding:3px 20px 2px 10px;
}

.apri_guide_box{
	width:100%;
}

.apri_guide_box__usage--box{
	background:#f8f8f8;
	margin:0 0 15px 0;
	padding:15px;
	overflow:hidden;
}

.apri_guide_box__usage--imgleft{
	float:left;
	margin:0 25px 0 0;
}

.apri_guide_box__usage--imgleft img{
	height:295px;
}

.apri_guide_box__usage--innnerbox{
	overflow:hidden;
}

.apri_guide_box__usage--h4{
	font-size:115%;
	font-weight:bold;
	margin:0 0 20px 0;
	border-bottom:2px solid #0159ac;
	padding:0 0 0 5px;
}

.apri_guide_box__usage--li{
	background: url("/media/images/img/apri_guide_bg_h5.gif?1") no-repeat left top;
	background-size:21px 20px;
	padding: 0 0 0 25px;
	margin: 0 0 10px 0;
}

.apri_guide_box__usage--imglist{
	overflow:hidden;
	margin:0 0 20px 30px;
}

.apri_guide_box__usage--imglistitem{
	float:left;
	overflow:hidden;
	margin:0 15px 0 0;
}

.apri_guide_box__usage--imglistitem:last-child{
	margin:0;
}

.apri_guide_box__usage--imglistimg{
	display:block;
	width:57px;
	margin:0 auto 5px auto;
}

.apri_guide_box__usage--imglisttext{
	font-size:85%;
	display:block;
	text-align:center;
	line-height:1.1;
}

.apri_guide_box__usage--ico{
	width:40px;
	display:inline-block;
	margin:0 3px;
}

.apri_guide_box__usage--blue{
	color:#0099cc;
}

.apri_guide_box__usage--imgsub{
	margin:0 0 15px 20px;
	display:block;
	width:256px;
}

.apri_guide_box__usage--btnlist{
	margin:0 0 0 15px;
}

.apri_guide_box__usage--btnlistitem{
	overflow:hidden;
	margin:0 0 5px 0;
}

.apri_guide_box__usage--btnlistimg{
	width:20px;
	display:block;
	float:left;
	margin:0 7px 0 0;
}

/*ニュースボックス
---------------------------------------------*/
.e-newsbox{
height: 15em;
overflow-y: scroll;
overflow-x: hidden;
margin: 0 0 25px 0;
font-size: 85%;
}

.e-newsbox__list{
background: #f8f8f8;
margin: 0 0 5px 0;
padding: 12px 10px 10px 15px;
}

.e-newsbox__list--date{
color: #0159ac;
font-weight: bold;
font-size: 85%;
margin: 0 5px 0 0;
}

.e-newsbox__list--link:hover{
cursor:pointer;
}

/*お問い合わせ
---------------------------------------------*/
.e-contact{
background: #f4f4f4;
padding: 15px 20px;
margin: 0 0 2% 0;
}

.e-contact strong{
font-weight: bold;
}

/*size:1266px以下 1024pはdepricated
----------------------------------------------------*/
@media only screen and (max-width:1266px){

	/*愛媛新聞ご愛読ありがとうキャンペーン
	---------------------------------------------*/
	.presentcmp h3{
		margin: 0;
	}

	.presentcmp .presentcmp_list.col2 dl dt{
		position: relative;
		float: none;
		margin: 0;
		height: 136px;
	}

	.presentcmp .presentcmp_list.col2 dl dt img{
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.presentcmp .presentcmp_list.col2 dl dd{
		margin: 0 15px 0 15px;
	}


}


/*size:768px以上1024px以下
----------------------------------------------------*/
@media only screen and (min-width:768px) and (max-width:1266px){

.apri_guide_box{
	width:767px !important;
	margin:0 auto;
}
}


/*size:767px以下
----------------------------------------------------*/
@media screen and (max-width:767px){

	/*愛媛新聞ご愛読ありがとうキャンペーン
	---------------------------------------------*/
	.presentcmp{
		margin-bottom: 60px;
	}

	.presentcmp .presentcmp_cont{
		margin: 0 10px 0 10px;
	}

	.presentcmp .presentcmp_gaiyo_box dl{
		display: block;
	}

	.presentcmp .presentcmp_gaiyo_box dl dt{
		display: block;
		border-bottom: 1px solid #0159ac;
		margin: 0 0 10px 0;
		padding: 0;
		width: 100%;
	}

	.presentcmp .presentcmp_gaiyo_box dl dd{
		border: none;
	}


	/*ニュースページ・サイドパーツ、アイコン
	---------------------------------------------*/
	.sideaccrete_wrooper{
		width: 100%;
	}

	.newsbnrbox, .minibnrbox{
		margin: 0 2%;
		width: 96%;
	}

	.newsbnrbox_item li{
		width: 48%;
		margin: 0 1%;
		float: left;
	}

	.newsbnrbox_item li:nth-child(4n){
		margin: 0 1%;
	}

	.top_linkbox{
		margin: 15px 10px 30px;
	}

	.bnr_3col_box{
		margin: 20px 10px 10px 10px;
	}

	.bnr_3col_box li{
		width: 48%;
		margin: 0 1% 5px 1%;
	}

	.bnr_3col_box li img{
		width: 100%;
	}

	.bnr_3col_box li:nth-child(3n){
		margin: 0 1% 5px 1%;
	}

	.minibnrbox_50{
		width: 96%;
		margin: 0 2%;
	}

/*E4申し込み会員選択画面
---------------------------------------------*/
.select_e4 li{
	width:99%;
	margin:0 0 2% 0;
}

.select_e4 li:last-child{
	margin:0 0 2% 0;
}

/*愛媛新聞アプリガイドページ
---------------------------------------------*/
.br_sp{
	display:none;
}

.apri_guide_box__gaiyo{
	margin:0 0 10px 0;
}

.apri_guide_box__gaiyo--pointbox{
	margin:0;
}

.apri_guide_box__gaiyo--pointlist,
.apri_guide_box__usage{
	width:96%;
	margin:0 2%;
}

.apri_guide_box__gaiyo--pointlistitem{
	width:100%;
	margin:50px 0 10px 0;
}

.apri_guide_box__gaiyo--pointlistitem:last-child{
	margin:50px 0 10px 0;
}

.apri_guide_box__gaiyo--pointlisttext{
	padding:0 10px;
}

.apri_guide_box__gaiyo--pointlistimg{
	left:39%;
}

.apri_guide_box__gaiyo--mainbox{
	padding:40px 20px 35px 150px;
}

.apri_guide_box__usage--imgleft{
	float: none;
	margin: 0 auto 20px auto;
	display: block;
	max-width: 281px;
	text-align: center;
}

.apri_guide_box__usage--imgleft img{
	height:255px;
}

.apri_guide_box__usage--imglistitem{
	margin:0 15px 10px 0;
}

.apri_guide_box__usage--btnlisttext{
	display:block;
	margin:0 0 0 30px;
}

.e-newsbox{
	width: 100%;
}

}

/*size:480px以下
----------------------------------------------------*/
@media screen and (max-width:480px){

	/*愛媛新聞ご愛読ありがとうキャンペーン
	---------------------------------------------*/
	.presentcmp .presentcmp_list.col2 dl{
		margin: 0;
		padding: 3% 0 5% 0;
		width: 100%;
	}

	.presentcmp div.presentcmp_list.col2.bdrnon dl:first-child{
		padding-top: 1%;
	}

	.presentcmp div.presentcmp_list.col2.bdrnon dl:nth-child(2){
		border-top: 1px solid;
	}

	.presentcmp .presentcmp_list.wchance dl dt{
		margin: 0 0 0 1%;
		width: 30%;
	}

	.presentcmp div.presentcmp_list.wchance dl dd h4 span.fs85{
		display: block;
	}

	.presentcmp .presentcmp_list.wchance dl dd h4{
		font-size: 116%;
		text-align: center;
	}

/*杉浦非水スライドショー
---------------------------------------------*/
.slideimg_hisui__area--sp{
	width:80% !important;
	top:80% !important;
}

/*愛媛新聞アプリガイドページ
---------------------------------------------*/
.apri_guide_box__gaiyo--mainbox{
	padding:40px 15px 195px 15px;
	background-position:center bottom;
	text-align:center;
}

.apri_guide_box__gaiyo--h4{
	padding:7px 15px 5px 15px;
	font-size:115%;
}

.apri_guide_box__gaiyo--pointlistimg{
	left:35%;
}


}