@charset "utf-8";
/*
Theme Name: canaris
Theme URI: http://www.○○○○○.com/
Description: canarisのテーマです。
Author: HRM
Author URI: http://www.---------.com/
Version: 1.1
*/
@import url('base.css');
@import url('layout.css');
@import url('page.css');
@import url('sp.css');

img {
 max-width: 100%;
 height: auto;
}
.aligncenter{
	display:block;
	margin:0 auto;
}

.post img {
display: block;
margin: 0 auto;
}
.sawamura {
    height: auto;
    display: block;
    padding: 7px 0 10px 49px;
    background-image: url(http://www.sawamura-shiga.co.jp/yess/wp/wp-content/uploads/2017/06/arrow.png);
    background-repeat: no-repeat;
    background-position: left center;
	    margin-bottom: 40px;
}
.sawamura a {
    font-size: 18px;
    font-weight: bold;
    color:#e8030b;
}
#columnpost .ctabox{
	background:#959697;
	padding:1em;
	max-width:667px;
	margin:0 auto;
}
#columnpost .ctabox ul{
	  display: -webkit-flex;
  display: flex;
 	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: center;
	padding-bottom:0 !important;
	width:100% !important;
	max-width:100% !important;
}
#columnpost .ctabox ul li{
	width:80%;
	background:none !important;
	padding:0 !important;
	font-size:1em !important;
	margin:0 !important;
}
#columnpost .ctabox ul li.btn a{
	display: block;
	background: #fff url("img/arrow.svg") no-repeat 90% center;
	background-size:1.2em auto;
	border-radius: 100px;
	padding:0.7em 3em 0.7em 1em;
	font-size: 1em;
	text-decoration: none;
	font-weight: 600;
	letter-spacing: 0.15em;
	text-align: center;
	box-shadow: 0 0 10px #808182;
	position: relative;
	overflow: hidden;
}

#columnpost .ctabox ul li.btn a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease .3s;
	background: #000 url("img/arrow_on.svg") no-repeat 90% center;
	background-size:1.2em auto;
	color:#fff;
	border-radius: 100px;
}
#columnpost .ctabox ul li.btn a:hover{
	color:#fff;
	opacity:0.99;
	filter:alpha(opacity=100);	
	border-radius: 100px;
	
}
#columnpost .ctabox ul li.btn a:hover::before {
  	transform-origin: 0% 50%;
  	transform: scaleX(1);
	opacity: 1;
}
#columnpost .ctabox ul li.mail a{
	background: #FFEC03 url("img/arrow1.svg") no-repeat 92% center;
	display: -webkit-flex;
  	display: flex;
 	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: center;
 	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 	align-items: center; /* 縦方向中央揃え */
	padding:0;
	height: 50px;
	font-size:1.2em;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	letter-spacing: 2px;
	position: relative;
	overflow:hidden;
	border-radius: 100px;
}
/*#columnpost .ctabox ul li.mail a::after{
  content: "";
	display: block;
	position: absolute;
	background: url("img/hmail.svg") no-repeat left top;
	background-size: 60px auto;
	width: 60px;
	height: 60px;
	left:-30px;
	top:-5px;
}*/
.ctabox ul li.mail a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease .3s;
	background: #000 url("img/arrow_white.svg") no-repeat 92% center;
	color:#fff;
	border-radius: 100px;
}
#columnpost .ctabox ul li.mail a:hover{
	color:#fff;
	opacity:0.99;
	filter:alpha(opacity=100);	
	border-radius: 100px;
	
}
#columnpost .ctabox ul li.mail a:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
	opacity: 1;
}

#columnpost .ctabox p{
	color:#fff;
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
	padding-top:0.5em;
	padding-bottom:0;
}
#columnpost .ctabox p span{
	font-size:0.7em;
}
@media screen and (max-width: 728px) {
#columnpost .ctabox ul li{
	width:100%;
	padding:0.3em 0 !important;
}
	#columnpost .ctabox ul li:first-of-type{
		margin-bottom:1em;
	}
	#columnpost .ctabox ul li.btn a{
		padding:0.7em 1em;
	}
	
#columnpost .ctabox ul li.mail a{
	background: #FFEC03 url("img/arrow1.svg") no-repeat 92% center;
	display: -webkit-flex;
  	display: flex;
 	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: center;
 	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 	align-items: center; /* 縦方向中央揃え */
	padding:0;
	height: auto;
	padding:0.5em;
	line-height:1.5em;
	font-size:1em;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	letter-spacing: 2px;
	position: relative;
	overflow:hidden;
	border-radius: 100px;
}
	#columnpost .ctabox p{
		font-size:1.2em;
		line-height:1.5em;
	}
	#columnpost .ctabox p span{
		display:block;
	}
	/*#columnpost .ctabox ul li.mail a::after{
  content: "";
	display: block;
	position: absolute;
	background: url("img/hmail.svg") no-repeat left top;
	background-size: 60px auto;
	width: 60px;
	height: 60px;
	left:-5px;
	top:-5px;
}*/
}
span.wpcf7-list-item{
	margin:0 1em 0 0 !important;
}
#contact table td .attention{
	color:#C70606;
	font-size:1em !important;
}
#columnpost p em{
	background:linear-gradient(transparent 60%, #ff6 60%) !important;
}

#tuyomi #toc_container{
	display:none;
}


#columnpost .pbtn{
	padding-bottom:1em;
	text-align:center;
	margin:0 auto;
}

#columnpost .pbtn a{
	background:#0048AD;
	color:#fff;
	border-radius:10em;
	padding:0.8em;
	display:block !important;
	width:100%;
	max-width:450px;
	margin:0 auto !important;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	font-size:1.1em;
}
#columnpost .blc1{
	border:solid 1px #ddd;
	background:#fafafa;
	padding:2em;
	margin-bottom:2em;
}

#columnpost .toc_widget_list ul{
	padding-bottom:0 !important;
	padding-left:1em;
}