/********** オリジナルゾーン **********/

.rc{
text-align:right;
}

.m_font{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif !important;}  

.wideslider li{
padding:0px !important;
margin:0px !important;
}

.wideslider ul{
padding:0px !important;
margin:0px !important;
}

body{
background-image: url(https://jol-gifu.com/application/files/9515/0642/4132/jol_bk.jpg) !important; 
/*background-position: center center;*/
/*background-size: 100% !important; */
background-repeat: repeat !important;
background-attachment: fixed !important;
}

/* ぱんくず色 */
.breadcrumb>li+li:before{color:#333 !important;margin-left:5px !important;} /* スラッシュ色 */
.breadcrumb>.active{color:#333 !important;}
/* ぱんくずリンク色はここでは変更不可.管理画面デザインのフッターリンクと共通になっている */


h1{
color:#3C2323 !important;
font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" !important;
padding:0 !important;
margin:0 !important;
}                                

h2{
color:#3C2323 !important;
padding:0 0 15px 0 !important;
font-size:22px !important;
border-bottom:1px dotted #3C2323 !important;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif !important;} 

h3{
color:#3C2323 !important;
font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" !important;
padding:0 !important;
margin:0 !important;
}

h4{
color:#3C2323 !important;
font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" !important;
padding:0 !important;
margin:0 !important;
}

/* スタイリスト画像 */

/*.toGray{
-webkit-filter: sepia(100%);
-moz-filter: sepia(100%);
-o-filter: sepia(100%);
-ms-filter: sepia(100%);
filter: sepia(100%);
}
*/

/*
.toGray:hover{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
-ms-filter: grayscale(0%);
filter: grayscale(0%);
transition:0.5s;
transition:0.5s;
}
*/

.photo4 img{
  	transition: 0.5s;
}
 
.photo4 img:hover{
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
		transform: rotateY(180deg);
}

.sns_bk{
padding:15px 15px 30px 15px;
background:rgba(255,255,255,0.7);
}

.w{
padding:15px 25px 5px 25px;
background:rgba(255,255,255,0.7);
}

.w strong{
color:#8A502D;
}

.s{
margin:20px 0 10px 0;
background:rgb(41, 23, 14);
color:#FFF;
font-weight:bold;
text-align:center;
}

.m{
width:100%;
margin-top:10px;
padding:10px 0 9px 0;
font-weight:bold;
text-align:center;
background:rgba(255,255,255,0.7);
border:1px solid rgba(213,175,130,0.8);
}

.c{
margin-top:20px;
text-align:center;
}

.i{
text-align:center;
}

.i{
height: auto;
position: relative;
overflow: hidden;
}

.i img{
width:100%;
height:auto;
border:5px solid #E9DAB4;
}

.g{
text-align:center;
}

.g{
height: auto;
position: relative;
overflow: hidden;
}

.g img{
width:100%;
height:auto;
border:5px solid #FFF;
}

h1#k_h1{
/*font-size:15px !important;*/
color:#FFF !important;
padding:0 !important;
margin:0 !important;
}

h1#k_h1 a:link{
color:#FFF !important;
}

h1#k_h1 a:hover{
color:#FFF !important;
}

h1#k_h1 a:visited{
color:#FFF !important;
}

.k_h2{
color:#FFF !important;
font-size:20px !important;
padding:0 !important;
margin:15px 0 0 0 !important;
}

.pankuzu{
margin-top:15px;
}

.ev_bdr{
border-bottom:1px dotted #D3AD65;
}

.bk{
background-image: url(); 
background-position: left top;
background-size: cover;
background-repeat: no-repeat;
}

.theme_bk{
/*background-position: center center;*/
/*background-size: 100%;*/
background-attachment: fixed !important;
}

/* ヘッダー背景 */
div.ccm-page header{ 
background:rgba(255,255,255,0.0) !important;
/*background-size: 100% !important;  */
background-attachment: fixed !important;
color:#1A0E0D !important;
/* background-position: 55% 0% !important; */
}

/* メイン背景 */
div.ccm-page main{
background:url(https://jol-gifu.com/application/files/9515/0642/4132/jol_bk.jpg)repeat !important; 
background-attachment: fixed !important;
}

footer#footer-theme{
background:url(https://jol-gifu.com/application/files/6015/0642/6871/jol_f_bk.jpg)repeat-x !important;
background-position: left bottom !important;
}

/* フッター上部枠色 */
footer#footer-theme section{
border-top:0px solid #FFF !important;
}

.h_logo{
color:#FFF !important;
padding:16px 0 0 13px;
}
.h_contact{
padding:16px 15px 15px 0;
text-align:right;
line-height:25px !important;
vertical-align:middle;
color:#1A0E0D;
}
.h_contact img{
padding:0 10px 0 0;
}

.h_contact span{
/*line-height:33px !important;*/ 
font-weight:bold;
font-size:15px;
color:#333 !important;
}

.h_contact span a:link{
color:#333!important;
}

.h_contact span a:hover{
color:#5A3C2F !important;
}

.f_contact{
padding:23px 15px 45px 15px;
line-height:24px;
vertical-align:middle;
color:#FFF;
}

.f_contact span{
line-height:30px;
font-size:22px;
font-weight:bold;
color:rgb(182, 138, 186);
}

.f_contact span a:link{
color:#FFF !important;
}

.f_contact span a:hover{
color:#5A3C2F !important;
}

.f_contact span a:visited{
color:#FFF !important;
}

.f_copy{
margin-bottom:10px;
text-align:center;
color:rgba(255,255,255,1.0);
}

.fix{
background-attachment: fixed;
}

.gc_wrapper {
  max-width: 100%; 
  min-width: 300px; 
  margin: 2.0833% auto;
}
 
.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.responsive-iframe-container iframe,   
.responsive-iframe-container object,  
.responsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
 
@media (max-width: 600px) {
    .big-container {
        display: none;
    }
    .small-container {
       padding-bottom: 200%;   /* 高さ */
    }
}
@media (min-width: 600px) {
    .small-container {
        display: none;
    }
}

/********** iPhone hover問題解消 **********/

.hover img{
opacity:0.5;
filter: alpha(opacity=30);
-moz-opacity: 0.5;
}
.hover a{
opacity:0.5;
filter: alpha(opacity=30);
-moz-opacity: 0.5;
}

/********** 非表示 **********/

.none{
display:none;
}

/********** 画像 **********/

.mt15{
margin-top:15px;
}
.mv{
margin-top:15px;
}

.gl{
margin-top:15px;
text-align:center;
}

/* サイズ変更 */
.img100 img{
margin-top:0px;
width:100%;
height:auto;
text-align:center;
}
.img90 img{
margin-top:15px;
width:95%;
height:auto;
text-align:center;
}
.img80 img{
margin-top:15px;
width:80%;
height:auto;
text-align:center;
}
.img60 img{
margin-top:15px;
width:60%;
height:auto;
text-align:center;
}

/* 拡大 */
.img-block{margin-top:15px;text-align:center;}

.img-block figure{
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background: #000;
}

.img-block img {
    width: 100%;
    transition: all 0.4s ease-out 0.1s;
}

/*
.img-block figure:hover img {
/*    opacity: .9;*/
/*
    transform: scale(1.2,1.2);
}*/
.img-block figcaption {
    color: #fff;
    font-size: 16px;
    background: #333;
    background: rgba(0,0,0,.9);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    padding:13px;
    line-height: 1;
 
    /* 1行で納める */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
 
    transition: all 0.2s ease-in 0.3s;
    transform: translateY(0px);
}
.img-block figure:hover figcaption {
    transform: translateY(0);
}

/********** リンク **********/

.f_menu a:link{
color:#fff;
}
.f_menu a:hover{
color:#01882A;
border-bottom:2px dotted #01882A;
}
/* 画像半透明 */
a:hover img{
opacity:0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
}
/* 凹む */
.menu_link a:hover{
position:relative;
top:3px;
left:3px;
}
/* クエリ：回転 */
.head_menu a,
.head_menu a span {display: inline-block;color: #333;}
.head_menu a span {transition: .5s;}
.head_menu a:hover span {
color:#7A7A7A;
-webkit-transform: rotateX(360deg);
transform: rotateX(360deg);
}
.head_menu a {
position: relative;
display: inline-block;
transition: .3s;
}
.head_menu a::after {
position: absolute;
bottom: 0;
left: 0;
content: '';
width: 0;
height: 1px;
background-color: #7A7A7A;
transition: .3s;
}
.head_menu a:hover::after {
width: 100%;
}
/* SNS画像切替 */                 
a.bb_fb{
display:block;
float:left;
width:51px;
height:48px;
text-indent:-9999px;
margin-right:8px;
}
.bb_fb:hover{
background-position:left bottom;       
}

/********** ライン **********/

.hr-stn{width: 100%;height: 10px;margin:0 auto;background:url(/application/files/2714/4929/2799/hr-stn.jpg);background-repeat:repeat-x;}

/********** テーブル **********/

/* テーブル01:新着 */
/* スクロールバーデザイン：IE以外用 */
.scrollbar01::-webkit-scrollbar{
width:10px;background:rgba(255,255,255,0.0);/* 背景 */
}
.scrollbar01::-webkit-scrollbar:horizontal{
height:0px;
}
.scrollbar01::-webkit-scrollbar-button{
  width:5px;height:5px;background:#E3D6C8;/* コーナー */
}
.scrollbar01::-webkit-scrollbar-piece{
  background:#EFE8E0;/* バー */
}
.scrollbar01::-webkit-scrollbar-piece:start{
  background:#EFE8E0;/* バー */
}
.scrollbar01::-webkit-scrollbar-thumb{
  background:#EFE8E0;/* バー */
}
.scrollbar01::-webkit-scrollbar-corner{
  background:#EFE8E0;}/* バー */
.news_scroll01{
  width:100%;
  margin-top:15px;
  height:313px;
  overflow:scroll;
/* スクロールバーデザイン：IE用 */
  scrollbar-face-color: #EFE8E0;/*バー*/
  scrollbar-track-color: rgba(255,255,255,0.0);/*背景*/
  scrollbar-arrow-color: #E3D6C8;/*矢*/
  scrollbar-highlight-color:#EFE8E0;
  scrollbar-shadow-color: #EFE8E0;/*バー*/
  scrollbar-3dlight-color: #EFE8E0;/*バー*/
  scrollbar-darkshadow-color: #EFE8E0;/*バー*/
}
.news_scroll02{
  width:100%;
  margin-top:15px;
  height:400px;
  overflow:scroll;
/* スクロールバーデザイン：IE用 */
  scrollbar-face-color: rgba(242,219,151,0.8);/*バー*/
  scrollbar-track-color: rgba(255,255,255,0.0);/*背景*/
  scrollbar-arrow-color: #D7B355;/*矢*/
  scrollbar-highlight-color:rgba(242,219,151,0.8);
  scrollbar-shadow-color: rgba(242,219,151,0.8);/*バー*/
  scrollbar-3dlight-color: rgba(242,219,151,0.8);/*バー*/
  scrollbar-darkshadow-color: rgba(242,219,151,0.8);/*バー*/
}

.news{
  width:100%;
  /*overflow:scroll; */
  word-break:break-all;
  word-wrap: break-word;
  border:none;
}
td.news_th{
  padding:10px 0 0 0;
  width: 30%;
  overflow: hidden;
  font-style: normal;
  font-weight: bold;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align:top;
  border:none;
  font-size:15px;
  color:#291B12;
}
td.news_td{
  padding:10px 10px 10px 0px;
  text-align: left;
  vertical-align: top;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  border:none;
  color:#333;
  border-bottom:1px dotted #CCC;
}

/* テーブル02:メニュー、サロン案内 */
.table02{
  width:100%;
  /*overflow:scroll; */
  word-break:break-all;
  word-wrap: break-word;
  border:1px dotted #5E472F;
}
td.table02_th{
  padding:10px 15px 10px 15px;
  width:30%;
  overflow: hidden;
  font-style: normal;
  font-weight: bold;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align:middle;
  border:1px dotted #5E472F;
  background:#E9DAB4;
  text-align:center;
}
td.table02_td{
  padding:10px 15px 10px 15px;
  vertical-align: middle;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  border-bottom:1px dotted #5E472F;
  color:#333;
  background:#FFF;
  vertical-align:middle;}
/*.table02 td{border:1px dotted #9C948A;}*/  

/* テーブル10:メニュー、サロン案内 */
.table10{
  width:100%;
  /*overflow:scroll; */
  word-break:break-all;
  word-wrap: break-word;
  border:1px dotted #5E472F;
}
td.table10_th{
  padding:10px 15px 10px 15px;
  width:70%;
  overflow: hidden;
  font-style: normal;
  font-weight: bold;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align:middle;
  border:1px dotted #5E472F;
  background:#E9DAB4;
  text-align:center;
}
td.table10_td{
  padding:10px 15px 10px 15px;
  vertical-align: middle;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  border-bottom:1px dotted #5E472F;
  color:#333;
  background:#FFF;
  vertical-align:middle;}


/* テーブル02:メニュー、サロン案内 */
.table05{
  width:100%;
  /*overflow:scroll; */
  word-break:break-all;
  word-wrap: break-word;
  border:1px dotted #5E472F;
}
td.table05_th{
  padding:5px 15px 5px 15px;
  width:30%;
  overflow: hidden;
  font-style: normal;
  font-weight: bold;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align:middle;
  border:1px dotted #5E472F;
  background:#CCB59B;
  text-align:left;
}
td.table05_td{
  padding:5px 15px 5px 15px;
  text-align: left;
  vertical-align: middle;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  border-bottom:1px dotted #5E472F;
  color:#333;
  background:#FFF;
}
/*.table02 td{border:1px dotted #9C948A;}*/  


/* テーブル06:メニュー、サロン案内 */
.table06{
  width:100%;
  /*overflow:scroll; */
  word-break:break-all;
  word-wrap: break-word;
  border:none;
}
td.table06_th{
  padding:5px 15px 5px 15px;
  width:33%;
  overflow: hidden;
  font-style: normal;
  font-weight: bold;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align:middle;
  border:1px dotted #E3D6C8;
  background:#E3D6C8;
  text-align:center;
}
td.table06_td{
  padding:5px 15px 5px 15px;
  text-align: left;
  vertical-align: middle;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  border:1px dotted #E3D6C8;
  color:#333;
  background:#FFF;
}
/*.table02 td{border:1px dotted #9C948A;}*/  

/* テーブル03:サービスページ内 */
.table03{
  width:100%;
  /*overflow:scroll; */
  word-break:break-all;
  word-wrap: break-word;
  border:none;
}
td.table03_th{
  padding: 5px;
  width: 30%;
  overflow: hidden;
  font-style: normal;
  font-weight: bold;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align:middle;
  font-size:15px;
  border:none;
  color:rgb(149, 55, 52);
}
td.table03_td{
  padding: 5px 15px;
  text-align: left;
  vertical-align: middle;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  border:none;
  color:#333;
}
/*.table03 td{border:2px dotted #FFF;}
.table03 tr:nth-child(2n+1) {background: rgb(249, 249, 249);}*/

/* テーブル04:スタッフ紹介 */
.table04{
  width:100%;
  /* border: 0px solid #111; */
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
}
td.table04_th{
  padding: 5px;
  width: 3%;
  overflow: hidden;
  font-style: normal;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: top;
  color:#DED193;
  border:0px solid #ffffff;
}
td.table04_td{
  padding: 5px 15px;
  text-align: left;
  vertical-align: middle;
  color: #333;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  border:0px solid #ffffff;
}

.table04 td{border-bottom:1px dotted #9C948A;} 

/********** フォント **********/

/* 行間 */
.line25{line-height:25px;}

/* フォント種類 */
.vintage{
  font-size:35px;
  background: #EEE url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAHklEQVQImWNkYGBgYGD4//8/A5wF5SBYyAr+//8PAPOCFO0Q2zq7AAAAAElFTkSuQmCC) repeat;
  text-shadow: 2px -2px #333, 2px -2px white;
  font-weight: nomal;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;}

/********** 見出し **********/

/********** タイトル **********/

/* 枠有・左ワンポイント画像中心固定（緑系） */

.title{
width:100%;
border:0px solid #E9E5DC !important;
border-bottom:2px solid #F4E3AE;
font-size:20px !important;
font-weight:bold;
color:#3C2323;
vertical-align:middle;
margin:15px 0 0 0 !important;
padding:7px 0 7px 125px !important;
background:url(https://jol-gifu.com/application/files/4415/0657/4143/jol_title.png) no-repeat;
background-position:0% 50%;
}

/* 枠有・ベースライン */ 
/*.sub_title{
width:100%;
border-bottom:1px dotted #E9E5DC;
font-size:16px;
font-weight:bold;
color:#333;
vertical-align:middle;
margin:15px 0 0 0;
padding:4px 0 0 20px;
background:url(
) no-repeat;
/* background-position:left bottom; */
/*}*/

/* 枠有・ベースライン */ 
.sub_title{
width:100%;
border:0px solid #E9E5DC;
font-size:18px !important;
font-weight:bold;
color:#3C2323;
vertical-align:middle;
margin:30px 0 20px 0 !important;
padding:4px 0 15px 0 !important;
background:url(https://jol-gifu.com/application/files/2915/0864/5845/sub_title_bk.png) no-repeat;
background-position:left bottom;
}

/* メニューワンポイント */
.menu_point{
width:100%;
border:0px solid #E9E5DC;
font-size:18px;
font-weight:bold;
color:#3F2110;
margin:15px 0 0 0;
padding:0 0 0 28px;
background:url()no-repeat;
background-position:left center;
}

.menu_link_bk{
margin:15px 0 0 0;
padding:7px 15px 5px 15px;
font-size:18px;
font-weight:bold;
text-align:center;
background: url(); 
/*background-position: center center;
background-size: auto; */
background-repeat: repeat;
}

.menu_link_bk a:link{
color:#DED193 !important;
}

.menu_link_bk a:hover{
opacity:0.5 !important;
filter: alpha(opacity=30) !important;
-moz-opacity: 0.5 !important;
}

.menu_link_bk a:visited{
color:#DED193 !important;
}

/********** テンプレートプラン用 **********/

.contact{color:#F95384;}
.ccm-image-slider-inner img{
width:100%;
}

/********** ヘッダー **********/

/* オーダーメイドプラン用ヘッダー */
.d_hd{
margin:12px 0 17px 0;
}
.d_hd_left{
float:left; 
width:60%;
}
.d_hd_right{
float:left;
width:40%;
}

/********** フッター **********/

/* テンプレートプラン用フッター */
div#footermenubar{
margin:0 auto 0 auto;
padding-top:20px;
clear:both;
display:block;
}
div#footermenubar ul li {
list-style:none;font-size:16px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
float: left;
margin:0 25px 0 0;
padding:0;
} 

div#footermenubar ul li a{
color: #FFF !important;
}

div#footercopy{
clear:both;
display:block;
text-align:center;
padding-top:15px;
}

/********** サイド **********/


/********** メニュー **********/      

/* テンプレートメニュー */

.menu_bk{background:url(https://jol-gifu.com/application/files/5415/0642/8305/jol_menu_bk.png);background-repeat:repeat-x;} 
div#menubar {padding:0;margin:0;}
div#menubar ul {margin:0;padding:0;list-style-type: none;} 
div#menubar ul li {font-size: 16px;list-style:none;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
float: left;width: 204px;border-right: 1px dotted rgba(255,255,255,0.5);text-align: center;font-weight: bold;margin: 7px 0 0 0;}
div#menubar ul li a {color:#1A0E0D ;text-decoration: none;display: block;-webkit-transition: 0.5s;transition: 0.5s;}
div#menubar ul li:first-child {border-left: 1px dotted rgba(255,255,255,0.5);}
div#menubar ul li a:hover {background-color: rgba(204,181,155,0.2);color:#5A3C2F;}
div#menubar ul li a span {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
font-size: 9px;display: block;font-weight: normal;letter-spacing: 0.2em;color:rgba(255,255,255,0.8);}
div#menubar ul li a:hover span {color: rgba(255,255,255,0.5);} 

/* オーダーメイドメニュー（Slicknav）*/
.slicknav_menu {
display:none;
}
.js .slicknav_menu {
display:block;
}
#menu {
background:#FFF;
margin-bottom:10px; 
}

/********** トップに戻る **********/

/* テンプレートプラン用 3箇所色変 */
#page-top{filter:alpha(opacity=30);width:50px;height:50px;display:none;position:fixed;right:16px;bottom:16px;}
#page-top p{margin:0;padding:0;text-align:center;background:#DBC07F;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
#page-top p:hover{background:#E6D2A6;}
#move-page-top{color:#ffffff;line-height:50px;text-decoration:none;display:block;cursor:pointer;}
#move-page-top a:link{color: #ffffff;text-decoration: none;}
#move-page-top a{color: #ffffff;}
#move-page-top a:hover{color:#E6D2A6;}    

/* オーダーメイドプラン用 */
/*
#page-top{filter:alpha(opacity=30);width:50px;height:50px;padding-bottom:15px;display:none;position:fixed;right:16px;bottom:16px;}
#page-top p{margin:0;padding:0;text-align:center;background:rgba(0,0,0,0.0);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
#page-top p:hover{background:rgba(0,0,0,0.0);}
#move-page-top{color:#ffffff;line-height:50px;text-decoration:none;display:block;cursor:pointer;}
#move-page-top a:link{color: #ffffff;text-decoration: none;}
#move-page-top a{color: #ffffff;}
#move-page-top a:hover{color:#FFF;}
*/

/********** フロートクリア **********/

.clr{
clear:both;
}

/********** 位置 **********/

.clr{
clear:both;
}

.mid{
vertical-align:middle;
}

.cen{
text-align:center;
}

.lef{
text-align:left;
}

.rig{
text-align:right;
}

/********** 余白 **********/

.magt15{
margin-top:15px;
}

/********** 特殊 **********/

/* 固定 */
.fixed {
  width: 100%;
  position: fixed;
  z-index: 999;
  margin:0;
  padding:0;
}

/* 上部固定のため、画面上部を押しさげる回避策 */
/* PC */
.head_fix_yohaku{height:130px;}
/* MB */
.head_fix_yohaku_mb{height:98px;}

/* 吹き出し */
.balloon-1-right {
	position: relative;
	display: inline-block;
	padding: 10px 10px 0 15px;
	width: auto;
	min-width: 115px;
	height: 150px;
	line-height: 25px;
	color: #19283C;
	text-align: left;
        vertical-align:middle;
	background: #FFF;
	border: 3px solid #19283C;
	z-index: 0;
}
.balloon-1-right:before {
	content: "";
	position: absolute;
	top: 50%; right: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 0 9px 9px;
	border-color: transparent transparent transparent #FFF;
	z-index: 0;
}
.balloon-1-right:after {
	content: "";
	position: absolute;
	top: 50%; right: -12px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #19283C;
	z-index: -1;
}

/********** メディアクエリ（画面可変対応処理）**********/

/* MIN */
@media (min-width:401px) /* モバイル縦 */{



}/* END:min401px */

@media (min-width:481px){
.mb_m{display:none;}
}/* END:min481px */

@media (min-width:768px) /* iPad縦以上 */{

.none768{
display:none;
}

 /* サイドメニュー */
.col-sidebar{
margin:0;
padding:0;
width:20%;
}

.col-content{
margin:0;
padding:0 30px 0 15px;
width:77%;
}

}/* END:min768px */

@media (min-width:769px) /* iPad横より上 */{

/* MB用パーツ非表示 */
.mb{display:none;}

}/* END:min769px */

@media (min-width:1024px) /* iPad横以上 */{

 /* サイドメニュー */
.col-sidebar{
margin:0;
padding:0;
width:20%;
}

.col-content{
margin:0;
padding:0 30px 0 15px;
width:77%;
}

}/* END:min1024px */

@media (min-width:1025px) /* PC以上 */{



/* テンプレートプラン用 ヘッダー・メニュー */
.col-sm-title{float:left;width:50%;margin:30px 0 0 0;}
.col-sm-banner{float:right;width:50%;padding:0 0 0 30px;margin:0;} 
div#menubar ul li{width:20%;margin:7px 0 10px 0;}

}/* END:min1025px */

/* MAX */
@media (max-width:1024px) /* iPad横以下 */{

footer#footer-theme/* 背景が表示されない場合に利用/footerに背景セット・position変更 */{
background:url(https://jol-gifu.com/application/files/6015/0642/6871/jol_f_bk.jpg)repeat-x !important;
background-position: left bottom !important;
/*background-size: contain !important;  */ 
/*background-attachment: fixed !important;*/
}

/* テンプレートプラン用 ヘッダー・メニュー */
.col-sm-title{float:left;width:50%;margin:25px 0 0 0;}
.col-sm-banner{float:right;width:50%;padding:0;margin:0;}
div#menubar ul li{width:20%;margin:10px 0 10px 0;}

/* ヘッダー（オーダーメイドプラン用）*/
.d_hd{margin:4px 0 7px 0;}
.d_hd_left{width:52%;}
.d_hd_right{width:48%;margin-top:6px;}

}/* END:max1024px */

@media (max-width:1023px) /* iPad横以下 */{

.none1023{
display:none;
}

}

@media screen and (max-width: 768px) /* iPad縦以下 */{

/* テーブル02 */
td.table02_th{
  padding-top:10px;
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
}
td.table02_td{
  padding:10px 15px 10px 15px;
  display: list-item;
  width: 100%;
  border-top: none !important;
}

/* テーブル10 */
td.table10_th{
  padding-top:10px;
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
}
td.table10_td{
  padding:10px 15px 10px 15px;
  display: list-item;
  width: 100%;
  border-top: none !important;
}

/* テーブル05 */
td.table05_th{
  padding-top:10px;
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
}
td.table05_td{
  padding:10px 15px 10px 15px;
  display: list-item;
  width: 100%;
  border-top: none !important;
}

/* テーブル03 */
td.table03_th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
}
td.table03_td{
  padding:0px 15px 10px 15px;
  display: list-item;
  width: 100%;
  border-top: none !important;
}

/* テンプレートプラン用 ヘッダー・メニュー */
.col-sm-title{float:left;width:70%;margin:20px 0 0 0;}
.col-sm-banner{float:right;width:30%;padding:0;} 
.col-sm-banner img{width:180px;height:auto;} 
div#menubar ul li{margin:10px 0 10px 0;}
.fb{overflow: hidden;}

td.news_th{width:23%;}
/* テーブル02*/
td.table02_th{
  padding-top:7px;
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
}
td.table02_td{
  padding:10px 15px 10px 15px;
  display: list-item;
  width: 100%;
  border-top: none !important;
}
/* テーブル03*/
td.table03_th{width:20%;}

/* PC用パーツ非表示 */
.pc{display:none;}


/* ヘッダー（オーダーメイドプラン用）*/
.d_hd{
padding:5px 0 1px 0; /* メニュー位置調整 */
background-size:60%;/* ロゴサイズ調整 */
background-position:0px 7px; /* ロゴ位置調整 */
}

/* メニュー（オーダーメイドプラン用）*/
#menu {display:none;}
.slicknav_menu {display:block;}

/* 吹き出し */
.balloon-1-right {
height:200px;
}

}/* END:max768px */

@media screen and (max-width: 767px) /* iPad縦未満 */{

/* トップイメージ非表示(オーダーメイドプラン用) */
.topimage_pc{display:none;}

/* 吹き出し */
.balloon-1-right {
	position: relative;
	display: inline-block;
	padding: 10px 10px 0 15px;
	width: auto;
	min-width: 115px;
	height: 150px;
	line-height: 25px;
	color: #19283C;
	text-align: left;
        vertical-align:middle;
	background: #FFF;
	border: 3px solid #19283C;
	z-index: 0;
}
.balloon-1-right:before {
display:none;
}
.balloon-1-right:after {
display:none;
}

}/* END:max767px */

@media screen and (max-width: 667px) /* iPhone6横以下 */{

.img80 img{
width:100%;
}

/* テンプレートプラン用 ヘッダー・メニュー */
.col-sm-title{width:50%;margin:0;}
.col-sm-banner{float:right;width:50%;padding:0;margin:0;}
.col-sm-banner img{width:160px;height:auto;} 
div#menubar ul li{margin:15px 0 10px 0;}

#k_h1{
font-size:23px;
}

/* テーブル（新着）*/
td.news_th{width:18%;}
/* テーブル*/

/* ヘッダー（オーダーメイドプラン用）*/
.d_hd{
padding:6px 0 3px 0; /* メニュー位置調整 */
background-size:65%;/* ロゴサイズ調整 */
background-position:0px 10px; /* ロゴ位置調整 */
}

}/* END:max667px */

@media screen and (max-width: 640px) /* Android(Galaxy S5)横以下 */{

}/* END:max640px */

@media screen and (max-width: 568px) /* iPhone5s横以下 */{



}/* END:max568px */

@media screen and (max-width: 480px) /* モバイル縦以下 */{

/*.title{
background-size:30%;
background-position:left center;
}
*/

.rc{
margin-top:10px;
text-align:center;
}

/* メニュー非表示 */
.pc_yohaku{display:none;}
.pc_m{display:none;}

#k_h1{
font-size:25px !important;/* MBサイトタイトルサイズ */
/*display:block !important;*/
}

h1{
margin-bottom:20px !important;
}

.h_logo{
text-align:center;
}

.h_contact{
padding:0px 10px 10px 10px;
text-align:center;
line-height:12px !important;
}

.h_contact span{
font-size:18px !important;
color:#FFF !important;
}

.h_contact a:link{
color:#985C9C;
}

.h_contact span{
line-height:45px !important;
color:#FFF !important;
}

.h_contact span a:link{
color:#C2A77C!important;
}

.h_contact span a:hover{
color:#5A3C2F !important;
}


/*.theme_bk{
background-position: left top;
background-size: 100%;*/
/*background-repeat: no-repeat;
} */


/* テンプレートプラン用 ヘッダー */
/*.col-sm-banner:display:none; */

/* ヘッダー（オーダーメイドプラン用）*/
.d_hd{
padding:3px 0 0 0; /* メニュー位置調整 */
background-size:80%;/* ロゴサイズ調整 */
background-position:0px 15px; /* ロゴ位置調整 */
}

/* フォント */
.pr_font{
font-size:18px;
padding:11px 15px 10px 15px;
}

/* テンプレートプラン用 モバイルメニュー */
#menu li{
display: block;
float: left;
margin: 0;
padding: 0;
font-weight: bold;
margin-bottom:0;
}
#menu li a {
display: block;
padding: 10px 0 10px;
background: rgba(255,255,255,0.8);
color: rgb(47, 46, 47);
text-align: center;
text-decoration: none;
border-bottom:1px dotted #C2A77C;
}
#menu li:last-child a{
border: none;
}
#menu li a:hover{
color:#C2A77C;
background: rgba(233,218,180,0.3);
}
#toggle {
display: none;
}
#menu {
display: none;
}
#menu li {
width: 100%;
}
/* メニューバー */
#toggle {
display: block;
position: relative;
width: 100%;
background:url(https://jol-gifu.com/application/files/9615/1201/3307/jol_menu_bk_mb.png);background-repeat:repeat-x;
/*background:#D2B669;*/
margin:9px 0 0 0;
border:1px solid #C2A77C;
}
/* メニューバー内文字・余白 */
#toggle a{     
display: block;
position: relative;
padding:6px 0 3px;
border-bottom: 0px solid #C2A77C;
color:#432619;
font-weight:bold;
text-align: center;
text-decoration: none;
font-size:17px;
}
/* ハンバーガーマーク */
#toggle:before {
display: block;
content: "";
position: absolute;
top: 57%;
left: 10px;
width: 30px;
height: 25px;
margin-top: -15px;
background:#432619;
}
/* ハンバーガーマーク背景 */	
#toggle a:before, #toggle a:after {
display: block;
content: "";
position: absolute;
top: 48%;
left: 10px;
width: 30px;
height: 5px;
background:#DBC080;
}
#toggle a:before {
margin-top:-6px;
}
#toggle a:after {
margin-top: 4px;
}
#menu span {
font-size:11px; 
font-weight: normal;
color:#C2A77C;
margin-left:15px;
}

}/* END:max480px */

@media screen and (max-width: 400px) /* モバイル縦以下 */{

/* テンプレートプラン用 ヘッダー */
.col-sm-title{display:block;width:60%;margin-bottom:0px;}

/* テーブル（新着）*/
td.news_th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
  padding-top:10px;
}
td.news_td{
  display: list-item;
  width: 100%;
  border-top: none !important;
  padding:0 0 10px 0;
}

/* テーブル（枠無）*/
/*.table04 th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
}
.table04 td{
  display: list-item;
  width: 100%;
  border-top: none !important;
} */

}/* END:max400px */

@media screen and (max-width: 375px) /* iPhone6縦以下 */{

/* テンプレートプラン用 ヘッダー */
.col-sm-title{display:block;width:85%;margin:15px 0 8px 13px;}
.col-sm-banner{display:none;}

}/* END:max375px */

@media screen and (max-width: 360px) /* Android(Galaxy S5)縦以下 */{



}/* END:max360px */

@media screen and (max-width: 320px) /* iPhone5s縦以下 */{



}/* END:max320px */