@charset "UTF-8";
/* CSS Document 京ままJP*/

/* ==========================================================================
総合追加設定　全体の追加設定、複数のブロックにかかるものは以下に
========================================================================== */
/*#entry-body .btn-lg {
font-size: 18px!important;
	width: 100%!important;
	padding: 15px 5px!important;
}
*/

/* ==========================================================================
フォント設定
========================================================================== */

/* ==========================================================================
共通設定
========================================================================== */
.data th {
width: 25%!important;
}

html {
  scroll-behavior: smooth;
}

/* ==========================================================================
リストスタイル
========================================================================== */
.tokuten ol {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.2em;
	margin:0px!important;
  /*background: #f5faff;*/
}
.tokuten ol li {
  position: relative;
  padding-left: 30px;
  line-height: 1.5em;
  padding: 0.2em 0.2em 0.2em 30px;
}

.tokuten ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #eb4034;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* ==========================================================================
見出し
========================================================================== */
/*単純な背景色をつける*/
.simple_kakomi_red{
  background: #eb4034;/*背景色*/
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
	color:#fff;
}

/*単純な背景色をつける*/
.simple_kakomi_bk{
  background: #000;/*背景色*/
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
	color:#fff;
}

/*黒枠囲みをつける*/
.simple_kakomi_bkborder{
  background: #fff;/*背景色*/
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
	color:#000;
	border:1px solid;
}

/* ==========================================================================
幅いっぱい
========================================================================== */
div.wide-wrap{
position:relative;
margin:0 calc(50% - 50vw);
overflow:hidden;
}

/* シンプルな全幅見出し */
div.wide-h2-simple{
background-color:#ff6798;
color:#fff;
text-shadow:1px 1px 1px #ffb7ca;
padding:3em 0;
}

/* ==========================================================================
カウントダウンタイマーカスタマイズ
========================================================================== */
.time_circles h4{
	background-color: rgba(255,255,255,0.00)!important;
}

/* ==========================================================================
個別ページカスタム
========================================================================== */



/* ==========================================================================
デバイス別改行設定
========================================================================== */


/* ==========================================================================
行頭字下げ
========================================================================== */

.jisage{
text-indent: -0.5em;
padding-left: 1em;
}
.jisage4{
text-indent: -3.5em;
padding-left: 3.0em;
}

/* ==========================================================================
デバイス別文字サイズ
========================================================================== */



.f10{font-size:10px !important;}
.f11{font-size:11px !important;}
.f12{font-size:12px !important;}
.f13{font-size:13px !important;}
.f14{font-size:14px !important;}
.f15{font-size:15px !important;}
.f16{font-size:16px !important;}
.f17{font-size:17px !important;}
.f18{font-size:18px !important;}
.f19{font-size:19px !important;}
.f20{font-size:20px !important;}
.f21{font-size:21px !important;}
.f22{font-size:22px !important;}
.f23{font-size:23px !important;}
.f24{font-size:24px !important;}
.f25{font-size:25px !important;}
.f26{font-size:26px !important;}
.f27{font-size:27px !important;}
.f28{font-size:28px !important;}
.f29{font-size:29px !important;}
.f30{font-size:30px !important;}
.f31{font-size:31px !important;}
.f32{font-size:32px !important;}
.f33{font-size:33px !important;}
.f34{font-size:34px !important;}
.f35{font-size:35px !important;}
.f36{font-size:36px !important;}
.f40{font-size:40px !important;}
.f44{font-size:44px !important;}
.f48{font-size:48px !important;}
.f52{font-size:52px !important;}
.f56{font-size:56px !important;}
.f60{font-size:60px !important;}
.f64{font-size:64px !important;}
.f68{font-size:68px !important;}
.f72{font-size:72px !important;}
.f76{font-size:76px !important;}
.f80{font-size:80px !important;}
.f84{font-size:84px !important;}
.f88{font-size:88px !important;}
.f92{font-size:92px !important;}
.f96{font-size:96px !important;}
.f100{font-size:100px !important;}
.f104{font-size:104px !important;}
.f108{font-size:108px !important;}
.f112{font-size:112px !important;}
.f116{font-size:116px !important;}



/* ==========================================================================
マージン調整
========================================================================== */

.mt10{margin-top:10px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:50px!important;}
.mt60{margin-top:60px!important;}
.mt70{margin-top:70px!important;}
.mt80{margin-top:80px!important;}
.mt90{margin-top:90px!important;}
.mt100{margin-top:100px!important;}
.mt110{margin-top:110px!important;}
.mt120{margin-top:120px!important;}
.mt130{margin-top:130px!important;}
.mt140{margin-top:140px!important;}
.mt150{margin-top:150px!important;}
.mt160{margin-top:160px!important;}
.mt170{margin-top:170px!important;}
.mt180{margin-top:180px!important;}
.mt190{margin-top:190px!important;}
.mt200{margin-top:200px!important;}
.mb10{margin-bottom:10px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}
.mb40{margin-bottom:40px!important;}
.mb50{margin-bottom:50px!important;}
.mb60{margin-bottom:60px!important;}
.mb70{margin-bottom:70px!important;}
.mb80{margin-bottom:80px!important;}
.mb90{margin-bottom:90px!important;}
.mb100{margin-bottom:100px!important;}
.mb110{margin-bottom:110px!important;}
.mb120{margin-bottom:120px!important;}
.mb130{margin-bottom:130px!important;}
.mb140{margin-bottom:140px!important;}
.mb150{margin-bottom:150px!important;}
.mb160{margin-bottom:160px!important;}
.mb170{margin-bottom:170px!important;}
.mb180{margin-bottom:180px!important;}
.mb190{margin-bottom:190px!important;}
.mb200{margin-bottom:200px!important;}
.ml10{margin-left:10px!important;}
.ml20{margin-left:20px!important;}
.ml30{margin-left:30px!important;}
.ml40{margin-left:40px!important;}
.ml50{margin-left:50px!important;}
.ml60{margin-left:60px!important;}
.ml70{margin-left:70px!important;}
.ml80{margin-left:80px!important;}
.ml90{margin-left:90px!important;}
.ml100{margin-left:100px!important;}
.ml110{margin-left:110px!important;}
.ml120{margin-left:120px!important;}
.ml130{margin-left:130px!important;}
.ml140{margin-left:140px!important;}
.ml150{margin-left:150px!important;}
.ml160{margin-left:160px!important;}
.ml170{margin-left:170px!important;}
.ml180{margin-left:180px!important;}
.ml190{margin-left:190px!important;}
.ml200{margin-left:200px!important;}
.mr10{margin-right:10px!important;}
.mr20{margin-right:20px!important;}
.mr30{margin-right:30px!important;}
.mr40{margin-right:40px!important;}
.mr50{margin-right:50px!important;}
.mr60{margin-right:60px!important;}
.mr70{margin-right:70px!important;}
.mr80{margin-right:80px!important;}
.mr90{margin-right:90px!important;}
.mr100{margin-right:100px!important;}
.mr110{margin-right:110px!important;}
.mr120{margin-right:120px!important;}
.mr130{margin-right:130px!important;}
.mr140{margin-right:140px!important;}
.mr150{margin-right:150px!important;}
.mr160{margin-right:160px!important;}
.mr170{margin-right:170px!important;}
.mr180{margin-right:180px!important;}
.mr190{margin-right:190px!important;}
.mr200{margin-right:200px!important;}

/* ==========================================================================
パディング調整
========================================================================== */
.px0{padding: 0!important;}
.pt10{padding-top:10px!important;}
.pt20{padding-top:20px!important;}
.pt30{padding-top:30px!important;}
.pt40{padding-top:40px!important;}
.pt50{padding-top:50px!important;}
.pt60{padding-top:60px!important;}
.pt70{padding-top:70px!important;}
.pt80{padding-top:80px!important;}
.pt90{padding-top:90px!important;}
.pt100{padding-top:100px!important;}
.pt110{padding-top:110px!important;}
.pt120{padding-top:120px!important;}
.pt130{padding-top:130px!important;}
.pt140{padding-top:140px!important;}
.pt150{padding-top:150px!important;}
.pt160{padding-top:160px!important;}
.pt170{padding-top:170px!important;}
.pt180{padding-top:180px!important;}
.pt190{padding-top:190px!important;}
.pt200{padding-top:200px!important;}
.pb10{padding-bottom:10px!important;}
.pb20{padding-bottom:20px!important;}
.pb30{padding-bottom:30px!important;}
.pb40{padding-bottom:40px!important;}
.pb50{padding-bottom:50px!important;}
.pb60{padding-bottom:60px!important;}
.pb70{padding-bottom:70px!important;}
.pb80{padding-bottom:80px!important;}
.pb90{padding-bottom:90px!important;}
.pb100{padding-bottom:100px!important;}
.pb110{padding-bottom:110px!important;}
.pb120{padding-bottom:120px!important;}
.pb130{padding-bottom:130px!important;}
.pb140{padding-bottom:140px!important;}
.pb150{padding-bottom:150px!important;}
.pb160{padding-bottom:160px!important;}
.pb170{padding-bottom:170px!important;}
.pb180{padding-bottom:180px!important;}
.pb190{padding-bottom:190px!important;}
.pb200{padding-bottom:200px!important;}
.pl10{padding-left:10px!important;}
.pl20{padding-left:20px!important;}
.pl30{padding-left:30px!important;}
.pl40{padding-left:40px!important;}
.pl50{padding-left:50px!important;}
.pl60{padding-left:60px!important;}
.pl70{padding-left:70px!important;}
.pl80{padding-left:80px!important;}
.pl90{padding-left:90px!important;}
.pl100{padding-left:100px!important;}
.pl110{padding-left:110px!important;}
.pl120{padding-left:120px!important;}
.pl130{padding-left:130px!important;}
.pl140{padding-left:140px!important;}
.pl150{padding-left:150px!important;}
.pl160{padding-left:160px!important;}
.pl170{padding-left:170px!important;}
.pl180{padding-left:180px!important;}
.pl190{padding-left:190px!important;}
.pl200{padding-left:200px!important;}
.pr10{padding-right:10px!important;}
.pr20{padding-right:20px!important;}
.pr30{padding-right:30px!important;}
.pr40{padding-right:40px!important;}
.pr50{padding-right:50px!important;}
.pr60{padding-right:60px!important;}
.pr70{padding-right:70px!important;}
.pr80{padding-right:80px!important;}
.pr90{padding-right:90px!important;}
.pr100{padding-right:100px!important;}
.pr110{padding-right:110px!important;}
.pr120{padding-right:120px!important;}
.pr130{padding-right:130px!important;}
.pr140{padding-right:140px!important;}
.pr150{padding-right:150px!important;}
.pr160{padding-right:160px!important;}
.pr170{padding-right:170px!important;}
.pr180{padding-right:180px!important;}
.pr190{padding-right:190px!important;}
.pr200{padding-right:200px!important;}


/* ==========================================================================
色指定
========================================================================== */


/* ==========================================================================
デバイス別画像＆要素オン・オフ
========================================================================== */

@media (min-width: 1078px){
/*PC画像オンオフ*/


.sponly{display:none;}
.pconly{display:block;}
}
@media (min-width: 768px) and (max-width: 1077px) {
/*タブレットオンオフ*/

.sponly{display:block;}
.pconly{display: none;}

}

@media (max-width: 1077px) {
/*スマホ画像オンオフ*/

.sponly{display:block;}
.pconly{display: none;}

}




/* ==========================================================================
高さ調整
========================================================================== */

.height50{
height:50px;
}

.height100{
height:100px;
}

.height150{
height:150px;
}

.height200{
height:200px;
}

/* ==========================================================================
罫線
========================================================================== */

.title_line_TB_p0{
border-top:#B1B1B1 1px solid;
border-bottom:#B1B1B1 1px solid;

}

.title_line_TB_p10{
border-top:#B1B1B1 1px solid;
padding-top:10px;
border-bottom:#B1B1B1 1px solid;
padding-bottom:10px;
}

.title_line_TB_p20{
border-top:#B1B1B1 1px solid;
padding-top:20px;
border-bottom:#B1B1B1 1px solid;
padding-bottom:20px;
}

.title_line_TB_p30{
border-top:#B1B1B1 1px solid;
padding-top:30px;
border-bottom:#B1B1B1 1px solid;
padding-bottom:30px;
}

.title_line_B_p0{
border-bottom:#B1B1B1 1px solid;
}

.title_line_B_p20{
border-bottom:#B1B1B1 1px solid;
padding-bottom:20px;
}

.title_line_B_p50{
border-bottom:#B1B1B1 1px solid;
padding-bottom:50px;
}

.title_line_R_p0{
	border-right: #B1B1B1 1px solid;
	padding: 0;

}

.title_line_R_p10{
	border-right: #B1B1B1 1px solid;
	padding-right: 10px;

}

.title_line_R_p20{
	border-right: #B1B1B1 1px solid;
	padding-right: 20px;

}

.title_line_R_p30{
	border-right: #B1B1B1 1px solid;
	padding-right: 30px;

}

.title_line_L_p30{
	border-left: #B1B1B1 1px solid;
	padding-left: 30px;

}

.dotLineT{
border-top-style:dotted !important;
}
.dotLineB{
border-bottom-style:dotted !important;
}

.dotLineL{
border-left-style:dotted !important;
}

.dotLineR{
border-right-style:dotted !important;
}

/* ==========================================================================
動画レスポンシブ
========================================================================== */


.movie-wrap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.movie-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* ==========================================================================
イメージサイズ
========================================================================== */
.img38 img{
width:100%;
max-width:38px!important;
}

.img100 img{
width:100%;
max-width:100px!important;
}

.img240 img{
width:100%;
max-width:240px;
}


.img1050 img{
width:100%;
max-width:1050px;
}

.img600 img{
width:100%;
max-width:600px;
}

.img640 img{
width:100%;
max-width:640px;
}
.img320 img{
width:100%;
max-width:320px;
}

.img480 img{
width:100%;
max-width:480px;
}

.img560 img{
width:100%!important;
max-width:560px!important;
}

.img400h img{
width:auto;
max-height: 400px;
}


/* ==========================================================================
幅いっぱい
========================================================================== */




/* ==========================================================================
問い合わせバー
========================================================================== */


/* ==========================================================================
グーグルマップ
========================================================================== */


.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
padding-left: 15px;
padding-right: 15px;
}

/* ==========================================================================
囲み罫
========================================================================== */

.line_box{
padding:10px 30px;
display: inline-block;
width: 100%;
border: solid #000000 1px;
}
.line_box_gr{
padding:10px 30px;
display: inline-block;
width: 100%;
border: #3FA537 1px solid;
}

.line_box_gr img:hover {
	opacity: 0.5 ;
}
.line_box_Bl{
padding:10px 30px;
display: inline-block;
width: 100%;
	background-color: #565656;
	color: #FFFFFF;
}

.line_box_Dg{
padding:10px 30px;
display: inline-block;
width: 100%;
	background-color: #6C762A;
color: #FFFFFF;
}

.line_box_r{
padding: 10px 30px 10px 30px;
display: inline-block;
border: solid  red 1px;
}

.breadcrumb{
	font-size: 12px!important;
}

/* ==========================================================================
youtubeレスポンシブiframe
========================================================================== */

.youtube {
    position: relative;
    max-width: 100%;
    padding-top: 56.25%;
}

.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.veu_cta {
    display: block;
    overflow: hidden;
    margin-top: 100px;
    margin-bottom: 30px;
    background-color: #fff7ea;
}

/* ==========================================================================
youtubeレスポンシブACF
========================================================================== */

.VideoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
 
.VideoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}