/* mamamo */

@media screen and (min-width: 641px){

#mam {
	line-height: 150%;
	}

#mam .main {
	width: 100%;
	background: #F7F1ED;
	margin: -60px 0px 0px 0px;
	padding: 60px 0px 100px 0px;
	}

#mam .main ol {
	width: 90%;
	max-width: 1000px;
	line-height: 150%;
	margin: 0px auto;
	}

#mam .main ol img {
	width: 100%;
	margin: 0px 0px 30px 0px;
	}

#mam .main ol h2 {
	font-size: 21px;
	line-height: 150%;
	margin: 0px 0px 20px 0px;
	}

#mam .main .man {
	margin: 0px auto 100px auto;
	display: table;
	}

#mam .main .man img {
	width: 44px;
	margin: 0px 5px;
	}

#mam .main .man img:nth-child(2) {
	width: 60px;
	}

#mam .main ul {
	width: 90%;
	max-width: 1000px;
	line-height: 150%;
	margin: 0px auto -100px auto;
	}

#mam .main li {
	margin: 0px 0px 100px 0px;
	}

#mam .main li a {
	background: url(../../img/arr02.png) no-repeat right top;
	background-size: 20px auto;
	border-bottom: 2px #111111 solid;
	font-size: 16px;
	line-height: 100%;
	color: #111111;
	margin: 30px auto 0px auto;
	padding: 0px 35px 10px 0px;
	display: table;
	}

#mam section {
	margin: 0px 0px 100px 0px;
	}

#mam section h2.subtitle {
	width: 100%;
	background: #DE586A;
	color: #ffffff;
	padding: 50px 0px 40px 0px;
	}

#mam .tra {
	overflow: hidden;
	}

#mam .tra .cop {
	width: 90%;
	max-width: 600px;
	margin: 0px auto 40px auto;
	}

#mam .tra .bxslider {
	width: 90%;
	max-width: 600px;
	margin: 0px auto;
	position: relative;
	}

#mam .tra .bx-pager {
	width: 100%;
	margin: 0px 0px 30px 0px;
	position: relative;
	}

#mam .tra .bx-pager .bx-pager-item {
	width: calc(100% / 6);
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	}

#mam .tra .bx-pager .bx-pager-item a {
	color: #cccccc;
	border-bottom: 2px #dfdfdf solid;
	padding: 0px 0px 15px 0px;
	display: block;
	}

#mam .tra .bx-default-pager a:hover,
#mam .tra .bx-default-pager a.active {
	border-bottom: 2px #DE586A solid;
	color: #DE586A;
  	}

#mam .tra .bxslider ul {
	z-index: 0;
	}

#mam .tra .bxslider li {
	position: relative;
	overflow: hidden;
	}

#mam .tra .bxslider li h3 {
	font-size: 16px;
	color: #DE586A;
	margin: 0px 0px 20px 0px;
	}

#mam .tra .bxslider li img {
	width: 100%;
	margin: 20px 0px 0px 0px;
	-webkit-transition: all 0s;
	transition: all 0s;
	}

#mam .tra .bx-viewport {
  	overflow: visible !important;
	}

#mam .tra .bx-prev {
	left: 0px;
	}

#mam .tra .bx-prev:before {
	content: '';
	width: 9px;
	height: 9px;
	border-top: 1px #111111 solid;
	border-right: 1px #111111 solid;
	position: absolute;
	left: 15px;
	top: 13px;
    transform: rotate(-135deg);
	}

#mam .tra .bx-next {
	right: 0px;
	}

#mam .tra .bx-next:before {
	content: '';
	width: 9px;
	height: 9px;
	border-top: 1px #111111 solid;
	border-right: 1px #111111 solid;
	position: absolute;
	right: 15px;
	top: 13px;
    transform: rotate(45deg);
	}

#mam .tra .bx-controls-direction {
	width: 100%;
	position: absolute;
    left: 50%;
	top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	z-index: 53;
	}

#mam .tra .bx-controls-direction a {
	width: 35px;
	height: 35px;
	background: #ffffff;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	position: absolute;
	top: 0px;
	text-indent: -9999px;
	filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.2));
	}

#mam .tra .bx-controls-direction a.disabled {
	display: none;
	}

#mam .str {
	background: #FCEEF0;
	padding: 0px 0px 50px 0px;
	overflow: hidden;
	}

#mam .str .bxslider {
	width: 90%;
	max-width: 600px;
	margin: 0px auto;
	position: relative;
	}

#mam .str .bxslider ul {
	z-index: 0;
	}

#mam .str .bxslider li {
	position: relative;
	overflow: hidden;
	}

#mam .str .bxslider li h3 {
	font-size: 16px;
	line-height: 100%;
	color: #DE586A;
	margin: 0px 0px 20px 0px;
	padding: 10px 0px 0px 0px;
	text-align: center;
	}

#mam .str .bxslider li h3 p {
	font-size: 14px;
	margin: 0px 0px 15px 0px;
	}

#mam .str .bxslider li h3 font {
	font-size: 24px;
	}

#mam .str .bxslider li img {
	width: 100%;
	margin: 20px 0px 0px 0px;
	-webkit-transition: all 0s;
	transition: all 0s;
	}

#mam .str .bx-viewport {
  	overflow: visible !important;
	}

#mam .str .bx-pager {
	margin: 20px auto 0px auto;
	display: table;
	}

#mam .str .bx-pager .bx-pager-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	}

#mam .str .bx-default-pager a {
	width: 8px;
	height: 8px;
	background: #ffffff;
	margin: 0px 4px 0px 4px;
	display: block;
	text-indent: -9999px;
	outline: 0;
	}

#mam .str .bx-default-pager a:hover,
#mam .str .bx-default-pager a.active {
	background: #DE586A;
  	}

#mam .str .bx-prev {
	left: 0px;
	}

#mam .str .bx-prev:before {
	content: '';
	width: 9px;
	height: 9px;
	border-top: 1px #111111 solid;
	border-right: 1px #111111 solid;
	position: absolute;
	left: 15px;
	top: 13px;
    transform: rotate(-135deg);
	}

#mam .str .bx-next {
	right: 0px;
	}

#mam .str .bx-next:before {
	content: '';
	width: 9px;
	height: 9px;
	border-top: 1px #111111 solid;
	border-right: 1px #111111 solid;
	position: absolute;
	right: 15px;
	top: 13px;
    transform: rotate(45deg);
	}

#mam .str .bx-controls-direction {
	width: 100%;
	position: absolute;
    left: 50%;
	top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	z-index: 53;
	}

#mam .str .bx-controls-direction a {
	width: 35px;
	height: 35px;
	background: #ffffff;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	position: absolute;
	top: 0px;
	text-indent: -9999px;
	filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.2));
	}

#mam .str .bx-controls-direction a.disabled {
	display: none;
	}

#mam a.res {
	width: 90%;
	max-width: 300px;
	background: #DE586A;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	font-size: 16px;
	font-weight: bold;
	line-height: 50px;
	color: #ffffff;
	margin: 0px auto;
	text-align: center;
	display: block;
	position: relative;
	}

#mam a.res:before {
	content: '';
	width: 9px;
	height: 9px;
	border-top: 1px #ffffff solid;
	border-right: 1px #ffffff solid;
	position: absolute;
	right: 20px;
	top: 20px;
    transform: rotate(45deg);
	}

}

@media screen and (max-width: 640px){

#mam {
	font-size: 14px;
	line-height: 150%;
	}

#mam .main {
	width: 100%;
	background: #F7F1ED;
	margin: -40px 0px 0px 0px;
	padding: 40px 0px 50px 0px;
	}

#mam .main ol {
	width: 90%;
	margin: 0px auto;
	}

#mam .main ol img {
	width: 100%;
	margin: 0px 0px 30px 0px;
	}

#mam .main h2 {
	font-size: 16px;
	line-height: 150%;
	margin: 0px 0px 20px 0px;
	}

#mam .main .man {
	margin: 0px auto 50px auto;
	display: table;
	}

#mam .main .man img {
	width: 44px;
	margin: 0px 5px;
	}

#mam .main .man img:nth-child(2) {
	width: 60px;
	}

#mam .main ul {
	width: 90%;
	line-height: 150%;
	margin: 0px auto -50px auto;
	}

#mam .main li {
	margin: 0px 0px 50px 0px;
	}

#mam .main li a {
	background: url(../../img/arr02.png) no-repeat right top;
	background-size: 20px auto;
	border-bottom: 2px #111111 solid;
	font-size: 14px;
	line-height: 100%;
	color: #111111;
	margin: 30px auto 0px auto;
	padding: 0px 35px 10px 0px;
	display: table;
	}

#mam section {
	margin: 0px 0px 50px 0px;
	}

#mam section h2.subtitle {
	width: 100%;
	background: #DE586A;
	color: #ffffff;
	padding: 35px 0px 25px 0px;
	}

#mam .tra {
	overflow: hidden;
	}

#mam .tra .cop {
	width: 90%;
	margin: 0px auto 40px auto;
	}

#mam .tra .bxslider {
	width: 90%;
	margin: 0px auto;
	position: relative;
	}

#mam .tra .bx-pager {
	width: 100%;
	margin: 0px 0px 30px 0px;
	position: relative;
	}

#mam .tra .bx-pager .bx-pager-item {
	width: calc(100% / 6);
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	}

#mam .tra .bx-pager .bx-pager-item a {
	color: #cccccc;
	border-bottom: 2px #dfdfdf solid;
	padding: 0px 0px 15px 0px;
	display: block;
	}

#mam .tra .bx-default-pager a:hover,
#mam .tra .bx-default-pager a.active {
	border-bottom: 2px #DE586A solid;
	color: #DE586A;
  	}

#mam .tra .bxslider ul {
	z-index: 0;
	}

#mam .tra .bxslider li {
	position: relative;
	overflow: hidden;
	}

#mam .tra .bxslider li h3 {
	font-size: 16px;
	color: #DE586A;
	margin: 0px 0px 20px 0px;
	}

#mam .tra .bxslider li img {
	width: 100%;
	margin: 20px 0px 0px 0px;
	-webkit-transition: all 0s;
	transition: all 0s;
	}

#mam .tra .bx-viewport {
  	overflow: visible !important;
	}

#mam .tra .bx-prev {
	left: 0px;
	}

#mam .tra .bx-prev:before {
	content: '';
	width: 9px;
	height: 9px;
	border-top: 1px #111111 solid;
	border-right: 1px #111111 solid;
	position: absolute;
	left: 15px;
	top: 13px;
    transform: rotate(-135deg);
	}

#mam .tra .bx-next {
	right: 0px;
	}

#mam .tra .bx-next:before {
	content: '';
	width: 9px;
	height: 9px;
	border-top: 1px #111111 solid;
	border-right: 1px #111111 solid;
	position: absolute;
	right: 15px;
	top: 13px;
    transform: rotate(45deg);
	}

#mam .tra .bx-controls-direction {
	width: 100%;
	position: absolute;
    left: 50%;
	top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	z-index: 53;
	}

#mam .tra .bx-controls-direction a {
	width: 35px;
	height: 35px;
	background: #ffffff;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	position: absolute;
	top: 0px;
	text-indent: -9999px;
	filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.2));
	}

#mam .tra .bx-controls-direction a.disabled {
	display: none;
	}

#mam .str {
	background: #FCEEF0;
	padding: 0px 0px 50px 0px;
	overflow: hidden;
	}

#mam .str .bxslider {
	width: 90%;
	margin: 0px auto;
	position: relative;
	}

#mam .str .bxslider ul {
	z-index: 0;
	}

#mam .str .bxslider li {
	position: relative;
	overflow: hidden;
	}

#mam .str .bxslider li h3 {
	font-size: 16px;
	line-height: 100%;
	color: #DE586A;
	margin: 0px 0px 20px 0px;
	padding: 10px 0px 0px 0px;
	text-align: center;
	}

#mam .str .bxslider li h3 p {
	font-size: 14px;
	margin: 0px 0px 15px 0px;
	}

#mam .str .bxslider li h3 font {
	font-size: 24px;
	}

#mam .str .bxslider li img {
	width: 100%;
	margin: 20px 0px 0px 0px;
	-webkit-transition: all 0s;
	transition: all 0s;
	}

#mam .str .bx-viewport {
  	overflow: visible !important;
	}

#mam .str .bx-pager {
	margin: 20px auto 0px auto;
	display: table;
	}

#mam .str .bx-pager .bx-pager-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	}

#mam .str .bx-default-pager a {
	width: 8px;
	height: 8px;
	background: #ffffff;
	margin: 0px 4px 0px 4px;
	display: block;
	text-indent: -9999px;
	outline: 0;
	}

#mam .str .bx-default-pager a:hover,
#mam .str .bx-default-pager a.active {
	background: #DE586A;
  	}

#mam .str .bx-prev {
	left: 0px;
	}

#mam .str .bx-prev:before {
	content: '';
	width: 9px;
	height: 9px;
	border-top: 1px #111111 solid;
	border-right: 1px #111111 solid;
	position: absolute;
	left: 15px;
	top: 13px;
    transform: rotate(-135deg);
	}

#mam .str .bx-next {
	right: 0px;
	}

#mam .str .bx-next:before {
	content: '';
	width: 9px;
	height: 9px;
	border-top: 1px #111111 solid;
	border-right: 1px #111111 solid;
	position: absolute;
	right: 15px;
	top: 13px;
    transform: rotate(45deg);
	}

#mam .str .bx-controls-direction {
	width: 100%;
	position: absolute;
    left: 50%;
	top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	z-index: 53;
	}

#mam .str .bx-controls-direction a {
	width: 35px;
	height: 35px;
	background: #ffffff;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	position: absolute;
	top: 0px;
	text-indent: -9999px;
	filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.2));
	}

#mam .str .bx-controls-direction a.disabled {
	display: none;
	}

#mam a.res {
	width: 90%;
	max-width: 300px;
	background: #DE586A;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	font-size: 16px;
	font-weight: bold;
	line-height: 50px;
	color: #ffffff;
	margin: 0px auto;
	text-align: center;
	display: block;
	position: relative;
	}

#mam a.res:before {
	content: '';
	width: 9px;
	height: 9px;
	border-top: 1px #ffffff solid;
	border-right: 1px #ffffff solid;
	position: absolute;
	right: 20px;
	top: 20px;
    transform: rotate(45deg);
	}

}