@charset "utf-8";

/*-----------------------------------------------------

tips Style

------------------------------------------------------*/
#tips #Main_inner{
    max-width: 960px;
    padding-top: 10px
}
/*記事一覧********************/
.tips{
    background: #fff;
    padding: 10px;
    width: 100%;
}
.tips a:hover{
    color: inherit;
}
.tips .entry_item_tips{
    width: 100%;
}
.tips .entry_item_tips a{
    color: #333;
    text-decoration: none;
}
.tips .tips_date{
    color: #333;
    font-size: 10px;
    float: right;
    font-weight: normal;
    line-height: 3;
}
.tips h1{
    clear:both;
    margin-top: 5px;
    background: #EFEEE7;
    border-left: 5px solid #A30B1A;
    border-bottom: 1px solid #A30B1A;
    padding: 5px 5px 5px 10px;
    font-size: 17px;
    font-weight: bold;
}
.tips h2{
    margin-top: 40px;
    border-left: 5px solid #F2A6A8;
    border-bottom: 1px solid #F2A6A8;
    padding: 5px 0 5px 10px;
    font-size: 18px;
    font-weight: bold;
}
.tips h3{
    background: url("https://c.azmarche.com/images/h3.png") no-repeat 0 4px;
    background-size: 12px 12px;
    font-weight: bold;
    padding-left: 15px;
    margin: 5px 0 0 0px;
}
.tips .tips_tags{
    width: 100%;
    text-align: right;
    font-weight: bold;
    margin-top: 10px;
}
.tips .tips_tags span{
    margin: 3px 5px;
    display: inline-block;
    height: 25px;
    line-height: 2.5;
    padding: 0 8px;
    font-size: 11px;
    color: #fff;
    background: #0B406B;
}
.tips .tips_media{
    margin-top:10px;
    overflow: hidden;
}
.tips .tips_media_img{
    float: left;
}
.tips .tips_media_body{
    padding-left: 10px;
    overflow: hidden;
    word-break: break-all;
}
.tips .tips_media_lead{
    font-weight: bold;
}
.tips .tips_media_text{
    margin-top: 10px;
}
.tips a.tips_media_more{
    margin-top: 10px;
    float: right;
    color: #0B506B;
    font-size: 13px;
}


/*記事詳細********************/
.tips.details h1{
    font-size:17px;
}
.tips.details h2{
    font-size:14px;
}
.tips.details .tips__details_title{
    border-left: 5px solid #F2A6A8;
    font-weight: bold;
    padding-left: 10px;
}
.tips.details .tips_details_img{
    margin: 10px 0;
}
.tips.details .tips_details_img img{
    margin:0 auto;
}
.tips.details .tips_details_lead{
    font-weight: bold;
    padding-top: 10px;
}
.tips.details .tips_details_text{
    margin-top: 20px;
}
/* snsボタン */
.tips.details .body{
    font-size:14px;
}
/* snsボタン */
.tips.details .social{
    height: 40px;
    margin-top: 20px;
    float: right;
}
.tips.details .twitter,
.tips.details .facebook,
.tips.details .google{
    float:left;
}
.tips.details .twitter{
    min-width:87px; max-width:106px;
}
.tips.details .facebook{
    min-width:70px; max-width:115px;
}
.tips.details .google{
    margin-left: 16px;
    min-width:50px; max-width:80px;
}

/*記事詳細 関連記事********************/
.tips.details .related_article{
    margin-top: 20px;
}
.tips.details .related_article ul{
    padding-left: 15px;
}
.tips.details .related_article li{
    list-style-type: disc;;
    /* display: inline; */ */;
    display: list-item;
    color: #333;
    margin-bottom: 3px;
}


/*左メニュー********************/
#Lside .content_box {
    background: #FFF;
    border-top: 5px solid #A30B1A;
    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
    -ms-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
    margin-bottom: 9px;
}
#Lside .content_box a:hover{
    color: inherit;
}
#Lside .content_box h2{
    padding: 8px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
/*左メニュー ランキング*/
#Lside .ranking_box_media{
    overflow: hidden;
    padding-left: 5px;
}
#Lside .ranking_box_img{
    float: left;
}
#Lside .ranking_box_body{
    padding-left: 10px;
    overflow: hidden;
    word-break: break-all;
    line-height: 2;
}

#Lside .ranking_box li{
    border-top: 1px solid #ccc;
    /* height: 65px; */
    /* overflow: hidden; */
}
#Lside .ranking_box a{
    display: block;
    height: 65px;
    overflow: hidden;;
    padding: 8px;
}
#Lside .ranking_box_item{
    display: table;
    width: 100%;
}
#Lside .ranking_box_icon{
    /* display: table-cell; */
    /* vertical-align: middle; */
    width: 25px;
    float: left;
    line-height: 50px;
}
/*左メニュー 記事メニュー*/
#Lside .menu_box ul{
    padding: 0 8px 8px 8px;
}
#Lside .menu_box dl{
    margin-bottom:10px;
}
#Lside .menu_box dt{
    background: #A30B1A;
    color: #fff;
    padding: 0 5px;
    margin-bottom: 5px;
    font-size: 13px;
}
#Lside .menu_box dt span{
    display: block;
    border-left:5px solid #fff;
    padding-left:5px;
    color:#fff;
    font-weight:bold;
    line-height: 2;
}
#Lside .menu_box dd{
    line-height:1.8;
    color: #333;
    padding-left: 10px;
}

/*左メニュー SpecialContents*/
#Lside .special_contents{
    color: #333;
    font-size: 12px;
}
#Lside .special_contents_media{
    overflow: hidden;
    display: block;
    border: 1px solid #333;
    padding: 5px;
}
#Lside .special_contents_img{
    float: left;
}
#Lside .special_contents_img img{
    width: 48px;
    height: 48px;
}
#Lside .special_contents_body{
    padding-left: 10px;
    overflow: hidden;
    word-break: break-all;
}
#Lside .special_contents li{
    /* border-top: 1px solid #ccc; */
    padding: 0 8px 8px 8px;
}
#Lside .special_contents a:hover{
    color: inherit;
    text-decoration: none;
}
#Lside iframe{
    width: 232px !important;
    height: 400px !important;
}
.fb-like-box{
    background: #fff;
    width: 232px !important;
    height: 380px !important;
    margin: 0 auto;
}
/*ページャー********************/
.pagenate {
    margin-top:30px;
    text-align:center;
}
.pagenate ul {
    margin-left:0;
}
.pagenate ul li {
    list-style-type : none;
    display:inline;
    margin:0 2px;
}
.pagenate  ul li a {
    display: inline-block;
    padding: 5px 10px;
    text-decoration:none;
    border:1px solid #AE2734;
    color:#AE2734;
    background-color:#fff;
}
.pagenate  ul li span {
    padding: 0px 10px;
}
.pagenate  ul li a:hover {
    background-color:#AE2734;
    color:#fff;
}
.pagenate  ul span.current_page {
    padding:1px 5px;
    color:#000;
    }


/*パン屑********************/
.breadcrumb{
    padding-left: 10px;
    margin-top: 30px;
}
.breadcrumb a{
    text-decoration: underline;
    color: #A30B1A;
}