@charset "UTF-8";

/*--------------------------------------------------------------------
mama.html
mama.css
--------------------------------------------------------------------*/

/*------------Title---------------------------------------------------------------*/
div#Title { background-image: url(../../img/title/mama.jpg); }



/*------------mama---------------------------------------------------------------*/
/*------------TopPho------------*/
div#mama div#TopPho h3 {
	position: relative;
	height: 450px;
	background: url(../../img/mama/connect_p.jpg) no-repeat center center;
	background-size: cover;
	z-index: 0;
}
div#mama div#TopPho h3:before {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	content: "";
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.6);
	z-index: 1;
}
div#mama div#TopPho h3 span {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	z-index: 2;
	text-align: center;
	line-height: 1.2;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "ヒラギノ明朝 Pro W3" , "HiraMinPro-W3" , Garamond , "Times New Roman" , "Sawarabi Mincho" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 2.85em;
	font-weight: bolder;
	color: #6e2775;
	text-shadow : 
    #fff 2px 0px 2px, #fff -2px 0px 2px,
    #fff 0px -2px 2px, #fff -2px 0px 2px,
    #fff 2px 2px 2px, #fff -2px 2px 2px,
    #fff 2px -2px 2px, #fff -2px -2px 2px,
    #fff 1px 2px 2px, #fff -1px 2px 2px,
    #fff 1px -2px 2px, #fff -1px -2px 2px,
    #fff 2px 1px 2px, #fff -2px 1px 2px,
    #fff 2px -1px 2px, #fff -2px -1px 2px,
    #fff 1px 1px 2px, #fff -1px 1px 2px,
    #fff 1px -1px 2px, #fff -1px -1px 2px;
	z-index: 2;
}
div#mama div#TopPho p {
	margin: 30px 0;
	text-align: center;
	line-height: 1.2;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "ヒラギノ明朝 Pro W3" , "HiraMinPro-W3" , Garamond , "Times New Roman" , "Sawarabi Mincho" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 2.14em;
	font-weight: bolder;
	color: #cf0073;
}
/*------------memory------------*/
div#mama div#memory div {
	width: 500px;
	float: left;
}
div#mama div#memory p {
	width: 430px;
	float: right;
}
/*------------consTxt------------*/
div#mama div.consTxt div.floL { float: left; }
div#mama div.consTxt div.floR { float: right; }
div#mama div.consTxt div.Wi520 { width: 520px; }
div#mama div.consTxt div.Wi680 { width: 680px; }
div#mama div.consTxt div.Wi410 { width: 410px; }
div#mama div.consTxt div.Wi260 { width: 260px; }
div#mama div.consTxt div.phoList02 img { width: 50%; }
div#mama div#cons01 dt {
	margin-bottom: 15px;
	line-height: 1.2;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "ヒラギノ明朝 Pro W3" , "HiraMinPro-W3" , Garamond , "Times New Roman" , "Sawarabi Mincho" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 2.14em;
	font-weight: bolder;
	color: #6e2775;
}
div#mama div#cons01 ul li {
	list-style: none;
	padding-left: 1.3em;
	text-indent: -1.3em;
}
div#mama div#cons01 ul li:before {
	padding-right: 0.3em;
	content: "\0030fb";
}
div#mama div#cons01 ol {
	counter-reset: item;
	list-style-type: none;
	padding-left: 0;
}
div#mama div#cons01 ol li{
	text-indent: -1.6em;
	padding-left: 1.6em;
}
div#mama div#cons01 ol li:before {
	counter-increment: item;
	content: counter(item)'、';
}
div#mama div#cons02 ul {
	width: 100%;
	margin-top: 20px;
	list-style: none;
	overflow: hidden;
}
div#mama div#cons02 ul li {
	width: 230px;
	margin-right: 10px;
	float: left;
}
div#mama div#cons02 ul li:nth-child(4n) { margin-right: 0; }
div#mama div#cons03 p {
	text-align: center;
	line-height: 1.2;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "ヒラギノ明朝 Pro W3" , "HiraMinPro-W3" , Garamond , "Times New Roman" , "Sawarabi Mincho" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 1.98em;
	font-weight: bolder;
	color: #cf0073;
}
div#mama div#cons03 p.SmallPho {
	width: 60%;
	margin: 10px auto 0;
}
/*------------plan------------*/
div#mama div#plan h3 {
	margin-bottom: 20px;
	text-align: center;
	line-height: 1.2;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "ヒラギノ明朝 Pro W3" , "HiraMinPro-W3" , Garamond , "Times New Roman" , "Sawarabi Mincho" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 3.57em;
	font-weight: bolder;
	color: #6e2775;
}
div#mama div#planBG {
	padding: 30px 15px;
	background: url(../../img/mama/plan.jpg) no-repeat left top;
	background-size: cover;
}
div#mama div#planTxt {
	width: 60%;
	margin: 0 auto;
	padding: 10px;
	background-color: rgba(255, 255, 255, 0.7);
}
div#mama div#planTxt h4 {
	padding: 0.35em 1em;
	background-color: #6e2775;
	text-align: center;
	line-height: 1.2;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "ヒラギノ明朝 Pro W3" , "HiraMinPro-W3" , Garamond , "Times New Roman" , "Sawarabi Mincho" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 1.78em;
	font-weight: bolder;
	color: #fff;
}
div#mama div#planTxt dl dt {
	margin-top: 10px;
	margin-left: 5.5em;
	line-height: 1.2;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "ヒラギノ明朝 Pro W3" , "HiraMinPro-W3" , Garamond , "Times New Roman" , "Sawarabi Mincho" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 1.8em;
	font-weight: bolder;
}
div#mama div#planTxt dl dd {
	text-align: center;
	line-height: 1.2;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "ヒラギノ明朝 Pro W3" , "HiraMinPro-W3" , Garamond , "Times New Roman" , "Sawarabi Mincho" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 2.5em;
	font-weight: bolder;
}
div#mama div#planTxt dl dd span {
	font-size: 2.42em;
	color: #6e2775;
}
div#mama div#planTxt dl dd em { font-weight: lighter; }
/*------------SetPlan------------*/
div#mama div#SetPlan ul {
	width: 100%;
	margin-bottom: -20px;
	list-style: none;
	overflow: hidden;
}
div#mama div#SetPlan ul li {
	width: 480px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
}
div#mama div#SetPlan ul li:nth-of-type(2n) { margin-right: 0; }
div#mama div#SetPlan ul li.set div {
	height: 350px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
div#mama div#SetPlan ul li.set div * { display: none; }
div#mama div#SetPlan ul li#set01 div { background-image: url(../../img/mama/set_t01.png); }
div#mama div#SetPlan ul li#set02 div { background-image: url(../../img/mama/set_t02.png); }
div#mama div#SetPlan ul li#set03 div { background-image: url(../../img/mama/set_t03.png); }
div#mama div#SetPlan ul li#set04 div { background-image: url(../../img/mama/set_t04.png); }
div#mama div#SetPlan ul li#set05 div { background-image: url(../../img/mama/set_t05.png); }
div#mama div#SetPlan ul li#set06 div { background-image: url(../../img/mama/set_t06.png); }
div#mama div#SetPlan ul li#set07 div { background-image: url(../../img/mama/set_t07.png); }
div#mama div#SetPlan ul li#set08 div { background-image: url(../../img/mama/set_t08.png); }
div#mama div#SetPlan ul li#set09 div { background-image: url(../../img/mama/set_t09.png); }
div#mama div#SetPlan ul li#set10 div { background-image: url(../../img/mama/set_t10.png); }