@charset "Shift_JIS";

/*--------------------------------------------------------
  フルCSSプロフェッショナルテンプレート部品設定
--------------------------------------------------------*/

.hpb-parts-cnt-style{
    border-color: #9ACD31;
}

.hpb-parts-hl-style{
    border-color: #9ACD31;
}

.hpb-parts-cbox-style{
    border-color: #9ACD31;
}

.hpb-parts-hr-style{
    border-color: #9ACD31;
}

.hpb-parts-pbox-style{
    background-color: #f4f4f4;
    border-color: #dddddd;
}
.hpb-parts-pbox-style h3{
    padding: 0px !important;
}
.hpb-parts-pbox-style img{
    background-color: #f4f4f4;
}

.hpb-parts-blist-style{
    background-color: #f3f3f3;
    border-color: #9ACD31;
}
a:link.hpb-parts-blist-style{
    color: #666666;
}
a:visited.hpb-parts-blist-style{
    color: #666666;
}
a:hover.hpb-parts-blist-style{
    color: #9ACD31;
}
a:active.hpb-parts-blist-style{
    color: #9ACD31;
}

/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/
/*-----------PC用設定ByTCS 202310-----------------*/
/*-----------widthはビルダーの設定と同じ----------------*/
a.tellink{
	text-decoration:none;
}
#sp-fixed-menu{
   display:none;
}
.asidesp#hpb-aside{
	display:none;
}
.asidepc#hpb-aside{
	display:block;
}

/*-----------mobile用設定ByTCS 202310-----------------*/
@media screen and (max-width: 568px) {

/*画像幅*/
.hpb-layoutset-01 div#hpb-main img{
display:block;
width:97%!important;
margin:10px auto;
float:none;
height:auto;
}
.hpb-layoutset-02 #hpb-wrapper img{
display:block;
width:97%!important;
margin:10px auto;
float:none;
height:auto;
}
.hpb-layoutset-01 div#hpb-main img.topimgbnr{
margin-top:-25px;
width:97%!important;
}
#hpb-headerLogo img{
width:90%;
}
#hpb-container{
width:97%;
margin:0 auto;
}

/*リンク色*/
a:link,a:hover,a:active,a:visited{
color:#186209;
}

/*フォントサイズ*/
#toppage h1{
/*font-size:1.35rem;*/
font-size:1.20rem;
line-height:1.6rem;
}
.hpb-layoutset-02 h1 span.ja{
font-size:1.20rem;
}
h2{
font-size:1.2rem;
}
h3 font{
font-size:1.2rem;
}
p{
line-height:1.7rem;
font-size:1rem;
}

/*メインコンテンツ幅*/
.hpb-layoutset-01 #hpb-main{
width:93%;
line-height:1.9rem;
font-size:1rem;
}
.hpb-layoutset-02 #hpb-main{
width:93%;
line-height:1.9rem;
font-size:1rem;
}
/*.hpb-layoutset-01 #hpb-aside{
width:93%;
line-height:1.9rem;
font-size:1rem;
}*/
/*.hpb-layoutset-02 #hpb-aside{
width:93%;
line-height:1.9rem;
font-size:1rem;
}*/

.hpb-layoutset-02 #hpb-wrapper{
width:100%;
line-height:1.9rem;
font-size:1rem;
}
.hpb-layoutset-02 #hpb-wrapper #hpb-title{
width:100%;
overflow:hidden;
}

/*レイアウト用マージンなど */
#toppage-topics h2{
padding-left:7px;
font-size:1.35rem;
}
h2.hpb-c-index{
margin-top:10px;
}

/******下固定メニュー******/
/*メニューをページ下部に固定*/
#sp-fixed-menu{
position: fixed;
width: 100%;
bottom: 0px;
font-size: 0;
/*opacity: 0.9;*/
z-index: 99;
display:block;
left:0;
}

/*メニューを横並び*/
#sp-fixed-menu ul{
display: flex;
list-style: none;
padding:0;
margin:0;
width:100%;
}

#sp-fixed-menu li{
justify-content: center;
align-items: center;
width: 50%;
padding:0;
margin:0;
font-size: 14px;
border-right: 1px solid #fff;
}

/*左側メニューをオレンジ*/
#sp-fixed-menu li:first-child{
background: #9ACD31;
}

/*右側メニューを茶色*/
#sp-fixed-menu li:last-child{
background: #9ACD31;
}

/*左側２番目メニュー色*/
#sp-fixed-menu li:nth-child(2){
background: #9ACD31;
}

/*左側３番目メニュー色*/
#sp-fixed-menu li:nth-child(3){
background:  #9ACD31;
}

/*ボタンを調整*/
#sp-fixed-menu li a{
color: #fff;
text-align: center;
display:block;
text-decoration:none;
padding:12px;
}

/*画面下サイドメニュー*/
.asidepc#hpb-aside{
display:block;
width:93%;
}
.asidepc a img:nth-child(odd){
width:49%;
float:left;
height:auto;
border:1px dotted #e7eaed;
}
.asidepc a img:nth-child(even){
width:50%;
float:right;
height:auto;
border:1px dotted #e7eaed;
}

.asidepc img::after{
display:block;
}
.asidepc a img.asidespcenter{
display:block;
margin:0 auto;
float:none;
}
}

/*電話番号リンク*/
@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

/*--------------------------------------------------------
  内木追加スタイル
--------------------------------------------------------*/

.img-sp10 {
    display: none;
}

@media screen and (max-width:568px) {
    .img-pc10 {
        display: none !important;
    }

    .img-sp10 {
        display: block;
    }
}

.tr-001{
  background: #f7f7f7 !important;　　　/*背景色*/
  width:850px;
}

.tr-002{
  background: #f7f7f7 !important;　　　/*背景色*/
  font-weight: bold;
  width:850px;
}

@media screen and (max-width: 568px) {

#hpb-headerExtra1{
    display: none;
}
}