body {
    width: 100% !important;
	background:#fbf1e3 !important;
	color: #000000 !important;
}

img.arti_pct {max-width: 100%; height: auto;}
#main{ 
width: 100%;
max-width: 820px !important;
margin: 0 auto !important;
background:#fbf1e3 !important;
color: #000000 !important;
}
#main_inner {
width: 100% !important;
max-width: 820px !important;
padding: 0 !important;
}
#main_inner a { color: #1e63ff; }

.article {
   
}
.article .wrapper {
    overflow: hidden;
}


.section {

}

.header_small {
    padding-bottom:8% !important;
}

table {
    border-collapse: collapse;
}
th,td {
	border: 1px solid #3C7B35;
    padding: 8px;
}
th {
    text-align: center;
    font-weight: bold;
}
.wrapper {
    overflow: hidden;
}
.item {
    float: left;
    margin: 8px 0 8px 8px;
    padding: 8px;
}

.arti_top {
	width:100%;
	margin:0 auto 2%;
	text-align: center;
}

.arti_catch_pct {
	width:80%;
	max-width: 440px;
	text-align: center;
	margin:0 auto 4%;
}

.arti_catch_txt {
	width:96%;
	text-align: left;
	margin:0 auto 4%;
	font-size: 13px;
	color: #000000;
}
.txt_red {
	color:#ff0000;
	font-weight: bold;
}

.arti_register_btn {
	width:96%;
	max-width: 440px;
	margin:0 auto 6%;
	text-align: center;
}

.arti_flower {
	width:12%;
	max-width: 100px;
	margin:0 auto 4%;
	text-align: center;
}

.arti_ttl {
	width:100%;
	margin:0 auto 4%;
	text-align: center;
}

.arti_course {
	width:96%;
	margin:0 auto 2%;
}

.arti_course_txt {
	margin:0 auto 4%;
	text-align: center;
	color: #000000;
	font-size: 11px;
}

.arti_premiumcourse_box {
	width:96%;
	background: #ffffff;
	border: 1px solid #ff828a;
	margin:0 auto 4%;
}

.arti_300course_box {
	width:96%;
	background: #ffffff;
	border: 1px solid #33b2dd;
	margin:0 auto 4%;
}

.arti_freecourse_box {
	width:96%;
	background: #ffffff;
	border: 1px solid #52c270;
	margin:0 auto 4%;
}

.arti_box_ttl {
	width:50%;
	max-width: 330px;
	text-align: center;
	margin:4% auto;
}

ul.arti_content_list{
	list-style-type: none;
	width:92%;
	margin: 0 auto 4%;
}

.arti_content_list li{
	width:100%;
	margin-bottom: 4%;
}
.arti_content_list li:nth-child(1){

}
.arti_content_list li:nth-child(2){

}

.arti_content_list li:nth-child(3){

}
.arti_content_list li:nth-child(4){

}

.arti_content_list li:nth-child(5){
	margin-bottom: 0;
}

ul.arti_content_list2{
	list-style-type: none;
	width:92%;
	margin: 0 auto 4%;
}

.arti_content_list2 li{
	width:100%;
}

ul.arti_content_list3{
	list-style-type: none;
	width:92%;
	margin: 0 auto 4%;
}

.arti_content_list3 li{
	width:100%;
}
	
.arti_content_txt{
	text-align: left;
	width: 98%;
	padding: 2% 2% 0 2%;
	font-size: 12px;
	color: #000000;
}

.arti_content_caption{
	text-align: left;
	width: 98%;
	padding: 2% 2% 0 2%;
	font-size: 10px;
	color: #000000;
}

.arti_pc{
	display:none;
}
.arti_sp{
	display:block;
}

@media screen and (min-width:641px) { 
.header_small {
    padding-bottom:4% !important;
}
	
.arti_catch_pct {
	margin:0 auto 6%;
}

.arti_catch_txt {
	width:98%;
	margin:0 auto 4%;
	font-size: 18px;
}

.arti_register_btn {
	margin:0 auto 8%;
}

.arti_flower {
	margin:0 auto 6%;
}

.arti_ttl {
	margin:0 auto 2%;
}
	
.arti_course {
	margin:0 auto 3%;
}

.arti_course_txt {
	margin:0 auto 6%;
	font-size: 18px;
}
	
.arti_premiumcourse_box {
	width: 100%;
	border: 2px solid #ff828a;
	margin:0 auto 6%;
}

.arti_300course_box {
	width:100%;
	border: 2px solid #33b2dd;
	margin:0 auto 6%;
}
	
.arti_freecourse_box {
	width:100%;
	border: 2px solid #52c270;
	margin:0 auto 6%;
}

ul.arti_content_list{
	margin: 0 auto 6%;
	width:96%;
}
	
.arti_content_list li{
	width:48%;
}
.arti_content_list li:nth-child(1){
	float: left;
}
.arti_content_list li:nth-child(2){
	float: right;
}
.arti_content_list li:nth-child(3){
	float: left;
}
.arti_content_list li:nth-child(4){
	float: right;
}
	
.arti_content_list li:nth-child(4){
	float: right;
}
	
.arti_content_list li:nth-child(4):after{
	clear: both;
}
	
.arti_content_list li:nth-child(5){
	width:100%;
	margin-bottom: 0;
}
	
ul.arti_content_list2{
	margin: 0 auto 6%;
	width:96%;
}

.arti_content_list2 li{
	width:100%;
}
	
ul.arti_content_list3{
	width:48%;
	margin: 0 auto 6%;
}

.arti_content_list3 li{
	width:100%;
}
	
.arti_content_txt{
	padding: 2% 4% 0 0;
	font-size: 14px;
}
	
.arti_content_caption{
	padding: 2% 4% 0 0;
	font-size: 12px;
}

.arti_pc{
	display:block;
}
.arti_sp{
	display:none;
}
	
}