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

/*  */

.case{
margin-top:15px;
padding:13px 15px 0 15px;
font-weight:bold;
background:#FFF;
text-align:center;
border:solid 2px #264589; /* 罫線 */
}

.wk{
        font-weight:bold;
	padding:7px 15px 3px 15px; /* 内側余白 */
        margin-bottom:5px;
	border:solid 2px #264589; /* 罫線 */
	border-radius:20px; /* 角丸 */
}

/* テーブル（事例）*/

.table_pl{
  width:100%;
}
td.table_pl_th{
  border-top:1px dotted #CCC;width:30%;font-weight:bold;background:#EDF0F4;padding:10px 15px 10px 15px;
}
td.table_pl_td{
  border-top:1px dotted #CCC;background:#FFF;padding:10px 15px 10px 15px;
}

/* --- */

.pcen_mlef{text-align:center;}

footer#footer-theme section:last-child{
padding-bottom:0 !important;
}

div.ccm-page main{
padding-bottom:0 !important;
}

div.ccm-page header{
padding:0 !important;
border-bottom:0px;
}

/* メニュー固定用 */
.fixed {
    position: fixed;
    top: 0;                                                                                                                                 f
    width: 100%;
    z-index: 999;
}

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

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

.logo_m{
padding:0;margin:0;border:none;background:#FFF;height:69px;width:17%;
}

body{
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;
background-image: url() !important; 
/*background-position: center center;*/
background-size: 100% !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important;
font-size:16px !important;
}

/* ぱんくず色 */
.breadcrumb>li+li:before{color:#333 !important;margin-left:5px !important;} /* スラッシュ色 */
.breadcrumb>.active{color:#333; !important}
/* div.ccm-page .breadcrumb a{color:rgb(132, 88, 55); !important}
div.ccm-page .breadcrumb a:hover{color:rgb(175, 122, 73); !important} */

div.ccm-page .breadcrumb a:link{
color:#0C3DA0 !important;}

div.ccm-page .breadcrumb a:hover{
color:#456DC0 !important;}

div.ccm-page .breadcrumb a:visited{
color:#0C3DA0 !important;}

h1{
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;
margin:0 !important;
padding:0 !important;
font-size:12px !important;
line-height:20px !important;
}

h2{
display:inline !important;
color:#FFF !important;
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;
font-size:30px !important;
font-weight:bold !important;
margin:0 !important;
padding:25px 0 5px 0 !important;
/*border-bottom:5px solid #FFF !important; */

text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.3),
-2px 2px 1px rgba(0, 0, 0, 0.3),
2px -2px 1px rgba(0, 0, 0, 0.3),
-2px -2px 1px rgba(0, 0, 0, 0.3);
}

h2.t_h2{
position: relative !important;
display: inline-block !important;
margin-bottom: 1em !important;
}
h2.t_h2:before {
content: '' !important;
position: absolute !important;
bottom: -15px !important;
display: inline-block !important;
width: 60px !important;
height: 5px !important;
left: 50% !important;
-moz-transform: translateX(-50%) !important;
-webkit-transform: translateX(-50%) !important;
-ms-transform: translateX(-50%) !important;
transform: translateX(-50%) !important;
background-color: black !important;
border-radius: 2px !important;
} 

h3{
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;
}

h3 {
color:#333 !important;
font-size:22px !important;
font-weight:bold !important;
padding-bottom:15px !important;
border-bottom: solid 2px #EDF0F4 !important;
position: relative !important;
}

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

.wht_bk{
padding:20px 30px 20px 30px;
background:rgba(255,255,255,0.7);
}

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

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

/*.n_img a:hover img{*/
    /*opacity: .9;*/
/*    transform: scale(1.1,1.1);
*/

.n_img img{
border:5px solid #FFF;
}

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

/* 404エラー色だけはページ設定から変更（細いタイトル）が必要 */
/*div.ccm-page main .jumbo h1{
color:#0D72B6 !important;
}*/

/*.n_h2{
color:#FFF !important;
font-size:18px !important;
margin:0 !important;
padding:0 !important;
border-bottom:5px solid #0D72B6; 
}*/

.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{
padding:50px 0 42px 20px;
text-align:center;
background:#E7EDF5;
/*background-size: 100% !important;
background-position: center center !important;*/
}

.theme_bk2{
padding:55px 0 55px 0;
text-align:center;
background:url()repeat;
background-size: 100% !important;
background-position: center bottom !important;
}

.theme_bk3{
padding:55px 0 55px 0;
text-align:center;
background:url()repeat;
background-size: 100% !important;
background-position: center center !important;
}

.theme_bk4{
padding:55px 0 55px 0;
text-align:center;
background:url()repeat;
background-size: 100% !important;
background-position: center center !important;
}

.theme_bk5{
padding:55px 0 55px 0;
text-align:center;
background:url()repeat;
background-size: 100% !important;
background-position: center top !important;
}

/* 枠有・ベースライン */ 
.theme_line{
background:url() no-repeat;
background-position:left bottom;
}

.t_work_bk{
margin-top:15px;
padding:30px 0;
background:url()no-repeat; 
/*background-position: center center; */
background-size: cover;
background-attachment: fixed;
}

/* ヘッダー背景 */
div.ccm-page header{ 
background:#FFF !important;
background-size: 100% !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important;
/* background-position: 55% 0% !important; */
}

/* メイン背景 */
div.ccm-page main{
/* background:#FFF !important;  */
background:url(http://s-hayashi.sakura.ne.jp/application/files/9315/0625/0151/main_bk.png)repeat !important;
/*background:url() !important;  */
/*background-position: 55% 0% !important;*/ 
background-attachment: fixed !important;
}

/* フッター上部枠色 */
#footer-theme{
font-size:16px;
background:url(http://s-hayashi.sakura.ne.jp/application/files/1415/0668/3351/f_bk.png) !important;
background-size: 100% !important;
/* background-attachment: fixed !important; */
}
footer#footer-theme section{
border-top:1px solid #FFF !important;
}

.h_logo{
padding:0 0 0 40px;
}

.s_contact{
margin-top:10px;
padding-left:5px;
line-height:25px;
color:#333;
text-align:left;
}

.s_contact a:link{
color:#175095 !important;}

.s_contact a:hover{
color:#4593C7 !important;}

.s_contact a:visited{
color:#175095 !important;}


.s_contact span{
line-height:25px;
font-size:18px;
font-weight:bold;
color:rgb(182, 138, 186);
}

.h_contact{
padding:16px 15px 15px 0;
/*text-align:right; */
/*line-height:22px !important;*/
vertical-align:middle;
color:#175095;
}
.h_contact img{
padding:0 10px 7px 0;
}

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

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

.h_contact a:hover{
color:#4593C7 !important;}

.h_contact a:visited{
color:#175095 !important;}

.f_contact{
padding:20px 15px 20px 15px;
line-height:30px;
vertical-align:middle;
color:#FFF;
}

.f_copy{
font-size:12px !important;
margin:5px 0 15px;
text-align:center;
color:#FFF;
}

.fix{
background-attachment: fixed;
}

.r_tag{
margin-top:15px;
padding:10px 10px 10px 40px;
border:1px solid rgba(13,114,182,0.3); 
background-color:rgba(13,114,182,0.1);
background-image:url();
background-position:15px 50%;
background-repeat: no-repeat !important; 
}

.r_box{
padding:10px 10px 10px 10px;
border:1px solid #ddd;
background-color:rgba(255,255,255,0.8); 
}

.r_img{
width:100%;
height:auto;
}

.r_tag a:link{
color:#0D72B6 !important;
}

.r_tag a:hover{
color:#71A9E1 !important;
}

.r_tag a:visited{
color:#0D72B6 !important;
}

.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;
}

/********** スライダー（slickカスタマイズ） **********/

.mypattern .slick-slide:not(.slick-center) {
  -webkit-transform: scale(0.90);
  -moz-transform: scale(0.90);
  -ms-transform: scale(0.90);
  -o-transform: scale(0.90);
  transform: scale(0.90);

  -webkit-filter: blur(5px);
  -moz-filter:blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px); 

/*  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
*/

}

.t_relative {
    position: relative;
    width:100%;
    height:auto;
}
.t_absolute {
    position: absolute;
    left: 0%;
    top: 60%;
    width:50%;
    height:auto;
}

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

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

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

/* サイズ変更 */
.img100 img{
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{text-align:center;}

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

.img-block a:link{
color:#FFF !important;
}

.img-block a:hover{
color:rgba(255,255,255,0.3) !important;
}

.img-block a:visited{
color:#FFF !important;
}

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

.img-block figure:hover img {
    opacity: .7;

    transform: scale(1.1,1.1);
}
.img-block figcaption {
    color: #fff;
    font-size: 20px;
    font-weight:bold;
    background: #333;
    background: rgba(0,0,0,0.8);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 46px;
    padding:8px 10px 7px 10px;
    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);
}

/* 複数行 */

.img-block02{text-align:center;margin:0 5px;}

.img-block02 figure{
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background: rgba(0,0,0,0.0);
}

.img-block02 a:link{
color:#FFF !important;
}

.img-block02 a:hover{
color:rgba(255,255,255,0.3) !important;
}

.img-block02 a:visited{
color:#FFF !important;
}

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


.img-block02 figure:hover img {
    opacity: .7;

   /* transform: scale(1.2,1.2); */
}
.img-block02 figcaption {
    color: #fff;
    font-size: 14px;
    background: #333;
    background: rgba(0,0,0,0.8);
    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-block02 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;
background-image:url(http://);
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:#EDF0F4;/* 背景 */
}
.scrollbar01::-webkit-scrollbar:horizontal{
height:0px;
}
.scrollbar01::-webkit-scrollbar-button{
  width:5px;height:5px;background:#385BA5;/* コーナー */
}
.scrollbar01::-webkit-scrollbar-piece{
  background:#385BA5;/* バー */
}
.scrollbar01::-webkit-scrollbar-piece:start{
  background:#385BA5;/* バー */
}
.scrollbar01::-webkit-scrollbar-thumb{
  background:#385BA5;/* バー */
}
.scrollbar01::-webkit-scrollbar-corner{
  background:#385BA5;}/* バー */
.news_scroll01{
  width:100%;
  margin-top:15px;
  padding-bottom:15px;
  background:#FFF; 
  height:320px;
  overflow:scroll;
/* スクロールバーデザイン：IE用 */
  scrollbar-face-color: #385BA5;/*バー*/
  scrollbar-track-color: #EDF0F4;/*背景*/
  scrollbar-arrow-color: #FFF;/*矢*/
  scrollbar-highlight-color:#385BA5;/*バー*/
  scrollbar-shadow-color: #385BA5;/*バー*/
  scrollbar-3dlight-color: #385BA5;/*バー*/
  scrollbar-darkshadow-color: #385BA5;/*バー*/
}
.cnt_scroll01{
  width:100%;
  margin-top:15px;
  height:450px;
  overflow:scroll;
/* スクロールバーデザイン：IE用 */
  scrollbar-face-color: #385BA5;/*バー*/
  scrollbar-track-color: #EDF0F4;/*背景*/
  scrollbar-arrow-color: #FFF;/*矢*/
  scrollbar-highlight-color:#385BA5;/*バー*/
  scrollbar-shadow-color: #385BA5;/*バー*/
  scrollbar-3dlight-color: #385BA5;/*バー*/
  scrollbar-darkshadow-color: #385BA5;/*バー*/
}

.news{
  width:100%;
  /*overflow:scroll; */
  word-break:break-all;
  word-wrap: break-word;
  border:none;
}

td.news_th{
  width: 28%;
  background:rgb(255,255,255);  
  padding:10px 15px 10px 15px;
  overflow: hidden;
  font-weight: bold;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align:middle;
  border:none;
  font-size:16px;
  color:#182679;
}

td.news_td{
  background:rgba(255,255,255,0.9);  
  padding:10px 15px 10px 15px;
  text-align: left;
  vertical-align: top;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  border:none;
  color:#333;
  font-size:16px;
  border-bottom:1px dotted #94949C;
}

td.news_td a:link{
color:rgb(39, 72, 137) !important;
}

td.news_td a:hover{
color:rgb(37, 99, 190) !important;
}

td.news_td a:visited{
color:rgb(39, 72, 137) !important;
}

/* テーブル02 */
.table02{
  width:100%;
  /*overflow:scroll; */
  word-break:break-all;
  word-wrap: break-word;
  border:none;
  border-top:1px dotted #bbb;
}
td.table02_th{
  padding:10px 15px 10px 15px;
  width: 20%;
  overflow: hidden;
  font-style: normal;
  font-weight: bold;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align:middle;
  border:1px dotted #bbb;
  background:#EDF0F4;
  text-align:center;
}
td.table02_td{
  padding:10px 15px 10px 15px;
  text-align: left;
  vertical-align: middle;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  border:1px dotted #bbb;
  color:#333;
  background:rgba(255,255,255,0.6);
}
/*.table02 td{border:1px dotted #9C948A;}*/  

/* テーブル03 */
.table03{
  width:100%;
  /*overflow:scroll; */
  word-break:break-all;
  word-wrap: break-word;
  border:1px dotted #bbb;
  background:#FFF;
}
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:0px dotted #bbb;
  color:#333;
}
td.table03_td{
  padding: 5px 15px;
  text-align: left;
  vertical-align: middle;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  border:0px dotted #bbb;
  color:#333;
}
 .table03 th{border:1px dotted #bbb;}   
.table03 tr:nth-child(2n+1) {background:url(http://mino-juki.sakura.ne.jp/application/files/9514/9707/9903/m_tb_bk.png)repeat;border:1px dotted #bbb;}

/* テーブル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;}

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

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

/* 枠有・左ワンポイント画像中心固定（緑系） */
.w_title{
width:100%;
border:0;
font-size:20px;
font-weight:normal;
color:#0D72B6;
vertical-align:middle;
margin:4px 0 0 0;
padding:7px 0 2px 60px;
background:url() no-repeat;
}

.r_title_c{
padding: 0 0 10px 0;
}

.r_title{
width:100%;
border:0;
font-size:20px;
font-weight:normal;
color:#0D72B6;
vertical-align:middle;
margin:0px 0 0 0;
padding:7px 0 2px 60px;
background:url() no-repeat;
}

.title{
width:100%;
border:0;
font-size:22px;
font-weight:bold;
color:#0E468B;
vertical-align:middle;
margin:15px 0 15px 0;
padding:13px 0 0 25px;
background:url(http://s-hayashi.sakura.ne.jp/application/files/5515/0625/8666/title.png) repeat-y;
background-position:left top;
/*background-position:0% 50%;*/
border:1px solid #EEE;
}

.sub_title{
width:100%;
border:0;
font-size:22px;
font-weight:bold;
color:#333;
vertical-align:middle;
margin:15px 0 15px 0;
padding:1px 0 5px 25px;
background:url(http://s-hayashi.sakura.ne.jp/application/files/7215/0625/9694/sub_title.png)repeat-y;
background-position:left center;
border-bottom:1px dotted #0E468B;
}

.t_title{
position: relative;
font-weight:bold;
color: #0C3DA0;
font-size: 27px;
padding: 40px 0;
text-align: center;
margin: 1em 0;
line-height:40px;
}
.t_title:before {
content: "";
padding: 52px 0;
position: absolute;
top: 0px;
left: 50%;
width: 150px;
height: 58px;
border-radius: 50%;
border: 5px solid #EDF0F4;
border-left-color: transparent;
border-right-color: transparent;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}

/* 枠有・ベースライン */ 
/*.sub_title{
width:100%;
border:0;
font-size:18px;
font-weight:bold;
color:#0D72B6;
vertical-align:middle;
margin:15px 0 0 0;
padding:7px 0 2px 0px;
background:url() 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%;
}

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

footer#footer-theme section:first-child{
border:none !important;
}

/* テンプレートプラン用フッター */
div#footermenubar{
margin:3px auto 3px auto;
padding:10px 0 39px 25px;
clear:both;
display:block;
text-align:center !important;
font-weight:bold !important;
}

div#footermenubar a:link{
font-weight:bold !important;
color:#FFF !important;
}

div#footermenubar a:hover{
color:rgba(255,255,255,0.3) !important;
}

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

div#footermenu{
width:1200px;
margin: 0px auto;
}

div#footermenubar ul li {
list-style:none;font: 14px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
float: left;
margin:0 20px 0 0;
padding:0;
}

div#footer_contact_l{
color:#FFF;
padding:30px 15px 20px 0;
float:left;width:33%;
}

div#footer_contact_c{
color:#FFF;
padding:30px 0px 20px 30px;
float:left;width:33%;
}

div#footer_contact_r{
color:#FFF;
padding:35px 3px 20px;
float:right;width:33%;
}

/* f_contactと共通 */

div#footer_contact_r a:link{
color:#FFF !important;
}

div#footer_contact_r a:hover{
color:rgba(255,255,255,0.3) !important;
}

div#footer_contact_r a:visited{
color:#FFF !important;
}

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

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


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

/* テンプレートメニュー */
/* http://s-hayashi.sakura.ne.jp/application/files/7815/0669/2879/menu_bk.png */

.hzone{font-size:12px;color:#333;font-weight:bold;margin:0;padding:1px 0 0px 0;background:#E7EDF5;}
.menu_bk{box-shadow:0px 5px 5px rgba(0, 0, 0, 0.1);background:url(http://s-hayashi.sakura.ne.jp/application/files/4115/0847/3144/menu_bk.png);background-repeat:repeat-x;width: 100%;margin:0;padding:0;background-position:left bottom;}
/* position: fixed;z-index:999; */ 

div#menubar {margin:0 0 0 0;}
div#menubar ul {margin:0 0 0 0;padding:0;list-style-type: none;} 
div#menubar ul li {padding:3px 13px 0px 13px;list-style:none;font: 16px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
float: left;border-right: 1px solid #D7D7D7;text-align: center;font-weight: bold;margin: 12px 0 18px 0;}
div#menubar ul li a {color: #FFF;text-decoration: none;display: block;-webkit-transition: 0.5s;transition: 0.5s;}
div#menubar ul li:first-child {border-left: 0px dotted #000;}
div#menubar ul li:last-child {border-left: 0px dotted #000;border-right: 0px dotted #000;}
div#menubar ul li a:hover {position:relative;top:2px;left:2px;}
div#menubar ul li a span {font-size: 12px;display: block;font-weight:normal;letter-spacing: 0.2em;color: #AAA;}
/*div#menubar ul li a:hover span {color: #E7C26D;}*/ 

/* オーダーメイドメニュー（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:#0E468B;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
#page-top p:hover{background:#1175C6;}
#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:#1175C6;}    

/* オーダーメイドプラン用 */
/*
#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){

.text{
text-align:center;
}

}/* END:min481px */

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

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

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

}/* END:min768px */

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

.none769{display:none !important;}

.yohaku{
padding:30px 15px 15px 45px;
}

.mb_topimage{display:none !important;}

}/* END:min769px */

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

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

.col-content{
margin:0;
padding:0 35px 0 15px;
width:75%;
}

}/* END:min1024px */

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

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

.mb_m{display:none;}

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

/*div#menubar ul li:first-child{border:0px dotted #DBDBDB;margin:13px 10px 0 0;padding:0;}
div#menubar ul li:last-child{border-right:0px dotted #DBDBDB;margin:5px 0 10px 5px;padding:0;}*/

}/* END:min1025px */






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


.wk{
padding:7px 15px 7px 15px; /* 内側余白 */
}

td.news_th{
  width: 34%;
}

.menu_bk{background:url(http://s-hayashi.sakura.ne.jp/application/files/1915/1070/8885/mb_menu_bk.png);background-repeat:repeat;}

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

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

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

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

#footermenu{display:none;} 

/*footer#footer-theme/* 背景が表示されない場合に利用/footerに背景セット・position変更 */{
/*background-image: url() !important;
background-position: left bottom;
background-size: contain !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important; */
}

/* ヘッダー・メニュー */
.col-sm-title{float:left;width:77%;margin:0;}
.col-sm-banner{float:right;width:23%;padding:0;margin:0;}
div#menubar ul li{width:10%;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 screen and (max-width: 768px) /* iPad縦以下 */{

.yohaku{
padding:0 10px;
}

.pc_topimage{display:none !important;}

h2{
font-size:23px !important;
}
.m_logo{
width:150px;
height:auto;
padding:6px 0 9px 0;
}

.s_contact span{
font-size:16px;
}

.theme_bk{
padding:0;
background-size: 300%;
}

.theme_bk2{
padding:0;
background-size: 300%;
}

.theme_bk3{
padding:0;
background-size: 300%;
}

.theme_bk4{
padding:0;
background-size: 300%;
}

.theme_bk5{
padding:0;
background-size: 300%;
}


div#footer_contact_l{
float:left;width:60%;
}

div#footer_contact_r{
float:right;width:40%;color:#FFF;margin-top:20px;
}

/* テンプレートプラン用 ヘッダー・メニュー */
.col-sm-title{float:left;width:70%;}
.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;}

/* テーブル02*/
td.table02_th{width:18%;}
/* テーブル03*/
td.table03_th{width:20%;}

.hzone{display:none;}

.wht_bk{
padding:15px 15px 15px 15px;
}


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

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

}/* END:max768px */

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

div#footermenu{
width:100%;margin: 0px auto;
}

/* トップイメージ非表示(オーダーメイドプラン用) */
.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横以下 */{

.title{
padding:13px 15px 5px 15px;
line-height:40px;
}

.sub_title{
line-height:40px;
}

.pcen_mlef{text-align:left;line-height:40px;}

.s_contact span{
font-size:18px;
}

/* テンプレートプラン用 ヘッダー・メニュー */
.col-sm-title{width:60%;margin:0;}
.col-sm-banner{float:right;width:40%;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.table_pl_th{width:45%;}
td.table02_th{width:18%;}

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

}/* END:max667px */

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

.t_title{
position: relative;
font-weight:bold;
color: #0C3DA0;
font-size: 24px;
padding: 18px 15px 0 15px;
text-align:left;
margin: 0em 0;
}
.t_title:before {
content: "";
padding: 52px 0;
position: absolute;
top: 0px;
left: 50%;
width: 150px;
height: 58px;
border-radius: 50%;
border: 5px solid #EDF0F4;
border-left-color: transparent;
border-right-color: transparent;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}

}/* END:max640px */

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

}/* END:max568px */

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

.text{
text-align:left;
}

.title{
padding:13px 15px 0 15px;
}

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

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


div#footer_contact_l{
text-align:center;
padding:20px 15px 20px 15px;
float:left;width:100%;
}

div#footer_contact_c{
text-align:center;
padding:0px 15px 0 15px;
float:left;width:100%;
}

div#footer_contact_r{
padding:0;
float:left;width:100%;
}

.t_relative {
    position: relative;
    width:100%;
    height:auto;
}
.t_absolute {
    position: absolute;
    left: 0%;
    top: 28%;
    width:70%;
    height:auto;
}

/********** スライダー（slickカスタマイズ） **********/

.mypattern .slick-slide:not(.slick-center) {
  -webkit-transform: scale(1.0);
  -moz-transform: scale(1.0);
  -ms-transform: scale(1.0);
  -o-transform: scale(1.0);
  transform: scale(1.0);

  -webkit-filter: blur(5px);
  -moz-filter:blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px); 

/*  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
*/

}

.slick-dots li button{
padding:50px !important;
height:0px !important;
}

#n_h1{
margin-bottom:0 !important;
}

.col-sm-title{text-align:center;}

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

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

.h_contact span{
line-height:25px !important;
}


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

/* ヘッダー（オーダーメイドプラン用）*/
.d_hd{
padding:3px 0 0 0; /* メニュー位置調整 */
background:url(http://) no-repeat;
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: #0D72B6;
text-align: center;
text-decoration: none;
border-bottom:1px dotted #56A5E4;
}
#menu li:last-child a{
border: none;
}
#menu li a:hover{
color:#56A5E4;
background: #EBF2FC;
}
#toggle {
display: none;
}
#menu {
display: none;
}
#menu li {
width: 100%;
}

/* メニューバー */
#toggle {
display: block;
position: relative;
width: 100%;
background:#0D72B6;
margin:9px 0 0 0;
border:1px solid #56A5E4;
}

/* メニューバー内文字・余白 */
#toggle a{     
display: block;
position: relative;
padding:6px 0 3px;
border-bottom: 0px solid color:#0D72B6;
color:#FFF;
font-weight:normal;
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:#FFF;
}

/* ハンバーガーマーク背景 */	
#toggle a:before, #toggle a:after {
display: block;
content: "";
position: absolute;
top: 48%;
left: 10px;
width: 30px;
height: 5px;
background:#0D72B6;
}
#toggle a:before {
margin-top:-6px;
}
#toggle a:after {
margin-top: 4px;
}
#menu span {
font-size:11px; 
font-weight: normal;
color: #636363;
margin-left:15px;
}

}/* END:max480px */

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

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

}/* 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 */