/* Accent Color : Teal A700     : #00BFA5 : rgba(0,191,165 ,1) */
/*  Extra Color : Yellow A700   : #FFD600 : rgba(255,214,0 ,1) */
/*  Extra Color : Green A700    : #00E676 : rgba(0,200,83 ,1) */
/*  Extra Color : BlueGray A700 : #455A64 : rgba(69,90,100 ,1) */

html .container-wrap, .project-title, html .ascend .container-wrap, html .ascend .project-title, html body .vc_text_separator div, html .carousel-wrap[data-full-width="true"] .carousel-heading, html .carousel-wrap span.left-border, html .carousel-wrap span.right-border, .single-post.ascend #page-header-bg.fullscreen-header, .single-post #single-below-header.fullscreen-header, html #page-header-wrap, html .page-header-no-bg, html #full_width_portfolio .project-title.parallax-effect, html .portfolio-items .col, html .page-template-template-portfolio-php .portfolio-items .col.span_3, html .page-template-template-portfolio-php .portfolio-items .col.span_4 {background-image: url(//shimosuwaonsen.jp/yashima/wp/wp-content/uploads/2017/04/pattern-triangle-10r.jpg); background-repeat: repeat;}

/*************************
 * Home
 *************************/
.nectar-slider-wrap[data-full-width="false"]:not([data-parallax="true"]) .swiper-slide .content {
    padding: 0px 40px;}
.swiper-slide .content h2 {
  font-family: "Rounded Mplus 1c";
  letter-spacing: .05em;
  font-weight: 400;}
body .swiper-slide .content p {
  font-family: "Rounded Mplus 1c";
  letter-spacing: .05em;
  font-weight: 600;}
.active_texture {
  background-image: url(../img/textures/grid.png);
  background-color: #004d40;
  opacity: .5 !important;
}

/* Blog Recent */
.home .row.blog-recent {margin-bottom: 0; padding-bottom: 0;}
.home .recent-news .iwithtext h3 {font-size: 24px; font-family: "Rounded Mplus 1c"; color: #00BFA5;}
.home .recent-weekly .iwithtext h3 {font-size: 24px; font-family: "Rounded Mplus 1c"; color: #00E676;}
.home .nectar-cta .link_wrap .link_text {font-weight: 300;}

.home .blog-recent>.col {
  background: #fff;
  background: rgba(255,255,255,.9);
  -webkit-transition: 0.45s cubic-bezier(0.24,1,0.30,1);
          transition: 0.45s cubic-bezier(0.24,1,0.30,1);}
.home .blog-recent>.col:hover {
  background: rgba(255,255,255,1);
  box-shadow: 0 10px 50px rgba(0,0,0,0.08);
  -webkit-transition: 0.45s cubic-bezier(0.24,1,0.30,1);
          transition: 0.45s cubic-bezier(0.24,1,0.30,1);}
home .blog-recent .col .post-header {margin-bottom: 8px;}
.home .blog-recent>.col h3 {
  color: #444;
  -webkit-transition: 0.45s cubic-bezier(0.24,1,0.30,1);
          transition: 0.45s cubic-bezier(0.24,1,0.30,1);}
.home .blog-recent>.col:hover h3 {
  -webkit-transition: 0.45s cubic-bezier(0.24,1,0.30,1);
          transition: 0.45s cubic-bezier(0.24,1,0.30,1);}
.home .recent-news .blog-recent>.col:hover h3 {color: #00BFA5;}
.home .recent-weekly .blog-recent>.col:hover h3 {color: #00E676;}

.blog-recent[data-style="minimal"] .meta {
    margin-bottom: 8px;
    display: block;
    width: 6em;
    height: 1em;
    overflow: hidden;
    line-height: 1;}
.home .blog-recent p {font-size: 12px; line-height: 1.35; padding-bottom: 0;}
.home .blog-recent>.col>span {display: none;}

.content-banner .nectar-fancy-box h3 {margin-bottom: 16px;}

@media only screen and (max-width: 1000px) and (min-width: 1px) {
  .video-texture {display: block !important;}
}

@media only screen and (max-width: 1300px) and (min-width: 1000px) {
.nectar-slider-wrap[data-full-width="false"] .swiper-slide .content h2, #boxed .nectar-slider-wrap[data-full-width="false"] .swiper-slide .content h2 {
  font-size: 40px!important;
  line-height: 50px!important;}
.nectar-slider-wrap[data-full-width="false"] .swiper-slide .content p {
  font-size: 16px!important;
  line-height: 24px!important;}
}
@media only screen and (max-width: 690px) {
.nectar-slider-wrap[data-full-width="false"] .swiper-slide .content {
  padding: 0px 15px!important;}
.nectar-slider-wrap[data-full-width="false"] .swiper-slide .content h2, #boxed .swiper-slide .content h2 {
  font-size: 35px!important;
  line-height: 1.3!important;
  margin-bottom: .5em;}
.nectar-slider-wrap[data-full-width="false"] .swiper-slide .content p, #boxed .swiper-slide .content p {
  font-size: 16px!important;
  padding-bottom: 0px!important;
  line-height: 1!important;}

.home .blog-recent>.col {background: rgba(255,255,255,1); box-shadow: 0 10px 50px rgba(0,0,0,0.08); padding: 15px 20px; margin-bottom: 15px;}
.home .row .col .iwithtext h3 {font-size: 24px; line-height: 1.35;}
.home .row .col .iwithtext {margin-bottom: 0px;}
}

/*************************
 * Sidebar
 *************************/
#sidebar > .the-banner {margin-bottom: 1em;}
#sidebar > .the-banner > h4, #sidebar > .the-weather > h4 {display: none;}
#sidebar > .the-live {margin-top: 2em; margin-bottom: 0em;}
#sidebar > .the-twitter {margin-top: 2em; margin-bottom: 1em;}
#sidebar img {margin-bottom: 0;}

#sidebar h4 {
  color: #455A64;
  font-weight: 700 !important;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 2px;
  margin-bottom: .35em;}

#sidebar .nectar-fancy-box {padding: 0.75em 1em; border-radius: 3px;}
#sidebar .nectar-fancy-box .inner {padding-bottom: 0;}
#sidebar .nectar-fancy-box .inner h3.link-text {
  margin-top: 2px;
  margin-bottom: .5em;
  margin-left: -1em; }
#sidebar .nectar-fancy-box .inner h3.link-text span.the-title {
  font-size: 18px !important;
  font-family: "Rounded Mplus 1c";
  line-height: 1;
  font-weight: 700;
  letter-spacing: .025em;
  text-transform: initial;
  color: #fff;
  text-align: left;
  padding-left: .5em;}
#sidebar .nectar-fancy-box .inner p {font-size: 12px;}
#sidebar .nectar-fancy-box .box-bg:after {background-color: rgba(51,51,51,0);}
#sidebar .nectar-fancy-box:hover .box-bg:after {background-color: rgba(51,51,51,0.5);}

#sidebar .nectar-fancy-box .box-bg {background-color: #009688;}
#sidebar .nectar-fancy-box[data-color="accent-color"] .box-bg {background-color: #00bfa5;}
#sidebar .nectar-fancy-box[data-color="extra-color-1"] .box-bg {background-color: #e6c100;}
#sidebar .nectar-fancy-box[data-color="extra-color-2"] .box-bg {background-color: #00af48;}
#sidebar .nectar-fancy-box[data-color="extra-color-3"] .box-bg {background-color: #455a64;}
#sidebar .nectar-fancy-box[data-color="extra-color-4"] .box-bg, .nectar-fancy-box[data-color="extra-color-4"]:after {background-color: #ff5252 !important; /* RedA200 */}

.the-weather {overflow: hidden; border-radius: 3px;}
#the-weather {
  width: 100%; 
  height: 270px;
  padding: 10px;
  background: #f4eab5;
  margin-top: -22px;}
.widget small {font-size: 10px;}


#sidebar .widget.widget_categories li a {display: inline-block;}


/*************************
 *  Single Post
 *************************/
.row .col.section-title h1, .row .col.section-title h2 {
  margin-bottom: 14px !important;
  font-family: "Rounded Mplus 1c";
  font-weight: 400;
  letter-spacing: 0;}

.single #single-below-header > span.meta-author {display: none;}
.single #single-below-header > span.meta-date {border-left: none; padding-left: none;}
.single #single-meta .meta-comment-count {display: none !important;}

@media only screen and (max-width: 690px) {
  html .single #single-below-header span {display: none !important;}
  html .single #single-below-header span.meta-date {display: block !important; padding-left: 0;}
  .single #single-meta {display: none !important;}
}

/*************************
 * Post Archive
 *************************/
.archive .section-title .subheader {display: none;}
.archive #post-area.standard-minimal .post-content {padding-left: 0;}
.archive #post-area.standard-minimal .post-author {display: none;}
.archive #post-area.standard-minimal article.post .post-meta .date a {color: #777 !important;}
.archive #post-area.standard-minimal article.post .post-header {margin-bottom: 10px !important;}
.archive #post-area.standard-minimal article.post .excerpt {font-size: 14px;}
@media only screen and (max-width: 690px) {
  .container article.post .post-meta {display: inherit;}
}


/*************************
 * Contact Form 7
 *************************/
#the-form .wpcf7-form .wpcf7-not-valid-tip {
    color: #ff1744 !important;
    font-size: .85em;
    top: -3px;
    padding: 4px 0px;
    border: 0px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
}
#the-form .wpcf7 .wpcf7-response-output, #the-form div.wpcf7-validation-errors {
  background-color: #ff1744!important;
  color: #fff !important;
  font-weight: 600;
  border: none !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  -o-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

/*************************
 * Typography
*************************/

small {font-size: .85em;}
.the-small p, .the-small small {font-size: .85em;}

@media only screen and (max-width: 1300px) and (min-width: 1000px) {
  .row .span_2 h3, .row .span_3 h3, .row .span_4 h3, .row .vc_col-sm-2 h3, .row .vc_col-sm-3 h3, .row .vc_col-sm-4 h3, .row .col h3, body h3 {
    font-size: 22px !important;
    line-height: 34px !important;}
}

@media only screen and (max-width: 690px) {
  .row .span_2 h3, .row .span_3 h3, .row .span_4 h3, .row .vc_col-sm-2 h3, .row .vc_col-sm-3 h3, .row .vc_col-sm-4 h3, .row .col h3, body h3 {
    font-size: 22px !important;
    line-height: 34px !important;}
}


/*************************
 * Theme Style
*************************/

.the-goods .portfolio-items .col img {margin: 0 auto;}
.the-goods .portfolio-items:not(.carousel) .col.span_4 .work-meta {width: 100%!important;}
.the-goods .portfolio-items .work-meta h4 {font-size: 16px !important; text-align: center;}
.the-goods .portfolio-items .work-meta p {font-size: 14px !important; line-height: 1.5; text-align: center;}

.off-canvas-menu-container .menu-wrap:before {
  content: "メニュー";
  display: block;
  position: relative;
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 1em;
  border-bottom: 1px solid #fff;
  border-bottom: 1px solid rgba(255,255,255,.5);
  margin-bottom: 1em;
}

.menu-item.border-top {
  border-top: 1px solid #fff;
  border-top: 1px solid rgba(255,255,255,.5);
  margin-top: 10px;
  padding-top: 10px;
}


/*************************
 * Yeah
 *************************/
.margin-top-24px {margin-top: 24px !important;}
.margin-bottom-0 {margin-bottom: 0 !important;}

@media only screen and (max-width: 1300px) and (min-width: 1000px) {
  .row .span_2 h3, .row .span_3 h3, .row .span_4 h3, .row .vc_col-sm-2 h3, .row .vc_col-sm-3 h3, .row .vc_col-sm-4 h3, .row .col h3, body h3 {
    font-size: 22px !important;
    line-height: 34px !important;}
}

@media only screen and (min-width: 691px) {
  .only-mobile {display: none !important;}
  nav > ul.buttons {display: none !important;}
  
}
@media only screen and (max-width: 690px) {
  .not-mobile {display: none !important;}
  
  .page .container-wrap > .container {max-width: none !important;}
  .page .container-wrap > .container > .row > .wpb_row:not(.full-width-content) > .col > .wpb_column > .vc_column-inner {max-width: 300px !important; margin: 0 auto !important;}
  body[data-bg-header="true"] .container-wrap, .container > .row > .wpb_row:not(.standard-section) {padding-bottom: 0 !important;}
  #sidebar {margin: 1.5em 0 !important;}
  #the-weather {height: 250px; padding: 20px;}
  
}

.img-responsive{
	width:100%!important;
	height:auto!important;
}


.bt_pdf{
display:block;
margin:5px 0;
}

.bt_pdf:after{
content:" ";
display:block;
clear:both;
}

.bt_pdf a{
border:2px solid #00bfa5;
display:block;
float:right;
padding:5px 10px;
border-radius: 15px;
/*font-weight:bold;*/
}

.bt_pdf a:hover{
background:#00bfa5;
color:#FFF;
}

.the-view p {
    font-size: 14px!important;
}