@charset "utf-8";


/* =============================================================================

	修行体験 関連ページ

============================================================================= */

#page_taiken #page_header .page_ttl {
	background: url(../images/PC_taiken_top_mv.png) no-repeat 50% 0;
	height: 350px;
	margin: 0;
}
#page_taiken #page_header .content_wrap {
	height: 100%;
	position: relative;
}
#page_taiken #page_header .ttl_wrap {
	background-image: url(../../common/images/bg_kumo.png), url(../../common/images/bg_washi.jpg);
	background-color: #000, none;
	background-repeat: no-repeat, repeat;
	background-position: 100% 100%, 0 0;
	background-size: 80px, cover;

	display: table;
	height: 155px;
	padding: 3px;
	position: absolute; top: 50%; left: 3%;
	transform: translate(0, -50%);
	width: 300px;
}
#page_taiken #page_header .ttl_val {
	border: 1px solid #000;
	color: #333;
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}
#page_taiken #page_header .ttl {
	letter-spacing: 8px;
	margin-bottom: 8px;
}
#page_taiken #page_header .ttl_sub {
	/*font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;*/
	font-size: 0.5em;
	letter-spacing: 3px;
}
#sub_content nav li.experiencettl a {
	padding: 0;
}
#sub_content nav li i:not(.fa) {
	display: inline-block;
	color: #fff;
	margin-right: 0;
}
@media print, screen and (min-width: 1021px) {
	#page_taiken #page_header .ttl {
		line-height: 1.1;
		letter-spacing: 3px;
	}
	#page_taiken #page_header .ttl {
		font-size: 2.2rem;
	}
	#page_taiken #page_header .ttl i,
	.page_asagongyo #page_header .ttl {
		font-size: 2.7rem !important;
	}
	#page_taiken #page_header .ttl_sub {
		letter-spacing: 3px;
		line-height: 1.3;
	}
	#page_taiken #page_header .ttl_wrap {
		left: 25px;
	}
	.experiencelist li a {
		padding: 15px 10px !important;
	}
	#sub_content {
		width: 30%;
		max-width: 260px;
	}
	#wide_content #page_content {
		width: 70%;
	}
	.pc_newline {
		display: block;
		margin-left: 1em;
	}
}
@media print, screen and (min-width: 751px) and (max-width: 1020px) {
	#page_taiken #page_header .ttl {
		line-height: 1.4;
		letter-spacing: 6px;
	}
	#page_taiken #page_header .ttl i {
		font-size: 1.1em;
	}
}
@media print, screen and (max-width: 1020px) {
	.experiencelist {
		display:-webkit-box;
		display:-moz-box;
		display:-webkit-flexbox;
		display:-moz-flexbox;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	.experiencelist li {
		float: none !important;
	}
	.experiencelist li a {
		width: 100%;
		height: 100%;
		display: table !important;
		padding: 15px 5px !important;
	}
	#sub_content {
		margin-bottom: 0;
	}
	#sub_content nav .experiencelist li span:not(.pc_newline) {
		display: table-cell;
		vertical-align: middle;
	}
	.pc_newline {
		display: inline !important;
	}
	#sub_content nav li a:hover i:not(.fa),
	#sub_content nav li.current a i:not(.fa) {
		color: #646430 !important;
	}
	#sub_content nav li a:hover,
	#sub_content nav li.current a {
		font-weight: normal;
	}
}
@media print, screen and (max-width: 750px) {
	#page_taiken #page_header .page_ttl {
		background: url(../images/SP_taiken_top_mv.png) no-repeat 50% 0;
		background-size: cover;
		height: 262px;
	}
	#page_taiken #page_header .ttl_wrap {
		height: 120px;
		width: 180px;
	}
	#page_taiken #page_header .ttl {
		font-size: 0.8em;
		letter-spacing: 1px;
		line-height: 1.3;
	}
	#page_taiken #page_header .ttl_sub {
		font-size: 0.4em;
		letter-spacing: 1px;
		line-height: 1.2;
	}
	.experiencelist li a {
		padding: 10px 5px !important;
	}

}
@media print, screen and (min-width: 751px) {
	#page_taiken .ttl_val .ttl_sub {
		padding: 0 5px;
	}
}
.mt50 { margin-top: 50px; }

@media print, screen and (min-width: 650px) and (max-width: 880px) {
	.experiencelist li {
		height: 100% !important;
	}
	.experiencelist li:nth-child(-n+4) {
		height: 60px;
	}
	.experiencelist li:nth-child(-n+4) i:not(.fa) {
		display: block !important;
	}
	.experiencelist li:nth-child(-n+4) i:not(.fa):hover {
		color: #fff;
	}
}
.experiencelist li i:not(.fa) {
	-webkit-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s;
}
.sp_newline { display: none; }

@media print, screen and (max-width: 880px) {
	.sp_line br.sp_newline {
		display: block;
	}
}

@media print, screen and (max-width: 650px) {
	#sub_content nav .experiencelist li {
		width: 50%;	
	}
	.sp_newline {
		display: block;	
	}
	#sub_content nav .experiencelist li {
		font-size: 1.1rem;	
	}
	#sub_content nav .experiencelist li i, .fz13 {
		font-size: 1.3rem !important;	
	}
	#page_taiken .section {
		padding-top: 30px;
	}
}

/* =============================================================================

	体験一覧

============================================================================= */

/*---------------------------
	experience_list
---------------------------*/

@media print, screen and (max-width: 750px) {
	#experience_list .block {
		margin: 0 auto 20px;
		width: 48%;
	}
	#experience_list .block.block-single {
		margin: 0 0 20px 1%;
	}
	#experience_list .flex_list .ttl {
		font-size: 1.1em;
	}
}
@media print, screen and (min-width: 751px) and (max-width: 1020px) {
	#experience_list .block {
		margin: 0 auto 20px;
		width: 48%;
	}
	#experience_list .block.block-single {
		margin: 0 0 20px 1%;
	}
}
@media print, screen and (min-width: 1021px) {
	#experience_list {
		padding-left: 1%;
	}
	#experience_list .block {
		margin: 0 0.6% 20px;
		width: 31.8%;
	}
}


/* =============================================================================

	坐禅ページ

============================================================================= */
/*
#page_taiken.page_zazen #page_header {
}*/
#page_taiken.page_zazen #page_header .page_ttl {
	background: url(../images/PC_taiken_zazen_mv.png) no-repeat 50% 0;
}
#page_taiken.page_zazen #taiken_about .column2 .block:last-child {
	width: 300px;
	margin: auto;
}

@media print, screen and (max-width: 750px) {
	#page_taiken.page_zazen #page_header .page_ttl {
		background: url(../images/SP_taiken_zazen_mv.png) no-repeat 50% 0;
		background-size: cover;
		height: 262px;
	}
	#page_taiken.page_zazen #taiken_about .column2 .block .thumb {
		max-width: inherit;
	}
}
@media print, screen and (min-width: 1021px) {
}

/* =============================================================================

	写経ページ

============================================================================= */
/*
#page_taiken.page_zazen #page_header {
}*/
#page_taiken.page_shakyo #page_header .page_ttl {
	background: url(../images/PC_taiken_shakyo_mv.png) no-repeat 50% 0;
}

@media print, screen and (max-width: 750px) {
	#page_taiken.page_shakyo #page_header .page_ttl {
		background: url(../images/SP_taiken_shakyo_mv.png) no-repeat 50% 0;
		background-size: cover;
		height: 262px;
	}
}
@media print, screen and (min-width: 1021px) {
}

/* =============================================================================

	写仏ページ

============================================================================= */
/*
#page_taiken.page_zazen #page_header {
}*/
#page_taiken.page_shabutsu #page_header .page_ttl {
	background: url(../images/PC_taiken_shabutsu_mv.png) no-repeat 50% 0;
}


@media print, screen and (max-width: 750px) {
	#page_taiken.page_shabutsu #page_header .page_ttl {
		background: url(../images/SP_taiken_shabutsu_mv.png) no-repeat 50% 0;
		background-size: cover;
		height: 262px;
	}
	#page_taiken.page_shabutsu #page_header .ttl_sub {
		margin-bottom: 6px;
	}
}
@media print, screen and (max-width: 1020px) {
	#page_taiken.page_shabutsu #page_header .ttl {
	letter-spacing: 2px;
	}
}
@media print, screen and (min-width: 1021px) {
	#page_taiken.page_shabutsu #page_header .ttl {
	letter-spacing: .5px;
	}
}

/* =============================================================================

	精進料理ページ

============================================================================= */
/*
#page_taiken.page_zazen #page_header {
}*/
#page_taiken.page_shoujinryori #page_header .page_ttl {
	background: url(../images/PC_taiken_shojinryori_mv.png) no-repeat 50% 0;
}
#page_taiken.page_shoujinryori #taiken_about .column2 .block:last-child {
	width: 300px;
	margin: auto;
}
@media print, screen and (max-width: 750px) {
	#page_taiken.page_shoujinryori #page_header .page_ttl {
		background: url(../images/SP_taiken_shojinryori_mv.png) no-repeat 50% 0;
		background-size: cover;
		height: 262px;
	}
}
@media print, screen and (min-width: 1021px) {
}

/* =============================================================================

	朝のお勤めページ

============================================================================= */

/*#page_taiken.page_zazen #page_header {
}*/
#page_taiken.page_asagongyo #page_header .page_ttl {
	background: url(../images/PC_taiken_gongyo_mv.png) no-repeat 50% 0;
}

@media print, screen and (max-width: 750px) {
	#page_taiken.page_asagongyo #page_header .page_ttl {
		background: url(../images/SP_taiken_gongyo_mv.png) no-repeat 50% 0;
		background-size: cover;
		height: 262px;
	}
}
@media print, screen and (min-width: 1021px) {
}

/* =============================================================================

	御朱印ページ

============================================================================= */

/*#page_taiken.page_zazen #page_header {
}*/
#page_taiken.page_goshuin #page_header .page_ttl {
	background: url(../images/PC_taiken_goshuin_mv.png) no-repeat 50% 0;
}

@media print, screen and (max-width: 750px) {
	#page_taiken.page_goshuin #page_header .page_ttl {
		background: url(../images/SP_taiken_goshuin_mv.png) no-repeat 50% 0;
		background-size: cover;
		height: 262px;
	}
}
@media print, screen and (min-width: 1021px) {
}

/* =============================================================================

	四天王寺ページ

============================================================================= */

/*#page_taiken.page_zazen #page_header {
}*/
#page_taiken.page_shitennoji #page_header .page_ttl {
	background: url(../images/PC_taiken_shitennoji_zazen_mv.png) no-repeat 50% 0;
}

@media print, screen and (max-width: 750px) {
	#page_taiken.page_shitennoji #page_header .page_ttl {
		background: url(../images/SP_taiken_shitennoji_mv.png) no-repeat 50% 0;
		background-size: cover;
		height: 262px;
	}
}
@media print, screen and (min-width: 1021px) {
}

/* =============================================================================

	日帰り体験ページ

============================================================================= */

/*#page_taiken.page_zazen #page_header {
}*/
#page_taiken.page_higaeri #page_header .page_ttl {
	background: url(../images/PC_taiken_higaeri_mv.jpg) no-repeat 50% 0;
}

@media print, screen and (max-width: 750px) {
	#page_taiken.page_higaeri #page_header .page_ttl {
		background: url(../images/SP_taiken_higaeri_mv.png) no-repeat 50% 0;
		background-size: cover;
		height: 262px;
	}
}
@media print, screen and (min-width: 1021px) {
}

/* =============================================================================

	吉祥天ページ

============================================================================= */

/*#page_taiken.page_zazen #page_header {
}*/
#page_taiken.page_kishoten #page_header .page_ttl {
	background: url(../images/PC_taiken_kishoten_mv.jpg) no-repeat 50% 0;
}

@media print, screen and (max-width: 750px) {
	#page_taiken.page_kishoten #page_header .page_ttl {
		background: url(../images/SP_taiken_kishoten_mv.png) no-repeat 50% 0;
		background-size: cover;
		height: 262px;
	}
}
@media print, screen and (min-width: 1021px) {
}

/***** .color_cercle *****/
.color_cercle .list_item {
	background: #000;
	border-radius: 200px;
	color: #FFF;
	font-size: 1.5em;
	height: 140px;
	position: relative;
	width: 140px;
}
.color_cercle .list_item span {
	display: block;
	position: absolute; top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

/* =============================================================================

	現能ページ

============================================================================= */

/*#page_taiken.page_zazen #page_header {
}*/
#page_taiken.page_genno #page_header .page_ttl {
	background: url(../images/PC_taiken_genno_mv.jpg) no-repeat 50% 0;
}

@media print, screen and (max-width: 750px) {
	#page_taiken.page_genno #page_header .page_ttl {
		background: url(../images/SP_taiken_genno_mv.png) no-repeat 50% 0;
		background-size: cover;
		height: 262px;
	}
}
@media print, screen and (min-width: 1021px) {
}

/***** .color_cercle *****/
.color_cercle .list_item {
	background: #000;
	border-radius: 200px;
	color: #FFF;
	font-size: 1.3em;
	height: 140px;
	position: relative;
	width: 140px;
}
.color_cercle .list_item span {
	display: block;
	position: absolute; top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	text-align: center;
	letter-spacing: 0;
}


/*---------------------------
	taiken_about
---------------------------*/

#taiken_about .color_cercle {
	height: 300px;
	position: relative;
	width: 300px;
}
#taiken_about .list_item:nth-of-type(1) { background: #000046; position: absolute; top: 0; left: 80px; }
#taiken_about .list_item:nth-of-type(2) { background: #c84123; position: absolute; top: 130px; left: 0; }
#taiken_about .list_item:nth-of-type(3) { background: #e6c800; position: absolute; top: 130px; right: 0; }

/*span{
	font-size: 10px;
}*/
@media print, screen and (max-width: 750px) {
	.column2 .block .thumb {
		max-width: 300px;
		margin: 0 auto;
	}
}
@media print, screen and (max-width: 1020px) {
	/* #taiken_about .column2 .block:last-child {
		margin: auto;
		width: 300px;
	} */
}
@media print, screen and (min-width: 1021px) {
}

/*---------------------------
	taiken_point
---------------------------*/
.pointText {
	font-size: 1.0em;
	letter-spacing: 2px;
	margin: 20px 50px 0;
}

.pointText2 {
	font-size: 1.0em;
	color: red;
	letter-spacing: 2px;
	margin: 20px 50px 0;
}

#taiken_point .ttl {
	border: 0;
	padding: 0;
}
#taiken_point .attention {
	font-size: 0.9em;
	letter-spacing: 2px;
	margin: 0 10px 20px;
}

@media print, screen and (max-width: 750px) {
	#taiken_point .block {
		border-top: 1px solid #EEE;
		margin-bottom: 10px;
		overflow: hidden;
		padding: 22px 20px;
	}
	#taiken_point .thumb {
		float: left;
		width: 38%;
	}
	#taiken_point .val {
		float: right;
		padding: 0;
		width: 57%;
	}
	#taiken_point .ttl {
		margin-bottom: 10px;
		text-align: left;
	}
	#taiken_point .attention {
		margin-top: 10px;
	}
}
@media print, screen and (min-width: 751px) {
	#taiken_point .block {
		margin: 0 0.7% 20px;
		width: 31.8%;
	}
}
@media print, screen and (min-width: 751px) and (max-width: 1020px) {
	#taiken_point .attention {
		margin: 0 10px 20px;
	}
}

/*---------------------------
	taiken_movie
---------------------------*/

#taiken_movie .video {
	background: #262626;
	display: block;
	height: 360px;
	margin: 0 auto;
	max-width: 640px;
}

/*---------------------------
	taiken_detail
---------------------------*/

#taiken_detail .table_layout dt,
#taiken_detail .table_layout dd {
	border-bottom: 1px solid #EEE;
	padding: 15px;
}
#taiken_detail .table_layout dt {
	background: rgba(100,100,50, 1);
	border-bottom: 1px solid #FFF;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
}

@media print, screen and (max-width: 750px) {
	#taiken_detail .table_layout dt {
		padding: 10px 15px;
		/*text-align: left;*/
		text-align: center;
	}
	#taiken_detail .table_layout dd {
		text-align: left;
	}
}
@media print, screen and (min-width: 751px) {
	#taiken_detail .table_layout dt {
		width: 200px;
	}
}

/*---------------------------
	taiken_plan
---------------------------*/

#taiken_plan .column2 {
	border: 1px solid #EEE;
	margin: 0 2px 20px 0;
	padding: 50px;
}
#taiken_plan .block {
	padding: 0;
}
#taiken_plan dt,
#taiken_plan dd {
	margin-bottom: 10px;
}
#taiken_plan dt {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.25em;
	line-height: 1.5em;
}
#taiken_plan dd {
	line-height: 1.8em;
}
.btn_more.planbtn {
	/* float: none; */
	display: table;
	width: 50%;
	margin: 10px auto 0;
	min-width: 300px;
}
.btn_more.planbtn+.btn_more.planbtn {
	margin-top: 20px;
}
.btn_more.planbtn a {
	background: #ce4123;
	border-radius: 20px;
	color: #FFF;
	display: table-cell;
	font-size: 0.8em;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	font-size: 1.8rem;
}
/* #taiken_plan .btn_more {
	display: table;
	margin: 10px auto 0;
	min-width: 280px;
}
#taiken_plan .btn_more a {
	background: #ce4123;
	border-radius: 30px;
	color: #FFF;
	display: table-cell;
	font-size: 0.8em;
	height: 35px;
	text-align: center;
	vertical-align: middle;
} */

.btn_Plan {
	display: table;
	margin: 10px auto 20px;
	width: 150px;
}
.btn_Plan a {
	background: #ce4123;
	border-radius: 30px;
	color: #FFF;
	display: table-cell;
	height: 35px;
	text-align: center;
	vertical-align: middle;
}
#page_taiken ul.btns {
	overflow: hidden;
}

@media print, screen and (max-width: 750px) {
	#taiken_plan .column2 {
		padding: 22px 20px;
	}
	#taiken_plan .block {
		padding: 0;
	}
	#taiken_plan .block:first-child {
		margin-bottom: 20px;
	}
	.btn_more.planbtn a {
		font-size: 1.6rem;
	}
}
@media print, screen and (min-width: 751px) and (max-width: 1020px) {
	#taiken_plan .column2 {
		padding: 30px;
	}
	#taiken_plan .block:first-child {
		width: 35%;
	}
	#taiken_plan .block:last-child {
		width: 60%;
	}
	#page_taiken ul.btns {
		padding: 0 3%;
	}
	#page_taiken ul.btns li:nth-child(odd) {
		float: left;
	}
	#page_taiken ul.btns li:nth-child(even) {
		float: right;
	}
	#page_taiken ul.btns li {
		width: 48%;
		margin-top: 0;
	}
	.btn_more.planbtn a {
		font-size: 1.8rem;
	}
}
@media print, screen and (min-width: 1021px) {
	#taiken_plan .column2 {
		padding: 50px;
	}
	#taiken_plan .block:first-child {
		width: 35%;
	}
	#taiken_plan .block:last-child {
		width: 60%;
	}
	#page_taiken ul.btns li:nth-child(odd) {
		float: left;
	}
	#page_taiken ul.btns li:nth-child(even) {
		float: right;
	}
	#page_taiken ul.btns li {
		width: 48%;
		margin-top: 0;
	}
	.btn_more.planbtn a {
		font-size: 1.8rem;
	}
	.btn_more.planbtn a:hover {
		opacity: .7;
	}
}

/* =============================================================================

	精進料理ページ add 2018.08

============================================================================= */
.page_shoujinryori main {
	display: block;
}
.spOnly{
	display: none;
}
.pctabOnly{
}
.shojin_navi{
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	background: #262626;
	max-width: 1020px;
	margin: 0 auto 75px auto;
	z-index: 2;
}
.shojin_navi li{
	/* width: 33.33%; */
	width: 50%;
	text-align: center;
}
.shojin_navi li a{
	position: relative;
	display: block;
	padding: 17px 0;
	color: #FFFFFF;
	font-size: 20px;
	line-height: 1.3;
}
.shojin_navi li i{
	position: absolute;
	right: 4%;
	top: 50%;
	margin-top: -6px;
	font-size: 30px;
	line-height: 0.6;
}
.shojin_navi li a:hover{
	background: #646430;
}
.shojin_navi li .grayout{
	pointer-events: none;
		filter:Alpha(opacity:20);
	-moz-opacity:0.20;
	opacity:0.20;
}

.page_shoujinryori #dinner,
.page_shoujinryori #children{
	padding-top: 130px;
	margin-top: -130px;
}

.page_shoujinryori .section_ttl{
	background: url(../images/shojin_icon.png) no-repeat center top;
	background-size: 75px auto;
	padding: 125px 0 0 0;
	margin-top: 0;
	margin-bottom: 30px;
}
.page_shoujinryori .section_ttl .ttl_val{
	font-size: 2.15em;
}
.page_shoujinryori .section_ttl .ttl_txt{
	margin: 25px 0 0 0;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
}
.page_shoujinryori .section_ttl .ttl_txt span{
	color: #ce4123;
}

.page_shoujinryori #dinner{
	padding-bottom: 140px;
}
.page_shoujinryori .kondate{	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
	margin: 50px auto 14% auto;
}
.page_shoujinryori .kondate .photo,
.page_shoujinryori .kondate > div{
	width: 49%;
}
.page_shoujinryori .kondate h3{
	border-bottom: 1px #000000 solid;
	margin-bottom: 10px;
	font-size: 25px;
	text-align: center;
}
.page_shoujinryori .kondate > div p{
	margin-bottom: 1em;
}
.page_shoujinryori #dinner > h3{
	position: relative;
	border: 1px #262626 solid;
	max-width: 450px;
	padding: 5px 0;
	margin: 0 auto 25px auto;
	font-size: 25px;
	text-align: center;
}
.page_shoujinryori #dinner > h3::after{
	content: "";
	display: block;
	border: 1px #262626 solid;	
	width: calc(100% + 6px);
	height: calc(100% + 6px);
	position: absolute;
	top: -4px;
	left: -4px;
}
.page_shoujinryori #dinner .catch{
	margin-bottom: 30px;
	text-align: center;
	font-size: 25px;
}
.page_shoujinryori #dinner .catch span{
	color: #ce4123;
}
.page_shoujinryori #dinner .catch + ul{
	text-align: center;
	font-size: 0;
}
.page_shoujinryori #dinner .catch + ul li{
	display: inline-block;
	width: 26.5%;
	max-width: 270px;
	vertical-align: middle;
}
.page_shoujinryori #dinner .catch + ul li:nth-of-type(2){
	width: 7.8%;
	max-width: 80px;
	margin: 0 25px;
}
.page_shoujinryori #dinner .catch + ul + p.txt_center{
	margin-top:4.4% ;
	font-size: 16px;
}

.page_shoujinryori #dinner h4{
	margin: 100px auto 50px;
	font-size: 40px;
	text-align: center;
}
.page_shoujinryori #dinner h4 span{
	color: #ce4123;
}
.page_shoujinryori #dinner .pics{
	text-align: center;
}
.page_shoujinryori #dinner .pics img{
	display: inline-block;
	width: 31%;
	max-width: 300px;
	margin: 0 5px;
}
.page_shoujinryori #dinner h5{
	border-bottom: 2px #ce4123 solid;
	margin: 50px auto 15px;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
}
.page_shoujinryori #dinner h5 + p{
	max-width: 920px;
	margin: 0 auto 50px;
	font-size: 16px;
}

.fukidashi_flex{	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
}
.fukidashi_flex .photo{
	width: 44%;
	max-width: 450px;
}
.fukidashi_flex dl{
	width: 52%;
	max-width: 530px;
}
.fukidashi_flex dt{
	font-size: 16px;
}
.fukidashi_flex dd{
	font-size: 25px;
	font-weight: bold;
	letter-spacing: 0;
}
.fukidashi_flex dd > span{
	display: inline-block;
}
.fukidashi_flex .fukidashi{
	font-size: 14px;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  position: relative;
  transform-style: preserve-3d;
  min-height: 60px; /* 最小の高さ */
  margin: 10px 0 0 0; /* 外側の余白 */
  padding: 15px 18px; /* 内側の余白 */
  border-radius: 20px; /* 角の丸め方　*/
}
.fukidashi::before,
.fukidashi::after {
  content: '';
  position: absolute;
  width: 20px; height: 20px; /* 吹き出しサイズ */
  left: -10px; top: 50%; /* 位置 */
  transform: translateY(-50%) rotate(45deg) skew(0deg,0deg) translateZ(-1px); /* 傾斜角(skew) */ 
	z-index: -1;
}
.fukidashi::after {
  background: linear-gradient(45deg, #ffffff 51%, transparent 51%); /* 第2引数にbackgroundと共通の背景色を指定 */
  transform: translateY(-50%) rotate(45deg) skew(0deg,0deg) translateZ(0); /* 傾斜角(skew) */
}
.fukidashi,
.fukidashi::before {
  background: #ffffff; /* 背景色（linear-gradientもこの色と統一する必要がある）*/
  box-shadow: 0 0 10px 0 rgba(50,50,50,0.50); /* ぼかし距離(第3引数)，拡散距離(第4引数)，色(第5引数) */
}
/*--*/
.fukidashi.right::after{
  background: linear-gradient(-135deg, #ffffff 51%, transparent 51%); /* 第2引数にbackgroundと共通の背景色を指定 */
  transform: translateY(-50%) rotate(45deg) skew(0deg,0deg) translateZ(0); /* 傾斜角(skew) */
}
.fukidashi.right::before,.fukidashi.right::after {
	left: inherit;
  right: -10px; top: 50%; /* 位置 */
}
/*--*/
.page_shoujinryori #dinner .kokoro{
	margin-top: 70px;
}
.page_shoujinryori #dinner .kokoro .photo {
position: absolute;
right: 2%;
}
.page_shoujinryori #dinner .kokoro .photo span {
position: absolute;
bottom: 0;
right: 5px;
text-shadow: 1px 0 0 #FFF, 1px 1px 0 #FFF, 0 1px 0 #FFF, -1px 1px 0 #FFF, -1px 0 0 #FFF, -1px -1px 0 #FFF, 0 -1px 0 #FFF, 1px -1px 0 #FFF;
}
/*
.page_shoujinryori #dinner .kokoro .photo{
	position: relative;
}
.page_shoujinryori #dinner .kokoro .photo span{
	position: absolute;
	top: 0;
	right: 5px;
	text-shadow: 1px 0 0 #FFF, 1px 1px 0 #FFF, 0 1px 0 #FFF, -1px 1px 0 #FFF, -1px 0 0 #FFF, -1px -1px 0 #FFF, 0 -1px 0 #FFF, 1px -1px 0 #FFF;
	padding: 53% 0 0 0;
}*/
.page_shoujinryori #children .photo .mincho{
	margin-top: 15px;
	font-size: 16px;
}
.page_shoujinryori #children .fukidashi{
	margin-top: 30px;
}
.page_shoujinryori .btns{	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	padding: 0 10px;
}
.page_shoujinryori .btns li{
	width: 49%;
	max-width:365px;
	min-width: inherit;
	margin: 0 5px;
}
.page_shoujinryori .btns .btn_more.planbtn+.btn_more.planbtn{
	margin-top: 0;
}
@media print, screen and (max-width: 1020px) {	
	.shojin_navi li a{
	padding: 10px 0;
	font-size: 15px;
}
.shojin_navi li span{
	display: block;
	font-size: 13px;
}
	.shojin_navi li:nth-of-type(2) span{
		letter-spacing: 0;
	}
}

@media print, screen and (max-width: 1020px) and (min-width: 751px) {
	.shojin_navi li a{
	padding: 10px 0;
	font-size: 15px;
}
.shojin_navi li span{
	display: block;
	font-size: 13px;
}
.shojin_navi li i{
	position: absolute;
	right: 4%;
	top: 50%;
	margin-top: -6px;
	font-size: 30px;
	line-height: 0.6;
}
.page_shoujinryori #dinner,
.page_shoujinryori #children{
	padding-top: 70px;
	margin-top: -70px;
}

.page_shoujinryori .section_ttl .ttl_val{
	font-size: 1.95em;
}
.page_shoujinryori .section_ttl .ttl_txt{
	font-size: 15px;
	line-height: 1.5;
}

.page_shoujinryori #dinner{
	padding-bottom: 90px;
}
.page_shoujinryori .kondate h3{
	font-size: 20px;
}
	.page_shoujinryori .kondate p{
		font-size: 12px;
	}
	

.page_shoujinryori #dinner .catch{
	font-size: 20px;
}

.page_shoujinryori #dinner .catch + ul li{
	width: 36%;
}
.page_shoujinryori #dinner .catch + ul li:nth-of-type(2){
	width: 10.5%;
	margin: 0 20px;
}


.page_shoujinryori #dinner h4{
	margin: 70px auto 45px;
	font-size: 35px;
}
.page_shoujinryori #dinner .pics img{
	margin: 0 2px;
}

.page_shoujinryori #dinner h5 + p{
	margin: 0 20px 30px;
	font-size: 16px;
}
.fukidashi_flex .photo{
	width: 47%;
}
.fukidashi_flex dl{
	width: 48%;
}
.fukidashi_flex dt{
	font-size: 16px;
}
.fukidashi_flex dd{
	font-size: 20px;
	line-height: 1.4;
}
.fukidashi_flex .fukidashi{
	font-size: 14px;
  margin: 10px 0 0 0; /* 外側の余白 */
}
	.fukidashi::before,
.fukidashi::after {
  top: 30%; /* 位置 */
  transform: translateY(-30%) rotate(45deg) skew(0deg,0deg) translateZ(-1px); /* 傾斜角(skew) */ 
}
.fukidashi::after {
  transform: translateY(-30%) rotate(45deg) skew(0deg,0deg) translateZ(0); /* 傾斜角(skew) */
}
/*--*/
.fukidashi.right::after{
  transform: translateY(-30%) rotate(45deg) skew(0deg,0deg) translateZ(0); /* 傾斜角(skew) */
}
.fukidashi.right::before,.fukidashi.right::after {top: 30%; /* 位置 */
}
/*--*/
	.page_shoujinryori #dinner .kokoro .photo {
right: 3%;
width: 44%;
}
/*.page_shoujinryori #dinner .kokoro .photo span {
}
.page_shoujinryori #dinner .kokoro{
	margin-top: 60px;
}
.page_shoujinryori #dinner .kokoro .photo span{
	padding: 45% 0 0 0;
}*/
}/*-end 1020-750-*/
@media print, screen and (max-width: 750px) {
	.spOnly{
		display: block;
	}
	.pctabOnly{
		display: none;
}
	
.shojin_navi li a{
	padding: 10px 20px 10px 0;
	font-size: 13px;
}
.shojin_navi li span{
	font-size: 11px;
}
.shojin_navi li i{
	position: absolute;
	right: 1%;
	top: 50%;
	margin-top: -6px;
	font-size: 28px;
	line-height: 0.6;
}


.page_shoujinryori .section_ttl{
	background: url(../images/shojin_icon.png) no-repeat center top;
	background-size: 65px auto;
	padding: 105px 0 0 0;
}
.page_shoujinryori .section_ttl .ttl_val{
	font-size: 1.8em;
}
.page_shoujinryori .section_ttl .ttl_txt{
	font-size: 15px;
}

.page_shoujinryori #dinner{
	padding-bottom: 100px;
}
.page_shoujinryori .kondate{
	display:block;
	margin: 50px auto 14% auto;
}
.page_shoujinryori .kondate .photo,
.page_shoujinryori .kondate > div{
	width: auto;
}
.page_shoujinryori .kondate h3{
	margin-bottom: 5px;
	margin-top: 10px;
}
.page_shoujinryori .kondate > div p{
	margin-bottom: 1em;
	font-size: 11px;
}
.page_shoujinryori #dinner > h3{
	max-width:none;
	margin: 0 auto 25px auto;
}

.page_shoujinryori #dinner .catch{
	margin-bottom: 30px;
	font-size: 20px;
	line-height: 1.4;
}
.page_shoujinryori #dinner .catch + ul + p.txt_center{
	margin-top:4.4% ;
	font-size: 16px;
	text-align: left;
}

.page_shoujinryori #dinner h4{
	margin: 70px auto 30px;
	font-size: 30px;
}
.page_shoujinryori #dinner h5{
	margin: 50px auto 12px;
	font-size: 20px;
}
.page_shoujinryori #dinner h5 + p{
	margin: 0 0 20px;
	font-size: 16px;
	line-height: 1.4;
}

.fukidashi_flex{	
	display:block;
}
.fukidashi_flex .photo{
	width: auto;
	max-width:none;
	margin-bottom: 15px;
}
.fukidashi_flex dl{
	width: auto;
	max-width:none;
}
.fukidashi_flex dt{
	font-size: 16px;
}
.fukidashi_flex dd{
	font-size: 20px;
}
.fukidashi_flex .fukidashi{
	font-size: 14px;
  min-height: 60px; /* 最小の高さ */
  margin: 10px 0 0 0; /* 外側の余白 */
  padding: 15px 18px; /* 内側の余白 */
  border-radius: 20px; /* 角の丸め方　*/
}
.fukidashi::before,
.fukidashi::after {
	display: none;
}
/*--*/
.page_shoujinryori #dinner .kokoro{
	margin-top: 50px;
}
.page_shoujinryori #dinner .kokoro .photo{
	position: relative;
	width: 80%;
	margin: 20px auto 0 auto;
}
.page_shoujinryori #dinner .kokoro .photo span{
	position:relative;
	top: 0;
	right: 0;
	display: block;
	padding: 10px 0 0 0;
	font-size: 10px;
	line-height: 1.5;
}
	.page_shoujinryori #children .photo{
		margin-bottom: 30px;
	}
.page_shoujinryori #children .photo .mincho{
	margin-top: 15px;
	font-size: 16px;
	line-height: 1.4;
	letter-spacing: 0;
}
	.page_shoujinryori #children dt{
		margin-bottom: 20px;
	}
.page_shoujinryori #children .fukidashi{
	margin-top: 30px;
}
.page_shoujinryori .btns{	
	display:block;
	padding: 0 10px;
}
.page_shoujinryori .btns li{
	width: 100%;
	max-width:none;
	min-width: inherit;
	margin: 0 0 20px;
}
	
.page_shoujinryori .btns .btn_more.planbtn+.btn_more.planbtn{
	margin-top: 0;
}

}/*-end 375 add2018.08-*/

@media print, screen and (min-width: 1021px) {
	#page_taiken #wide_content #page_content {
		float: right !important;
	}
}