@charset "UTF-8";
@import "../base/init.css";
@import "../base/style.css";
@import "../piece/style.css";

/* =========================================================
   lifeevent
========================================================= */
/* SideMenu
----------------------------------------------- */
#lifeEventSide ul{
	border-top: 1px solid #DCD9D7;
  /* background-color: #e3f0fa; */
}

/* ContentTitle
----------------------------------------------- */
#contentTitle .pieceContainer {
  margin: 0;
  padding: 0;
  /* background-color:#d0e6f3; */
  /* background-image: url(../piece/images/tl-pegetitle-repeat.gif); */
  /* background-repeat: repeat-x; */
  /* background-position: left top; */
}
#contentTitle .pieceBody {
  /* background-image: url(../piece/images/tl-pagetitle.gif); */
  /* background-repeat: no-repeat; */
  /* border: 1px solid #233f9b; */
  /* border-bottom: 4px solid #0099FF; */
  text-align: center;
}
#contentTitle h2{
  /* padding: 7px 0 4px 20px; */
  /* padding: 7px 0 4px 10px;
  font-weight: bold;
  font-size: 150%; */
  
  border-bottom: 4px dotted #ccc;
    font-size: 200%;
    font-weight: bold;
    margin-top: 40px;
}

/* page-title
----------------------------------------------- */
#pageTitle .pieceContainer {
 /*  margin-bottom: 10px;
  background-image: none; */
}
#pageTitle .pieceBody {
  /* border:medium none;
  background-repeat: repeat-x;
  background-position: right top; */
  text-align: center;
}
#pageTitle h1 {
  /* height: 30px;
  line-height: 30px;
  background-repeat: no-repeat;
  background-position: left top;
  font-weight: bold;
  font-size: 120%; */
  
    border-bottom: 4px dotted #ccc;
    font-size: 200%;
    font-weight: bold;
    margin-top: 40px;
}
h1 {
  /* color: #000000; */
}
#page-lifeevent-ninshin #pageTitle .pieceBody {
  /* background-image: url(./images/tl-ninshin-re.gif); */
}
#page-lifeevent-ninshin #pageTitle h1 {
  /* padding: 0 10px 0 30px; */
  /* background-image: url(./images/tl-ninshin.gif); */

    font-size: 200%;
    font-weight: bold;
    margin-bottom: 20px;
    padding-top: 1em;

}
#page-lifeevent-kosodate #pageTitle .pieceBody {
  /* background-image: url(./images/tl-kosodate-re.gif); */
}
#page-lifeevent-kosodate #pageTitle h1 {
  /* padding: 0 10px 0 40px; */
  /* background-image: url(./images/tl-kosodate.gif); */
}
#page-lifeevent-shushoku #pageTitle .pieceBody {
  /* background-image: url(./images/tl-shuushoku-re.gif); */
}
#page-lifeevent-shushoku #pageTitle h1 {
  /* padding: 0 10px 0 38px; */
  /* background-image: url(./images/tl-shuushoku.gif); */
}
#page-lifeevent-seijin #pageTitle .pieceBody {
  /* background-image: url(./images/tl-seijin-re.gif); */
}
#page-lifeevent-seijin #pageTitle h1 {
  /* padding: 0 10px 0 30px; */
  /* background-image: url(./images/tl-seijin.gif); */
}
#page-lifeevent-hikkoshi #pageTitle .pieceBody {
  /* background-image: url(./images/tl-hikkoshi-re.gif); */
}
#page-lifeevent-hikkoshi #pageTitle h1 {
  /* padding: 0 10px 0 45px; */
  /* background-image: url(./images/tl-hikkoshi.gif); */
}
#page-lifeevent-kekkon #pageTitle .pieceBody {
  /* background-image: url(./images/tl-kekkon-re.gif); */
}
#page-lifeevent-kekkon #pageTitle h1 {
  /* padding: 0 10px 0 38px; */
  /* background-image: url(./images/tl-kekkon.gif); */
}
#page-lifeevent-fukushi #pageTitle .pieceBody {
  /* background-image: url(./images/tl-fukushi-re.gif); */
}
#page-lifeevent-fukushi #pageTitle h1 {
  /* padding: 0 10px 0 35px; */
  /* background-image: url(./images/tl-fukushi.gif); */
}
#page-lifeevent-shibo #pageTitle .pieceBody {
  /* background-image: url(./images/tl-shibou-re.gif); */
}
#page-lifeevent-shibo #pageTitle h1 {
  /* padding: 0 10px 0 35px; */
  /* background-image: url(./images/tl-shibou.gif); */
}

/* lifeevent-ichiran
----------------------------------------------- */
.lifeevent {
  /* float: left;
  width: 49%;
  margin-bottom: 10px;
  padding: 15px 0 20px;
  background-repeat: no-repeat;
  background-position: 10px 15px; */
  
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-sizing: border-box;
    float: left;
    margin-bottom: 10px;
    padding: 1em;
    width: 49%;
}



.lifeeventPregnant {
  /* background-color: #ffe7ff;
  background-image: url(./images/ic-ninshin.gif); */
}
.lifeeventChild {
  /* background-color: #ffecb9;
  background-image: url(./images/ic-kosodate.gif); */
}
.lifeeventWork {
  /* background-color: #c5efff;
  background-image: url(./images/ic-shuushoku.gif); */
}
.lifeeventAdult {
  /* background-color: #cdede8;
  background-image: url(./images/ic-seijin.gif); */
}
.lifeeventMoving {
  /* background-color: #e1f6be;
  background-image: url(./images/ic-hikkoshi.gif); */
}
.lifeeventMarriage {
  /* background-color: #eee9a9;
  background-image: url(./images/ic-kekkon.gif); */
}
.lifeeventWelfare {
  /* background-color: #f5dac5;
  background-image: url(./images/ic-fukushi.gif); */
}
.lifeeventDeath {
  /* background-image: url(./images/ic-shibou.gif);
  background-color: #f0dfef; */
}
.lifeevent h2 {
  /* padding: 0 0 5px 70px; */
}
.lifeevent .explain {
  /* margin-left: 70px; */
}
.lifeeventChild,
.lifeeventAdult,
.lifeeventMarriage,
.lifeeventDeath {
  margin-left: 15px;
}

/* lifeEventTitle
----------------------------------------------- */


h2.lifeEventTitle {
    border-bottom: 2px solid #00b4e5;
    font-size: 150%;
    font-weight: bold;
    margin-bottom: 1em;
    padding: 2em 0.5em 0.5em;
}

#page-lifeevent-ninshin h2.lifeEventTitle {
  margin: 0 0 10px;
  padding: 3px 5px;
  /* border-bottom: #dc80b3 solid 1px;
  border-left: #dc80b3 solid 5px;
  background-color: transparent; */
  font-weight: bold;
}
#page-lifeevent-kosodate h2.lifeEventTitle {
  margin: 0 0 10px;
  padding: 3px 5px;
  /* border-bottom: #e1a623 solid 1px;
  border-left: #e1a623 solid 5px;
  background-color: transparent; */
  font-weight: bold;
}
#page-lifeevent-shushoku h2.lifeEventTitle {
  margin: 0 0 10px;
  padding: 3px 5px;
  /* border-bottom: #6597c2 solid 1px;
  border-left: #6597c2 solid 5px;
  background-color: transparent; */
  font-weight: bold;
}
#page-lifeevent-seijin h2.lifeEventTitle {
  margin: 0 0 10px;
  padding: 3px 5px;
  /* border-bottom: #539d9f solid 1px;
  border-left: #539d9f solid 5px;
  background-color: transparent; */
  font-weight: bold;
}
#page-lifeevent-hikkoshi h2.lifeEventTitle {
  margin: 0 0 10px;
  padding: 3px 5px;
  /* border-bottom: #80a740 solid 1px;
  border-left: #80a740 solid 5px;
  background-color: transparent; */
  font-weight: bold;
}
#page-lifeevent-kekkon h2.lifeEventTitle {
  margin: 0 0 10px;
  padding: 3px 5px;
  b/* order-bottom: #b3b11c solid 1px;
  border-left: #b3b11c solid 5px;
  background-color: transparent; */
  font-weight: bold;
}
#page-lifeevent-fukushi h2.lifeEventTitle {
  margin: 0 0 10px;
  padding: 3px 5px;
  /* border-bottom: #cf8464 solid 1px;
  border-left: #cf8464 solid 5px;
  background-color: transparent; */
  font-weight: bold;
}
#page-lifeevent-shibo h2.lifeEventTitle {
  margin: 0 0 10px;
  padding: 3px 5px;
  /* border-bottom: #bd91b7 solid 1px;
  border-left: #bd91b7 solid 5px;
  background-color: transparent; */
  font-weight: bold;
}





.lifeevent h2::before {
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    content: "";
    display: block;
    height: 5px;
    left: 0.5em;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transition: all 0.2s ease-in-out 0s;
    width: 5px;
    z-index: 1;
}

.lifeevent h2::after {
    background: #01bf81 none repeat scroll 0 0;
    border-radius: 1000px;
    content: "";
    display: block;
    height: 1em;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1em;
    z-index: 0;
}
.lifeevent h2 {
    padding-left: 1.25em;
    position: relative;
}















/* lifeEvent content
----------------------------------------------- */
.contentPage ul {
  padding: 0 20px 0 5px;
}
.contentPage li {
  line-height: 1.5;
  margin: 0;
  padding: 0 0 0 10px;
  /* background-image: url("./images/ic-list-shinchaku.gif");
  background-repeat: no-repeat;
  background-position: left 0.6em; */
  
  position: relative;
}

.contentPage li:before {
 position: absolute;
        top: 50%;
		left: 0;

        display: block;

        width: 5px;
        height: 5px;
        content: '';
        transition: all .2s ease-in-out;
        -webkit-transform: translate(0, -50%) rotate(45deg);          
                transform: translate(0, -50%) rotate(45deg);

        border-top: 1px solid #00b4e5;
        border-right: 1px solid #00b4e5;
		
        background: none;

}




.contentPage {
  margin: 0 0 0 5px;
}


div#content.col-1, div#content.col-1 div#contentContainer {
	width: 100%;
	float: none;
	margin-left: 0;
}