@charset "utf-8";

/**
 *
 * 待受け画像
 *
 */

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

#machiuke {

}

#machiuke ul {

}
#machiuke ul li {
	float: left;
	margin-right: 9px;
	margin-bottom: 10px;
}
#machiuke ul li.no_margin {
	margin-right: 0px !important;
}

#machiuke ul li img {
	border: 3px solid #EEE;
}

/* カテゴリーリスト */
#machiuke_ul {

}
#machiuke_ul li {
	float: left;
	width: 135px;
	/*height: 255px;*/
	margin-right: 5px;
	margin-bottom: 5px;
	text-align: center !important;
}
#machiuke_ul li.no_margin {
	margin-right: 0px !important;
}
#machiuke_ul li p {
	text-align: center;
}
#machiuke_ul li img {
	width: 130px !important;
	cursor: pointer;

}

/* 詳細 */
.machiuke_box {
	width: 530px;
	margin: 0px auto;
}
.machiuke_box .pic {
	width: 210px;
	float: left;
}
.machiuke_box .pic img {
	border: 3px solid #999;
	width: 200px !important;
}
.machiuke_box .links {
	float: left;
	width: 200px;
}
.machiuke_box .links ul {

}
.machiuke_box .links ul li {
	border: 3px solid #999;
	margin-bottom: 5px;
	text-align: center;
	width: 100%;
}

#machiuke_link_sp {
	display: none;
}

}

/*===============================================
●machiuke.css 画面の横幅が640px以下
===============================================*/
@media screen and (max-width: 640px){
img{
    max-width: 100%;
    height: auto;
    width /***/:auto;　
}

#machiuke {

}

#machiuke ul {

}
#machiuke ul li {
	float: left;
	margin-right: 9px;
	margin-bottom: 10px;

}
#machiuke ul li.no_margin {
	margin-right: 0px !important;
}

#machiuke ul li img {
	border: 3px solid #EEE;
}

/* カテゴリーリスト */
#machiuke_ul {
	margin: 5px;
}
#machiuke_ul li {
	float: left;
	width: 50%;
	/*height: 255px;*/
	margin: 0px !important;
	text-align: center !important;
}
#machiuke_ul li .inner {
	margin: 5px;
}
#machiuke_ul li.no_margin {
	margin-right: 0px !important;
}
#machiuke_ul li p {
	text-align: center;
}
#machiuke_ul li img {
	width: 100%;
	cursor: pointer;

}

/* 詳細 */
.machiuke_box {
	width: 90%;
	margin: 0px auto;
	text-align: center;
}
.machiuke_box .pic {
	width: 210px;
	margin: 0px auto;
}
.machiuke_box .pic img {
	border: 3px solid #999;
	width: 200px !important;
}
.machiuke_box .links {
	margin: 0px auto;
	width: 200px;
}
.machiuke_box .links ul {

}
.machiuke_box .links ul li {
	border: 3px solid #999;
	margin-bottom: 5px;
	text-align: center;
	width: 100%;
}
#machiuke_link {
	display: none;
}

}