@charset "utf-8";

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

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

main{
	font-size:2rem;
}


/*-------------------------------------------------------------------
	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;
}


/*-------------------------------------------------------------------
	post
-------------------------------------------------------------------*/
section.post dl{
	display:flex;
	flex-direction:row-reverse;
	align-items:center;
	margin-left:-2em;
	margin-bottom:2em;
}

section.post dt{
	width:50%;
	text-align:center;
}
section.post dd{
	position:relative;
	margin-top:-4em;
	width:50%;
}
section.post dd img{
	width:100%;
}
section.post.sec01 dd{
	left:-0.8em;
}
section.post.sec04 dd{
	left:-3em;
}
section.post.sec05 dd{
	left:-0.8em;
}

section.post p em{
	font-weight:bold;
	color:#c97d25;
}

/*-------------------------------------------------------------------
	catalog
-------------------------------------------------------------------*/
section.catalog h2{
	margin-bottom:2em;
	text-align:center;
}

section.catalog ul{
	display:flex;
	justify-content:space-between;
}
section.catalog ul li{
	width:50%;
	text-align:center;
}


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

main .section.post dt img{width:auto;max-width:100%;}

/*-------------------------------------------------------------------
	post
-------------------------------------------------------------------*/
section.post dl{
	display:flex;
	flex-direction:column-reverse;
	align-items:center;
	margin:0;
	margin-bottom:1em;
}

section.post dt{
	width:100%;
	text-align:center;
}
section.post dd{
	position:relative;
	margin-top:-3em;
	margin-bottom:2em;
	width:100%;
	text-align:center;
}
section.post dd img{
	width:100%;
}
section.post.sec01 dd,
section.post.sec04 dd,
section.post.sec05 dd{
	left:0;
}
section.post.sec02 dt img{
	height:2em;
}

/*-------------------------------------------------------------------
	catalog
-------------------------------------------------------------------*/
section.catalog h2{
	margin:0 auto;
	margin-bottom:2em;
	width:90%;
}

section.catalog ul{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
section.catalog ul li{
	width:100%;
	text-align:center;
}
section.catalog ul li:not(:last-child){
	margin-bottom:2em;
}



}