@charset "utf-8";

/*-------------------------------------------------------------------------------------------

REFINE CUSTOM STYLESHEET

スタイルシートをカスタマイズする場合は、style.cssを編集する代わりにこちらに
記述してください。そうすることで、テンプレートがアップデートされた場合でも、
このページをコピー＆ペーストするだけで、簡単に新バージョンのテンプレートに、
自分のカスタムを反映させることができます。

-------------------------------------------------------------------------------------------*/

img { vertical-align: middle; }

.right {
	float: right;
	padding: 10px;
}
.right2 {
	float: right;
	padding-left: 15px;
	padding-top: 10px;
}
.right3 {
	float: right;
	padding-left: 15px;
	padding-top: 0;
}
.left {
	float: left;
	padding: 0;
}
img.ichi {
margin-left: 3px;
margin-right: 2px;
}
hr.sen {border-top:1px solid #ddd;}
.banner { background: #EEF4FE; }
.banner-inner {
    margin: 0 auto;
}

.site-title {
    margin: 0;
    padding: 0.8em 0 5px 10px;
    font-weight: bold;
    font-size: 26px;
    font-size: 2rem;
    line-height: 1.33;
}

.site-title a, 
.site-title a:visited {
    text-decoration: none;
color: #333;
text-shadow:
-2px -2px 0px #fff,
2px -2px 0px #fff,
2px 2px 0px #fff,
-2px 2px 0px #fff,
1px 3px 4px rgba(0, 0, 0, 0.6);
}

.site-title a:hover {
    color: #256C9E;
    text-decoration: none;
}

.site-description {
    margin-bottom: 1.0em;
    padding-left: 15px;
    width: 88%;
    color: #333;
    font-size: 14px;
    font-size: 1.08rem;
    line-height: 1.5;
}

.glovalnavi ul li.menu-item a {
font-weight: bold;
}
.glovalnavi ul li.menu-item a:hover {
color: #c00;
}

.container {
    padding-top: 20px;
    padding-bottom: 20px;
    margin: -20px auto 0;
}

.main p {
    margin: 0 0 1.5em;
    padding: 0;
    color: #222;
    text-align: left;
    font-size: 14px;
    font-size: 1.08rem;
    line-height: 1.6;
}
.main p.item {
    margin: 0 20px 1.5em;
    padding: 0;
    color: #222;
    text-align: left;
    font-size: 14px;
    font-size: 1.08rem;
    line-height: 1.6;
}
.main p.item2 {
    margin: -5px 10px -15px 30px;
    padding: 0;
    color: #222;
    text-align: left;
    font-size: 14px;
    font-size: 1.08rem;
    line-height: 1.6;
}
.breadcrumb {
    margin: 10px auto 20px;
}

.entry-content {
    color: #222;
    line-height: 1.6;
}

.entry-content h2 {
    margin: 2em 0 1em;
    padding: .60em 1em .50em;
    border-top: 3px solid #369;
    border-bottom: 1px solid #bbb;
    background: #ededed;
    background: -webkit-linear-gradient(top, #fff 0%, #ededed 100%);
    background:         linear-gradient(top, #fff 0%, #ededed 100%);
    box-shadow: 0 1px 3px 1px rgba(000, 000, 000, .25);
    color: #222;
    text-align: left;
    text-shadow: 0 1px 0 #fff;
    font-weight: bold;
    font-size: 18px;
    font-size: 1.39rem;
    line-height: 1.33;
}

.page-title {
    margin: 0;
    padding: 10px 0 7px 15px;
    border-top: 1px solid #999;
    color: #222;
    text-align: left;
    text-shadow: 0 1px 0 #fff;
    font-weight: normal;
    font-size: 20px;
    font-size: 1.54rem;
    line-height: 1.5;
}

.breadcrumb {
    margin: 0 10px 10px;
}

.entry-navi {
    clear: both;
    margin: 0 auto 0 15px;
    color: #999;
    font-size: 12px;
    font-size: 0.93rem;
    line-height: 1.5;
}

.search-input {
    margin: 0;
    padding: .3em .6em;
    width: 75%;
    border: 1px solid #bbb;
    border-radius: 1px;
    background: #f8f8f8;
    box-shadow: 0 1px 2px rgba(000, 000, 000, .1) inset;
    color: #555;
    font-size: 1.0em;
    line-height: 1.33;
}

.btn_s {
    display: inline-block;
    margin: 3px 0 10px 50px;
    padding: 0.8em 1.2em 0.6em;
    color: #fff !important;
    text-align: center;
    text-decoration: none !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.66);
    font-size: 15px;
    font-size: 1.16rem;
    line-height: 1;
    border-radius: 5px;
    /*IE6 IE7 IE8 */
    behavior: url("http://xn--nwqx7av7tppkgi4apcz.biz/wp-content/themes/refinepro/PIE.htc");
    position: relative;
    zoom: 1;
}

.btn_s a {
color: #fff;
font-weight: bold;
text-decoration: none;
}

.btn_s:active {
    position: relative;
    top: 1px;
    box-shadow: 0 2px 4px rgba(000,000,000,0.5) inset;
}

.btn-green {
    border: 1px solid #7EA835;
    background: #7EA835 url("img/shortcodes/bg-btn.png") repeat-x left center;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 #7EA835, 0 2px 3px rgba(0, 0, 0, 0.33);
}

.sitelink {
margin-left: 5px;
}
.fon {font-size: 0.9em;}
.main .widget ul li {
    padding: 6px 0 5px;
    border-bottom: 1px solid #fff;
    list-style: none ;
}

.yarpp-related-widget h3 {
    margin: 2em 0 1em;
    padding: .8em .8em .7em;
    border-left: 5px solid #369;
    background: #ededed;
    background: -webkit-linear-gradient       (top, #fff 0%, #ededed 100%);
    background:         linear-gradient( to bottom, #fff 0%, #ededed 100%);
    box-shadow: 0 1px 2px 1px rgba(000, 000, 000, .2);
    color: #222;
    text-align: left;
    text-shadow: 0 1px 0 #fff;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.24rem;
    line-height: 1.33;
}

#relations {
	margin: 0 0 24px 0;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
}
#relations ul {
	list-style: none;
	margin: 0 auto;
}
#relations li {
	font-size: 1.0em;
	float: left;
	width: 19.5%;
	height: 197px;
	margin: 0 1px 5px;
	line-height: 1.5em;
	padding: 0px 10px 0 7px;
	background: #fff;
	border: solid 1px #ccc;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kan {
	text-align: center;
	height: 135px;
	vertical-align: top;
}
.kan img {margin-top:-5px;}

#relations2 {
	margin: 0 0 24px 0;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
}
#relations2 ul {
	list-style: none;
	margin: 0 auto;
}
#relations2 li {
	font-size: 1.0em;
	float: left;
	width: 24.5%;
	height: 220px;
	margin: 0 1px 5px;
	line-height: 1.5em;
	padding: 0px 10px 0 7px;
	background: #fff;
	border: solid 1px #ccc;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kan2 {
	text-align: center;
	height: 160px;
	vertical-align: top;
}
.kan2 img {margin-top:-10px;}
.pagelink {
margin: 10px 0 -10px 100px;
font-size: 1.1em;
line-height: 1.8em;
}
.ichi2 {
margin-right: 2px;
}
.box-title-red {
	color: #fff;
	background: #BA0000;
}
box-title-gray {
	color: #fff;
	background: gray;
}
td.siteinfo {
	background: #eee;
	width:23%;
	vertical-align:middle; /* 天地中央に揃える */
}
.no {
	display: none;
}
.kaito {
	text-align: right;
	font-size: 0.85em;
	margin-top: 5px;
}
.shindan {
	margin-left: 65px;
	width: 80%;
}
.inl { display: block; }
.ml15c {margin-left:15px;}
.boximg{
	box-shadow:3px 3px 3px 3px rgba(0, 0, 0, 0.15);
	border:1px solid #777;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}

@media(max-width: 960px) {
.site-title {
    padding: 0.5em 0 5px 15px;
    font-weight: bold;
    font-size: 26px;
    line-height: 1.1em;
}
.site-description {margin-bottom: 2.0em;}
.breadcrumb {
    margin: 12px auto 10px;
}
.no {display:none;}
.search-input {
    width: 100%;
}
}

@media(max-width: 768px){
.right {
float:none;
text-align: center;
padding: 0;
margin: 0 auto;
}
.right2 {
float:none;
text-align: center;
padding: 0;
margin: 0 auto;
}
.right3 {
float:none;
text-align: center;
padding: 0;
margin: 0 auto;
}
.left {
float:none;
text-align: center;
padding: 0;
margin: 0 auto;
}
#relations2 li {
	width: 32.5%;
	height: 187px;
	margin: 0 1px 5px;
	line-height: 1.5em;
	padding: 0px 9px 0 6px;
}
.kan2 {
	height: 125px;
}
.sitelink2 {display: block;}
.sitelink3 {display: block;}
.pagelink {
margin: 10px 0 -10px 20px;
font-size: 1.1em;
}
.shindan {
	margin-left: 0;
	text-align: center;
	width: 100%;
}
.main p.item2 {
    margin: -5px 0 0;
}
}

@media(max-width: 640px) {
.banner-inner {margin-bottom: -20px;}
.breadcrumb {
    margin: 12px auto 10px;
}
.atte {
margin-left: 0px;
text-align: center;
}
#relations2 li {
	width: 24.5%;
	height: 185px;
	margin: 0 1px 5px;
	line-height: 1.5em;
	padding: 0px 9px 0 6px;
}
.kan {
	height: 140px;
}
.no {
	display: inline;
}
.none {
	display: none;
}
.sub-btn {
display: none !important;
}

.sidebar {
display: block !important;
}
}

@media(max-width: 480px){
.header-txt {
    margin-top: 0px;
    margin-left: -47px;
    margin-bottom: 0px;
}
.banner {margin-left: 20px;margin-right: 0px;}
.banner-inner {margin-bottom: -20px;}
.header-image {height:65px;}
.site-title { color: #2C3965;}
.site-title a, .site-title a:visited { color: #2C3965;}
.entry-content { margin-right: -5px;}
.dan { display: block; }
.inl { display: inline; }
.btn_s {
    display: inherit;
    margin: 3px 25px 10px;
    padding: 0.8em 1.2em 0.6em;
}
#relations ul {
	margin-left: 2px;
}
#relations li {
	width: 32%;
	height: 197px;
	margin: 0 1px 5px;
	padding: 0px 8px 0 5px;
}
.pagelink {
margin: 10px 0 -10px 5px;
font-size: 1.1em;
}
#relations2 li {
	width: 32.5%;
	height: 187px;
	margin: 0 1px 5px;
	line-height: 1.5em;
	padding: 0px 8px 0 5px;
}
.kan {
	height: 95x;
}
td.siteinfo {
	padding: 2px 1px 2px 5px;
}
.kaito {
	text-align: left;
	font-size: 0.9em;
	margin-top: 10px;
}
.sred {	color: #f00; }
.main p.item {
    margin: 0 0 1.5em;
}
.ml15c {margin-left:-20px;}
}

/* スマホ表示時の余⽩を変更 */
@media(max-width: 1000px) {
.header-bar-inner,
.banner-inner,
.glovalnavi-inner,
.container-inner,
.footer-menu-inner,
.footer-inner {
padding-right: 10px !important;
padding-left: 10px !important;
}
.entry,
.main .widget {
margin: 0 0 10px !important;
}
.main-inner > .entry,
.main-inner > .widget {
padding: 10px !important;
}
.main-inner > .entry .entry-title,
.main-inner > .widget .widget-title {
top: -10px !important;
margin: 0 -10px !important;
}
}