@charset "utf-8";
/*------------------------------------*\
	    $COMMON
	\*------------------------------------*/
	/**
	 * COMMON/RESET...............デフォルトの設定
	 * COMMON/BASE...........全ページ共通の設定　いまここ
	 */


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

 * BASE

------------------------------------------------------------ */
html {
	font-size: 62.5%;
}
body {
	width: 100%;
	min-width: 1040px;
	background-color: #f3f3ed;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	color: #444;
	text-align: left;
}

ul,ol,li,dl,dt,dd,img{
	vertical-align: top;
}

/* A
-------------------------- */
a:link {
	color: #333;
	text-decoration: underline;
}
a:visited {
	color: #333;
}
a:hover {
	color: #333;
}


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

 * HEADER

------------------------------------------------------------ */
.l-header{
    width: 100%;
    margin: 0 auto;
    background: #f3f3ed url(/img/media/headerTopLine.png) repeat-x top left;
}
.header__logo{
    width: 1000px;
    margin: 0 auto;
    padding: 40px 0 25px 0;
    -webkit-transition: all .5s;
       -moz-transition: all .5s;
            transition: all .5s;
}
.header__logo--small{
    padding: 20px 0 5px 0;
}
.headerSpacer {
    height: 119px;
}
/* ------------------------------------------------------------

 * CONTAINER

------------------------------------------------------------ */
.l-container{
    width: 1000px;
    margin:0 auto;
}

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

 * KEYVISUAL

------------------------------------------------------------ */
.l-keyVisual{
    width: 720px;
    float:left;
}



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

 * GLOBALNAVI

------------------------------------------------------------ */
.l-globalNavi{
    width: 200px;
    float:right;
    text-align:left;
    background:#FFF;
    padding:20px 25px 5px 25px;
}
.globalNavi_ttl{
    border-bottom:1px solid #cdcdcd;
    padding-bottom:5px;
}
.globalNavi__list {
    width: 200px;
    padding:0;
    border-bottom:1px dashed #cdcdcd;
}
.globalNavi__list:last-child {
    border-bottom:none;
}
.globalNavi__list a {
    color: #de6eb5;
    display: block;
    text-decoration: none;
    padding: 11px 0 10px 35px;
    width: 170px;
    line-height:1;
    font-size:1.4rem;
}
.globalNavi__list--01:hover,
.globalNavi__list--02:hover,
.globalNavi__list--03:hover,
.globalNavi__list--04:hover,
.globalNavi__list--05:hover,
.globalNavi__list--06:hover,
.globalNavi__list--07:hover{
    background-position: 5px -42px;
}
.globalNavi__list--01{
    background:url(/img/media/iconCat01.png) no-repeat 5px 8px;
}
.globalNavi__list--02{
    background:url(/img/media/iconCat02.png) no-repeat 5px 8px;
}
.globalNavi__list--03{
    background:url(/img/media/iconCat03.png) no-repeat 5px 8px;
}
.globalNavi__list--04{
    background:url(/img/media/iconCat04.png) no-repeat 5px 8px;
}
.globalNavi__list--05{
    background:url(/img/media/iconCat05.png) no-repeat 5px 8px;
}
.globalNavi__list--06{
    background:url(/img/media/iconCat06.png) no-repeat 5px 8px;
}
.globalNavi__list--07{
    background:url(/img/media/iconCat07.png) no-repeat 5px 8px;
}
.globalNavi__list--current {
    background-position: 5px -42px;
}


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

 * MAIN CONTENTS

------------------------------------------------------------ */
.l-column{
    width: 670px;
    margin:30px auto 50px auto;
    text-align:left;
    padding:20px 25px;
    background-color:#FFF;
    float:left;
}
.content_ttl{
    margin-bottom:5px;
}
.content_ttl span{
    color:#de6eb5;
    font-size:2.5rem;
    font-weight:bold;
}
.content__list{
    width:650px;
    border-top:1px solid #cdcdcd;
    padding:10px;
}
.content__list--last{
    border-bottom:1px solid #cdcdcd;
}
.content__list:hover{
    background:#f5f5f5;
}

.content__list__img{
    float:left;
    margin-right:10px;
    width: 80px;
    height: 80px;
    background:#f3f3ed;
}
.content__list__ttl{
    font-size:1.6rem;
    width:560px;
    font-weight:bold;
    border-bottom:1px dashed #cdcdcd;
    float:left;
    padding-bottom:5px;
    margin-bottom:10px;
    word-break: break-all;
}
.content__list__ttl--pr {
    border-bottom: none;
}
.content__list__ttl span{
    float:left;
    font-size:1rem;
    margin-right:5px;    
}

.content__list__date{
    float:left;
    font-size:1rem;
    margin-top:6px;
    margin-right:20px;    
}
.content__list__divide{
    float:left;
    font-size:1rem;
    margin-top:6px;
    margin-right:20px;
}
.content__list__cattype{
    float:left;
    font-size:1rem;
    margin-top:6px;
}
.content__listt__category{
    float:left;
    font-size:1rem;
    border:1px solid #cdcdcd;
    background:#efefef;
    padding:4px 10px;
    margin-left:10px;    
}
/* ------------------------------------------------------------

 * PAGINATION

------------------------------------------------------------ */
.pagination{
    
}
.pagination ul{
    width:300px;
    margin:20px auto 30px auto;
}
.pagination ul li a{
    float:left;
    margin-left:5px;
    padding:5px 10px;
    background:#FFF;
    border:1px solid #de6eb5;
    color:#de6eb5;
    text-decoration:none !important;
}
.pagination ul li a:hover{
    float:left;
    margin-left:5px;
    padding:5px 10px;
    background:#de6eb5;
    border:1px solid #de6eb5;
    color:#FFF;
    text-decoration:none !important;
}

.pagination ul li.current{
    margin-left:5px;
    padding:5px 10px;
    background:#FFF;
    border:1px solid #de6eb5;
    color:#de6eb5;
    text-decoration:none !important;
    float:left;
    background:#de6eb5;
    color:#FFF;
}
.pagination ul li.pagination__prev a,
.pagination__next a{
    background:none !important;
    border:none !important;
}
.pagination ul li.pagination__prev a,
.pagination ul li.pagination__next a{
    color:#de6eb5 !important;
    text-decoration:none !important;
}

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

 * SIDE COLUMN

------------------------------------------------------------ */
.l-sideColumn {
    float: right;
    width: 250px;
    text-align:left;
    margin-top:30px;
    padding-bottom:30px;
}
.content__item{
    width:200px;
    padding:20px 25px;
    margin-bottom:20px;
    background:#FFF;
}

.content__item__ttl{
    padding:0;
    margin-bottom:5px;
}
.content__item__ttl span{
    color: #de6eb5;
    font-size: 2.5rem;
    font-weight: bold;
}
.content__item__list{
    position:relative;
    width: 200px;
    height: 200px;
    margin-bottom:20px;
}
.content__item__list__img{
    width: 100%;
    height: 100%;
}
.content__item__list__txt{
    width: 100%;
    position: absolute;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.6);
    color: #FFF;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.content__item__list--last{
    border-bottom:1px solid #cdcdcd;
}
.banner_right{
    margin-top:20px;
}
.banner_right_b20{
    margin-bottom:20px;
}

/* RANK */
.contentRank {
    counter-reset: rank;
}
.contentRank a {
    position: relative;
    display: block;
}
.contentRank a:before,
.contentRank a:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.contentRank a:before {
    display: block;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    content: '';
}
.contentRank a:after {
    content: counter(rank);
    counter-increment: rank;
    padding-top: 2px;
    color: #fff;
    text-indent: 10px;
}
.contentRank--small a:before,
.contentRank--small a:after {
    top: 11px;
    left: 10px;
}
.contentRank--small a:before {
    display: block;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    content: '';
}
.contentRank--small a:after {
    padding-top: 0;
    text-indent: 6px;
}
.contentRank a:before {
    border-top-color: #7a7b7a;
    border-left-color: #7a7b7a;
}
.contentRank__box:nth-of-type(-n+3) a:before {
    border-top-color: #de6eb5;
    border-left-color: #de6eb5;
}
.contentRank--small a:nth-of-type(-n+3):before{
    border-top-color: #de6eb5;
    border-left-color: #de6eb5;
}
.contentRank__pr:before,
.contentRank__pr:after {
    display: none !important;
}

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

 * FOOTER

------------------------------------------------------------ */
.l-footer{
	min-width: 1000px;
	margin: 0 auto;
}


/* FOOTER TOP
------------------------------------------------------------ */
.footerTop{
	min-width: 1000px;
	line-height: 1.3;
	font-size: 12px;
	font-size: 1.2rem;
	background: #FFF;
}

.footerTop__item{
    width: 1000px;
    margin: 0 auto;
}
.footerTop__item__inner{
    padding: 0 25px;
}

.footerMenu{
    float: left;
    width: 760px;
    margin-top:25px;
}
.footerMenu__ttl{
    margin-bottom:10px;
}
.footerMenu__listBlock__list a{
    float: left;
    margin-right: 10px;
    border:1px solid #de6eb5;
    padding:5px 10px;
    color: #de6eb5;
    text-decoration:none;
    background:#FFF;
}
.footerMenu__listBlock__list a:hover{
    float: left;
    margin-right: 10px;
    border:1px solid #de6eb5;
    padding:5px 10px;
    color: #FFF;
    text-decoration:none;
    background:#de6eb5;
}

.footerBottom{
    width: 100%;
    margin:0 auto;
    line-height: 1.3;
    font-size: 12px;
    font-size: 1.2rem;
    background: #de6eb5;
}
.footerBottom__item__inner{
    width: 950px;
    margin: 0 auto;
    padding:0 25px;
}
.footerBottom__menu{
    width: 360px;
    float: left;
    margin:35px 0;
}
.footerBottom__menu__list{
    max-width:150px;
    float:left;
    margin: 0 20px 10px 0;
}
.footerBottom__menu__list a{
    color:#FFF;
    text-decoration:none;
}
.footer__logo{
    margin:25px 0;
    float:right;
    text-align:left;
}
.footer__logo__img{
    float:left;
    margin-left:30px;
}
.footer__logo__img--nurse{
    margin-top:11px;
}    
.pagetop a{
    float:right;
    display:block;
    padding:40px;
    background:#de6eb5;
}
.copyright{
    text-align:center;
    color:#FFF;
    font-size:1rem;
    height:10px;
    padding:10px;
}


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

 *  汎用クラス 先頭に「x-」を入れる

------------------------------------------------------------ */
.x-posFixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}

/* X-CLEAR FIX ------------------------- */
.x-clearFix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
.x-clearFix {
    min-height: 1px;
    clear: both;
    display: block;
}
* html .x-clearFix {
    height: 1px;/*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}