/* ----------------------------------------------------------------------
 layout
---------------------------------------------------------------------- */
body { position:relative; overflow:hidden; width:100%; min-width:100%; padding:0; background:#fff; }
.mobile .admin-bar { padding-top:45px; }
#wpadminbar { position:fixed; top:0px; left:0px; }

#header_top { position:absolute; right:-85%; top:0px; width:85%; min-width:85%; height:100%; background:#2a3134; border:none; box-shadow:none; }
#header_logo_area {
  width:100%; min-width:100%; height:40px; position:relative; left:0px; top:0px; margin:0 0 15px 0; z-index:10;  padding:0;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; border-bottom:1px solid #ccc; box-shadow:0px 0px 0px 1px #fff inset, 0 0 5px rgba(0, 0, 0, 0.2);
  background:#f2f2f2; background: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background: -moz-linear-gradient(top, #ffffff, #f2f2f2); background: -ms-linear-gradient(top, #ffffff, #f2f2f2); background: -o-linear-gradient(top, #ffffff, #f2f2f2); background: linear-gradient(to bottom, #ffffff, #f2f2f2); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#f2f2f2');
}
#header_logo_area_inner { width:auto; height:40px; margin:0; }

#header_bottom { width:100%; min-width:100%; background:none; border:none; }
#header_bottom_inner { position:relative; width:auto; margin:0 15px 15px; height:auto; position:relative;  }

#main_content { background-image:none; background:#fff; width:auto; margin:0; border:none; z-index:2; position:relative; box-shadow:none; }

#main_col { width:auto; margin:0 15px 15px; float:none; border:1px solid #ccc; position:relative; box-shadow:0 0 5px 1px rgba(0,0,0,0.2); }
#left_col { width:auto; float:none; margin:0 15px 15px; border:1px solid #ccc; box-shadow:0 0 5px 1px rgba(0,0,0,0.2); }
#right_col { width:auto; float:none; margin:0 15px 15px; border:1px solid #ccc; box-shadow:0 0 5px 1px rgba(0,0,0,0.2); }
.layout1 #main_col, .layout2 #main_col { width:auto; float:none; margin:0 15px 15px; border:1px solid #ccc; }
.layout1 #left_col, .layout2 #left_col { width:auto; float:none; margin:0 15px 15px; border:1px solid #ccc; }

#container {
  background:none; border:none;
  position:relative; width:100%; right:0;
  -webkit-transition:right 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition:right 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition:right 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition:right 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.open #container { right:85%; }

#container:before { content:''; display:block; background:url(img/menu_shadow.png) repeat-y left top; position:absolute; top:0px; right:-17px; width:17px; height:100%; z-index:20; }



/* ----------------------------------------------------------------------
 header
---------------------------------------------------------------------- */
/* logo */
#logo_text { position:relative; top:0px; left:0px;  }
#logo_text #logo { margin:0 0 0 15px; padding:0; height:40px; line-height:40px; font-weight:normal; float:none; }
#logo a { text-decoration:none; display:inline; -webkit-transition:color 0.2s ease-in-out; -moz-transition:color 0.2s ease-in-out; -o-transition:color 0.2s ease-in-out; -ms-transition:color 0.2s ease-in-out; transition:color 0.2s ease-in-out; }
#tagline { display:none; }


/* mobile menu */
#header_menu { display:block; width:100%; height:100%; background:#2a3134; padding:0; z-index:0; margin:40px 0 0 0; border:none; overflow:auto; }

#header_menu ul { display:block; margin:0; }
#header_menu ul ul { display:block; position:relative; top:0px; left:0px; margin:0; padding:0; }
#header_menu ul ul ul { left:0px; top:0; margin:0; }
#header_menu ul li { float:none; margin:0; padding:0; line-height:160%; }

#header_menu > ul { border-bottom:1px solid #444; border-top:1px solid #111; }

#header_menu ul li a, #header_menu ul ul li a
  { font-size:12px; display:block; width:auto; height:auto; line-height:180%; padding:13px 2em 13px; margin:0; background:#2a3134; color:#9da2a5; border-left:none; border-top:1px solid #444; border-bottom:1px solid #111; text-align:left; text-decoration:none; }

#header_menu > ul > li > a:after { display:none; }

#header_menu ul li a:hover { background:#27b0ce; color:#fff; }
#header_menu ul li li a { padding-left:3em; }
#header_menu ul li li li a { padding-left:4em; }
#header_menu ul li li li li a { padding-left:5em; }
#header_menu ul ul li a:hover { }


/* search form */
#search_area_top { position:absolute; top:0px; left:0px; width:100%; height:40px; }
#search_area_top .search_form { position:relative; width:100%; height:40px; border-bottom:1px solid #111; }
#search_area_top .search_input input { font-size:12px; background:#2a3134; color:#9da2a5; width:75%; height:40px; padding:0 1.7em; margin:0; border:none; border-right:1px solid #444; box-sizing:border-box; }
#search_area_top .search_input input:hover, #search_area_mobile .search_input input:focus { color:#fff; }
#search_area_top .search_button input {
  text-indent:200%; white-space:nowrap; overflow:hidden; display:block;
  position:absolute; top:0px; right:0px; height:40px; width:25%; line-height:40px; border:none; border-left:1px solid #111;
  background:url(img/search.png) no-repeat center; -moz-background-size:15px; -webkit-background-size:15px; -o-background-size:15px; -ms-background-size:15px; background-size:15px;
}
#search_area_top .search_button input:hover { cursor:pointer; background:url(img/search2.png) no-repeat center; -moz-background-size:15px; -webkit-background-size:15px; -o-background-size:15px; -ms-background-size:15px; background-size:15px; }


/* menu button */
#menu_button { display:block; position:absolute; right:0; top:0; margin:0; width:55px; height:40px; text-decoration:none; color:#bbb; border-left:1px solid #ccc; }
#menu_button .title { display:none; }
#menu_button .icon:before { font-family:'icomoon-n1b-ml'; content:"\e618"; font-size:34px; top:3px; right:-10px; position:relative; font-style:normal; }
#menu_button:hover { color:#fff; background-color:#27b0ce; }
.open #menu_button { color:#bbb; }
.open #menu_button:hover { color:#fff; }
@media screen and (max-width:480px) {
  #menu_button { width:45px; }
  #menu_button .icon:before { font-family:'icomoon-n1b-ml'; content:"\e618"; font-size:30px; top:6px; right:-7px; }
}

/* social link */
#search_link_area { float:none; }
#search_link_area ul { display:none; }


/* adsense */
#header_adsense_area { width:auto; margin:0 15px 15px; }
.header_adsense, .no_header_bottom .header_adsense { position:relative; top:auto; right:auto; }
.header_adsense_inner { height:auto; display:inline; vertical-align: middle; }
.header_adsense img { max-width:100%; height:auto; display:block; margin:0 auto; }
#header_rss_list_top { position:relative; top:0px; right:0px; height:150px; width:auto; overflow:auto; }
#header_rss_list_top .header_rss_box { margin-top:-10px; }
.page .header_adsense, .page #header_rss_list_top { top:auto; }




/* ----------------------------------------------------------------------
 header bottom
---------------------------------------------------------------------- */
/* custom header image */
#custom_header_image { position:relative; top:0px; left:0px; width:100%; height:auto; }


/* header slider */
#header_slider { width:100%; height:auto; position:relative; padding:0; background:url(img/loader.gif) no-repeat center; }
#header_slider img { width:100%; height:auto; display:block; }


/* contents slider */
@media screen and (min-width:560px) {
  #content_slider { padding:0; width:100%; height:auto; overflow:hidden; background:none; }
  #content_slider .image img { width:100%; height:auto; display:block; }
  #content_slider .image { width:37%; height:auto; display:block; margin:0 0 15px 0; float:left; padding:0; }
  #content_slider .image:hover:after { box-shadow:inset 0 0 0 8px rgba(255,255,255, 0.3); opacity:1; }
  #content_slider .post_data {  float:right; padding:0; margin:0 0 15px 0; width:60%; height:auto; position:relative; background:#fff; }
  #content_slider .post_title { font-size:18px; line-height:160%; margin:3px 0 15px 0; max-height:100%; }
  #content_slider .post_title a { text-decoration:none; display:block; }
  #content_slider .post_title a:hover { text-decoration:underline; }
  #content_slider .post_meta_top { color:#999; max-height:100%; overflow:auto; font-size:11px; }
  #content_slider .post_meta_top a { color:#999; }
  #content_slider a.link { display:none; }
  .flex-control-paging { position:absolute; left:0px; right:0px; bottom:0px; z-index:9999; text-align:center; padding:0; }
  .flex-control-paging li { float:none; display:inline; margin:0 3px; }
  .flex-control-paging li a { display:inline-block; background:#ccc; height:12px; width:12px; text-indent:200%; overflow:hidden; border-radius:15px; cursor:pointer; }
}
@media screen and (max-width:560px) {
  #content_slider { width:100%; height:auto; overflow:hidden; background:none; padding:0; }
  #content_slider .image img { width:100%; height:auto; display:block; float:none; }
  #content_slider .image { position:relative; display:inline-block; margin:0 0 10px 0; }
  #content_slider .image:hover:after { box-shadow:inset 0 0 0 6px rgba(255,255,255, 0.3); opacity:1; }
  #content_slider .post_data { float:none; padding:0; width:100%; height:auto; }
  #content_slider a.link { float:none; position:relative; right:0px; bottom:0px; }
  #content_slider a.link:hover { background:#fff; }
  .flex-control-paging { left:0; bottom:0; text-align:center; padding:20px 0 0; }
  .flex-control-paging li { float:none; display:inline; margin:0 3px; }
  .flex-control-paging li a { display:inline-block; }
}


/* contents slider2 */
#contents_slider2_wrap { position:relative; top:auto; right:auto; }
#header_bottom.ad_position_right #contents_slider2_wrap { left:auto; right:auto; }
#contents_slider2 { width:608px; height:247px; margin:0 auto 20px; }
.lof-slidecontent .navigator-content { position:absolute; right:0; top:0px; z-index:1; height:250px; width:91px; overflow:hidden; background:#fff; border-left:1px solid #ccc; }
.lof-slidecontent  ul.navigator-wrap-inner .title { display:none; }
.lof-slidecontent  ul.navigator-wrap-inner p { display:none; }
@media screen and (max-width:630px) {
  #contents_slider2 { width:100%; height:247px; margin:0 auto 20px; position:relative; overflow:hidden; }
  .main-slider-content { width:100%; height:247px; position:absolute; right:0px; top:0px; }
  .lof-slidecontent { position:relative; overflow:hidden; border:1px solid #ccc; }
  .lof-slidecontent .lof-opacity li { left:auto; right:0; float:inherit!important; }
  .lof-slidecontent .navigator-content { left:0px; z-index:10; border:none; border-right:1px solid #ccc; }
}
@media screen and (max-width:560px) {
  .lof-slidecontent .navigator-content { left:0px; z-index:10; border:none; border-right:1px solid rgba(255,255,255,0.5); background:rgba(255,255,255,0.8); }
  .lof-slidecontent  ul.navigator-wrap-inner li { opacity:0.5; -webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none; transition:none; }
  .lof-slidecontent  ul.navigator-wrap-inner li:hover, .lof-slidecontent  ul.navigator-wrap-inner li.active { opacity:1; background:rgba(255,255,255,0.9); box-shadow:none; }
}
@media screen and (max-width:400px) { .lof-slidecontent .navigator-content { display:none; } }
@media screen and (max-width:310px) { #contents_slider2_wrap { display:none; } }


/* content slider3 */
#content_slider3_wrap { width:100%; overflow:hidden; }
#content_slider3 { width:100%; padding:0; }
#content_slider3 .post { text-align:center; width:100%; }
#content_slider3 a.image { display:block; margin:0 0 10px 0; position:relative; overflow:hidden; width:100%; }
#content_slider3 a.image:after { display:none; }
#content_slider3 a.image img { display:block; width:95%; height:auto; margin:0 auto; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
#content_slider3 .post_title { font-size:12px; display:block; text-decoration:none; margin:0 auto; width:95%; line-height:160%; }
#content_slider3 .post_title a { text-decoration:none; display:block; }
#content_slider3 .post_title a:hover { text-decoration:underline; }
#content_slider3 .owl-wrapper-outer { width:100%; overflow:hidden; }
.owl-next, .owl-prev { display:none; }
.owl-pagination { text-align:center; padding:15px 0 0 0; }
.owl-page { display:inline; margin:0 5px; }
.owl-page span { display:inline-block; background:#ccc; height:12px; width:12px; text-indent:200%; overflow:hidden; border-radius:15px; cursor:pointer; }
.owl-page span:hover, .owl-page.active span { background:#999; }
@media screen and (max-width:480px) {
 #content_slider3 a.image img, #content_slider3 .post_title { width:100%; }
}


/* adsense */
#header_bottom .adsense { position:relative; left:auto; top:auto; text-align:center; }
#header_bottom .adsense img { max-width:100%; height:auto; }
#header_bottom.ad_position_right .adsense { left:auto; right:auto; }


/* popular list */
#header_popular_post { position:relative; right:auto; top:auto; margin:0 0 15px 0; border:1px solid #ccc; box-shadow:0 0 3px 0px rgba(0,0,0,0.2); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
#header_popular_post h2 {
  display:block; font-size:14px; color:#666; height:40px; padding:0 15px; margin:0; line-height:42px; font-weight:normal; position:relative; border-bottom:1px solid #ccc; overflow:hidden;
  background:#f6f6f6; background: -webkit-linear-gradient(top, #ffffff, #f8f8f8); background: -moz-linear-gradient(top, #ffffff, #f8f8f8); background: -ms-linear-gradient(top, #ffffff, #f8f8f8); background: -o-linear-gradient(top, #ffffff, #f8f8f8); background: linear-gradient(to bottom, #ffffff, #f8f8f8); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#f8f8f8');
  -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;
}
#header_bottom.ad_position_right #header_popular_post { right:auto; left:auto; }
#header_post_list1, #header_post_list2 { height:auto; margin:0; padding:10px 0 0 0; }
#header_post_list1 { border-bottom:1px solid #ccc; }
.header_post_list { }
.header_post_list ol { margin:0; padding:0; }
.header_post_list li { width:50%; min-height:54px; margin:0 0 10px 0; padding:0 0 10px; float:left; border:none; border-bottom:1px dotted #ddd; font-size:13px; }
.header_post_list li:last-child { margin:0; border:none; }
.header_post_list li a { text-decoration:none; }
.header_post_list .image { position:relative; display:inline-block; float:left; margin:0 0 0 15px; }
.header_post_list img { width:90px; height:auto; }
.header_post_list li .title { line-height:150%; display:block; font-size:12px; height:auto; padding:0 15px; overflow:none; }
.header_post_list li .comment { left:0; }
@media screen and (max-width:550px) {
  .header_post_list li { width:auto; float:none; min-height:0; }
}
.header_post_list .image:hover:after { opacity:1; }


/* rss box */
#header_rss_list { width:100%; height:250; overflow:auto; padding:0; }
#header_rss_list li { margin:0 0 10p 0; padding:0; line-height:180%; }
.rss_box1 { width:auto; float:none; }
.rss_box2 { width:auto; float:none; }
.only_rss_list1 .rss_box1 { width:auto; float:none; }
#header_rss_list2 #header_rss_list { width:100%; height:250px; margin-bottom:15px; overflow:auto; position:relative; right:auto; top:auto; }
.ad_position_right #header_rss_list2 #header_rss_list { right:auto; left:auto; }
#header_rss_list2 .rss_box1 { width:auto; float:none; }
#header_rss_list2 .rss_box2 { width:auto; float:none; }




/* ----------------------------------------------------------------------
 post list header
---------------------------------------------------------------------- */
/* archive headline */
#archive_headline { padding:10px 15px 8px; line-height:160%; height:auto; font-size:12px; font-weight:bold; border:none; border-bottom:1px solid #ccc; }

/* center menu */
#center_menu { display:none; }

/* back home link */
.page_navi p.back { text-align:center; margin-bottom:-20px; }




/* ----------------------------------------------------------------------
 post list1
---------------------------------------------------------------------- */
/* post meta bottom */
#post_list1 .post_meta_bottom { float:none; padding:0; margin:0; }

/* more link */
#post_list1 .more-link { float:none; display:inline-block; position:relative; margin:0 0 7px 0; }
#post_list1 .no_share_button .more-link { float:left; display:block; position:relative; }




/* ----------------------------------------------------------------------
 post list2
---------------------------------------------------------------------- */
#post_list2 .post_thumbnail { width:30%; margin:0; padding:0 0 0 15px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#post_list2 .post_thumbnail img { display:block; width:100%; height:auto;  }
#post_list2 .post_data, .two_column #post_list2 .post_data { float:left; width:70%; margin:0; padding:0 15px 0 20px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#post_list2 .no_thumbnail .post_data, .no-thumbnail #post_list2 .post_data { float:none; width:auto; margin:0 15px 0; padding:0; }

@media screen and (max-width:550px) {
  /* thumbnail */
  #post_list2 .post_thumbnail { width:auto; margin:0 auto 15px; padding:0 15px; float:none; line-height:0; text-align:center; }
  #post_list2 .post_thumbnail img { max-width:100%; width:100%; height:auto; }
  /* post data */
  #post_list2 .post_data, .two_column #post_list2 .post_data { float:none; width:auto; margin:0; }
  .layout3 #post_list2 .post_data { width:auto; }
  #post_list2 .no_thumbnail .post_data { float:none; width:auto; margin:0 20px 0; }
}
#post_list2 .post_thumbnail a:hover:after { opacity:1; }
#post_list2 .post_thumbnail2 { margin:0 20px 5px 20px; float:left; line-height:0; }
#post_list2 .post_thumbnail2 img { display:block; width:70px; height:auto; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }




/* ----------------------------------------------------------------------
 post list3
---------------------------------------------------------------------- */
#post_list3 { }
#post_list3 .article { padding:20px 0; margin:0; width:100%; float:none; position:relative; border-bottom:1px dotted #aaa; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#post_list3 .post_row { border:none; padding:0; }

/* thumbnail */
#post_list3 .post_thumbnail { margin:0; line-height:0; width:30%; float:left; padding:0 0 0 15px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#post_list3 .post_thumbnail img { display:block; width:100%; height:auto; }
#post_list3 .post_thumbnail2 { margin:0 20px 5px 20px; float:left; line-height:0; }
#post_list3 .post_thumbnail2 img { display:block; width:70px; height:auto; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }

/* post data */
#post_list3 .post_data { float:left; width:70%; margin:0; padding:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.no-thumbnail #post_list3 .post_data { float:none; width:auto; }
.no-thumbnail #post_list3 .post_title { margin-top:0; }

@media screen and (max-width:550px) {
  #post_list3 .post_thumbnail { margin:0 15px 15px; line-height:0; width:auto; float:none; padding:0; text-align:center; }
  #post_list3 .post_thumbnail img { display:block; width:100%; height:auto; max-width:100%; }
  #post_list3 .post_data { float:none; width:100%; margin:0; padding:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
}
#post_list3 .post_thumbnail a:hover:after { opacity:1; }




/* ----------------------------------------------------------------------
 article
---------------------------------------------------------------------- */
/* bread crumb */
#bread_crumb { border:none; border-bottom:1px solid #ccc; }

/* post header */
#article { }
#article #post_title {  margin:0 15px 15px; padding:15px 0 0 0; line-height:150%; font-size:21px; }
#article .post_meta_top { margin:0 0px 20px; border-bottom:1px dotted #aaa; padding:0 15px 15px; }
#article .post_content { margin:0 15px 10px; }
#article .post_image { margin:0 0 20px 0; text-align:center; }

/* post meta top */
.post_meta_top { font-size:11px; margin:0 0 10px; padding:0; }

/* reading time */
.post_reading_time p { margin:0 15px 20px; }

/* share button */
.share_button_bottom { margin:0 15px 20px; }

/* free space */
.single_free_space { clear:both; margin:0 0px 20px; }

/* author profile */
#author_profile { padding:20px 15px 0; }
#author_avatar { float:left; margin:0 0 10px 0; width:10%; }
#author_avatar img { width:100%; height:auto; }
#author_info  { width:90%; padding-left:15px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }

/* author post */
#single_author_post { margin:0 0 25px 0; }
#single_author_post .headline { font-size:14px; margin:0 0 25px 0; padding:15px 15px 12px; background:#f2f2f2; border:none; }
#single_author_post ul { margin:0 15px; padding:0; position:relative; }
#single_author_post li { float:none; width:auto; margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:1px dotted #aaa; }
#single_author_post li:last-child { border:none; margin:0; padding:0; }
.two_column #single_author_post li { width:auto; }
#single_author_post .title { margin:0; padding:0; font-size:12px; line-height:180%; }
#single_author_post .title a { display:block; }
#single_author_post .date { font-size:11px; margin:0 0 5px 0; color:#999; }
#single_author_post .image { float:left; position:relative; display:block; margin:0 15px 0 0; text-decoration:none; }
#single_author_post .image img { width:120px; height:74px; }
.two_column #single_author_post .image img { width:120px; height:74px; }
#single_author_post .image:after, .layout3 #single_author_post .image:after { width:120px; height:74px; line-height:74px; }
#single_author_post .image:hover:after { opacity:1; }

/* related post*/
#related_post { margin:0 0 25px 0; clear:both; }
#related_post .headline { font-size:14px; margin:0 0 25px 0; padding:15px 15px 12px; background:#f2f2f2; border:none; }
#related_post ol { margin:0 15px; }
#related_post li { padding:0 0 15px 0; margin:0 0 15px 0; width:auto; display:block; border-bottom:1px dotted #aaa; }
#related_post li.odd { width:auto; }
#related_post li:last-child { border:none; padding:0; margin:0; }
#related_post .info .date { margin:0 0 5px 0; line-height:100%; font-size:11px; color:#999; }
#related_post .image { float:left; display:block; position:relative; overflow:hidden; width:120px; height:74px; margin:0 15px 0 0; }
#related_post .image:hover:after { opacity:1; }


/* next prev post link */
#next_prev_post { margin:20px 0 0; padding:20px 15px 0; border-top:1px dotted #aaa; }
#next_prev_post a {
  display:block; width:100%; padding:12px 20px; position:relative;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;
}
#next_prev_post a.prev_post {
  width:100%; margin:0 0 -1px 0; padding-left:35px; float:none;
  -moz-border-radius:4px 4px 0 0; -khtml-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0;
}
#next_prev_post a.next_post {
  float:none; text-align:right; padding-right:35px;
  -moz-border-radius:0 0 4px 4px; -khtml-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px;
}
.two_column #next_prev_post a { width:auto; }
.two_column #next_prev_post a.prev_post { width:auto; }

/* next prev post link2 */
#next_prev_post2 { margin:20px 0 0; padding:20px 15px 0; border-top:1px dotted #aaa; }
#next_prev_post2 p { float:none; }
#next_prev_post2 a {
  float:none; display:block; min-height:95px; width:100%; padding:12px 15px; position:relative;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;
}
#next_prev_post2 .prev_post a {
  width:100%; margin:0 0 -1px 0; padding-left:15px; float:none;
  -moz-border-radius:4px 4px 0 0; -khtml-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0;
}
#next_prev_post2 .next_post a {
  float:none; text-align:right; padding-right:15px;
  -moz-border-radius:0 0 4px 4px; -khtml-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px;
}

/* to fix the bug on Android default browser */
.post_content pre { overflow:none; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -webkit-pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }

/* others */
.post_content iframe, .post_content embed { max-width:100%; }
.post_content img { max-width:100%; height:auto; }




/* ----------------------------------------------------------------------
 author list page
---------------------------------------------------------------------- */
#author_list_page { margin:0 15px; }
#author_list_page > li { padding:15px 15px 10px; }
#author_list_page .image { float:left; margin:0 0 10px 0; width:10%; }
#author_list_page .image img { width:100%; height:auto; }
#author_list_page .info { float:left; width:90%; padding-left:15px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }




/* ----------------------------------------------------------------------
 footer
---------------------------------------------------------------------- */
/* footer */
#footer { width:100%; min-width:100%; margin:10px 0 0 0; background:#fff; padding:0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
#footer_widget_area { width:auto; min-width:100%; margin:0; }
#footer_widget_area_inner { width:auto; margin:0; }
.footer_widget, .footer_widget.right_widget { width:auto; float:none; margin:0 0 -1px 0; padding:30px 15px 20px; border:none; border-bottom:1px dotted #aaa; font-size:12px; }
.footer_widget li ul { margin:10px 0 0 1em; }
.footer_widget li { line-height:170%; margin:0 0 10px 0; padding:0; }
.footer_widget a { color:#666; }
.footer_widget img { height:auto; max-width:100%; width:auto; }
.footer_widget p { line-height:2; margin:0 0 2em; }
.footer_widget p:last-child { margin:0; }


.footer_widget .menu-subfooter-container ul.menu{
	float:left;
	width:49%;
}

.footer_widget .menu-subfooter-container ul.menu:nth-of-type(1) {
margin-right:2%;
}

.footer_widget .menu-subfooter-container ul.menu li{
	border:solid 1px #ddd;
	margin:0;
	background-color:#fafafa;
	position: relative;
	padding-left:22px;
	padding-right:8px;
}

.footer_widget .menu-subfooter-container ul.menu li:before{
	position: absolute;
	top: 5px;
  	left:5px;
    -webkit-transform: scale(0.8); -moz-transform: scale(0.8);
}

.footer_widget .menu-subfooter-container ul.menu li.icon_01:before{
    content: url(./img/ico_1.png);
}

.footer_widget .menu-subfooter-container ul.menu li.icon_02:before{
    content: url(./img/ico_2.png);
}

.footer_widget .menu-subfooter-container ul.menu li.icon_03:before{
    content: url(./img/ico_3.png);
}

.footer_widget .menu-subfooter-container ul.menu li.icon_04:before{
    content: url(./img/ico_4.png);
}

.footer_widget .menu-subfooter-container ul.menu li.icon_05:before{
    content: url(./img/ico_5.png);
}

.footer_widget .menu-subfooter-container ul.menu li.icon_06:before{
    content: url(./img/ico_6.png);
}

.footer_widget .menu-subfooter-container ul.menu li.icon_07:before{
    content: url(./img/ico_7.png);
}

.footer_widget .menu-subfooter-container ul.menu li.icon_08:before{
    content: url(./img/ico_8.png);
}

.footer_widget .menu-subfooter-container ul.menu li.icon_09:before{
    content: url(./img/ico_9.png);
}

.footer_widget .menu-subfooter-container ul.menu li.icon_10:before{
    content: url(./img/ico_10.png);
}

.footer_widget .menu-subfooter-container ul.menu li.icon_11:before{
    content: url(./img/ico_11.png);
}

.footer_widget .menu-subfooter-container ul.menu li.icon_12:before{
    content: url(./img/ico_12.png);
}

.footer_widget .menu-subfooter-container ul.menu li.icon_13:before{
    content: url(./img/ico_13.png);
}

.footer_widget .menu-subfooter-container ul.menu li.icon_14:before{
    content: url(./img/ico_14.png);
}

.footer_widget .menu-subfooter-container ul.menu li.icon_15:before{
    content: url(./img/ico_15.png);
}

.footer_widget .menu-subfooter-container ul.menu li.icon_16:before{
    content: url(./img/ico_16.png);
}

.footer_widget .menu-subfooter-container ul.menu li.icon_17:before{
    content: url(./img/ico_17.png);
}

.footer_widget .menu-subfooter-container ul.menu li.icon_18:before{
    content: url(./img/ico_18.png);
}

.footer_widget .menu-subfooter-container ul.menu li.icon_19:before{
    content: url(./img/ico_19.png);
}

.footer_widget .menu-subfooter-container ul.menu li.icon_20:before{
    content: url(./img/ico_20.png);
}

.footer_widget .menu-subfooter-container ul.menu li.icon_21:before{
    content: url(./img/ico_21.png);
}

.footer_widget .menu-subfooter-container ul.menu li.icon_22:before{
    content: url(./img/ico_22.png);
}

.footer_widget .menu-subfooter-container ul.menu li.icon_23:before{
    content: url(./img/ico_23.png);
}

.footer_widget .menu-subfooter-container ul.menu li.icon_24:before{
    content: url(./img/ico_24.png);
}











.footer_widget .menu-subfooter-container ul.menu li a{
	text-decoration:none;
	display:inline-block;
	width:100%;
	padding:7px 0 7px 5px;
}


/* copyright */
#footer_bottom { width:100%; height:auto; padding:0; margin:0; position:relative; font-size:11px; }
#footer_menu { position:relative; right:auto; top:auto; border-bottom:1px solid #ccc; font-size:12px; }
#footer_menu li { float:none; }
#footer_menu li a, #footer_menu li:first-child a { margin:0; padding:15px 15px 15px 25px; border:none; border-bottom:1px dotted #aaa; display:block; text-decoration:none; background:url(img/arrow1.gif) no-repeat 15px 18px; }
#footer_menu li:last-child a { border:none; margin:0; }
#copyright_area { width:100%; min-width:100%; height:50px; position:relative; }
#copyright { text-align:left; padding:0 15px; font-size:11px; margin:0; line-height:50px; height:50px; position:relative; top:auto; left:auto; }
@media screen and (max-width:480px) {
  .theme_author { display:none; }
}


/* return top */
#return_top { 
  position:absolute; bottom:0px; right:0px; display:block; text-indent:100%; overflow:hidden; white-space:nowrap; width:50px; height:50px; margin:0; padding:0; border-left:1px solid #ccc; background:#fff url(img/return_top1.gif) no-repeat center center;
  -moz-border-radius:0; -khtml-border-radius:0; -webkit-border-radius:0; border-radius:0; opacity:1;
  -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none;
}
#return_top:hover { opacity:1; background-image:url(img/return_top2.gif); }




/* ----------------------------------------------------------------------
 comment
---------------------------------------------------------------------- */
#comments { padding:0 15px; }
.page #comments { margin-bottom:50px; }
#comment_header { margin:0 -15px 30px; }
#comment_header .headline { margin:0 0 0 15px; }
#comment_header #comment_tab { right:15px; }
#comment_header #comment_tab li a { padding:10px 30px 12px; }
#comments .post_content { padding:0; margin:0; }
#submit_comment { width:100%; }
.comment_meta a { padding:3px 15px; }

.bad_comment_message .open {
  border:1px solid #ccc; font-size:11px; padding:0 15px; margin:10px 0; }


@media screen and (max-width:480px) {
  #comment_header { border-bottom:none; margin:0 0px; position:relative; height:auto; }
  #comment_header .headline { position:relative; left:0px; bottom:0; margin:0 -15px 20px; padding:0 15px 8px; display:block; border-bottom:1px solid #ccc; }
  #comment_header #comment_tab { margin:0 0 30px 0; padding:0; position:relative; right:0px; bottom:0px; }
  #comment_header #comment_tab li { width:50%; font-size:10px; }
  #comment_header #comment_tab li a { padding:15px 0px 12px; text-align:center; }
  .commentlist .children { margin:0 0 0 0px; }
  .commentlist .avatar { width:35px; height:35px; }
  #has_avatar .main_comment { margin:0 0 10px 45px; }
  .comment_name_date span.comment-date { display:block; margin:7px 0 0 0; }
}




/* ----------------------------------------------------------------------
 side
---------------------------------------------------------------------- */
.side_widget, .two_column .side_widget { padding:0 15px; }
.side_headline, .two_column .side_headline { margin:0 -15px 20px; padding:0 15px; }


/* search */
.iw_search_area .search_input input, .widget_search #search-box, .widget_search #s
  { width:75%; margin:0; padding:0 10px; }
.iw_search_area .search_button input, .widget_search #search-btn input, .widget_search #searchsubmit
  { border:none; border-left:1px solid #ccc; background:#fff url(img/search.png) no-repeat center; -moz-background-size:15px; -webkit-background-size:15px; -o-background-size:15px; -ms-background-size:15px; background-size:15px; width:25%; }


/* calendar widget */
#wp-calendar td a { -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }


/* category menu */
.ml_category_list_widget .side_headline { margin-bottom:0; }
.ml_category_list_widget ul { margin:0 -15px; padding:0; }
.ml_category_list_widget ul ul { margin:0; padding:0; }
.ml_category_list_widget li a { padding:15px 15px 12px; }
.ml_category_list_widget li li a { padding-left:27px; }
.ml_category_list_widget li li li a { padding-left:38px; }


/* recent and recommend post widget */
.widget_post_list.small .image, .widget_post_list.small .image img, .widget_post_list.small .image:after { width:74px; height:74px; line-height:74px; }
.widget_post_list.large .image, .widget_post_list.large .image img, .widget_post_list.large .image:after,
 #footer .widget_post_list.large .image, #footer .widget_post_list.large .image img, #footer .widget_post_list.large .image:after
  { width:120px; height:74px; display:block; float:left; margin-right:10px; }
.widget_post_list.large li { padding:0 0 12px 0; border-bottom:1px dotted #aaa; margin:0 0 12px 0; }
.widget_post_list.large li:last-child { border:none; padding:0; margin:0; }
.widget_post_list.large .image:hover:after { box-shadow:inset 0 0 0 6px rgba(255,255,255, 0.3); opacity:1; }


/* twitter and comment ranking */
.widget_post_ranking li { border-bottom:1px dotted #aaa; position:relative; margin:0 0 15px 0; padding:0 0 15px 0; }
.widget_post_ranking li:last-child { border:none; margin:0; padding:0; }
.widget_post_ranking .image { position:relative; display:block; text-decoration:none; float:left; margin:0 15px 0 0; }
.widget_post_ranking img, .two_column .widget_post_ranking img { width:120px; height:74px; }
.widget_post_ranking .title { font-size:12px; padding:0; line-height:190%; }
.two_column .widget_post_ranking .title { font-size:12px; }
.widget_post_ranking.small .image { float:left; width:74px; height:74px; margin:0 10px 0 0; }
.widget_post_ranking.small .image img , .widget_post_ranking.small .image:after, .layout3 .widget_post_ranking.small .image:after { width:74px; height:74px; line-height:74px; }
#footer .widget_post_ranking.small img { width:74px; height:74px; }
#footer .widget_post_ranking img { width:auto; height:74px; }


/* Adsense */
.ml_ad_widget .side_headline { text-align:left; margin:0 0 20px; }
.two_column .ml_ad_widget .side_headline { text-align:left; margin:0 0 20px; }
.ml_ad_widget .footer_headline { text-align:left; }


/* Popular Post Ranking */
.widget_post_ranking .image:hover:after { opacity:1; }