@charset "UTF-8";

/*------------------------ 
	HTML5 elements
-------------------------- */
header, footer, nav, section, aside, article
{ display: block;}

/*------------------------ 
	Reseting
-------------------------- */
body {
	font-family: 'Poppins', sans-serif !important;
	font-size:16px;
	line-height:1.5em;
	background: url(https://www.bar-jesus.jp/wp-content/uploads/back_common01.jpg) center top no-repeat;
	background-size: 100%;
	background-attachment: fixed;
	background-color: #000;
	color: #fff;
	/*background: url(../images/bg_body.png) center top repeat;*/
	/*background-size: 100%;*/
}
/* ie7 */ *:first-child+html body { font-size:14px; /* 62.5%; */}
/* ie6Below */ * html body { font-size:14px; /* font-size: 62.5%; */}
/* ie8 */ html>/**/body {
	font-size: 14px;
}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{
	color: #000000;
	font-size: 12pt;
	border: 1px;
	border-style: solid;
	border-color: #DACEBC;
}

input[type=checkbox] {
  transform: scale(2);
}


label
{ cursor: pointer;}
table
{ border-spacing: 0;}
table.event01
{ border-spacing: 0;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top;max-width: 100%}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}

/*----Googleフォント----*/
.font-cinzel {
font-family: 'Poppins', sans-serif !important;
}
/*------------------------ 
	Reset Module
-------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

/*------------------------ 
	Clearfix
-------------------------- */
.clearfix,
#contents,
.sectionFirst,
.section,
.sectionSub,
.sectionAlt
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#contents:after,
.sectionFirst:after,
.section:after,
.sectionSub:after,
.sectionAlt:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #contents,
* html .sectionFirst,
* html .section,
* html .sectionSub,
* html .sectionAlt
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/*------------------------ 
	Base Fonts
-------------------------- */
a {
	color:#ffffff;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
a:visited {}
a:active,
a:focus { text-decoration: underline;}


/*------------------------ 
	Inline Align
-------------------------- */
.taL { text-align: left   !important;}
.taC { text-align: center !important;}
.taR { text-align: right  !important;}
.vaT { vertical-align: top    !important;}
.vaM { vertical-align: middle !important;}
.vaB { vertical-align: bottom !important;}

/*------------------------ 
	!Width
-------------------------- */
/*------------------------ 
	960px Grid
-------------------------- */
.w960 { width: 960px !important;;}
.w800	{ width: 800px !important;;}
.w640	{ width: 640px !important;;}
.w480	{ width: 480px !important;;}
.w320	{ width: 320px !important;;}
.w160	{ width: 160px !important;;}

.wHalf  { width: 48% !important;;}
.wTri   { width: 33% !important;;}
.wQuart { width: 24% !important;;}
.wFull  { width: 99.9% !important;;}
.wMax   { width: 100% !important;;}

.w03per { width: 3%  !important;}
.w05per { width: 5%  !important;}
.w10per { width: 10% !important;}
.w13per { width: 13% !important;}
.w15per { width: 15% !important;}
.w20per { width: 20% !important;}
.w25per { width: 25% !important;}
.w30per { width: 30% !important;}
.w35per { width: 35% !important;}
.w40per { width: 40% !important;}
.w45per { width: 45% !important;}
.w50per { width: 50% !important;}

/*------------------------ 
	Floats
-------------------------- */
.flL {
	display: inline;
	float: left;
}
.flR {
	display: inline;
	float: right;
}
.flImgL {
	display: inline;
	float: left;
	margin-right: 30px;
}
.flImgR {
	display: inline; 
	float: right;
	margin-left: 30px;
}
.ftBox {
	overflow: hidden;
	*zoom: 1;
}

/*------------------------ 
	Tools
-------------------------- */
.clear { clear: both;}
.block { display: block;}
.hide  { display: none;}
.bgN   { background: none !important;}
.tdU   { text-decoration: underline;}
.tdN   { text-decoration: none;}


/*------------------------ 
	JavaScript
-------------------------- */
.over { /* ロールオーバー呼び出し用 */ }
.opacity { /* ロールオーバー呼び出し用 */ }
.png  { /* DD_belatedPNG.js呼び出し用 */ }

.fwL { font-weight: normal !important;}
.fwN { font-weight: normal !important;}
.fwB { font-weight: bold !important;}


.fs08em   { font-size: 0.8em !important;}
.fs1em   { font-size: 1em !important;}
.fs12em   { font-size: 1.2em !important;}
.fs15em   { font-size: 1.5em !important;}
.fs2em   { font-size: 2em !important;}
.fs25em   { font-size: 2.5em !important;}
.fs3em   { font-size: 3em !important;}

.fcWhite { color: #fff !important;}
.fcBlack { color: #000 !important;}

.fcPink { color: #d73ba6 !important;}
.fcLPink { color: #eb9dd2 !important;}
.fcRed { color: #d1001c !important;}
.fcLRed { color: #e87f8d !important;}
.fcOrange { color: #e97420 !important;}
.fcLOrange { color: #f4b98f !important;}
.fcBlue { color: #1db3cf !important;}
.fcLBlue { color: #8ed9e7 !important;}




/*-------------------------------------------*/
/*	マーカー
/*-------------------------------------------*/

.mkPink {background: linear-gradient(transparent 60%,rgba(214, 58, 166, 0.7) 0) !important;}
.mkOrange {background: linear-gradient(transparent 60%,rgba(233, 116, 31, 1) 0) !important;}
.mkBlue {background: linear-gradient(transparent 60%,rgba(29, 179, 207, 1) 0) !important;}

/*------------------------ 
	Margin
-------------------------- */
.mt00 { margin-top: 0   !important;}
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mt55 { margin-top:55px !important;}
.mt60 { margin-top:60px !important;}
.mt65 { margin-top:65px !important;}
.mt70 { margin-top:70px !important;}
.mt75 { margin-top:75px !important;}
.mt80 { margin-top:80px !important;}
.mt85 { margin-top:85px !important;}
.mt90 { margin-top:90px !important;}
.mt95 { margin-top:95px !important;}
.mt100{ margin-top:100px !important;}
.mr00 { margin-right: 0   !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right:10px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mr55 { margin-right:55px !important;}
.mr60 { margin-right:60px !important;}
.mr65 { margin-right:65px !important;}
.mr70 { margin-right:70px !important;}
.mr75 { margin-right:75px !important;}
.mr80 { margin-right:80px !important;}
.mr85 { margin-right:85px !important;}
.mr90 { margin-right:90px !important;}
.mr95 { margin-right:95px !important;}
.mr100{ margin-right:100px !important;}
.mb00 { margin-bottom: 0   !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px !important;}
.mb19 { margin-bottom:19px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.mb55 { margin-bottom:55px !important;}
.mb60 { margin-bottom:60px !important;}
.mb65 { margin-bottom:65px !important;}
.mb70 { margin-bottom:70px !important;}
.mb75 { margin-bottom:75px !important;}
.mb80 { margin-bottom:80px !important;}
.mb85 { margin-bottom:85px !important;}
.mb90 { margin-bottom:90px !important;}
.mb95 { margin-bottom:95px !important;}
.mb100{ margin-bottom:100px !important;}
.ml00 { margin-left: 0   !important;}
.ml05 { margin-left: 5px !important;}
.ml03 { margin-left: 3px !important;}
.ml10 { margin-left:10px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}
.ml55 { margin-left:55px !important;}
.ml60 { margin-left:60px !important;}
.ml65 { margin-left:65px !important;}
.ml70 { margin-left:70px !important;}
.ml75 { margin-left:75px !important;}
.ml80 { margin-left:80px !important;}
.ml85 { margin-left:85px !important;}
.ml90 { margin-left:90px !important;}
.ml95 { margin-left:95px !important;}
.ml100{ margin-left:100px !important;}

/*------------------------ 
	Padding
-------------------------- */
.pt00 { padding-top: 0   !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top:10px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}
.pt55 { padding-top:55px !important;}
.pt60 { padding-top:60px !important;}
.pt65 { padding-top:65px !important;}
.pt70 { padding-top:70px !important;}
.pt75 { padding-top:75px !important;}
.pt80 { padding-top:80px !important;}
.pt85 { padding-top:85px !important;}
.pt90 { padding-top:90px !important;}
.pt95 { padding-top:95px !important;}
.pt100{ padding-top:100px !important;}
.pr00 { padding-right: 0   !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right:10px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pr55 { padding-right:55px !important;}
.pr60 { padding-right:60px !important;}
.pr65 { padding-right:65px !important;}
.pr70 { padding-right:70px !important;}
.pr75 { padding-right:75px !important;}
.pr80 { padding-right:80px !important;}
.pr85 { padding-right:85px !important;}
.pr90 { padding-right:90px !important;}
.pr95 { padding-right:95px !important;}
.pr100{ padding-right:100px !important;}
.pb00 { padding-bottom: 0   !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pb55 { padding-bottom:55px !important;}
.pb60 { padding-bottom:60px !important;}
.pb65 { padding-bottom:65px !important;}
.pb70 { padding-bottom:70px !important;}
.pb75 { padding-bottom:75px !important;}
.pb80 { padding-bottom:80px !important;}
.pb85 { padding-bottom:85px !important;}
.pb90 { padding-bottom:90px !important;}
.pb95 { padding-bottom:95px !important;}
.pb100{ padding-bottom:100px !important;}
.pl00 { padding-left: 0   !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left:10px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}
.pl55 { padding-left:55px !important;}
.pl60 { padding-left:60px !important;}
.pl65 { padding-left:65px !important;}
.pl70 { padding-left:70px !important;}
.pl75 { padding-left:75px !important;}
.pl80 { padding-left:80px !important;}
.pl85 { padding-left:85px !important;}
.pl90 { padding-left:90px !important;}
.pl95 { padding-left:95px !important;}
.pl100{ padding-left:100px !important;}

.op img,
.op input {
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}
.op:hover,
.op:hover img,
.op:hover input {
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}


/*------------------------ 
	Layout
-------------------------- */
html { overflow-y: scroll;}
body { }
@media print {
	html,
	html body { *zoom: 0.65;}
}

/*------------------------ 
	container
-------------------------- */
#container{
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	#container {width: 100%;}
}

/*------------------------ 
	contents
-------------------------- */
#wrapper{
	padding: 0 0 25px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
@media screen and (max-width: 768px) {
	#wrapper {width: 100%;}
}


/*------------------------
	main
-------------------------- */
#main {
	width: 1200px;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
	#main {
	width: 95%;
	margin: 0 auto;
	}
}
#riyou {
	width: 750px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
	#riyou {
	width: 100%;
	margin: 0 auto;
	}
}
/*--diarytable-------------------------------------------------------*/

table.diaryta{
	margin:5px 0px 0px 0px;
	line-height:160%;
	width: 100%;
	border-collapse: separate;
	border-spacing: 3px;
}

td.diarytd01{
	font-size:18px;
	color:#fff;
	padding:15px 20px;
	border: 1px solid #ffffff;
	text-align : left;
	background-color:#d73ba6;
}
td.diarytd02{
	font-size:16px;
	color:#fff;
	padding:15px 20px;
	border: 1px solid #fff;
}
@media screen and (max-width: 768px) {
	.diarytd02 img {width: 100%;}
table.diaryta{
	margin:5px 0px 0px 0px;
	line-height:160%;
	width: 100%;
	border-collapse: separate;
	border-spacing: 3px;
}

td.diarytd01{
	font-size:16px;
	color:#fff;
	padding:10px 15px;
	border: 1px solid #ffffff;
	text-align : left;
	background-color:#d73ba6;
}
td.diarytd02{
	font-size:14px;
	color:#fff;
	padding:15px 20px;
	border: 1px solid #fff;
}
}

/*--header部分--------------------------------------------------------*/

/*------------------------
	teaser
-------------------------- */
.teaser {
	background-color:#ffffff;
	padding: 0 0 25px;
}
.teaser .teaserin {
	background: url(https://www.bar-jesus.jp/wp-content/uploads/pageheader_01.jpg) center center no-repeat;
	background-size: cover;
	width: auto;
	height: 350px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.teaser .teaserhd {
	text-align: center;
}


/*------------------------ 
	footer
-------------------------- */
#footer {
	background-color:#ffffff;
	height:25px;
	padding: 25px 0 0 ;
}
.ft-box {
	background-size: cover;
	height: 240px;
	position: relative;
}
.ft-cont {
	background-color: #d1001c;
	background-size: cover;
	width: auto;
	height: 240px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

/*--タイトル文字--------------------------------------------------------*/


/* 大タイトル日本語 */
.t-blog2  {
	color:#fff;
	font-family: 'Poppins', sans-serif !important;
	font-size: 3.2rem !important;
	font-weight: 600 !important;
	line-height:1.7 !important;
	margin-top: !important;
}
@media screen and (max-width: 400px){   
.t-blog2{
	font-size: 2.4rem !important;
	font-family: 'Poppins', sans-serif !important;
}

}.t-blog2-subtext {
	font-family: ;
	font-weight: 600 !important;
	font-size: 1rem;
	line-height:1 !important;
}
/*--上に戻るボタン-------------------------------------------------------*/
html {
    scroll-behavior: smooth;
}
.pagetop {
	background-color:rgba(235,69,140, 0.9);
    height: 40px;
    width: 40px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.pagetop__arrow {
    height: 7px;
    width: 7px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: translateY(20%) rotate(-45deg);
}


/*--ボタンのスタイル-------------------------------------------------------*/

.buttonIconText03 {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 320px;
  height: 30px;
  padding: 8px 16px 8px 8px;
　font-family: 'Poppins', sans-serif !important;
  font-size: 16px;
  color: #d1001c;
  text-align: center;
  overflow-wrap: anywhere;
  background-color: #fff;
  border-radius: 32px; /* (buttonの高さ / 2) の値 */
}

.buttonIconText03__reverse {
  flex-direction: row-reverse;
  padding: 8px 8px 8px 16px;
}

.buttonIconText03_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  aspect-ratio: 1;
  overflow: hidden;
}

@media (any-hover: hover) {
  .buttonIconText03 {
    transition: background-color 0.5s;
  }

  .buttonIconText03:hover {
    background-color: #d83047;
  color: #fff;
  }
}