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

.text-muted{
    color:#AE493E !important;
}

.btn-primary{
    background-color:#1A1A1A !important;
    border-color:#1A1A1A !important;
}

.wk {
    margin: 0 0 20px 0;
    padding: 20px 20px 30px;
    background-color: #FFF;
}
/* アンダーライン */

.u {
  background:linear-gradient(transparent 60%, #FFF9BF 60%);
}

/* フロー */

.e_flow {
    margin: 0 auto 50px;
}

.e_flow .box {
    margin: 0 auto 33px;
    width: 80%;
    padding: 10px;
    border: 1px solid #978B7D;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    font-weight: bold; /* テキストの指定 */
    line-height: 1.2; /* テキストの指定 */
    background-color: #FFF;
    text-align: center;
}

.e_flow .box:after {
    border-top: 15px solid #715E59;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    content: "";
    position: absolute;
    bottom: -18px; /* 三角形の高さ＋ボックスのボーダーをマイナスに */
    left: 50%;/* 中央寄せに使用 */
    margin-left: -60px; /* 中央寄せに使用 */
}

.e_flow .box:last-child:after {
    border: none; /* 最後のボックスだけ三角形を表示しない */
}

/* リスト */

.e_list ul li, ol li {
  line-height: 1.5; /*文の行高*/
  padding: 0.5em 0; /*前後の文との余白*/
}

/* Q&A */

.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa .cp_qanda {
	line-height: 1.5;
	position: relative;
	margin: 0 0 0 15em;
	padding: 0 0 0 1em;
	border-left: 1px solid #333333;
}
.cp_qa .quest {
	font-weight: bold;
	position: absolute;
	bottom: -1em;
	left: -15em;
	display: inline-block;
	width: 18em;
        padding-left: 20px;
	text-align: left;
}
.cp_qa .cp_qanda::before {
	font-family: serif;
	font-size: 4em;
	position: absolute;
	top: -0.4em;
	left: -3.7em;
	display: inline-block;
	width: 9em;
	content: 'Q';
	opacity: 0.1;
}
.cp_qa .answer {
	min-height: 3em;
}


div#mask,img.slide {
	min-height: auto;
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
}
div#slideArea {
	position: relative;
	height:100%;
	width:100%;
	overflow: hidden;
}
img.slide{
	z-index:1;
}
div#slider{position:relative;}
/*
以下slider以外の装飾用CSSです。
用途に応じて使い分けてください。
消していただいても問題ありません。

div#contents{
	width:300px;
	height:230px;
	position:absolute;
	left:50%;
	top:50%;
	background:#000;
	padding:30px;
	margin:-145px 0 0 -180px;
	z-index:3;
	color: #fff;
	font-size:12px;
}
div#mask{
	z-index:2;
	background:url(images/dotted_mask.png);
}
*/
.bx-pager{
display:none;
}

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

.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;                                                                                                                                 
    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: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;
background-image: url(https://ryutaiji.com/application/files/9315/0597/2226/main_bk.jpg) repeat !important; 
/*background-position: center center;*/
background-attachment: fixed !important;
font-size:16px !important;
}

/* ぱんくず色 */
.breadcrumb>li+li:before{color:#AAA !important;margin:0 0 15px 5px !important;} /* スラッシュ色 */
.breadcrumb>.active{color:#AAA; !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:#CCC !important;}

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

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

h1{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif !important;
margin:0 !important;
padding:0 !important;
font-size:12px !important;
line-height:20px !important;
}

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

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

h4{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif !important;
margin:0 !important;
padding:0 !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.9);
}

.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{
font-size:13px !important;
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:20px 0 27px 20px !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(https://ryutaiji.com/application/files/9315/0597/2226/main_bk.jpg)repeat !important;
/*background:url() !important;  */
/*background-position: 55% 0% !important;*/ 
background-attachment: fixed !important;
}

/* フッター上部枠色 */
#footer-theme{
color:#FFF !important;
font-size:16px;
background:url(https://ryutaiji.com/application/files/2115/0604/4889/f_bk.png) repeat-x !important;
background-position:left bottom !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:0 0 9px;
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;margin-top:30px;}

.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: 16px;
    font-weight:bold;
    background: #333;
    background: rgba(0,0,0,0.8);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px;
    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-blockw{text-align:center;}

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

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

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

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

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

.img-blockw figure:hover img.img_sc {

    transform: scale(1.1,1.1);
}

img.img_sc {
width:100%;
height:auto;
}

.img-blockw figcaption {
    color: #fff;
    text-align:right;
    font-size: 14px;
    font-weight: normal;
    background: rgba(0,0,0,0.3);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 35px;
    padding:12px 10px 2px 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-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:#FFF;/* 背景 */
}
.scrollbar01::-webkit-scrollbar:horizontal{
height:0px;
}
.scrollbar01::-webkit-scrollbar-button{
  width:5px;height:5px;background:#6B553D;/* コーナー */
}
.scrollbar01::-webkit-scrollbar-piece{
  background:#413425;/* バー */
}
.scrollbar01::-webkit-scrollbar-piece:start{
  background:#413425;/* バー */
}
.scrollbar01::-webkit-scrollbar-thumb{
  background:#413425;/* バー */
}
.scrollbar01::-webkit-scrollbar-corner{
  background:#413425;}/* バー */
.news_scroll01{
  width:100%;
  margin-top:15px;
  padding-bottom:15px;
  background:#FFF; 
  height:450px;
  overflow:scroll;
/* スクロールバーデザイン：IE用 */
  scrollbar-face-color: #413425;/*バー*/
  scrollbar-track-color: #FFF;/*背景*/
  scrollbar-arrow-color: #6B553D;/*矢*/
  scrollbar-highlight-color:#413425;/*バー*/
  scrollbar-shadow-color: #413425;/*バー*/
  scrollbar-3dlight-color: #413425;/*バー*/
  scrollbar-darkshadow-color: #413425;/*バー*/
}
.news_scroll02{
  width:100%;
  margin-top:15px;
  padding-bottom:15px;
  background:#FFF; 
  height:300px;
  overflow:scroll;
/* スクロールバーデザイン：IE用 */
  scrollbar-face-color: #413425;/*バー*/
  scrollbar-track-color: #FFF;/*背景*/
  scrollbar-arrow-color: #6B553D;/*矢*/
  scrollbar-highlight-color:#413425;/*バー*/
  scrollbar-shadow-color: #413425;/*バー*/
  scrollbar-3dlight-color: #413425;/*バー*/
  scrollbar-darkshadow-color: #413425;/*バー*/
}

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

td.news_th{
  width: 23%;
  background:rgba(255,255,255,0.0);  
  padding:10px 15px 10px 25px;
  overflow: hidden;
  font-style: normal;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align:middle;
  border:none;
  font-size:16px;
  color:#413425;
  text-align:left;
}
td.news_td{
  background:rgba(255,255,255,0.0);  
  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(60, 50, 47) !important;
font-weight:bold !important;
}

td.news_td a:hover{
color:rgb(113, 94, 89) !important;
}

td.news_td a:visited{
color:rgb(60, 50, 47) !important;
}

/* テーブル永代供養墓 */
.table_e{
  width:100%;
  /*overflow:scroll; */
  word-break:break-all;
  word-wrap: break-word;
  border-collapse:separate;
  border-spacing:8px;
}
td.table_e_th{
  padding:10px;
  width: 60px;
  overflow: hidden;
  font-style: normal;
  font-weight: bold;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align:middle;
  text-align:center;
  background:#715E59;
  font-size:20px;
  color:#FFF;
}
td.table_e_td{
  padding:10px 25px 10px 25px;
  text-align: left;
  vertical-align: middle;
  font-weight: bold;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  color:#333;
  background:rgb(255,255,255);
  border:1px solid #EAE5DF;
}
/*.table02 td{border:1px dotted #9C948A;}*/  

/* テーブル02 */
.table02{
  width:100%;
  /*overflow:scroll; */
  word-break:break-all;
  word-wrap: break-word;
  border:none;
  border-top:1px solid #978B7D;
}
th.table02_mth{
  padding:5px 15px 5px 15px;
  width: 20%;
  overflow: hidden;
  font-style: normal;
  font-weight: bold;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align:middle;
  border:1px solid #978B7D;
  background:#82716E;
  text-align:center;
  color:#FFF;
}
td.table02_th{
  padding:10px 20px 10px 20px;
  width: 20%;
  overflow: hidden;
  font-style: normal;
  font-weight: bold;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align:middle;
  border:1px solid #978B7D;
  background:#EFEBE2;
  text-align:left;
}
td.table02_td{
  padding:10px 20px 10px 20px;
  text-align: left;
  vertical-align: middle;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  border:1px solid #978B7D;
  color:#333;
  background:rgba(255,255,255,0.6);
}

/* テーブル03 */
.table03{
  width:100%;
  /*overflow:scroll; */
  word-break:break-all;
  word-wrap: break-word;
  border:1px dotted #978B7D;
  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 #978B7D;
  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 #978B7D;
  color:#333;
}
 .table03 th{border:1px dotted #bbb;}   
.table03 tr:nth-child(2n+1) {background:url(https://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;}

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

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

.t_title{
width:100% !important;
border:0 !important;
font-size:22px !important;
font-weight:bold !important;
color:#333 !important;
vertical-align:middle !important;
margin:15px 0 15px 0 !important;
padding:4px 0 0 49px !important;
background:url(https://ryutaiji.com/application/files/2815/0682/6821/t_title.png) !important;
background-position:left center !important;
background-repeat: no-repeat !important;
/*background-position:0% 50%;*/
}

.e_title{
width:100% !important;
border:0 !important;
font-size:20px !important;
font-weight:bold !important;
color:#333 !important;
vertical-align:middle !important;
margin:10px 0 10px 0 !important;
padding:4px 0 0 49px !important;
background:url(https://ryutaiji.com/application/files/2815/0682/6821/t_title.png) !important;
background-position:left center !important;
background-repeat: no-repeat !important;
/*background-position:0% 50%;*/
}

.title{
width:100% !important;
border:0 !important;
font-size:28px !important;
font-weight:bold !important;
color:#FFF !important;
vertical-align:middle !important;
margin:15px 0 15px 0 !important;
padding:15px 20px 0 60px !important;
background:url(https://ryutaiji.com/application/files/6415/0683/4491/title.png) !important;
background-position:left center !important;
background-repeat: no-repeat !important;
/*background-position:0% 50%;*/
}

.sub_title{
width:100% !important;
border:0 !important;
font-size:20px !important;
font-weight:bold !important;
color:#333 !important;
vertical-align:middle !important;
margin:19px 0 25px 0 !important;
padding:10px 20px 7px 72px !important;
/* border-bottom:1px dotted #715E59; */
background:url(https://ryutaiji.com/application/files/3615/0683/7896/sub_title.jpg) !important;
background-position:left center !important;
}

.sub_title2{
width:100% !important;
border:0 !important;
font-size:22px !important;
font-weight:bold !important;
color:#333 !important;
vertical-align:middle !important;
margin:15px 0 15px 0 !important;
padding:4px 20px 12px 0 !important;
background:url(https://ryutaiji.com/application/files/7515/0684/0641/sub_title2.png) !important;
background-position:left bottom !important;
background-repeat: no-repeat !important;
}

.sub_title_e{
width:100%;
border:0;
font-size:18px;
font-weight:bold;
color:#FFF;
vertical-align:middle;
margin:0;
padding:5px 10px 0 20px;
background-color:#EFEBE2;
border-bottom:2px solid rgb(130,113,110);
}

/* 枠有・ベースライン */ 
/*.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:6px 0 35px 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;
}

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


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

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

.hzone{font-size:12px;font-weight:bold;margin:0;padding:3px 0 2px 0;background:url()repeat;}
.menu_bk{box-shadow:0px 5px 5px rgba(0, 0, 0, 0.1);background:url(https://ryutaiji.com/application/files/9315/0597/2226/main_bk.jpg);background-repeat:repeat;width: 100%;margin:0;padding:0;background-position:left bottom;position: fixed;z-index:999;}
/* position: fixed;z-index:999; */ 

div#menubar {margin:0;}
div#menubar ul {margin:0;padding:0;list-style-type: none;} 
div#menubar ul li {padding:30px 0 0 0;list-style:none;font: 14px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
float: left;border-right: 0px dotted #AAAAAA;text-align: center;font-weight: bold;}
div#menubar ul li a {color: #333;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: 13px;display: block;font-weight:normal;letter-spacing: 0.2em;color: #0C3DA0;}
/*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:45px;height:158px;display:none;position:fixed;right:0;bottom:30px;z-index:10;}
#page-top p{margin:0;padding:0;text-align:center;background:rgba(255,255,255,0);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
#page-top p:hover{background:rgba(255,255,255,0);}
#move-page-top{color:#ffffff;line-height:0px;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:#000;}

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

.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 18px 0 15px;
width:78%;
}

}/* 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横以下 */{

td.news_th{
width:30%;
}

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

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

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

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

#footermenu{display:none;}

/*h2{
padding:10px 0 10px 0 !important;
border-bottom:4px solid #FFF !important;
}
*/ 

/*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縦以下 */{


.pc_topimage{display:none !important;}

/*h2{
display:none !important;
}
*/

.m_logo{
width:150px;
height:auto;
padding:6px 0 9px 0;
}

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

td.news_th{
width:27%;
}

.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,th.table02_mth{width:25%;}
/* テーブル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横以下 */{

td.table_e_th{
width:30px !important;
}

.title{
font-size:22px !important;
}

.sub_title{
font-size:18px !important;
}

.sub_title2{
font-size:18px !important;
}

/*.title{
padding:5px 0;
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,th.table02_mth{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;
}

/* テーブル */
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 */
th.table02_mth{
  display:none;
}
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: 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 */