/*
 Theme Name: Coldbox（エール名北会計版）
 Update URI: false
 Theme URI: https://coldbox.miruc.co/
 Description: Coldbox is a clean and blog-focused WordPress theme. It helps increase site traffic from Google and any social networks. It provides you with easy to customize, lightweight, SEO friendly, quick load, and so much more! This theme is fully laid out with the flexbox module so that it is compatible with any screen sizes. See Demo: https://coldbox.miruc.co/demo/
 Version: 1.7.1
 Author: mirucon
 Author URI: https://miruc.co/
 Tags: accessibility-ready, blog, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, translation-ready, flexible-header, custom-background, custom-header, custom-colors, custom-menu, custom-logo, featured-images, full-width-template, post-formats, sticky-post, theme-options, editor-style, threaded-comments
 Text Domain: coldbox
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


.sp_only { display: none !important;}
.clear { clear:both;}
#all {
	width:100%;
	overflow-x: hidden !important;
}
#header .head_message {
	background:#006c9a;
}

#header .head_message p {
	font-size: .85em;
	color:#fff;
	/*max-width: 1140px;*/
    padding: 10px;
    margin: 0 auto;
}

.gnav {
background: url("../../../img/bg_mokumoku_top.png") repeat-x 0 0;
margin-left: 20px !important;
}

.gnav a {
	display: inline-block;
	float: left;
	padding: 20px 18px 5px;
	text-align: center;
}

#kessan {
	background: url("../../../img/icon_kessan.png") no-repeat 50% 5px;
	padding-top:60px;
}

#kessan:hover {
	background:#006c9a url("../../../img/icon_kessan_w.png") no-repeat 50% 5px;
	padding-top:60px;
	color:#fff;
	border-radius:5px;
}

#zeikin {
	background: url("../../../img/icon_zeikin.png") no-repeat 50% 5px;
	padding-top:60px;
}

#zeikin:hover {
	background:#006c9a url("../../../img/icon_zeikin_w.png") no-repeat 50% 5px;
	padding-top:60px;
	color:#fff;
	border-radius:5px;
}

#kyuuyo {
	background: url("../../../img/icon_kyuuyo.png") no-repeat 50% 5px;
	padding-top:60px;
}

#kyuuyo:hover {
	background:#006c9a url("../../../img/icon_kyuuyo_w.png") no-repeat 50% 5px;
	padding-top:60px;
	color:#fff;
	border-radius:5px;
}

#kaikei {
	background: url("../../../img/icon_kaikei.png") no-repeat 50% 5px;
	padding-top:60px;
}

#kaikei:hover {
	background:#006c9a url("../../../img/icon_kaikei_w.png") no-repeat 50% 5px;
	padding-top:60px;
	color:#fff;
	border-radius:5px;
}

#shikin {
	background: url("../../../img/icon_shikin.png") no-repeat 50% 5px;
	padding-top:60px;
}

#shikin:hover {
	background:#006c9a url("../../../img/icon_shikin_w.png") no-repeat 50% 5px;
	padding-top:60px;
	color:#fff;
	border-radius:5px;
}

#key {
	background:  url("../../../img/bg_pickup.png") no-repeat;
	background-size: cover;
	width: 100%;
}


/*
#################################

Swiper 3D Coverflow Effect用

#################################
*/
.swiper-container {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
}
.swiper-slide {
	background-position: center;
	background-size: cover;
	height:auto;
	background: #fff;
}

.swiper-slide a img { width: 100%;}

.pickup_txt {
	background: #fff;
	padding:15px;
	position: relative;
	/*height: 110px;*/
	height: 76px;
}

.cat-data {
	width:26%;
	position: absolute;
	top: 50%;
	left: 2%;
	-ms-transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
}
.cat-data span {
	border: #006c9a 1px solid;
	border-radius: 50px;
	padding: 5px 10px;
	color:#006c9a;
	font-size: 0.9em;
	margin-top:10px;
	display: block;
	text-align: center;
}

.cat-data time {
	display: block;
	margin-top:5px;
	text-align: center;
} 

.pickup_txt h2 {
	line-height: 1.2;
	/*width:67%;*/
	width: 90%;
	font-size: 1.4em;
	font-weight: bold;
	position: absolute;
	top: 50%;
	right: 2%;
	-ms-transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
	}
	
.date_cate {
	padding: 8px;
	min-height: 60px;
}	
.grid-view .post-category a{
	color:#006c9a;
	font-size:0.9em;
    display: inline;}

.widget_categories .count{
	background: #cde3f1;
	padding: 2px 15px;
	border-radius: 3px;
	text-align: center;
}

.btn_read {
	background: #E48E1C;
	border-radius: 50px;
	color:#fff;
	padding: 5px 10px;
	text-align: center;
	display: inline-block;
}

.post-meta:hover {
	cursor: pointer;
}

#categories-2 h2 {
background: url("../../../img/icon_folder.png") no-repeat 0 0;
background-size: 25px 25px;
position: relative;
padding-left: 30px
}

#categories-2 h2:after {
	position: absolute;
	content: '';
	width: 100%;
	height:50px;
	display: block;
	top:0;
	right:-60%;
	background: url("../../../img/bg_category.png") no-repeat  0 0;
}

#tag_cloud-2 h2 {
background: url("../../../img/icon_tag.png") no-repeat 0 0;
background-size: 25px 25px;
position: relative;
padding-left: 30px
}

#tag_cloud-2 h2:after {
	position: absolute;
	content: '';
	width: 100%;
	height:50px;
	display: block;
	top:0;
	right:-70%;
	background: url("../../../img/bg_tag.png") no-repeat  0 0;
}

.top_new_title,
.top_merit_title{
	background: url("../../../img/bg_kirakira.png") no-repeat 0 0;
	background-size: 25px 25px;
	position: relative;
	padding-left: 30px	
}

.top_new_title:after {
	position: absolute;
	content: '';
	width: 100%;
	height:50px;
	display: block;
	top:0;
	right:-20%;
	background: url("../../../img/bg_new_article.png") no-repeat  0 0;
}

.copyright p {
	text-align: center;
	padding:15px;
}


.entry-inner h2 {
	border-radius:5px;
	background-color:#eee !important;
	padding:5px 15px;
	border-left:10px #1c84b0 solid;
	line-height: 1.2;
	}

.entry-inner h3 {
	border-bottom:4px #ddd solid;
}

.btn {
	background:#1c84b0;
	color:#fff !important;
	border:2px #1c84b0 solid;
	font-weight:bold;
	border-radius:5px;
	padding:10px 20px;
}

.btn:hover{
	border:2px #1c84b0 solid;
	background:#eee;
	color:#1c84b0 !important;
	border-radius:5px;
	padding:10px 20px;
	box-shadow:none !important;
}

#logo { width:142px; }

.site-info {
	width:77% !important;
    margin: auto;
}

.note { 
	border:2px #1c84b0 solid;
	padding:15px 20px;
	border-radius:5px;
}

.widget_categories li a {
    display: block;
    position: relative;
    padding: 10px 40px 10px 8px;
    border-bottom: 1px solid #eaeaea;
    line-height: 1.5;
}

.prof_img img {
	width:100%;
	margin:0 auto;
	border-radius:300px;
}
.prof_name {
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
}
.prof_name span {
	font-weight:normal;
	font-size:0.9em;
	display:block;
}

.author {
	width:90%;
	margin:30px auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	padding:20px 40px;
	background:#efefef;
}
.author h3 {
    color: #006c9a;
	margin-bottom:5px;
}
.author-wrap {
    margin-top: 15px;
	width:150px;
	float:left;
	text-align:center;
}
.author-wrap:after {
    content: '';
    clear: both;
    display: block;
}
.author-wrap img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin-right: 30px;
    box-shadow: 0 5px 5px rgba(0,0,0,.05), 0 1px 15px rgba(0,0,0,0.22);
}
.author-details {
    text-align: left;
	width: 120px;
	/*max-width: calc(100% - 124px);*/
}
.author-details .name:after  {
    content: '';
    display: block;
    clear: both;
}

.author-details .name{
	text-align:center;
	width:100% !important;
	line-height:1.2;
}
.author-details .name h4  {
    display: block;
	font-size:0.9em;
	padding-top: 5px;
}
.author-details .name a  {
    font-size: 11px;
    font-weight: bold;
    padding-top: -2px;
}

.author-btn_link {
	width:440px;
	float:right;
}
.author-btn_link a {
	display:block;
	background:#db8b00;
	color:#fff;
	padding:10px 20px;
	margin-top:10px;
	text-align:center;
	border-radius:5px;
}

.author-btn_link a:hover {
	display:block;
	background:#a66d0b;
	color:#fff;
	padding:10px 20px;
	margin-top:10px;
	text-align:center;
	border-radius:5px;
}
.author-btn_link p {
	font-size: 0.9em !important;
}
.author-title {
    font-size: 12px;
    color: #cccc33;
    font-weight: bold;
    margin-top: 5px;
}
.author-info {
    font-size: 11px;
    color: #666;
    text-align: center;
    margin-top: 0px;
}

.top_bnr { margin-bottom:20px; }
.top_bnr img:hover { opacity:0.7; }
.top_bnr img {
	width:100%;
	margin-bottom:15px;
}

.side_bnr img {
	width:100%;
	margin-bottom:15px;
}

.side_bnr img:hover { opacity:0.7; }
.img_100per {
	width:100%;
}
.acc_txt { color:#db8b00;}
.merit { margin:10px 0; }
.merit p { margin:10px 0;
	line-height:1.3;}
.merit h3 {
	margin-top:20px;
    border-radius: 5px;
    background-color: #eee !important;
    padding: 10px 15px;
    border-left: 10px #1c84b0 solid;
    line-height: 1.2;
}
.merit h4 {
    border-bottom: 4px #ddd solid;
	margin-top:15px;
}

.disc {
	list-style-type: disc !important;
	margin:20px;
}

.disc li{margin:10px;}
.ul_mini li{
	font-size:0.9em;
	margin:0px;}

.merit3_img img {
	float:left;
	width:300px;
}
.merit3_img div {
	float:right;
	width:460px;
	background:#efefef;
	padding:20px;
}

.top_bnr_contact img:hover {
	opacity:0.7;
}

.add_list .post-content h2{
	border-radius: none;
    background-color:#fff !important;
    padding: 5px 2px;
    border-left:  none;
    line-height: 1.2;
}


/* add 190723 COLOBO */

@keyframes bnr-anime {
    from {
		transform-origin: bottom;
        transform:scale(1);
    }
	90%{
		transform-origin: bottom;
        transform:scale(1.07);
    }
    to {
		transform-origin: bottom;
        transform:scale(1.05);
    }
}

.btn_move {
	animation-name: bnr-anime;
	animation-iteration-count: infinite;
	animation-duration: 2s;
	animation-timing-function:ease-in;
	animation-direction:reverse;
}

.btn_ygreen:hover,
.btn_orange:hover {
	opacity: 0.7;
}
.btn_ygreen {
	width: 100%;
	height: 80px;
	display: block;
	margin:0 auto 20px;
	padding: 25px 0 20px;
	border-radius: 6px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	text-shadow:1px 1px 3px  #679000;
	vertical-align: bottom;
	font-weight: bold;
	font-size: 140%;
	background: #c6ff42;
	background: -moz-linear-gradient(top, #c6ff42 0%, #b6e026 20%, #89bf00 100%);
	background: -webkit-linear-gradient(top, #c6ff42 0%,#b6e026 20%,#89bf00 100%);
	background: linear-gradient(to bottom, #c6ff42 0%,#b6e026 20%,#89bf00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6ff42', endColorstr='#89bf00',GradientType=0 );
}


.btn_orange {
	width: 100%;
	height: 80px;
	display: block;
	margin: 0 auto 50px;
	padding: 20px 0 20px;
	border-radius: 6px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	text-shadow:1px 1px 3px  #a27800;
	vertical-align: bottom;
	font-weight: bold;
	font-size: 140%;
	line-height:1;
	background: #ffb042;
	background: -moz-linear-gradient(top, #ffb042 0%, #ed9a25 20%, #e88b00 100%);
	background: -webkit-linear-gradient(top, #ffb042 0%,#ed9a25 20%,#e88b00 100%);
	background: linear-gradient(to bottom, #ffb042 0%,#ed9a25 20%,#e88b00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb042', endColorstr='#e88b00',GradientType=0 );
}


.btn_ygreen::before,
.btn_ygreen::after,
.btn_orange::before,
.btn_orange::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.btn_arrow::before{
    left:10px;
    width: 10px;
    height: 10px;
    border-top: 5px solid #fff;
    border-right: 5px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#sec18{
	font-size:85%;
}
#sec18 .img{
    height: 400px;
    background: url(img/sec18/img.jpg) 50%/cover;
}
#sec18 > .inner{
    /*width: 1000px;*/
    padding: 45px 0 120px;
}
#sec18 tr{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#sec18 th,#sec18 td{
    line-height: 1.7;
}
#sec18 th{
    min-width: 100px;
    padding: 15px 0 10px 10px;
    border-bottom: 1px solid #33a6e8;
    font-weight: 600;
    text-align: left;
}
#sec18 td{
    min-width: 680px;
    padding: 15px 0 10px 30px;
    border-bottom: 1px solid #dedede;
}


.normal_title {
    font-size: 25px;
    font-weight: 600;
    line-height: 1.7;
    color: #0082ba;
	text-align: center;
	margin-top: 50px;
	border-bottom: 4px solid #ddd;
	padding: 10px;
}
.place_list td p { margin: 0 0 5px;}
.place_list span {
	width: 15%;
	text-align: center;
	color: #0082ba;
	font-weight: bold;
	display: inline-block;
	background: #eee;
	border-radius:5px;
	padding: 4px 15px;
	margin: 1px 10px 1px 0;}


/* 動画 */

.top_movie_all { margin-bottom: 50px;}
.top_movie {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
 }
 
.top_movie_area { width:45%; margin-top: 20px;}
.top_movie_txt {
    width: 51%;
    margin-top: 20px;
    line-height: 1.4;
}
.top_movie_area iframe { width:100%; height: 200px;}

.top_movie_all h3 {
    margin-top: 20px;
    border-radius: 5px;
    background-color: #eee !important;
    padding: 10px 15px;
    border-left: 10px #1c84b0 solid;
    line-height: 1.2;
}


@media screen and (max-width: 768px) {
.pc_only { display: none;}
body .site-title {
    font-size: 1.6em;
}
	
	
.swiper-container {
    width: 100%;
    padding-top:0px;
    padding-bottom: 40px;
}

.pickup_txt h2 {
    line-height: 1.2;
    width: 90%;
    font-size: 1em;
    font-weight: bold;
    position: absolute;
    top: 50%;
    right: 2%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
	
.pickup_txt {
    background: #fff;
    padding: 15px;
    position: relative;
    height: 50px;
}
	
.site-info {
    display:none;
    text-align: center;
    max-width:100%;
    /* max-width: calc(100% - 50px); */
	padding: 10px 10px 10px 10px;
}

.top_new_title,
.top_merit_title{
	background: url("../../../img/bg_kirakira.png") no-repeat 0 0;
	background-size: 25px 25px;
	position: relative;
	padding-left: 30px;
	margin-left: 30px;
}


.top_new_title:after {
	position: absolute;
	content: '';
	width: 100%;
	height:50px;
	display: block;
	top:0;
	right:-40%;
	background: url("../../../img/bg_new_article.png") no-repeat  0 0;
}

.footer .container {
    align-items: center;
    height: 100%;
    text-align: center;
    width: 100% !important;
}
	
.merit3_img img {
	float:none;
	width:100%;
}
.merit3_img div {
	float:none;
	width:100%;
	background:#efefef;
	padding:20px;
}
	
.author {
    width: 100%;
    margin: 30px auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding:20px 30px;
    background: #efefef;
}
	
.author-wrap {
	margin:10px auto;
	width: 150px;
	text-align: center;
	float: none;
}
.author h3 {
    color: #006c9a;
    margin-bottom: 5px;
	text-align: center;
}

.author-btn_link {
    width: 100%;
	margin:0 auto;
	float: none;
}

.author-btn_link a {
	width:100%;
	display: block;
	background: #db8b00;
	color: #fff;
	padding: 10px 20px;
	margin:10px auto;
	text-align: center;
	border-radius: 5px;
}
	
.merit {
    margin: 10px 20px;
}
	
.prof_img img {
    width: 70%;
    margin: 0 auto;
    border-radius: 300px;
    display: block;
}
	
	.btn_ygreen {
	width: 93%;
	height: 80px;
	display: block;
	margin:0 auto 30px;
	padding: 25px 0 20px;
	border-radius: 6px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	text-shadow:1px 1px 3px  #679000;
	vertical-align: bottom;
	font-weight: bold;
	font-size: 140%;
	background: #c6ff42;
	background: -moz-linear-gradient(top, #c6ff42 0%, #b6e026 20%, #89bf00 100%);
	background: -webkit-linear-gradient(top, #c6ff42 0%,#b6e026 20%,#89bf00 100%);
	background: linear-gradient(to bottom, #c6ff42 0%,#b6e026 20%,#89bf00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6ff42', endColorstr='#89bf00',GradientType=0 );
}


.btn_orange {
	width: 93%;
	height: 80px;
	display: block;
	margin: 0 auto 60px;
	padding:22px 0 20px;
	border-radius: 6px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	text-shadow:1px 1px 3px  #a27800;
	vertical-align: bottom;
	font-weight: bold;
	font-size: 140%;
	line-height: 1;
	background: #ffb042;
	background: -moz-linear-gradient(top, #ffb042 0%, #ed9a25 20%, #e88b00 100%);
	background: -webkit-linear-gradient(top, #ffb042 0%,#ed9a25 20%,#e88b00 100%);
	background: linear-gradient(to bottom, #ffb042 0%,#ed9a25 20%,#e88b00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb042', endColorstr='#e88b00',GradientType=0 );
}
	
#sec18 th{
    padding: 30px 0 0 20px;
    font-size: 100%;
    font-weight:bold;
    text-align: left;
	display:block;
}
#sec18 td{
    width: 80%;
	min-width: 200px;
    padding: 20px 0 20px;
    font-size: 100%;
}
	
.place_list span {
	width: 30%;
	text-align: center;
	color: #0082ba;
	font-weight: bold;
	display:block;
	background: #eee;
	border-radius:5px;
	padding: 2px 15px;
	margin: 1px 10px 1px 0;}
	
.top_movie_all { margin-bottom: 30px;}
.top_movie {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
 }
 
.top_movie_area { width:100%; margin-top: 20px;}
.top_movie_txt { width:100%; margin-top: 20px; line-height: 1.6; padding:5px 20px;}
.top_movie_area iframe { width:100%; height: 220px;}
	
	
	
	
	
}