/*====================================
電話リンクスマホのみ
====================================*/
@media(min-width: 767px){
a[href^="tel:"]{
pointer-events: none;
}
}

/*====================================
下層メインビジュアル
====================================*/
.contents_main {
height: 300px;
overflow: hidden;
position: relative;
z-index: 0;
}

@media(max-width: 767px){
.contents_main {
margin-top: 65px;
height: 30vh;
}
}

.contents_main .inner_box {
max-width: 1100px;
padding-left: 0.2rem;
padding-right: 0.2rem;
}

/* メインビジュアル下の斜め線 */
.contents_main .slant {
position: absolute;
z-index: 1;
bottom:-2px;
left: 0;
background: url("../img/slant_right.png") no-repeat 0 0;
background-size: 100% 100%;
width: 100%;
height: 30px;
}

/* ページタイトル */
.contents_main h2 {
display: inline-block;
font-size: 0.38rem;
padding: 0.1rem;
background: #FFF;
position: absolute;
top:100px;
right: 0;
}

@media screen and (max-width: 767px) {
.contents_main h2 {
font-size: 0.24rem;
top:10vh;
}
}

/*====================================
パンくずリスト
====================================*/
#page_navi {
text-align: right;
font-size: 0.12rem;
}

@media(max-width: 767px){
#page_navi {
padding-top: 0.1rem;
}
}

#page_navi a {
color: #222;
}

#page_navi a:hover {
text-decoration: none;
}

#page_navi i {
color: #999;
padding-left: 0.1rem;
padding-right: 0.06rem;
}

/*====================================
下層ページコンテンツ基本
====================================*/
#page_cont_wrapper {
padding-top: 0.4rem;
padding-bottom: 0.4rem;
overflow: hidden;
position: relative;
}

h3.ttl {
font-size: 0.26rem;
line-height: 1.6;
padding-bottom: 0.3rem;
}

@media(max-width: 767px){
h3.ttl {
font-size: 0.24rem;
padding-bottom: 0.2rem;
}
}

h3.ttl strong {
background: url("../img/title_border.png") no-repeat right center;
background-size: 0.3rem;
padding-right: 0.4rem;
}

h3.ttl span {
font-size: 0.16rem;
display: inline-block;
position: relative;
padding-left: 0.2rem;
top: -0.04rem;
font-family: 'Roboto', AppleSystem, 'ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo,sans-serif;
font-weight: 300;
}

@media(max-width: 767px){
h3.ttl span {
display:block;
padding-left: 0;
top: 0;
}
}

h4.sub_ttl {
font-size: 0.18rem;
line-height: 1.6;
background: #8C6239 url(../img/h4_border.png) no-repeat left center;
background-size: 0.2rem 2px;
color: #FFF;
font-weight: 700;
font-family: 'Roboto', AppleSystem, 'ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo,sans-serif;
padding: 0.1rem;
padding-left: 0.3rem;
margin-bottom: 0.2rem;
}

@media(max-width: 767px){
h4.sub_ttl {
font-size: 0.18rem;
background: #8C6239 url(../img/h4_border.png) no-repeat left center;
background-size: 0.14rem 2px;
padding-left: 0.2rem;
}
}

h4.sub_ttl span {
font-size: 0.14rem;
display: inline-block;
position: relative;
padding-left: 0.1rem;
font-weight: 400;
}


.inner_box p {
font-size: 0.16rem;
line-height: 1.8;
}

p span.small_caption {
font-size: 0.13rem;
display: inline-block;
line-height: 1.6;
padding-top: 0.1rem;
}

/*====================================
お問い合わせボックス
====================================*/
.contact_wrapper {
background: #EEE8E0;
padding: 5px;
}

.contact_inner {
border: 1px solid #D5D0CC;
text-align: center;
padding: 0.4rem;
line-height: 1.6;
}

@media(max-width: 767px){
.contact_inner {
padding: 0.2rem;
}
}

.contact_inner h4 {
font-size: 0.3rem;
padding-bottom: 0.2rem;
}

@media(max-width: 767px){
.contact_inner h4 {
font-size: 0.22rem;
padding-bottom: 0.1rem;
}
}

.contact_inner h5 {
font-size: 0.2rem;
font-weight: 700;
}

@media(max-width: 767px){
.contact_inner h5 {
font-size: 0.18rem;
}
}

.contact_inner address {
font-size: 0.16rem;
margin-bottom: 0.2rem;
}

@media(max-width: 767px){
.contact_inner address {
font-size: 0.14rem;
margin-bottom: 0.2rem;
}
}

.contact_btn a {
width: 250px;
display: block;
font-size: 0.18rem;
text-align: center;
background: #754C24;
box-shadow: 0 2px 0 rgba(117,76,36,0.3);
color: #fff;
padding-top: 0.15rem;
padding-bottom: 0.15rem;
margin: 0 auto;
text-decoration: none;
border-radius: 0.05rem;
font-family: 'Roboto', AppleSystem, 'ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo,sans-serif;
font-weight: 700;
}

@media(max-width: 767px){
.contact_btn a {
width: 90%;
font-size: 0.14rem;
padding-top: 0.12rem;
padding-bottom: 0.12rem;
}
}

.contact_btn a:hover {
opacity: 0.8;
}

/*====================================
ブログ詳細
====================================*/
/* ===============
コンテンツ領域 
=================*/
.blog_wrapper {
display: flex;
justify-content: space-between;
margin-bottom: 0.5rem;
}

@media(max-width: 767px){
.blog_wrapper {
display: block;
}
}

.blog_cont {
max-width: 7rem;
width: 100%;
	margin-bottom: 1.00rem;
}

/* タイトル*/
.blog_ttl {
font-size: 0.1rem;
padding-bottom: 0.2rem;
border-bottom: 1px dotted #000;
margin-bottom: 0.1rem;
}
.blog_ttl span {
font-size: 0.14rem;
padding-bottom: 0.15rem;
}
.blog_ttl h4 {
padding-top: 0.15rem;
font-size: 0.28rem;
line-height: 1.5;
}

/* SNS */
.blog_share  {
font-size: 0.14rem;
margin-bottom: 0.45rem;
}

.blog_share a {
text-decoration: none;
color: #000;
vertical-align: baseline;
margin-right: 0.45rem;
}

.blog_share a:hover {
text-decoration: underline;
}

.blog_share a .fa-facebook-square {
color: #0071BC;
font-size: 0.2rem;
padding-right: 0.1rem;
position: relative;
top: 3px;
}

.blog_share a .fa-twitter {
color: #29ABE2;
font-size: 0.2rem;
padding-right: 0.1rem;
position: relative;
top: 3px;
}

/* 本文 */
.blog_cont_text {
font-size: 0.16rem;
font-family: 'Roboto', AppleSystem, 'ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo,sans-serif;
line-height: 1.8;
}

/*
.blog_cont_text p {
line-height: 2.5;
margin-bottom: 0.2rem;
}
*/

.blog_cont_text p {
line-height: 1.85;
/*margin-bottom: 0.2rem;*/
}

.blog_cont_text img {
padding-bottom: 0.16rem;
max-width: 100%;
}

@media(max-width: 767px){
.blog_cont_text iframe {
width: 100%;
height: 300px;
}
}



/* ===============
サイドバー領域 
=================*/
.blog_side {
max-width: 2.5rem;
width: 100%;
}

@media(max-width: 767px){
.blog_side {
max-width:100%;
width: 100%;
}
}


.blog_side_box {
margin-bottom: 0.45rem;
}
.blog_side_box h4 {
font-size: 0.16rem;
color: #fff;
text-align: center;
background: #998675;
padding-top: 0.15rem;
padding-bottom: 0.15rem;
box-shadow: 0 -5px 0 rgba(153,134,117,0.3);
}
.blog_side_box li {
font-size: 0.16rem;
border-bottom: 1px dotted #000;
position: relative;
} 
.blog_side_box li a {
font-size: 0.16rem;
color: #000;
text-decoration: none;
display: block;
} 
.blog_side_box li a:hover {
text-decoration:underline; 
} 
.blog_side_box li span {
display: inline-block;
font-size: 0.12rem;
padding-bottom: 10px;
} 

/* 最新のスタッフブログ */
.blog_side_box_01 li {
padding-top: 0.1rem;
padding-bottom: 0.15rem;
} 
.blog_side_box_01 li i {
position: absolute;
top: 50%;
right: 0;
color: #B3B3B3;
} 

/* カテゴリ */
.blog_side_box_02 li {
padding-top: 0.2rem;
padding-bottom: 0.2rem;
} 
.blog_side_box_02 li i {
position: absolute;
right: 0;
color: #B3B3B3;
} 

/*=========================
ページ分け
=========================*/
.PagesItem {
text-align: center;
font-size: 0.16rem;
font-family: 'Roboto', AppleSystem, 'ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo,sans-serif;
padding-top: 0.2rem;
padding-bottom: 0.4rem;
}

.PagesItem a,
.PagesItem span.current_page {
color: #000;
display: inline-block;
margin-left: 0.06rem;
padding-right: 0.06rem;
}

.PagesItem span.current_page {
font-weight: 700;
}