/*
Theme Name: shimanekuni
Theme URI: https://shimanekuni.com
Author: Jazz Interplay, Inc.
Author URI: http://www.jazzinterplay.co.jp
Description: Saitama is a simple WordPress theme bulit by Bootstrap. It supports tablets and smartphones in the responsive Web design. By theme customize, setting slider you can easily.
Version: 1.2.3
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.en.html
Tags: right-sidebar, custom-header, custom-menu
Text Domain: saitama
*/

html {
  font-size:14px;
}

body,
h1,
h2,
h3,
h4,
p,
div {
  font-family: -apple-system, "ヒラギノ角ゴ ProN W3",
    "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  color: #333;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  color: #333;
  font-size: 16px;
  line-height: 150%;
}

img {
  max-width: 100%;
  height: auto;
}

@media print {
  a[href]:after,
  abbr[title]:after {
    content: "" !important;
  }
}

input {
  border-radius: 0 !important;
}
input[type="search"],
input[type="submit"],
input[type="button"] {
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="search"]::-webkit-search-decoration,
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear {
  clear: both;
  margin: 0;
  padding: 0;
}

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignnone {
  margin: 5px 0;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

.aligncenter {
  display: block;
  margin: 5px auto;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  max-width: 96%;
  padding: 10px;
  background: #eee;
  border: 1px solid #ddd;
}

.wp-caption img {
  width: auto;
  max-width: 98.5%;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption p.wp-caption-text {
  margin: 0;
  padding: 5px 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

a:hover img {
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  opacity: 0.7;
}

.form-control {
  width: 60% !important;
  height: 36px;
}

.frontbox {
  margin-bottom: 50px;
}
@media (max-width: 768px) {
	.frontbox {
	  margin-bottom: 20px;
	}
}

#front-movie .frontbox {
  margin-bottom: 30px;
}
@media (max-width: 768px) {
	#front-movie .frontbox {
	  margin-bottom: 20px;
	}
}


.frontbox-voices {
  margin-bottom: 10px;
  border-bottom: 1px dotted gray;
}

.link-list a {
  font-size: 16px;
}

#logo-header {
  width: auto;
/*  max-height: 50px;*/
  max-height: 65px;
}
@media (max-width: 768px) {
	#logo-header {
		width: auto;
/*		max-height: 40px;*/
		max-height: 60px;
/*		margin-top: 10px;*/
		margin-top: 5px;
	}
}

.navbar-header a #title-header {
  line-height: 1.8em;
/*  color: #687074;*/
  color: #fff;
/*  font-size: 1.7em;*/
}

.navbar-header a:hover {
  text-decoration: none;
}

.widget-area select {
  max-width: 100%;
}

.footer-v1 div {
  color: #eee;
}
.footer-v1 ul {
  padding-left: 0;
  list-style: none;
}
.footer-v1 li,
.footer-v1 li a {
  color: #eee;
  padding: 0;
}
.footer-v1 .list-group-item {
  padding: 8px 0;
  background-color: inherit;
  border: none;
  border-top: 1px dotted #fff;
}
.footer-v1 .list-group-item:first-child {
  border-top: none;
}
.footer-v1 .blog-tags a {
  background-color: inherit;
}
.footer-v1 .blog-tags a:before {
  color: inherit;
}

.footer-v1 .copyright {
  text-align: center;
}

.footer-v1 .copyright div {
  font-size: 0.9em;
  color: #aaa;
}

.sticky {
  display: block;
  overflow: hidden;
  padding: 1em;
  background-color: #f5f5f5;
}

.bypostauthor {
  color: #464646;
}

.screen-reader-text {
  display: none;
}

.widget-area .input-group {
  display: block;
}

.form-control {
/*  width: calc(100% - 55px) !important;*/
  width: calc(100% - 36px) !important; /* mushimegane */
}

/*#front-news .magazine-news-img {*/
.frontnews .magazine-news-img {
  width: 100%;
  height: 0;
  padding-top: 66%;
  position: relative;
  border: solid 1px #363636;
  box-shadow: 2px 2px 4px;
}

/* add shimane */

.contents_block{
	background-image: url("/wp-content/themes/shimanekuni/assets/img/bg_washi.jpg");
	background-repeat: repeat;
	min-height: 400px;
	padding: 10px 2%;
}




.category .content{
	background-image: url("/wp-content/themes/shimanekuni/assets/img/bg_washi.jpg");

}
.page-template-default .content{
	background-image: url("/wp-content/themes/shimanekuni/assets/img/bg_washi.jpg");

}
.post-template-default .content{
	background-image: url("/wp-content/themes/shimanekuni/assets/img/bg_washi.jpg");

}


.top_message{
	padding: 10px 0 10px 5%;
}

.top_message h3{
	padding: 10px 0 10px 5%;
	font-size:35px;
	line-height:1.5em;
}


@media (max-width: 768px) {
	.contents_block{
	  	padding: 10px 0;
	}
	.top_message{
		padding: 10px 0;
	}
}


@media (max-width: 550px) {
	.top_message h3{
		font-size: 28px;
	}

}



.category .left-block{
	background-color: #fff;
	padding: 10px 20px;
}


.page-template-default .left-block{
	background-color: #fff;
	padding: 10px 20px;
}

.post-template-default .left-block{
	background-color: #fff;
	padding: 10px 20px;
}


/* ad広告 */
.section-ad-block{
	background-color: #fff;
	/*padding: 10px 20px;*/
	padding: 10px 10px;
	margin-bottom: 20px;
  	/* border: solid 1px #d0cccc;*/
	width: 100%;
	text-align: center;
}
.section-ad-block .adlist2 {
	overflow: scroll;
	height: auto;
	max-height: 300px;
}
.section-ad-block .adlist2 ul {
	text-align: left;
}

.section-ad-block .ad_block_title{
	text-align:left;
	font-size: 30px;
	font-weight: bold;
}

.section-ad-block .ad_block_title{
	text-align:left;
	font-size: 30px;
	font-weight: bold;
	margin: 0 10px 10px 10px;
}

.section-ad-block .adlist ul{
	display: table;
	width: 100%;
	list-style: none;
/*	padding: 0 0 0 10px;*/
	padding: 0 0 0 0px;
}

.section-ad-block .adlist ul li{
	text-align:left;
	font-size: 18px;
	line-height: 2em;
	clear: both;
}
.section-ad-block .adlist2 ul li{
	text-align:left;
	font-size: 18px;
	line-height: 2em;
	clear: both;
	display: inline-block;
	width: 32%;
	vertical-align: top;
}

@media (max-width: 768px) {
	.section-ad-block .adlist2 ul li{
		width: 48%;
	}

}


.section-ad-block .adlist ul li a{
	display: block
}

.section-ad-block .adlist ul li .adtitle{
	font-size: 14px;
	line-height: 1.5em;
	padding-top: 10px;
}
@media (max-width: 768px) {
	.section-ad-block .adlist2 ul li .adtitle{
		line-height: 1.3em;
	}

}



.section-ad-block .adlist ul li img{
	float: left;
	margin:10px 10px 10px 0;
}



.section-ad-block .adlist .rotatetext{
	display: inline-block;
	transform: rotate(-90deg);
}
.section-ad-block .adframe{
	margin-top: 35px;
}

.section-ad-block .adframe .slick-dots{
	line-height: 3px;
}

.section-ad-block .adframe .slick-dots li{
	width: 10px;
	height: 10px;
}
.section-ad-block .adframe .slick-dots li{
	width: 10px;
	height: 10px;
	margin: 0 3px;
}
.section-ad-block .adframe .slick-dots li button{
	width: 10px;
	height: 10px;
}
.section-ad-block .adframe .slick-dots li button::before{
	width: 10px;
	height: 10px;
}


.podcastpreview{
	text-align:center;
/*	margin: 30px 10px 10px 10px;*/
	margin: 10px 10px 10px 10px;

}

@media (max-width: 767px) {
	.podcastpreview{
/*		margin: 30px 10px 10px -15px;*/
		margin: 10px -15px 10px -15px;
	}
}

.podcastpreview .episode{
	height:auto;
	width: 100%;
}

@media (max-width: 965px) {
	.podcastpreview .episode{
		height:100px;
	}
}


/* ## ad */


.section-block{
	background-color: #fff;
	padding: 10px 20px;
	margin-bottom: 20px;
}

.right-block{
	background-color: #fff;
	padding: 10px 20px;
}

.left-block .headbar {
	text-align: center;
	margin: 50px auto 40px auto;
}

.left-block .headbar img {
	width: 100%;
}
.section-block .news_list{
	float:right;
	margin:-50px 20px 0 0;
	font-weight:bold;
}


.left-block .headbar.pc {
	display: block;
}
.left-block .headbar.sp {
	display: none;
}

.archive .left-block h2:not(.topictitle) {
	background-color: #72c02c;
	border-radius: 0.2em 0.2em 0.2em 0.2em;
    	font-size: 24px;
    	color: #fff;
    	padding: 0.3em 0.5em;
	margin: 1em 0 1.5em;
}




@media (max-width: 768px) {
	.left-block .headbar.pc {
		display: none;
	}
	.left-block .headbar.sp {
		display: block;
	}
}





/* side menu under line */
/* 「>」をつけることで１階層下の子要素のみにCSSが適用されます。*/
#secondary > div:nth-of-type(1),
#secondary > div:nth-of-type(2),
#secondary > div:nth-of-type(3),
#secondary > div:nth-of-type(4),
#secondary > div:nth-of-type(5),
#secondary > div:nth-of-type(6)
{
	margin-bottom: 0;
	border-bottom: solid 1px #000;
	text-align: center;
}


.frontnews .magazine-news-img img {
  padding: 3px;
}
.frontnews h3 {
  font-weight: bold;
  margin-bottom:30px;
}


#front-movie h3 ,
#front-guide h3 {
  font-weight: bold;
}

#front-movie .magazine-guide-img ,
#front-guide .magazine-guide-img {
  width: 100%;
  height: 0;
  padding-top: 40%;
  position: relative;
}
#front-movie .magazine-guide-img a ,
#front-guide .magazine-guide-img a {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 100%;
  outline: 0;
}
#front-movie .magazine-guide-img a:hover,
#front-movie .magazine-guide-img a:focus ,
#front-guide .magazine-guide-img a:hover,
#front-guide .magazine-guide-img a:focus {
  opacity: 0.8;
}

.img-responsive-guide{
	margin:0 auto;
	width: 70%;
}
@media (max-width: 768px) {
	.img-responsive-guide{
		margin:0 auto;
		width: 100%;
	}
}

.img-shadow{
	box-shadow: 2px 2px 4px;
}


.guide-box{
	text-align:center;
}

#movie .movie-block{
	padding:10px 0;
}

#movie .guide-box .excerpt{
	width: 70%;
	margin: 0 auto;
}
@media (max-width: 768px) {
	#movie .guide-box .excerpt{
		width: 100%;
		margin: 0 auto;
	}
}



.btn-continue{
	text-align:right;
	padding-right:5px;
}

/*
.home .magazine-page .col-md-12{
	padding-right:0px;
	padding-left:0px;	
}
*/




/* #add shimane */


/*#front-news .magazine-news-img a {*/
.frontnews .magazine-news-img a {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 100%;
  outline: 0;
}
/*#front-news .magazine-news-img a:hover{*/
.frontnews .magazine-news-img a:hover{
  opacity: 0.8;
}
/*#front-news .magazine-news-img a:focus {*/
.frontnews .magazine-news-img a:focus {
  opacity: 0.8;
}

.frontvoices h3 {
  font-weight: bold;
  margin-bottom:5px;
}


/*--------------------------------------------------------------
# breadcrumb
--------------------------------------------------------------*/
.breadcrumb-banner {
    position: relative;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
/*    color: #fff;*/
    color: #d02900;
/*    padding: 70px 0;*/
    padding: 160px 0;
/*    background: #ccc;*/
    background: #fff;
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/default-header2.jpg');

}

/* ページトップ画像 */
/* breadcrumb-bnr-bg-最終カテゴリーorページ */

/* カテゴリーページ */
.breadcrumb-banner.breadcrumb-bnr-bg-sub1{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/default-header2.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-sub2{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/header-sub2.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-sub3{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/header-sub4.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-sub4{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/header-sub4.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-sub5{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/header-sub4.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-sub6{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/header-sub4.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-sub7{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/header-sub4.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-sub8{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/header-sub4.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-sub9{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/header-sub4.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-sub10{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/header-sub4.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-sub11{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/header-sub4.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-sub12{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/header-sub4.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-sub13{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/header-sub4.jpg');
}

/* 第1階層カテゴリ */
.breadcrumb-banner.breadcrumb-bnr-bg-guide{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/header-sub2.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-culture{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/default-header2.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-mythology{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/header-sub4.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-industry{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/header-sub4.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-tourism{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/header-sub9.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-business{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/header-sub12.jpg');
}


/* 第2階層カテゴリ */
.breadcrumb-banner.breadcrumb-bnr-bg-recomendspot{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/default-header2.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-komichi{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/default-header2.jpg');
}

.breadcrumb-banner.breadcrumb-bnr-bg-japanshinwa{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/header-sub4.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-isumoshinwa{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/header-sub4.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-tatara{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/header-sub4.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-iwami{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/header-sub4.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-heritage{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/header-sub4.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-hotspring{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/header-sub9.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-foodsake{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/header-sub9.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-migration{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/header-sub12.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-workation{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/header-sub12.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-remoteoffice{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/header-sub12.jpg');
}

/* ページ */
.breadcrumb-banner.breadcrumb-bnr-bg-communication{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/default-header2.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-about{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/default-header2.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-sponcers{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/default-header2.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-room{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/header-sub2.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-zadankai{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/header-sub2.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-operation{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/default-header2.jpg');
}

.breadcrumb-banner.breadcrumb-bnr-bg-news{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/header-sub4.jpg');
}

.breadcrumb-banner.breadcrumb-bnr-bg-privacy{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/default-header2.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-other{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/default-header2.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-default{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/default-header2.jpg');
}

.breadcrumb-banner.breadcrumb-bnr-bg-company{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/default-header2.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-contact{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/default-header2.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-readers{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/default-header2.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-voices{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/default-header2.jpg');
}
.breadcrumb-banner.breadcrumb-bnr-bg-thanks{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/default-header2.jpg');
}

.breadcrumb-banner.breadcrumb-bnr-bg-{
    background-image: url( '/wp-content/themes/shimanekuni/assets/img/default-header2.jpg');
}
/* #ページトップ画像 */


.blog h2:not(.topictitle){
	background-color: #72c02c;
	border-radius: 0.2em 0.2em 0.2em 0.2em;
	margin: 1em 0 1.5em;
}

.blog h2.voicetitle{
	margin-bottom: 5px;
}

.blog .voice-block p{
	margin: 0 5px;
}


.blog h3 {
  position: relative;
/*  color: #585f69;*/
  color: #333;
  font-weight: bold;
  background-color: #d8fbd4;
/*  line-height: 1.4;*/
  padding: 0.5em 0.5em 0.5em 2em;
  margin-left: 30px;
}

.blog h3:before {
  content:  url("./assets/img/icon_kumo.png") ;
  position: absolute;
  left : -1.5em; /*左端からのアイコンまでの距離*/
  top: 0.1em;
}


.blog h3.h3_default {
  position: relative;
  color: #585f69;
    margin: 2em 0 1.5em;
    background-color: #eee;
    padding: 0.3em;
}


.blog h3.h3_default:before {
  content:  "" ;
/*  position: absolute;*/
/*  left : -1.5em; */
/*  top: 0.1em; */

}




.blog h4.h4_camera {
  position: relative;
/*  color: #585f69;*/
  color: #333;
  font-weight: bold;
  background-color: #fdf2ee;
/*  line-height: 1.4;*/
  padding: 0.5em 0.5em 0.5em 2em;
  margin-left: 30px;
  border:solid 2px #b3aead;
}


.blog h4.h4_camera:before {
  content:  url("./assets/img/icon_camera.png") ;
  position: absolute;
  left : -1.5em; /*左端からのアイコンまでの距離*/
  top: -0.1em;
}

.blog h4.h4_makimono {
  position: relative;
/*  color: #585f69;*/
  color: #333;
  font-weight: bold;
  background-color: #fdf2ee;
/*  line-height: 1.4;*/
  padding: 0.5em 1.5em 0.5em 2em;
  margin-left: 30px;
  border:solid 2px #b3aead;
  display: inline-block
}


.blog h4.h4_makimono:before {
  content:  url("./assets/img/icon_makimono.png") ;
  position: absolute;
  left : -0.5em; /*左端からのアイコンまでの距離*/
  top: -0.4em;
}


.blog h4.h4_shinwa_on {
  position: relative;
/*  color: #585f69;*/
  color: #333;
  font-weight: bold;
/*  background-color: #fdf2ee;*/
/*  line-height: 1.4;*/
  padding: 0.5em 0.5em 0.5em 2em;
  margin: 0 0 0 30px;
/*  border:solid 2px #b3aead;*/
  border:none;
}

.blog h4.h4_shinwa_on a:hover{
  color: #72c02c;
  text-decoration: underline;
}


.blog h4.h4_shinwa_on:before {
  content:  url("./assets/img/shinwa_maru_on.png") ;
  position: absolute;
  left : -0.8em; /*左端からのアイコンまでの距離*/
  top: 0.3em;
}



.blog h4.h4_shinwa_off {
  position: relative;
/*  color: #585f69;*/
  color: #333;
  font-weight: bold;
/*  background-color: #fdf2ee;*/
/*  line-height: 1.4;*/
  padding: 0.5em 0.5em 0.5em 2em;
  margin: 0 0 0 30px;
/*  border:solid 2px #b3aead;*/
  border:none;
}


.blog h4.h4_shinwa_off a{
  color: #333;
  text-decoration: underline;
}
.blog h4.h4_shinwa_off a:hover{
  color: #72c02c;
  text-decoration: underline;
}



.blog h4.h4_shinwa_off:before {
  content:  url("./assets/img/shinwa_maru_off.png") ;
  position: absolute;
  left : -0.8em; /*左端からのアイコンまでの距離*/
  top: 0.3em;
}

.blog h4.h4_shinwa_off:hover:before {
  content:  url("./assets/img/shinwa_maru_on.png") ;
  position: absolute;
  left : -0.8em; /*左端からのアイコンまでの距離*/
  top: 0.3em;
}

.blog h4.h4_obi_plane {
  position: relative;
  color: #333;
  background-color: #fdf2ee;
/*    padding: 0.3em;*/
  padding: 0.3em 0.5em;
    margin: 2em 0 1.5em;
  border:solid 2px #b3aead;
  display: inline-block
}

.blog h4.h4_:before {
  content:  "" ;
/*  position: absolute;*/
/*  left : -1.5em; */
/*  top: 0.1em; */

}



.blog h6.h6_fukidashi {
  position: relative;
/*  color: #585f69;*/
  color: #333;
  font-weight: bold;
  padding: 0.5em 0.5em 0.5em 2em;
  margin-left: 30px;
}


.blog h6.h6_fukidashi:before {
  content:  url("./assets/img/icon_fukidashi.png") ;
  position: absolute;
  left : -1.5em; /*左端からのアイコンまでの距離*/
  top: -0.5em;

}

.blog p.left-5 {
  margin-left: 5px;
}

.blog p.left-10 {
  margin-left: 10px;
}

.blog p.left-15 {
  margin-left: 15px;
}



.blog p.shinwa_detail {
  padding: 0.25em 0.5em 0.25em 2.5em;/*上下 左右の余白*/
/*  color: #494949;*/ /*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 1px #969696;/*左線*/
  margin: 0 0 0em 1.8em;
}

.blog p.linkcolor-blue a {
  color: #184e7a;
  text-decoration: none;
}
.blog p.linkcolor-blue a:hover {
  color: #72c02c;
  text-decoration: underline;
}


.balloon1-right {
  position: relative;
  display: inline-block;
  margin: 1.5em 15px 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #fdf6d8;
  border-radius: 30px;
  padding: 10px 20px;
}

.balloon1-right:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #fdf6d8;
}

.balloon1-right p {
  margin: 0;
  padding: 0;
}


/*Chat Bubbles　CSS Setting*/
/* 全体のスタイル */
.voice {
/*  margin-bottom: 40px;*/
  margin-bottom: 20px;
}
/* 左画像 */
.voice-img-left {
  margin-left: 4px;
  margin-top: -1px;
  float: left;
  width: 70px;
/*  height: 70px;*/
}
/* 右画像 */
.voice-img-right {
  margin-right: 4px;
  margin-top: -1px;
  float: right;
  width: 70px;
/*  height: 70px;*/
}
.voice figure img {
  width: 100%;
  height: 100%;
/*  border: 2px solid #eee;
  border-radius: 10%; */
  margin: 0;
}
/* 画像の下のテキスト */
.voice-img-description {
  padding: 5px 0 0;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}
/* 左からの吹き出しテキスト */
.voice-text-right {
  color: #444;
  position: relative;
  margin-left: 100px;
  margin-right: 100px;
  padding: 1.2em;
  border: 3px solid #eee;
  background-color: #fff;
  border-radius: 5px;

}
  /* 左の三角形を作る */
  .voice-text-right:before {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-right: 10px solid #eee;
    top: 21px;
    left: -23px;
  }
  .voice-text-right:after {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-right: 10px solid #fff;
    top: 21px;
    left: -19px;
  }

/* 右からの吹き出しテキスト */
.voice-text-left {
  position: relative;
  margin-left: 100px;
  margin-right: 100px;
  padding: 1.2em;
  border: 3px solid #eee;
  background-color: #fff;
  border-radius: 5px;
}

  /* 右の三角形を作る */
  .voice-text-left:before {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-left: 10px solid #eee;
    top: 21px;
    right: -23px;
  }
  .voice-text-left:after {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-left: 10px solid #fff;
    top: 21px;
    right: -19px;
  }

p.voice-text {
  margin: 0 0 8px;
}
  p.voice-text:last-child {
    margin-bottom: 0px;
  }

/* 回り込み解除 */
.voice:after,.voice:before {
  clear: both;
  content: "";
  display: block;
}

@media (max-width: 600px) {
  .voice-text-right {
    margin-right: 0;
  }
  .voice-text-left {
    margin-left: 0;
  }
}



.blog form.wpcf7-form{
	background-color: #fdf6d8;
}


.blog form.wpcf7-form input[type="submit"],input[type="button"] {
    background-color: #fc9c88;
    color: #000;
    padding: 0.5em 2em;
    border: solid 1px #000;
    margin: 0 10px;
    box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .5); /* 左右の向きpx  上下の向きpx ぼかしpx 広がりpx 色 内側指定 */
    font-weight: bold;
}



.blog form.wpcf7-form p:last-of-type {
    text-align: center;
}

.blog form.wpcf7-form .hissu {
    color: #fc9c88;
    border: solid 1px #fc9c88;
    border-radius: 6px;
    padding: 0 7px;
    margin:0 0 0 2em;
}

.blog form.wpcf7-form label {
	margin-left: 1em;
   position: relative;
   left : 1em;
   top: 0px;
}



.blog form.wpcf7-form label:before {
   content:  url("./assets/img/icon_maru.png") ;
   position: absolute;
   left : -2em;
   top: 1px;
}



/* ===header.php animation==== */

.anime {
	width: 100%;
	height: 100%;
/*	max-width:700px;*/
	max-width:1200px;
/*	width: 520px;
	height: 293px;*/
/*	max-height: 1080px;*/
	max-height: 675px;
	background-color: #ffffff;
	position: relative;
/*	margin:178px auto 0 auto;*/
/*	margin:100px auto 10% auto;*/
	margin:20px auto 10% auto;
}

.anime img {
	display: block;
/*
	position: absolute;
	top: 28%;
	left: 40%;
*/
	width: 100%;
/*	max-width: 1140px;*/
	max-width: 1200px;
}


.btn-flat-border {
  position: absolute;
  left: 5%;
  top: 30px;
  z-index: 20000;

  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #67c5ff !important;
  border: solid 2px #67c5ff;
  border-radius: 3px;
  transition: .4s;

}

.btn-flat-border:hover {
  background: #67c5ff;
  color: white !important;
}

/*
.mainSite {
	width: 100%;
	height: 100%;
	max-height: 1080px;
	background-color: #FC6;
	position: relative;
}

.mainSite p {
	font-size: 160%;
	color: #FFF;
}

.mainSite img {
	display: block;
	width: 100%;
	max-width: 1000px;
}
*/



.wp-embed-aspect-4-3 wp-has-aspect-ratio {

}

.yt-sound {
	text-align: center;
}

/*
.yt-sound div.wp-block-embed__wrapper {
	text-align: center;
}

.yt-sound iframe {
	width:188px;
	height:141px;
	text-align: center;
}


.wp-has-aspect-ratio div.wp-block-embed__wrapper {
	text-align: center;
}

.wp-has-aspect-ratio iframe {
	width:188px;
	height:141px;
	text-align: center;
}
*/

/* 追加20260801 WP7にしたら画像キャプションが右になったので */
/* 画像キャプションを中央寄せにする処理 */
.wp-block-image figcaption {
	text-align: center;
}
