@charset "UTF-8";

/*豆知識ヘッター--------------------------------------*/
.mame_header{
	margin: 0px 0px 20px 0px;
}
.mame_header .title{
	margin: 0px 0px 20px 0px;
	color: #333333;
	font-size: 18px;
	letter-spacing: 0.2em;
	font-style: normal;
	text-align: left;
}
.main_img_pc{
	display:block;
}
.main_img_sp{
	display:none;
}
.mame_header img{
	margin: 0px 0px 0px 0px;
	width:100%;
}
@media screen and (max-width: 800px) {
	.mame_header{
	margin: 0px 20px 20px 20px;
}
.main_img_pc{
	display:none;
}
.main_img_sp{
	display:block;
}
}
/*豆知識囲み--------------------------------------*/

.mame_wrap{
	margin: 0px 0px 0px 0px;
}
@media screen and (max-width: 800px) {
.mame_wrap{
	margin: 0px 20px 0px 20px;
}
	}
	
/*豆知識内容--------------------------------------*/	
.mame_box1{
	margin: 0px 0px 10px 0px;
	float: left;
}
.mame_box1 .mtxt{
	margin: 0px 20px 0px 0px;
	float: left;
	width: 470px;
}
.mame_box1 .mimg{
	margin: 0px 0px 0px 0px;
	float:right;
	width:240px;
}
.mame_box1 img{
	width:100%;
}
.mame_box2{
	margin: 0px 0px 0px 0px;
	float:left;
}

.mame_box3{
	margin: 0px 0px 0px 0px;
	float:left;
}
.mame_box3 .mtxt{
	margin: 0px 0px 0px 0px;
	float:right;
	width: 490px;
}
.mame_box3 .mimg{
	margin: 0px 0px 0px 0px;
	float:left;
	width:240px;
}
.mame_box3 img{
	width:100%;
}

.mame_box4{
	margin: 0px 0px 0px 0px;
	float:left;
}
.mame_box4 .mtxt{
	margin: 0px 20px 0px 0px;
	float: left;
	width: 440px;
}
.mame_box4 .mimg{
	margin: 0px 0px 0px 0px;
	float:right;
	width:270px;
}
.mame_box4 img{
	width:100%;
}


@media screen and (max-width: 800px) {
.mame_box1{
	margin: 0px 0px 10px 0px;
	float: left;
}
.mame_box1 .mtxt{
	margin: 0px 0px 0px 0px;
	float: left;
	width: 60%;
	text-align:left;
}
.mame_box1 .mimg{
	margin: 0px 0px 0px 0px;
	float:right;
	width:38%;
}

.mame_box2{
	margin: 0px 0px 0px 0px;
	float:left;
	text-align:left;
}

.mame_box3{
	margin: 0px 0px 0px 0px;
	float:left;
}
.mame_box3 .mtxt{
	margin: 0px 0px 0px 0px;
	float: left;
	text-align:left;
	width: 60%;
}
.mame_box3 .mimg{
	margin: 0px 0px 0px 0px;
	float:left;
	text-align:left;
	width: 38%;
}

.mame_box4{
	margin: 0px 0px 0px 0px;
	float:left;
}
.mame_box4 .mtxt{
	margin: 0px 0px 0px 0px;
	float: left;
	text-align:left;
	width: 60%;
}
.mame_box4 .mimg{
	margin: 0px 0px 0px 0px;
	float:right;
	width: 38%;
}
}

@media screen and (max-width: 600px) {
.mame_box1{
	margin: 0px 0px 0px 0px;
	float:left;
}
.mame_box1 .mtxt{
	width: 100%;
	text-align:left;
}
.mame_box1 .mimg{
	width: 100%;
	margin: 0px 0px 10px 0px;
}
.mame_box2{
	width: 100%;
	text-align:left;
}
.mame_box3{
	margin: 0px 0px 0px 0px;
	float:left;
}
.mame_box3 .mtxt{
	width: 100%;
	text-align:left;
}
.mame_box3 .mimg{
	width: 100%;
	text-align:center;
}

.mame_box4{
	margin: 0px 0px 0px 0px;
	float:left;
}
.mame_box4 .mtxt{
	width: 100%;
	text-align:left;
}
.mame_box4 .mimg{
	width: 100%;
	margin: 10px 0px 0px 0px;
}

.mame_box1 img{
	width: 60%;
}
.mame_box3 img{
	width: 60%;
}
.mame_box4 img{
	width:80%;
}
}
/*ライン--------------------------------------*/
.line{
	background-image: url(../mame/images/line.jpg);
	background-repeat: no-repeat;
	height: 30px;
	float: left;
	width:100%;
	margin: 10px 0px 10px 0px;
}
/*調整用--------------------------------------*/
.mt20{
	margin-top: 20px;
}

/*よくある質問--------------------------------------*/
.qa_title{
	margin: 30px 0px 20px 0px;
	float: left;
}
.qa_title2{
	margin: 30px 0px 20px 0px;
	float: left;
}
.qa_title span{
	background-color:#FF9900;
	border-radius: 20px;     
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px;
	padding: 5px 15px 5px 15px;
	color:#FFFFFF;
	font-size:120%;
}
.qa_title2 span{
	background-color:#996600;
	border-radius: 20px;     
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px;
	padding: 5px 15px 5px 15px;
	color:#FFFFFF;
	font-size:120%;
}
.qa_list{
	padding: 0px 0px 0px 0px;
	float:left;
}

.qa_list ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0;
}
.qa_list li {
	list-style: none;
}
.qa_list .qq{
	margin: 0px 0px 0px 0px;
	padding: 15px 10px 25px 55px;
	background-image: url(../mame/images/q.jpg);
	background-repeat: no-repeat;
	color: #3FBEBE;
	font-size: 120%;
	text-align: left;
}
@media screen and (max-width: 600px) {
	.qa_list .qq{
	padding: 5px 10px 25px 55px;
}
}

.qa_list .aa{
	margin: 0px 0px 20px 0px;
	padding: 5px 10px 20px 55px;
	border-bottom: 1px dotted #999999;
	background-image: url(../mame/images/a.jpg);
	background-repeat: no-repeat;
	text-align: left;
}
@media screen and (max-width: 800px) {
	.qa_list .qq{
	background-image: url(../mame/images/q_sp.jpg);
	background-size:45px;
}
.qa_list .aa{
	background-image: url(../mame/images/a_sp.jpg);
	background-size:45px;
}
}