@charset "utf-8";

/*-------------------------------------------------------------------
	IDENTIFICATION DIVISION.
	Version.												1.4.1.2;
	PROGRAM-ID.									"MOTHER"
-------------------------------------------------------------------*/

/*****************************************************
	DATA DIVISION.
	WORKING-STRAGE SECTION.
*****************************************************/

main{

}

/*-------------------------------------------------------------------
	attention
-------------------------------------------------------------------*/
.attention h2{
	position:relative;
	z-index:100;
	margin-bottom:2em;
}
.attention .view{
	display:flex;
	flex-direction:row-reverse;
}

.attention .view p.image{
	position:relative;
	margin-top:-223px;
	margin-left:0.5em;
	z-index:1;
}

.attention .view dt{
	margin-bottom:1em;
}



/*-------------------------------------------------------------------
	archive
-------------------------------------------------------------------*/
section.archive ol{
	margin-bottom:1.5em;
}
section.archive li{
	display:flex;
	align-items:center;
	padding:0.8em;
	background:url(../../images/common/border/dot.png) repeat-x bottom left;
	box-sizing:border-box;
}

section.archive li span{
	display:block;
	content:"";
	margin-right:1em;
	background:#95b750;
	width:128px;
	height:128px;
	box-sizing:border-box;
	border-radius:50%;
	background-repeat:no-repeat;
	background-position:center center;
}
section.archive li:nth-child(1) span{
	background-image:url(../../images/mother/no01.png);
}
section.archive li:nth-child(2) span{
	background-image:url(../../images/mother/no02.png);
}
section.archive li:nth-child(3) span{
	background-image:url(../../images/mother/no03.png);
}
section.archive li:nth-child(4) span{
	background-image:url(../../images/mother/no04.png);
}
section.archive li:nth-child(5) span{
	background-image:url(../../images/mother/no05.png);
}
section.archive li:nth-child(6) span{
	background-image:url(../../images/mother/no06.png);
}
section.archive li:nth-child(7) span{
	background-image:url(../../images/mother/no07.png);
}
section.archive li:nth-child(8) span{
	background-image:url(../../images/mother/no08.png);
}
section.archive li:nth-child(9) span{
	background-image:url(../../images/mother/no09.png);
}


section.archive li em{ line-height:1.4;}



section.archive li a{
	margin-left:auto;
}

section.archive p.more{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	margin:0;
}
section.archive p.more a{
	margin-left:1em;
}


/*-------------------------------------------------------------------
	tossi
-------------------------------------------------------------------*/
section.tossi{position:relative;margin-top:4em;padding:2.2em;}
section.tossi h2{
	position:relative;
	margin-top:-5em;
	left:-1em;
	margin-bottom:2em;
}

section.tossi p.image{
	position:relative;
	float:right;
	margin-top:-200px;
}

section.tossi dt{
	margin-bottom:1.5em;

}

section.tossi dd em{
	display:block;
}


/*-------------------------------------------------------------------
	smartphone
-------------------------------------------------------------------*/
@media only screen and (max-width : 784px) {


/*-------------------------------------------------------------------
	archive
-------------------------------------------------------------------*/
main section.archive{padding:1.2em;}
section.archive li{
	padding:0.8em 0.1em;
}

section.archive li span{
	display:block;
	content:"";
	margin-right:1em;
	background:#95b750;
	width:48px;
	height:48px;
	box-sizing:border-box;
	border-radius:50%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:60%;
}

section.archive li em{
	width:37vw;
}

section.archive li a{
	width:20vw;
}

section.archive p.more{
	display:block;
	text-align:right;
	margin:0;
	width:100%;
}
section.archive p.more span{
	text-align:right;
}
section.archive p.more a{
	margin-left:0em;
}
section.archive p.more img{
	width:45%;
}


/*-------------------------------------------------------------------
	tossi
-------------------------------------------------------------------*/
section.tossi{padding:1.5em;}
section.tossi h2{
	position:relative;
	margin-top:-3.5em;
	left:-0.5em;
	margin-bottom:2em;
	width:43%;
}

section.tossi p.image{
	position:relative;
	float:right;
	margin-top:-100px;
	margin-bottom:0;
	width:50%;
}

section.tossi dt{
	margin-bottom:1.5em;
	width:42%;

}

	
}