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

@import "normalize.css";
@import "font.css";
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400);
@import url(http://fonts.googleapis.com/css?family=Roboto:100,300,400,700);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html{background-color:#FFF; margin:0 5px; font-size:small;font-family: 'Roboto', sans-serif; font-weight:300; height:100%;}

a:link, a:visited{ color:#FFF;text-decoration: none;}
a:hover{text-decoration:none;}
.Clear {clear: both;font: 0pt/0pt sans-serif;height: 0px; line-height:0;}


#wdc_menu ul:after, #Tab1:after, #Tab2 ul:after, #Tab3 ul:after, .content_inner:after, #Wdf ul:after, .content_inner .wdc_area:after,
.wdc_post:after, #single_pagelink:after, .s_area:after, .s_area .s_data:after, .s_area .s_dataB:after, #bottom_ad ul:after
 {display: block;content: "";clear: both;overflow: hidden;}

/* =========================================================
	font-size:77%    for setting 10px
	font-size:85%    for setting 11px
	font-size:93%    for setting 12px
	font-size:100%   for setting 13px
	font-size:108%   for setting 14px
	font-size:116%   for setting 15px
	font-size:123.1% for setting 16px
	font-size:131%   for setting 17px
	font-size:138.5% for setting 18px
	font-size:146.5% for setting 19px
	font-size:153.9% for setting 20px
	font-size:161.6% for setting 21px
	font-size:167%   for setting 22px
	font-size:174%   for setting 23px
	font-size:182%   for setting 24px
	font-size:189%   for setting 25px
	font-size:197%   for setting 26px
========================================================= */
body{ padding:5px 5px -5px 5px; height:100%;}
#wrap{margin:0; padding:0; width:100%; background-color:#2f2f2f;}
body > #wrap {height: auto; min-height:100%;}
#container{ padding:85px 81px 20px 81px;}
#container .content_inner{width:100%; margin-bottom:70px;}
img {
  max-width: 100%;
  vertical-align: middle;
}

/* Header
*******************************************************************************************************************/
header{ background-color:#FFF; padding:5px 0;}
header section{background-color:#2f2f2f;  position:relative; padding:10px 15px ;}
header section h1{font-family: 'Lato', sans-serif; font-weight:100; font-size:77%; color:#ccc; margin:0; font-weight:normal; padding-bottom:3px; letter-spacing:0.1em;}
header section #logo{padding:12px 0 8px 0;}
header section nav{ position:absolute; right:0; top:0;}
header section nav ul{list-style: none;padding: 0;margin: 0;}
header section nav li{ float:left; text-align:right;}
header section nav li a, .wdc_cap li.launch a, .wdc_cap li.detail a{display: block;
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;}

header section nav li.ns a{width: 58px;height: 29px; background: url(../img/navi.png) no-repeat 0px bottom;}
header section nav li.ns a:hover{ background-position:0 0;}
header section nav li.nc a{width: 62px;height: 29px; background: url(../img/navi.png) no-repeat -58px bottom;}
header section nav li.nc a:hover{ background-position:-58px 0;}
header section nav li.nf a{width: 29px;height: 29px; background: url(../img/navi.png) no-repeat -120px bottom;}
header section nav li.nf a:hover{ background-position:-120px 0;}
header section nav li.nt a{width: 29px;height: 29px; background: url(../img/navi.png) no-repeat -149px bottom;}
header section nav li.nt a:hover{ background-position:-149px 0;}
header section nav li.nr a{width: 29px;height: 29px; background: url(../img/navi.png) no-repeat -178px bottom;}
header section nav li.nr a:hover{ background-position:-178px 0;}


/* Menu
*******************************************************************************************************************/
.wdc_slide{display:none;background-color:#FFF;padding:40px 0;}
.wdc_menu_inner {padding:0 81px;}

.menu_icon {
	position:absolute; right:5px; bottom:5px;
	padding:11px 14px 11px 11px;
	width:10px;
	height:10px;
  display: block;
  float: left;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  text-align:center;
}
.menu_icon span {
  display: block;
  width: 17px;
  height: 2px;
  background: #FFF;
  margin-bottom: 4px;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.menu_icon.active {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.menu_icon.active .bar1 {
  -webkit-transform: rotate(0deg) translateY(6px);
  -moz-transform: rotate(0deg) translateY(6px);
  -ms-transform: rotate(0deg) translateY(6px);
  -o-transform: rotate(0deg) translateY(6px);
  transform: rotate(0deg) translateY(6px);
}
.menu_icon.active .bar2 {
  opacity: 0;
}
.menu_icon.active .bar3 {
  -webkit-transform: rotate(-90deg) translateX(6px);
  -moz-transform: rotate(-90deg) translateX(6px);
  -ms-transform: rotate(-90deg) translateX(6px);
  -o-transform: rotate(-90deg) translateX(6px);
  transform: rotate(-90deg) translateX(6px);
}
.hide { position: absolute; display:none;}
#wdc_menu{ min-width:470px;}
#wdc_menu .nav { border-bottom: solid 1px #333; height: 30px; margin-bottom:50px; }
#wdc_menu .nav ul {margin: 0; padding:0; height: 30px;}
#wdc_menu .nav li {display: inline; text-align:center; float:left; font-size:85%; margin-right:6px;}
#wdc_menu .nav li a {color:#CCC; text-decoration:none; display: block; width:130px; height: 29px;line-height:30px; border:solid 1px #ccc; border-bottom:none;}
#wdc_menu .nav li a:hover {color:#333; background-color:#ffcc00; border:solid 1px #ffcc00; border-bottom:none;}
#wdc_menu li a.current, #wdc_menu li a.current:hover {color:#FFF; text-decoration:none; height: 30px;line-height:30px; border:solid 1px #333; border-bottom:none; background-color:#333; }
#Tab1 .About{ margin:0 0 50px 0;line-height:20px; line-height:1.8em; letter-spacing:0.1em ;font-size:96%; font-weight:300;word-wrap: break-word;}
#Tab1 .Search{}
#Tab2 ul, #Tab3 ul{ list-style:none; margin:0; padding:0;}
#Tab2 li, #Tab3 li{ float:left; display: block;background:#FFF; width:24%; min-width:190px; margin:0 5px 0 0;}
#Tab2 li a, #Tab3 li a{
	display: block;
	position: relative;
	z-index: 2;
	text-decoration:none;
	color:#333;
	overflow: hidden;
	padding:14px 10px 12px 15px; 
	border-bottom:solid 1px #EEE;
}

#Tab1 .w_entry{ padding-bottom:15px; margin-bottom:30px; border-bottom:solid 1px #AAA; font-size:108%;letter-spacing:0.1em ;}
#Tab1 .w_entry span{font-family: 'Lato', sans-serif; font-size:190%; font-weight:300; margin-right:2px;}
#Tab2 li a:hover, #Tab3 li a:hover{
	color: #000;
}
#Tab2 li a:hover:after, #Tab3 li a:hover:after{
	top: 0;
	left: 0;
	background-color:#ffcc00;
}
#Tab2 li a:before, #Tab2 li a:after, #Tab3 li a:before, #Tab3 li a:after{
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
		top: 0%;
	left: -100%;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .35s;
	transition: all .35s;
}

.sTd{ text-align:right; padding:2px 30px 0 0; font-size:75%; vertical-align:top; height:50px;}
.search_color ul {list-style: none;padding: 0px;margin: 0px;height: 16px; width:400px;}
.search_color li {float:left;margin-right: 8px;}
.search_layout a{ text-decoration:none; color:#333;}
.search_layout dl {float:left;width: 50px;margin-right:8px;}
.search_layout dt{margin:0 0 2px 0;}
.search_layout dd{ font-size:65%; letter-spacing:0.1em;margin: 0px;text-align: center;padding: 0px;}
.s_text{margin: 0;padding: 3px 4px; height:17px; max-width: 100%;width: 240px;outline: none;border: 1px solid #888;background: #FFF;color: #777;font-size:100%;}
.s_text:focus{border: 1px solid #333;background: #EEE;color: #333;}
.s_btn{height: 25px; width:41px; line-height:25px; border:none; margin:0; padding:0; background:url(../img/s_btn.gif) no-repeat 0 bottom; vertical-align:bottom;}
.s_btn:hover{height: 25px; width:41px; line-height:25px; border:none; margin:0; padding:0; background:url(../img/s_btn.gif) no-repeat 0 top;}


/* Main
*******************************************************************************************************************/
.post{ text-align:center; padding-top:50px; margin-bottom:100px; color:#FFF;font-family: 'Lato', sans-serif; font-weight:100;}
.post h2{ font-size:180%; font-weight:300;}
.top_ad{ padding:0 0 30px 0; text-align:center;}
#bottom_ad{ padding:10px 0 15px 0;}
#bottom_ad ul{ text-align:center;}
#bottom_ad li{ display:inline-block;}
.ad_t{ color:#CCC; text-align:left; border:solid 1px #444; border-left:none; border-right:none; padding:10px; margin-bottom:30px; }


.cate_T{ background-color:#222; padding:10px 15px; border-bottom:solid 5px #FFF;}
.cate_T h2{ font-size:85%; color:#FFF; font-weight:normal;}
.cate_T span{ font-size:169%; vertical-align:-5px; margin-right:3px;}
.wdc_container{width:100%;
-webkit-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
-ms-transition:all .3s ease-out;
transition:all .3s ease-out;
}

#Wdf{margin-bottom:10px; zoom: 1;}
#Wdf li {list-style:none;}
#Wdf .wdc_post { margin-bottom:5%; float: left;}


#Wdf li.wdc_post { border:solid 1px #222;
  position: relative;
  zoom: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
-ms-transition:all .2s ease-out;
transition:all .2s ease-out;
  max-width:398px;
  display:block;
}
.wdc_post .wdc_inner {position: relative; overflow: hidden;}
.wdc_post .wdc_inner img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.wdc_post .wdc_cap {
  display: block;
  position: absolute;
  width: 90%;
  height: 90%;
  top: 0;
  left: 0;
  margin: 0;
  padding: 7% 7%;
  background:url(/img/cap_bg.png) repeat rgba(0, 0, 0, 0.5);
  /*background: rgba(0, 0, 0, 0.7);*/
  color: #fff;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.wdc_post:hover .wdc_cap {opacity: 1;}
.wdc_post:hover .wdc_inner img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
-webkit-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
}

.wdc_cap .wdc_t{ font-size:123.6%; margin-bottom:3px;font-family: 'Roboto Condensed', sans-serif;}
.wdc_cap .wdc_u{ font-size:70%;margin-bottom:10px; letter-spacing:0.05em;}
.wdc_t, .wdc_u, .s_title, .s_url{ 
padding-right: 20px;
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}

.wdc_cap ul{ list-style:none; padding-top:18px; border-top: solid 1px rgba(255, 255, 255, 0.4); margin-right:15px;}
.wdc_cap ul:after{display: block;content: "";clear: both;overflow: hidden;}
.wdc_cap li{ float:left; margin-right:8px; font-size:93%; height:16px;}
.wdc_cap li.launch { clear:both;}
.wdc_cap li.launch a{width: 90px;height: 21px; background: url(../img/post_btn.png) no-repeat 0 bottom;}
.wdc_cap li.launch a:hover{ background-position:0 0;}	
.wdc_cap li.detail a{width: 90px;height: 21px; background: url(../img/post_btn.png) no-repeat -90px bottom;}
.wdc_cap li.detail a:hover{ background-position:-90px 0;}	

/* Single
*******************************************************************************************************************/

.s_sc{ margin:0 auto 20px auto; padding: 8px;
  background-color: #fff;
  position: relative;
  zoom: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width:800px;}
.s_sc .s_sc_inner{position: relative; display:block;}
.s_area{ background-color:#222; padding:40px; margin-bottom:20px; color:#FFF;}
.s_area .s_area_inner{ float:right;width:100%; margin-left: -340px;}
.s_title{ font-size:210%; margin-bottom:5px; font-weight:100;}
.s_link{ padding:0 10px 0 0;
    color: #333;
    text-decoration: none;
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;}
.s_link:hover{ background-color: #FFED00;color:#000;}

.s_url{ font-size:138.5%; margin-bottom:15px;font-family: 'Lato', sans-serif; font-weight:300;}
.s_des{ font-size:110%; margin-bottom:25px;}
.s_area .s_left{ float:left; width:340px;}
.s_area .s_right{margin-left:370px;
-webkit-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
-ms-transition:all .3s ease-out;
transition:all .3s ease-out;}
.s_area .s_right ul{ list-style:none;display:inline-block;}
.s_area .s_right li{display:inline-block; float:left; margin-right: 2.5%;margin-bottom: 2.5%; max-width:250px;font-size:93%;position: relative;overflow: hidden; border:solid 5px #eaeaea;
-webkit-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
-ms-transition:all .3s ease-out;
transition:all .3s ease-out;
}
.s_area .s_data, .s_area .s_dataB{ border-top:solid 1px #444;}
.s_area .s_data .left, .s_area .s_dataB .left{ float:left; font-size:85%; width:80px; padding:20px 0 20px 20px; vertical-align:middle;}
.s_area .s_data .right, .s_area .s_dataB .right{float:left;}
.s_area .s_data .right ul, .s_area .s_dataB .right ul{ list-style:none;}
.s_area .s_data .right li, .s_area .s_dataB .right li{  float:left; display:block;}
.s_area .s_data .right li a{font-size:110%;}
.s_area .s_dataB .right li a{font-size:85%;}
.s_area .s_data .right li a, .s_area .s_dataB .right li a{ padding:20px 11px; display:block;
    text-decoration: none;
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
  overflow: hidden;}
  
.s_area .s_data .right li a:hover, .s_area .s_dataB .right li a:hover{ background-color:#ffcc00; color:#000;}
.s_area .s_data .right li .s_sname{ font-family:Arial, Helvetica, sans-serif, "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック"; font-size:85%; padding-left:5px;}
.s_area .s_data .right li .s_count{ padding-left:10px; font-size:115%; font-family:Arial, Helvetica, sans-serif;}
.s_area .s_right .s_cap {
	vertical-align:text-bottom;
  display: block;
  position: absolute;
  width: 86%;
  height: 86%;
  top: 0;
  left: 0;
  margin: 0;
  padding: 7% 7%;
  background: url(../img/p_link.png) no-repeat center center rgba(0, 0, 0, 0.6);
  color: #fff;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.s_area .s_right li a:hover .s_cap {opacity: 1;}


#single_pagelink{display: block;width: 100%;}
#single_pagelink .single_l{ float:left; width:49%;display: block;}
#single_pagelink .single_r{ float:right; width:49%;text-align:right;display: block;}

#single_pagelink .single_l a, #single_pagelink .single_r a, .myclip_del a{
    display: block;
    background-color: #111;
    padding:15px;
    text-decoration: none;
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#single_pagelink .single_l a:hover, #single_pagelink .single_r a:hover, .myclip_del a:hover{
    background-color:#ffcc00; color:#000;
}

.page_T{font-family: 'Lato', sans-serif; font-weight:300; font-size:240%; padding:10px 0; border-bottom:solid 1px #ccc; margin-bottom:50px;}
.page_T span{ font-size:35%; padding-left:10px; letter-spacing:0.1em; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.page_text{ margin-bottom:50px; line-height:1.7em; padding:0 20px; letter-spacing:0.08em;}
.page_textC{ font-size:120%; margin-bottom:5px;}


/* Contents
*******************************************************************************************************************/
#Left{margin-right: 220px; margin-bottom:40px;}




/* PageNavi
*******************************************************************************************************************/
.wp-pagenavi { padding-top:20px; margin-bottom:15px; text-align:center;
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	color:#FFF;
	background-color:#111;
	text-decoration: none;
	margin: 1px;
	transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wp-pagenavi a:hover{ background-color:#ffcc00; color:#000;}
.wp-pagenavi span.current { background-color:#ffcc00; color:#000;}


/* form
*******************************************************************************************************************/
.w_f{
padding:15px 50px 15px 5px;
line-height:25px;
}

 
.m-alert{
font-size:85%;
padding:1px 20px;
background:#ff8080;
color:#fff;
margin:0 10px 0 0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px; 
}
 
.w_f input[type=text],input[type=tel],input[type=email]{
font-size:100%; padding:3px 10px;color:#000;
}
 
.w_f textarea{
font-size:100%;color:#000;
width:100%;border:solid 1px #AAA;padding:15px;
}
 
span.wpcf7-list-item { display: block; }
.w_f input[type=text], .w_f input[type=email], .w_f input[type=tel]{
   width:100%;border:solid 1px #AAA; line-height:25px;
}
 
.w_f input[type=text]:focus, .w_f input[type=email]:focus, .w_f input[type=tel]:focus{
border:solid 1px #AAA; background: #EEE;color: #333;
}
 
.w_f input[type=text], select,input[type=email],input[type=tel]{
   outline: none;
}

 
.w_f input[type=submit] {
	margin:0 auto;
   border:#333 1px solid;
   width:50%;
   height:50px;
   color:#FFF;
   background-color:#333;
}
.w_f input:hover[type=submit]{
   border:#FFED00 1px solid;
   cursor:pointer;
   color:#333;
   background-color:#ffcc00;
}
.w_f img{
   border:solid 2px #FF0000;
   background-color:#FFF;
   padding:10px;
   margin:5px 0 15px 0;
}



/* PageTop
*******************************************************************************************************************/
.pageTop {
	display:none;
	position:relative;
	height:0;
	margin:0 auto;
}
.pageTop a {
	background:url(/img/pagetop.png) top left no-repeat #000;display: block; width:40px; height:40px;
	position: fixed;
	bottom: 0px;
}
.pageTop a:hover {
	background:url(/img/pagetop.png) top left no-repeat #555;
}

/* Footer
*******************************************************************************************************************/
footer{ border-top:solid 5px #FFF; border-bottom:solid 5px #FFF; background-color:#2f2f2f; color:#CCC; height:15px; margin-top:-45px; padding:10px 0; position:relative; clear:both; width:100%;}
footer .fl{ float:left; font-size:68%; padding-left:18px;}
footer .fr{float:right;font-size:77%; letter-spacing:0.1em; padding-right:18px;}
footer .fr a{ color:#AAA; padding:0 2px; }
footer .fr a:hover{ color:#FFF; }

@media screen and (min-width:200px){
	#Tab2, #Tab3{ font-size:85%;}
	#Wdf{ max-width:400px;  margin:0 auto;}
	#Wdf .wdc_post {margin-bottom: 5%; max-width:396px;}
	.center_ad{ display:none;}
	header section h1{display:none;}
	#bottom_ad li{ margin-bottom:15px;}#bottom_ad li:nth-child(2n){ display:none;}
	.wp-pagenavi a, .wp-pagenavi span {padding: 15px 22px;}
	}

@media only screen and (min-width:768px) {
	#Tab1 .Tleft{ float:none; width:100%; margin:0 0 20px 0;}
	#Tab1 .Tright{float:none; width:100%;}
  
}

@media only screen and (min-width:900px) {
	#Tab2, #Tab3{ font-size:93%;}
	#Wdf{max-width:825px; margin:0 auto;}
	header section h1{display:block;}
	#Wdf li.wdc_post{margin-right: 2.3%; margin-bottom: 2.3%; width: 48%; }
	.center_ad{ display:block; padding:10px; margin: 0 auto 2.3% auto; text-align:center; width:748; clear:left;}
	#Wdf li.wdc_post:nth-child(2n) {margin-right: 0;}
	#bottom_ad li{ margin-right:15px; display:inline-block;}
	.wp-pagenavi a, .wp-pagenavi span {padding:25px 32px;}
	#Tab1 .Tleft{ float:left; width:61%; margin:0 0 20px 0;}
	#Tab1 .Tright{float:right; width:35%;}
  
}
@media only screen and (min-width: 1200px) {
	#Wdf{max-width: 1250px; margin:0 auto;}
	#Wdf li.wdc_post{margin-right: 1.8%; margin-bottom: 1.8%; width: 32.1%; }
	#Wdf li.wdc_post:nth-child(2n) {margin-right: 1.7%; }
	#Wdf li.wdc_post:nth-child(3n) {margin-right: 0; }
	.center_ad{margin-bottom:1.6%;}

}
@media only screen and (min-width: 1260px) {
	#bottom_ad li:nth-child(2n){ display:inline-block;}
}
@media only screen and (min-width: 1630px) {
	#Wdf {max-width: 1452px; margin:0 auto;}
	#Wdf li.wdc_post{margin-right: 1.3%; margin-bottom: 1.3%; width: 23.9%; }
	#Wdf li.wdc_post:nth-child(2n) {margin-right: 1.3%; }
	#Wdf li.wdc_post:nth-child(3n) {margin-right: 1.3%; }
	#Wdf li.wdc_post:nth-child(4n) {margin-right: 0; }  
}