@charset "utf-8";
/* CSS Document */






@media only screen and (max-width: 1050px) {
#next .blog ul.date {text-align:left;padding-right:0px;}
}

@media only screen and (max-width: 980px) {
#next .col_right.wwa ul img {width:100%;}	
}

@media only screen and (max-width: 890px) {	
#next .col_left {width:100%;padding-right:0px;padding-bottom:30px;float:left}
#next .col_right {width:100%;padding-left:0px;padding-bottom:30px;float:left}
#next .col_left.arc {text-align:justify;padding-left:0;}
#next .col_right.arf {text-align:justify;padding-top:0;}
#next .col_left.btc {text-align:left;}
#next .col_left.wwa .photo {float:none;display:block;position:relative;margin:20px auto;width:300px;height:300px;}
#next .col_left.wwa {padding-bottom:0;}
#next .col_right.wwa ul img {width:65%;}
#next .blog_main {width:100%;float:left;}
#next .blog_menu {width:100%;padding-left:15%;padding-top:0px;float:left;}
#next .blog ul.link .photo {width:100%;padding:0px 0px 10px 0px;float:left;}
#next .blog ul.link .type {width:100%;float:left;}
#next .blog .footer {padding:30px 0px 60px 0px;}
#comment .content {width:100%;}
#comment #form {width:100%;padding:40px 0;padding-left:15%;text-transform: uppercase;font-weight:600;font-size:16px;color:#ee663b;}	 
}

@media only screen and (max-width: 750px) {	
#inter li div.abc {font-size: 60px;padding: 0 20px 0 0;line-height: 160px;}
	#inter li div.ext {font-size: 45px;padding: 25px 0 0 20px;line-height: 40px; }
#next .col_right.wwa ul img {width:80%;}
section.connection .content ul { padding:10px 15px 0 15px;}
section.connection .content ul .button {width:180px;}	
}

@media only screen and (max-width: 490px) {
	#inter {height:300px;}
	#inter .go {top:210px;}
	.next_blog {top:210px;}
	#inter ul {top: 90px;} 
	#inter li div.abc {font-size: 60px;padding: 0 20px 0 0;line-height: 120px;}
	#inter li div.ext {font-size: 30px;padding: 25px 0 0 20px;line-height: 25px; }
	#inter li div.abc.wwa {font-size: 45px;padding: 0 10px 0 0;line-height: 36px;margin-top:0px; }
	#inter li div.ext.blog { font-size: 40px;margin-top:10px;line-height: 100px; }
	#next .col_left {width:100%;padding-right:0px;font-size: 14px;line-height: 22px;}
	#next .col_left.wwa ul {font-size:14px;Line-Height:20px;}
	#next .col_right {width:100%;padding-left:0px;font-size: 14px;line-height: 22px;}
	#next .col_right.wwa {text-align:justify;padding-top:0px;}
	#next .col_right.wwa ul {text-align:center;width:100%;padding-top:20px;}
	#next .col_left.wwa .photo {display:none;}
	.accordion-section-content {font-size:14px;Line-Height:18px;}
	.accordion-section-content.on {font-size:14px;Line-Height:18px;}
	.accordion-section-title {font-size:14px;}
	section.connection { padding-top:100px;}
	section.connection .content{padding:30px 30px;}
	section.connection .content ul { width:100%;padding:10px 0 0 0;font-size:14px;line-height:18px;}
	section.connection .content ul.extra { text-align:center;border-right:0px solid #fff}
	section.connection .content ul.intra { text-align:center;}
	section.connection .content ul .button {margin:10px auto 10px auto;}
	section.connection .content ul .button.extra {float:none;}
	#next .blog_main {margin-top:0px;}
	#next .blog ul.link {width:100%;padding:10px 0px 30px 0px;font-size:18px;line-height:24px;}
	#next .blog .nav {width:100%;margin-left:0;padding:40px 0px 40px 0px;font-size:18px;line-height:24px;}
	#next .blog .nav_art {width:100%;margin-left:0;padding:0px 0px 40px 0px;font-size:18px;line-height:24px;}
	#next .blog .button {width:120px;font-size: 12px;}
	#next .blog_menu {width:100%;padding-left:0;padding-top:0px;}
	#next .blog ul.date {width:auto;text-align:left;padding-top:30px;padding-right:0px;}
	#next .blog .art {width:100%;margin-left:0;padding:0px;font-size: 14px;line-height:20px;}
	#next .blog .footer {width:100%;margin-left:0;padding:0;font-size:24px;line-height:28px;}
	#next .blog .footer ul.leave {float:left;width:100%;padding:20px 0 0 0;}
	#next .blog .footer ul.share {float:left;width:100%;padding:20px 0 40px 0;}
	#comment .comment {width:100%;padding-left:0;font-size:14px;}
	#comment .comment ul custom-h1 {font-size: 14px;line-height:18px;}
	#comment .comment ul custom-h2 {font-size: 14px;line-height:18px;}
	#comment #form {width:100%;padding-left:0;}
	#comment #form form {font-size: 12px;line-height:14px;}
	#comment #form .input {font-size: 14px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px; }
	#comment #form .txt {font-size: 14px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
	}

@media only screen and (max-width: 350px) {
	#inter li div.abc {font-size: 60px;padding: 0 10px 0 0;line-height: 120px;}
	#inter li div.ext {font-size: 24px;padding: 28px 0 0 10px;line-height: 22px; }
	.accordion-section-title {font-size:12px;}
	#next .col_right.wwa ul img {width:100%;}
	
}