@charset "utf-8";

#conainer_secPage{
width: 1200px;
margin: 0 auto;
/*background-color: red;*/
}

.second_00 {/* width: 960px; */}





/*=========================================================================================================================
===========================================================================================================================
===========================================================================================================================
●tablet.css 画面の横幅が769pxまで
===========================================================================================================================
===========================================================================================================================
=========================================================================================================================*/
@media screen and (min-width: 769px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

.mainTitle span {
	font-size: 0.6em;
	line-height: .5em;
 }

 .mainTitle_hall {
	font-size: 2.2em;
	font-weight: bold;
	color: #5A4331;
	border-bottom: solid 1px #5A4331;
	line-height: 1.2em;
	margin: 60px 0 20px 0;
	}

 .mainTitle_hall span {
	font-size: 0.4em;
	line-height: .5em;
 }


#container_plan {
	width: 960px;
	margin: 0 auto;
/*	background-color: red; */
}



/*===================================================
funeral_plan
===================================================*/


#wrapper_hall {
	/*background-color: #cccccc;*/
	width: 960px;
}


#wrapper_hall .funeral_palns .plan_read {
	/*background-color: #dddddd;*/
	float: left;
	width: 550px;
}


#wrapper_hall .funeral_palns .plan_read p {
	font-size: 0.9em;
	color: #5A4231;
	line-height: 1.8em
}

#wrapper_hall .funeral_palns .plan_read p span {
	font-size: 1.2em;
	font-weight: bolder;
}

#wrapper_hall .funeral_palns .plan_img {
	float: right;
	width: 350px;
	margin: 0 0 80px 0;
}

#wrapper_hall .plan_Description {
	clear: both;
	margin: 60px 0 40px 0;
	/*background-color: yellow;*/
}



/*+++++++++++++++++++++++++++++++++++++++++++++++++++
PD_main
+++++++++++++++++++++++++++++++++++++++++++++++++++*/
#wrapper_hall .plan_Description .PD_title {
	font-size: 1.3em;
}


#wrapper_hall .plan_Description .PD_main {
	margin: 20px 0 40px 0;
	
}

#wrapper_hall .plan_Description .PD_main .PD_main_01 {
	width: 450px;
	float: left;
	margin: 0 55px 0 0;
}

#wrapper_hall .plan_Description .PD_main .PD_main_01:last-child {
	margin: 0;
}

#wrapper_hall .plan_Description .PD_main_01 p{
	font-size: 1.3em;
	line-height: 1.8em;
	margin: 0 0 20px 0;
}

#wrapper_hall .plan_Description .PD_main_01 p span {
	font-size: 1.4em;
	font-weight: bolder;
	border-bottom: solid 2px #5A4331;
	line-height: 2em;
}




#wrapper_hall .plan_Description_02 {
	margin: 80px 0 0 0;
}


#wrapper_hall .plan_Description_02 .PD_title {
	font-size: 1.3em;
	margin: 0 0 20px 0;
}


#wrapper_hall .plan_Description_02 .PD_main_02 {
	width: 300px;
	float: left;
	margin: 0 30px 0 0;
}

#wrapper_hall .plan_Description_02 .PD_main .PD_main_02:last-child {
	margin: 0;
}

#wrapper_hall .plan_Description_02 .PD_main_02 p{
	font-size: 1em;
	line-height: 1.6em;
	margin: 10px 0 20px 0;
}

#wrapper_hall .plan_Description_02 .PD_main_02 p span{
	font-size: 1.3em;
	line-height: 1.6em;
	margin: 10px 0 20px 0;
	font-weight: bolder;
	text-align: center;
}


#wrapper_hall .plan_Description_02 .infomation_hall p a{
	display: block;
	padding: 10px 5px 10px 5px;
	background-color: #f5a623;
	font-size: 0.8em;
	text-align: center;
	/* border: 1px solid #5A4231; */
	border-radius: 3px;
	margin: 20px 0 30px 0;
	width: 30%;
	float: right;
	color: #5A4231;
}



















～以下、画面の横幅が768pxまでの場合のスタイル記入～
}
/*=========================================================================================================================
===========================================================================================================================
===========================================================================================================================
●tablet.css 画面の横幅が768pxまで
===========================================================================================================================
===========================================================================================================================
=========================================================================================================================*/
@media screen and (max-width: 768px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}




～以下、画面の横幅が768pxまでの場合のスタイル記入～
}
/*=========================================================================================================================
===========================================================================================================================
===========================================================================================================================
●tablet.css 画面の横幅が640pxまで
===========================================================================================================================
===========================================================================================================================
=========================================================================================================================*/
@media screen and (max-width:640px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

header {
margin: 0 auto; width: 100%; color: #5A4231; /*background-color: #454545; */
}
header h1 {
	/* float: left; */
	font-size: 0.8em;
}
header h2 {
	/* float: left; */
	/* font-size: 0.8em; */
	margin: 10px 0 0 0;
}

#container_plan { 
padding: 0 10px 0 10px;
}


/*===================================================
warrper
===================================================*/

.mainTitle span {
	font-size: 0.6em;
	line-height: .5em;
 }

 .mainTitle_hall {
	font-size: 1.5em;
	font-weight: bold;
	color: #5A4331;
	border-bottom: solid 1px #5A4331;
	line-height: 1.2em;
	margin: 30px 0 20px 0;
	}

 .mainTitle_hall span {
	font-size: 0.4em;
	line-height: .5em;
 }



#wrapper_hall {
	/*background-color: #cccccc;*/
	
}


#wrapper_hall .funeral_palns .plan_read {
	/*background-color: #dddddd;*/
	/* float: left; */
	/* width: 550px; */
}


#wrapper_hall .funeral_palns .plan_read p {
	font-size: 0.9em;
	color: #5A4231;
	line-height: 1.8em
}

#wrapper_hall .funeral_palns .plan_read p span {
	font-size: 1.2em;
	font-weight: bolder;
}

#wrapper_hall .funeral_palns .plan_img {
	/* float: right; */
	/* width: 350px; */
	/* margin: 0 0 80px 0; */
}

#wrapper_hall .plan_Description {
	clear: both;
	margin: 60px 0 40px 0;
	/*background-color: yellow;*/
}



/*+++++++++++++++++++++++++++++++++++++++++++++++++++
PD_main
+++++++++++++++++++++++++++++++++++++++++++++++++++*/
#wrapper_hall .plan_Description .PD_title {
	font-size: 1.05em;
}


#wrapper_hall .plan_Description .PD_main {
	margin: 20px 0 40px 0;
	
}

#wrapper_hall .plan_Description .PD_main .PD_main_01 {
	/* width: 450px; */
	/* float: left; */
	/* margin: 0 55px 0 0; */
}

#wrapper_hall .plan_Description .PD_main .PD_main_01:last-child {
	margin: 0;
}

#wrapper_hall .plan_Description .PD_main_01 p{
	font-size: 1.1em;
	line-height: 1.8em;
	margin: 0 0 20px 0;
}

#wrapper_hall .plan_Description .PD_main_01 p span {
	font-size: 1.4em;
	font-weight: bolder;
	border-bottom: solid 2px #5A4331;
	line-height: 2em;
}




#wrapper_hall .plan_Description_02 {
	margin: 80px 0 0 0;
}


#wrapper_hall .plan_Description_02 .PD_title {
	font-size: 1em;
	margin: 0 0 20px 0;
}


#wrapper_hall .plan_Description_02 .PD_main_02 {
	/* width: 300px; */
	/* float: left; */
	/* margin: 0 30px 0 0; */
}

#wrapper_hall .plan_Description_02 .PD_main .PD_main_02:last-child {
	margin: 0;
}

#wrapper_hall .plan_Description_02 .PD_main_02 p{
	font-size: 1em;
	line-height: 1.6em;
	margin: 10px 0 20px 0;
}

#wrapper_hall .plan_Description_02 .PD_main_02 p span{
	font-size: 1.2em;
	line-height: 1.6em;
	margin: 10px 0 20px 0;
	font-weight: bolder;
	text-align: center;
}


#wrapper_hall .plan_Description_02 .infomation_hall p a{
	display: block;
	padding: 10px 5px 10px 5px;
	background-color: #fff;
	font-size: 0.8em;
	text-align: center;
	border: 1px solid #5A4231;
	border-radius: 3px;
	margin: 20px 0 30px 0;
	/* width: 30%; */
	/* float: right; */
	color: #5A4231;
}









～以下、画面の横幅が640pxまでの場合のスタイル記入～
}