/******************************************************************
Theme Name: bikan_theme
Theme URI: http://bikankoubou.com/
Stylesheet: Main Stylesheet
/* ==========================================================================
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Mincho&display=swap');
.sawarabi{
  font-family: 'Sawarabi Mincho', sans-serif;
  letter-spacing: -0.1em;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  background-color: #fff;
  color: #222;
  font-size: 12px;
  font-weight: 300;
  font-family: "Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,sans-serif;
  -webkit-font-smoothing: antialiased;
  line-height: 1.45;
  width:100%;
  overflow-x:hidden;
}
/* ==========================================================================
   Links
   ========================================================================== */
a {
  color: #44c2b2;
  text-decoration: none;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a:visited {
  color: #44c2b2;
}
a:hover, a:focus, a:active {
  color: #6acfc2;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* ==========================================================================
  Lists
========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0; }

/*
 * Addresses paddings set differently in IE6/7.
 */
menu {
  padding: 0 0 0 40px; }

ol,
ul {
  padding: 0;
  list-style-type: none; }

/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }


.last-col {
  float: right;
  padding-right: 0 !important; }

video {
  max-width: 100%;
}
/*
Mobile Grid Styles
These are the widths for the mobile grid.
There are four types, but you can add or customize
them however you see fit.
*/
@media (max-width: 767px) {
  .m-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0; }

  .m-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%; }

  .m-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%; }

  .m-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%; }

  .m-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%; }

  .m-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%; }
.sp-only{
  display:block;
}


#tapbox{
  width:100%;
  display:flex;
  position:fixed;
  bottom:-30px;
  right:0;
  font-size:0;
  background:#fff;
  color:#222;
  z-index:11;
  box-shadow : 0 -2px 3px 0px rgba(0,0,0,.4);
}

#tapbox .announce{
  flex-basis:40%;
  display:inline-block;
  font-size:14px;
}
#tapbox .announce img{
  width: 100%;
  height:auto;
}
#tapbox ul{
  flex-basis:60%;
  display:flex;
  justify-content: flex-end;
  font-size:10px;
  background:transparent;
}

.phone_tap{
  text-align: center;
  flex-basis:28%;
  padding:5px;
  position:relative;
  top:-25px;
}
.phone_tap a{
  margin:0;
  vertical-align: baseline;
}


}
/* Portrait tablet to landscape */
@media (min-width: 768px) and (max-width: 1029px) {
  .t-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0; }

  .t-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%; }

  .t-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%; }

  .t-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%; }

  .t-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%; }

  .t-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%; }

  .t-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%; }

  .t-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%; }

  .t-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%; }

  .t-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%; } }

/* Landscape to small desktop */
@media (min-width: 1030px) {
  .d-all {
    float: left;
    width: 100%;
    padding-right: 0;
	}

  .d-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%; }

  .d-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%; }

  .d-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%; }

  .d-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%; }

  .d-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%; }

  .d-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%; }

  .d-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%; }

  .d-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%; }

  .d-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%; }

  .d-1of6 {
    float: left;
    padding-right: 0.75em;
    width: 16.6666666667%; }

  .d-1of7 {
    float: left;
    padding-right: 0.75em;
    width: 14.2857142857%; }

  .d-2of7 {
    float: left;
    padding-right: 0.75em;
    width: 28.5714286%; }

  .d-3of7 {
    float: left;
    padding-right: 0.75em;
    width: 42.8571429%; }

  .d-4of7 {
    float: left;
    padding-right: 0.75em;
    width: 57.1428572%; }

  .d-5of7 {
    float: left;
    padding-right: 0.75em;
    width: 71.4285715%; }

  .d-6of7 {
    float: left;
    padding-right: 0.75em;
    width: 85.7142857%; }

  .d-1of8 {
    float: left;
    padding-right: 0.75em;
    width: 12.5%; }

  .d-1of9 {
    float: left;
    padding-right: 0.75em;
    width: 11.1111111111%; }

  .d-1of10 {
    float: left;
    padding-right: 0.75em;
    width: 10%; }

  .d-1of11 {
    float: left;
    padding-right: 0.75em;
    width: 9.09090909091%; }

  .d-1of12 {
    float: left;
    padding-right: 0.75em;
    width: 8.33%; }



  }

/*********************
GENERAL STYLES
*********************/


/*********************
LAYOUT & GRID STYLES
*********************/
section > div{
    display: block;
    width: 93%;
    margin:0 auto;
}

#inner-content {
  width: 100%;
}

#inner-content img{
  max-width:100%;
  height:auto;
}
.column-02,.column-03{
  font-size:0;
  width:100%;
}

.box{
    display:inline-block;
    text-align:left;
    font-size:11px;
    padding:1px;
}

.column-02 .box{
  width:50%;
}

.example .box{
  width:100%;

}
.example .box .half{
  width:26%;
  height:auto;
  float:left;
  padding-top:5px;
}
.example .box dd{
  width:73%;
  height:auto;
  float:right;
}
#about_02 h2{
text-align:center;
padding:5px;
font-size:16px;
}

#about_02 dt{
  text-align:center;
}
#about_02 dd strong{
  display:block;
  font-size:14px;
  text-align:left;
  margin:5px 3px;
  padding-bottom:3px;
  border-bottom:1px dotted #ddd;
}

ul.two li p img{
	width:50%;
	height:auto;
}

/*********************
HEADER STYLES
*********************/

#logo {
  margin: 0.75em 0; }
  #logo a {
    color: white; }

/* =Header */


@keyframes show{
      0% {
        display: none;
        opacity: 0;
      }

      1% {
        display: block;
        opacity: 0;
      }

      100% {
        display: block;
        opacity: 1;
      }
}
@keyframes hide{
      0% {
        display: block;
        opacity: 1;
      }

      50% {
        display: none;
        opacity: 1;
      }

      100% {
        display: none;
        opacity: 0;
      }
}



.site-header {
  display: none;
  opacity: 0;  
  background: #fff;
  margin: 0;
  width: 100%;
  z-index: 2;
  -moz-transition: all 0.6s linear;
  -o-transition: all 0.6s linear;
  -webkit-transition: all 0.6s linear;
  transition: opacity 0.5s ease;
  position: fixed;
  text-align:left !important;
  padding-top:10px;
  animation-duration: 0.5s;
  animation-name: hide;

}

.site-header-inner {
  margin: 0 auto;
  position: relative;
  padding-bottom:10px;
  vertical-align:middle;
  display: flex;
  align-items: center;
  justify-content: space-between;
}


.site-header.visible{
  display: block;
  opacity: 1;
  animation-duration: 0.5s;
  animation-name: show;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: show;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: show;
  box-shadow : 0 -10px 10px 10px rgba(0,0,0,.4);
}


.site-header.invisible{
  display: none;
  opacity: 0;
  animation-duration: 0.5s;
  animation-name: hide;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: hide;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: hide;
  box-shadow : 0 0 0 transparent;
}

h1.site-title{
  flex-basis:44%;
  height:auto;
  padding-left:5px;
}

header .header-number{
  flex-basis:40%;
  height:auto;
  text-align: center;
  padding-left:10px;

}

header #global{
  flex-basis:10%;
  border-radius: 5px;
  text-align: center;
  margin-right:10px;
}

page-header-image#main{
}
article header.web{
  background:#02a0d0;
}
article header.karaoke-onkyo{
  background:#fff;
  padding-bottom:20px;
}
.site-header-inner:before,
.site-header-inner:after {
  content: "";
  display: table;
}

.site-header-inner:after {
  clear: both;
}

.site-header-image{
  background:none;
  position:relative;
  width:100%;
  text-align: center;
}
.site-header-image, .page-header-image {
  display: block;
}
.site-header-image img{
  width:100%;
  height:auto;
}

/*********************
NAVIGATION STYLES
*********************/
/*
all navs have a .nav class applied via
the wp_menu function; this is so we can
easily write one group of styles for
the navs on the site so our css is cleaner
and more scalable.
*/
.nav {
  border-bottom: 0;
  margin: 0;
  /* end .menu li */
  /* highlight current page */
  /* end current highlighters */
}
  .nav li {
    /*
    so you really have to rethink your dropdowns for mobile.
    you don't want to have it expand too much because the
    screen is so small. How you manage your menu should
    depend on the project. Here's some great info on it:
    http://www.alistapart.com/articles/organizing-mobile/
    */ }
    .nav li a {
      display: block;
      color: white;
      text-decoration: none;
      padding: 0.75em;
      /*
      remember this is for mobile ONLY, so there's no need
      to even declare hover styles here, you can do it in
      the style.scss file where it's relevant. We want to
      keep this file as small as possible!
      */ }
    .nav li ul.sub-menu li a,
    .nav li ul.children li a {
      padding-left: 30px; }

/* end .nav */
/*********************
POSTS & CONTENT STYLES
*********************/
h4{
	font-size:20px;
	padding:20px 0 10px;
}

ul.new-posts li{
	padding:10px 0;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
}

ul.new-posts li p.posts-date{
	font-size:0.8em;
	font-weight:bold;
	margin-bottom:10px;
}


ul.new-posts li .news-body{
	display:flex;
	align-items:flex-start;	
}

ul.new-posts li .news-body .news-thumb{
	flex-basis: 15%;
	align-self:stretch;
}
ul.new-posts li .news-body .news-content{
	flex-basis: 85%;
	align-self:stretch;
	min-height:5em;
	padding-left:10px;
	position:relative;
}
ul.new-posts li p.facebook-post-url{
	width:100%;	
	min-height:3em;
}

ul.new-posts li p.facebook-post-url a{
	display:inline-block;
	background-color:#1877f2;
	color:#fff;
	padding:1px 5px;
	margin:5px 0;
	position:absolute;
	bottom:2px;
	right:2px;
}


.hentry {
  background-color: white;
  border-radius: 3px;
}
  .hentry header {
    border-bottom: 1px solid #ccc;
}
  .hentry footer {
    padding: 1.5em;
}
    .hentry footer p {
      margin: 0; }


.entry-content img.cut{
  display:block;
  width:28%;
  float:left;
  margin-right:5px;
  margin-bottom:5px;
}
/* end .hentry */
.single-title,
.page-title,
.entry-title {
  margin: 0; }

/* general post style */
/* general article on a page style */
/* general style on an attatchment */
/* sticky post style */
/* hentry class */
/* style by category (i.e. category-videos) */
/* style by tag (i.e. tag-news) */
/* post meta */

.byline {
  color: #9fa6b4;
  font-style: italic;
  margin: 0; }

/* entry content */
.entry-content {
  padding: 0;
}
.campaign h3{
  background:#000;
  color:#fff;
  border-radius: 6px;
  font-size:12px;
  padding:2px 10px;
  margin:5px 0;
}
.campaign h4{
  font-size:16px;
  line-height:1.75;
  border-left:2px solid #ca1a1d;
  padding-left:10px;
  margin:10px 0;
}

.entry-content .passage{
}
.passage a{
  display:block;
  width:100%;
  margin:10px auto;
  background:transparent;
  color:#ca1a1d;
  padding:15px;
  border:2px solid #ca1a1d;
  font-weight:bold;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.passage a:hover{
  background:#ca1a1d;
  border:2px solid #ca1a1d;
  color:#fff;
}

.entry-content .monitor{
  width:100%;
  font-size:0;
}

.entry-content .monitor dl{
  display:inline-block;
  width:50%;
  font-size:11px;
  text-align:center;
  padding:1px;
}


.entry-content .monitor dt{
  border:1px solid #bbb;
}
.entry-content .monitor dd{
  border-right:1px solid #bbb;
  border-bottom:1px solid #bbb;
  border-left:1px solid #bbb;
}
  /*
  image alignment on a screen this size may be
  a bit difficult. It's set to start aligning
  and floating images at the next breakpoint,
  but it's up to you. Feel free to change it up.
  */ 
  .entry-content p {
    margin: 0 0 1.5em; }

  .entry-content blockquote {
    margin: 0 0 1.5em 0.75em;
    padding: 0 0 0 0.75em;
    border-left: 3px solid #2980b9;
    font-style: italic;
    color: #9fa6b4; }
  .entry-content dd {
    margin-left: 0;
}



  .entry-content .size-auto,
  .entry-content .size-full,
  .entry-content .size-large,
  .entry-content .size-medium,
  .entry-content .size-thumbnail {
    max-width: 100%;
    height: auto; }
  .entry-content pre {
    background: #323944;
    color: #f8f9fa;
    font-size: 0.9em;
    padding: 1.5em;
    margin: 0 0 1.5em;
    border-radius: 3px; }

/* end .entry-content */
.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
  /* images inside wp-caption */ }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

/* end .wp-caption */
/* image gallery styles */
/* end .gallery */
/* gallery caption styles */
.tags {
  margin: 0; }

/*********************
FOOTER STYLES
*********************/




.contact-pop{
  font-size: 24px;
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
.contact-pop a,.contact-pop button{
	width:100%;
  display: block;
  line-height: 60px;
  padding: 0 30px;
  background: #30539C;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}


div.popmake-content input.wpcf7-form-control{
  max-width: 100%;
  border: 1px solid #888;
}
div.popmake-content label{
	cursor:pointer;
}
div.popmake-content input[type=checkbox],div.popmake-content input[type=radio]{
	border:1px solid #333;
	color:#333;
}
span.wpcf7-form-control-wrap{
	position:inherit;
}
.contactform-width {
    max-width: 90%;
}


.wpcf7-radio input[type="radio"]{
  display: none;
}
.wpcf7-radio label{
  cursor: pointer;
  color: #333;
  font-weight: normal;
  letter-spacing: 0;
  display: inline-block;
  position: relative;
  margin-right: 20px;
}
.wpcf7-radio label .wpcf7-list-item-label:before{
  content:'';
  border: 1px solid #555;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  border-radius:10px;
  -webkit-transition: all 800ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: all 800ms cubic-bezier(1, 0, 0, 1);
  -o-transition: all 800ms cubic-bezier(1, 0, 0, 1);
  transition: all 800ms cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.wpcf7-radio label input[type="radio"]:checked + .wpcf7-list-item-label:before{
  opacity: 0;
  background: #eee;
  border-color: #eee;
  transform:scale(2);
}
.wpcf7-radio label .wpcf7-list-item-label:after{
  content:'';
  opacity: 0;
  position: absolute;
  left: 8px;
  top: 0px;
  width:8px;
  height: 16px;
  border-right: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
  transform:rotate(-200deg);
  -webkit-transition: all 400ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: all 400ms cubic-bezier(1, 0, 0, 1);
  -o-transition: all 400ms cubic-bezier(1, 0, 0, 1);
  transition: all 400ms cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.wpcf7-radio label input[type="radio"]:checked + .wpcf7-list-item-label:after{
  opacity: 1;
  position: absolute;
  left: 8px;
  top: 0px;
  width:8px;
  height: 16px;
  border-right: 2px solid #5bc0de;
  border-bottom: 2px solid #5bc0de;
  transform:rotate(40deg);
}









.contact{
  padding:30px 0 ;
  text-align:left;
}

#content .contact .under{
  vertical-align:middle;
  width:100%;
}
#content .contact h3{
  color:#333;
  vertical-align:middle;
  font-size:14px;
  text-align:left;
  padding-left:12px;
}

.contact p{
  font-size: 16px;
  font-weight: lighter;
  color:#333;
  vertical-align:middle;
  padding-left:12px;
}
.contact p a{
  color:#2e70ac;
}


#f_map{
  display:block;
      width: 90%;
    height: 360px;
    margin: 10px auto;
}






footer{
  clear: both;
  color: #fff;
  background:#000;
  font-weight:normal;
  letter-spacing: 1px;
  margin: 0 auto;
  padding: 26px 0;
  width:100%;
  text-align: left;
}
.site-footer a {
  color: #02a0d0;
  text-decoration: none;
}
#inner-footer nav{
}
#inner-footer nav li{
  border-bottom:1px solid #222;
  padding:5px 0;
  padding-left:5px;
}
/*
if you checked out the link above:
http://www.alistapart.com/articles/organizing-mobile/
you'll want to style the footer nav
a bit more in-depth. Remember to keep
it simple because you'll have to
override these styles for the desktop
view.
*/
/* end .footer-links */


/* index */
#page_about{
  padding-top:20px;
}

#page_about p{
  margin-bottom: 10px;
  font-size: 14px;
}

h2{
  font-size: 15px;

}

.entry-content h2{
  font-size:12px;
  text-align:center;
}

.support_menu h3{
  text-align:left;
  font-size:16px;
  font-weight:lighter;
  margin:20px 0;
  color:#f04b4b;
  background:transparent;
}
.support_menu ul.five h4{
margin-bottom:5px;
}
.support_menu ul.five{
  font-size:0;
}
.support_menu .five li{
  display:inline-block;
  width:50%;
  padding:5px;
  font-size:11px;
  background: #fff;
  border:1px solid #efefef;
}
.support_menu ul.five h4{
  text-align:center;
  background:#000;
  color:#fff;
  padding:2px;
}
.support_menu ul.five li p{
  min-height:7.5em;
}

.k-supp h2{
  background:#f04b4b;
  color:#fff;
  border-radius: 6px;
  font-size:12px;
  padding:2px 10px;
  margin:5px 0;
  display:inline-block;

}

.k-opt h3{
border-left:2px solid #f04b4b;
padding-left:5px;
margin-bottom:5px;
}

.k-opt h4{
  background:#000;
  color:#fff;
  border-radius: 6px;
  font-size:12px;
  padding:2px 10px;
  margin:5px 0;
  display:inline-block;
}
#oneday table ul{
  padding:3px;
  margin:0;
}
#oneday ul li{
  list-style:inside square;
  text-indent:1.5em;
}

/* LASER */

.entry-content .laser .movie video{
  max-width:100%;
  display:block;
  margin:10px auto;
}
.entry-content .laser p{
  font-size:12px;
}

/* WEB */

.web-product h3,#oneday h3{
  color:#02a0d0;
  font-size:16px;
  font-weight:lighter;
  text-align:center;
  padding:8px 0 0;
  margin-top:16px;
  line-height:16px;
border-top:3px double #02a0d0;
}

.web-product h3 span,#oneday h3 span {
    position: relative;
    top: -16px;
    padding: 0;
    background:white;
}

.web-product .four h4{
  font-size:11px;
  margin-bottom:5px;
}
.web-product .four{
  font-size:0;
}
.web-product .four li{
  display:inline-block;
  width:50%;
  padding:5px;
  font-size:11px;
  background:#f0f7ef;
  color:#111;
  border:1px solid #fff;
}
.web-product .four h4{
  text-align:center;
  font-size:12px;
}
.web-product .four li p{
  min-height:10.5em;
}
.merit h4{
line-height:28px;
margin-bottom:10px;
}

.merit h4 span{
  display:inline-block;
  width: 28px;
  height: 28px;
  text-align:center;
  -webkit-border-radius: 50%;/* 50%でもOK */
  -moz-border-radius: 50%;
  border-radius: 50%;
  color:#fff;
  background-color: #02a0d0;/* 円の色 */
  font-size:14px;
  margin-right:5px;
}


/* about */
.about h4{
  border-left:2px solid #02a0d0;
  padding-left:10px;
  margin-bottom:10px;
}

.about dt,.about dd{
  font-size:12px;
}
.about dt{
  font-weight:bold;
}
.about dd{
  border-bottom:1px dashed #999;
  padding-bottom:5px;
  margin-bottom:5px;
}
@media screen and (max-width: 959px) {
.campaign p,#oneday ul li{
  line-height: 1.85;
}
#oneday table{
  display:block;
}
#oneday table caption{
  text-align:left;
  font-weight:bold;
  margin-bottom:10px;
}
#oneday table th,#oneday table td{
  display:block;
  width:100%;
}
#oneday table th{
  text-align:left;
  color:#02a0d0;
  border-bottom:1px dotted #02a0d0;
  margin-bottom:5px;
}
#oneday table td{
  text-align:left;
  margin-bottom:10px;
}
#oneday table td ul li{
  text-indent:2px;
}

ul.new-posts li p.posts-date{
	font-size:1.2em;
	font-weight:bold;
}

ul.new-posts li .news-body{
	display:block;
}

ul.new-posts li .news-body .news-thumb{
	text-align:center;
	margin-bottom:10px;
}
ul.new-posts li .news-body .news-content{
	min-height:5em;
	padding-left:0;
	position:relative;
}
ul.new-posts li p.facebook-post-url{
	width:100%;	
	min-height:3em;
}

ul.two li p img{
	width:100%;
}




}

@media print {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Print Stylesheet
  
  This is the print stylesheet. There's probably not a lot
  of reasons to edit this stylesheet. If you want to
  though, go for it.
  
  ******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; }

  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }