@media screen and (max-width: 640px) {
html {overflow-x: hidden; }
body {overflow-x: hidden;width: 100%; }
body .responsive-hidden {display: none; }
body .no-padding {padding-left: 0px !important; }
body .align-center {text-align: center; }
body #wrapper {width: 100%; }
body #wrapper #headercontent {width: 100%; }
body #wrapper #headercontent #header_bnr {width: 80%; }
body #wrapper #headercontent #header_bnr span.ads-pc {display: none; }
body #wrapper #headercontent #header_login {float: right; }
body #wrapper span.ads-mobile {display: block; }
body #wrapper .breadcrumbs {padding: 0 10px; }
body #wrapper .breadcrumbs ul {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto 10px auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; }
body #wrapper .breadcrumbs ul li.breadcrumbs-list-item-last {text-align: left; }
body #wrapper .breadcrumbs ul li.breadcrumbs-list-item-last::after {display: none; }
body #wrapper #maincontent {float: none;width: 100%; }
body #wrapper #maincontent #mainframe {
	width: 100%;
	background: none;
	border: none; }
body #wrapper #maincontent #mainframe #main {width: 100%; }
body #wrapper #maincontent #mainframe #main table {
	width: 100%;
	margin: 0;
	border: none; }
body #wrapper #maincontent #mainframe #main table tbody tr {
	-webkit-box-sizing: border-box;
	box-sizing: border-box; }
body #wrapper #maincontent #mainframe #main table tbody tr.flex-tr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center; }
body #wrapper #maincontent #mainframe #main table tbody tr.flex-tr td {
	padding: 0;
	width: 100%;
	height: auto;
	margin: 5px 0; }
body #wrapper #maincontent #mainframe #main table tbody tr td, body #wrapper #maincontent #mainframe #main table tbody tr th {
	padding-left: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; }
body #wrapper #maincontent #mainframe #main table tbody tr td img, body #wrapper #maincontent #mainframe #main table tbody tr td a img, body #wrapper #maincontent #mainframe #main table tbody tr th a img {
	width: 90%;
	height: auto; }
body #wrapper #maincontent #mainframe #main table tbody tr td img.numimg {
	width: auto;
	height: auto; 
	max-width:18px !important;}
body #wrapper #maincontent #mainframe #main table.flex-col tbody {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	min-width: 100%; }
body #wrapper #maincontent #mainframe #main table.flex-col tbody tr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center; }
body #wrapper #maincontent #mainframe #main table.flex-col tbody tr td {width: 100%; }
body #wrapper #maincontent #mainframe #main table.flex-col tbody tr td:first-child {text-align: left; }
body #wrapper #maincontent #mainframe #main table.howto.apple .no-padding {padding: 0; }
body #wrapper #maincontent #mainframe #main table.howto.apple .no-padding table .column-row td {padding: 0; }
body #wrapper #maincontent #mainframe #main table.howto.apple .no-padding p.full-width {
	width: 170%;
	max-width: 100vw;
	padding: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; }
body #wrapper #maincontent #mainframe #main table.top-table {margin-bottom: 10px; }
body #wrapper #maincontent #mainframe #main table.top-table tbody tr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column; }
body #wrapper #maincontent #mainframe #main table.top-table tbody tr td.top-table-logo {
	-ms-flex-item-align: center;
	align-self: center; }
body #wrapper #maincontent #mainframe #main table.top-table tbody tr td a img {
	width: auto;
	height: auto; }
body #wrapper #maincontent #mainframe #main table.main-title tbody tr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center; }
body #wrapper #maincontent #mainframe #main table.main-title tbody tr th {
	height: auto;
	word-wrap: break-word;
	word-break: break-all; }
body #wrapper #maincontent #mainframe #main table.main-title tbody tr th#howtotitle {min-width: 125px; }
body #wrapper #maincontent #mainframe #main table.smaller-img {margin-bottom: 20px; }
body #wrapper #maincontent #mainframe #main table.smaller-img tr td:not(:first-child) img {
	max-width: 90%;
	height: auto; }
body #wrapper #maincontent #mainframe #main table.menu.responsive tr:not(:first-child) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start; }
body #wrapper #maincontent #mainframe #main table.menu.responsive tr:not(:first-child) td.center {
	-ms-flex-item-align: center;
	align-self: center; }
body #wrapper #maincontent #mainframe.atena #title {
	width: 100%;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; }
body #wrapper #maincontent #mainframe.atena #title #title_left, body #wrapper #maincontent #mainframe.atena #title #title_right {
	float: none;
	width: 100%; }
body #wrapper #maincontent #mainframe.atena #title #title_right {margin-left: 0px; }
body #wrapper #maincontent #mainframe.atena .menu_title_l_1, body #wrapper #maincontent #mainframe.atena .menu_title_l_2 {
	width: 100%;
	font-size: 10px;
	background-size: cover; }
body #wrapper #maincontent #mainframe.atena table.column {
	width: 100%;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; }
body #wrapper #maincontent #mainframe.atena table.template-table {display: block; }
body #wrapper #maincontent #mainframe.atena table.template-table tbody {display: block; }
body #wrapper #maincontent #mainframe.atena table.template-table tbody tr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; }
body #wrapper #maincontent #mainframe.atena table.template-table tbody tr:first-child {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column; }
body #wrapper #maincontent #mainframe.atena table.template-table tbody tr .center {text-align: center; }
body #wrapper #maincontent #mainframe.atena table.template-table tbody tr td {width: auto !important; }
body #wrapper #maincontent #mainframe.atena table.recommend-table {display: block; }
body #wrapper #maincontent #mainframe.atena table.recommend-table tbody {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse; }
body #wrapper #maincontent #mainframe.atena table.recommend-table tbody tr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; }
body #wrapper #maincontent #mainframe.atena table.recommend-table tbody tr:first-child td:last-child {
	width: 100%;
	text-align: center; }
body #wrapper #maincontent #mainframe.atena table.column2 {
	width: 100%;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block; }
body #wrapper #maincontent #mainframe.atena table.column2 tbody {display: block; }
body #wrapper #maincontent #mainframe.atena table.column2 tbody tr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; }
body #wrapper #maincontent #mainframe.atena table.column2 tbody tr td.table-header-img {width: 100%; }
body #wrapper #maincontent #mainframe.atena table.column2 tbody tr td.soft {
	width: 100%;
	padding: 0; }
body #wrapper #maincontent #mainframe.atena table.column2 tbody tr td.soft ul {
	margin: 0;
	padding: 0 0 0 10px; }
body #wrapper #maincontent #mainframe.atena table.column2 tbody tr td.soft ul li {margin: 5px 0; }
body #wrapper #maincontent #mainframe.atena table.usage-table tbody tr {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center; }
body #wrapper #maincontent #mainframe.atena .notice {
	width: 100%;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; }
body #wrapper #maincontent #mainframe #footer {display: none; }
body #wrapper #sidebarcontent, body #wrapper #sidebarcontent2 {
	float: none;
	width: 100%; }
body #wrapper #sidebarcontent {margin-top: 50px; }
body #wrapper #sidebarcontent #bansponsor01-2nd {text-align: center; }
body #wrapper #sidebarcontent .clearfix {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center; }
body #wrapper #sidebarcontent .clearfix a {margin-bottom: 10px; } 
#bansponsor01 {text-align: center; }
}