@charset "UTF-8";


@media screen and (max-width: 767px) {
	/*  タブレットのみ適応する記述 ------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------
lifestage設定
------------------------------------------------------------------------------*/
	
/* ttl00 ------------------------------------------------------------------------------*/
#lifestage .ttl00 {
	font-size: 14px;
	margin-bottom: 15px;
}
#lifestage .ttl00::after {
	width: 39.0625%;	/* 250/640*100 */
}
#lifestage.lifestage_index .ttl00 {
	font-size: 24px;
	margin-bottom: 20px;
}
#lifestage.lifestage_index .ttl00::after {
	width: 39.0625%;	/* 250/640*100 */
}




/* gaisan ----------------------*/
#lifestage .child .check-block .gaisan form .kei_wrap {
	position: static;
	text-align: right;
}
#lifestage .child .check-block .gaisan form ol li .step {
	font-size: 16px;
	width: 222px;
}
#lifestage .child .check-block .gaisan form .kei_wrap {
	position: static;
	text-align: right;
}

/* snavi ----------------------*/
.item_01 ul{
	display: none;
}	
.item_01.is_lower>a{
	padding-bottom: 10px!important;
	background-image: url(../img/snavi/medical/sp_bg_arrow_01.png);
}	


/* hosyo-block ------------------------------------------------------------------------------*/
#lifestage .hosyo-block .box_wrap .h01, 
#lifestage .hosyo-block .box_wrap .h02, 
#lifestage .hosyo-block .box_wrap .h03, 
#lifestage .hosyo-block .box_wrap .h04, 
#lifestage .hosyo-block .box_wrap .h05 {
	font-size: 12px;
}
#lifestage .hosyo-block .box_wrap .h01 {
	padding: 3px 0 0 5px;
}
#lifestage .hosyo-block .box_wrap .h02 {
	padding: 3px 0 0 3px;
}
#lifestage .hosyo-block .box_wrap .h03 {
	padding: 3px 0 0 3px;
}
#lifestage .hosyo-block .box_wrap .h04 {
	padding: 3px 0 0 1px;
}
#lifestage .hosyo-block .box_wrap .h05 {
	padding: 3px 0 0 0px;
}




}/* /end@media (max-width: 767px)  ------------------------------------------------------------------------------*/







/*  スマホのみ適応する記述 ------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {


/*------------------------------------------------------------------------------
lifestage設定
------------------------------------------------------------------------------*/
	
#lifestage{
	margin-top: 20px;
}
#lifestage .erabu-block .inner .box_01 dt a{
	font-size: 20px;
}
	
#lifestage .marriage .stage-block h3{
	margin-top: 15px;
}
#lifestage .marriage .lady-block{
	margin-top: 15px;
}
#lifestage .marriage .lady-block .lady02{
	margin-top: 15px;
}
#lifestage .stage-block p.text{
	margin: 15px 0;
}
	
/* erabu-block ------------------------------------------------------------------------------*/
#lifestage .erabu-block .inner .box_01 {
	float: none;
	width: 100%;
}
#lifestage .erabu-block .inner .box_01:nth-child(2n+1) {
	float: none;
	width: 100%;
}
#lifestage .erabu-block .inner .box_01:nth-child(2n){
	float: none;
}
	
#lifestage .erabu-block .inner .box_01 dd a {
	float: none;
	width: 100%;
}
#lifestage .erabu-block .inner .box_01 dd .text {
	float: none;
	width: 100%;
	margin-top: 10px;
}

#lifestage .erabu-block .inner .box_01 {
	margin-top: 15px;
}
	
/* pnavi ------------------------------------------------------------------------------*/
#lifestage .pnavi {
	margin: 15px 0px 0px;
}
#lifestage .pnavi ul {
	display: block;
}
#lifestage .pnavi ul:first-child {
	margin-bottom: 0;
}
#lifestage .pnavi ul li {
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0 0 10px;
	border-radius: 5px;
}
#lifestage .pnavi ul li a {
	border-radius: 10px;
}


/* hosyo-block ------------------------------------------------------------------------------*/
#lifestage .hosyo-block h2 {
	box-sizing: border-box;
	font-size: 24px;
}
#lifestage .hosyo-block .box_wrap{margin: 10px auto 0;}
#lifestage .hosyo-block .box_wrap .img{
	padding: 0;
	border:none;
}

/* stage-block ------------------------------------------------------------------------------*/
/*
#lifestage .stage-block h1 {
	box-sizing: border-box;
	font-size: 24px;
	padding: 5px 10px 3px 10px;
}
#lifestage .stage-block h2 {
	font-size: 20px;
}*/
#lifestage .stage-block {
	margin-top: 10px;
}
#lifestage .stage-block .box_01 {
	margin-bottom: 10px;
}
#lifestage .stage-block .box_01 .image {
	float: none;
	width: 100%;
	margin-top: 15px;
}
#lifestage .stage-block .box_01 .text {
	float: none;
	width: 100%;
	margin-top: 15px;
	padding: 0 3.125%;
	box-sizing: border-box;
}


/* point-block ------------------------------------------------------------------------------*/
#lifestage .point-block {
	margin: 10px 0px 0px 0;
	padding: 0px;
}


/* marriage ------------------------------------------------------------------------------*/
#lifestage .marriage .lady-block .lady01 {
	float: none;
	width: 100%;
}
#lifestage .marriage .lady-block .lady01 .box_01 .image {
	float: none;
	width: 100%;
}
#lifestage .marriage .lady-block .lady01 .box_01 dl {
	float: none;
	width: 100%;
}
#lifestage .marriage .lady-block .lady02 {
	float: none;
	width: 100%;
}


/* myhome ------------------------------------------------------------------------------*/
#lifestage .myhome .katuyo-block {
	margin-bottom: 10px;
}
#lifestage .myhome .katuyo-block dl {
	float: none;
	width: 100%;
}

#lifestage .myhome .katuyo-block .image {
	float: none;
	width: 100%;
	margin: 10px auto 0;
}


/* child ------------------------------------------------------------------------------*/
#lifestage .child .check-block {
	margin: 10px 0px 0px 0;
}
#lifestage .child .check-block .inner .box_01 .text02 {
	float: none;
	width: 100%;
}
#lifestage .child .check-block .inner .box_01 .image02 {
	float: none;
	width: 100%;
	margin: 10px auto;
}
#lifestage .child .check-block .gaisan form ol li .step {
	display: block;
	width: 100%;
}
#lifestage .child .check-block .gaisan form ol li .input {
	display: block;
	width: 100%;
	margin-bottom: 15px;
}
#lifestage .child .check-block .gaisan form ol li .input label {
	display: block;
	width: 100%;
	margin-bottom: 5px;
}
#lifestage .child .check-block .gaisan form ol li .step span.small{ font-size: 12px;}















}/* /end@media (max-width: 767px)  ------------------------------------------------------------------------------*/