@charset "utf-8";
/* 
====================================================================================================
■ 共通設定
■ 新着情報ボックス #news_area
----------------------------------------------------------------------------------------------------

==================================================================================================== */
/* 
====================================================================================================
■ 共通設定
---------------------------------------------------------------------------------------------------- */
.top_header01 {
	margin:0 10px 5px;
	font-weight:bold;
	font-size:142.9%; /* 20px */
}
.top_header01 span {
	margin-left:5px;
	vertical-align:middle;
	color:#888888;
	font-size:80%; /* 16px ※親が20px相当 */
}
.top_header01 img {
	margin:-5px 7px 0 0;
	vertical-align:middle;
	width:32px;
}
.top_header02 {
	font-weight:bold;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
	background: -webkit-linear-gradient(top, #ffffff, #efefef);
	background:    -moz-linear-gradient(top, #ffffff, #efefef);
	background:      -o-linear-gradient(top, #ffffff, #efefef);
	background:         linear-gradient(to bottom, #ffffff, #efefef);
	line-height:30px;
	font-size:16px;
	padding:3px 0 0 10px;
	border-top:solid 3px #1460bf;
	border-bottom:solid 1px #e4e4e4;
}
#main_area article section {
	padding-top:20px;
	border-bottom:1px solid #c4c4c4;
}
#main_area article section p {
	padding:10px 10px 0;
}
#main_area article section footer {
	margin-bottom:10px;
	text-align:right;
}
/* 
====================================================================================================
■ おすすめ商品 #sec_recommend
---------------------------------------------------------------------------------------------------- */
#carousel {
	padding:10px 10px 25px;
}
#carousel li {
	background-color:#FFF;
}
#carousel li .btn_02 {
	padding:8px 0;
}
#carousel .bx-prev {
	left: -10px;
}
#carousel .bx-next {
	right: -10px;
}
/* 
====================================================================================================
■ 選挙ポスターでご利用のお客様 #sec_election
---------------------------------------------------------------------------------------------------- */
.election_posters {
	padding:10px 10px 10px 65px;
	background: url(../images/top_img_01.jpg) left bottom no-repeat;
	background-size:138px auto;
	text-shadow:1px 0 0 #fff, 0 0 3px #fff;
}
/* 
====================================================================================================
■ ポスター掲載でご利用のお客様 #sec_flow
---------------------------------------------------------------------------------------------------- */

/* 
====================================================================================================
■ ワッポンとは？ #sec_wappon
---------------------------------------------------------------------------------------------------- */

/* 
====================================================================================================
■ ワッポンの商品紹介 #sec_shopping
---------------------------------------------------------------------------------------------------- */

/* 
====================================================================================================
■ 導入実績 #sec_case
---------------------------------------------------------------------------------------------------- */
#main_area article #sec_case p {
	padding:10px 140px 10px 10px;
	background: url(../images/top_img_04.jpg) right bottom no-repeat;
	background-size:280px auto;
}
/* 
====================================================================================================
■ お知らせ #sec_news
---------------------------------------------------------------------------------------------------- */
#page_header #sec_news {
	padding-top:30px;
	border:none;
}
#page_header #sec_news .news_ul {
	margin-top:5px; padding:3px 0;
	border-radius:4px;
	background:#fff;
	height: 200px;
    overflow: auto;
}
#page_header #sec_news .news_ul li {
	margin:3px 10px; padding-bottom:5px;
	border-bottom:dotted 1px #aaaaaa;
}
#page_header #sec_news .news_ul li span {
	color:#888;
	font-size:78.6%; /* 11px */
}
#page_header #sec_news .news_ul li a {
	display:block;
	color:#353535;
}



.p_title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}


/* #sec_shopbnr トップのみ対応 */
#sec_shopbnr a, #sub_area #sec_shopbnr a {
    margin: 0 10px 20px;
    padding: 10px;
    font-size: 18px;
    text-shadow: 0 1px 1px #345ae3;
    position: relative;
    height: 54px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

#sec_shopbnr a span,
#sub_area #sec_shopbnr a span{
	padding-top: 4px;
}

#sec_shopbnr a span:before,
#sub_area #sec_shopbnr a span:before{
	content: "";
	background-image: url(../common_img/sec_shopbnr_icon.png);
	background-size: cover;
	width: 33px;
	height: 33px;
	position: absolute;
	left: 20px;
	top: 10px;
}
#sec_shopbnr a span:after,
#sub_area #sec_shopbnr a span:after{
	content: "";
	background-image: url(../common_img/sec_shopbnr_icon.png);
	background-size: cover;
	width: 33px;
	height: 33px;
	position: absolute;
	right: 20px;
	top: 10px;
}